/*
Theme Name: Pixfuture
*/
.g-section:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.g-unit .g-section:after {
    clear: none
}

.g-unit .g-section {
    width: 100%;
    overflow: hidden
}

.g-section, .g-unit {
    zoom: 1
}

.g-split > .g-unit {
    float: right;
    text-align: right
}

.g-split > .g-first {
    float: left;
    text-align: left
}

.g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
    display: block;
    margin: 0 0 0 160px;
    width: auto;
    float: none
}

.g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first {
    display: block;
    margin: 0;
    width: 160px;
    float: left
}

.g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit {
    width: 74.999%;
    float: right;
    display: inline;
    margin: 0
}

.g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first {
    width: 24.999%;
    float: left;
    display: inline;
    margin: 0
}

.g-tpl-75-25 .g-unit, .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit {
    width: 24.999%;
    float: right;
    display: inline;
    margin: 0
}

.g-tpl-75-25 .g-first, .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first {
    width: 74.999%;
    float: left;
    display: inline;
    margin: 0
}

.g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit {
    width: 66.999%;
    float: right;
    display: inline;
    margin: 0
}

.g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first {
    width: 32.999%;
    float: left;
    display: inline;
    margin: 0
}

.g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit {
    width: 32.999%;
    float: right;
    display: inline;
    margin: 0
}

.g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first {
    width: 66.999%;
    float: left;
    display: inline;
    margin: 0
}

.g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit {
    width: 49.999%;
    float: right;
    display: inline;
    margin: 0
}

.g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first {
    width: 49.999%;
    float: left;
    display: inline;
    margin: 0
}

.g-tpl-nest .g-unit {
    float: left;
    width: auto;
    display: inline;
    margin: 0
}

.g-tpl-nest-alt .g-unit {
    float: right;
    width: auto;
    display: inline;
    margin: 0
}

.g-content {
    margin-right: 13px
}

.g-last .g-content {
    margin-right: 0
}

.g-col-2-2-2-2-2-2 .g-unit {
    width: 16.666%
}

.g-col-3-3-3-3 .g-unit {
    width: 24.999%
}

.g-col-4-4-4 .g-unit {
    width: 33.333% !important
}

.g-col-5-5-2 .g-unit {
    width: 41.666%
}

.g-col-5-5-2 .g-last {
    width: 16.666%
}

.g-col-6-3-3 .g-unit {
    width: 24.999%
}

.g-col-6-3-3 .g-first {
    width: 49.999%
}

.g-col-3-6-3 .g-unit {
    width: 50%
}

.g-col-3-6-3 .g-last, .g-col-3-6-3 .g-first {
    width: 25%
}

.g-col-7-5 .g-unit {
    width: 41.66%
}

.g-col-7-5 .g-first {
    width: 58.33%
}

.g-tpl-nest .g-tpl-50-50 .g-unit {
    width: 49.999%
}

.g-unit.g-col-1 {
    width: 8.333%
}

.g-unit.g-col-2 {
    width: 16.666%
}

.g-unit.g-col-3 {
    width: 32.999%
}

.g-unit.g-col-4 {
    width: 33.333%
}

.g-unit.g-col-5 {
    width: 41.666%
}

.g-unit.g-col-6 {
    width: 49.999%
}

.g-unit.g-col-7 {
    width: 58.333%
}

.g-unit.g-col-8 {
    width: 66.666%
}

.g-unit.g-col-9 {
    width: 74.999%
}

.g-unit.g-col-10 {
    width: 83.333%
}

.g-unit.g-col-11 {
    width: 91.666%
}

.g-unit.g-col-12 {
    width: 100%
}

.g-section .g-tpl-nest #email-alerts {
    clear: both
}

.g-section .g-tpl-nest .condition-hide {
    display: none
}

.g-section .g-tpl-nest .condition-show {
    display: block
}

@media screen and (max-width: 770px) {
    .g-unit.g-unit {
        float: none
    }
}

* {
    margin: 0;
    padding: 0
}

body {
    color: #333;
    font: 13px/18px 'Open Sans', arial, sans-serif;
    font-weight: 400
}

a {
    color: #000;
    font-weight: 600;
    text-decoration: none
}

a img {
    border: 0
}

#main a:hover, #footer a:hover {
    color: #39f
}

h1.heading-text {
    font-size: 3em
}

h1.heading, h1.heading-text {
    margin-top: .7em
}

.list-terms {
    list-style: none;
    margin-left: 20px
}

h1, .h1 {
    color: #000;
    font-size: 3.2em;
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 .7em
}

h2, .h2 {
    color: #000;
    font-size: 2.3em;
    font-weight: 300;
    line-height: 1.25;
    margin: 1em 0
}

h3, .h3 {
    color: #000;
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1.3;
    margin: .5em 0
}

h4, .h4 {
    color: #555;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 0 0 .5em
}

h2 em {
    font-style: normal;
    font-weight: 700
}

p {
    margin: .1em 0 .2em
}

table {
    border-spacing: 2px;
    width: 100%
}

th, td {
    background: #f6f6f6;
    border: 0;
    font-size: .9em;
    padding: .3em 1em
}

.js .hide {
    display: none !important
}

.word {
    white-space: nowrap
}

.notice {
    background-color: #f9edbe;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    outline: 1px solid #ddd;
    padding: 10px;
    text-align: center
}

.superscript {
    font-size: .8em;
    line-height: 1;
    vertical-align: super
}

.compact {
    border-left: 26px transparent solid;
    border-right: 26px transparent solid;
    margin: 0 auto;
    max-width: 928px
}

.button {
    background: #0370ea;
    background: -moz-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008dfd), color-stop(100%, #0370ea));
    background: -webkit-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -o-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: -ms-linear-gradient(top, #008dfd 0, #0370ea 100%);
    background: linear-gradient(top, #008dfd 0, #0370ea 100%);
    border: 1px solid #076bd2;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 1px 1px 1px #076bd2
}

.button.disabled, .button.disabled:hover {
    background: none;
    background-color: #dadada;
    border: 0;
    color: #333;
    cursor: default;
    text-shadow: none
}

.button:hover {
    background: -moz-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #008dfd), color-stop(100%, #0370ea));
    background: -webkit-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -o-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: -ms-linear-gradient(top, #008dfd 30%, #0370ea 100%);
    background: linear-gradient(top, #008dfd 30%, #0370ea 100%);
    cursor: pointer
}

.button-alt {
    background: #eee;
    background: -o-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%);
    background: -moz-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcdcdc), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%);
    background: -ms-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%);
    background: linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%);
    border: 1px solid #d6d6d6;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333 !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none
}

.button-alt:hover {
    background: -o-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%);
    background: -moz-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #dcdcdc), color-stop(87%, #fafafa));
    background: -webkit-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%);
    background: -ms-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%);
    background: linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%);
    cursor: pointer
}

.eula-download-button.disabled, .eula-download-button.disabled:hover, #download-options .eula-download-button.disabled, #download-options .eula-download-button.disabled:hover {
    color: #dadada;
    cursor: default
}

.sub-button {
    font-size: 13px !important;
    margin-top: -20px
}

.more {
    display: block;
    margin: 1em 0 1.5em
}

.back, .back-alt {
    border-bottom: 1px solid #eee;
    display: block;
    margin: 45px 0 60px
}

.back-alt a, .back a {
    background: #fff;
    bottom: -8px;
    color: #000;
    font-weight: 600;
    line-height: 20px;
    padding: 0 15px 0 0;
    position: relative
}

.back a:hover, .back a:visited:hover {
    color: #39c
}

.back-alt {
    text-align: right
}

.back-alt a {
    padding: 0 0 0 15px
}

iframe {
    border: 0
}

.multicol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px
}

.copy, .respond {
    display: inline-block;
    max-width: 100%
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.accordion h3 {
    background: url(../images/right-arrow.png) no-repeat right center;
    color: #555;
    cursor: pointer;
    font: 13px/16px 'Open Sans', arial, sans-serif;
    font-weight: 700;
    margin: .2em 0;
    outline: none;
    padding: 7px 0
}

.accordion h3:hover {
    color: #39f
}

.accordion h3.goog-zippy-expanded {
    background-image: url(../images/down-arrow.png);
    color: #989898
}

.accordion h3 a {
    color: #555
}

.accordion {
    border-bottom: 1px solid #e5e5e5;
    width: 75%
}

.accordion, .accordion li {
    list-style: none;
    margin: 0;
    padding: 0
}

.accordion li {
    border-top: 1px solid #e5e5e5
}

.accordion p {
    color: #777;
    font: 13px/20px 'Open Sans', arial, sans-serif;
    padding: 10px 0 20px
}

.newsletter-form {
    height: auto;
    overflow: hidden;
    width: 100%
}

.warning {
    background: #fffbe4;
    border: 1px solid #f8f6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px auto;
    padding: 10px 0;
    position: relative;
    text-align: center
}

#eula-dialog {
    background: #fff;
    border: 1px solid #ccc;
    left: -99999px;
    max-width: 690px;
    min-height: 428px;
    padding: 20px 45px;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: 1002
}

#eula-dialog h2 {
    font-size: 2.5em;
    margin: .2em 0 .7em
}

#eula-dialog a {
    color: #0370ea
}

.modal-dialog-bg {
    background: #666;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1001
}

#eula-dialog label {
    display: block;
    margin-top: 5px
}

#eula-dialog p {
    margin: 0 0 20px
}

#eula-dialog iframe {
    background: #f2f2f2;
    border: 1px solid #ccc;
    height: 170px;
    width: 100%
}

html.business #eula-dialog .modal-dialog-buttons {
    text-align: right
}

#eula-dialog .modal-dialog-buttons span {
    margin: 0 63px 0 78px
}

html.business #eula-dialog .modal-dialog-buttons button {
    margin-left: 15px
}

#eula-close {
    background: #ebebeb url(../images/content/close-icon.png);
    font-size: 30px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 2%;
    top: 3.5%;
    width: 20px
}

#eula-close span {
    display: none
}

#eula-logo {
    float: left
}

#eula-cancel {
    padding: 2px 5px 3px
}

#throbber, #ios-throbber {
    display: none
}

#eula-dialog .eula-pf {
    margin: 0 !important;
    text-align: right
}

.mac-content, .win-content, .linux-content {
    display: none
}

.mac .mac-content {
    display: block
}

.win .win-content {
    display: block
}

.linux .linux-content {
    display: block
}

.modal-dialog-buttons {
    clear: right;
    margin-top: 10px
}

.tablist, .tablist li {
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0
}

.tablist {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 1em;
    width: 90%
}

.tablist a {
    background: url(../images/right-arrow.png) no-repeat right center;
    color: #555;
    display: block;
    font: 13px/26px 'Open Sans', arial, sans-serif;
    font-weight: 700
}

.tablist li.goog-zippy-expanded a {
    background-image: url(../images/right-arrow-dk.png);
    color: #989898
}

.tablist li {
    border-top: 1px solid #e5e5e5
}

.tooltip-button {
    cursor: pointer !important;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.tooltip-button:hover {
    -webkit-box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2);
    -moz-box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2);
    box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2)
}

.js .tooltip-content {
    display: none;
    position: absolute
}

.goog-tooltip, .tooltip-content {
    background: #f6f6f6;
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
    border-width: 0 1px 1px 0;
    color: #777;
    cursor: default;
    font: 13px/18px 'Open Sans', arial, sans-serif;
    letter-spacing: 0;
    padding: 20px;
    text-align: left;
    text-transform: none;
    width: 260px;
    z-index: 501
}

.goog-tooltip h3 {
    font: 14px/18px 'Open Sans', arial, sans-serif;
    margin-bottom: 5px
}

.goog-tooltip h4, .tooltip-content h4 {
    margin-bottom: 10px
}

span.tooltip-left, span.tooltip-right, span.tooltip-above, span.tooltip-below {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute
}

span.tooltip-left, span.tooltip-right {
    height: 14px;
    margin-top: -7px;
    top: 50%;
    width: 8px
}

span.tooltip-above, span.tooltip-below {
    height: 8px;
    left: 50%;
    margin-left: -7px;
    width: 14px
}

span.tooltip-left {
    background-image: url(../images/tooltip-right.png);
    right: -8px
}

span.tooltip-right {
    background-image: url(../images/tooltip-left.png);
    left: -8px
}

span.tooltip-above {
    background-image: url(../images/tooltip-bottom.png);
    bottom: -8px !important
}

span.tooltip-below {
    background-image: url(../images/tooltip-top.png);
    top: -8px
}

#header {
    height: 64px;
    position: relative
}

#header .g-split {
    border-bottom: 1px solid #e8e8e8
}

#header-logo {
    margin-top: 20px
}

#logo {
    width: 123px
}

.chromecast #logo {
    width: 164px
}

#nav {
    font-size: 12px;
    height: 64px;
    position: absolute;
    right: 0
}

#nav ul {
    display: none
}

#nav li:hover ul {
    display: block
}

#nav li {
    font-weight: 600;
    height: 64px;
    list-style: none;
    overflow: visible;
    position: relative;
    text-transform: uppercase;
    white-space: normal;
    zoom: 1
}

#nav li:hover {
    overflow: visible
}

#nav li a {
    background: #fff;
    border: 0 solid #39c;
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 600
}

.nojs #nav li a {
    height: 64px
}

.nojs #nav li:hover a {
    border-bottom: 4px solid #39c
}

.nojs #nav li:hover li a, .nojs #nav li.active:hover span {
    border-bottom: none
}

#nav li:hover li a {
    border: none
}

#nav li span {
    border-top: 35px solid #fff;
    display: block;
    height: 29px;
    margin: 0 30px;
    padding: 0 5px;
    position: relative;
    white-space: nowrap
}

#nav li.active span {
    border-bottom: 4px solid #39c;
    height: 25px
}

#nav li ul {
    left: 0;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 599
}

#nav li li {
    background: #f4f4f4;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #fff;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 6px 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

#nav li li:hover {
    background: #ddd
}

#nav li li a {
    background: transparent;
    border: none;
    color: #666;
    padding-bottom: 0
}

.marquee-copy .content-inner {
    margin-right: 0
}

.g-content-inner .inner-text {
    display: inline-block
}

#main {
    color: #777
}

#marquee {
    margin: 50px auto;
    position: relative
}

.marquee-copy .g-content {
    display: table;
    height: 275px;
    position: relative;
    z-index: 2
}

.marquee-copy h1 {
    margin: 0 0 .3em;
    white-space: nowrap
}

.marquee-copy .wrap {
    white-space: normal
}

.marquee-carousel .marquee .marquee-copy .hero-text {
    font-size: 3.1em
}

.marquee-copy .g-content-inner {
    display: table-cell;
    vertical-align: middle
}

.marquee-copy p {
    font-size: 15px;
    padding-right: 10px
}

.content-inner p.landing-intro-text {
    padding-right: 9px
}

.marquee-copy a {
    margin: 27px 0
}

.marquee-image {
    position: relative
}

.marquee-image img {
    display: block;
    float: right;
    max-width: 100%
}

#marquee.marquee-stacked {
    margin-top: 35px;
    text-align: center
}

.marquee-stacked p {
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 55%
}

.marquee-stacked .marquee-image img {
    float: none;
    max-width: 100%
}

.webstore .overview #marquee.marquee-overlay {
    margin-bottom: 0;
    margin-top: 100px
}

.marquee-overlay .marquee-copy {
    margin-top: -25px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 2
}

.marquee-overlay .marquee-image img {
    float: none
}

.marquee-carousel {
    margin-bottom: 0 !important
}

.marquee-carousel, .marquee-carousel .marquee {
    height: 400px;
    overflow: hidden;
    position: relative
}

.marquee-carousel .marquee .marquee-image .aligner {
    display: table-cell;
    height: 400px;
    vertical-align: middle
}

.marquee-carousel .marquee img {
    float: none
}

.marquee-image .aligner .fairfieldvideo {
    height: 260px;
    width: 460px
}

.js #marquee-overview {
    opacity: 0
}

#marquee-overview p {
    padding-right: 0
}

.marquee-carousel #marquee-overview .marquee-copy {
    text-align: center
}

.marquee-carousel #marquee-browser .button {
    margin-bottom: 20px;
    margin-top: 20px
}

.marquee-carousel .marquee-overlay .marquee-image img {
    float: right
}

.marquee-wide p {
    width: 86%
}

#mdn {
    list-style: none;
    margin: 0 auto 50px;
    max-width: 928px;
    position: relative;
    text-align: center;
    top: 0;
    width: 93%;
    z-index: 10
}

#mdn li {
    display: inline-block
}

#mdn a {
    background: url(../images/dot.png) no-repeat 50% -12px;
    color: #ccc;
    display: block;
    height: 12px;
    margin-right: 10px;
    width: 12px
}

#mdn .tab-on a, #mdn a:hover {
    background-position: 50% 0
}

.banner {
    margin: 30px 0 10px
}

.banner .button {
    float: right;
    margin-top: 23px
}

.promo-nav {
    margin-bottom: 90px
}

.promo-nav h3 {
    margin-bottom: 15px
}

.promo-nav .g-content {
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
    min-height: 270px;
    padding: 25px;
    position: relative
}

.promo-nav span.promo-nav-more {
    text-align: left;
    width: 100%
}

.promo-nav a {
    display: inline;
    line-height: 30px;
    padding: 10px 0
}

.promo-nav a img {
    margin-left: 6px
}

.promo-nav-image {
    margin-bottom: 15px
}

.promo-nav-image img {
    display: block;
    max-width: 250px;
    width: 100%
}

.promos {
    margin-bottom: 50px
}

.promos h2 {
    color: #000;
    font-size: 1.8em;
    font-weight: 300;
    margin: 1em 0 .5em
}

.promos .g-content {
    border-top: 1px solid #ccc;
    padding: 0 0 10px
}

.promos a {
    color: #000
}

.promo a, .promo-nav a {
    color: #000;
    font-weight: 600
}

.promo p a {
    color: #333
}

.promo h2 {
    color: #000;
    font-size: 1.8em;
    font-weight: 300;
    margin: 0 0 .5em
}

.promo .g-content {
    line-height: 20px;
    padding: 30px 0
}

.promo .g-content p {
    padding-right: 10px
}

.promo-list {
    list-style: square outside;
    margin-left: 15px
}

.promo-list li {
    color: #000;
    font-size: 8px
}

.promo-list li > span {
    color: #777;
    font-size: 1.6em
}

.gweb-lightbox {
    background: #fff;
    border: 1px solid #ccc;
    max-width: 600px;
    min-height: 200px;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 80% !important;
    z-index: 1002
}

.gweb-lightbox-content {
    background: #fff;
    min-height: 200px;
    min-width: 200px
}

.gweb-lightbox-loading .gweb-lightbox-content {
    background: #fff url(//www.google.com/images/gweb/lightbox/loading.gif) no-repeat 50% 50%
}

.gweb-lightbox-bg {
    background: #666;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1001
}

.gweb-lightbox iframe {
    border: 1px solid #ccc;
    width: 100%
}

.gweb-lightbox-title {
    background: #fff;
    color: #666;
    font-size: 1.2em;
    min-height: 20px
}

.gweb-lightbox-title-text {
    color: #333;
    display: block;
    font-size: 1.4em;
    font-weight: 200;
    padding: 0 31px 10px 0
}

.gweb-lightbox-title-text span {
    font-weight: normal;
    padding: 0 8px
}

.gweb-lightbox-title-close {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 25px;
    line-height: .9;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1005
}

.gweb-lightbox-title-close:hover {
    color: #333
}

.gweb-lightbox-content {
    display: block;
    margin: 0;
    min-height: 200px;
    min-width: 200px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center
}

.gweb-lightbox-nav {
    display: none
}

.chromebookbg {
    position: relative
}

.chromebookbg .bg {
    left: 0;
    max-width: 100%;
    position: relative
}

.chromebookbg .screenshot {
    left: 17.35%;
    position: absolute;
    top: 7.8%;
    width: 65.3%
}

#footer {
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -o-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0, #fff 100%);
    background: linear-gradient(top, #f3f3f3 0, #fff 100%);
    font-size: 11px;
    padding: 40px 0 50px
}

#footer a {
    color: #999
}

#footer h4 {
    font-size: 11px;
    line-height: 1;
    margin-bottom: 16px;
    text-transform: uppercase
}

#footer h4 a {
    color: #555
}

#footer ul {
    list-style: none;
    white-space: nowrap
}

#footer li {
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 2px
}

#footer .g-tpl-nest .g-unit {
    width: 20.8%
}

#footer .g-tpl-nest .g-last {
    width: 16.6%
}

#sub-footer {
    border-top: 1px solid #eee;
    color: #999;
    line-height: 16px;
    margin: 25px auto 0;
    max-width: 980px;
    padding: 11px 0
}

#sub-footer .g-unit p {
    margin: 0 26px 0 0
}

#sub-footer .g-first p {
    margin: 0 0 0 26px
}

#sub-footer a {
    color: #999;
    margin-left: 23px
}

#sub-footer select {
    border: 1px solid #eee;
    border-radius: 0;
    color: #333;
    display: inline-block;
    font: small-caps 600 12px/1 'Open Sans', arial, sans-serif;
    margin: -3px 0 0;
    padding: 0 0 0 5px
}

#sub-footer select:focus {
    outline: none
}

#sub-footer .footer-notice {
    color: #555;
    font-weight: 600;
    line-height: 2.5em;
    margin-left: 23px
}

#sub-footer .footer-notice a {
    margin-left: 0
}

#chrome-footer-global {
    margin: 0 0 0 23px
}

#chrome-footer-global a {
    margin-left: 0
}

#chrome-footer-global li {
    display: inline
}

#chrome-footer-global li + li:before {
    content: '\00B7';
    padding: 0 3px
}

.ie6 #chrome-footer-global li {
    margin: 0 13px 0 0
}

.ie7 #chrome-footer-global li {
    margin: 0 13px 0 0
}

.ie7[dir='rtl'] #chrome-footer-global li {
    margin: 0 0 0 13px
}

#locale-switcher {
    display: inline-block;
    float: right;
    margin-left: 1em;
    padding: 0 0 0 15px
}

.map-pin {
    background: url(../images/pin.png) no-repeat;
    cursor: pointer;
    height: 38px;
    margin: -28px 0 0 -10px;
    position: absolute;
    width: 32px
}

#g-plus-badge, #___plusone_0 {
    float: right !important;
    padding: 0 !important
}

#g-plus-badge {
    margin: 0 10px
}

#g-plus-badge a {
    margin: 0
}

#g-plus-badge img {
    margin: 0 0 -4px
}

.scrollbar::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.scrollbar::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    min-height: 28px;
    padding-top: 100px
}

.scrollbar::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

.scrollbar::-webkit-scrollbar-button:start:decrement, .scrollbar::-webkit-scrollbar-button:end:increment {
    display: block
}

.scrollbar::-webkit-scrollbar-button:vertical:start:increment, .scrollbar::-webkit-scrollbar-button:vertical:end:decrement {
    display: none
}

.scrollbar::-webkit-scrollbar-track:vertical {
    background-clip: padding-box;
    background-color: #fff;
    border-left: 5px solid transparent;
    border-right: 0 solid transparent
}

.scrollbar::-webkit-scrollbar-track:horizontal {
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 0 solid transparent;
    border-top: 5px solid transparent
}

.scrollbar::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    min-height: 28px;
    padding-top: 100px
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}

.scrollbar::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35)
}

.scrollbar::-webkit-scrollbar-thumb:vertical {
    border: 0 0 0 5px solid transparent
}

.scrollbar::-webkit-scrollbar-thumb:horizontal {
    border: 5px 0 0 0 solid transparent
}

.scrollbar::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}

.scrollbar::-webkit-scrollbar-track:active {
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}

.tooltip-button:hover {
    -webkit-box-shadow: inset 0 0 10px 3px rgba(196, 232, 247, .6);
    -moz-box-shadow: inset 0 0 10px 3px rgba(196, 232, 247, .6);
    box-shadow: inset 0 0 6px 3px rgba(196, 232, 247, .6)
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes alt-spin {
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes alt-spin {
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes alt-spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.content-cros, .content-linux, .content-mac, .content-mac49, .content-win, .content-win64, .content-win49, .content-win8, .content-win8-block, .content-win10, .content-win10-block, .marquee-image .content-cros, .marquee-image .content-linux, .marquee-image .content-mac, .marquee-image .content-win, .marquee-image .content-win64, .marquee-image .content-win8 {
    display: none
}

.win49 #marquee .marquee-image .content-win {
    display: block
}

.win49 #marquee .desktop-only, .mac49 #marquee .desktop-only {
    margin: 0 auto;
    max-width: 600px
}

#cros .content-cros, #linux .content-linux, #mac .content-mac, #win .content-win, #win64 .content-win64 {
    display: block
}

.win8 .content-win8, .win10 .content-win10 {
    display: inline-block
}

.win8 .content-win8-block, .win10 .content-win10-block {
    display: block
}

.win64-incapable .win64-capable, .win64-capable .win64-incapable {
    display: none !important
}

.mac49 .content-mac {
    display: none !important
}

.mac49 .marquee-image .content-mac {
    display: block !important
}

.win49 #marquee .content-win, .win49 #marquee .content-win64 {
    display: none
}

.mac49 .content-mac49, .win49 .content-win49 {
    display: inline-block
}

#cros .hide-cros, #linux .hide-linux, #mac .hide-mac, #win .hide-win, #win64 .hide-win64, #win64.win8 .hide-win8, #win.win8 .hide-win8, #win64.win10 .hide-win10, #win.win10 .hide-win10 {
    display: none !important
}

#win64.build-stable .browser-landing .content-win64 {
    display: none
}

#win64.build-stable .browser-landing .content-win {
    display: block
}

#win64.force-win64.build-stable .browser-landing .content-win64 {
    display: block
}

#win64.force-win64.build-stable .browser-landing .content-win {
    display: none
}

#win64.build-stable.business .landing-user .content-win64 {
    display: none
}

#win64.build-stable.business .landing-user .content-win {
    display: block
}

#win64.force-win64.build-stable.business .landing-user .content-win64 {
    display: block
}

#win64.force-win64.build-stable.business .landing-user .content-win {
    display: none
}

#eula-dialog #download-options, #eula-dialog #modal-dialog-content, #eula-dialog #modal-dialog-buttons {
    display: none
}

#eula-dialog.mode-options #download-options, #eula-dialog.mode-eula #modal-dialog-content, #eula-dialog.mode-eula #modal-dialog-buttons {
    display: block
}

#win-opts p {
    margin-right: 20px
}

#download-options a, #download-options a.button {
    display: inline-block
}

#eula-dialog .eula-linux, #eula-dialog .eula-mac, #eula-dialog .eula-mac49, #eula-dialog .eula-win, #eula-dialog .eula-win64, #eula-dialog .eula-win .win49, #eula-dialog .eula-win64 .win49, #eula-dialog .eula-win49 {
    display: none
}

#eula-dialog.platform-linux .eula-linux, #eula-dialog.platform-mac .eula-mac, #eula-dialog.platform-mac49 .eula-mac, #eula-dialog.platform-win .eula-win, #eula-dialog.platform-win64 .eula-win64, #eula-dialog.platform-win49 .eula-win49, .win49 #eula-dialog.platform-win64 .eula-win49, .win49 #eula-dialog.platform-win .eula-win49 {
    display: block
}

#eula-dialog.platform-mac .eula-mac .alt-platform.mac49, #eula-dialog.platform-mac49 .alt-platform.mac {
    display: none
}

.mac49 .modal-dialog.platform-mac49 .alt-platform.mac49, .win49 .modal-dialog.platform-win49 .alt-platform.win49, .win49 #eula-dialog.platform-win64 .eula-win64, .win49 #eula-dialog.platform-win .eula-win49, {
    display: block
}

.win49 .eula-win64 .win64, .win49 .eula-win .win, .mac49 .eula-win .win49 .win49 .eula-win .win64, .win49 .eula-win64 .win64, .mac49 .eula-win64 .win49, .mac .eula-win .win49 .mac .eula-win64 .win49, .mac49 .alt-platform.mac, .win49 #eula-dialog.platform-win p.eula-win {
    display: none
}

.win49 .eula-win .win49, .win49 .eula-win64 .win49, .mac49 .alt-platform.mac49 {
    display: inline-block !important
}

.lt-ie8 .show-dialog-options {
    display: none
}

.fatnav-header #header-logo {
    position: absolute;
    z-index: 1001
}

#fat-nav {
    padding: 15px 0 0;
    text-align: right
}

.nav-skip-to-content {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    left: 130px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -16px;
    width: 1px
}

.nav-skip-to-content:focus {
    background: #f9edbe;
    border: 1px solid #f0c36d;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .14);
    clip: auto;
    font-size: 13px;
    height: auto;
    left: 0;
    margin: 5px auto;
    max-width: 180px;
    padding: 6px;
    top: 60px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    z-index: 10000
}

.fatnav-header ul, .fatnav-header li {
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0
}

.platform-text {
    display: none
}

.default-platform-text, #win .forWindows, #win8 .forWindows, #mac .forMac, #linux .forLinux {
    display: inline
}

#win .default-platform-text, #win8 .default-platform-text, #mac .default-platform-text, #linux .default-platform-text {
    display: none
}

.nav-l1 {
    position: relative;
    width: 100%;
    z-index: 1000
}

.menu-item-has-children {
    display: inline-block;
    line-height: 48px;
    min-width: 110px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    white-space: nowrap
}

* + html .menu-item-has-children {
    display: inline;
    float: right
}

.nav-l1 > li:after {
    content: "";
    float: right;
    height: 48px;
    left: 4px;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    top: -48px;
    width: 6px
}

.nav-l1 li:hover {
    background: #f7f7f7
}

.nav-l1 > li:hover:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF/////f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39/fxsbG29vb0dHR3d3d4ODg4+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8/PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h829NC+rqIKNAK8hhGEQjmUyrm+ziVTs50O6jkA6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+1XI/A7cwmmdM1nHLZwbl+kPPj9lunELq5LuRWy5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAABJRU5ErkJggg==) no-repeat;
    opacity: 1
}

.menu-item-has-children:hover > a {
    color: #333
}

.nav-l1-flat:after {
    display: none
}

.nav-l1-flat:hover {
    background: none
}

.compact-nav .menu-item-has-children {
    background: #f7f7f7
}

.nav-l1 > li > a{
    color: #999;
    display: block;
    margin: 0 6px;
    padding: 0 20px;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.nav-l1 > li.active > a{
    color: #333
}

.menu-item-has-children > a:after {
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNpiyc/Pn8XAwDATiM8yEAaMQBwBxHxMQMIdiE8D8Vog1sGjyQGqbhkQK4A0PoKaFATEF4F4MRCrImnQBuJtQLwfiI2hYk9AGl2AuB2I/wAxiB8DxNeAeA4QzwXiS0DsCdXwHIj9gHgqSOFPIK4CYksgvgJVwALEyUCcBDWMAeoSkO2bGZAEQeAM1CmtUNth4BkQ+wJxHBC/hwkyoQXALyCuAWILIL4MxIugAbYFI3iNZ54BR4fNtcXo0QEy9B+ywBGtWMzoAAquBWLk6EDXhBIdLNDokINGRwBQAUiiCYhvI0VHN1LIjpjoAAgwAMoSTlKlzAY4AAAAAElFTkSuQmCC) no-repeat;
    background-size: 9px;
    color: #888;
    display: inline-block;
    height: 5px;
    margin: 0 0 2px 5px;
    padding-left: 5px;
    vertical-align: middle;
    width: 14px
}

.sub-menu {
    background-color: #f7f7f7;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .12);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 48px;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.active.menu-item-has-children > a:after,
.nav-open.menu-item-has-children > a:after {
    background-position: 0 -5px
}

.menu-item-has-children:hover .sub-menu, .selected .sub-menu, .nav-open .sub-menu, .menu-item-has-children > a:focus + .sub-menu {
    opacity: 1;
    visibility: visible
}

.sub-menu > li {
    float: left;
    position: relative;
    width: 33.33%
}
.sub-menu.menu-cols3 > li {
    width: 33.33%
}
.sub-menu a {
    color: #333;
    display: block;
    text-decoration: none;
    text-transform: none
}

.sub-menu a:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(205deg, rgba(229, 229, 229, .7) 0, rgba(233, 233, 233, .7) 20%, rgba(244, 244, 244, .7) 100%);
    background: -webkit-linear-gradient(205deg, rgba(229, 229, 229, .7) 0, rgba(233, 233, 233, .7) 20%, rgba(244, 244, 244, .7) 100%);
    background: linear-gradient(205deg, rgba(229, 229, 229, .7) 0, rgba(233, 233, 233, .7) 20%, rgba(244, 244, 244, .7) 100%)
}

.nav-l3 li {
    border-bottom: 1px solid #e8e8e8;
    text-align: left
}

.nav-l3 li:last-child {
    border: 0
}

.nav-l3 a {
    line-height: 1;
    padding: 1.3em 13%
}

.nav-hero {
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    min-height: 140px
}

[id^='nav-l2']:after {
    content: '';
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(211, 211, 211, .5) 25%, #d3d3d3 50%, rgba(211, 211, 211, .5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(25%, rgba(211, 211, 211, .5)), color-stop(50%, #d3d3d3), color-stop(75%, rgba(211, 211, 211, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(211, 211, 211, .5) 25%, #d3d3d3 50%, rgba(211, 211, 211, .5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(211, 211, 211, .5) 25%, #d3d3d3 50%, rgba(211, 211, 211, .5) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(211, 211, 211, .5) 25%, #d3d3d3 50%, rgba(211, 211, 211, .5) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(211, 211, 211, .5) 25%, #d3d3d3 50%, rgba(211, 211, 211, .5) 75%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 1px !important
}

.nav-l2-other:after {
    display: none
}

#menu-nav {
    display: none
}

#fat-nav .device-new {
    background: #2881cc;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    font-weight: 300;
    left: 32px;
    letter-spacing: 1px;
    line-height: 2em;
    padding: 0 4px;
    position: absolute;
    top: 0;
    z-index: 101
}

@media (max-width: 900px) {
    .nav-hero {
        min-height: 100px
    }

    .nav-l1 > li > a {
        padding: 0 10%
    }
}

@media (max-width: 800px) {
    #header#header {
        z-index: 1000
    }

    .fatnav-header #header-logo {
        position: relative;
        float: left
    }

    #fat-nav {
        text-align: center
    }

    .nav-l1 > li > a{
        padding: 0 5%
    }
}

@media (max-width: 750px) {
    .nav-l1 > li > a {
        padding: 0 2%
    }
}

@media (min-width: 700px) {
    .sub-menu {
        left: inherit;
        right: 0;
        width: 75%
    }

    .sub-menu > li {
        width: 50%
    }

    .nav-l3 {
        min-height: 188px
    }

    .nav-l2.sub-nav-columns-1 {
        left: inherit;
        right: 0;
        width: 25%
    }

    .nav-l2.sub-nav-columns-1 > li {
        width: 100%
    }

    .nav-l2.sub-nav-columns-2 {
        left: inherit;
        right: 0;
        width: 50%
    }

    .nav-l2.sub-nav-columns-2 > li {
        width: 50%
    }

    .nav-l2.sub-nav-columns-3 {
        left: inherit;
        right: 0;
        width: 75%
    }

    .nav-l2.sub-nav-columns-3 > li {
        width: 33.289%
    }

    .nav-l2.sub-nav-columns-4 {
        width: 100%
    }

    .nav-l2.sub-nav-columns-4 > li {
        width: 24.979999%
    }
}

@media (max-width: 700px) {
    .fatnav-header #header-logo {
        float: none !important
    }

    #fat-nav {
        padding: 0;
        margin: -10px 0 0
    }

    .sub-menu > li {
        width: 33.289%
    }

    .sub-menu .nav-l2-other {
        width: 30%
    }

    .nav-hero {
        min-height: 100px;
        width: 160px
    }

    .sub-menu > li:nth-child(3):after {
        display: none
    }

    .nav-l3 {
        display: block;
        height: auto;
        vertical-align: middle;
        width: 100%
    }

    .nav-l3 a {
        padding: 1.3em 5%
    }

    .menu-item-has-children {
        min-width: 24%
    }
}

@media (min-width: 601px) and (max-width: 699px) {
    .nav-l2.sub-nav-columns-1, .nav-l2.sub-nav-columns-2, .nav-l2.sub-nav-columns-3 {
        left: inherit;
        right: 0;
        width: 100%
    }

    .nav-skip-to-content:focus {
        top: 0;
        left: 160px
    }

    .nav-l2.sub-nav-columns-1 > li {
        width: 100%
    }

    .nav-l2.sub-nav-columns-2 > li {
        width: 33.289%
    }

    .nav-l2.sub-nav-columns-3 > li {
        width: 33.289%
    }

    .nav-l2.sub-nav-columns-4 {
        width: 100%
    }

    .nav-l2.sub-nav-columns-4 > li {
        width: 33.289%
    }

    .nav-l2.sub-nav-columns-4 > li:nth-child(4) {
        width: 100%
    }

    .sub-nav-columns-4 .nav-l2-other {
        border-top: 1px solid #e8e8e8
    }
}

@media (max-width: 600px) {
    #header.compact-nav {
        border: 0;
        min-height: inherit
    }

    .compact-nav #header-logo {
        margin: 10px 5px 10px 10px
    }

    .nav-hero {
        display: none
    }

    #menu-nav {
        color: #aaa;
        cursor: pointer;
        display: block;
        font-size: 1em;
        font-weight: 600;
        float: right;
        padding: 10px 50px 10px 10px;
        position: relative;
        text-align: right;
        text-transform: uppercase;
        top: 0;
        z-index: 9999
    }

    #menu-nav span, #menu-nav span:before, #menu-nav span:after {
        border-bottom: 3px solid #aaa;
        content: "";
        display: inline-block;
        position: absolute
    }

    #menu-nav span {
        right: 21px;
        top: 11px;
        width: 18px
    }

    #menu-nav span:before {
        right: 2px;
        top: 12px;
        width: 16px
    }

    #menu-nav span:after {
        right: 5px;
        top: 6px;
        width: 13px
    }

    .nav-expanded #menu-nav span, .nav-expanded #menu-nav span:before, .nav-expanded #menu-nav span:after {
        border-color: #39c
    }

    .nav-expanded #menu-nav {
        color: #39c
    }

    .nav-expanded #menu-nav:before {
        background: -moz-linear-gradient(top, #fff, #bbb);
        background: -webkit-linear-gradient(top, #fff, #bbb);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb));
        background: linear-gradient(top, #fff, #bbb);
        border-color: #39c
    }

    .nav-skip-to-content:focus {
        left: 15px;
        top: 40px
    }

    .menu-item-has-children {
        display: block;
        float: none;
        line-height: 3.2em;
        position: relative;
        white-space: inherit;
        width: 100%
    }

    .nav-l1 {
        display: none
    }

    .compact-nav .nav-l2 > li {
        float: none
    }

    .compact-nav .nav-l2 {
        background: #fff
    }

    .nav-expanded .nav-l1 {
        display: block
    }

    .active > a {
        border-bottom: 3px solid #39c
    }

    .nav-open > a {
        color: #39c
    }

    .nav-l1 > li > a{
        border-top: 1px solid #ddd;
        margin: 0
    }

    .sub-menu > li {
        text-align: left;
        width: 100%
    }

    .sub-menu a {
        border-bottom: 1px solid #e8e8e8;
        padding: 3px 5%
    }

    .menu-item-has-children:hover .sub-menu, .selected .sub-menu, .menu-item-has-children > a:focus + .sub-menu {
        display: none
    }

    [id^='nav-l2']:after {
        background: none
    }

    .sub-menu {
        box-shadow: none;
        display: none;
        height: 0;
        left: inherit;
        position: relative;
        top: inherit
    }

    .menu-item-has-children:hover .sub-menu, .selected .sub-menu {
        height: 0;
        overflow: hidden;
        opacity: 0
    }

    .nav-open .sub-menu, .nav-open:hover .sub-menu {
        display: block !important;
        height: auto;
        opacity: 1
    }

    .nav-l3 li {
        border-bottom: 0
    }

    .nav-l3 a {
        padding: 1.3em 5%
    }

    .active > a {
        border-bottom: none
    }

    .nav-open > a {
        border-bottom: 3px solid #39c
    }

    .active span.submenu-icon {
        background-position: 0 0
    }

    .nav-open span.submenu-icon {
        background-position: 0 -5px
    }
}

@media screen and (width: 768px) and (orientation: portrait) {
    .sub-menu {
        width: 79%
    }

    #nav-pubformats2 .nav-hero {
        background-position: 0 85%
    }
}

#nav-l2-download .nav-hero {
    background-image: url(../images/fn/fn-dl-sprite.png)
}

.sub-menu #nav-pubformats .nav-hero {
    background-image: url(../images/fn/fn-download-sprite.png)
}

.sub-menu #nav-pubformats2 .nav-hero {
    background-image: url(../images/fn/fn-download-sprite.png)
}

#nav-pubformats2 .nav-hero {
    background-position: 0 95%
}

#nav-l2-desktop .nav-hero {
    background-position: 0 22.5%
}

#mac #nav-l2-desktop .nav-hero {
    background-position: 0 47.5%
}

#linux #nav-l2-desktop .nav-hero {
    background-position: 0 -3%
}

#nav-l2-android .nav-hero {
    background-position: 0 72.5%
}

#nav-l2-ios .nav-hero {
    background-position: 0 97%
}

#nav-l2-customize .nav-hero {
    background-image: url(../images/fn/fn-custom-sprite.png)
}

#nav-l2-signin .nav-hero {
    background-position: 0 -6%
}

#nav-l2-apps .nav-hero {
    background-position: 0 44%
}

#nav-l2-themes .nav-hero {
    background-position: 0 98%
}

#nav-l2-chromebook .nav-hero {
    background-image: url(../images/fn/fn-devices-sprite.png)
}

#nav-l2-features .nav-hero {
    background-position: 0 -2%
}

#nav-l2-falco .nav-hero {
    background-position: 0 72%
}

#nav-l2-hpcb .nav-hero {
    background-position: 0 23%
}

#nav-l2-ac720 .nav-hero {
    background-position: 0 95%
}

#nav-l2-hpcb .device-new {
    left: 24%;
    top: 25%
}

#nav-l2-ac720 .device-new {
    left: 22%;
    top: 23%
}

#nav-l2-compare .nav-hero {
    background-position: 0 48%
}

#nav-l2-cast .nav-hero {
    background-image: url(../images/fn/fn-cast-sprite.png)
}

#nav-l2-cast .device-new {
    left: 28%;
    top: 25%
}

#nav-l2-cast-overview .nav-hero {
    background-position: 0 -5%
}

#nav-l2-cast-setup .nav-hero {
    background-position: 0 45%
}

#nav-l2-cast-support .nav-hero {
    background-position: 0 93%
}

@media screen and (min-resolution: 1.5dppx) and (min-width: 768px), screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px), screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px) {
    #nav-l2-download .nav-hero {
        background-image: url(../images/fn/fn-dl-sprite_2x.png)
    }

    .sub-menu #nav-pubformats .nav-hero {
        background-image: url(../images/fn/fn-download-sprite_2x.png)
    }

    .sub-menu #nav-pubformats2 .nav-hero {
        background-image: url(../images/fn/fn-download-sprite_2x.png)
    }

    #nav-l2-customize .nav-hero {
        background-image: url(../images/fn/fn-custom-sprite_2x.png)
    }

    #nav-l2-chromebook .nav-hero {
        background-image: url(../images/fn/fn-devices-sprite_2x.png)
    }

    #nav-l2-cast .nav-hero {
        background-image: url(../images/fn/fn-cast-sprite_2x.png)
    }
}

.webstore .overview .marquee-image {
    width: 65%;
    margin-left: auto
}

.webstore .tab-pad {
    margin: 55px auto
}

.webstore .app-meta {
    position: relative
}

.webstore .app-meta > div {
    position: absolute;
    top: 0
}

.webstore #app-icons {
    margin: 0;
    padding: 0;
    margin: 20px 0;
    overflow: hidden;
    display: inline-block
}

.webstore #app-icons li {
    width: 50px;
    height: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 20px;
    background: transparent url(/intl/en/chrome/assets/common/images/logos/business/apps-sprite_2x.png) no-repeat;
    background-size: 1700%;
    background-position: 0 -48px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer
}

.webstore.consumer #app-icons li {
    background: transparent url(/intl/en/chrome/assets/common/images/apps/consumer-apps-sprite_2x.png) no-repeat;
    background-size: 2820%;
    background-position: 0 -55px
}

.webstore #app-icons li:hover {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-position: 0 0
}

.webstore #app-icons li:last-child {
    margin-right: 0
}

.applist-container {
    text-align: center;
    width: 88%
}

.arrow-frame {
    width: 535px;
    height: 387px;
    position: relative
}

.app-copy, .app-ss {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.app-copy p {
    margin: 10px 0
}

.app-copy .g-content {
    position: relative;
    top: 40px
}

.app-copy hr {
    height: 1px;
    color: #d7d7d7;
    background-color: #d1d1d1;
    border: 0;
    width: 80%;
    margin: 20px 0
}

.app-copy p.crx-title {
    margin: 0;
    padding: 0;
    font-weight: bold
}

.app-copy p.crx-desc {
    margin: .2em 0
}

.app-crx-icon {
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 10px 50px 0;
    background: transparent url(/intl/en/chrome/assets/common/images/logos/business/crx-sprite_2x.png) no-repeat;
    background-size: 1580%
}

.webstore.consumer .app-crx-icon {
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 10px 50px 0;
    background: transparent url(/intl/en/chrome/assets/common/images/apps/consumer-crx-sprite_2x.png) no-repeat;
    background-size: 350%
}

.app-screenshot {
    width: 386px;
    position: absolute;
    top: 21px;
    left: 68px
}

.app-ss {
    position: absolute;
    top: 0;
    z-index: -10
}

.moreinfo-footer {
    text-align: center;
    margin-top: 90px;
    padding: 50px 0 90px;
    border-top: 1px solid #d1d1d1;
    font-size: 15px
}

.moreinfo-footer a {
    font-weight: bold
}

#apps-gallery.gmail .gmail-copy, #apps-gallery.gmail .gmail-ss, #apps-gallery.asana .asana-copy, #apps-gallery.asana .asana-ss, #apps-gallery.anydo .anydo-copy, #apps-gallery.anydo .anydo-ss, #apps-gallery.gcal .gcal-copy, #apps-gallery.gcal .gcal-ss, #apps-gallery.mindmeister .mindmeister-copy, #apps-gallery.mindmeister .mindmeister-ss, #apps-gallery.insightly .insightly-copy, #apps-gallery.insightly .insightly-ss, #apps-gallery.mailchimp .mailchimp-copy, #apps-gallery.mailchimp .mailchimp-ss, #apps-gallery.podio .podio-copy, #apps-gallery.podio .podio-ss, #apps-gallery.uberconference .uberconference-copy, #apps-gallery.uberconference .uberconference-ss, #apps-gallery.hootsuite .hootsuite-copy, #apps-gallery.hootsuite .hootsuite-ss, #apps-gallery.zendesk .zendesk-copy, #apps-gallery.zendesk .zendesk-ss, #apps-gallery.harvest .harvest-copy, #apps-gallery.harvest .harvest-ss, #apps-gallery.wave .wave-copy, #apps-gallery.wave .wave-ss, #apps-gallery.evernote .evernote-copy, #apps-gallery.evernote .evernote-ss, #apps-gallery.lucidchart .lucidchart-copy, #apps-gallery.lucidchart .lucidchart-ss, #apps-gallery.hellosign .hellosign-copy, #apps-gallery.hellosign .hellosign-ss, #apps-gallery.weebly .weebly-copy, #apps-gallery.weebly .weebly-ss, #apps-gallery.drive .drive-copy, #apps-gallery.drive .drive-ss, #apps-gallery.happy-friday .happy-friday-ss, #apps-gallery.happy-friday .happy-friday-copy, #apps-gallery.wevideo .wevideo-ss, #apps-gallery.wevideo .wevideo-copy, #apps-gallery.pixlr .pixlr-ss, #apps-gallery.pixlr .pixlr-copy, #apps-gallery.economist .economist-ss, #apps-gallery.economist .economist-copy, #apps-gallery.pocket .pocket-ss, #apps-gallery.pocket .pocket-copy, #apps-gallery.fivehundred-pixels .fivehundred-pixels-ss, #apps-gallery.fivehundred-pixels .fivehundred-pixels-copy, #apps-gallery.until-am .until-am-ss, #apps-gallery.until-am .until-am-copy, #apps-gallery.booktrack .booktrack-ss, #apps-gallery.booktrack .booktrack-copy, #apps-gallery.google-keep .google-keep-ss, #apps-gallery.google-keep .google-keep-copy, #apps-gallery.realvnc .realvnc-ss, #apps-gallery.realvnc .realvnc-copy, #apps-gallery.workflowy .workflowy-ss, #apps-gallery.workflowy .workflowy-copy, #apps-gallery.wunderlist .wunderlist-ss, #apps-gallery.wunderlist .wunderlist-copy, #apps-gallery.typefu .typefu-ss, #apps-gallery.typefu .typefu-copy, #apps-gallery.rad-soldiers .rad-soldiers-ss, #apps-gallery.rad-soldiers .rad-soldiers-copy, #apps-gallery.murder-files .murder-files-ss, #apps-gallery.murder-files .murder-files-copy, #apps-gallery.cut-the-rope .cut-the-rope-ss, #apps-gallery.cut-the-rope .cut-the-rope-copy, #apps-gallery.spelunky .spelunky-ss, #apps-gallery.spelunky .spelunky-copy, #apps-gallery.gliffy .gliffy-ss, #apps-gallery.gliffy .gliffy-copy, #apps-gallery.tntbf .tntbf-ss, #apps-gallery.tntbf .tntbf-copy, #apps-gallery.cracking-sands .cracking-sands-ss, #apps-gallery.cracking-sands .cracking-sands-copy, #apps-gallery.polycraft .polycraft-ss, #apps-gallery.polycraft .polycraft-copy, #apps-gallery.uberconference .uberconference-ss, #apps-gallery.uberconference .uberconference-copy {
    visibility: visible;
    opacity: 100
}

#apps-gallery.gmail .app-crx-icon {
    background-position: -244px 0 !important
}

#apps-gallery.drive .app-crx-icon {
    background-position: -322px 0 !important
}

#apps-gallery.gcal .app-crx-icon {
    background-position: -362px 0 !important
}

#apps-gallery.hootsuite .app-crx-icon {
    background-position: 0 0 !important
}

#apps-gallery.uberconference .app-crx-icon {
    background-position: -40px 0 !important
}

#apps-gallery.zendesk .app-crx-icon {
    background-position: -484px 0 !important
}

#apps-gallery.evernote .app-crx-icon {
    background-position: -283px 0 !important
}

#apps-gallery.hellosign .app-crx-icon {
    background-position: -162px 0 !important
}

#apps-gallery.lucidchart .app-crx-icon {
    background-position: -120px 0 !important
}

#apps-gallery.harvest .app-crx-icon {
    background-position: -202px 0 !important
}

#apps-gallery.asana .app-crx-icon {
    background-position: -406px 0 !important
}

#apps-gallery.mailchimp .app-crx-icon {
    background-position: -82px 0 !important
}

#apps-gallery.weebly .app-crx-icon {
    background-position: -443px 0 !important
}

#apps-gallery.podio .app-crx-icon {
    background-position: -520px 0 !important
}

li.uberconference {
    background-position: -759px -48px !important
}

li.gmail {
    background-position: -378px -48px !important
}

li.mailchimp {
    background-position: 5px -48px !important
}

li.insightly {
    background-position: -187px -48px !important
}

li.hootsuite {
    background-position: -235px -48px !important
}

li.podio {
    background-position: -92px -48px !important
}

li.gcal {
    background-position: -521px -48px !important
}

li.anydo {
    background-position: -664px -48px !important
}

li.asana {
    background-position: -569px -48px !important
}

li.mindmeister {
    background-position: -711px -48px !important
}

li.zendesk {
    background-position: -810px -48px !important
}

li.harvest {
    background-position: -330px -48px !important
}

li.wave {
    background-position: -45px -48px !important
}

li.drive {
    background-position: -474px -48px !important
}

li.weebly {
    background-position: -616px -48px !important
}

li.hellosign {
    background-position: -282px -48px !important
}

li.evernote {
    background-position: -426px -48px !important
}

li.lucidchart {
    background-position: -140px -48px !important
}

li.uberconference:hover, #apps-gallery.uberconference li.uberconference {
    background-position: -759px 0 !important
}

#apps-gallery.gmail li.gmail, li.gmail:hover {
    background-position: -378px 0 !important
}

#apps-gallery.mailchimp li.mailchimp, li.mailchimp:hover {
    background-position: 5px 0 !important
}

#apps-gallery.insightly li.insightly, li.insightly:hover {
    background-position: -187px 0 !important
}

#apps-gallery.hootsuite li.hootsuite, li.hootsuite:hover {
    background-position: -235px 0 !important
}

#apps-gallery.podio li.podio, li.podio:hover {
    background-position: -92px 0 !important
}

#apps-gallery.gcal li.gcal, li.gcal:hover {
    background-position: -521px 0 !important
}

#apps-gallery.anydo li.anydo, li.anydo:hover {
    background-position: -664px 0 !important
}

#apps-gallery.asana li.asana, li.asana:hover {
    background-position: -569px 0 !important
}

#apps-gallery.mindmeister li.mindmeister, li.mindmeister:hover {
    background-position: -711px 0 !important
}

#apps-gallery.zendesk li.zendesk, li.zendesk:hover {
    background-position: -810px 0 !important
}

#apps-gallery.harvest li.harvest, li.harvest:hover {
    background-position: -330px 0 !important
}

#apps-gallery.wave li.wave, li.wave:hover {
    background-position: -45px 0 !important
}

#apps-gallery.drive li.drive, li.drive:hover {
    background-position: -474px 0 !important
}

#apps-gallery.weebly li.weebly, li.weebly:hover {
    background-position: -616px 0 !important
}

#apps-gallery.hellosign li.hellosign, li.hellosign:hover {
    background-position: -282px 0 !important
}

#apps-gallery.evernote li.evernote, li.evernote:hover {
    background-position: -426px 0 !important
}

#apps-gallery.lucidchart li.lucidchart, li.lucidchart:hover {
    background-position: -140px 0 !important
}

.webstore.consumer li.lucidchart {
    background-position: -566px -55px !important
}

.webstore.consumer li.google-keep {
    background-position: -628px -55px !important
}

.webstore.consumer li.booktrack {
    background-position: -1001px -55px !important
}

.webstore.consumer li.until-am {
    background-position: -127px -55px !important
}

.webstore.consumer li.pocket {
    background-position: -379px -55px !important
}

.webstore.consumer li.economist {
    background-position: -63px -55px !important
}

.webstore.consumer li.pixlr {
    background-position: -1119px -55px !important
}

.webstore.consumer li.wevideo {
    background-position: -1180px -55px !important
}

.webstore.consumer li.fivehundred-pixels {
    background-position: -443px -55px !important
}

.webstore.consumer li.happy-friday {
    background-position: -505px -55px !important
}

.webstore.consumer li.spelunky {
    background-position: -816px -55px !important
}

.webstore.consumer li.cut-the-rope {
    background-position: -187px -55px !important
}

.webstore.consumer li.murder-files {
    background-position: -311px -55px !important
}

.webstore.consumer li.rad-soldiers {
    background-position: -250px -55px !important
}

.webstore.consumer li.typefu {
    background-position: 0 -55px !important
}

.webstore.consumer li.wunderlist {
    background-position: -692px -55px !important
}

.webstore.consumer li.workflowy {
    background-position: -1058px -55px !important
}

.webstore.consumer li.realvnc {
    background-position: -876px -55px !important
}

.webstore.consumer li.gliffy {
    background-position: -939px -55px !important
}

.webstore.consumer li.tntbf {
    background-position: -1306px -55px !important
}

.webstore.consumer li.cracking-sands {
    background-position: -1244px -55px !important
}

.webstore.consumer li.polycraft {
    background-position: -1367px -55px !important
}

.webstore.consumer li.uberconference {
    background-position: -754px -55px !important
}

.webstore.consumer #apps-gallery.lucidchart li.lucidchart, li.lucidchart:hover {
    background-position: -564px 0 !important
}

.webstore.consumer li.google-keep:hover, .webstore.consumer #apps-gallery.google-keep li.google-keep {
    background-position: -628px 0 !important
}

.webstore.consumer li.booktrack:hover, .webstore.consumer #apps-gallery.booktrack li.booktrack {
    background-position: -1001px 0 !important
}

.webstore.consumer li.until-am:hover, .webstore.consumer #apps-gallery.until-am li.until-am {
    background-position: -127px 0 !important
}

.webstore.consumer li.pocket:hover, .webstore.consumer #apps-gallery.pocket li.pocket {
    background-position: -379px 0 !important
}

.webstore.consumer li.economist:hover, .webstore.consumer #apps-gallery.economist li.economist {
    background-position: -63px 0 !important
}

.webstore.consumer li.pixlr:hover, .webstore.consumer #apps-gallery.pixlr li.pixlr {
    background-position: -1119px 0 !important
}

.webstore.consumer li.wevideo:hover, .webstore.consumer #apps-gallery.wevideo li.wevideo {
    background-position: -1180px 0 !important
}

.webstore.consumer li.fivehundred-pixels:hover, .webstore.consumer #apps-gallery.fivehundred-pixels li.fivehundred-pixels {
    background-position: -443px 0 !important
}

.webstore.consumer li.happy-friday:hover, .webstore.consumer #apps-gallery.happy-friday li.happy-friday {
    background-position: -505px 0 !important
}

.webstore.consumer li.bouncy-mouse:hover, .webstore.consumer #apps-gallery.bouncy-mouse li.bouncy-mouse {
    background-position: -759px 0 !important
}

.webstore.consumer li.spelunky:hover, .webstore.consumer #apps-gallery.spelunky li.spelunky {
    background-position: -816px 0 !important
}

.webstore.consumer li.cut-the-rope:hover, .webstore.consumer #apps-gallery.cut-the-rope li.cut-the-rope {
    background-position: -187px 0 !important
}

.webstore.consumer li.murder-files:hover, .webstore.consumer #apps-gallery.murder-files li.murder-files {
    background-position: -311px 0 !important
}

.webstore.consumer li.rad-soldiers:hover, .webstore.consumer #apps-gallery.rad-soldiers li.rad-soldiers {
    background-position: -250px 0 !important
}

.webstore.consumer li.typefu:hover, .webstore.consumer #apps-gallery.typefu li.typefu {
    background-position: 0 0 !important
}

.webstore.consumer li.wunderlist:hover, .webstore.consumer #apps-gallery.wunderlist li.wunderlist {
    background-position: -692px 0 !important
}

.webstore.consumer li.workflowy:hover, .webstore.consumer #apps-gallery.workflowy li.workflowy {
    background-position: -1058px 0 !important
}

.webstore.consumer li.realvnc:hover, .webstore.consumer #apps-gallery.realvnc li.realvnc {
    background-position: -876px 0 !important
}

.webstore.consumer li.gliffy:hover, .webstore.consumer #apps-gallery.gliffy li.gliffy {
    background-position: -939px 0 !important
}

.webstore.consumer li.tntbf:hover, .webstore.consumer #apps-gallery.tntbf li.tntbf {
    background-position: -1306px 0 !important
}

.webstore.consumer li.cracking-sands:hover, .webstore.consumer #apps-gallery.cracking-sands li.cracking-sands {
    background-position: -1243px 0 !important
}

.webstore.consumer li.polycraft:hover, .webstore.consumer #apps-gallery.polycraft li.polycraft {
    background-position: -1367px 0 !important
}

.webstore.consumer li.uberconference:hover, .webstore.consumer #apps-gallery.uberconference li.uberconference {
    background-position: -754px 0 !important
}

.webstore.consumer #apps-gallery.uberconference .app-crx-icon {
    background-position: 0 0 !important
}

.webstore.consumer #apps-gallery.pocket .app-crx-icon {
    background-position: -40px 0 !important
}

.webstore.consumer #apps-gallery.wunderlist .app-crx-icon {
    background-position: -88px 0 !important
}

@media screen and (max-width: 770px) {
    .moreinfo-footer {
        margin-top: 250px;
        border: 0
    }

    .webstore .app-meta > div {
        position: absolute;
        top: 0;
        width: 500px
    }

    hr {
        width: 100% !important
    }
}

#main #marquee.temporarily-down h1 {
    max-width: none
}

.temporarily-down h3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    overflow: hidden;
    text-align: center
}

.temporarily-down h3:before, .temporarily-down h3:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.temporarily-down h3:before {
    margin-left: -50%;
    right: .5em
}

.temporarily-down h3:after {
    margin-right: -50%;
    left: .5em
}

.temporarily-down .maintenance-image {
    height: 159px;
    margin: 0 auto;
    position: relative;
    width: 159px
}

.maintenance-image-arrows {
    height: 159px;
    width: 159px;
    -webkit-animation: alt-spin 6s linear infinite;
    -moz-animation: alt-spin 6s linear infinite;
    animation: alt-spin 6s linear infinite
}

.maintenance-image-large-gear {
    height: 50px;
    left: 44px;
    position: absolute;
    top: 45px;
    width: 50px;
    -webkit-animation: alt-spin 5s linear infinite;
    -moz-animation: alt-spin 5s linear infinite;
    animation: alt-spin 5s linear infinite
}

.maintenance-image-small-gear {
    height: 28px;
    left: 87px;
    position: absolute;
    top: 84px;
    width: 28px;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

html {
    overflow-y: scroll
}

section {
    display: block
}

a {
    color: #333
}

p {
    line-height: 1.6
}

.g-tab-content.g-tab-content-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    z-index: -1
}

.multicol > li, .multicol > p {
    -moz-column-break-before: always;
    -webkit-column-break-before: always;
    column-break-before: always;
    display: inline-block;
    margin: .5em 0
}

.marquee-image {
    min-height: 400px;
    z-index: 1
}

.marquee-stacked .marquee-image {
    min-height: 300px
}

html[lang=ja] #marquee h1 {
    margin: 0 auto .3em;
    width: 84.45%
}

#marquee h1 {
    margin: 0 0 .3em
}

.marquee-copy p {
    font-weight: 400;
    line-height: 1.4em
}

.marquee-copy p.hp11_disclaimer {
    margin-top: 20px
}

.marquee-copy .beta-message {
    background: rgba(255, 255, 0, .2);
    border-radius: 2px;
    border: 1px solid #f6f6ce;
    color: rgba(0, 0, 0, .6);
    margin-top: 20px;
    padding: 10px
}

.marquee-copy .g-content {
    height: 400px
}

.marquee-copy a {
    margin: 20px 0
}

.marquee-carousel {
    margin: 25px auto
}

.marquee-carousel, .marquee-carousel .marquee {
    height: 450px
}

.marquee-carousel #marquee-chromebook .marquee-copy {
    text-align: center
}

.marquee-carousel #marquee-webstore .marquee-copy {
    margin-top: 0;
    width: 35%
}

.browser-landing .marquee-copy a, .marquee-carousel .marquee-copy a {
    margin: 20px 0 10px
}

.promo-nav {
    margin-bottom: 40px
}

.promo-nav h2 {
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
    margin: .5em 0
}

.promo-nav p {
    margin: .5em 0
}

.promo-nav .g-content {
    min-height: 260px
}

.promo-nav .g-content:hover {
    background: #f4f9fb
}

.promo-nav .g-content:hover a {
    color: #39f
}

#tabbed-widget {
    margin: 40px 0
}

.g-tabs .tab-nav {
    list-style-type: none
}

.g-tab {
    display: inline-block;
    padding: 0 0 1.5em;
    position: relative;
    text-align: center
}

.g-tab a {
    border-left: 1px solid #e0e0e0;
    color: #777;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    width: 100%
}

.g-tabs .g-first a {
    border-left: 0
}

.g-tab span {
    background: url(../images/tabs-selected-arrow.png) no-repeat 0 -200px;
    bottom: -8px;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 90
}

.g-tab-selected a, .g-tab-selected a:hover {
    color: #333 !important
}

.g-tab-selected span {
    background-position: 50% bottom
}

.g-tab-contents {
    min-height: 510px
}

.g-tab-content {
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
    min-height: 485px;
    position: relative;
    width: 100%
}

.g-tab-content .g-content {
    position: absolute;
    right: 25px;
    top: 14%;
    width: 30%
}

.butterbar {
    background: #fffbe4;
    border: 1px solid #f8f6e6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px auto;
    padding: .6em 1em;
    position: relative;
    text-align: center
}

.tablist {
    margin: 1em 0
}

.featured-apps {
    height: 300px;
    list-style: none;
    margin: 20px 0;
    padding: 0
}

.js .featured-apps {
    height: auto
}

.featured-apps li {
    display: block;
    font-weight: 600;
    line-height: 14px;
    margin: 10px
}

.js .featured-apps li {
    background: #f3f4f4;
    border: 1px solid #e5e5e5;
    border-width: 0 1px 1px 0;
    float: left;
    font-size: 11px;
    height: 120px;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 120px
}

.featured-apps li a, .featured-apps li a:hover, .featured-apps li a:visited {
    color: #555;
    display: block
}

.featured-apps img {
    display: block;
    float: right;
    height: 50px;
    margin: 10px auto;
    padding: 10px 10px 5px;
    width: 50px
}

.js .featured-apps img {
    float: none
}

#main.chrome-for-meetings-terms {
    font-size: 13px;
    color: #000
}

#main.chrome-for-meetings-terms p {
    margin-bottom: 2em
}

#main.chrome-for-meetings-terms ul {
    list-style: none;
    margin-bottom: 3em
}

#main.chrome-for-meetings-terms .list-items, #main.chrome-for-meetings-terms .inner-list-items {
    margin-left: 40px
}

#main.chrome-for-meetings-terms .list-items {
    list-style: disc
}

#main.chrome-for-meetings-terms .inner-list-items {
    list-style: circle
}

#main.chrome-for-meetings-terms li {
    margin: .75em 0
}

#main.chrome-for-meetings-terms dfn {
    font-style: normal;
    text-decoration: underline
}

#main.chrome-for-meetings-terms table {
    margin: 1em auto 0;
    max-width: 550px;
    text-align: center
}

table#uptime td:first-child {
    width: 150px
}

.tos-section-text {
    color: #555
}

.nowrap {
    white-space: nowrap
}

h3 a {
    font-weight: 300
}

.nolink, .nolink:hover {
    color: #777;
    font-weight: 400
}

.marquee {
    text-align: center
}

.section-pad {
    margin: 50px 0
}

.tab-pad {
    padding: 0 2.5%
}

.chromeos-device .marquee-copy p {
    width: 65%
}

#devices-features-tabnav, #devices-tabbed-widget .tab-nav {
    margin: 1em 0
}

#devices-features-tabnav li, #devices-tabbed-widget .tab-nav li {
    padding-top: 3px;
    position: relative
}

#devices-features-tabnav .g-tab-selected, #devices-tabbed-widget .tab-nav .g-tab-selected {
    padding-top: 0
}

#devices-features-tabnav .arrow, #devices-tabbed-widget .tab-nav .arrow {
    background: url(../images/content/tab-down-arrow.png) no-repeat 49% 0;
    border-top: 1px solid #39c;
    display: none;
    height: 4px;
    left: 1px;
    position: absolute;
    top: -1px;
    width: 99.4%
}

#devices-features-tabnav .g-tab-selected .arrow, #devices-tabbed-widget .tab-nav .g-tab-selected .arrow {
    display: block
}

#devices-features-tabnav .g-first a, #devices-tabbed-widget .tab-nav .g-first a {
    border-left: 1px solid #eee
}

#devices-features-tabnav a, #devices-tabbed-widget .tab-nav a {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(72%, #fbfbfb), color-stop(97%, #f2f2f2), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    border: 1px solid;
    border-color: #d3d3d3 #d3d3d3 #eee;
    display: block;
    font: 600 1.1em/1.5 'Open Sans';
    padding: 15px 5px;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: auto
}

#devices-features-tabnav a:hover, #devices-tabbed-widget .tab-nav a:hover {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(51%, #fbfbfb), color-stop(88%, #f2f2f2), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%)
}

#devices-features-tabnav .g-tab-selected a, #devices-features-tabnav .g-tab-selected a:hover, #devices-tabbed-widget .tab-nav .g-tab-selected a, #devices-tabbed-widget .tab-nav .g-tab-selected a:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(56%, #fbfbfb), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    border-color: #fff #f9f9f9;
    -webkit-box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    -moz-box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    padding: 15px 5px 18px
}

#devices-features-tabnav .nav-img, #devices-tabbed-widget .tab-nav .nav-img {
    display: block;
    margin: 0 auto
}

.chrm-tab-nav {
    margin: -7px 0 0 !important
}

.chrm-tab-nav li {
    padding-top: 3px;
    position: relative
}

.chrm-tab-nav .g-tab-selected {
    padding-top: 0
}

.chrm-tab-nav .arrow {
    background: url(../images/content/tab-down-arrow.png) no-repeat 49% 0;
    border-top: 1px solid #39c;
    display: none;
    height: 4px;
    left: 1px;
    position: absolute;
    top: -1px;
    width: 99.4%
}

.chrm-tab-nav .g-tab-selected .arrow {
    display: block
}

.chrm-tab-nav .g-first a {
    border-left: 1px solid #eee
}

.chrm-tab-nav a, #device-nav-footer a {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(72%, #fbfbfb), color-stop(97%, #f2f2f2), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 72%, #f2f2f2 97%, #f6f6f6 100%);
    border: 1px solid;
    border-color: #d3d3d3 #d3d3d3 #eee;
    display: block;
    font: 600 1.1em/1.5 'Open Sans';
    padding: 15px 5px;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: auto
}

.chrm-tab-nav a:hover {
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(51%, #fbfbfb), color-stop(88%, #f2f2f2), color-stop(100%, #f6f6f6));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, gb(248, 248, 248) 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 51%, #f2f2f2 88%, #f6f6f6 100%)
}

.chrm-tab-nav .g-tab-selected a, .chrm-tab-nav .g-tab-selected a:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(56%, #fbfbfb), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -o-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    background: linear-gradient(top, #f8f8f8 0, #fbfbfb 56%, #fff 100%);
    border-color: #fff #f9f9f9;
    -webkit-box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    -moz-box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    box-shadow: -2px -3px 7px rgba(50, 50, 50, .15);
    padding: 15px 5px 18px
}

.chrm-tab-nav .nav-img {
    display: block;
    margin: 0 auto
}

.g-tab-shadow {
    background: #fff;
    border-bottom: 1px solid #eee
}

.g-tab-shadow span {
    display: block;
    padding: 15px 5px 18px
}

#device-selector-nav {
    background: #f9f9f9;
    background-image: -moz-radial-gradient(top center, 75% 120%, #f5f5f5 27%, #fff 67%);
    background-image: -ms-radial-gradient(top center, 75% 120%, #f5f5f5 27%, #fff 67%);
    background-image: -o-radial-gradient(top center, 75% 120%, #f5f5f5 27%, #fff 67%);
    background-image: -webkit-radial-gradient(top center, 75% 120%, #f5f5f5 27%, #fff 67%);
    background-image: radial-gradient(75% 120% at top center, #f5f5f5 27%, #fff 67%);
    margin-bottom: 20px;
    position: relative
}

#device-selector-nav:before {
    background: #ddd;
    background-image: -moz-radial-gradient(top center, 75% 95%, #ddd 60%, #fff 70%);
    background-image: -ms-radial-gradient(top center, 75% 95%, #ddd 60%, #fff 70%);
    background-image: -o-radial-gradient(top center, 75% 95%, #ddd 60%, #fff 70%);
    background-image: -webkit-radial-gradient(top center, 75% 80%, #ddd 60%, #fff 70%);
    background-image: radial-gradient(75% 80% at top center, #ddd 60%, #fff 70%);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#device-selector-nav .tab-nav {
    margin: -1px 0 0 20px
}

#device-selector-nav #instruction {
    padding: 1.5em 0 3em 1.5em;
    max-width: 165px
}

[lang^='en'] #device-selector-nav #instruction {
    padding: 3em 0 3em 1.5em
}

#device-selector-nav .h4 {
    font-size: 1.2em;
    line-height: 1.4
}

#device-selector-nav .nav-scroller-item {
    float: left;
    list-style-type: none;
    padding: 0;
    text-align: center;
    width: 160px
}

.nav-scroller-item-link, #device-selector-nav .device-nav-item {
    background-color: transparent;
    background-image: url(../images/devices/device-nav-cb-sprite.png);
    background-repeat: no-repeat;
    background-position: 50% 94.4%;
    border: 1px solid #f3f3f3;
    border-color: transparent #f3f3f3;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    max-width: 150px;
    padding: 86px 5px 0;
    position: relative
}

.js .nav-scroller-item:first-child .nav-scroller-item-link {
    border-left-color: #fff
}

.js .nav-scroller-item:last-child .nav-scroller-item-link {
    border-right-color: #fff
}

#len-x131e-navitem {
    background-position: 50% -688px
}

#ss-cb-navitem {
    background-position: 50% 27px
}

#ac-c7-navitem {
    background-position: 50% -508px
}

#hp-cb-navitem {
    background-position: 49% -1307px
}

[lang="en-GB"] #hp-cb-navitem {
    background-position: 50% -4054px
}

#ac-cb-navitem {
    background-position: 50% -980px
}

#ac-c720-navitem {
    background-position: 50% -978px
}

#ac-c720p-navitem {
    background-position: 50% -1478px
}

#hp-chromebox-navitem {
    background-position: 50% -2490px
}

#asus-chromebook-c200-navitem {
    background-position: 50% -2833px
}

#hp-chromebox-navitem {
    background-position: 50% -2490px
}

[lang="fr"] #hp-cb-14-navitem, [lang="nl"] #hp-cb-14-navitem, [lang="sv"] #hp-cb-14-navitem, [lang="de"] #hp-cb-14-navitem, [lang="en-GB"] #hp-cb-14-navitem, [lang="ru"] #hp-cb-14-navitem, [lang="fi"] #hp-cb-14-navitem {
    background-position: 50% -3787px
}

#hp-cb-14-navitem {
    background-position: 50% -1140px
}

#d11-navitem {
    background-position: 50% -1662px
}

#toshiba-navitem {
    background-position: 50% -1835px
}

#hp-pav-navitem {
    background-position: 50% -828px
}

#asus-chromebox-navitem {
    background-position: 50% -1994px
}

#hp-chromebox-navitem {
    background-position: 50% -2495px
}

#ac-13-navitem {
    background-position: 50% -2664px
}

#asus-c300-navitem {
    background-position: 50% -2997px
}

#nexian-navitem {
    background-position: 50% -4440px
}

#xolo-navitem {
    background-position: 50% -4582px
}

[data-country="in"] #asus-c300-navitem {
    background-position: 50% -4295px
}

#acer-chromebook3-navitem {
    background-position: 50% -3166px
}

#acer-chromebook5-navitem {
    background-position: 50% -2664px
}

#acer-chromebook-11-navitem {
    background-position: 50% -3165px
}

[lang="en-GB"] #lenovo-chromebook-n20p-navitem, [lang="sv"] #lenovo-chromebook-n20p-navitem, [lang="fi"] #lenovo-chromebook-n20p-navitem {
    background-position: 50% -4174px
}

#toshiba-chromebook-2-navitem {
    background-position: 50% -3485px
}

#asus-chromebook-c200-navitem {
    background-position: 50% -2839px
}

#hp-chromebook-11-g3-navitem {
    background-position: 50% -3643px
}

#hp-chromebook-14-g3-navitem {
    background-position: 50% -3786px
}

#dell-chromebook-11-navitem {
    background-position: 50% -3920px
}

[data-country="hk"] #asus-c300-navitem, [data-country="jp"] #asus-c300-navitem {
    background-position: 50% -2837px
}

#asus-c300-navitem {
    background-position: 50% -2997px
}

#acer-chromebook-11-navitem {
    background-position: 50% -3165px
}

#lenovo-chromebook-n20p-navitem {
    background-position: 50% -3316px
}

#toshiba-chromebook-2-navitem {
    background-position: 50% -3485px
}

#ss2-navitem, #ss2-11-navitem, #ss2-13-navitem {
    background-position: 50% -2154px
}

#lg-chromebase-navitem {
    background-position: 50% -2328px
}

#device-selector-nav .screen {
    background: url(../images/devices/device-nav-screen.png) no-repeat 50% 47%;
    background-size: 100% 100%;
    bottom: 0;
    display: block;
    filter: alpha(opacity=100);
    height: 35px;
    opacity: 1;
    position: absolute;
    -moz-transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
    z-index: 100
}

* html .device-nav-item .screen {
    display: none
}

#device-selector-nav .nav-selected .screen, #device-selector-nav .g-tab-selected .screen, #device-selector-nav .nav-scroller-item-link:hover .screen, #device-selector-nav .device-nav-item:hover .screen {
    filter: alpha(opacity=0);
    opacity: 0
}

#device-selector-nav #ss-cb-navitem .screen {
    height: 41px;
    left: 43px;
    top: 32px;
    width: 73px
}

#device-selector-nav #ss2-navitem .screen, #device-selector-nav #ss2-11-navitem .screen, #device-selector-nav #ss2-13-navitem .screen {
    left: 40.6px;
    top: 32px;
    width: 77px
}

#device-selector-nav #len-x131e-navitem .screen {
    height: 38px;
    left: 45px;
    top: 34px;
    width: 68px
}

#device-selector-nav #ac-c7-navitem .screen {
    height: 39px;
    left: 45px;
    top: 34px;
    width: 69px
}

#device-selector-nav #hp-cb-navitem .screen {
    height: 37px;
    left: 45px;
    top: 32px;
    width: 67px
}

#device-selector-nav #ac-c720-navitem .screen, #device-selector-nav #ac-cb-navitem .screen {
    height: 42px;
    left: 43px;
    top: 33px;
    width: 74px
}

#device-selector-nav #ac-c720p-navitem .screen {
    height: 43px;
    left: 42px;
    top: 34px;
    width: 74px
}

#device-selector-nav #hp-cb-14-navitem .screen {
    height: 37px;
    left: 46px;
    top: 32px;
    width: 64px
}

#device-selector-nav #d11-navitem .screen {
    height: 41px;
    left: 43px;
    top: 33px;
    width: 72px
}

#device-selector-nav #toshiba-navitem .screen {
    height: 41px;
    left: 43px;
    top: 32px;
    width: 73px
}

#device-selector-nav #hp-pav-navitem .screen {
    height: 41px;
    left: 43px;
    top: 32px;
    width: 74px
}

[lang="en-GB"] #device-selector-nav #lenovo-chromebook-n20p-navitem .screen, [lang="sv"] #device-selector-nav #lenovo-chromebook-n20p-navitem .screen, [lang="fi"] #device-selector-nav #lenovo-chromebook-n20p-navitem .screen {
    height: 35px;
    left: 45px;
    top: 31px;
    -webkit-transform: skew(0);
    -moz-transform: skew(0);
    transform: skew(0);
    width: 66px
}

#device-selector-nav #hp-chromebook-11-g3-navitem .screen {
    height: 36px;
    left: 46px;
    top: 33px;
    width: 62px
}

#device-selector-nav #hp-chromebook-14-g3-navitem .screen {
    height: 36px;
    left: 46px;
    top: 33px;
    width: 64px
}

#device-selector-nav #dell-chromebook-11-navitem .screen {
    height: 36px;
    left: 46px;
    top: 33px;
    width: 64px
}

#device-selector-nav #lenovo-chromebook-n20p-navitem .screen {
    height: 33px;
    left: 50px;
    top: 33px;
    -webkit-transform: skew(-26deg, 2.5deg);
    -moz-transform: skew(-26deg, 2.5deg);
    transform: skew(-26deg, 2.5deg);
    width: 51px
}

#device-selector-nav #asus-chromebox-navitem .screen, #device-selector-nav #hp-chromebox-navitem .screen {
    display: none
}

#device-selector-nav #lg-chromebase-navitem .screen {
    height: 47px;
    left: 39px;
    top: 20px;
    width: 77px
}

#device-selector-nav #pixel-navitem .screen {
    height: 48px;
    left: 45px;
    top: 27px;
    width: 72px
}

#device-selector-nav #asus-chromebook-c200-navitem .screen {
    height: 39px;
    left: 43px;
    top: 29px;
    width: 70px
}

#device-selector-nav #ss2-navitem .screen {
    height: 45px;
    left: 40px;
    top: 30px;
    width: 78px
}

#device-selector-nav #ac-13-navitem .screen {
    height: 44px;
    left: 41px;
    top: 26px;
    width: 76px
}

[data-country="hk"] #device-selector-nav #asus-c300-navitem .screen, [data-country="jp"] #device-selector-nav #asus-c300-navitem .screen {
    height: 36px;
    left: 44px;
    top: 34px;
    width: 70px
}

#device-selector-nav #asus-c300-navitem .screen {
    height: 40px;
    left: 42px;
    top: 31px;
    width: 70px
}

[data-country="in"] #device-selector-nav #asus-c300-navitem .screen {
    height: 36px;
    left: 49px;
    top: 36px;
    width: 61px
}

#device-selector-nav #acer-chromebook3-navitem .screen {
    height: 38px;
    left: 44px;
    top: 31px;
    width: 66px
}

#device-selector-nav #nexian-navitem .screen {
    height: 36px;
    left: 46px;
    top: 34px;
    width: 65px
}

#device-selector-nav #xolo-navitem .screen {
    height: 36px;
    left: 48px;
    top: 34px;
    width: 64px
}

#device-selector-nav #acer-chromebook5-navitem .screen {
    height: 43px;
    left: 41px;
    top: 29px;
    width: 76px
}

#device-selector-nav #acer-chromebook-11-navitem .screen {
    height: 37px;
    left: 45px;
    top: 33px;
    width: 65px
}

#device-selector-nav #toshiba-chromebook-2-navitem .screen {
    height: 40px;
    left: 42px;
    top: 35px;
    width: 71px
}

#device-selector-nav #lg-chromebase-navitem .screen {
    height: 47px;
    left: 39px;
    top: 29px;
    width: 77px
}

#device-selector-nav #asus-chromebook-c200-navitem .screen {
    height: 39px;
    left: 43px;
    top: 31px;
    width: 70px
}

#device-selector-nav #ss2-navitem .screen {
    height: 45px;
    left: 40px;
    top: 31px;
    width: 78px
}

#device-selector-nav #ac-13-navitem .screen {
    height: 44px;
    left: 41px;
    top: 28px;
    width: 76px
}

#device-selector-nav #hp-chromebox-navitem .screen {
    height: 44px;
    left: 40px;
    top: 22px;
    width: 78px
}

#device-selector-nav #asus-c300-navitem .screen {
    height: 40px;
    left: 42px;
    top: 31px;
    width: 70px
}

#device-selector-nav #acer-chromebook-11-navitem .screen {
    height: 37px;
    left: 45px;
    top: 33px;
    width: 65px
}

#device-selector-nav #toshiba-chromebook-2-navitem .screen {
    height: 40px;
    left: 42px;
    top: 35px;
    width: 71px
}

#device-selector-nav #pixel-navitem {
    background-image: url(../images/devices/pixel/device-nav-pixel-sprite.png);
    background-repeat: no-repeat;
    background-position: 50% 16px
}

#device-selector-nav .device-name {
    font-size: .85em;
    min-height: 2em;
    padding: .8em 10% 0
}

.device-new {
    background: #2881cc;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: .7em;
    font-weight: 300;
    left: 32px;
    letter-spacing: 1px;
    padding: 0 4px;
    position: absolute;
    top: 20px;
    z-index: 101
}

.standalone-nav .tab-nav {
    margin: -1px 0 0 !important;
    padding: 0 5px
}

.g-tpl-nest .standalone-nav {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 90%
}

#tab-nav-footer {
    background: #fff;
    height: 15px;
    left: 0;
    position: absolute;
    top: -16px;
    width: 100%
}

#device-home-tab {
    display: none
}

.nav-scroller-scroller {
    margin: -1px auto 0;
    padding: 0 30px;
    position: relative
}

.nav-scroller-viewport {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.js .nav-scroller-viewport {
    height: 160px;
    overflow: hidden
}

.js .nav-scroller-viewport-inner {
    left: -1px;
    overflow: hidden;
    position: absolute;
    top: 0
}

.nav-scroller-control {
    border: 1px solid #e0e0e0;
    display: block;
    height: 100%;
    margin-top: 25px;
    max-height: 90px;
    position: absolute;
    text-indent: -9999px;
    top: 1px;
    width: 23px
}

* + html .nav-scroller-control {
    text-indent: 0
}

.nav-scroller-disabled {
    cursor: default
}

.nav-scroller-previous {
    border-left-width: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: inset -10px -1px 19px rgba(80, 80, 80, .1);
    -moz-box-shadow: inset -10px -1px 19px rgba(80, 80, 80, .1);
    box-shadow: inset -10px -1px 19px rgba(80, 80, 80, .1);
    left: 0
}

.nav-scroller-previous:hover {
    -webkit-box-shadow: inset -6px -4px 25px rgba(70, 70, 70, .1);
    -moz-box-shadow: inset -6px -4px 25px rgba(70, 70, 70, .1);
    box-shadow: inset -6px -4px 25px rgba(70, 70, 70, .1)
}

.nav-scroller-next {
    border-right-width: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: inset 10px -1px 19px rgba(80, 80, 80, .1);
    -moz-box-shadow: inset 10px -1px 19px rgba(80, 80, 80, .1);
    box-shadow: inset 10px -1px 19px rgba(80, 80, 80, .1);
    right: 0
}

.nav-scroller-next:hover {
    -webkit-box-shadow: inset 6px -4px 25px rgba(70, 70, 70, .1);
    -moz-box-shadow: inset 6px -4px 25px rgba(70, 70, 70, .1);
    box-shadow: inset 6px -4px 25px rgba(70, 70, 70, .1)
}

.nav-scroller-control .arrow {
    display: block
}

.nav-scroller-previous .arrow {
    padding: 48px 0 0 10px
}

.nav-scroller-next .arrow {
    padding: 48px 10px 0 0;
    float: right
}

.nav-scroller-control .arrow:after {
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 40px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    width: 0
}

.nav-scroller-previous .arrow:after, .nav-scroller-previous.nav-scroller-disabled:hover .arrow:after {
    border-width: 7px 6px 7px 0;
    border-color: transparent #b1b1b1 transparent transparent;
    left: 6px
}

.nav-scroller-next .arrow:after, .nav-scroller-next.nav-scroller-disabled:hover .arrow:after {
    border-width: 7px 0 7px 6px;
    border-color: transparent transparent transparent #b1b1b1;
    right: 6px
}

.nav-scroller-previous:hover .arrow:after {
    border-color: transparent #39F transparent transparent
}

.nav-scroller-next:hover .arrow:after {
    border-color: transparent transparent transparent #39F
}

.nav-scroller-disabled {
    opacity: .4;
    filter: alpha(opacity=40)
}

.nav-scroller-hidden {
    display: none
}

#device-selector-nav .screen {
    display: block;
    left: 47px;
    top: 34px;
    width: 62px
}

#device-nav-scroller, #device-nav-scroller .nav-scroller-viewport {
    max-width: 638px
}

#device-nav-scroller.standalone-nav, #device-nav-scroller.standalone-nav .nav-scroller-viewport {
    max-width: 800px
}

#device-selector-nav .nav-selected {
    background-color: #fff;
    border: 1px solid #fff;
    border-color: #fff #dedede;
    -moz-box-shadow: 0 -31px 35px rgba(220, 220, 220, .6);
    -webkit-box-shadow: 0 -31px 35px rgba(220, 220, 220, .6);
    box-shadow: 0 -31px 35px rgba(220, 220, 220, .6);
    color: #000
}

#home_content .g-content {
    padding: 0 0 0 20px;
    position: relative;
    right: auto;
    top: auto;
    width: auto
}

.devices .marquee-copy .g-content, .devices .marquee-image {
    height: 370px;
    min-height: 370px
}

.device-content {
    background: #fff;
    border: 0;
    margin-bottom: 5px;
    min-height: 445px;
    opacity: 1
}

#device-selector .g-tab-content-hidden {
    opacity: 0;
    z-index: 1
}

#device-selector {
    margin-top: 50px;
    min-height: 100px
}

[lang^='fr'] #device-selector h1 {
    font-size: 2.5em
}

.device-selector-img {
    opacity: 1;
    padding: 20px 0;
    -moz-transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out
}

.g-tab-content-hidden .device-selector-img {
    opacity: 0
}

.overview-spec-list {
    padding: 0 5px 5px 25px
}

.overview-spec-list .intro {
    font-size: 1.2em;
    padding: .6em 0
}

.overview-spec-list h2 {
    margin: .5em 0 .2em
}

.pricing {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4;
    margin: 1em 0 .6em
}

.price {
    font-size: 1.5em
}

.button-view-details {
    padding: 5px 15px;
    margin: 0 0 1em 1em
}

* + html .button-view-details {
    padding: 6px 15px 8px
}

#compare-chromebooks {
    border-radius: 3px 3px 0 0;
    float: right;
    margin-right: 2em
}

#device-marquee {
    margin: 40px 0 50px;
    position: relative
}

.devices-home #mdn {
    width: 100%
}

.device-nav {
    list-style-type: none;
    margin: 10px 0 20px
}

.device-nav li {
    display: inline-block;
    float: left;
    margin: 8px 0;
    text-align: center
}

.device-nav a {
    border-left: 1px solid #ccc;
    display: block;
    padding: 5px 15px
}

.device-nav .g-first a {
    border-left: 0;
    padding-left: 0
}

#device-nav-footer {
    display: none
}

#device-nav-footer a {
    border: 1px solid #d9d9d9;
    float: right;
    font-size: 1em;
    padding: 5px 12px 4px 8px;
    position: relative;
    text-transform: none;
    width: 120px
}

#device-nav-footer span {
    background: url(../images/content/linkbutton-arrow.png) no-repeat;
    display: block;
    height: 34px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 10px
}

#device-nav-footer .right-arrow {
    background-position: -20px 0;
    left: auto;
    right: -1px
}

#device-nav-footer .g-first a {
    float: left;
    padding: 5px 8px 4px 12px
}

#chromebook-nav-footer {
    display: none
}

#devices-tabbed-widget .g-tab-content {
    background: #fff;
    border-top: 0
}

#devices-tabbed-widget .g-content {
    position: relative;
    right: auto;
    top: auto;
    width: auto
}

#devices-tabbed-widget .g-tab span {
    bottom: auto
}

#devices-tabbed-widget .g-tab-content-hidden {
    width: 1px
}

#tabbed-widget-nav {
    display: none
}

.js #tabbed-widget-nav {
    display: block
}

.js .tab-title {
    display: none
}

#tabbed-widget .g-content {
    top: 21%;
    width: 30%
}

.device-gallery {
    margin: 40px 0
}

.device-gallery a {
    display: block;
    margin: 5px;
    text-align: center
}

.device-gallery img {
    border: 1px solid #ccc
}

.device-gallery a:hover {
    border-color: #39c
}

.device-info {
    padding-bottom: 10px
}

.device-info h1 {
    font-size: 2.25em !important
}

.device-info .pricing {
    color: #333;
    margin: 20px 0 0
}

.device-info .prices {
    font-size: 1.6em
}

.device-info .promo-list {
    margin: 20px 0 0 20px
}

.g-second .promo-list {
    margin-left: 25px
}

.device-info .cta {
    margin: 10px 0;
    white-space: nowrap
}

.device-img {
    position: relative
}

.promo-list .tooltip-button {
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    vertical-align: super
}

.promo-list .tooltip-button span {
    color: #309acc
}

.promo-list li sup {
    font-size: .8em;
    line-height: 1;
    vertical-align: super
}

.disclaimer {
    font-size: .8em !important
}

.selector-disclaimer {
    border-top: 1px solid #f2f2f2;
    padding: 1em 0 2em 1.5em
}

#chromebook-portability {
    position: relative
}

#chromebook-portability img {
    float: right;
    padding: 0 0 20px
}

#chromebook-portability .feature-info {
    position: absolute;
    top: 320px;
    width: 100%
}

#chromebook-hd h2 {
    margin-left: -130px
}

#box-overview-intro .feature-text {
    position: absolute;
    top: 35px;
    right: 0
}

.video-holder {
    position: relative
}

.play-screen {
    background: rgba(150, 150, 150, .2);
    display: block;
    height: 66%;
    left: 13.5%;
    position: absolute;
    -moz-transition: background 50ms ease-out;
    -webkit-transition: background 50ms ease-out;
    transition: background 50ms ease-out;
    top: 10%;
    width: 54%
}

#chromeos-intro-video {
    margin: 50px 0 10px
}

#chromeos-intro-video .play-screen {
    height: 53%;
    left: 11%;
    top: 15%;
    width: 42%
}

#chromebooks-only {
    left: 17.5%;
    width: 65%
}

.play-screen img {
    height: 100%;
    max-height: 200px;
    width: 100%
}

.play-screen:hover {
    background: transparent
}

.chromeos-device {
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 490px, rgba(220, 220, 220, .3) 542px, rgba(255, 256, 255, .5) 576px);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 490px, rgba(220, 220, 220, .3) 542px, rgba(255, 256, 255, .5) 576px);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 490px, rgba(220, 220, 220, .3) 542px, rgba(255, 256, 255, .5) 576px);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .5) 490px, rgba(220, 220, 220, .3) 542px, rgba(255, 256, 255, .5) 576px);
    background: linear-gradient(top, rgba(255, 255, 255, .5) 490px, rgba(220, 220, 220, .3) 542px, rgba(255, 256, 255, .5) 576px)
}

.chromeos-device #marquee {
    min-height: 520px;
    margin: 50px auto 0
}

.chromeos-device .g-tab-contents .back {
    display: none
}

#hp-pav-feature-2 .feature-text {
    right: 0;
    top: 8%
}

#hp-pav-dualusb {
    left: 21.5%;
    top: 13%
}

[lang='de'] #hp-pav-dualusb, [lang='nl'] #hp-pav-dualusb, [lang='sv'] #hp-pav-dualusb {
    max-width: 110px
}

#hp-pav-memory {
    left: 14%;
    top: 76%
}

[lang='de'] #hp-pav-memory, [lang='fr'] #hp-pav-memory {
    max-width: 130px
}

#hp-pav-hdmi {
    left: 30%;
    top: 76%
}

#hp-pav-ethernet {
    left: 34%;
    top: 13%
}

#hp-pav-power {
    left: 39%;
    top: 76%
}

#hp-pav-usb {
    left: 79%;
    top: 76%
}

#hp-pav-audio {
    left: 79%;
    top: 13%
}

#ss-cb-feature-1 .feature-text {
    right: 0;
    top: 30%;
    width: 60%
}

.spec-labels {
    -moz-background-size: 100%;
    background-size: 100% !important;
    height: 220px;
    width: 100%
}

.spec-labels li {
    display: inline-block;
    position: absolute;
    text-align: center
}

.spec-label {
    position: absolute
}

.spec-lines {
    bottom: 0;
    left: 0;
    position: absolute
}

.ss-cb #specs_content img {
    padding-bottom: 30px
}

#ss-cb-screen {
    color: #fff;
    left: 21%;
    top: 35.5%;
    text-align: center;
    width: 6em
}

#ss-cb-width {
    left: 24%;
    top: 86%;
    text-align: center;
    width: 3em
}

#ss-cb-sim {
    left: 67%;
    top: 92%
}

#ss-cb-usb {
    left: 75%;
    top: 92%
}

html[lang=de] #ss-cb-usb {
    left: 71%
}

#ss-cb-hdmi {
    left: 83%;
    top: 92%
}

#ss-cb-power {
    left: 88%;
    top: 92%
}

.ac-c7 .spec-lines {
    bottom: 13%
}

.ac-c7 .spec-labels {
    height: 115px
}

#ac-c7-audio {
    left: 8%;
    top: 78%;
    text-align: right;
    width: 10em
}

#ac-c7-usb1 {
    left: 24%;
    top: 78%;
    text-align: center;
    width: 6em
}

#ac-c7-power {
    left: 33.5%;
    top: 78%;
    width: 5em
}

#ac-c7-lock {
    left: 41.5%;
    top: 78%;
    width: 5em
}

#ac-c7-ethernet {
    left: 55%;
    top: 78%
}

#ac-c7-vga {
    left: 63%;
    top: 78%
}

#ac-c7-hdmi {
    left: 84%;
    top: 78%
}

#ac-c7-usb2 {
    left: 89%;
    top: 78%
}

#gweb-lightbox-gallery {
    font-weight: 200;
    max-width: 960px;
    padding: 25px;
    width: auto !important
}

#gweb-lightbox-gallery .gweb-lightbox-nav {
    border: 0;
    cursor: pointer;
    display: block;
    display: block;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-decoration: none !important;
    top: 0;
    width: 35%;
    z-index: 1000 !important
}

#gweb-lightbox-gallery .gweb-lightbox-next {
    right: 0;
    text-align: right
}

#gweb-lightbox-gallery .gweb-lightbox-prev {
    left: 0;
    text-align: left
}

#gweb-lightbox-gallery .gweb-lightbox-nav span {
    background: #fff;
    color: #666;
    display: block;
    font-size: 1.7em;
    font-weight: 200;
    position: absolute;
    top: 48%;
    -moz-transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    visibility: visible
}

#gweb-lightbox-gallery .gweb-lightbox-prev span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    left: 25px;
    padding: 3px 8px 3px 3px
}

#gweb-lightbox-gallery .gweb-lightbox-next span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 3px 3px 3px 8px;
    right: 25px
}

#gweb-lightbox-gallery .gweb-lightbox-nav:hover span {
    color: #000;
    padding: 3px 10px;
    visibility: visible !important
}

.gweb-lightbox-title-close {
    font-size: 20px;
    font-weight: 200;
    right: 25px;
    top: 15px
}

#gweb-lightbox-gallery .gweb-lightbox-title-text {
    font-size: 1.2em;
    font-weight: 200
}

#gweb-lightbox-gallery .gweb-lightbox-title-text span {
    font-weight: 200
}

.device-nav-buttons li {
    border-left: 0 !important;
    position: absolute;
    padding: 0 !important
}

.device-nav-buttons span.left {
    background: url(../images/tooltip-left.png) no-repeat;
    float: left;
    left: -7px
}

.device-nav-buttons span.right {
    background: url(../images/tooltip-right.png) no-repeat;
    float: right;
    right: -10px
}

.device-nav-buttons a {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f2f2f2 0, #f2f2f2 51%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(51%, #f2f2f2), color-stop(100%, #e0e0e0));
    background: -webkit-linear-gradient(top, #f2f2f2 0, #f2f2f2 51%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #f2f2f2 0, #f2f2f2 51%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0, #f2f2f2 51%, #e0e0e0 100%);
    background: linear-gradient(top, #f2f2f2 0, #f2f2f2 51%, #e0e0e0 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);
    -webkit-box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);
    box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center
}

.device-nav-buttons span {
    height: 21px;
    margin: 0 !important;
    position: absolute;
    width: 11px
}

#youtube-embed {
    min-height: 330px;
    width: 100%
}

#chromebook-shorts #clips {
    border: 1px solid #eee;
    border-width: 1px 0 1px;
    height: 330px;
    list-style-type: none;
    overflow: auto;
    padding: 0 0 0 20px
}

#chromebook-shorts li {
    border-bottom: 1px solid #eee;
    padding: 1em 0
}

#chromebook-shorts li:last-child {
    border-bottom: 0
}

#chromebook-shorts h3 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    margin: 0
}

#chromebook-shorts h3 a {
    color: #000
}

#chromebook-shorts p {
    font-size: .88em;
    margin: .3em .2em .3em 0
}

#chromebook-shorts li span {
    display: block;
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 120px
}

#chromebook-shorts li img {
    position: absolute;
    top: -13px
}

.cb-features #gweb-lightbox-gallery {
    padding: 35px 52px;
    max-width: 850px
}

.cb-features .gweb-lightbox-title-text {
    position: absolute;
    top: 15px;
    left: 52px
}

.tab-pad .back {
    background: url(../images/backtotop-divider.jpg) no-repeat 50% top;
    border: 0;
    height: 8px;
    margin: 35px auto 35px
}

.tab-pad .back a {
    height: 1px;
    visibility: hidden
}

#devices-feature-sharing img {
    float: right
}

#offline-apps {
    left: 1%;
    margin: 40px 2% 5%;
    position: absolute;
    top: 10%;
    width: 60%
}

#offline-apps .app {
    background: #fff;
    border: solid #fff;
    border-width: 25px 10px 20px;
    cursor: pointer;
    height: 80px;
    margin: 2%;
    overflow: hidden;
    padding: 0 1em;
    position: relative;
    text-align: center
}

#offline-apps .desc {
    margin-top: 30px
}

#offline-apps .icon {
    background-image: url(../images/devices/offline-apps-sprite.png);
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    margin: 0 auto 10px;
    width: 32px
}

#offline-apps .icon, #offline-apps .desc {
    -moz-transition: margin 150ms ease-in;
    -webkit-transition: margin 150ms ease-in;
    transition: margin 150ms ease-in
}

#offline-apps .app:hover .desc {
    margin-top: 10px
}

#offline-apps .app:hover .icon {
    margin-top: -40px
}

#icon-offline-gmail {
    background-position: 0 0
}

#icon-drive {
    background-position: -64px 0
}

#icon-calendar {
    background-position: -32px 0
}

#icon-media {
    background-position: 0 -32px
}

#icon-scratchpad {
    background-position: -64px -32px
}

#icon-webstore {
    background-position: -32px -32px
}

#offline-apps p {
    font-size: .9em
}

.fixed-feature-container {
    position: relative;
    margin-bottom: 2em
}

.fixed-feature-container .feature-text {
    position: absolute
}

#devices-feature-sharing .feature-text {
    top: 10px
}

#chromebook-promo-nav {
    background: #f8f8f8;
    background-image: -o-linear-gradient(top, #f8f8f8 18%, #fff 92%);
    background-image: -moz-linear-gradient(top, #f8f8f8 18%, #fff 92%);
    background-image: -webkit-linear-gradient(top, #f8f8f8 18%, #fff 92%);
    background-image: -ms-linear-gradient(top, #f8f8f8 18%, #fff 92%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.18, #f8f8f8), color-stop(.92, #fff));
    background-image: linear-gradient(top, #f8f8f8 18%, #fff 92%);
    border-top: 1px solid #ebebeb;
    margin-top: 3em
}

#chromebook-promo-nav .g-content {
    background: url(../images/devices/promo-footer-chromebook.png) no-repeat bottom right;
    padding: 25px 370px 35px 5%
}

.os-link {
    color: #000;
    font-weight: 600
}

.js .os-content {
    display: block
}

#what-is-an-os {
    left: 100%;
    top: 38%
}

.builtin-tier2 {
    margin-top: 2em
}

.builtin-tab {
    background-image: -o-linear-gradient(bottom, #f8f8f8 18%, #fff 92%);
    background-image: -moz-linear-gradient(bottom, #f8f8f8 18%, #fff 92%);
    background-image: -webkit-linear-gradient(bottom, #f8f8f8 18%, #fff 92%);
    background-image: -ms-linear-gradient(bottom, #f8f8f8 18%, #fff 92%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.18, #f8f8f8), color-stop(.92, #fff));
    background-image: linear-gradient(bottom, #f8f8f8 18%, #fff 92%);
    border-top: 1px solid #ebebeb;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    outline: none;
    padding: 20px;
    -moz-transition: padding 150ms ease-in;
    -webkit-transition: padding 150ms ease-in;
    transition: padding 150ms ease-in
}

.builtin-tab:hover {
    background-image: -o-linear-gradient(bottom, #f0f0f0 1%, #fff 32%);
    background-image: -moz-linear-gradient(bottom, #f0f0f0 1%, #fff 32%);
    background-image: -webkit-linear-gradient(bottom, #f0f0f0 1%, #fff 32%);
    background-image: -ms-linear-gradient(bottom, #f0f0f0 1%, #fff 32%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.01, #f0f0f0), color-stop(.32, #fff));
    background-image: linear-gradient(bottom, #f0f0f0 1%, #fff 32%)
}

.builtin-tab .h3 {
    background: url(../images/content/tab-down-arrow.png) no-repeat;
    background-position: 49% 90%;
    font-size: 1.2em;
    min-height: 2.5em;
    padding-bottom: 1em;
    -moz-transition: background-position 500ms ease-in;
    -webkit-transition: background-position 500ms ease-in;
    transition: background-position 500ms ease-in
}

[lang^='en'] .builtin-tab .h3 {
    font-size: 1.7em;
    min-height: 1em
}

.builtin-tab a:hover .h3 {
    background-position: 49% 95%
}

.builtin-tab.goog-zippy-expanded .h3 {
    background: url(../images/up-arrow-grey.png) no-repeat 49% 95%
}

.builtin-tab .icon {
    background: url(../images/devices/builtin-nav-icons.png) no-repeat;
    display: block;
    height: 120px;
    margin: 0 auto
}

#builtin-apps {
    background-position: 0 0;
    width: 220px
}

#builtin-cloud {
    background-position: -220px 0;
    width: 164px
}

#builtin-security {
    background-position: -390px 0;
    width: 100px
}

#builtin-speed {
    background: none;
    width: 145px;
    text-transform: uppercase
}

#builtin-speed .counter {
    padding-top: 1em
}

#builtin-updates {
    background-position: -640px 0;
    width: 160px
}

#builtin-connectivity {
    background-position: -800px 0;
    width: 200px
}

.builtin-tab-content {
    border: 1px solid #eee;
    -webkit-box-shadow: 3px -4px 13px rgba(220, 220, 200, .3);
    box-shadow: 3px -4px 13px rgba(220, 220, 200, .3);
    min-height: 300px;
    margin: -2px 0 2em
}

.builtin-tab-content .g-tpl-nest {
    padding: 3%
}

.builtin-tab-content h3 {
    font-size: 2.1em
}

.builtin-tab-content h4 {
    font-size: 1.5em;
    font-weight: 300
}

.builtin-tab.goog-zippy-expanded {
    background: #fff;
    background-image: -o-linear-gradient(top, #f0f0f0 30%, #fff 60%);
    background-image: -moz-linear-gradient(top, #f0f0f0 30%, #fff 60%);
    background-image: -webkit-linear-gradient(top, #f0f0f0 30%, #fff 60%);
    background-image: -ms-linear-gradient(top, #f0f0f0 30%, #fff 60%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.3, #f0f0f0), color-stop(.6, #fff));
    background-image: linear-gradient(top, #f0f0f0 30%, #fff 60%);
    border: 1px solid #efefef;
    border-color: #eee #efefef #fff;
    -webkit-box-shadow: 3px -4px 13px rgba(220, 220, 220, .3);;
    box-shadow: 3px -4px 13px 0 rgba(220, 220, 220, .3);
    padding: 20px 20px 40px
}

.built-in-time {
    text-align: center;
    width: 87%
}

.built-in-time .h3 {
    font-size: 1.5em
}

#speed-compare {
    margin-top: 1em
}

.time {
    border: 1px solid #eee;
    border-width: 1px 0;
    font-weight: 600;
    font-size: 1.1em;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase
}

.counter {
    background-image: url(../images/devices/built-in-speed.png);
    background-repeat: no-repeat;
    display: block;
    height: 85px;
    margin: 0 auto;
    width: 120px
}

.counter span {
    visibility: hidden
}

#seconds-30 {
    background-position: -120px 0
}

#webapps-table {
    border-spacing: 20px 0
}

#webapps-table th {
    background: #fff;
    padding: .5em 15px;
    text-align: left;
    width: 50%
}

#webapps-table td {
    background: #fff;
    border-top: 1px solid #eee;
    font-size: 1em;
    height: 30px;
    padding: 2em 15px;
    vertical-align: middle
}

#webapps-table .icon {
    background-image: url(../images/devices/webapp-sprite.png);
    display: block;
    float: left;
    height: 49px
}

#docs {
    width: 82px
}

#music {
    background-position: 139px 0;
    margin: 0 5%;
    width: 44px
}

#video {
    background-position: 47px 0;
    margin: 0 6%;
    width: 46px
}

#hangouts {
    background-position: 95px 0;
    margin: 0 6%;
    width: 46px
}

#webapps-table p {
    padding: 1em 0 1em 90px
}

#webapps-table .no-pad {
    padding: 0 0 0 90px
}

#tab-content-bestof h3 {
    padding: 3% 3% 0
}

.price-footnote {
    font-size: .8em;
    margin-bottom: 1.5em
}

.price-disclaimer {
    font-size: .8em;
    text-align: right;
    margin-bottom: 1.5em
}

#retailers-footer .price-disclaimer {
    margin: 0 1em 1em
}

.point-1, .point-2, .point-3 {
    display: none
}

.promos .no-pad {
    margin: 0 !important
}

.marquee-noimg {
    margin: 50px auto 10px
}

.marquee-overlay .img-right {
    float: right !important
}

.img-carousel, .img-carousel .marquee {
    height: 325px;
    margin: 0
}

.img-carousel img {
    margin: 0 auto
}

.promos.no-divider .g-content {
    border-top: 0
}

.buynow-button-dropdown .buynow {
    z-index: 101
}

.buynow-button-dropdown {
    display: inline-block;
    position: relative
}

.buynow-options {
    -webkit-backface-visibility: hidden;
    background: #d9e5fb;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    padding: .8em 5% .5em 13%;
    position: absolute;
    top: 20px;
    transition: opacity .5s, top .2s;
    width: 82%;
    z-index: 100
}

* + html .buynow-options {
    max-width: 120px;
    padding: .8em .5em .5em
}

.buynow-options li {
    list-style-type: none;
    padding: .2em 0;
    position: relative;
    text-align: left;
    width: 100%
}

.buynow-options-hover .buynow-options {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: 65%
}

.buynow-option {
    display: block;
    margin: 0 !important;
    width: 100%
}

.buynow-options-hover .buynow span {
    background-position: 0 -21px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.devices-buynow.devices-chromecast .marquee-image img {
    max-width: 50%;
    margin-right: 25%
}

.devices-support .marquee-copy {
    width: 35%
}

#using-chromebooks .tab-content {
    min-height: 350px
}

.device-category {
    max-width: 390px
}

.cb-features .promos {
    margin-top: 90px
}

.cb-features .inline-icon > a {
    display: inline
}

#screenshot-carousel {
    position: relative
}

#screenshot-carousel #mdn {
    position: absolute;
    top: 93%;
    left: 6%
}

#screenshot-carousel .caption {
    float: right;
    padding-right: 6%;
    text-align: right;
    width: 80%
}

#screenshot-carousel .marquee, #screenshot-carousel .img-carousel {
    height: 365px
}

#youtube-embed {
    min-height: 330px;
    width: 100%
}

#chromebook-shorts #clips {
    border: 1px solid #eee;
    border-width: 1px 0 1px;
    list-style-type: none;
    padding: 0 0 0 20px;
    height: 330px;
    overflow: auto
}

#chromebook-shorts li {
    border-bottom: 1px solid #eee;
    padding: 1em 0
}

#chromebook-shorts li:last-child {
    border-bottom: 0
}

#chromebook-shorts h3 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    margin: 0
}

#chromebook-shorts h3 a {
    color: #000
}

#chromebook-shorts p {
    font-size: .88em;
    margin: .3em .2em .3em 0
}

#chromebook-shorts li span {
    display: block;
    height: 65px;
    overflow: hidden;
    position: relative;
    width: 120px
}

#chromebook-shorts li img {
    position: absolute;
    top: -13px
}

.retailers {
    overflow-y: auto
}

.devices-buynow #marquee {
    margin: 50px auto 0
}

.devices-eol .marquee-copy .g-content, .devices-buynow .marquee-copy .g-content {
    height: 150px
}

.devices-eol .marquee-image, .devices-buynow .marquee-image {
    min-height: 150px
}

.devices-eol tr:nth-child(odd) td {
    background: #f0f0f0
}

.devices-eol #marquee h1, .devices-buynow #marquee h1 {
    font-size: 2.7em
}

.buynow {
    margin: .5em 0 1em;
    padding: 8px 50px 8px 17px;
    position: relative
}

.buynow span {
    background: url(../images/content/buynow_arrow.png) no-repeat;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 20px
}

.buynow:hover span {
    background-position: 0 -21px
}

#check-availablity {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    color: #000;
    font-size: .9em;
    left: 1px;
    max-width: 610px;
    padding: .5em .5em;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 99%;
    z-index: 5000
}

.locale-retailers {
    background: #f9f9f9;
    bottom: 33px;
    -moz-box-shadow: 0 0 10px 3px #f3f3f3;
    -webkit-box-shadow: 0 0 10px 3px #f3f3f3;
    box-shadow: 0 0 10px 3px #f3f3f3;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100% !important;
    z-index: 10
}

.js .locale-retailers {
    display: none;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.locale-retailers h2 {
    background: #f9f9f9;
    border: 1px solid;
    border-color: #ddd #ddd #fff;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #000;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0;
    padding: .5em 0;
    position: relative !important;
    text-shadow: none;
    top: 0 !important
}

.buynow .hover, .buynow:hover .locale-retailers {
    display: block;
    height: auto;
    overflow: hidden
}

.locale-retailers ul {
    list-style-type: none;
    margin: 0;
    text-align: center
}

.locale-retailers li {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    border-color: #ddd #ddd #fff;
    -webkit-box-shadow: inset 0 0 10px 3px #f3f3f3;
    -moz-box-shadow: inset 0 0 10px 3px #f3f3f3;
    box-shadow: inset 0 0 10px 3px #f3f3f3;
    line-height: 1em;
    padding: .4em 0
}

.locale-retailers li:hover {
    -webkit-box-shadow: inset 0 0 10px 3px #eee;
    -moz-box-shadow: inset 0 0 10px 3px #eee;
    box-shadow: inset 0 0 10px 3px #eee
}

.locale-retailers a {
    margin: 0
}

.locale-retailers img {
    max-width: 100px
}

.devices-buynow .marquee-link {
    font-size: 1em;
    font-weight: 400;
    margin: 1em 0
}

.devices-buynow .marquee-link a {
    color: #000
}

#gweb-lightbox-buynowlb {
    height: 440px;
    max-width: 750px;
    padding: 0
}

#gweb-lightbox-buynowlb iframe {
    height: 440px
}

#devices-buynow-retailers {
    padding: 20px 0
}

#devices-buynow-retailers h1 {
    font-size: 1.8em;
    text-align: center
}

#retailer_country {
    display: none;
    margin: .5em 0
}

.js #retailer_country {
    display: block
}

#devices-buynow-retailers #retailer_country {
    margin: 1em 0;
    text-align: center
}

.dropdown {
    background: #f7f7f7;
    border-color: #eee;
    font-size: 1.1em;
    margin-bottom: 1em;
    max-width: 270px
}

#online-content {
    width: 75%;
    margin: 0 auto
}

.buynow-dropdown {
    display: block;
    padding: .5em 1em;
    text-align: center
}

.buynow-dropdown label {
    font-size: 1.1em
}

.dropdown-select {
    display: inline-block
}

.dropdown-select:first-child {
    margin-right: 20px
}

#retailer-list {
    display: block;
    text-align: center
}

#retailer-list h2 {
    margin-top: 0
}

.retailer-list ul {
    list-style-type: none;
    margin: 0 auto;
    max-width: 680px;
    text-align: center;
    width: auto
}

.retailer-list li {
    background: -moz-linear-gradient(top, #fff 70%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fff), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 70%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 70%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #fff 70%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 70%, #f4f4f4 100%);
    display: inline-block;
    margin: 0 1em .5em 0;
    min-width: 193px;
    padding: 0;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.retailer-list img {
    height: 40px
}

.retailer-list img[alt="Ricardo Eletro"] {
    height: 22px
}

.retailer-list img[alt="Magazine Luiza"] {
    width: 135px;
    height: 25px
}

.retailer-list img[alt="Shoptime"] {
    width: 135px;
    height: 34px
}

a[data-g-partner='fnac'] {
    overflow: hidden;
    padding: 10px 0 19px !important
}

a[data-g-partner='fnac'] img {
    margin-top: 10px
}

.retailer-link a {
    background: url(../images/devices/retailer-corner.png) no-repeat 98% 5px;
    border: 1px solid #eee;
    display: block;
    padding: 1.5em .65em;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.retailer-link a:hover {
    border: 1px solid #eee;
    -webkit-box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2);
    -moz-box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2);
    box-shadow: inset 0 0 10px 3px rgba(69, 154, 231, .2)
}

.retailer-disabled a {
    cursor: default
}

.retailer-disabled img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

* + html .retailer-disabled {
    display: none
}

.device-info-panel {
    margin: 1em 0 2em;
    min-height: 150px
}

.device-info-panel .g-unit:first-child {
    text-align: center
}

.outofstock {
    text-align: center;
    margin: 1em 5%
}

#retailers-footer {
    background: #fff;
    bottom: 0;
    width: 100%
}

#promo-bar {
    background: #f3f3f3;
    cursor: pointer;
    padding: 6px 0 8px;
    text-align: center
}

#stores-promo-text {
    padding-left: 55px
}

#stores-promo-text span {
    font-weight: 400
}

#chrome-marker {
    background: url(../images/retailers/promomapmarker.png);
    bottom: 10px;
    display: block;
    height: 38px;
    left: 15px;
    position: absolute;
    width: 42px
}

#map-canvas {
    width: 100%;
    height: 467px;
    border: 1px solid #ccc
}

#map-search {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 1px;
    height: 442px;
    qmargin-right: -1px;
    padding: 10px 10px 15px 15px
}

#store-list {
    height: 290px;
    list-style-type: none;
    margin: 10px 0 0;
    overflow: auto
}

#store-list li {
    border-bottom: 1px solid #eee;
    margin: 1em 0 .5em;
    padding: 0 .5em .2em 0
}

#map-section {
    margin: 10px 0
}

.hours {
    border-top: 1px solid #eee;
    margin: 5px 0;
    max-width: 400px
}

.hours li {
    display: inline-block;
    padding: 5px 5px 0 0
}

#retailer-search {
    padding-bottom: 5px
}

#retailer-search label {
    display: block;
    font-size: 1.2em;
    margin: .7em 0
}

#zipcode {
    background: #f7f7f7;
    border: 1px solid #ccc;
    line-height: 18px;
    font-size: 1.1em;
    padding: .3em .5em;
    width: 50%
}

.find-button {
    padding: 5px 1em
}

#address {
    padding-bottom: .5em;
    -webkit-box-shadow: 0 5px 12px #f7f7f7;
    -moz-box-shadow: 0 5px 12px #f7f7f7;
    box-shadow: 0 5px 12px #f7f7f7
}

#detect-location {
    display: none
}

#detect-location.detected {
    display: block
}

.storelinks {
    padding: .5em 0
}

.storelinks span {
    display: inline-block;
    padding: 0 1em
}

.dataload-error {
    background: #eee;
    background: rgba(250, 250, 250, .9);
    left: 20%;
    padding: 2em 5%;
    position: absolute;
    top: 35%;
    width: 50%;
    z-index: 1000
}

.tab-content {
    margin-bottom: 40px
}

.devices-forum .marquee-image, .devices-forum .marquee-copy .g-content {
    height: 250px;
    min-height: 250px
}

#chromebook-central {
    height: 800px;
    margin: 0 0 2em;
    width: 100%
}

#pixel-content .promo-list {
    margin-bottom: 1.5em
}

#gweb-lightbox-signuplb {
    max-width: 450px
}

.coming-soon {
    font-size: .9em
}

.sub-button {
    margin-bottom: 5px;
    margin-top: 0
}

.browser-beta .marquee-image img, .browser-canary .marquee-image img {
    margin: 0 auto 0 13%
}

.hidpi-ready .browser-beta .marquee-image img, .hidpi-ready .browser-canary .marquee-image img {
    margin: 0 auto 0 6%
}

.browser-beta .marquee-copy, .browser-canary .marquee-copy {
    margin-bottom: 25px
}

.browser-beta .sub-button, .browser-canary .sub-button {
    margin: 0 auto 40px
}

.browser-beta .sub-button.show-cros, .browser-canary .sub-button.show-cros {
    margin: 20px auto 40px
}

.canary .default-browser-opt {
    display: none
}

.mobile-promo {
    background: url(../images/content/ty-mobile-promo.png) no-repeat;
    margin-top: 40px;
    padding-top: 35px
}

.mobile-promo div {
    margin-left: 420px
}

.mobile-promo-links a:first-child {
    padding-right: 10px
}

.mobile-promo-links a:last-child {
    padding-left: 10px
}

.browser-welcome .mobile-promo {
    margin-bottom: 50px;
    padding-top: 15px
}

.browser-welcome .ios-app-badge {
    height: 42px;
    position: relative;
    top: -2px
}

.browser-welcome .mobile-promo-links {
    margin: 10px 0
}

.tooltips {
    left: 10px;
    position: relative;
    top: 8px
}

.browser-welcome .tooltips {
    top: -24px
}

.browser-welcome .tooltips span.tooltip-above {
    background: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #d0e2f0;
    bottom: -5px !important;
    height: 0;
    width: 0
}

.canary-button {
    background: -webkit-linear-gradient(top, #e7c61c 0, #d3a23b 100%);
    background: -moz-linear-gradient(top, #e7c61c 0, #d3a23b 100%);
    background: -o-linear-gradient(top, #e7c61c 0, #d3a23b 100%);
    background: -ms-linear-gradient(top, #e7c61c 0, #d3a23b 100%);
    background: linear-gradient(top, #e7c61c 0, #d3a23b 100%);
    border: 1px solid #d79812;
    text-shadow: 1px 1px 1px #888
}

.canary-button:hover {
    background: -webkit-linear-gradient(top, #e1ab22 0, #d3a23b 100%);
    background: -moz-linear-gradient(top, #e1ab22 0, #d3a23b 100%);
    background: -o-linear-gradient(top, #e1ab22 0, #d3a23b 100%);
    background: -ms-linear-gradient(top, #e1ab22 0, #d3a23b 100%);
    background: linear-gradient(top, #e1ab22 0, #d3a23b 100%);
    border: 1px solid #d79812;
    text-shadow: 1px 1px 1px #888
}

.sub-button .alt-platform {
    color: #999
}

.sub-button .alt-platform a {
    color: #999;
    font-weight: 700
}

.browser-features #marquee {
    margin: 50px auto 10px
}

.browser-features .promos {
    margin: 25px auto 50px
}

.browser-features .promos h2 {
    margin: 0 0 .7em
}

.browser-features .promos .g-content {
    border-top: 0;
    min-height: 190px;
    position: relative
}

.browser-features .promos .twocols {
    width: 65% !important
}

.twocols .g-unit {
    float: left !important;
    width: 46.55% !important
}

.twocols .g-first {
    padding-right: 5%
}

.browser-features .promos .features-header-icon {
    background: url(../images/features-sprite.png) no-repeat;
    height: 32px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 35px
}

html[dir=rtl] .browser-features .promos .features-header-icon {
    left: auto;
    right: 0
}

.browser-features .simplicity .features-header-icon {
    background-position: -43px 0
}

.browser-features .security .features-header-icon {
    background-position: -89px 0
}

.browser-features .privacy .features-header-icon {
    background-position: 0 -35px
}

.browser-features .personalize .features-header-icon {
    background-position: -45px -35px
}

.browser-features .signin .features-header-icon {
    background-position: -85px -35px
}

.browser-features .promos h2 {
    margin-left: 1.8em
}

html[dir=rtl] .browser-features .promos h2 {
    margin-left: 0;
    margin-right: 1.8em
}

.js .features-more-link, .js .browser-features .promos .collapsed .more-link, .js .browser-features .promos .expanded .less-link, .js .expanded .features-more-copy, .js .expanded .arrow-up {
    display: block
}

.promos .personalize, .promos .signin, .promos .privacy {
    border-top: 0;
    padding: 1px 0 10px
}

.expanded .features-more-copy {
    -webkit-animation: opacity;
    -webkit-animation-duration: .25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    opacity: 1
}

.more-link, .less-link {
    cursor: pointer
}

.browser-features .g-col-4-4-4 > .g-unit {
    width: 100% !important
}

.js .browser-features .g-col-4-4-4 > .g-unit {
    width: 33.333% !important
}

.browser-features .promos a.more-link, .browser-features .features-more-link, .browser-features .promos .collapsed .less-link, .browser-features .promos .expanded .more-link, .js .collapsed .features-more-copy, .collapsed .arrow-up {
    display: none
}

.js .collapsed .features-more-copy {
    -webkit-animation: opacity;
    -webkit-animation-duration: .25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    opacity: 0
}

.more-link {
    margin-top: 1em
}

.less-link {
    background: #ebebeb url(../images/content/close-icon.png);
    color: #999 !important;
    display: block;
    font-size: 30px;
    height: 21px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 21px;
    z-index: 100
}

.less-link span {
    display: none
}

.features-wrap {
    background: #fff url(../images/tabs-selected-arrow.png) no-repeat
}

.features-more-copy {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1em 0;
    overflow: hidden;
    padding: 26px;
    position: relative
}

.js .features-more-copy {
    left: -2em;
    margin: 45px 0 1em 0;
    min-width: 330%
}

.features-more-copy h3 {
    color: #777;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.4;
    margin: .5em 0 .7em
}

.features-more-copy ul {
    margin: .5em 0 1em 20px
}

.features-more-copy p {
    margin: .5em 0 1.8em
}

.features-more-copy img {
    max-width: 100%
}

.features-more-copy .g-content-inner {
    padding: 0 20px 0 0
}

.features-more-copy .g-content p:last-child a {
    margin-top: 0
}

.features-more-copy iframe {
    margin: 1.5em 0;
    max-width: 600px;
    min-height: 300px;
    width: 100%
}

.js .simplicity .features-more-copy, .js .personalize .features-more-copy {
    left: -113%;
    z-index: 1
}

[dir=rtl] .simplicity .features-more-copy, [dir=rtl] .personalize .features-more-copy {
    right: -113%
}

.js .security .features-more-copy, .js .signin .features-more-copy {
    left: -216%;
    z-index: 1
}

[dir=rtl] .security .features-more-copy, [dir=rtl] .signin .features-more-copy {
    right: -216%
}

.compact .features-more-copy {
    z-index: 1
}

.signin p {
    margin-bottom: .2em
}

#signin-intro {
    margin-bottom: 1em
}

#signin-intro img {
    float: right;
    padding: 0 1.5em
}

.features-more-copy .g-content {
    border-top: none !important;
    float: left;
    width: 31.9% !important
}

.features-more-copy a {
    color: #555
}

.arrow-up-alt {
    border-bottom: 15px solid whiteSmoke;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    position: relative;
    top: 1px;
    width: 0;
    z-index: 98
}

.arrow-up {
    background: transparent url(../images/tabs-selected-arrow.png) no-repeat;
    height: 10px;
    left: -71px;
    position: relative;
    top: 46px;
    width: 187px;
    z-index: 100
}

.browser-eula #eula-dialog, .browser-eula #ios-dialog {
    border: 0;
    margin: 50px auto;
    position: static
}

#ios-dialog {
    background: #fff;
    border: 1px solid #ccc;
    left: -99999px;
    max-width: 690px;
    min-height: 428px;
    padding: 20px 45px;
    position: absolute;
    top: 0;
    width: 80%;
    z-index: 1002
}

#ios-dialog h2 {
    font-size: 2.5em;
    margin: .2em 0 .7em
}

#ios-eula-close {
    background: #ebebeb url(../images/content/close-icon.png);
    font-size: 30px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 2%;
    top: 3.5%;
    width: 20px
}

#ios-dialog .eula-pf {
    margin: 0 !important;
    text-align: right
}

#ios-dialog a {
    color: #0370ea
}

#ios-eula-close span {
    display: none
}

#ios-dialog .modal-dialog-content iframe {
    background: #f2f2f2;
    border: 1px solid #ccc;
    height: 170px;
    width: 100%
}

#ios-dialog .modal-dialog-buttons {
    margin-top: 18px
}

@media screen and (max-width: 770px) {
    #ios-dialog {
        padding: 20px;
        width: 80%;
        box-sizing: border-box
    }
}

@media screen and (max-width: 480px) {
    #ios-dialog {
        padding: 10px;
        width: 100%
    }
}

.eula-ios-download-button.ios-button {
    display: none
}

.ios .eula-ios-download-button.ios-button {
    display: inline-block
}

span.eula-ios-download-button {
    color: #999;
    font-weight: 700;
    cursor: pointer
}

span.eula-ios-download-button:hover {
    color: #39f
}

.eula-terms-iframe-container {
    height: 170px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.ios-dialog form, .ios-dialog fieldset {
    border: 0
}

.ios-dialog form {
    margin-top: 10px
}

.ios-dialog label {
    font-weight: bold;
    display: block;
    line-height: 1.2em;
    padding-bottom: 5px
}

.ios-dialog input {
    background: #f2f2f2;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 1.2em;
    margin-bottom: 18px;
    min-width: 280px;
    padding: 3px
}

.ios-dialog input[type='checkbox'] {
    min-width: auto
}

.ios-dialog .form-error {
    color: red;
    display: none
}

.ios-dialog .form-error.active {
    display: block
}

.ios-dialog input + .form-error.active {
    margin-top: -18px;
    margin-bottom: 18px
}

.ios-dialog #usermail.active {
    outline: 1px solid red
}

.modal-dialog-content.hidden, .modal-dialog-form-content.hidden {
    display: none
}

.terms-accept {
    margin-bottom: 18px
}

.terms-accept input {
    margin: 0 5px auto 0
}

.form-error-captcha, .form-error-email, .form-error-terms {
    display: none
}

.form-error-captcha.active, .form-error-email.active, .form-error-terms.active {
    display: block
}

.ios-beta-form-success {
    display: none
}

.ios-beta-form-success.active {
    display: block
}

.ios-beta-form-success .browser-promo {
    margin-bottom: 20px
}

.privacy .arrow-up, .speed .arrow-up {
    background-position: -48px 0;
    left: -25px
}

.post-download {
    display: none;
    opacity: 0
}

body.thankyou .post-download {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.browser-thankyou {
    margin-bottom: 5em;
    min-height: 390px
}

.post-download h2 {
    color: #555;
    font: 13px/20px 'Open Sans', arial, sans-serif;
    font-weight: 600
}

.browser-gallery .promos img {
    border: 1px solid #b5b5b5;
    margin-top: 20px
}

.browser-gallery .promos a:hover h2 {
    color: #39f
}

.browser-gallery #marquee.marquee-stacked .marquee-copy {
    margin-bottom: 20px
}

.browser-gallery #marquee.marquee-stacked .marquee-copy p {
    width: 85%
}

#goog-play-control {
    overflow: hidden;
    position: absolute;
    right: 144px;
    top: 11px;
    width: 300px
}

.gallery-toggle {
    display: none;
    height: 25px;
    width: 30px
}

.js .gallery-toggle {
    background: transparent url(../images/gallery-button-sprite.png) no-repeat;
    border: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: -346px;
    top: 25px;
    z-index: 90
}

.gallery-toggle:hover, .js .on {
    background-position: 0 -25px
}

#video-holder {
    position: relative
}

#marquee-video {
    border: 1px solid #dcdcdc;
    height: 360px;
    max-width: 640px;
    padding: 10px;
    width: 96%
}

#marquee-list {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    list-style: none;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 80
}

#marquee-list li {
    height: 100px;
    overflow: hidden;
    padding: 15px 10px;
    text-align: left
}

#marquee-list li:hover {
    background: #fff;
    cursor: pointer
}

.thumbnail-clip {
    height: 55px;
    overflow: hidden;
    width: 105px
}

.thumbnail-clip img {
    left: -3px;
    position: relative;
    top: -10px;
    width: 100%
}

.thumbnail-copy {
    margin-left: 115px;
    position: relative;
    top: -60px;
    width: 54%
}

#marquee-list li > div p {
    font-size: 10px;
    line-height: 12px;
    width: 100%
}

#marquee-list, #marquee-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#marquee-list {
    width: 300px
}

#marquee-list li {
    width: 300px
}

.browser-gallery .promos:hover {
    cursor: pointer
}

.browser-gallery .promos h2 a {
    font-weight: 300
}

.browser-gallery .promos p a {
    color: #777 !important;
    font-weight: 400;
    margin-top: 0 !important
}

html.follow {
    overflow-y: auto
}

.follow h1 {
    margin: 0 0 1em
}

.follow ul {
    list-style: none;
    margin: 1em 0
}

.follow li {
    display: inline-block;
    margin: 0 1% 0 0;
    max-width: 200px;
    width: 32%
}

.follow .icon {
    background: transparent url(../images/follow-sprite.png) no-repeat;
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 50px
}

.follow .youtube {
    background-position: -58px 0
}

.follow .blogger {
    background-position: -113px 0
}

.follow .g-content {
    background: #f9f9f9;
    background-image: linear-gradient(bottom, #f0f0f0 44%, #fcfcfc 75%);
    background-image: -o-linear-gradient(bottom, #f0f0f0 44%, #fcfcfc 75%);
    background-image: -moz-linear-gradient(bottom, #f0f0f0 44%, #fcfcfc 75%);
    background-image: -webkit-linear-gradient(bottom, #f0f0f0 44%, #fcfcfc 75%);
    background-image: -ms-linear-gradient(bottom, #f0f0f0 44%, #fcfcfc 75%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.44, #f0f0f0), color-stop(.75, #fcfcfc));
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 15px;
    text-align: center
}

#follow a {
    display: block;
    font-size: .9em;
    padding: .5em 0
}

.browser-mobile ul {
    list-style: none
}

.browser-mobile ul.two-col li {
    border-right: transparent 10px solid;
    float: left;
    width: 48%
}

.browser-mobile ul.four-col li {
    border-right: transparent 10px solid;
    float: left;
    width: 21%
}

.browser-mobile .galaxy-product {
    float: right
}

html[dir=rtl] .browser-mobile .galaxy-product {
    float: left
}

.browser-mobile .land-intro {
    margin-top: 10em
}

.beta {
    color: #a4a4a4
}

.features h3 {
    color: #777;
    font: 400 1.4em/20pt 'Open Sans', arial, sans-serif;
    margin: 0
}

.signin-menu {
    margin-top: 30px;
    width: 90.559%
}

.signin-menu li {
    border-bottom: 1px solid #ddd;
    position: relative
}

.signin-menu li:first-child {
    border-top: 1px solid #ddd
}

.signin-menu h3 a:focus {
    outline: 0
}

.signin-menu p {
    margin: 5px 0 10px 0
}

.signin-menu-icon {
    position: absolute;
    right: 0;
    top: 2px;
    width: auto !important
}

.twisty a {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.twisty a:hover {
    color: #3d9eff
}

.signin-menu .goog-zippy-collapsed, .twisty a.twistyExpand {
    background: url('../../consumer/images/browser/mobile/android/arrow-sprite.png') no-repeat right 5px
}

.signin-menu .goog-zippy-expanded, .twisty a.twistyCollapse {
    background: url('../../consumer/images/browser/mobile/android/arrow-sprite.png') no-repeat right -15px
}

html[dir=rtl] .signin-menu .goog-zippy-collapsed, .twisty a.twistyExpand {
    background: url('../../consumer/images/browser/mobile/android/arrow-sprite.png') no-repeat left 5px
}

html[dir=rtl] .signin-menu .goog-zippy-expanded, .twisty a.twistyCollapse {
    background: url('../../consumer/images/browser/mobile/android/arrow-sprite.png') no-repeat left -15px
}

.video-frame-origin {
    display: inline-block !important;
    position: relative
}

.goog-zippy-expanded a {
    color: #989898
}

.video-frame {
    background-color: #000;
    bottom: 20px;
    cursor: pointer;
    height: 146px !important;
    left: 40px;
    opacity: 0;
    position: absolute;
    width: 259px !important
}

body.download div {
    text-align: center
}

.features-row {
    border-bottom: 0 !important
}

.features-row .g-content {
    min-height: 180px;
    padding: 15px 15px 15px 0;
    position: relative
}

.features-row h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
    padding: 0 0 0 40px;
    word-wrap: break-word
}

html[dir=rtl] .features-row h2 {
    padding: 0 40px 0 0
}

.features-row p:last-child {
    margin: 1em 0
}

.feature-icon {
    background: transparent url('../../consumer/images/browser/mobile/android/feat-icon-sprite.png') no-repeat;
    height: 40px;
    position: absolute;
    top: 12px;
    width: 35px
}

.beta .g-content {
    padding: 15px
}

.beta .g-content, li.beta {
    background-color: #f9f9f9;
    color: #000
}

li.beta img {
    display: block;
    margin-top: 15px
}

li.privacy .feature-icon {
    background-position: -31px 0
}

li.speed .feature-icon {
    background-position: -65px 0
}

li.beta .feature-icon {
    background-position: -99px 0
}

.learn-more {
    float: left;
    left: 32%;
    margin: 0 auto;
    max-width: 460px;
    position: relative;
    text-align: center;
    top: -190px;
    z-index: 1000
}

.learn-more h2, .learn-more a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.learn-more h2 {
    color: #8a8a8a
}

.learn-more a {
    position: relative;
    top: -5px
}

.learn-more .button-alt {
    box-shadow: 0 0 5px #777;
    color: #666 !important;
    text-shadow: #fff 1px 1px 0
}

.browser-welcome .marquee-copy {
    margin-bottom: 40px
}

.steps {
    margin-left: 24px;
    margin-top: 30px;
    width: 960px
}

.steps div {
    float: left;
    text-align: left;
    width: 400px
}

.steps p {
    font-size: 12px;
    margin: 0;
    width: auto !important
}

.step2 {
    margin-left: 89px
}

.marquee-copy p {
    width: auto
}

.win8-welcomeimg {
    margin-top: 5px
}

video {
    box-shadow: 0 0 4px #ddd;
    margin: 20px auto 0 auto;
    margin-right: auto;
    width: 80%
}

#replay {
    background-color: #111;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    top: -235px;
    visibility: hidden
}

#reply:hover {
    background-color: #ddd;
    color: #888
}

#win8 .instr-video {
    margin: 48px auto
}

#win8 .hide-win8 {
    display: none !important
}

html#win8 video#instr-tablet.tablet {
    display: none !important
}

html#win8.tablet video#instr-desktop.desktop {
    display: none !important
}

html#win8.tablet video#instr-tablet.tablet {
    display: block !important
}

html#linux.android #main .show-linux {
    display: none !important
}

html#linux .hidden-linux {
    display: none !important
}

.marquee-image .mobile {
    display: none
}

html.android .marquee-image .mobile {
    display: block
}

html.android .marquee-image .show-linux {
    display: none
}

.browser-pin {
    background: url(../images/pin-large.png) no-repeat;
    cursor: pointer;
    height: 38px;
    margin: -28px 0 0 -10px;
    position: relative;
    width: 42px
}

.browser-welcome .tooltip-content {
    background-color: #f0f8fb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f8fb), to(#d0e2f0));
    background-image: -webkit-linear-gradient(top, #f0f8fb, #d0e2f0);
    background-image: -moz-linear-gradient(top, #f0f8fb, #d0e2f0);
    background-image: -ms-linear-gradient(top, #f0f8fb, #d0e2f0);
    background-image: -o-linear-gradient(top, #f0f8fb, #d0e2f0);
    background-image: linear-gradient(to bottom, #f0f8fb, #d0e2f0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(200, 200, 200, .5);
    -moz-box-shadow: 3px 3px 5px rgba(200, 200, 200, .5);
    box-shadow: 3px 3px 5px rgba(200, 200, 200, .5);
    color: #315265;
    font-size: 1.05em;
    max-width: 190px;
    padding: 8px 17px;
    text-align: left;
    text-shadow: 1px 1px 0 #fff
}

.browser-welcome .marquee-stacked p {
    width: 85%
}

.browser-welcome .tooltip-content {
    left: -36px !important;
    top: -21px !important
}

.browser-welcome .tooltip-above {
    left: 51px
}

.bookmarks .tooltip-content {
    left: -146px !important;
    top: -21px !important
}

.bookmarks .tooltip-above {
    left: 162px
}

.browser-welcome .omnibox {
    left: 175px;
    top: -220px;
    z-index: 5
}

.browser-welcome .newtab {
    left: 356px;
    top: -257px;
    z-index: 4
}

.browser-welcome .bookmarks {
    left: 795px;
    top: -238px;
    z-index: 3
}

#win .browser-welcome .omnibox, #win64 .browser-welcome .omnibox {
    left: 183px;
    top: -215px
}

#win .browser-welcome .newtab, #win64 .browser-welcome .newtab {
    left: 279px;
    top: -254px
}

#win .browser-welcome .bookmarks, #win64 .browser-welcome .bookmarks {
    left: 791px;
    top: -235px
}

#linux .browser-welcome .omnibox {
    left: 178px;
    top: -217px
}

#linux .browser-welcome .newtab {
    left: 354px;
    top: -253px
}

#linux .browser-welcome .bookmarks {
    left: 794px;
    top: -235px
}

.browser-toast .promo-thumb {
    background: transparent url(../images/content/chrome-toast-sprite.png) no-repeat;
    height: 210px;
    width: 290px
}

.browser-toast #speed .promo-thumb {
    background-position: -615px 0
}

.browser-toast #signin .promo-thumb {
    background-position: -35px -24px
}

.browser-toast #mobile .promo-thumb {
    background-position: -323px 15px
}

.browser-toast .promos .g-content {
    border: none
}

.browser-toast .cta-link {
    margin-top: 20px
}

.browser-signin .marquee-image-stacked img {
    left: 30px;
    position: relative
}

.browser-signin .marquee-copy {
    margin-bottom: 35px
}

.browser-signin .overlay-text {
    font-family: 'Lucida Grande', 'Open Sans', sans-serif;
    font-size: 11px;
    left: 370px;
    line-height: 22px;
    position: absolute;
    text-align: left;
    top: 41px;
    z-index: 100
}

.browser-signin .overlay-text > span {
    display: block;
    margin: 2px 0
}

.browser-signin .screenshot {
    position: relative;
    text-align: center
}

.ot-signin {
    color: #fff;
    font-weight: 400
}

.browser-signin .feature-icon {
    background: transparent url(../images/content/signin-features-sprite.png) no-repeat;
    height: 140px;
    position: static;
    top: auto;
    width: 140px
}

.signin-features p {
    width: 90%
}

.browser-signin .feature-icon.bookmarks {
    background-position: -140px
}

.browser-signin .feature-icon.extensions {
    background-position: -287px
}

.browser-signin .feature-icon.settings {
    background-position: -434px
}

.browser-signin .feature-icon.omnibox {
    background-position: -587px 0
}

.browser-signin .feature-icon.passwords {
    background-position: -751px
}

.browser-signin .feature-icon.autofill {
    background-position: -900px 0
}

.browser-signin .feature-icon.themes {
    background-position: -1060px 0
}

.browser-signin .g-section {
    padding: 1em 0
}

.browser-signin .marquee-stacked {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 2em
}

.warning {
    background: #dd4b39 url(//www.google.com/images/icons/feature/warning-y32.png) no-repeat;
    background-position: 20px 10px;
    border: none;
    box-shadow: 0 0 3px #888;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
    padding: 16px;
    padding-left: 50px !important;
    text-shadow: 1px 1px 5px #888
}

.browser-warning .button {
    font-size: 1.3em
}

html[lang=zh-CN] .browser-mobile h1 {
    font-size: 2.7em
}

.mozilla .browser-benefits .before-load, .opera .browser-benefits .before-load, .android .browser-benefits .before-load, .mobile .browser-benefits .before-load, .chrome .browser-benefits .before-load, .safari .browser-benefits .before-load, .ie .browser-benefits .before-load, .ie7 .browser-benefits .before-load, .ios .browser-benefits .before-load {
    display: block
}

.browser-benefits .mobile-desktop {
    visibility: hidden
}

.chrome .browser-benefits .mobile-desktop, .mozilla .browser-benefits .mobile-desktop, .opera .browser-benefits .mobile-desktop, .android .browser-benefits .mobile-desktop, .ios .browser-benefits .mobile-desktop, .safari .browser-benefits .mobile-desktop, .ie .browser-benefits .mobile-desktop, .ie7 .browser-benefits .mobile-desktop, .mobile .browser-benefits .mobile-desktop {
    visibility: visible
}

.mobile .browser-benefits .mobile-desktop, .browser-benefits .mobile-ios, .browser-benefits .mobile-android, .browser-benefits .mobile-only, .browser-benefits .win32-only, .browser-benefits .win64-only, .mobile .browser-benefits .desktop-only, .browser-benefits .before-load, .ios .browser-benefits .mobile-android, .android .browser-benefits .mobile-ios, .browser-benefits .chrome-specific, .android .chrome-specific.mobile-android, .ios .browser-benefits .chrome-specific.mobile-ios, .mobile .browser-benefits .chrome-specific.mobile-only {
    display: none
}

html:not(.chrome) .chrome-specific, .chrome .no-chrome {
    display: none !important
}

.mobile .mobile-only, .android .mobile-android, .ios .mobile-ios, .mobile .mobile-only.download-button, .android .mobile-android.download-button, .ios .mobile-ios.download-button, .mobile .browser-benefits a.links {
    display: inline-block
}

.mobile.chrome .mobile-only.chrome-specific, .android.chrome .mobile-android.chrome-specific, .ios.chrome .mobile-ios.chrome-specific {
    display: inline-block !important
}

.win8 .default-browser-opt {
    display: none
}

.win64 .default-browser-opt {
    display: block
}

.win32 .win64-link {
    display: none
}

.canary .default-browser-opt {
    display: none !important
}

#download-options .options-list {
    list-style: none
}

#download-options .mobile-options {
    margin: 25px 0
}

#modal-dialog-content h2 {
    margin: .2em 0 .1em
}

#modal-dialog-content .sub-button span {
    font-size: 12px
}

#download-options a {
    color: #39f;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 3px
}

#download-options .g-col-7 {
    text-align: right
}

#download-options p {
    margin-top: 3px
}

#download-options a.button {
    font-size: 13px;
    font-weight: bold
}

#download-options h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 3px
}

#download-options img {
    max-width: 100%
}

#cros.ios .content-cros, #linux.ios .content-linux, #mac.ios .content-mac, #win.ios .content-win, #win64.ios .content-win64 {
    display: none
}

.browser-benefits {
    text-align: center
}

.browser-benefits h1 {
    font-size: 3.8em
}

.browser-benefits h2 {
    font-size: 3em;
    margin: 1em 0
}

.browser-benefits .toggle-btn::after {
    background: url('../images/icon-arrow.png') no-repeat;
    content: '';
    float: right;
    height: 9px;
    margin-left: 10px;
    margin-top: 5px;
    width: 14px
}

.browser-benefits section {
    margin: 0 0 120px
}

.browser-benefits section:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden
}

.browser-benefits p {
    margin: 10px 10%
}

.browser-benefits .intro {
    font-size: 1.3em;
    line-height: 1.55
}

.browser-benefits img {
    margin: 50px auto;
    max-width: 100%
}

.browser-benefits img.empty-area {
    margin-bottom: 0
}

.mobile .browser-benefits img.empty-area {
    margin-bottom: 40px
}

.browser-benefits .g-tpl-nest .empty-area {
    margin-top: 0
}

.mobile .browser-benefits img {
    display: block
}

.browser-benefits h2 + img {
    margin-top: 20px
}

.browser-benefits #marquee {
    margin-bottom: 120px;
    margin-top: 0;
    padding-top: 70px;
    text-align: center
}

.browser-benefits #marquee .section-hero {
    display: block;
    max-width: 735px
}

.browser-landing #marquee .section-hero {
    max-width: 899px
}

.browser-landing .browser-benefits .marquee-image img {
    margin: 0 auto
}

.browser-benefits .download-link a {
    background: url('/chrome/assets/common/images/marquee/desktop-icon.png') no-repeat 0 7px;
    color: #999;
    padding: 8px 0 7px 40px
}

.mobile .browser-benefits span.download-link {
    background: url('/chrome/assets/common/images/marquee/desktop-icon.png') no-repeat center 0;
    display: inline-block;
    margin-top: 10px;
    padding: 25px 0 0
}

.mobile .browser-benefits .hide-chrome span.download-link {
    margin-top: 35px
}

.browser-benefits .hide-chrome .download-link a {
    background: url('/chrome/assets/common/images/marquee/mobile-icon.png') no-repeat;
    padding-left: 32px
}

.mobile .browser-benefits .hide-chrome .download-link a {
    background: url('/chrome/assets/common/images/marquee/desktop-icon.png') no-repeat center 0;
    margin-top: 35px;
    padding: 40px 0 0
}

.chrome .browser-benefits .chrome-promo {
    padding-top: 70px
}

.browser-benefits .chrome-promo {
    text-align: left
}

.browser-benefits .chrome-promo p {
    margin: 10px 0 20px;
    width: 100%
}

.browser-benefits .show-options {
    font-size: 14px
}

.browser-thankyou .browser-benefits h2 {
    color: #000;
    font-weight: 300;
    line-height: 1.25
}

.browser-benefits .chrome-promo h2, .browser-benefits .chrome-promo .mobile-apps {
    margin: 0
}

.browser-benefits .chrome-promo .mobile-apps {
    left: 0
}

.browser-benefits .download-button {
    margin: 20px 20px 0
}

.mobile.chrome .browser-benefits .download-button.mobile-only {
    margin-top: 0;
    margin-bottom: 30px
}

.browser-benefits .faster-web {
    margin-top: 65px
}

.mobile .browser-benefits section.faster-web {
    margin-bottom: 50px
}

.mobile .browser-benefits .faster-web p {
    margin-bottom: 40px
}

.browser-mobile-index #marquee .section-hero {
    max-width: 735px
}

.browser-benefits .faster-web .section-hero {
    max-width: 706px
}

.browser-benefits .pick-up .section-hero {
    max-width: 837px
}

.browser-benefits .smarter-web .section-hero {
    max-width: 707px
}

.browser-benefits .make-yours .section-hero {
    max-width: 480px
}

.browser-benefits .get-chrome .section-hero {
    max-width: 448px
}

.browser-mobile-index .get-chrome .section-hero {
    max-width: 535px
}

.browser-benefits .get-chrome .section-hero {
    max-width: 448px
}

.browser-benefits .browse-faster .section-hero {
    max-width: 800px
}

.browser-benefits .experience-best .section-hero {
    max-width: 500px
}

.browser-benefits .save-data .section-hero {
    max-width: 551px
}

.browser-benefits .mobile-apps {
    left: 50%;
    list-style: none;
    margin-left: -87px;
    position: absolute;
    width: 174px
}

.browser-benefits .mobile-apps li {
    background: #fff url('../images/icons-sprite.png') no-repeat;
    background-size: 27px 297px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    padding: 0;
    text-align: left
}

.browser-benefits .mobile-apps li a {
    display: block;
    padding: 22px 10px 22px 50px;
    width: 114px
}

.browser-benefits li.android-app {
    background-position: 15px 17px
}

.browser-benefits li.android-app:hover {
    background-position: 15px -37px
}

.browser-benefits li.ios-app {
    background-position: 15px -90px
}

.browser-benefits li.ios-app:hover {
    background-position: 15px -144px
}

.browser-benefits div.app-expanded {
    margin: 0 auto;
    width: 150px
}

.browser-benefits .app-expanded ul {
    border: 1px solid;
    position: relative
}

.browser-benefits .app-menuitem {
    list-style: none;
    margin: 0;
    padding: 0
}

.browser-benefits a.app-top {
    border-top: 1px solid #000;
    display: block;
    margin: 0;
    padding: 10px 0
}

.browser-benefits .optional-apps {
    display: none;
    position: relative
}

.browser-benefits .browser-promo {
    font-size: 18px
}

.browser-benefits .chrome-promo .browser-promo {
    font-size: 16px
}

.ty-instructions-mac, .ty-instructions-win, .ty-instructions-linux, .ty-instructions-win8 {
    list-style: none;
    margin: 3.5em auto;
    overflow: hidden
}

.ty-instructions-mac li, .ty-instructions-win li, .ty-instructions-linux li, .ty-instructions-win8 li {
    border: 1px solid #ddd;
    float: left;
    margin: 0 5px;
    text-align: center;
    width: 32%
}

.ty-instructions-mac .ss, .ty-instructions-win .ss, .ty-instructions-linux .ss, .ty-instructions-win8 .ss {
    background: #fff url(../images/screenshots/ty-sprite.png) no-repeat;
    height: 120px;
    margin: 20px auto;
    max-width: 100%;
    width: 100%
}

.ty-instructions-mac .ss {
    height: 115px
}

.ty-instructions-mac .ty-dl .ss {
    background-position: 12px 0
}

.ty-instructions-mac .ty-install .ss {
    background-position: -300px 0
}

.ty-instructions-mac .ty-run .ss {
    background-position: -615px 0
}

.ty-instructions-win .ty-dl .ss {
    background-position: 12px -125px
}

.ty-instructions-win .ty-install .ss {
    background-position: -300px -123px
}

.ty-instructions-win .ty-run .ss {
    background-position: -615px -115px
}

.ty-instructions-win8 .ty-dl .ss {
    background-position: 7px -280px
}

.ty-instructions-win8 .ty-install .ss {
    background-position: -308px -280px
}

.ty-instructions-win8 .ty-run .ss {
    background-position: -615px -278px
}

.extra-instructions {
    text-align: center
}

div.browser-welcome .content-mobile, div.browser-welcome .content-desktop {
    display: none
}

html.mobile div.browser-welcome .content-tablet {
    display: block
}

html.mobile div.browser-welcome .content-desktop {
    display: none
}

@media screen and (min-resolution: 1.5dppx), screen and (min-device-pixel-ratio: 1.5), screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2) {
    .browser-benefits .mobile-apps li {
        background-image: url('../images/icons-sprite_2x.png')
    }
}

@media screen and (max-width: 770px) {
    .browser-mobile-index .browser-benefits #marquee .faster-web .g-unit {
        clear: none
    }

    .browser-benefits #marquee {
        padding-top: 35px
    }

    .browser-benefits #marquee h1 {
        font-size: 3.8em
    }

    .browser-landing #marquee .section-hero, .browser-benefits .faster-web .section-hero, .browser-benefits .pick-up .section-hero, .browser-benefits .smarter-web .section-hero, .browser-benefits .make-yours .section-hero, .browser-benefits .browse-faster .section-hero, .browser-mobile-index #marquee .section-hero, .browser-benefits .experience-best .section-hero, .browser-benefits .save-data .section-hero, .browser-benefits .smarter-web .section-hero, .browser-benefits .get-chrome .section-hero, .browser-benefits #marquee .section-hero {
        max-width: 100%
    }
}

@media only screen and (max-device-width: 480px) {
    .browser-benefits #marquee h1 {
        font-size: 3.2em
    }

    .browser-benefits #marquee p:not(.browser-promo) {
        margin-left: 0;
        margin-right: 0
    }

    .browser-benefits section, .browser-benefits section#marquee {
        margin-bottom: 30px
    }

    .browser-benefits section.save-data, .browser-benefits section.make-yours {
        margin-bottom: 20px
    }

    .browser-benefits h2 {
        margin-bottom: .5em;
        font-size: 2.4em
    }
}

@media screen and (max-width: 770px) and (orientation: landscape) {
    .browser-benefits img {
        max-width: 80%
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile .browser-benefits p.separator {
        margin: 10px 15%
    }

    .mobile .browser-benefits .faster-web p {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 700px) and (orientation: portrait) {
    .mobile .browser-benefits p.separator {
        margin: 10px 13%
    }

    .mobile .browser-benefits .faster-web p {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 700px) and (orientation: landscape) {
    .mobile .browser-benefits p.separator {
        margin: 10px 11%
    }

    .mobile .browser-benefits .faster-web p {
        margin-bottom: 40px
    }
}

.goog-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-transition: opacity .218s;
    -moz-transition: opacity .218s;
    -o-transition: opacity .218s;
    transition: opacity .218s;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: default;
    font-size: 13px;
    margin: 0;
    outline: none;
    padding: 6px 0;
    position: absolute
}

.goog-inline-block {
    position: relative;
    display: -moz-inline-box;
    display: inline-block
}

* html .goog-inline-block {
    display: inline
}

*:first-child + html .goog-inline-block {
    display: inline
}

.goog-flat-menu-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dcdcdc;
    color: #444;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    line-height: 27px;
    list-style: none;
    margin: 0 2px;
    min-width: 46px;
    outline: none;
    padding: 0 18px 0 6px;
    text-align: center;
    text-decoration: none
}

.goog-flat-menu-button-disabled {
    background-color: #fff;
    border-color: #f3f3f3;
    color: #b8b8b8
}

.goog-flat-menu-button.goog-flat-menu-button-hover {
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-color: #c6c6c6;
    color: #333
}

.goog-flat-menu-button.goog-flat-menu-button-focused {
    border-color: #4d90fe
}

.goog-flat-menu-button.goog-flat-menu-button-open, .goog-flat-menu-button.goog-flat-menu-button-active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
    background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
    background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
    background-image: -o-linear-gradient(top, #eee, #e0e0e0);
    background-image: linear-gradient(top, #eee, #e0e0e0);
    border: 1px solid #ccc;
    color: #333;
    z-index: 2
}

.goog-flat-menu-button-caption {
    vertical-align: top;
    white-space: nowrap
}

.goog-flat-menu-button-dropdown {
    border-color: #777 transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    width: 0;
    position: absolute;
    right: 5px;
    top: 12px
}

.goog-flat-menu-button .goog-flat-menu-button-img {
    margin-top: -3px;
    opacity: .55;
    vertical-align: middle
}

.goog-flat-menu-button-active .goog-flat-menu-button-img, .goog-flat-menu-button-open .goog-flat-menu-button-img, .goog-flat-menu-button-selected .goog-flat-menu-button-img, .goog-flat-menu-button-hover .goog-flat-menu-button-img {
    opacity: .9
}

.goog-flat-menu-button-active .goog-flat-menu-button-dropdown, .goog-flat-menu-button-open .goog-flat-menu-button-dropdown, .goog-flat-menu-button-selected .goog-flat-menu-button-dropdown, .goog-flat-menu-button-hover .goog-flat-menu-button-dropdown {
    border-color: #595959 transparent
}

.goog-flat-menu-button-left, .goog-flat-menu-button-right {
    z-index: 1
}

.goog-flat-menu-button-left.goog-flat-menu-button-disabled {
    z-index: 0
}

.goog-flat-menu-button-right:focus, .goog-flat-menu-button-hover.goog-flat-menu-button-collapse-right {
    z-index: 2
}

.goog-flat-menu-button-left:focus, .goog-flat-menu-button-hover.goog-flat-menu-button-collapse-left {
    z-index: 2
}

.goog-flat-menu-button-collapse-left {
    margin-left: -1px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-width: 0;
    padding-left: 0;
    vertical-align: top
}

.goog-flat-menu-button-collapse-right {
    margin-right: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem {
    position: relative;
    color: #333;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 6px 8em 6px 30px;
    white-space: nowrap
}

.goog-menu-nocheckbox .goog-menuitem, .goog-menu-noicon .goog-menuitem {
    padding-left: 16px;
    vertical-align: middle
}

.goog-menu-noaccel .goog-menuitem {
    padding-right: 44px
}

.goog-menuitem-disabled {
    cursor: default
}

.goog-menuitem-disabled .goog-menuitem-accel, .goog-menuitem-disabled .goog-menuitem-content {
    color: #ccc !important
}

.goog-menuitem-disabled .goog-menuitem-icon {
    filter: alpha(opacity=30);
    opacity: .3
}

.goog-menuitem-highlight, .goog-menuitem-hover {
    background-color: #eee;
    border-color: #eee;
    border-style: dotted;
    border-width: 1px 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.goog-menuitem-highlight .goog-menuitem-content, .goog-menuitem-hover .goog-menuitem-content {
    color: #333
}

.goog-menuitem-checkbox, .goog-menuitem-icon {
    background-repeat: no-repeat;
    height: 21px;
    left: 3px;
    position: absolute;
    right: auto;
    top: 3px;
    vertical-align: middle;
    width: 21px
}

.goog-option-selected {
    background-image: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png);
    background-repeat: no-repeat;
    background-position: left center
}

.goog-option-selected .goog-menuitem-content {
    color: #333
}

.goog-menuitem-accel {
    color: #777;
    direction: ltr;
    left: auto;
    padding: 0 6px;
    position: absolute;
    right: 0;
    text-align: right
}

.goog-menuitem-mnemonic-hint {
    text-decoration: underline
}

.goog-menuitem-mnemonic-separator {
    color: #777;
    font-size: 12px;
    padding-left: 4px
}

.goog-menuseparator {
    border-top: 1px solid #ebebeb;
    margin-top: 6px;
    margin-bottom: 6px
}

.jfk-select .goog-flat-menu-button-caption {
    overflow: hidden;
    width: 100%
}

.jfk-select .goog-flat-menu-button-dropdown {
    background: url(//ssl.gstatic.com/ui/v1/disclosure/grey-disclosure-arrow-up-down.png) center no-repeat;
    border: none;
    height: 11px;
    margin-top: -4px;
    width: 7px
}

@require 'jfk.button.defs'; @require 'jfk.gss.mixin'; .jfk-button-default {
                                                          -webkit-box-shadow: none;
                                                          -moz-box-shadow: none;
                                                          box-shadow: none;
                                                          background-color: #3d9400;
                                                          background-image: -webkit-linear-gradient(top, #3d9400, #398a00);
                                                          background-image: -moz-linear-gradient(top, #3d9400, #398a00);
                                                          background-image: -ms-linear-gradient(top, #3d9400, #398a00);
                                                          background-image: -o-linear-gradient(top, #3d9400, #398a00);
                                                          background-image: linear-gradient(top, #3d9400, #398a00);
                                                          border: 1px solid #29691d;
                                                          color: #fff;
                                                          text-shadow: 0 1px rgba(0, 0, 0, .1)
                                                      }

.jfk-button-default.jfk-button-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #368200;
    background-image: -webkit-linear-gradient(top, #3d9400, #368200);
    background-image: -moz-linear-gradient(top, #3d9400, #368200);
    background-image: -ms-linear-gradient(top, #3d9400, #368200);
    background-image: -o-linear-gradient(top, #3d9400, #368200);
    background-image: linear-gradient(top, #3d9400, #368200);
    border: 1px solid #2d6200;
    border-bottom: 1px solid #2d6200;
    text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.jfk-button-default:focus {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border: 1px solid #fff;
    border: rgba(0, 0, 0, 0) solid 1px;
    outline: 1px solid #3d9400;
    outline: rgba(0, 0, 0, 0) 0
}

.jfk-button-default.jfk-button-clear-outline {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none
}

.jfk-button-default:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background: #368200;
    border: 1px solid #2d6200;
    border-top: 1px solid #2d6200
}

.jfk-button-default.jfk-button-disabled {
    background: #3d9400;
    filter: alpha(opacity=50);
    opacity: .5
}

@provide 'jfk.button.flatButton'; @require 'jfk.button.baseButton'; @require 'jfk.button.defs'; @require 'jfk.gss.mixin'; .jfk-button-flat {
                                                                                                                              -webkit-border-radius: 0;
                                                                                                                              -moz-border-radius: 0;
                                                                                                                              border-radius: 0;
                                                                                                                              border: 1px solid transparent;
                                                                                                                              font-size: 13px;
                                                                                                                              font-weight: normal;
                                                                                                                              height: 21px;
                                                                                                                              line-height: 21px;
                                                                                                                              margin-right: 1px;
                                                                                                                              min-width: 0;
                                                                                                                              padding: 0
                                                                                                                          }

.jfk-button-flat.jfk-button-hover, .jfk-button-flat.jfk-button-selected, .jfk-button-flat:focus, .jfk-button-flat:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.jfk-button-flat .jfk-button-img {
    height: 21px;
    opacity: .55;
    width: 21px
}

.jfk-button-flat .jfk-button-label {
    display: inline-block;
    margin: 0;
    padding: 0 1px
}

.jfk-button-flat.jfk-button-selected .jfk-button-img, .jfk-button-flat.jfk-button-hover .jfk-button-img {
    opacity: .9
}

.jfk-button-flat.jfk-button-disabled .jfk-button-img {
    filter: alpha(opacity=33);
    opacity: .333
}

.jfk-button-flat:focus {
    border: 1px solid #4d90fe
}

.jfk-button-flat.jfk-button-clear-outline {
    border: 1px solid transparent
}

@provide 'jfk.button.primaryButton'; @require 'jfk.button.baseButton'; @require 'jfk.button.defs'; @require 'jfk.gss.mixin'; .jfk-button-primary {
                                                                                                                                 -webkit-box-shadow: none;
                                                                                                                                 -moz-box-shadow: none;
                                                                                                                                 box-shadow: none;
                                                                                                                                 background-color: #d14836;
                                                                                                                                 background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
                                                                                                                                 background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
                                                                                                                                 background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
                                                                                                                                 background-image: -o-linear-gradient(top, #dd4b39, #d14836);
                                                                                                                                 background-image: linear-gradient(top, #dd4b39, #d14836);
                                                                                                                                 border: 1px solid transparent;
                                                                                                                                 color: #fff;
                                                                                                                                 text-shadow: 0 1px rgba(0, 0, 0, .1);
                                                                                                                                 text-transform: uppercase
                                                                                                                             }

.jfk-button-primary.jfk-button-hover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    background-color: #c53727;
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
    background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
    background-image: -ms-linear-gradient(top, #dd4b39, #c53727);
    background-image: -o-linear-gradient(top, #dd4b39, #c53727);
    background-image: linear-gradient(top, #dd4b39, #c53727);
    border: 1px solid #b0281a;
    border-bottom-color: #af301f
}

.jfk-button-primary:focus {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    border: 1px solid #fff;
    border: rgba(0, 0, 0, 0) solid 1px;
    outline: 1px solid #d14836;
    outline: rgba(0, 0, 0, 0) 0
}

.jfk-button-primary.jfk-button-clear-outline {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none
}

.jfk-button-primary:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #b0281a;
    background-image: -webkit-linear-gradient(top, #dd4b39, #b0281a);
    background-image: -moz-linear-gradient(top, #dd4b39, #b0281a);
    background-image: -ms-linear-gradient(top, #dd4b39, #b0281a);
    background-image: -o-linear-gradient(top, #dd4b39, #b0281a);
    background-image: linear-gradient(top, #dd4b39, #b0281a);
    border: 1px solid #992a1b;
    border-top: 1px solid #992a1b
}

.jfk-button-primary.jfk-button-disabled {
    background: #d14836;
    filter: alpha(opacity=50);
    opacity: .5
}

@provide 'jfk.button.standardButton'; @require 'jfk.button.baseButton'; @require 'jfk.button.defs'; @require 'jfk.gss.mixin'; .jfk-button-standard {
                                                                                                                                  -webkit-box-shadow: none;
                                                                                                                                  -moz-box-shadow: none;
                                                                                                                                  box-shadow: none;
                                                                                                                                  background-color: #f5f5f5;
                                                                                                                                  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
                                                                                                                                  background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
                                                                                                                                  background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
                                                                                                                                  background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
                                                                                                                                  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
                                                                                                                                  color: #444;
                                                                                                                                  border: 1px solid #dcdcdc;
                                                                                                                                  border: 1px solid rgba(0, 0, 0, .1)
                                                                                                                              }

.jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #c6c6c6;
    color: #333
}

.jfk-button-standard:active, .jfk-button-standard.jfk-button-hover:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background: #f8f8f8;
    color: #333
}

.jfk-button-standard.jfk-button-selected, .jfk-button-standard.jfk-button-clear-outline.jfk-button-selected {
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #ccc;
    color: #333
}

.jfk-button-standard.jfk-button-checked, .jfk-button-standard.jfk-button-clear-outline.jfk-button-checked {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
    background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
    background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
    background-image: -o-linear-gradient(top, #eee, #e0e0e0);
    background-image: linear-gradient(top, #eee, #e0e0e0);
    border: 1px solid #ccc;
    color: #333
}

.jfk-button-standard:focus {
    border: 1px solid #4d90fe;
    outline: none
}

.jfk-button-standard.jfk-button-clear-outline {
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, .1);
    outline: none
}

.jfk-button-standard.jfk-button-disabled {
    background: #fff;
    border: 1px solid #f3f3f3;
    border: 1px solid rgba(0, 0, 0, .05);
    color: #b8b8b8
}

.jfk-button-standard .jfk-button-img {
    opacity: .55
}

.jfk-button-standard.jfk-button-checked .jfk-button-img, .jfk-button-standard.jfk-button-selected .jfk-button-img, .jfk-button-standard.jfk-button-hover .jfk-button-img {
    opacity: .9
}

.jfk-button-standard.jfk-button-disabled .jfk-button-img {
    filter: alpha(opacity=33);
    opacity: .333
}

@provide 'jfk.button.baseButton'; @require 'jfk.button.defs'; @require 'jfk.gss.mixin'; .jfk-button {
                                                                                            -webkit-border-radius: 2px;
                                                                                            -moz-border-radius: 2px;
                                                                                            border-radius: 2px;
                                                                                            cursor: default;
                                                                                            font-size: 11px;
                                                                                            font-weight: bold;
                                                                                            text-align: center;
                                                                                            white-space: nowrap;
                                                                                            margin-right: 16px;
                                                                                            height: 27px;
                                                                                            line-height: 27px;
                                                                                            min-width: 54px;
                                                                                            outline: 0;
                                                                                            padding: 0 8px
                                                                                        }

.jfk-button-hover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.jfk-button-selected {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.jfk-button .jfk-button-img {
    margin-top: -3px;
    vertical-align: middle
}

.jfk-button-label {
    margin-left: 5px
}

.jfk-button-narrow {
    min-width: 34px;
    padding: 0
}

.jfk-button-collapse-left, .jfk-button-collapse-right {
    z-index: 1
}

.jfk-button-collapse-left.jfk-button-disabled {
    z-index: 0
}

.jfk-button-checked.jfk-button-collapse-left, .jfk-button-checked.jfk-button-collapse-right {
    z-index: 2
}

.jfk-button-collapse-left:focus, .jfk-button-collapse-right:focus, .jfk-button-hover.jfk-button-collapse-left, .jfk-button-hover.jfk-button-collapse-right {
    z-index: 3
}

.jfk-button-collapse-left {
    margin-left: -1px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.jfk-button-collapse-right {
    margin-right: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jfk-button.jfk-button-disabled:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.goog-menu {
    z-index: 3
}

#archive-selector {
    float: right
}

#main.browser-privacy-wp, #main.browser-privacy {
    color: #000
}

span.monospace {
    font-family: monospace
}

span.underline {
    text-decoration: underline
}

span.highlight {
    font-weight: bold
}

article {
    margin: 20px 0
}

.browser-privacy blockquote {
    margin: 10px 0;
    display: inline-block;
    border-left: 5px solid #d1d1d1;
    padding-left: 10px
}

.browser-privacy blockquote p {
    padding: 0;
    margin: 0
}

.browser-privacy-wp, .browser-privacy {
    font-family: Arial, Helvetica, sans-serif !important
}

.browser-privacy-wp p {
    margin: 1em 0
}

.browser-privacy h2, .browser-privacy-wp h2 {
    font-size: 1.4em;
    color: #888
}

.browser-privacy-wp h3 {
    font-size: 2em
}

.browser-privacy-wp ul {
    margin: auto;
    padding: 0 3em;
    list-style: decimal
}

.browser-privacy-wp img {
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888
}

.anchor-nav {
    list-style: none;
    margin: 20px 0 !important;
    padding: 0 !important
}

.anchor-nav li {
    display: inline
}

.anchor-nav li:after {
    content: ' | '
}

.anchor-nav li:last-child:after {
    content: ''
}

.anchor-nav a {
    white-space: nowrap
}

.browser-privacy h1, .browser-privacy-wp h1, .browser-privacy h2, .browser-privacy-wp h2 {
    padding: .5em 0 0;
    margin: 0
}

.browser-privacy h2 {
    font-size: 1.2em
}

.browser-privacy h3, .browser-privacy-wp h3 {
    margin: 1.5em 0 .5em;
    border-top: 1px solid #ddd;
    padding-top: 1.5em;
    font-size: 1.5em
}

.browser-privacy .masthead {
    margin: 1em 0
}

.browser-privacy p {
    padding: .5em 0;
    margin: 0
}

.browser-privacy ul {
    padding-left: 2.5em
}

.browser-privacy li {
    padding: .5em 0
}

.browser-privacy .address {
    margin: 0 1em 1em 0;
    border-left: 4px solid #ddd;
    padding-left: 1em
}

.browser-privacy .address p {
    padding: 0;
    margin: 0
}

.browser-privacy a, .browser-privacy-wp a {
    color: #245dc1;
    font-weight: normal
}

.browser-privacy a:hover, .browser-privacy-wp a:hover {
    text-decoration: underline
}

.browser-eula h2 {
    font-size: 1.2em
}

.marquee-divider {
    border-bottom: 1px solid #dbdbdb
}

.webstore-features .marquee-image {
    float: right
}

html[dir=rtl] .webstore-features .marquee-image {
    float: none
}

.webstore-extensions .marquee-image {
    min-height: 300px
}

.webstore-extensions #marquee.marquee-stacked .marquee-copy p {
    width: 90%
}

.webstore-extensions .button {
    margin: 20px 0 0 0
}

.feature {
    margin: 50px 0
}

.feature .g-content-inner {
    display: table-cell;
    height: 300px;
    vertical-align: middle
}

.feature .g-unit img {
    margin: 0 0 0 5%
}

.feature .g-first img {
    margin: 0 0 0 -2.5%
}

.webstore-themes .promos img {
    float: left;
    margin: 1em 1em 1em 0
}

#recommended-apps h3 {
    font: 400 1.4em/20pt 'Open Sans', arial, sans-serif;
    color: #777
}

* html .g-content {
    margin-right: 5px
}

* + html .g-content {
    margin-right: 10px
}

* html .g-col-2 {
    width: 16.54% !important
}

* + html .g-col-2 {
    width: 16.54% !important
}

* html #nav li * {
    float: left !important;
    position: relative;
    zoom: 1
}

* html #nav li span {
    display: inline
}

* html .promo-nav .g-content {
    height: 320px
}

* html .events .promo-nav .g-content {
    height: 180px
}

* html .g-col-3-3-3-3 .g-unit {
    width: 24.89%
}

* + html .g-col-3-3-3-3 .g-unit {
    width: 24.89%
}

* + html #mdn li {
    display: inline
}

* html #nav li li a {
    text-align: center
}

* html #header {
    z-index: 1000
}

* + html #header {
    z-index: 1000
}

* html #main {
    z-index: -1
}

* + html #main {
    z-index: -1
}

* html .boxicons span {
    left: 0
}

* + html .boxicons span {
    left: 0
}

* html .compact {
    border-left: 26px #fff solid;
    border-right: 26px #fff solid;
    width: 928px
}

* html #nav li ul {
    width: 200px
}

* html #mdn {
    margin-left: auto;
    margin-right: auto;
    width: 928px
}

* html #mdn * {
    float: left
}

* + html .marquee-copy h1 {
    white-space: inherit
}

* html .boxicons .g-unit {
    margin: 0 10px 0 0 !important
}

* + html .boxicons .g-unit {
    margin: 0 10px 0 0 !important
}

* + html #retailer-list li {
    float: left;
    margin: 1em 10px;
    width: 45%
}

* html .device-img img {
    width: 530px
}

* html .hotspot {
    display: none
}

* html #chromebook-hd h2 {
    margin-left: 0
}

* html .device-gallery img {
    width: 200px
}

* html .retailer-list li {
    display: inline
}

* html .video-frame {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

* + html .video-frame {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

* html .features-more-copy {
    top: 30px !important;
    width: 300% !important
}

* + html .features-more-copy {
    top: 30px !important;
    width: 300% !important
}

* + html #chromebook-shorts #clips {
    position: absolute;
    width: 290px
}

* + html #chromebook-shorts p {
    margin: .3em 0;
    width: 134px
}

* + html #chromebook-shorts h3 {
    width: 134px
}

* html #youtube-embed {
    height: 330px
}

* html #chromebook-shorts #clips {
    position: absolute;
    width: 290px
}

* html #chromebook-shorts p {
    margin: .3em 0;
    width: 134px
}

* html #chromebook-shorts h3 {
    width: 134px
}

* html .hotspot-left .info {
    margin: -110px 0 0 -245px
}

* + html .hotspot-left .info {
    margin: -110px 0 0 -245px
}

* html #chromebook-portability img, * html #chromebook-hd img, * html .video-holder img {
    width: 100%
}

.gweb-pagination-fading .gweb-pagination-page {
    width: 100%
}

@media screen and (min-width: 990px) {
    .js .apps .tooltip-content, .js .sync .tooltip-content {
        margin-left: auto
    }

    .js .apps .tooltip-above, .js .sync .tooltip-below {
        left: 82px
    }
}

@media screen and (max-width: 920px) {
    .chromeos-device {
        background: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 463px, rgba(220, 220, 220, .3) 522px, rgba(255, 256, 255, .5) 560px);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 463px, rgba(220, 220, 220, .3) 522px, rgba(255, 256, 255, .5) 560px);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 463px, rgba(220, 220, 220, .3) 522px, rgba(255, 256, 255, .5) 560px);
        background: -o-linear-gradient(top, rgba(255, 255, 255, .5) 463px, rgba(220, 220, 220, .3) 522px, rgba(255, 256, 255, .5) 560px);
        background: linear-gradient(top, rgba(255, 255, 255, .5) 463px, rgba(220, 220, 220, .3) 522px, rgba(255, 256, 255, .5) 560px)
    }
}

@media screen and (max-width: 890px) {
    .spec-lines, .spec-label, .specdiag {
        display: none
    }

    .chromeos-device #marquee {
        height: 500px
    }

    .builtin-tab .h3 {
        font-size: 1.4em
    }

    .g-tpl-nest .standalone-nav {
        width: 90%
    }
}

@media screen and (max-width: 770px) {
    body {
        -webkit-text-size-adjust: none
    }

    h1 {
        font-size: 2.7em;
        line-height: 1.1em;
        margin: 0 0 .2em
    }

    .browser-mobile-ios .feat1-copy h2 {
        margin: 0
    }

    .browser-mobile-ios .feat1-copy p {
        margin-bottom: 20px
    }

    h2, .h2 {
        font-size: 1.9em;
        margin: 1em 0 .5em
    }

    h3, .h3 {
        font-size: 1.5em
    }

    .g-content {
        margin-right: 0
    }

    .compact {
        border-left: 10px transparent solid;
        border-right: 10px transparent solid
    }

    .no-collapse .g-unit {
        float: left !important
    }

    .g-tpl-nest-alt.no-collapse .g-unit {
        float: right !important
    }

    #header {
        height: auto !important;
        margin: 0 0 1em;
        min-height: 85px;
        z-index: 1
    }

    #nav {
        height: 0;
        margin: -2em 0 0;
        min-height: 25px;
        position: relative;
        right: auto
    }

    #nav .g-unit {
        display: none
    }

    #nav .current {
        display: block !important;
        text-align: right
    }

    #nav li, #nav li a {
        background: transparent;
        height: auto !important;
        overflow: visible
    }

    #nav .current {
        display: block !important;
        text-align: right
    }

    #nav .current > a {
        display: inline
    }

    #nav li a {
        border: 0 !important
    }

    #nav li li {
        min-width: 20%;
        padding: 3px 0;
        width: auto
    }

    #nav li span {
        border-top: 0;
        margin: 0
    }

    #nav li.current span {
        border-bottom: 4px solid #39C;
        height: 25px;
        padding: 0 1em 0 0
    }

    #nav li ul {
        position: relative;
        top: 0 !important
    }

    #footer {
        padding: 20px 0
    }

    #footer .g-tpl-50-50 .g-unit {
        margin-bottom: 10px
    }

    #footer h4 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #footer ul {
        border-bottom: 1px solid #ddd;
        margin: 0 0 1.5em;
        padding: 0 0 1em
    }

    #footer a {
        color: #0370EA;
        font-size: 1.1em;
        line-height: 2em
    }

    #locale-switcher {
        display: block;
        float: none;
        margin: 15px 0;
        padding: 0;
        text-align: center
    }

    #sub-footer .g-first p {
        margin-left: 10px
    }

    #g-plus-badge, #___plusone_0 {
        float: left !important;
        margin: 0 10px
    }

    #marquee .g-unit {
        float: left !important
    }

    .marquee-copy .g-content {
        height: auto !important;
        padding: 40px 0
    }

    #marquee h1 {
        font-size: 2.2em;
        line-height: 1.1em;
        margin: 0 0 .2em;
        white-space: normal
    }

    .marquee-image {
        min-height: 100px
    }

    .marquee-image img {
        float: none;
        width: 100%
    }

    #marquee {
        margin: 15px auto
    }

    .marquee-stacked .marquee-image {
        min-height: 125px
    }

    #marquee.marquee-stacked .marquee-copy p {
        width: 80% !important
    }

    .devices-buynow #marquee {
        margin: 25px auto;
        width: 93%
    }

    .devices-buynow .marquee-image {
        min-height: 100px
    }

    .cb-features .marquee-copy .g-content {
        padding: 0
    }

    .cb-features .marquee-overlay .marquee-copy {
        margin-top: 0
    }

    #marquee-webstore .marquee-copy .g-content {
        padding: 10px 0
    }

    #marquee-webstore .marquee-image {
        float: right;
        width: 70%
    }

    #mdn a {
        padding: 0 15px
    }

    .promo-nav {
        margin-bottom: 10px
    }

    .promo-nav h2 {
        line-height: 1.4em
    }

    .promo-nav .g-content {
        border-width: 0 0 1px 0;
        padding: 25px 0;
        min-height: 1px
    }

    .promo-nav-image {
        height: auto;
        max-width: 200px;
        float: right
    }

    #eula-dialog {
        padding: 20px;
        width: 80%
    }

    .boxicons span, .js .boxicons span {
        bottom: auto;
        display: block;
        font-size: 1.5em;
        position: relative;
        text-align: left;
        width: 100%
    }

    .app-button, .boxicons .g-unit, .js .boxicons .g-unit {
        display: inline-block !important;
        height: auto !important;
        margin: 0 0 10px 0 !important;
        padding: 10px 10px 10px 50px;
        width: auto !important
    }

    .boxicons .tooltip-icon {
        float: left;
        margin-left: -68px;
        width: 58px !important
    }

    .app-button:hover {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tooltip-content, .js .tooltip-content {
        background: transparent;
        border: 0;
        display: inline-block !important;
        left: 0 !important;
        margin-left: 0 !important;
        padding: 5px 5px 5px 0;
        position: relative;
        top: 0 !important;
        width: auto !important
    }

    .tooltip-button:hover {
        -moz-box-shadow: 0 0 0 0 #fff;
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff
    }

    .featured-apps span, .app-button span {
        display: block;
        margin: 0 0 .5em
    }

    .tooltip-content span, .js .tooltip-content span {
        display: none
    }

    .featured-apps li, .js .featured-apps li {
        background: none;
        border-width: 0 0 1px;
        font-size: 1.1em;
        height: auto;
        text-align: left;
        width: 100% !important
    }

    .featured-apps .app-button {
        font-size: 1.1em
    }

    .featured-apps .tooltip-content, .app-button .tooltip-content {
        display: inline !important;
        position: relative !important
    }

    .featured-apps img, .app-button img {
        display: inline;
        float: right !important;
        margin: 0;
        padding: 0 1em 1em
    }

    .cb-features .marquee-image {
        float: right;
        min-height: 100px;
        width: 70%
    }

    #chromebook-portability img {
        float: none;
        padding: 0
    }

    #chromebook-portability .feature-info {
        position: relative;
        top: -10px
    }

    #chromebook-hd h2 {
        margin-left: 0
    }

    .learn-more {
        float: none;
        position: static;
        max-width: 100%
    }

    .browser-welcome .mobile-promo {
        background: none;
        margin: 30px 0;
        position: static;
        width: 95%
    }

    .browser-welcome .mobile-promo div {
        margin: 0 auto;
        position: static;
        text-align: center;
        width: 90%
    }

    .browser-welcome .tooltip-content {
        box-shadow: none;
        max-width: 80%;
        text-align: left
    }

    .js .tooltip-content {
        float: left;
        left: 50px !important
    }

    .g-tabs > ul.g-tpl-nest {
        display: none;
        margin: 0 0 .5em
    }

    .g-tab a {
        border: 0;
        display: inline
    }

    .g-tab span {
        display: none
    }

    .g-tab-contents {
        min-height: 100px;
        overflow: visible
    }

    .g-tab-content {
        border-top: 0;
        height: auto;
        min-height: 100px;
        margin: 10px 0
    }

    .g-tab-content.g-tab-content-hidden {
        display: block;
        height: auto;
        position: relative !important;
        width: 100% !important;
        z-index: 1
    }

    .g-tab-content .g-content, #tabbed-widget .g-content {
        left: auto;
        padding: 0 1em 1em;
        position: relative;
        top: auto;
        right: auto;
        width: auto
    }

    .chromeos-device .g-tab-content .g-content {
        padding: 0
    }

    .cb-features .g-tab-content .g-content {
        padding: 0 10px 20px
    }

    .js .devices-explore .featured-apps li, .devices-explore .featured-apps li {
        background: none
    }

    #youtube-embed {
        min-height: 350px
    }

    #chromebook-shorts #clips {
        height: auto;
        overflow: visible;
        padding: 0
    }

    #clips .g-unit {
        float: left !important
    }

    #clips .g-unit.g-first {
        width: 140px
    }

    #chromebook-shorts li span {
        width: 95%
    }

    #screenshot-carousel li {
        width: auto
    }

    .inline-icon p {
        margin-left: 0
    }

    .js .tab-title {
        display: block
    }

    .hotspot {
        display: block;
        position: relative !important;
        float: left;
        left: auto !important;
        margin: 0 3% 8px 0;
        top: auto !important;
        width: 30%
    }

    .hotspot .info {
        display: block;
        position: relative;
        margin: 0 0 10px !important;
        min-height: 195px;
        width: 90%
    }

    .hotspot span {
        display: none !important
    }

    #box-overview-intro .g-first {
        position: relative;
        top: auto
    }

    #specs_content {
        margin: 0
    }

    #box-front-view, #box-rear-view {
        background: none !important;
        position: relative
    }

    .spec-labels {
        height: auto
    }

    .spec-labels li {
        display: block;
        left: auto !important;
        padding: 5px;
        position: relative;
        right: auto !important;
        top: auto !important;
        width: auto !important
    }

    .devices-support .marquee-copy {
        position: relative;
        margin-top: 0
    }

    .video-holder {
        display: block !important
    }

    .tablist li {
        padding: 5px 0
    }

    .promo-list .tooltip-content {
        font-size: .85em;
        max-width: 480px
    }

    .promo-list .tooltip-button {
        vertical-align: inherit
    }

    .promo-list .tooltip-button span {
        display: none
    }

    .promo-list li > span {
        display: block
    }

    .js #tabbed-widget-nav {
        display: none
    }

    #device-nav-footer, #chromebook-nav-footer {
        display: block
    }

    #cloud-promos img {
        clear: left;
        float: left
    }

    #map-canvas {
        width: 100%
    }

    #store-list {
        height: auto
    }

    #map-search {
        border: 0;
        height: auto;
        padding: 0
    }

    .browser-features .promos .g-content {
        min-height: 100px
    }

    .promos .personalize, .promos .signin, .promos .privacy {
        border-top: 1px solid #ccc;
        padding: 0 0 10px
    }

    .browser-features .marquee-sbs .marquee-copy {
        top: auto;
        width: auto
    }

    .browser-features .marquee-sbs .marquee-image {
        position: relative
    }

    .features-more-copy, .js .features-more-copy {
        left: auto !important;
        min-width: 300px;
        padding: .5em;
        width: 100% !important
    }

    .browser-features .promos .twocols, .twocols .g-unit, .features-more-copy .g-content {
        float: none;
        width: 100% !important
    }

    .features-more .arrow-up {
        display: none !important
    }

    .browser-pin {
        left: auto !important;
        margin: 20px auto;
        position: relative;
        right: auto;
        top: auto !important;
        width: 80%
    }

    .browser-landing .tooltip-content {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 70%;
        max-width: 70%
    }

    #goog-play-control {
        display: block !important;
        max-width: 640px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    #toggle-playlist {
        display: none
    }

    #marquee-list {
        left: 0 !important;
        max-height: 1000px;
        width: auto
    }

    #marquee-list li {
        display: inline-block;
        width: 100%
    }

    .thumbnail-copy {
        float: left;
        margin-left: 110px
    }

    #marquee-list li > div p {
        font-size: 1em !important;
        line-height: 1.3
    }

    .collapsed #marquee-list, .collapsed #marquee-list li {
        right: 0 !important
    }

    .browser-mobile .galaxy-product, .browser-mobile .featimg-familliar {
        float: none
    }

    .features-row .g-content {
        min-height: 0
    }

    .signin-menu {
        width: auto
    }

    .video-frame-origin {
        width: 99% !important
    }

    .feature .g-content-inner {
        height: auto
    }

    .feature .g-first img, .feature .g-unit img {
        margin: 0 auto
    }

    .webstore-themes .promos img {
        margin: 1em 0 0
    }

    .tab-pad .back {
        background: #fff;
        border-top: 0;
        border-bottom: 1px solid #f1f1f1;
        height: auto;
        width: 100%
    }

    .tab-pad .back a {
        visibility: visible
    }

    #home_content .g-content {
        padding: 0 1em
    }

    .devices .marquee-copy .g-content {
        height: auto;
        min-height: 1px
    }

    .overview-spec-list {
        padding: 0 1em 5px
    }

    .chromeos-device {
        background: none
    }

    .chromeos-device #marquee {
        height: auto;
        margin: 25px 0
    }

    .chromeos-device .g-tab-contents .back {
        display: block
    }

    #device-selector .g-tab-content-hidden {
        opacity: 1
    }

    #device-selector .g-tab-content {
        border-bottom: 1px solid #eee;
        margin: 2em 0;
        padding: 1em 0 2em
    }

    .promo-list li {
        padding: .15em 0
    }

    #device-selector-nav .g-first {
        display: none
    }

    #device-selector-nav .g-col-10 {
        width: 100%
    }

    .chromeos-device #device-selector-nav {
        display: block
    }

    #device-selector-nav .g-tab a {
        display: inline-block
    }

    .device-selector-img {
        opacity: 1 !important;
        padding: 0
    }

    .g-tpl-nest .standalone-nav {
        max-width: 100%;
        width: auto
    }

    #home-content .g-content {
        padding: 0
    }

    #ss-cb-feature-1 .feature-text, #hp-pav-feature-2 .feature-text {
        position: relative;
        right: inherit;
        top: inherit;
        width: auto !important
    }

    #ss-cb-feature-1 .g-content, #ss-cb-feature-3 .g-content {
        padding: 0
    }

    #ss-cb-feature-1 .g-col-9, #ss-cb-feature-3 .respond {
        display: none
    }

    .ss-cb #specs_content img {
        padding-bottom: 10px
    }

    #ss-s550-feature-1 img {
        float: none;
        padding: 0
    }

    #ss-s550-feature-1 .feature-text {
        position: relative;
        top: -10px
    }

    #ss-s550-feature-1 .g-col-5 {
        width: 100% !important
    }

    .builtin-tabs {
        display: none
    }

    .builtin-tab-content {
        display: block !important
    }

    .builtin-tab-content .g-content {
        margin-bottom: 2em
    }

    .builtin-tab-content h3 {
        font-size: 1.5em
    }

    .built-in-time .h3 {
        font-size: 1.3em
    }

    #tabbed-widget .g-content {
        margin: -8% 2% 1em
    }

    #tab6_content .g-content {
        margin: 2em 5% 1em 5%;
        padding: 1em 0 0
    }

    #tab6_content img {
        display: none
    }

    #offline-apps {
        float: none;
        margin: 0 2% 5%;
        position: relative;
        top: auto;
        width: auto
    }

    #offline-apps .app {
        border-width: 20px 5px;
        height: 120px;
        overflow: inherit;
        width: 72%
    }

    #offline-apps .app:hover .desc, #offline-apps .app:hover .icon {
        margin-top: 0
    }

    #offline_content img {
        display: none
    }

    #offline_content .g-content {
        margin: 0 2%
    }

    #offline-apps .icon, #offline-apps .desc {
        margin-top: 0;
        -moz-transition: none;
        -webkit-transition: none;
        transition: none
    }

    .fixed-feature-container .feature-text {
        position: relative
    }

    #devices-feature-sharing .feature-text {
        top: 0
    }

    #devices-feature-sharing .g-col-4 {
        width: auto !important
    }

    #devices-feature-sharing .respond {
        width: 50%
    }

    .chromeos-device #specs_content, .device-gallery {
        margin: 0
    }

    #chromebook-promo-nav .g-content {
        background-position: bottom right;
        padding: 15px 350px 25px 5%
    }

    .retailer-link {
        padding: 0
    }

    #check-availablity {
        padding: .5em 0;
        position: relative;
        text-align: left
    }

    #online-content {
        width: auto
    }

    .buynow-dropdown {
        padding: 0;
        text-align: left
    }
}

@media screen and (max-width: 600px) {
    .device-content .g-col-7 {
        width: 44.996%
    }

    .device-content .g-col-5 {
        width: 54.996%
    }

    #nav li li {
        padding: 0 .5em
    }
}

@media screen and (max-width: 532px) {
    #device-selector .no-collapse .g-unit {
        float: none !important
    }

    .device-content {
        min-height: inherit
    }

    #home-content .marquee-image {
        display: none
    }

    #device-selector-nav {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #footer ul {
        white-space: normal
    }

    #footer #chrome-footer-global {
        margin: 0 1em
    }

    #g-plus-badge {
        margin: 8px !important
    }

    #___plusone_0 {
        margin: 12px 0 !important
    }

    .no-collapse .g-unit {
        float: none !important
    }

    #gallery_content .no-collapse .g-unit {
        float: left !important;
        width: 33% !important
    }

    #device-selector-nav .device-item {
        float: left !important;
        min-width: 40%
    }

    #eula-dialog {
        padding: 10px;
        width: 95%
    }

    p.back, p.back-alt {
        margin: 20px 0 40px
    }

    .marquee-carousel, .marquee-carousel .marquee {
        height: 200px
    }

    #marquee, #device-marquee, #marquee.marquee-stacked {
        margin-top: 20px
    }

    #marquee .g-unit {
        float: none !important
    }

    .marquee-copy .g-content {
        padding: 0
    }

    .marquee-stacked .marquee-copy p {
        font-size: .9em;
        width: 100% !important
    }

    .marquee-overlay .marquee-copy {
        position: relative;
        width: auto
    }

    #marquee-webstore .marquee-copy {
        position: relative;
        width: 100% !important
    }

    .marquee-carousel, .marquee-carousel .marquee {
        height: 350px
    }

    #marquee-webstore .marquee-image {
        width: 65%
    }

    #youtube-embed {
        min-height: 250px
    }

    .cb-features .marquee-image {
        width: 100%
    }

    .g-tab-content .g-content {
        padding: 0 0 1em
    }

    .tab-pad {
        padding: 0;
        width: auto
    }

    .img-carousel, .img-carousel .marquee {
        height: 200px
    }

    .chrm-tab-nav .g-unit, #device-nav-footer .g-unit {
        float: left !important
    }

    .chrm-tab-nav img {
        display: none
    }

    .chrm-tab-nav a {
        min-height: 40px
    }

    #go-fast .respond, #world-of-apps .respond {
        display: none
    }

    #screenshot-carousel .marquee, #screenshot-carousel .img-carousel {
        height: 220px
    }

    #screenshot-carousel .caption {
        padding-right: 0;
        text-align: left;
        width: 100%
    }

    .device-nav li {
        margin: 0
    }

    .device-nav a {
        padding: 5px
    }

    .device-nav-buttons li {
        border-left: inherit;
        float: none;
        position: relative;
        padding: inherit;
        margin-bottom: 2px
    }

    .device-nav-buttons span.left, .device-nav-buttons span.right {
        display: none
    }

    .video-holder {
        width: 100% !important
    }

    .play-screen img {
        max-height: 150px
    }

    .device-nav-buttons a {
        display: inline-block;
        padding: 10px 8px;
        text-align: center
    }

    #ac700, #series550, #series5 {
        left: auto;
        right: auto;
        top: auto
    }

    .hotspot {
        width: 100%
    }

    .hotspot .info {
        min-height: 95px
    }

    .hotspot .info img {
        float: left;
        max-width: 150px;
        padding-right: 10px
    }

    .device-img .hotspot:nth-child(odd) {
        clear: left
    }

    #cloud-promos img {
        clear: none;
        float: none
    }

    #gweb-lightbox-buynowlb iframe {
        min-height: 450px;
        width: 94% !important
    }

    #devices-buynow-retailers h1 {
        font-size: 1.6em
    }

    #promo-bar {
        position: absolute
    }

    .retailer-list a {
        padding: .5em 0
    }

    .webstore-themes .promos img {
        float: right;
        max-width: 40%
    }

    .browser-mobile section {
        padding: 1.5em 0
    }

    .galaxy-product {
        width: 80% !important
    }

    #marquee-video {
        height: 270px
    }

    .multicol {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }

    #gweb-lightbox-contact-popup {
        padding: 20px
    }

    #map-canvas {
        display: none
    }

    #device-selector {
        margin-top: 20px
    }

    .time {
        border: 0
    }

    .counter {
        background: none;
        display: inline
    }

    .counter span {
        visibility: visible
    }

    #devices-feature-sharing .g-col-5, #devices-feature-sharing .respond {
        width: 100% !important
    }

    #offline-apps .app {
        border-width: 1em;
        height: auto;
        padding: 0;
        text-align: left;
        width: auto
    }

    #offline-apps .icon {
        float: left
    }

    #offline-apps h4, #offline-apps .desc {
        padding-left: 40px
    }

    #offline_content img {
        display: none
    }

    #webapps-table {
        border-spacing: 0 5px
    }

    #webapps-table th {
        font-size: 1.2em
    }

    #webapps-table td {
        height: auto;
        padding: 1em 0
    }

    #device-selector-nav .tab-shadow {
        width: 2% !important
    }

    #device-selector-nav .device-item {
        width: 47%% !important
    }

    #chromebook-promo-nav .g-content {
        background-position: bottom right;
        padding: 15px 5% 215px 5%
    }

    .cb-features #gweb-lightbox-gallery {
        padding: 25px 32px
    }

    .retailer-disabled {
        display: none
    }

    .device-info-panel {
        min-height: 50px
    }

    .device-info-panel .g-unit {
        float: left !important
    }

    .device-info-panel h3 {
        font-size: 1.2em;
        margin: 0
    }
}

@media screen and (max-width: 320px) {
    #header {
        border-left: 0;
        border-right: 0
    }

    #logo {
        padding: 0 0 0 10px
    }

    .promo-nav-image {
        max-width: 150px
    }

    #youtube-embed {
        min-height: 200px
    }

    #gweb-lightbox-contact-popup, #gweb-lightbox-buynowlb-iframe {
        height: auto;
        max-height: 480px
    }

    #marquee-video {
        height: 200px
    }

    .browser-welcome .mobile-promo {
        margin-bottom: 70px
    }

    .mobile-promo-links a .google-play {
        margin-left: 22px
    }
}

@media (max-width: 998px) {
    .features-more-copy {
        width: 300%
    }

    .arrow-up {
        display: none
    }
}

.promo-hero {
    position: relative;
    top: 48px;
    left: 60px
}

.promo-frame {
    display: none;
    width: 597px;
    height: 357px
}

.promo-img {
    position: relative;
    left: -45px;
    z-index: -1
}

.promo-copy p {
    padding: 1em 0
}

#mac .promo-frame {
    display: block;
    background: transparent url(/intl/en/chrome/assets/consumer/images/browser/promo/promo-chrome-mac.png) no-repeat
}

#win .promo-frame, #linux .promo-frame, #cros .promo-frame {
    display: block;
    background: transparent url(/intl/en/chrome/assets/consumer/images/browser/promo/promo-chrome-pc.png) no-repeat
}

#cros .promo-frame.multi-device, #linux .promo-frame.multi-device, #mac .promo-frame.multi-device, #win .promo-frame.multi-device {
    background: none
}

.promo-bullets li {
    list-style: none;
    margin: .5em 0
}

.promo-bullets h4, .promo-bullets p {
    padding: 0;
    margin: auto
}

.button-sub {
    display: block;
    font-weight: normal;
    font-size: 80%
}

html[dir=rtl] .promo-frame {
    width: 522px
}

html[dir=rtl] .promo-img {
    left: auto
}

html[dir=rtl] .promo-hero {
    left: -11px
}

html[dir=rtl] .promo-badge {
    left: 47px
}

.list-terms li {
    padding-bottom: 10px
}

.compact .cta {
    padding-top: 10px
}

ul.data-instances {
    margin-bottom: 0 !important
}

@media (min-width: 700px) {
	ul.two-items {
	    left: inherit;
	    right: 0;
	    width: 75%;
	}

	ul.two-items > li {
		width: 50%;
	}
}

@media (max-width: 600px) {
	.sub-menu.menu-cols3 > li {
		width: 100%;
	}
}

.home-bottom-toolbar {
  text-align: right;
}

.home-bottom-toolbar a {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  opacity: 0.4;
  transition: all 0.4s;
}

.home-bottom-toolbar a:hover {
  opacity: 0.9;
}

.icon-home {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(imgs/home.png) no-repeat;
}

.icon-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(imgs/arrow_forward.png) no-repeat;
}

.icon-prev {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(imgs/arrow_back.png) no-repeat;
}

.screen-reader-response[role="alert"] {
    padding: 40px;
    width: 50%;
    border: 2px solid red;
    font-size: 14px;
    line-height: 25px;
    background-color: rgb(255, 128, 128);
    color: black;
}

/*===================================
=====================================

        Native Ad Demo Style

=====================================
===================================*/

.inputfile, .reset {
    font-size: 13px;
    font-weight: 700;
    color: white;
    background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
    display: inline-block;
    cursor: pointer;
    padding:8px;
    border-radius: 3px;
    border: 1px solid #076bd2;
}

.upload_l {
    font-size: 13px;
    font-weight: 700;
    color: white;
}

.upload{
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    top:0;
    left:0;
}

.upload + .upload_l {
    background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
    display: inline-block;
    cursor: pointer;
    padding:8px;
    border-radius: 3px;
    border: 1px solid #076bd2;
}

.inputfile:focus,
.inputfile:hover,
.upload + .upload_l:focus,
.upload + .upload_l:hover,
.reset:focus,
.reset:hover
 {
    background: -webkit-linear-gradient(top,#008dfd 30%,#0370ea 100%);;
}

.inputfile:focus,
.reset:focus,
.upload + .upload_l:focus
 {
	  outline: 1px dotted #000;
	  outline: -webkit-focus-ring-color auto 5px;
}

#sign_btn {
    width: 672px;
    height: 385px;
    opacity: 1;
    bottom: 1253px;
    position: relative;
    left: 131px;
    z-index: 5;
}

#sign_btn_m {
    position: relative;
    bottom: 1565px;
    left: 191px;
    width: 551px;
    height: 516px;
    z-index: 5;
}

#sign_btn_i {
    height: 526px;
    position: relative;
    bottom: 717px;
    left: 299px;
    width: 324px;
    z-index: 5;
}

.sign {
    background-color: rgba(251, 251, 251, 0.8);
    border: 2px solid #333;
    color: #333;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius:3px;
    position: relative;
    bottom: 500px;
    left: 40px;
    z-index: 6;
    width: 220px;
}

.sign span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.sign span:after {
    content: '»';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }

.sign:hover span {
    padding-right: 25px;
}

.sign:hover span:after {
    opacity: 1;
    right: 0;
}

.img_fd {
    margin:0; width:142px;
    height:90px; overflow:hidden;
    background-image:url(https://www.pixfuture.com/wp-content/uploads/2016/12/sample.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.img_fm {
    width:147px;
    height:95px;
    overflow:hidden;
    background-image:url(https://www.pixfuture.com/wp-content/uploads/2016/12/sample.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.img_fi {
    position:relative;
    width:123px;
    height:75px;
    z-index: 6;
    bottom: 366px;
    left: 330px;
    background-color: white;
    border-right:none;
    padding-right:2px;
    padding-bottom:2px;
    overflow:hidden;
    background-image:url(https://www.pixfuture.com/wp-content/uploads/2016/12/sample.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width:1367px){
  .ad_phone {
    display:none;
  }
}

@media screen and (min-width:1025px) and (max-width:1365px){
  .ad_phone {
    display:none;
  }
}

@media screen and (min-width:1366px) and (max-width:1366px){
  .ad_phone{
    display: none;
  }
  .desktop {
    display:none;
  }
  .iphone {
    display:none;
  }
  .ipad {
    display:block !important;
    top:-100px !important;
  }
  .ad_nav {
    display:none;
  }
  .slider {
    display:none;
  }
  .note {
    display: none;
  }
  #url{
    border:1px solid #ccc;
  }
  .ajax_error{
    bottom:737px !important;
  }

}

@media screen and (min-width:1024px) and (max-width:1024px){
  .ad_phone{
    display: none;
  }
  .desktop {
    display:none;
  }
  .iphone {
    display:none;
  }
  .ipad {
    display:block !important;
    top:-100px !important;
  }
  .ad_nav {
    display:none;
  }
  .slider {
    display:none;
  }
  .note {
    display: none;
  }
  #url{
    border:1px solid #ccc;
  }
  .ajax_error{
    bottom:737px !important;
  }
}

@media screen and (min-width:760px) and (max-width:1023px){
  .ad_phone{
    display: none;
  }
  .desktop {
    display:none;
  }
  .iphone {
    display:none;
  }
  .ipad {
    display:block !important;
    top:-100px !important;
  }
  #url {
    width:400px !important;
    border: 1px solid #ccc;
  }
  .ad_nav {
    display:none;
  }
  .slider {
    display:none;
  }
  .note {
    display: none;
  }
  .overlay_m{
    width:129px !important;
    top: -466px !important;
    left: 147px !important;
  }
  .img_fm{
    width:129px !important;
    height:82px !important;
  }
  #ad_slug3_m {
    padding: 3px 7px 3px 7px !important;
  }
  .ajax_error{
    bottom:737px !important;
    left: 76px !important;
  }
  #sign_btn_m {
    bottom: 1466px;
    left: 116px;
    width: 489px;
    height: 528px;
  }
}

@media screen and (max-width:759px) {
  .demo_view{
    display: none;
  }
  .ad_phone{
    display:block !important;
  }
}

.dsk_btn, .mbl_btn, .tbl_btn {
  width: 60px;
  margin-left:10px;
  cursor: pointer;
  background-color: #999;
}

.mbl_btn, .tbl_btn {
  margin-top: 10px;
}

.active {
  background-color: #103996;
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 70px;
	height: 20px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 9px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 5px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: rgba(2, 124, 242, 0.34);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 54px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

.note:after{
  background: url(/wp-content/themes/pixfuture/imgs/arrow-curved.svg) center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 50px;
  left: 430px;
  margin-top: 5px;
  position: relative;;
  top: 5px;
  width: 58px;
}

.button-demo {
  background: #fbfbfb;
  text-shadow: none;
  border: 1px solid #ccc;
  margin-left: 5px !important;
  color: #464545 !important;
  font-weight: 400;
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.3;
  padding: 8px 25px;
  text-align: center;
  text-decoration: none !important;
}

.button-demo:hover {
  background: #f6f6f6;
}
/*==========================================

             Summit Style

===========================================*/
.s_logo {
  width:39%;
  display:inline-block;
}

.s_text {
  width:60%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width:767px){
  .s_text, .s_logo {
    width:100%;
  }
}

/*===========================================

           Impression Style

===========================================*/
span.imp_title {
  color: #ffb400;
  font-size: 1.7em;
  font-weight: 600;
}

span.count {
  color: #ffb400;
  font-size: 1.7em;
  font-weight: 600;
}

span.count_1 {
  color: #ffb400;
  font-size: 1.7em;
  font-weight: 600;
}

img.imp_icon {
  width:50px;
  margin:10px !important;
  color:#2048a5;
  -webkit-mask-image: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));
}

.sep {
  width:33%;
  display:inline-block;
}
.sep_s {
  width:25%;
  display:inline-block;
}

.sep_v {
  width:7%;
  display:inline-block;
}

.impression {
  width:49%;
  display:inline-block;
}

span.imp_desc {
  font-weight:700;
  color: #333;
  font-size:11px;
}

.vertical-line{
  width: 1px; /* Line width */
  background-color: #eee;
  height: 90px;
  margin-left:50%;

}

@media only screen and (max-width:767px) {
  .sep_s, .sep {
    width:100%;
    display:block;
  }

  span.imp_desc {
    font-size:10px;
  }

  .sep_v {
    display:none;
  }

  span.imp_title{
    font-size:1.4em;
  }

  span.count {
    font-size:1.4em;
  }

  span.count_1 {
    font-size:1.4em;
  }

  .impression {
    margin-top:10px;
  }
}

@media only screen and (max-width:1023px){
  span.imp_title{
    font-size:1.3em;
  }

  span.count {
    font-size:1.3em;
  }

  span.count_1 {
    font-size:1.3em;
  }

  span.imp_desc {
    font-size:9px;
  }
}

/***************************************

         Summit Facebook Share

***************************************/

.fb_share {
    background: #4267b2;
    border: 1px solid #4267b2;
    border-radius: 3px;
    font-size: 11px;
    height: 20px;
    padding: 0 0 0 2px;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    cursor: pointer;
    vertical-align: top;
}

.fb_share:hover {
    background: #365899;
    border: 1px solid #365899;
}

/****************************************

           Button Filters

*****************************************/
.button-filter {
  background: #fbfbfb;
  text-shadow: none;
  border: 1px solid #ccc;
  margin-left: 5px !important;
  margin-top:10px;
  color: #464545 !important;
  font-weight: 600;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  line-height: 1.3;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none !important;
}

.button-filter:hover {
  background: #f6f6f6;
  cursor:pointer;
}

.current {
  border:1px solid #39f;
  background: #ffffff;
  color: #39f;
}

.a_current {
  color: #39f;
}