html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
    }
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -ms-box-sizing: inherit;
    -o-box-sizing: inherit;
    box-sizing: inherit
    }
body {
    margin: 0
    }
img {
    border: 0
    }
article, aside, audio, canvas, details, figcaption, figure, header, hgroup, main, menu, progress, section, summary, video {
    display: block
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
table tr {
    background-color: #fafafa
    }
table tr:nth-of-type(even) {
    background-color: #fff
    }
table tr:first-of-type th:first-of-type:empty {
    border-color: #fff #eee #eee #fff;
    visibility: hidden
    }
table tr th {
    background-color: #f5f5f5
    }
table tr th, table tr td {
    border: 1px solid #eee;
    padding: 4px 12px;
    vertical-align: top
    }
.show-small-only, .show-small-down {
    display: none
    }
@media all and (max-width: 450px) {
    .show-small-only, .show-small-down {
        display: initial
        }
    }
.show-medium-up {
    display: none
    }
@media all and (min-width: 450px) {
    .show-medium-up {
        display: initial
        }
    }
.show-medium-only {
    display: none
    }
@media all and (min-width: 450px) and (max-width: 768px) {
    .show-medium-only {
        display: initial
        }
    }
.show-medium-down {
    display: none
    }
@media all and (max-width: 768px) {
    .show-medium-down {
        display: initial
        }
    }
.show-large-up {
    display: none
    }
@media all and (min-width: 768px) {
    .show-large-up {
        display: initial
        }
    }
.show-large-only {
    display: none
    }
@media all and (min-width: 768px) and (max-width: 992px) {
    .show-large-only {
        display: initial
        }
    }
.show-large-down {
    display: none
    }
@media all and (max-width: 992px) {
    .show-large-down {
        display: initial
        }
    }
.show-xl-up, .show-xl-only {
    display: none
    }
@media all and (min-width: 992px) {
    .show-xl-up, .show-xl-only {
        display: initial
        }
    }
.show-xl-down {
    display: initial
    }
.show-portrait-only {
    display: none
    }
@media all and (min-width: 0) and (orientation: portrait) {
    .show-portrait-only {
        display: initial
        }
    }
.show-landscape-only {
    display: none
    }
@media all and (min-width: 0) and (orientation: landscape) {
    .show-landscape-only {
        display: initial
        }
    }
.content-teleport {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
    }
.content-teleport:active, .content-teleport:focus, .content-teleport:hover {
    background: #f9edbe;
    border: 1px solid #f0c36d;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
    height: auto;
    left: 0;
    margin: 5px auto;
    max-width: 180px;
    padding: 6px;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 3
    }
[dir="rtl"] .content-teleport {
    left: auto;
    right: -10000px
    }
.glue-component-not-ready {
    visibility: hidden
    }
.glue-component-ready {
    visibility: visible
    }
.google .glue-component-not-ready, .no-js .glue-component-not-ready {
    visibility: visible
    }
.google-js .glue-modal-overlay {
    display: none
    }
.google-js .glue-show {
    display: block
    }
.google-js .glue-modal-active {
    overflow: hidden
    }
.glue-modal-overlay.glue-show-add, .glue-modal-overlay.glue-show-remove.glue-show-remove-active {
    opacity: 1
    }
.glue-modal-overlay.glue-show-remove, .glue-modal-overlay.glue-show-add.glue-show-add-active {
    opacity: 0
    }
.glue-modal.glue-show-add, .glue-modal.glue-show-remove.glue-show-remove-active {
    opacity: 1
    }
.glue-modal.glue-show-remove, .glue-modal.glue-show-add.glue-show-add-active {
    opacity: 0
    }
.glue-modal-overlay {
    background: #e0e0e0;
    background: rgba(224, 224, 224, 0.75);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
    }
.glue-modal {
    background: #fff;
    border-radius: 0;
    bottom: 0;
    height: 80%;
    position: relative;
    left: 0;
    margin: auto;
    min-height: 300px;
    min-width: 300px;
    outline: none;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000
    }
.glue-modal *, .glue-modal *:before, .glue-modal *:after {
    box-sizing: border-box
    }
.glue-modal-close {
    outline: 0;
    background: #fff;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0
    }
.glue-modal-content {
    padding: 15px;
    height: 100%;
    overflow: auto
    }
.glue-modal-content img, .glue-modal-content iframe {
    max-width: 100%
    }
.glue-modal-content > h1, .glue-modal-content > h2, .glue-modal-content > h3, .glue-modal-content > h4, .glue-modal-content > p {
    margin-top: 0
    }
.site-width {
    box-sizing: content-box;
    max-width: 984px;
    margin: 0 auto
    }
.site-width {
    padding: 0 15px
    }
@media (min-width: 768px) {
    .site-width {
        padding: 0 20px
        }
    }
@media (min-width: 1024px) {
    .site-width {
        padding: 0
        }
    }
@media (min-width: 768px) {
    .flexbox .cols-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: stretch;
        -ms-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        margin-left: -1.21951%;
        margin-right: -1.21951%
        }
    .flexbox .cols-row > * {
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        box-sizing: border-box;
        padding-left: 1.21951%;
        padding-right: 1.21951%
        }
    }
@media (min-width: 768px) {
    .flexbox .col-1, .flexbox .col-s-1 {
        flex-basis: 8.33333%;
        -ms-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        -webkit-flex-basis: 8.33333%;
        max-width: 8.33333%
        }
    .flexbox .col-2, .flexbox .col-s-2 {
        flex-basis: 16.66667%;
        -ms-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        -webkit-flex-basis: 16.66667%;
        max-width: 16.66667%
        }
    .flexbox .col-3, .flexbox .col-s-3 {
        flex-basis: 25%;
        -ms-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%
        }
    .flexbox .col-4, .flexbox .col-s-4 {
        flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        -webkit-flex-basis: 33.33333%;
        max-width: 33.33333%
        }
    .flexbox .col-5, .flexbox .col-s-5 {
        flex-basis: 41.66667%;
        -ms-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        -webkit-flex-basis: 41.66667%;
        max-width: 41.66667%
        }
    .flexbox .col-6, .flexbox .col-s-6 {
        flex-basis: 50%;
        -ms-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%
        }
    .flexbox .col-7, .flexbox .col-s-7 {
        flex-basis: 58.33333%;
        -ms-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        -webkit-flex-basis: 58.33333%;
        max-width: 58.33333%
        }
    .flexbox .col-8, .flexbox .col-s-8 {
        flex-basis: 66.66667%;
        -ms-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        -webkit-flex-basis: 66.66667%;
        max-width: 66.66667%
        }
    .flexbox .col-9, .flexbox .col-s-9 {
        flex-basis: 75%;
        -ms-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%
        }
    .flexbox .col-10, .flexbox .col-s-10 {
        flex-basis: 83.33333%;
        -ms-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        -webkit-flex-basis: 83.33333%;
        max-width: 83.33333%
        }
    .flexbox .col-11, .flexbox .col-s-11 {
        flex-basis: 91.66667%;
        -ms-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        -webkit-flex-basis: 91.66667%;
        max-width: 91.66667%
        }
    .flexbox .col-12, .flexbox .col-s-12 {
        flex-basis: 100%;
        -ms-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%
        }
    .flexbox .col-offset-1 {
        margin-left: 8.33333%
        }
    .flexbox[dir="rtl"] .col-offset-1 {
        margin-left: 0;
        margin-right: 8.33333%
        }
    .flexbox .col-offset-2 {
        margin-left: 16.66667%
        }
    .flexbox[dir="rtl"] .col-offset-2 {
        margin-left: 0;
        margin-right: 16.66667%
        }
    .flexbox .col-offset-3 {
        margin-left: 25%
        }
    .flexbox[dir="rtl"] .col-offset-3 {
        margin-left: 0;
        margin-right: 25%
        }
    .flexbox .col-offset-4 {
        margin-left: 33.33333%
        }
    .flexbox[dir="rtl"] .col-offset-4 {
        margin-left: 0;
        margin-right: 33.33333%
        }
    .flexbox .col-offset-5 {
        margin-left: 41.66667%
        }
    .flexbox[dir="rtl"] .col-offset-5 {
        margin-left: 0;
        margin-right: 41.66667%
        }
    .flexbox .col-offset-6 {
        margin-left: 50%
        }
    .flexbox[dir="rtl"] .col-offset-6 {
        margin-left: 0;
        margin-right: 50%
        }
    .flexbox .col-offset-7 {
        margin-left: 58.33333%
        }
    .flexbox[dir="rtl"] .col-offset-7 {
        margin-left: 0;
        margin-right: 58.33333%
        }
    .flexbox .col-offset-8 {
        margin-left: 66.66667%
        }
    .flexbox[dir="rtl"] .col-offset-8 {
        margin-left: 0;
        margin-right: 66.66667%
        }
    .flexbox .col-offset-9 {
        margin-left: 75%
        }
    .flexbox[dir="rtl"] .col-offset-9 {
        margin-left: 0;
        margin-right: 75%
        }
    .flexbox .col-offset-10 {
        margin-left: 83.33333%
        }
    .flexbox[dir="rtl"] .col-offset-10 {
        margin-left: 0;
        margin-right: 83.33333%
        }
    .flexbox .col-offset-11 {
        margin-left: 91.66667%
        }
    .flexbox[dir="rtl"] .col-offset-11 {
        margin-left: 0;
        margin-right: 91.66667%
        }
    .flexbox .col-offset-12 {
        margin-left: 100%
        }
    .flexbox[dir="rtl"] .col-offset-12 {
        margin-left: 0;
        margin-right: 100%
        }
    .col-1-fixed {
        max-width: 60px
        }
    .col-2-fixed {
        max-width: 144px
        }
    .col-3-fixed {
        max-width: 228px
        }
    .col-4-fixed {
        max-width: 312px
        }
    .col-5-fixed {
        max-width: 396px
        }
    .col-6-fixed {
        max-width: 480px
        }
    .col-7-fixed {
        max-width: 564px
        }
    .col-8-fixed {
        max-width: 648px
        }
    .col-9-fixed {
        max-width: 732px
        }
    .col-10-fixed {
        max-width: 816px
        }
    .col-11-fixed {
        max-width: 900px
        }
    }
@media (min-width: 1024px) {
    .flexbox .col-m-1 {
        flex-basis: 8.33333%;
        -ms-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        -webkit-flex-basis: 8.33333%;
        max-width: 8.33333%
        }
    .flexbox .col-m-2 {
        flex-basis: 16.66667%;
        -ms-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        -webkit-flex-basis: 16.66667%;
        max-width: 16.66667%
        }
    .flexbox .col-m-3 {
        flex-basis: 25%;
        -ms-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%
        }
    .flexbox .col-m-4 {
        flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        -webkit-flex-basis: 33.33333%;
        max-width: 33.33333%
        }
    .flexbox .col-m-5 {
        flex-basis: 41.66667%;
        -ms-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        -webkit-flex-basis: 41.66667%;
        max-width: 41.66667%
        }
    .flexbox .col-m-6 {
        flex-basis: 50%;
        -ms-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%
        }
    .flexbox .col-m-7 {
        flex-basis: 58.33333%;
        -ms-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        -webkit-flex-basis: 58.33333%;
        max-width: 58.33333%
        }
    .flexbox .col-m-8 {
        flex-basis: 66.66667%;
        -ms-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        -webkit-flex-basis: 66.66667%;
        max-width: 66.66667%
        }
    .flexbox .col-m-9 {
        flex-basis: 75%;
        -ms-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%
        }
    .flexbox .col-m-10 {
        flex-basis: 83.33333%;
        -ms-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        -webkit-flex-basis: 83.33333%;
        max-width: 83.33333%
        }
    .flexbox .col-m-11 {
        flex-basis: 91.66667%;
        -ms-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        -webkit-flex-basis: 91.66667%;
        max-width: 91.66667%
        }
    .flexbox .col-m-12 {
        flex-basis: 100%;
        -ms-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%
        }
    .flexbox .col-offset-m-1 {
        margin-left: 8.33333%
        }
    .flexbox[dir="rtl"] .col-offset-m-1 {
        margin-left: 0;
        margin-right: 8.33333%
        }
    .flexbox .col-offset-m-2 {
        margin-left: 16.66667%
        }
    .flexbox[dir="rtl"] .col-offset-m-2 {
        margin-left: 0;
        margin-right: 16.66667%
        }
    .flexbox .col-offset-m-3 {
        margin-left: 25%
        }
    .flexbox[dir="rtl"] .col-offset-m-3 {
        margin-left: 0;
        margin-right: 25%
        }
    .flexbox .col-offset-m-4 {
        margin-left: 33.33333%
        }
    .flexbox[dir="rtl"] .col-offset-m-4 {
        margin-left: 0;
        margin-right: 33.33333%
        }
    .flexbox .col-offset-m-5 {
        margin-left: 41.66667%
        }
    .flexbox[dir="rtl"] .col-offset-m-5 {
        margin-left: 0;
        margin-right: 41.66667%
        }
    .flexbox .col-offset-m-6 {
        margin-left: 50%
        }
    .flexbox[dir="rtl"] .col-offset-m-6 {
        margin-left: 0;
        margin-right: 50%
        }
    .flexbox .col-offset-m-7 {
        margin-left: 58.33333%
        }
    .flexbox[dir="rtl"] .col-offset-m-7 {
        margin-left: 0;
        margin-right: 58.33333%
        }
    .flexbox .col-offset-m-8 {
        margin-left: 66.66667%
        }
    .flexbox[dir="rtl"] .col-offset-m-8 {
        margin-left: 0;
        margin-right: 66.66667%
        }
    .flexbox .col-offset-m-9 {
        margin-left: 75%
        }
    .flexbox[dir="rtl"] .col-offset-m-9 {
        margin-left: 0;
        margin-right: 75%
        }
    .flexbox .col-offset-m-10 {
        margin-left: 83.33333%
        }
    .flexbox[dir="rtl"] .col-offset-m-10 {
        margin-left: 0;
        margin-right: 83.33333%
        }
    .flexbox .col-offset-m-11 {
        margin-left: 91.66667%
        }
    .flexbox[dir="rtl"] .col-offset-m-11 {
        margin-left: 0;
        margin-right: 91.66667%
        }
    .flexbox .col-offset-m-12 {
        margin-left: 100%
        }
    .flexbox[dir="rtl"] .col-offset-m-12 {
        margin-left: 0;
        margin-right: 100%
        }
    }
@media (min-width: 1200px) {
    .flexbox .col-l-1 {
        flex-basis: 8.33333%;
        -ms-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        -webkit-flex-basis: 8.33333%;
        max-width: 8.33333%
        }
    .flexbox .col-l-2 {
        flex-basis: 16.66667%;
        -ms-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        -webkit-flex-basis: 16.66667%;
        max-width: 16.66667%
        }
    .flexbox .col-l-3 {
        flex-basis: 25%;
        -ms-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        max-width: 25%
        }
    .flexbox .col-l-4 {
        flex-basis: 33.33333%;
        -ms-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        -webkit-flex-basis: 33.33333%;
        max-width: 33.33333%
        }
    .flexbox .col-l-5 {
        flex-basis: 41.66667%;
        -ms-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        -webkit-flex-basis: 41.66667%;
        max-width: 41.66667%
        }
    .flexbox .col-l-6 {
        flex-basis: 50%;
        -ms-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%
        }
    .flexbox .col-l-7 {
        flex-basis: 58.33333%;
        -ms-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        -webkit-flex-basis: 58.33333%;
        max-width: 58.33333%
        }
    .flexbox .col-l-8 {
        flex-basis: 66.66667%;
        -ms-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        -webkit-flex-basis: 66.66667%;
        max-width: 66.66667%
        }
    .flexbox .col-l-9 {
        flex-basis: 75%;
        -ms-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        max-width: 75%
        }
    .flexbox .col-l-10 {
        flex-basis: 83.33333%;
        -ms-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        -webkit-flex-basis: 83.33333%;
        max-width: 83.33333%
        }
    .flexbox .col-l-11 {
        flex-basis: 91.66667%;
        -ms-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        -webkit-flex-basis: 91.66667%;
        max-width: 91.66667%
        }
    .flexbox .col-l-12 {
        flex-basis: 100%;
        -ms-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%
        }
    .flexbox .col-offset-l-1 {
        margin-left: 8.33333%
        }
    .flexbox[dir="rtl"] .col-offset-l-1 {
        margin-left: 0;
        margin-right: 8.33333%
        }
    .flexbox .col-offset-l-2 {
        margin-left: 16.66667%
        }
    .flexbox[dir="rtl"] .col-offset-l-2 {
        margin-left: 0;
        margin-right: 16.66667%
        }
    .flexbox .col-offset-l-3 {
        margin-left: 25%
        }
    .flexbox[dir="rtl"] .col-offset-l-3 {
        margin-left: 0;
        margin-right: 25%
        }
    .flexbox .col-offset-l-4 {
        margin-left: 33.33333%
        }
    .flexbox[dir="rtl"] .col-offset-l-4 {
        margin-left: 0;
        margin-right: 33.33333%
        }
    .flexbox .col-offset-l-5 {
        margin-left: 41.66667%
        }
    .flexbox[dir="rtl"] .col-offset-l-5 {
        margin-left: 0;
        margin-right: 41.66667%
        }
    .flexbox .col-offset-l-6 {
        margin-left: 50%
        }
    .flexbox[dir="rtl"] .col-offset-l-6 {
        margin-left: 0;
        margin-right: 50%
        }
    .flexbox .col-offset-l-7 {
        margin-left: 58.33333%
        }
    .flexbox[dir="rtl"] .col-offset-l-7 {
        margin-left: 0;
        margin-right: 58.33333%
        }
    .flexbox .col-offset-l-8 {
        margin-left: 66.66667%
        }
    .flexbox[dir="rtl"] .col-offset-l-8 {
        margin-left: 0;
        margin-right: 66.66667%
        }
    .flexbox .col-offset-l-9 {
        margin-left: 75%
        }
    .flexbox[dir="rtl"] .col-offset-l-9 {
        margin-left: 0;
        margin-right: 75%
        }
    .flexbox .col-offset-l-10 {
        margin-left: 83.33333%
        }
    .flexbox[dir="rtl"] .col-offset-l-10 {
        margin-left: 0;
        margin-right: 83.33333%
        }
    .flexbox .col-offset-l-11 {
        margin-left: 91.66667%
        }
    .flexbox[dir="rtl"] .col-offset-l-11 {
        margin-left: 0;
        margin-right: 91.66667%
        }
    .flexbox .col-offset-l-12 {
        margin-left: 100%
        }
    .flexbox[dir="rtl"] .col-offset-l-12 {
        margin-left: 0;
        margin-right: 100%
        }
    }
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
    }
body {
    color: #848484;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
    }
body:after {
    content: "xsmall";
    display: none
    }
@media (min-width: 768px) {
    body {
        line-height: 22px
        }
    body:after {
        content: "small"
        }
    }
@media (min-width: 1024px) {
    body:after {
        content: "medium"
        }
    }
@media (min-width: 1200px) {
    body:after {
        content: "large"
        }
    }
img {
    display: block
    }
a > img {
    border: 0;
    outline: 0
    }
.stop-scrolling {
    height: 100%;
    overflow: hidden
    }
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important
    }
.js [ng\:cloak], .js [ng-cloak], .js [data-ng-cloak], .js [x-ng-cloak], .js .ng-cloak, .js .x-ng-cloak {
    display: none !important
    }
.js [ng\:cloak].rs-cloak, .js [ng-cloak].rs-cloak, .js [data-ng-cloak].rs-cloak, .js [x-ng-cloak].rs-cloak, .js .ng-cloak.rs-cloak, .js .x-ng-cloak.rs-cloak {
    display: block !important;
    visibility: hidden !important
    }
table {
    border-collapse: collapse
    }
table th, table td {
    border: 1px solid #d4d4d4;
    margin: 0;
    padding: 5px 8px
    }
table th {
    background: #848484;
    color: #fff;
    font-weight: 500;
    text-align: left
    }
[dir="rtl"] table th {
    text-align: right
    }
table tr:nth-of-type(even) {
    background: #f6f6f6
    }
h1, h2, h3, blockquote {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
    }
h1, h2 {
    color: #444;
    font-family: "Roboto Slab", palatino, serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 38px
    }
[lang="ja"] h1, [lang="ko"] h1, [lang="zh-CN"] h1, [lang="zh-HK"] h1, [lang="zh-TW"] h1, [lang="ja"] h2, [lang="ko"] h2, [lang="zh-CN"] h2, [lang="zh-HK"] h2, [lang="zh-TW"] h2 {
    font-family: "Roboto Slab", "Roboto", arial, sans-serif
    }
@media (min-width: 768px) {
    h1, h2 {
        font-size: 48px;
        line-height: 58px
        }
    }
h1 {
    margin: 0 0 30px
    }
@media (min-width: 768px) {
    h1 {
        margin: 0 0 25px
        }
    }
h2 {
    font-size: 22px;
    letter-spacing: -0.1px;
    line-height: 28px;
    margin: 0 0 30px
    }
@media (min-width: 768px) {
    h2 {
        font-size: 38px;
        line-height: 48px;
        margin: 0 0 25px
        }
    }
h3 {
    color: #444;
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 20px
    }
@media (min-width: 768px) {
    h3 {
        font-size: 22px;
        line-height: 30px
        }
    }
p + h3 {
    margin-top: 30px
    }
h4, h5, .link-more {
    color: #848484;
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
    }
@media (min-width: 768px) {
    h4, h5, .link-more {
        font-size: 16px
        }
    }
h4 {
    letter-spacing: 0.3px;
    margin: 0 0 20px
    }
h5 {
    color: #444;
    margin: 0
    }
.link-more {
    color: #448aff;
    letter-spacing: 0.5px
    }
.glue-tabset-nav-active h5 {
    color: #848484
    }
blockquote {
    font-family: "Roboto Slab", palatino, serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 28px;
    margin: 0
    }
[lang="ja"] blockquote, [lang="ko"] blockquote, [lang="zh-CN"] blockquote, [lang="zh-HK"] blockquote, [lang="zh-TW"] blockquote {
    font-family: "Roboto Slab", "Roboto", arial, sans-serif
    }
@media (min-width: 768px) {
    blockquote {
        font-size: 34px;
        line-height: 48px
        }
    }
blockquote sup {
    vertical-align: text-top
    }
blockquote.hanging {
    text-indent: -6px
    }
@media (min-width: 768px) {
    blockquote.hanging {
        text-indent: -10px
        }
    }
blockquote + cite {
    display: block;
    margin: 30px 0 0
    }
@media (min-width: 768px) {
    .quotation {
        text-align: center
        }
    }
p {
    margin: 0 0 30px
    }
@media (min-width: 768px) {
    p {
        margin: 0 0 20px
        }
    }
p:last-child, p.last {
    margin-bottom: 0
    }
@media (min-width: 768px) {
    .cols-row > div > p:first-child {
        margin-top: 24px
        }
    }
.cols-row > div > p.no-top-margin {
    margin-top: 0
    }
.font-huge {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px
    }
@media (min-width: 768px) {
    .font-huge {
        font-size: 22px;
        line-height: 26px
        }
    }
.font-large {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
    }
@media (min-width: 768px) {
    .font-large {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 25px
        }
    }
.font-medium, .section-featuredcontent .featuredcontent-description p, .section-featuredcontent .featuredcontent-description li {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
    }
@media (min-width: 768px) {
    .font-medium, .section-featuredcontent .featuredcontent-description p, .section-featuredcontent .featuredcontent-description li {
        line-height: 24px
        }
    }
.font-medium-small {
    color: #a3a3a3;
    font-size: 14px;
    line-height: 18px
    }
.font-small {
    color: #a3a3a3;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 16px
    }
a, a:visited {
    color: #448aff;
    cursor: pointer;
    text-decoration: none
    }
.section-dark a, .section-dark a:visited {
    text-decoration: underline
    }
.section-dark a.link-more, .section-dark a:visited.link-more {
    text-decoration: none
    }
a:hover, a:active, a:focus {
    color: #2962ff
    }
a.back-to-top {
    color: #a3a3a3
    }
.phone-number {
    color: #00c853
    }
.phone-number a {
    color: inherit;
    cursor: text
    }
.phone-number {
    font-weight: 500
    }
.font-dark {
    color: #444
    }
strong, b {
    font-weight: 500
    }
cite {
    font-style: normal
    }
sup.hang {
    line-height: 1em;
    vertical-align: top
    }
form .input-wrp {
    margin-bottom: 10px;
    padding-top: 24px;
    position: relative
    }
@media (min-width: 768px) {
    form .input-wrp {
        margin-bottom: 30px
        }
    }
form .input-note {
    color: #848484;
    font-size: 12px
    }
form label.form-required:after {
    content: "*";
    display: inline-block
    }
[dir="rtl"] form label.form-required:after {
    padding: 0 5px 0 0
    }
form .form-error {
    color: #ff5252;
    font-size: 12px
    }
form .form-errors-container {
    min-height: 22px
    }
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="number"], form input.form-text, form textarea, form select {
    border: 1px solid #ccc;
    border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #444;
    display: block;
    font: 300 16px/22px "Roboto", arial, sans-serif;
    margin: 0 0 5px;
    padding: 0 0 8px;
    width: 100%
    }
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="number"]:focus, form input.form-text:focus, form textarea:focus, form select:focus {
    border-color: #00bfa5;
    border-bottom-width: 2px;
    outline: none;
    padding-bottom: 7px
    }
form input[type="text"]:focus::-webkit-input-placeholder, form input[type="email"]:focus::-webkit-input-placeholder, form input[type="url"]:focus::-webkit-input-placeholder, form input[type="number"]:focus::-webkit-input-placeholder, form input.form-text:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder, form select:focus::-webkit-input-placeholder {
    color: transparent
    }
form input[type="text"]:focus:-moz-placeholder, form input[type="email"]:focus:-moz-placeholder, form input[type="url"]:focus:-moz-placeholder, form input[type="number"]:focus:-moz-placeholder, form input.form-text:focus:-moz-placeholder, form textarea:focus:-moz-placeholder, form select:focus:-moz-placeholder {
    color: transparent
    }
form input[type="text"]:focus::-moz-placeholder, form input[type="email"]:focus::-moz-placeholder, form input[type="url"]:focus::-moz-placeholder, form input[type="number"]:focus::-moz-placeholder, form input.form-text:focus::-moz-placeholder, form textarea:focus::-moz-placeholder, form select:focus::-moz-placeholder {
    color: transparent
    }
form input[type="text"]:focus::-ms-input-placeholder, form input[type="email"]:focus::-ms-input-placeholder, form input[type="url"]:focus::-ms-input-placeholder, form input[type="number"]:focus::-ms-input-placeholder, form input.form-text:focus::-ms-input-placeholder, form textarea:focus::-ms-input-placeholder, form select:focus::-ms-input-placeholder {
    color: transparent
    }
form input[type="text"].ng-touched.ng-invalid, form input[type="email"].ng-touched.ng-invalid, form input[type="url"].ng-touched.ng-invalid, form input[type="number"].ng-touched.ng-invalid, form input.form-text.ng-touched.ng-invalid, form textarea.ng-touched.ng-invalid, form select.ng-touched.ng-invalid {
    border-color: #d50000;
    border-bottom-width: 2px;
    padding-bottom: 7px
    }
form input[type="text"].ng-touched.ng-invalid .form-error, form input[type="email"].ng-touched.ng-invalid .form-error, form input[type="url"].ng-touched.ng-invalid .form-error, form input[type="number"].ng-touched.ng-invalid .form-error, form input.form-text.ng-touched.ng-invalid .form-error, form textarea.ng-touched.ng-invalid .form-error, form select.ng-touched.ng-invalid .form-error {
    visibility: visible
    }
form input[type="text"].ng-touched.ng-invalid:focus, form input[type="email"].ng-touched.ng-invalid:focus, form input[type="url"].ng-touched.ng-invalid:focus, form input[type="number"].ng-touched.ng-invalid:focus, form input.form-text.ng-touched.ng-invalid:focus, form textarea.ng-touched.ng-invalid:focus, form select.ng-touched.ng-invalid:focus {
    border-color: #00bfa5
    }
form input[type="text"]:focus + .form-error, form input[type="text"].ng-valid + .form-error, form input[type="text"].ng-pristine + .form-error, form input[type="email"]:focus + .form-error, form input[type="email"].ng-valid + .form-error, form input[type="email"].ng-pristine + .form-error, form input[type="url"]:focus + .form-error, form input[type="url"].ng-valid + .form-error, form input[type="url"].ng-pristine + .form-error, form input[type="number"]:focus + .form-error, form input[type="number"].ng-valid + .form-error, form input[type="number"].ng-pristine + .form-error, form input.form-text:focus + .form-error, form input.form-text.ng-valid + .form-error, form input.form-text.ng-pristine + .form-error, form textarea:focus + .form-error, form textarea.ng-valid + .form-error, form textarea.ng-pristine + .form-error, form select:focus + .form-error, form select.ng-valid + .form-error, form select.ng-pristine + .form-error {
    visibility: hidden
    }
form input[type="text"]:focus + .form-errors-container, form input[type="text"].ng-valid + .form-errors-container, form input[type="email"]:focus + .form-errors-container, form input[type="email"].ng-valid + .form-errors-container, form input[type="url"]:focus + .form-errors-container, form input[type="url"].ng-valid + .form-errors-container, form input[type="number"]:focus + .form-errors-container, form input[type="number"].ng-valid + .form-errors-container, form input.form-text:focus + .form-errors-container, form input.form-text.ng-valid + .form-errors-container, form textarea:focus + .form-errors-container, form textarea.ng-valid + .form-errors-container, form select:focus + .form-errors-container, form select.ng-valid + .form-errors-container {
    visibility: hidden
    }
form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="url"]::-webkit-input-placeholder, form input[type="number"]::-webkit-input-placeholder, form input.form-text::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif
    }
form input[type="text"]:-moz-placeholder, form input[type="email"]:-moz-placeholder, form input[type="url"]:-moz-placeholder, form input[type="number"]:-moz-placeholder, form input.form-text:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif
    }
form input[type="text"]::-moz-placeholder, form input[type="email"]::-moz-placeholder, form input[type="url"]::-moz-placeholder, form input[type="number"]::-moz-placeholder, form input.form-text::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif
    }
form input[type="text"]::-ms-input-placeholder, form input[type="email"]::-ms-input-placeholder, form input[type="url"]::-ms-input-placeholder, form input[type="number"]::-ms-input-placeholder, form input.form-text::-ms-input-placeholder, form textarea::-ms-input-placeholder, form select::-ms-input-placeholder {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif
    }
form textarea {
    height: 140px
    }
@media (min-width: 768px) {
    form textarea {
        height: 80px;
        -webkit-transition: height 0.33s ease-in-out;
        -moz-transition: height 0.33s ease-in-out;
        -ms-transition: height 0.33s ease-in-out;
        -o-transition: height 0.33s ease-in-out;
        transition: height 0.33s ease-in-out
        }
    }
form textarea.expanded {
    height: 140px
    }
form select {
    width: auto
    }
.flexbox form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff url(/google.com/ads/images/icons/icon-dropdown.png) top 10px right 0 no-repeat;
    background-size: 10px 5px;
    border-radius: 0;
    box-sizing: border-box;
    color: #444;
    padding-right: 40px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: pre-wrap
    }
.flexbox form select::-ms-expand {
    display: none
    }
[dir="rtl"].flexbox form select {
    background-position: left 33%;
    padding-left: 40px;
    padding-right: 0
    }
form select:invalid {
    color: #444
    }
form label {
    cursor: pointer
    }
form .label-floating {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif;
    position: absolute;
    top: 0
    }
form .label-heading {
    color: #444;
    font: 300 16px/22px "Roboto", arial, sans-serif
    }
form label.focus {
    color: #00bfa5
    }
form label.hidden.focus {
    visibility: visible
    }
form .checkbox, form .radio {
    color: #848484;
    font-size: 16px;
    font-weight: 300
    }
form input[type="radio"], form input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
    }
[dir="rtl"] form input[type="radio"], [dir="rtl"] form input[type="checkbox"] {
    margin-left: 5px;
    margin-right: 0
    }
form input[type="radio"]:focus + label, form input[type="checkbox"]:focus + label {
    color: #00bfa5
    }
form .form-list > label {
    color: #444;
    display: block;
    padding-bottom: 15px
    }
form .form-list ul {
    list-style: none;
    margin: 0;
    padding: 0.5em 0
    }
form .form-list li {
    margin: 0 0 0.5em
    }
form .form-list-inline {
    padding-top: 0
    }
form .form-list-inline label {
    display: inline-block;
    margin: 0 0 10px;
    position: relative
    }
form .form-list-inline li {
    display: inline-block;
    float: left;
    margin: 0 20px 0 0
    }
[dir="rtl"] form .form-list-inline li {
    float: right;
    margin: 0 0 0 20px
    }
form .form-list-inline ul:after {
    clear: both;
    content: " ";
    display: block;
    height: 1px;
    overflow: hidden;
    width: 1px
    }
form .form-checkbox-single {
    margin: 10px 0
    }
form .form-list-checkboxes ul {
    padding-left: 0
    }
form button[type="submit"] {
    display: block;
    margin: 20px 0 40px
    }
form .card {
    margin-bottom: 10px
    }
form .card li {
    margin: 0;
    padding: 0
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
legend {
    display: none
    }
.main {
    overflow: hidden;
    width: 100%
    }
.section {
    padding: 42px 0 44px;
    position: relative
    }
@media (min-width: 768px) {
    .section {
        padding: 88px 0 94px
        }
    }
.section-success {
    padding: 0
    }
@media (min-width: 768px) {
    .section-success {
        padding: 8px 0 14px
        }
    }
.section-success .section-success-copy {
    margin: 32px 0 46px
    }
@media (min-width: 768px) {
    .section-success .section-success-copy {
        margin: 80px 0
        }
    }
@media (min-width: 768px) {
    .section-faq, .section-featuretabs {
        padding: 80px 0 90px
        }
    }
.section-resources h2 {
    margin: 0 0 30px
    }
@media (min-width: 768px) {
    .section-resources h3 {
        margin: 10px 0 18px
        }
    }
.section-resources p {
    margin: 0 0 20px
    }
.section-resources p:last-child {
    margin-bottom: 0
    }
.section-resources p + h3, .section-resources p.partners {
    margin-top: 30px
    }
@media (min-width: 768px) {
    .section-resources p + h3, .section-resources p.partners {
        margin-top: 40px
        }
    }
@media (min-width: 768px) {
    .section-partner-services .cols-row > div > p:first-child {
        margin-top: 10px
        }
    }
.section-island {
    background-color: #fff;
    padding: 40px
    }
.section-dark .section-island {
    background-color: #f6f6f6
    }
.section-no-bottom-padding {
    padding-bottom: 0
    }
.section-no-bottom-padding .site-width {
    padding-bottom: 0
    }
.section-no-top-padding {
    padding-top: 0
    }
.section-no-top-padding .site-width {
    padding-top: 0
    }
.has-long-copy {
    padding-bottom: 88px
    }
.section-no-mobile-bottom-padding {
    padding-bottom: 0
    }
@media (min-width: 768px) {
    .section-no-mobile-bottom-padding {
        padding-bottom: 80px
        }
    }
.section-no-mobile-bottom-padding .site-width {
    padding-bottom: 0
    }
@media (min-width: 768px) {
    .section-no-mobile-bottom-padding .site-width {
        padding-bottom: 20px
        }
    }
.section-intro-content {
    margin-bottom: 25px
    }
@media (min-width: 768px) {
    .section-intro-content {
        margin-bottom: 0
        }
    }
html:not(.flexbox) .section-intro-content, html:not(.js) .section-intro-content {
    margin-bottom: 40px
    }
.section-image-context {
    position: relative
    }
.section-image-floating {
    margin: 40px 0 0
    }
@media (min-width: 768px) {
    .section-image-floating {
        bottom: -50px;
        margin-top: 0;
        position: absolute;
        right: -1000px;
        z-index: 100
        }
    }
.section-copy {
    position: relative;
    z-index: 800
    }
.section.text-right .column-copy {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
    }
.section.text-right .column-image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
    }
.section-footnotes {
    border-top: 1px solid #d4d4d4;
    font-size: 11px;
    margin-top: 50px;
    width: 100%
    }
.section-footnotes sup {
    font-size: 9px
    }
.section-dark {
    color: #fff
    }
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4, .section-dark h5, .section-dark blockquote, .section-dark a {
    color: #fff
    }
.section-dark .card-inner h1, .section-dark .card-inner h2, .section-dark .card-inner h3, .section-dark .card-inner h4, .section-dark .card-inner h5, .section-dark .card-inner blockquote, .section-dark .card-inner a {
    color: inherit
    }
.section-dark a:hover, .section-dark a:active {
    color: rgba(255, 255, 255, 0.6)
    }
.section.google-yellow a {
    color: inherit;
    text-decoration: underline
    }
.section.google-yellow a.link-more {
    text-decoration: none
    }
.section-sub-heading {
    letter-spacing: 0.5px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative
    }
@media (min-width: 768px) {
    .section-sub-heading {
        margin-bottom: 35px;
        padding-bottom: 20px
        }
    }
.section-sub-heading:after {
    background-color: #f6f6f6;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px
    }
[dir="rtl"] .section-sub-heading:after {
    left: auto;
    right: 0
    }
.section-sub-heading.border-google-blue:after {
    background-color: #448aff
    }
.section-sub-heading.border-google-blue-dark:after {
    background-color: #2962ff
    }
.section-sub-heading.border-google-green:after {
    background-color: #00c853
    }
.section-sub-heading.border-google-green-dark:after {
    background-color: #43a047
    }
.section-sub-heading.border-google-yellow:after {
    background-color: #ffbc00
    }
.section-sub-heading.border-google-red:after {
    background-color: #ff5252
    }
.section-sub-heading.border-google-red-dark:after {
    background-color: #d50000
    }
.section-sub-heading.border-blue:after {
    background-color: #448aff
    }
.section-sub-heading.border-blue-dark:after {
    background-color: #2962ff
    }
.section-sub-heading.border-green:after {
    background-color: #00c853
    }
.section-sub-heading.border-green-dark:after {
    background-color: #43a047
    }
.section-sub-heading.border-yellow:after {
    background-color: #ffbc00
    }
.section-sub-heading.border-red:after {
    background-color: #ff5252
    }
.section-sub-heading.border-red-dark:after {
    background-color: #d50000
    }
.section-sub-heading.border-light-blue:after {
    background-color: #00b0ff
    }
.section-sub-heading.border-teal:after {
    background-color: #1de9b6
    }
.section-sub-heading.border-deep-teal:after {
    background-color: #00bfa5
    }
.section-sub-heading.border-orange:after {
    background-color: #ff6d00
    }
.section-sub-heading.border-purple:after {
    background-color: #7c4dff
    }
.section-sub-heading.border-light-gray:after {
    background-color: #f6f6f6
    }
.section-sub-heading.border-gray-10:after {
    background-color: #444
    }
.section-sub-heading.border-gray-20:after {
    background-color: #848484
    }
.section-sub-heading.border-gray-30:after {
    background-color: #a3a3a3
    }
.section-sub-heading.border-black:after {
    background-color: #000
    }
.section-sub-heading.border-white:after {
    background-color: #fff
    }
.google-blue {
    background-color: #448aff
    }
.google-blue.fab:hover {
    background: #2962ff
    }
.google-blue-dark {
    background-color: #2962ff
    }
.google-blue-dark.fab:hover {
    background: #448aff
    }
.google-green {
    background-color: #00c853
    }
.google-green.fab:hover {
    background: #43a047
    }
.google-green-dark {
    background-color: #43a047
    }
.google-green-dark.fab:hover {
    background: #00c853
    }
.google-yellow {
    background-color: #ffbc00
    }
.google-yellow.fab:hover {
    background: #f9a825
    }
.google-red {
    background-color: #ff5252
    }
.google-red.fab:hover {
    background: #d50000
    }
.google-red-dark {
    background-color: #d50000
    }
.google-red-dark.fab:hover {
    background: #ff5252
    }
.blue {
    background-color: #448aff
    }
.blue-dark {
    background-color: #2962ff
    }
.blue-dark.fab:hover {
    background: #448aff
    }
.green {
    background-color: #00c853
    }
.green-dark {
    background-color: #43a047
    }
.green-dark.fab:hover {
    background: #00c853
    }
.yellow {
    background-color: #ffbc00
    }
.red {
    background-color: #ff5252
    }
.red-dark {
    background-color: #d50000
    }
.red-dark.fab:hover {
    background: #ff5252
    }
.light-blue {
    background-color: #00b0ff
    }
.teal {
    background-color: #1de9b6
    }
.deep-teal {
    background-color: #00bfa5
    }
.orange {
    background-color: #ff6d00
    }
.purple {
    background-color: #7c4dff
    }
.light-gray {
    background-color: #f6f6f6
    }
.gray-10 {
    background-color: #444
    }
.gray-20 {
    background-color: #848484
    }
.gray-30 {
    background-color: #a3a3a3
    }
.black {
    background-color: #000
    }
.white {
    background-color: #fff
    }
.form.dark input[type="text"], .form.dark input[type="email"], .form.dark input[type="url"], .form.dark input[type="number"], .form.dark input.form-text, .form.dark textarea, .form.dark select {
    background-color: inherit;
    color: #fff
    }
.color-google-blue {
    color: #448aff
    }
.color-google-blue-dark {
    color: #2962ff
    }
.color-google-green {
    color: #00c853
    }
.color-google-green-dark {
    color: #43a047
    }
.color-google-yellow {
    color: #ffbc00
    }
.color-google-red {
    color: #ff5252
    }
.color-google-red-dark {
    color: #d50000
    }
.color-blue {
    color: #448aff
    }
.color-blue-dark {
    color: #2962ff
    }
.color-green {
    color: #00c853
    }
.color-green-dark {
    color: #43a047
    }
.color-yellow {
    color: #ffbc00
    }
.color-red {
    color: #ff5252
    }
.color-red-dark {
    color: #d50000
    }
.color-light-blue {
    color: #00b0ff
    }
.color-teal {
    color: #1de9b6
    }
.color-deep-teal {
    color: #00bfa5
    }
.color-orange {
    color: #ff6d00
    }
.color-purple {
    color: #7c4dff
    }
.color-light-gray {
    color: #f6f6f6
    }
.color-gray-10 {
    color: #444
    }
.color-gray-20 {
    color: #848484
    }
.color-gray-30 {
    color: #a3a3a3
    }
.color-black {
    color: #000
    }
.color-white {
    color: #fff
    }
.asterisk {
    padding-left: 0.8em;
    position: relative
    }
[dir="rtl"] .asterisk {
    padding-left: 0;
    padding-right: 0.8em
    }
.asterisk:before {
    content: "*";
    left: 0;
    position: absolute
    }
[dir="rtl"] .asterisk:before {
    left: auto;
    right: 0
    }
.flexbox .align-center {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -webkit-box-pack: center
    }
.flexbox .align-vertical-center {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center
    }
.flexbox .align-content-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
    }
.flexbox .align-content-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
    }
.flexbox .align-content-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end
    }
.flexbox .align-items-start {
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
    }
.flexbox .align-items-center {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
    }
.flexbox .align-items-end {
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
    }
.flexbox .align-self-start {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start
    }
.flexbox .align-self-center {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
    }
.flexbox .align-self-end {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end
    }
.text-align-left {
    text-align: left
    }
[dir="rtl"] .text-align-left {
    text-align: right
    }
.text-align-center {
    text-align: center
    }
.text-align-right {
    text-align: right
    }
[dir="rtl"] .text-align-right {
    text-align: left
    }
.text-nowrap {
    white-space: nowrap
    }
.position-abs {
    position: absolute
    }
.position-rel {
    position: relative
    }
.display-inline-block {
    display: inline-block
    }
.display-block {
    display: block
    }
.display-inline {
    display: inline
    }
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
.hidden {
    visibility: hidden
    }
.hidden-xs {
    display: none
    }
@media (min-width: 768px) {
    .hidden-xs {
        display: block
        }
    }
.hidden-s {
    display: block
    }
@media (min-width: 768px) {
    .hidden-s {
        display: none
        }
    }
@media (min-width: 768px) {
    .mobile-only {
        display: none
        }
    }
.overflow-hidden {
    overflow: hidden
    }
img.img-incol {
    border: 0;
    max-width: 100%
    }
img.img-centerincol {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
.no-padding-bottom {
    padding-bottom: 0
    }
.no-padding-top {
    padding-top: 0
    }
.no-padding {
    padding: 0
    }
.no-margin {
    margin: 0
    }
.vertical-offset {
    margin-top: 35px
    }
hr.separator {
    border-top: solid 1px #a3a3a3;
    border-width: 1px 0 0;
    margin: 20px 0 40px
    }
@media (min-width: 768px) {
    hr.separator {
        margin: 30px 0 50px
        }
    }
.row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: row;
    -webkit-box-direction: reverse
    }
.uppercase {
    text-transform: uppercase
    }
.button, a.button {
    background: #00c853;
    border: none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    height: 48px;
    letter-spacing: 0.5px;
    line-height: 48px;
    padding: 0 24px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
    }
.button:hover, .button:focus, a.button:hover, a.button:focus {
    background: #43a047
    }
.button.button-secondary, a.button.button-secondary {
    background-color: #448aff;
    height: 40px;
    line-height: 40px;
    padding: 0 16px
    }
.button.button-secondary:hover, .button.button-secondary:focus, a.button.button-secondary:hover, a.button.button-secondary:focus {
    background-color: #2962ff
    }
.button.button-apps, a.button.button-apps {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    color: #fff;
    padding: 0
    }
.button.button-apps:hover, .button.button-apps:focus, a.button.button-apps:hover, a.button.button-apps:focus {
    color: #fff
    }
.button.button-apps .button-label, a.button.button-apps .button-label {
    padding: 0 12px 0 24px
    }
.button.button-apps .button-segment, a.button.button-apps .button-segment {
    background-color: transparent;
    display: inline-block;
    padding: 0 12px;
    height: 48px;
    line-height: 48px;
    transition: background 0.3s ease-in-out;
    vertical-align: top
    }
.button.button-apps .button-segment .icon, a.button.button-apps .button-segment .icon {
    display: inline-block;
    margin-top: -3px;
    vertical-align: middle
    }
.button.button-apps .button-segment:hover, .button.button-apps .button-segment:focus, a.button.button-apps .button-segment:hover, a.button.button-apps .button-segment:focus {
    background-color: rgba(0, 0, 0, 0.1)
    }
.button:disabled, .button:disabled:hover, a.button:disabled, a.button:disabled:hover {
    background: #d4d4d4;
    color: #fff;
    cursor: not-allowed
    }
.button.button-small, a.button.button-small {
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    padding: 0 18px
    }
.fab, a.fab {
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    width: 50px
    }
.fab:hover, .fab:focus, a.fab:hover, a.fab:focus {
    color: #fff
    }
.fab-bottom-center {
    bottom: 375px;
    left: 15px;
    position: absolute;
    z-index: 100
    }
@media (min-width: 768px) {
    .fab-bottom-center {
        bottom: 25px;
        left: 50%;
        margin-left: -25px
        }
    }
@media (min-width: 768px) {
    .fab-bottom-overlap {
        margin-bottom: -50px
        }
    }
.card {
    margin-bottom: 30px
    }
@media (min-width: 768px) {
    .card {
        margin-bottom: 0
        }
    }
.flexbox .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
    }
.card .card-inner {
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    padding: 30px;
    width: 100%
    }
.success-stories-list .card .card-inner:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
    }
.card .card-logo img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
    max-width: 100%
    }
.section-dark .card .card-inner {
    background: #f6f6f6;
    color: #848484
    }
.section-dark .card .card-inner:hover {
    color: #848484
    }
.section-dark .card h1, .section-dark .card h2, .section-dark .card h3 {
    color: #444
    }
.section-dark .card a {
    color: #448aff;
    text-decoration: none
    }
.section-dark .card a:hover {
    color: #2962ff
    }
.card.card-white .card-inner {
    background: #fff
    }
.card.card-light-gray .card-inner {
    background: #f6f6f6
    }
.card.card-google-blue .card-inner {
    background-color: #448aff
    }
.card.card-google-blue-dark .card-inner {
    background-color: #2962ff
    }
.card.card-google-green .card-inner {
    background-color: #00c853
    }
.card.card-google-green-dark .card-inner {
    background-color: #43a047
    }
.card.card-google-yellow .card-inner {
    background-color: #ffbc00
    }
.card.card-google-red .card-inner {
    background-color: #ff5252
    }
.card.card-google-red-dark .card-inner {
    background-color: #d50000
    }
.card.card-blue .card-inner {
    background-color: #448aff
    }
.card.card-blue-dark .card-inner {
    background-color: #2962ff
    }
.card.card-green .card-inner {
    background-color: #00c853
    }
.card.card-green-dark .card-inner {
    background-color: #43a047
    }
.card.card-yellow .card-inner {
    background-color: #ffbc00
    }
.card.card-red .card-inner {
    background-color: #ff5252
    }
.card.card-red-dark .card-inner {
    background-color: #d50000
    }
.card.card-light-blue .card-inner {
    background-color: #00b0ff
    }
.card.card-teal .card-inner {
    background-color: #1de9b6
    }
.card.card-deep-teal .card-inner {
    background-color: #00bfa5
    }
.card.card-orange .card-inner {
    background-color: #ff6d00
    }
.card.card-purple .card-inner {
    background-color: #7c4dff
    }
.card.card-light-gray .card-inner {
    background-color: #f6f6f6
    }
.card.card-gray-10 .card-inner {
    background-color: #444
    }
.card.card-gray-20 .card-inner {
    background-color: #848484
    }
.card.card-gray-30 .card-inner {
    background-color: #a3a3a3
    }
.card.card-black .card-inner {
    background-color: #000
    }
.card.card-white .card-inner {
    background-color: #fff
    }
.card.hidden {
    display: none
    }
.card.card-related {
    margin-bottom: 20px
    }
@media (min-width: 768px) {
    .card.card-related {
        margin-bottom: 35px;
        margin-top: 10px
        }
    }
.card.card-related .card-inner {
    color: #a3a3a3;
    display: block;
    max-width: 228px;
    min-height: 280px;
    padding-bottom: 60px;
    position: relative;
    z-index: 500
    }
.card.card-related .card-inner:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    color: #a3a3a3
    }
.card.card-related .card-inner:hover .icon-arrow-related {
    color: #2962ff
    }
.card.card-related h3 {
    margin-bottom: 14px
    }
.card.card-related h3 .subtitle {
    font-size: 13px;
    vertical-align: bottom
    }
.card.card-related .icon-wrapper {
    clear: both;
    content: "";
    display: table
    }
.card.card-related .icon-circle {
    float: left;
    padding-left: 12px;
    position: relative
    }
.card.card-related .icon-circle .product-logo {
    max-height: 18px
    }
.card.card-related .icon-circle .icon-circle-bg {
    border-radius: 48px;
    content: "";
    height: 42px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 42px;
    z-index: -1
    }
.card.card-related .icon-circle .icon-circle-bg.red-card {
    background: #ff5252
    }
.card.card-related .icon-circle .icon-circle-bg.orange-card {
    background: #ff6d00
    }
.card.card-related .icon-circle .icon-circle-bg.teal-card {
    background: #00bfa5
    }
.card.card-related .icon-circle .icon-circle-bg.blue-card {
    background: #448aff
    }
.card.card-related h6 {
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: -2px 0 0 24px;
    text-transform: uppercase
    }
.card.card-related h6.red-card {
    color: #ff5252
    }
.card.card-related h6.orange-card {
    color: #ff6d00
    }
.card.card-related h6.teal-card {
    color: #00bfa5
    }
.card.card-related h6.blue-card {
    color: #448aff
    }
.card.card-related .product-logo {
    margin-bottom: 35px;
    max-height: 30px;
    max-width: 100%
    }
.card.card-related:not(.custom-cta) .icon-arrow-related {
    bottom: 22px;
    color: #448aff;
    position: absolute;
    right: 22px
    }
[dir="rtl"] .card.card-related:not(.custom-cta) .icon-arrow-related {
    left: 22px;
    right: auto
    }
.card.card-related.custom-cta .card-inner {
    padding-bottom: 30px
    }
.flexbox .card.card-related.custom-cta .card-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
    }
.card.card-related.custom-cta .link-more {
    display: block
    }
.flexbox .card.card-related.custom-cta .link-more {
    margin-top: auto
    }
.card.card-related.custom-cta p.last {
    margin-bottom: 24px
    }
.card.card-related.custom-cta .link-more-label {
    margin-right: 4px;
    vertical-align: middle
    }
.card.card-related.custom-cta:hover .link-more, .card.card-related.custom-cta:focus .link-more {
    color: #2962ff
    }
.card.card-resource .resource-doctype {
    font-weight: 500;
    text-transform: uppercase
    }
.card.card-resource .doctype {
    margin-right: 10px
    }
.card.card-resource strong {
    display: block;
    margin: 25px 0 15px
    }
.card.card-resource .card-inner {
    color: #a3a3a3;
    max-width: 228px
    }
@media (min-width: 768px) {
    .card.card-resource .card-inner {
        max-width: none
        }
    }
@media (min-width: 768px) {
    .card.card-offset-bottom, .section-success .card.card-offset-bottom {
        margin-bottom: -60px;
        position: relative;
        z-index: 200
        }
    }
.flexbox .card-horizontal .card-inner {
    max-width: 228px
    }
@media (min-width: 768px) {
    .flexbox .card-horizontal .card-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        max-width: none
        }
    }
.flexbox .card-horizontal .card-logo img {
    margin: 0 auto 40px
    }
@media (min-width: 768px) {
    .flexbox .card-horizontal .card-logo {
        flex-basis: 33.01435%;
        -ms-flex-basis: 33.01435%;
        -ms-flex-preferred-size: 33.01435%;
        -webkit-flex-basis: 33.01435%;
        max-width: 33.01435%;
        padding-right: 6%;
        text-align: center
        }
    .flexbox .card-horizontal .card-logo img {
        display: inline-block;
        margin: 0 auto
        }
    }
@media (min-width: 768px) {
    .flexbox .card-horizontal .card-content {
        flex-basis: 66.98565%;
        -ms-flex-basis: 66.98565%;
        -ms-flex-preferred-size: 66.98565%;
        -webkit-flex-basis: 66.98565%;
        max-width: 66.98565%
        }
    }
@media (min-width: 768px) {
    .flexbox[dir="rtl"] .card-horizontal .card-logo {
        padding-left: 6%;
        padding-right: 0
        }
    }
.card-horizontal .card-inner {
    padding-bottom: 30px;
    padding-top: 30px
    }
.section-success .card-horizontal .card-inner:hover, .success-overview .card-horizontal .card-inner:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
    }
@media (min-width: 768px) {
    .card-horizontal .card-inner {
        padding-bottom: 60px;
        padding-top: 60px
        }
    }
.flexbox .section-success .card-horizontal .card-inner {
    max-width: 312px
    }
@media (min-width: 768px) {
    .flexbox .section-success .card-horizontal .card-inner {
        max-width: none
        }
    }
html:not(.flexbox) .card-horizontal .card-inner, html:not(.js) .card-horizontal .card-inner {
    margin-bottom: 30px
    }
html:not(.flexbox) .card-horizontal .card-inner .card-logo, html:not(.js) .card-horizontal .card-inner .card-logo {
    margin-bottom: 30px
    }
html:not(.flexbox) .card-horizontal .card-inner .card-logo img, html:not(.js) .card-horizontal .card-inner .card-logo img {
    margin: 0
    }
.section-success .card {
    margin-bottom: 0
    }
.card-success, .card-quote {
    margin-bottom: 24px
    }
.card-success:last-child, .card-quote:last-child {
    margin-bottom: 0
    }
@media (min-width: 768px) {
    .card-success:last-child, .card-quote:last-child {
        margin-bottom: 24px
        }
    }
.card-success .card-inner, .card-quote .card-inner {
    padding: 0
    }
.card-success.card .card-inner, .card-quote.card .card-inner {
    max-width: 312px
    }
.card-success-logo, .card-success-video, .card-success-image {
    border-bottom: 1px solid #dadada;
    height: 175px;
    margin: 0 0 40px;
    position: relative
    }
.card-success-image {
    height: auto
    }
.card-success-image img {
    max-width: 100%
    }
.flexbox .card-success-logo {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
    }
.flexbox .card-success-logo img {
    margin: 0;
    max-width: 150px
    }
.card-success-video {
    border-width: 0;
    height: auto;
    max-height: 175px
    }
.card-success-video img {
    width: 100%
    }
.card-success-video .fab {
    bottom: -25px;
    position: absolute;
    right: 25px
    }
[dir="rtl"] .card-success-video .fab {
    left: 25px;
    right: auto
    }
.card-success .card-inner, .card.card-persona .card-inner {
    padding-bottom: 75px;
    position: relative
    }
.card-success .card-inner .link-more, .card.card-persona .card-inner .link-more {
    bottom: 25px;
    display: inline-block;
    padding: 0 25px;
    position: absolute
    }
.card-success .card-success-content, .card.card-persona .card-success-content {
    padding: 0 30px
    }
.card-success .card-success-content .icon-pdf, .card.card-persona .card-success-content .icon-pdf {
    margin-left: 0
    }
[dir="rtl"] .card-success .card-success-content .icon-pdf, [dir="rtl"] .card.card-persona .card-success-content .icon-pdf {
    margin-left: 5px;
    margin-right: 0
    }
.card-quote-content {
    font-weight: 300;
    padding: 30px
    }
.card-quote-content blockquote {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 30px
    }
@media (min-width: 768px) {
    .card-quote-content blockquote {
        font-size: 22px;
        line-height: 30px
        }
    }
@media (min-width: 768px) {
    .section-success-hero .card {
        max-width: none
        }
    }
.section-success-hero .card .card-inner {
    padding: 0
    }
.section-success-hero .card .card-inner .card-success-video {
    max-height: none
    }
.section-success-hero .card .card-inner .card-content {
    padding: 0 30px 75px
    }
@media (min-width: 768px) {
    .section-success-hero .card .card-inner .card-content {
        padding: 0 30px 40px
        }
    }
.card.shadow .card-inner {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
    }
.cards-carousel {
    position: relative
    }
.cards-carousel .cards {
    list-style: none;
    margin: 0;
    min-height: 320px;
    opacity: 0;
    padding: 0;
    position: relative;
    transition: opacity 0.5s linear
    }
.cards-carousel .cards.has-cta {
    min-height: 440px
    }
@media (min-width: 1200px) {
    .cards-carousel .cards.has-cta {
        min-height: 410px
        }
    }
@media (min-width: 1024px) {
    .cards-carousel .cards {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex
        }
    }
.cards-carousel .cards.glue-pagination-pages-ready {
    opacity: 1
    }
.cards-carousel .glue-pagination-page {
    display: block;
    height: 100%
    }
@media (min-width: 1024px) {
    .cards-carousel .glue-pagination-page {
        left: 55px;
        opacity: 0;
        position: absolute;
        right: 55px;
        top: 0;
        transition: opacity 0.5s linear;
        z-index: 1
        }
    }
@media (min-width: 1200px) {
    .cards-carousel .glue-pagination-page {
        left: 0;
        right: 0
        }
    }
.cards-carousel .glue-pagination-page.glue-pagination-page-show {
    opacity: 1;
    z-index: 2
    }
.cards-carousel .glue-pagination-page.glue-pagination-previously-shown {
    opacity: 1;
    z-index: 1
    }
.cards-carousel .glue-pagination-page ol {
    -webkit-align-content: stretch;
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 0
    }
@media (min-width: 1024px) {
    .cards-carousel .glue-pagination-page ol {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
        }
    }
.cards-carousel .glue-pagination-previous, .cards-carousel .glue-pagination-next {
    display: none;
    position: absolute;
    top: 140px;
    transition: opacity 0.2s linear
    }
@media (min-width: 1024px) {
    .cards-carousel .glue-pagination-previous, .cards-carousel .glue-pagination-next {
        display: block
        }
    }
.cards-carousel .glue-pagination-previous button, .cards-carousel .glue-pagination-next button {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 50px
    }
.cards-carousel .glue-pagination-previous button svg, .cards-carousel .glue-pagination-next button svg {
    fill: #848484
    }
.cards-carousel .glue-pagination-previous button[disabled], .cards-carousel .glue-pagination-next button[disabled] {
    opacity: 0
    }
.cards-carousel .glue-pagination-previous button:not([disabled]), .cards-carousel .glue-pagination-next button:not([disabled]) {
    cursor: pointer
    }
.cards-carousel .glue-pagination-previous button:not([disabled]):hover, .cards-carousel .glue-pagination-previous button:not([disabled]):focus, .cards-carousel .glue-pagination-next button:not([disabled]):hover, .cards-carousel .glue-pagination-next button:not([disabled]):focus {
    background-color: #eee;
    outline: 0
    }
.cards-carousel .glue-pagination-previous button:not([disabled]):hover svg, .cards-carousel .glue-pagination-previous button:not([disabled]):focus svg, .cards-carousel .glue-pagination-next button:not([disabled]):hover svg, .cards-carousel .glue-pagination-next button:not([disabled]):focus svg {
    fill: #444
    }
.cards-carousel .glue-pagination-previous {
    left: 0
    }
@media (min-width: 1200px) {
    .cards-carousel .glue-pagination-previous {
        left: -65px
        }
    }
.cards-carousel .glue-pagination-next {
    right: 0
    }
@media (min-width: 1200px) {
    .cards-carousel .glue-pagination-next {
        right: -65px
        }
    }
.cards-carousel .card-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-bottom: 22px
    }
@media (min-width: 768px) {
    .cards-carousel .card-col {
        margin-bottom: 0
        }
    }
.cards-carousel .card {
    box-flex: 1;
    flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1
    }
@media (min-width: 768px) {
    .cards-carousel .card {
        margin-top: 0
        }
    }
.cards-carousel .card, .cards-carousel .card-col-button-wrapper {
    margin-left: 8px;
    margin-right: 8px
    }
svg {
    display: none;
    fill: currentColor;
    vertical-align: middle
    }
svg + img {
    display: inline;
    vertical-align: middle
    }
.inlinesvg.svg svg {
    display: inline
    }
.inlinesvg.svg svg + img {
    display: none
    }
a.link-more svg, a.link-more img, h4 svg {
    margin: 0 5px
    }
.link-more .icon-pdf {
    margin: 0 5px 0 0
    }
[dir="rtl"] .link-more .icon-pdf {
    margin: 0 0 0 5px
    }
.fab {
    display: none
    }
.inlinesvg.svg .fab {
    display: inline-block
    }
.inlinesvg.svg .section-hero .fab {
    display: none
    }
@media (min-width: 768px) {
    .inlinesvg.svg .section-hero .fab {
        display: inline-block
        }
    }
.inlinesvg.svg .fab svg {
    fill: #fff;
    display: block;
    margin: 0 auto
    }
.inlinesvg.svg .fab .icon-fab-scroll {
    height: 14px;
    margin-top: 19px;
    width: 14px
    }
.inlinesvg.svg .fab .icon-fab-video {
    margin-top: 13px
    }
.inlinesvg.svg .fab .icon-fab-menu {
    margin-top: 13px
    }
.inlinesvg.svg .fab .icon-fab-doctype-whitepaper {
    margin-top: 12px
    }
.icon-pdf, .icon-arrow-more {
    position: relative;
    top: -0.1em
    }
.link-more .icon-pdf {
    height: 24px;
    width: 24px
    }
[dir="rtl"] .icon-arrow-more, [dir="rtl"] .icon-arrow-related {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
    }
.doctype {
    background: #00b0ff;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    padding: 16px
    }
.doctype img, .doctype svg {
    height: 24px;
    width: 24px
    }
.doctype.doctype-guide, .doctype.doctype-overview, .doctype.doctype-video {
    background: #ff5252
    }
.doctype.doctype-casestudy, .doctype.doctype-tool, .doctype.doctype-webinar {
    background: #00bfa5
    }
.doctype.doctype-checklist, .doctype.doctype-feature, .doctype.doctype-whitepaper {
    background: #00b0ff
    }
.doctype.doctype-article, .doctype.doctype-ebook, .doctype.doctype-infographic, .doctype.doctype-report {
    background: #ffbc00
    }
.doctype.doctype-education {
    background: #448aff
    }
.doctype-guide-title, .doctype-productoverview-title, .doctype-video-title {
    color: #ff5252
    }
.doctype-casestudy-title, .doctype-tool-title, .doctype-webinar-title {
    color: #00bfa5
    }
.doctype-checklist-title, .doctype-featurebrief-title, .doctype-whitepaper-title {
    color: #00b0ff
    }
.doctype-article-title, .doctype-ebook-title, .doctype-infographic-title, .doctype-report-title {
    color: #ffbc00
    }
.doctype-education-title {
    color: #448aff
    }
.icon-thanks {
    color: #00bfa5
    }
.footer {
    background-color: #444;
    color: #a3a3a3;
    padding: 50px 0
    }
@media (min-width: 768px) {
    .footer {
        padding: 40px 0
        }
    }
@media (min-width: 1024px) {
    .footer {
        padding: 35px 0
        }
    }
.footer a {
    color: inherit
    }
.footer-compact {
    padding: 40px 0
    }
.footer-social {
    margin-bottom: 40px
    }
@media (min-width: 768px) {
    .footer-social {
        margin-bottom: 0
        }
    }
.footer-social dl, .footer-social dt, .footer-social dd {
    margin: 0 0 0 22px
    }
.footer-social dl:first-child, .footer-social dt:first-child, .footer-social dd:first-child {
    margin-left: 0
    }
[dir="rtl"] .footer-social dl, [dir="rtl"] .footer-social dt, [dir="rtl"] .footer-social dd {
    margin: 0 22px 0 0
    }
[dir="rtl"] .footer-social dl:first-child, [dir="rtl"] .footer-social dt:first-child, [dir="rtl"] .footer-social dd:first-child {
    margin-right: 0
    }
.footer-social dt, .footer-social dd {
    display: inline-block
    }
.footer-meta-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.footer-meta-links li {
    display: inline-block;
    margin-left: 24px
    }
.footer-meta-links li:first-child {
    margin-left: 0
    }
[dir="rtl"] .footer-meta-links li {
    margin-left: 0;
    margin-right: 24px
    }
[dir="rtl"] .footer-meta-links li:first-child {
    margin-right: 0
    }
.footer-upper {
    margin-bottom: 50px
    }
@media (min-width: 768px) {
    .footer-upper {
        margin-bottom: 40px
        }
    }
@media (min-width: 1024px) {
    .footer-upper {
        margin-bottom: 35px
        }
    }
@media (min-width: 768px) {
    .footer-upper .footer-meta-links {
        text-align: right
        }
    [dir="rtl"] .footer-upper .footer-meta-links {
        text-align: left
        }
    }
html:not(.flexbox) .footer-upper .footer-meta-links, html:not(.js) .footer-upper .footer-meta-links {
    text-align: left;
    margin-top: 30px
    }
.footer-nav {
    border: #646464 solid;
    border-width: 1px 0;
    margin-bottom: 0;
    padding: 50px 0
    }
@media (min-width: 768px) {
    .footer-nav {
        padding: 40px 0
        }
    }
@media (min-width: 1024px) {
    .footer-nav {
        padding: 35px 0
        }
    }
.footer-nav dl {
    margin-bottom: 50px;
    margin-top: 0
    }
@media (min-width: 768px) {
    .footer-nav dl {
        margin-bottom: 0
        }
    }
.footer-nav dl:last-child {
    margin-bottom: 0
    }
html:not(.flexbox) .footer-nav dl, html:not(.js) .footer-nav dl {
    margin-bottom: 40px
    }
html:not(.flexbox) .footer-nav dl:last-child, html:not(.js) .footer-nav dl:last-child {
    margin-bottom: 0
    }
.footer-nav dt {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px
    }
.footer-nav dt a {
    color: inherit
    }
@media (min-width: 1024px) {
    .footer-nav dt {
        margin-bottom: 20px
        }
    }
.footer-nav dd {
    margin: 0 0 20px
    }
.footer-nav dd:last-child {
    margin-bottom: 0
    }
@media (min-width: 1024px) {
    .footer-nav dd {
        margin-bottom: 10px
        }
    }
.footer-lower {
    margin-top: 30px
    }
.footer-lower .icon-footer-help {
    margin-right: 10px
    }
[dir="rtl"] .footer-lower .icon-footer-help {
    margin-left: 10px;
    margin-right: 0
    }
.footer-lower.footer-lower-isolated {
    margin-top: 0
    }
.footer-lower .footer-locale-switcher {
    display: block;
    margin-top: 30px
    }
@media (min-width: 768px) {
    .flexbox .footer-lower .footer-locale-switcher {
        margin-top: 0;
        text-align: right
        }
    [dir="rtl"].flexbox .footer-lower .footer-locale-switcher {
        text-align: left
        }
    }
.footer-lower .footer-locale-switcher select {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding-bottom: 0
    }
.flexbox .footer-lower .footer-locale-switcher select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #444 url(/google.com/ads/images/icons/icon-dropdown.png) right 50% no-repeat;
    background-size: 10px 5px;
    border: none;
    border-radius: 0;
    color: inherit;
    padding-right: 15px
    }
.flexbox .footer-lower .footer-locale-switcher select::-ms-expand {
    display: none
    }
[dir="rtl"].flexbox .footer-lower .footer-locale-switcher select {
    background-position: left 50%;
    padding-left: 15px;
    padding-right: 0
    }
.gplus-simple h3 {
    margin-bottom: 5px
    }
.gplus-simple .icon-product {
    margin: 10px 0
    }
.gplus-simple .post-title {
    margin-top: 20px
    }
.gplus-simple h3 + .post-title {
    margin-top: 0
    }
.gplus-simple.gplus-simple-multiple .icon-product {
    height: 56px;
    width: 56px
    }
@media (min-width: 768px) {
    .gplus-simple.gplus-simple-multiple h3 {
        padding-top: 24px;
        margin-bottom: 30px
        }
    }
.g-plus-title {
    margin-bottom: 40px
    }
.g-plus-title img {
    display: inline;
    margin-right: 20px;
    vertical-align: middle;
    width: 32px
    }
[dir="rtl"] .g-plus-title img {
    margin-left: 0;
    margin-right: 20px
    }
.g-plus-title h3 {
    display: inline;
    vertical-align: middle
    }
.g-plus-cards .g-plus-header {
    background-color: #f6f6f6;
    border-bottom: 1px solid #eee;
    height: 25px;
    line-height: 25px;
    padding-left: 13px
    }
@media (min-width: 768px) {
    .g-plus-cards .g-plus-header {
        height: 30px;
        line-height: 30px
        }
    }
[dir="rtl"] .g-plus-cards .g-plus-header {
    padding-left: 0;
    padding-right: 13px
    }
.g-plus-cards a .gplus-meta {
    color: #848484
    }
.g-plus-cards a .gplus-meta strong {
    color: #000
    }
.g-plus-cards .card {
    margin-bottom: 20px
    }
.g-plus-cards .card-inner {
    border: 1px solid #eee;
    padding: 0
    }
.g-plus-cards .gplus-activity {
    font-size: 13px;
    line-height: 17px;
    padding: 10px 13px
    }
.g-plus-cards .gplus-meta {
    padding: 15px 13px
    }
.g-plus-cards .gplus-meta {
    padding-bottom: 0
    }
.g-plus-cards .gplus-meta p {
    display: inline-block;
    line-height: 1.4em;
    margin: 0;
    vertical-align: middle
    }
.g-plus-cards .gplus-meta img {
    border-color: transparent;
    border-width: 0;
    border-radius: 50%;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle
    }
[dir="rtl"] .g-plus-cards .gplus-meta img {
    padding-left: 5px;
    padding-right: 0
    }
.g-plus-cards .gplus-meta .gplus-date {
    font-size: 80%
    }
.g-plus-cards .gplus-image {
    max-width: 100%;
    padding: 5px
    }
.g-plus-cards .gplus-content {
    clear: left
    }
.g-plus-cards .gplus-content p {
    margin-bottom: 0
    }
.g-plus-cards .gplus-content a, .g-plus-cards .gplus-content a:hover {
    color: #848484
    }
.section-hero {
    min-height: 400px;
    padding: 0
    }
.section-hero-media {
    min-height: 400px;
    position: relative
    }
@media (min-width: 768px) {
    .flexbox .section-hero-media {
        bottom: 0;
        position: absolute;
        top: 0;
        width: 50%
        }
    .flexbox .section-hero-media.section-hero-media-right {
        left: auto;
        right: 0
        }
    [dir="rtl"].flexbox .section-hero-media.section-hero-media-right {
        left: 0;
        right: auto
        }
    .section-hero-media h1 {
        margin-bottom: 30px
        }
    }
.hero-image {
    background-position: left center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
.section-hero-copy {
    padding-bottom: 46px;
    padding-top: 32px
    }
@media (min-width: 768px) {
    .section-hero-copy {
        padding-bottom: 80px;
        padding-top: 80px
        }
    }
.section-hero-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
    }
@media (min-width: 768px) {
    .section-hero-start {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-orient: row;
        -webkit-box-direction: reverse
        }
    }
.section-hero-start .talk-to-human {
    margin: 0;
    font-size: 16px;
    font-weight: 500
    }
.section-hero-start .phone-number {
    margin-bottom: 25px;
    margin-top: 7px
    }
.section-hero-start .contact-info {
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto
    }
.section-hero-start .contact-info .asterisk:before {
    position: static
    }
.caption {
    background-color: #fff;
    border: 0 solid transparent;
    color: #848484;
    display: none
    }
@media (min-width: 768px) {
    .caption {
        border-right-width: 3px;
        bottom: 30px;
        display: block;
        min-width: 250px;
        position: absolute
        }
    [dir="rtl"] .caption {
        border-right-width: 0;
        border-left-width: 3px
        }
    }
.caption.card {
    border-radius: 0;
    display: none;
    margin-bottom: 0;
    padding: 15px 28px 17px
    }
@media (min-width: 768px) {
    .caption.card {
        display: block
        }
    }
.caption.caption-has-video {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0
    }
.caption.caption-has-video .fab-caption {
    display: inline-block !important
    }
@media (min-width: 768px) {
    .caption.caption-has-video {
        bottom: 30px;
        max-width: 250px;
        padding-right: 80px;
        right: auto
        }
    [dir="rtl"] .caption.caption-has-video {
        padding-left: 80px;
        padding-right: 28px;
        right: 0
        }
    }
.caption .name {
    color: #444;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 6px
    }
.caption .name:last-of-type {
    margin-bottom: 0
    }
.caption .role {
    font-size: 10px;
    line-height: normal
    }
.caption .fab-caption {
    height: 42px;
    line-height: 50px;
    position: absolute;
    right: 21px;
    top: -21px;
    width: 42px
    }
[dir="rtl"] .caption .fab-caption {
    left: 21px;
    right: auto
    }
.caption.google-blue {
    border-color: #448aff
    }
.caption.google-blue-dark {
    border-color: #2962ff
    }
.caption.google-green {
    border-color: #00c853
    }
.caption.google-green-dark {
    border-color: #43a047
    }
.caption.google-yellow {
    border-color: #ffbc00
    }
.caption.google-red {
    border-color: #ff5252
    }
.caption.google-red-dark {
    border-color: #d50000
    }
.caption.blue {
    border-color: #448aff
    }
.caption.blue-dark {
    border-color: #2962ff
    }
.caption.green {
    border-color: #00c853
    }
.caption.green-dark {
    border-color: #43a047
    }
.caption.yellow {
    border-color: #ffbc00
    }
.caption.red {
    border-color: #ff5252
    }
.caption.red-dark {
    border-color: #d50000
    }
.caption.light-blue {
    border-color: #00b0ff
    }
.caption.teal {
    border-color: #1de9b6
    }
.caption.deep-teal {
    border-color: #00bfa5
    }
.caption.orange {
    border-color: #ff6d00
    }
.caption.purple {
    border-color: #7c4dff
    }
.caption.light-gray {
    border-color: #f6f6f6
    }
.caption.gray-10 {
    border-color: #444
    }
.caption.gray-20 {
    border-color: #848484
    }
.caption.gray-30 {
    border-color: #a3a3a3
    }
.caption.black {
    border-color: #000
    }
.caption.white {
    border-color: #fff
    }
.section-hero-media-right .caption {
    left: auto;
    right: 0
    }
[dir="rtl"] .section-hero-media-right .caption {
    left: 0;
    right: auto
    }
.section-hero-media-right .caption.caption-has-video {
    left: 0
    }
[dir="rtl"] .section-hero-media-right .caption.caption-has-video {
    right: 0
    }
@media (min-width: 768px) {
    .section-hero-media-right .caption.caption-has-video {
        left: auto
        }
    [dir="rtl"] .section-hero-media-right .caption.caption-has-video {
        right: auto
        }
    }
.section-hero-media-right .caption.google-blue {
    border-left: 3px solid #448aff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-blue {
    border-left: 0;
    border-right: 3px solid #448aff
    }
.section-hero-media-right .caption.google-blue-dark {
    border-left: 3px solid #2962ff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-blue-dark {
    border-left: 0;
    border-right: 3px solid #2962ff
    }
.section-hero-media-right .caption.google-green {
    border-left: 3px solid #00c853;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-green {
    border-left: 0;
    border-right: 3px solid #00c853
    }
.section-hero-media-right .caption.google-green-dark {
    border-left: 3px solid #43a047;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-green-dark {
    border-left: 0;
    border-right: 3px solid #43a047
    }
.section-hero-media-right .caption.google-yellow {
    border-left: 3px solid #ffbc00;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-yellow {
    border-left: 0;
    border-right: 3px solid #ffbc00
    }
.section-hero-media-right .caption.google-red {
    border-left: 3px solid #ff5252;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-red {
    border-left: 0;
    border-right: 3px solid #ff5252
    }
.section-hero-media-right .caption.google-red-dark {
    border-left: 3px solid #d50000;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.google-red-dark {
    border-left: 0;
    border-right: 3px solid #d50000
    }
.section-hero-media-right .caption.blue {
    border-left: 3px solid #448aff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.blue {
    border-left: 0;
    border-right: 3px solid #448aff
    }
.section-hero-media-right .caption.blue-dark {
    border-left: 3px solid #2962ff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.blue-dark {
    border-left: 0;
    border-right: 3px solid #2962ff
    }
.section-hero-media-right .caption.green {
    border-left: 3px solid #00c853;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.green {
    border-left: 0;
    border-right: 3px solid #00c853
    }
.section-hero-media-right .caption.green-dark {
    border-left: 3px solid #43a047;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.green-dark {
    border-left: 0;
    border-right: 3px solid #43a047
    }
.section-hero-media-right .caption.yellow {
    border-left: 3px solid #ffbc00;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.yellow {
    border-left: 0;
    border-right: 3px solid #ffbc00
    }
.section-hero-media-right .caption.red {
    border-left: 3px solid #ff5252;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.red {
    border-left: 0;
    border-right: 3px solid #ff5252
    }
.section-hero-media-right .caption.red-dark {
    border-left: 3px solid #d50000;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.red-dark {
    border-left: 0;
    border-right: 3px solid #d50000
    }
.section-hero-media-right .caption.light-blue {
    border-left: 3px solid #00b0ff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.light-blue {
    border-left: 0;
    border-right: 3px solid #00b0ff
    }
.section-hero-media-right .caption.teal {
    border-left: 3px solid #1de9b6;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.teal {
    border-left: 0;
    border-right: 3px solid #1de9b6
    }
.section-hero-media-right .caption.deep-teal {
    border-left: 3px solid #00bfa5;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.deep-teal {
    border-left: 0;
    border-right: 3px solid #00bfa5
    }
.section-hero-media-right .caption.orange {
    border-left: 3px solid #ff6d00;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.orange {
    border-left: 0;
    border-right: 3px solid #ff6d00
    }
.section-hero-media-right .caption.purple {
    border-left: 3px solid #7c4dff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.purple {
    border-left: 0;
    border-right: 3px solid #7c4dff
    }
.section-hero-media-right .caption.light-gray {
    border-left: 3px solid #f6f6f6;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.light-gray {
    border-left: 0;
    border-right: 3px solid #f6f6f6
    }
.section-hero-media-right .caption.gray-10 {
    border-left: 3px solid #444;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.gray-10 {
    border-left: 0;
    border-right: 3px solid #444
    }
.section-hero-media-right .caption.gray-20 {
    border-left: 3px solid #848484;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.gray-20 {
    border-left: 0;
    border-right: 3px solid #848484
    }
.section-hero-media-right .caption.gray-30 {
    border-left: 3px solid #a3a3a3;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.gray-30 {
    border-left: 0;
    border-right: 3px solid #a3a3a3
    }
.section-hero-media-right .caption.black {
    border-left: 3px solid #000;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.black {
    border-left: 0;
    border-right: 3px solid #000
    }
.section-hero-media-right .caption.white {
    border-left: 3px solid #fff;
    border-right: 0
    }
[dir="rtl"] .section-hero-media-right .caption.white {
    border-left: 0;
    border-right: 3px solid #fff
    }
[data-rs-modal] {
    display: none
    }
[data-rs-modal].rs-modal, [data-rs-modal] html:not(.js) {
    display: block
    }
.glue-modal-overlay {
    background: #494949;
    background: rgba(0, 0, 0, 0.7)
    }
.glue-modal-content {
    overflow: hidden;
    padding: 0
    }
.glue-modal-content.dark-modal {
    background: #000
    }
.glue-modal-close {
    border-radius: 30px;
    background: #fff;
    color: #000;
    font-size: 13px;
    height: 30px;
    right: 0;
    top: 0;
    width: 30px
    }
[dir="rtl"] .glue-modal-close {
    left: 0;
    right: auto
    }
.glue-modal-close:hover {
    background: #fff
    }
.glue-modal-content img, .glue-modal-content iframe {
    border: 0
    }
.modal-content {
    padding: 15px
    }
@media (min-width: 768px) {
    .glue-modal {
        height: 76%;
        position: fixed;
        width: 76%
        }
    .glue-modal-close {
        background: #000;
        color: #fff;
        right: -40px;
        top: -35px
        }
    [dir="rtl"] .glue-modal-close {
        left: -40px;
        right: auto
        }
    .glue-modal-close:hover {
        background: #000
        }
    }
.video-modal-cn {
    height: 100%
    }
.video-modal-cn video {
    height: 100%;
    width: 100%
    }
.ambient-video {
    overflow: hidden
    }
.ambient-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translatex(-50%) translatey(-50%);
    -moz-transform: translatex(-50%) translatey(-50%);
    -ms-transform: translatex(-50%) translatey(-50%);
    -o-transform: translatex(-50%) translatey(-50%);
    transform: translatex(-50%) translatey(-50%)
    }
.ambient-video video[poster] {
    height: 100%
    }
.ambient-video video.video-wide {
    height: auto;
    width: 101%
    }
.ambient-video video.video-narrow {
    height: 101%;
    width: auto
    }
.ambient-video .fab {
    z-index: 700
    }
.header {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    height: 60px;
    min-height: 60px;
    position: relative;
    z-index: 800
    }
@media (min-width: 768px) {
    .header {
        height: auto
        }
    }
.header h1 {
    box-flex: 1;
    flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    color: #848484;
    font-family: "Roboto", arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 15px;
    min-height: 47px;
    overflow: hidden;
    padding: 19px 61px 0;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
    }
@media (min-width: 768px) {
    .header h1 {
        font-size: 20px;
        line-height: 1;
        margin-left: 20px;
        padding: 20px 20px 0 76px;
        top: auto
        }
    [dir="rtl"] .header h1 {
        margin-left: 0
        }
    }
@media (min-width: 1024px) {
    .header h1 {
        margin-left: 40px;
        padding: 20px 20px 0 76px
        }
    [dir="rtl"] .header h1 {
        margin-left: 40px
        }
    }
[dir="rtl"] .header h1 {
    margin: 0 15px 0 0
    }
.header h1 a {
    display: block
    }
.header h1 a, .header h1 a:visited {
    color: #757575
    }
.header h1 img[src$="google_logo_41.png"] {
    content: -webkit-image-set(url(//www.google.com/images/logos/google_logo_41.png) 1x, url(//www.google.com/images/logos/google_logo_41_2x.png) 2x);
    display: inline-block;
    left: 0;
    position: absolute;
    top: 19px;
    width: 60px
    }
@media (min-width: 768px) {
    .header h1 img[src$="google_logo_41.png"] {
        width: 71px
        }
    }
[dir="rtl"] .header h1 img[src$="google_logo_41.png"] {
    left: auto;
    right: 0
    }
.header h1 .site-name {
    display: inline-block
    }
.header h1 .site-name-product {
    border-left: 2px solid #a3a3a3;
    margin-left: 3px;
    padding-left: 4px
    }
@media (min-width: 768px) {
    .header h1 .site-name-product {
        margin-left: 12px;
        padding-left: 15px
        }
    }
.header .nav-toggle-button {
    background: #448aff;
    border: 0;
    color: #fff;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px
    }
@media (min-width: 768px) {
    .header .nav-toggle-button {
        display: none
        }
    }
[dir="rtl"] .header .nav-toggle-button {
    left: 0;
    right: auto
    }
.header .nav-toggle-button .icon-menu-els {
    display: block;
    margin: auto;
    width: 25px
    }
.header .nav-toggle-button .menu-bar {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;
    display: block;
    height: 3px;
    margin-bottom: 4px;
    width: 25px
    }
.header .nav-toggle-button .menu-bar:first-child {
    -webkit-transform: rotate(0) translate(0, 0);
    -moz-transform: rotate(0) translate(0, 0);
    -ms-transform: rotate(0) translate(0, 0);
    -o-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    margin-top: 4px;
    opacity: 1
    }
.header .nav-toggle-button .menu-bar:last-child {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0) translate(0, 0);
    -moz-transform: rotate(0) translate(0, 0);
    -ms-transform: rotate(0) translate(0, 0);
    -o-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
    opacity: 1
    }
.header .upper-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 48px;
    position: relative
    }
@media (min-width: 768px) {
    .header .upper-header {
        z-index: 1
        }
    }
.header .upper-header .nav-dropdown-wrapper, .header .upper-header .cta-wrapper {
    display: none
    }
@media (min-width: 768px) {
    .header .upper-header .nav-dropdown-wrapper, .header .upper-header .cta-wrapper {
        display: inline-flex;
        position: relative
        }
    }
.header .main-navigation {
    background: #fff;
    box-shadow: 0 0 50px 100px transparent;
    height: 0;
    opacity: 0;
    overflow: scroll;
    padding-top: 61px;
    position: fixed;
    right: 0;
    top: 0;
    width: 0
    }
@media (min-width: 768px) {
    .header .main-navigation {
        background: #f6f6f6;
        height: auto;
        opacity: 1;
        overflow: visible;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        width: auto
        }
    .header .main-navigation.white {
        background: #fff
        }
    }
[dir="rtl"] .header .main-navigation {
    left: 0;
    right: auto
    }
.header .main-navigation h1 {
    -webkit-transition: opacity 300ms 300ms;
    -moz-transition: opacity 300ms 300ms;
    -ms-transition: opacity 300ms 300ms;
    -o-transition: opacity 300ms 300ms;
    transition: opacity 300ms 300ms;
    background: #f6f6f6;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: none;
    opacity: 0;
    padding: 20px 70px 20px 24px;
    position: fixed;
    right: 0;
    top: 0;
    width: 90%;
    z-index: 500
    }
[dir="rtl"] .header .main-navigation h1 {
    left: 0;
    padding-left: 0;
    padding-right: 24px;
    right: auto
    }
.header .main-navigation ul {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    height: 1%;
    margin: 0;
    min-height: inherit;
    overflow: hidden;
    padding: 0 0 130px
    }
@media (min-width: 768px) {
    .header .main-navigation ul {
        padding: 17px 20px 0 0
        }
    }
@media (min-width: 1024px) {
    .header .main-navigation ul {
        margin-top: -12px;
        padding: 17px 20px 0
        }
    .header .main-navigation ul .sub-nav {
        padding-left: 20px
        }
    .header .main-navigation ul .sub-nav [dir="rtl"] {
        padding-left: 0;
        padding-right: 20px
        }
    }
.header .main-navigation ul ul {
    padding: 0
    }
.header .main-navigation li {
    -webkit-transition: all 300ms 200ms;
    -moz-transition: all 300ms 200ms;
    -ms-transition: all 300ms 200ms;
    -o-transition: all 300ms 200ms;
    transition: all 300ms 200ms;
    border-left: 4px solid #fff;
    color: #444;
    display: block;
    font-weight: 400;
    list-style-type: none;
    margin: 0;
    min-height: 55px;
    opacity: 0;
    padding: 0;
    position: relative
    }
@media (min-width: 768px) {
    .header .main-navigation li {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        border-left: 0;
        display: inline-block;
        left: auto;
        margin: 0 15px;
        opacity: 1;
        padding: 15px 0;
        position: static
        }
    [dir="rtl"] .header .main-navigation li {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        border-right: 0;
        right: auto
        }
    }
@media (min-width: 1024px) {
    .header .main-navigation li {
        margin: 0 20px
        }
    }
[dir="rtl"] .header .main-navigation li {
    border-left: 0;
    border-right: 4px solid #fff
    }
.header .main-navigation a {
    color: #848484;
    display: block;
    padding: 20px
    }
@media (min-width: 768px) {
    .header .main-navigation a {
        display: inline;
        padding: 0
        }
    }
.header .main-navigation a:hover, .header .main-navigation a:focus {
    color: #448aff
    }
.header .main-navigation .active {
    background: #f6f6f6;
    border-left: 4px solid #448aff;
    color: #444;
    font-weight: 500;
    padding: 20px
    }
@media (min-width: 768px) {
    .header .main-navigation .active {
        background: #fff;
        border-bottom: 2px solid #448aff;
        border-left: 0;
        padding: 15px 0
        }
    [dir="rtl"] .header .main-navigation .active {
        border-right: 0
        }
    }
[dir="rtl"] .header .main-navigation .active {
    border-left: 0;
    border-right: 4px solid #448aff
    }
.header .main-navigation .active a {
    border-bottom: 0
    }
.header .main-navigation .parent {
    padding: 20px 20px 0
    }
@media (min-width: 768px) {
    .header .main-navigation .parent {
        padding: 15px 0
        }
    }
.header .main-navigation .sub-nav {
    margin-top: 20px;
    min-height: 0;
    overflow: visible
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav {
        background: transparent;
        bottom: 0;
        height: 50px;
        left: 0;
        padding-top: 0;
        position: absolute
        }
    [dir="rtl"] .header .main-navigation .sub-nav {
        left: auto;
        padding-top: 0;
        right: 0
        }
    }
.header .main-navigation .sub-nav li {
    margin: 0 -24px;
    min-height: 0;
    padding: 0
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav li {
        background: #f6f6f6;
        line-height: 48px;
        margin: 0 15px
        }
    }
@media (min-width: 1024px) {
    .header .main-navigation .sub-nav li {
        margin: 0 20px
        }
    }
.header .main-navigation .sub-nav li:last-child {
    padding-bottom: 0
    }
.header .main-navigation .sub-nav li a {
    padding-left: 40px
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav li a {
        padding: 0
        }
    }
[dir="rtl"] .header .main-navigation .sub-nav li a {
    padding-left: inherit;
    padding-right: 40px
    }
.header .main-navigation .sub-nav li.active {
    padding: 20px 20px 20px 40px
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav li.active {
        padding: 0
        }
    }
[dir="rtl"] .header .main-navigation .sub-nav li.active {
    padding: 20px 40px 20px 20px
    }
@media (min-width: 768px) {
    .header .main-navigation.contains-sub-nav {
        padding-bottom: 50px
        }
    }
.header .main-navigation .nav-dropdown-wrapper, .header .main-navigation .cta-wrapper {
    display: block
    }
@media (min-width: 768px) {
    .header .main-navigation .nav-dropdown-wrapper, .header .main-navigation .cta-wrapper {
        display: none
        }
    }
.header .cta-wrapper {
    bottom: 0;
    opacity: 1;
    position: fixed;
    width: 90%
    }
@media (min-width: 768px) {
    .header .cta-wrapper {
        bottom: auto;
        padding: 8px;
        position: static;
        width: auto
        }
    .header .cta-wrapper .cta-signup {
        border-radius: 2px
        }
    .header .cta-wrapper a.cta-signup, .header .cta-wrapper a.cta-signin {
        height: 50px;
        line-height: 50px
        }
    }
.header .cta a {
    -webkit-transition: margin 0.3s 0.5s;
    -moz-transition: margin 0.3s 0.5s;
    -ms-transition: margin 0.3s 0.5s;
    -o-transition: margin 0.3s 0.5s;
    transition: margin 0.3s 0.5s;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase
    }
@media (min-width: 768px) {
    .header .cta a {
        padding: 0 12px
        }
    }
@media (min-width: 1024px) {
    .header .cta a {
        padding: 0 20px
        }
    }
@media (min-width: 450px) {
    .header .cta a {
        float: left;
        width: 50%
        }
    [dir="rtl"] .header .cta a {
        float: right
        }
    }
@media (min-width: 768px) {
    .header .cta a {
        display: inline-block;
        float: none;
        width: auto
        }
    }
.header .cta a.cta-signin {
    background: #f6f6f6;
    color: #448aff
    }
@media (min-width: 768px) {
    .header .cta a.cta-signin {
        background: #fff;
        margin-top: 0
        }
    }
.header .cta a.cta-signin:hover, .header .cta a.cta-signin:focus {
    color: #2962ff
    }
.header .cta a.cta-signup {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    background: #00c853;
    color: #fff
    }
.header .cta a.cta-signup:hover, .header .cta a.cta-signup:focus {
    background: #43a047
    }
.header.fixed-nav {
    background: #fff;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%
    }
@media (min-width: 768px) {
    .header.fixed-nav {
        position: relative;
        top: auto
        }
    .header.fixed-nav .cta-wrapper {
        padding: 0
        }
    .header.fixed-nav a.cta-signin {
        display: none
        }
    }
@media (min-width: 768px) {
    .header.fixed-nav a.cta-signup, .header.fixed-nav a.cta-signin {
        border-radius: 0;
        height: 60px;
        line-height: 60px
        }
    }
@media (min-width: 768px) {
    .header.fixed-nav .main-navigation {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        overflow: hidden;
        position: fixed;
        width: 100%
        }
    }
.header.no-nav.fixed-nav {
    background: #fff;
    position: fixed;
    width: 100%
    }
.header.header-is-sticky {
    -webkit-transform: translate3d(0, -105%, 0);
    -moz-transform: translate3d(0, -105%, 0);
    -ms-transform: translate3d(0, -105%, 0);
    -o-transform: translate3d(0, -105%, 0);
    transform: translate3d(0, -105%, 0);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
    }
.header.header-is-sticky .contains-sub-nav .nav-no-padding {
    margin-top: 0;
    max-height: 0;
    overflow: hidden
    }
.header.header-is-sticky.scroll-up .contains-sub-nav .nav-no-padding {
    margin-top: -12px;
    max-height: 72px
    }
.header.header-is-sticky.scroll-up, .header.header-is-sticky.header-is-sticky-down {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
    }
.header.header-is-sticky.header-is-sticky-down {
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s
    }
html.nav-open {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
html.nav-open body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
html.nav-open .header {
    background: transparent
    }
html.nav-open .header .nav-toggle-button {
    position: fixed;
    z-index: 500
    }
html.nav-open .header .menu-bar {
    opacity: 0
    }
html.nav-open .header .menu-bar:first-child {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    -moz-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px);
    -o-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
    margin-top: 4px;
    opacity: 1
    }
html.nav-open .header .menu-bar:last-child {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
    -moz-transform: rotate(-45deg) translate(5px, -5px);
    -ms-transform: rotate(-45deg) translate(5px, -5px);
    -o-transform: rotate(-45deg) translate(5px, -5px);
    transform: rotate(-45deg) translate(5px, -5px);
    opacity: 1
    }
html.nav-open .header .main-navigation {
    box-shadow: 0 0 50px 100px rgba(0, 0, 0, 0.5);
    height: 100%;
    opacity: 1;
    overflow: hidden;
    padding-bottom: 60px;
    width: 90%
    }
@media (min-width: 768px) {
    html.nav-open .header .main-navigation {
        box-shadow: none;
        height: auto;
        width: 100%
        }
    }
html.nav-open .header .main-navigation > ul {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 100%
    }
html.nav-open .header .main-navigation > ul.nav-no-padding {
    padding-bottom: 0
    }
html.nav-open .header .main-navigation li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
    }
@media (min-width: 768px) {
    html.nav-open .header .main-navigation li {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
        }
    }
[dir="rtl"] html.nav-open .header .main-navigation li {
    left: auto;
    right: 0
    }
html.nav-open .header .main-navigation h1 {
    display: block;
    opacity: 1
    }
@media (min-width: 768px) {
    html.nav-open .header .main-navigation h1 {
        display: none
        }
    }
html.nav-open .header .main-navigation.contains-double-cta {
    padding-bottom: 120px
    }
html.mmfb header h1 {
    font-family: "product sans", "open sans", arial, sans-serif;
    font-weight: 400;
    padding: 20px 0 0
    }
@media (min-width: 768px) {
    html.mmfb header h1 {
        padding: 20px 20px 0 0
        }
    [dir="rtl"] html.mmfb header h1 {
        padding: 20px 71px 0 20px
        }
    }
@media (min-width: 1024px) {
    html.mmfb header h1 {
        padding: 20px 20px 0 0
        }
    [dir="rtl"] html.mmfb header h1 {
        padding: 20px 71px 0 20px
        }
    }
html.mmfb header h1 a {
    display: inline-block
    }
html.mmfb header h1 img[src$="googlelogo_color_116x41dp.png"] {
    content: -webkit-image-set(url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_116x41dp.png) 1x, url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_116x41dp.png) 2x);
    display: inline-block;
    vertical-align: baseline;
    width: 60px
    }
@media (min-width: 768px) {
    html.mmfb header h1 img[src$="googlelogo_color_116x41dp.png"] {
        width: 71px
        }
    }
[dir="rtl"] html.mmfb header h1 img[src$="googlelogo_color_116x41dp.png"] {
    left: auto;
    right: 0
    }
html.mmfb header h1 .site-name {
    left: -3px;
    position: relative;
    top: -7px
    }
@media (min-width: 768px) {
    html.mmfb header h1 .site-name {
        top: -8px
        }
    }
.nav-dropdown-wrapper {
    background: #f6f6f6;
    bottom: 60px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    display: block;
    position: fixed;
    width: 100%
    }
@media (min-width: 768px) {
    .nav-dropdown-wrapper {
        background: transparent;
        bottom: auto;
        box-shadow: none;
        display: inline-block;
        position: static;
        width: auto
        }
    }
@media (min-width: 1024px) {
    .nav-dropdown-wrapper {
        margin-right: 10px
        }
    }
.no-cta .nav-dropdown-wrapper {
    bottom: 0
    }
.header .main-navigation .nav-dropdown-wrapper ul {
    padding: 0
    }
@media (min-width: 768px) {
    .contains-cta .nav-dropdown-wrapper {
        margin-right: 0
        }
    }
html, body {
    max-width: 100%;
    overflow-x: hidden
    }
@media (min-width: 768px) {
    .header .main-navigation .dagger {
        margin: 0
        }
    .header .main-navigation .dagger::before {
        color: #848484;
        content: "|"
        }
    .header .main-navigation .dagger a {
        margin-left: 20px
        }
    }
.header .main-navigation .cta a {
    text-align: center;
    width: 100%
    }
@media (min-width: 768px) {
    .header .main-navigation .cta a {
        width: auto
        }
    }
@media (min-width: 768px) {
    .header.fixed-nav .nav-dropdown-wrapper {
        display: none
        }
    }
ul.jumplinks {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
    }
@media (min-width: 768px) {
    ul.jumplinks {
        margin-top: -40px
        }
    }
.nav-dropdown {
    background: #f6f6f6;
    border-radius: 3px;
    border-top: 1px solid #d4d4d4;
    box-shadow: none;
    padding: 0 35px;
    position: absolute;
    visibility: visible;
    width: 300px
    }
@media (min-width: 768px) {
    .nav-dropdown {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        background: #fff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        display: block;
        right: -9px;
        top: 0;
        visibility: hidden
        }
    .nav-dropdown.nav-dropdown-expanded {
        visibility: visible;
        z-index: 900
        }
    }
.nav-dropdown.nav-dropdown-expanded {
    border: 1px solid transparent;
    padding: 0;
    width: 100%
    }
@media (min-width: 768px) {
    .nav-dropdown.nav-dropdown-expanded {
        padding-left: 35px;
        padding-right: 35px;
        width: 300px
        }
    }
.nav-dropdown a {
    display: inline;
    height: auto;
    line-height: auto;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: none
    }
@media (min-width: 768px) {
    .nav-dropdown a {
        text-align: center
        }
    }
.header .main-navigation .nav-dropdown a:hover, .header .main-navigation .nav-dropdown a:focus {
    color: #448aff
    }
.header .nav-dropdown .nav-dropdown-close-mobile {
    display: block
    }
@media (min-width: 768px) {
    .header .nav-dropdown .nav-dropdown-close-mobile {
        display: none
        }
    }
.header .nav-dropdown .nav-dropdown-close-mobile a {
    color: #448aff;
    margin-right: 30px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase
    }
.header .nav-dropdown .nav-dropdown-close-mobile a:hover {
    color: #444
    }
.header .nav-dropdown .nav-dropdown-close-mobile .icon-arrow-drop-down {
    transform: rotate(180deg)
    }
html.nav-open .header .main-navigation .nav-dropdown ul {
    height: 100vh;
    overflow: auto;
    padding: 60px 25px
    }
html.nav-open .header .main-navigation.contains-double-cta .nav-dropdown ul {
    padding: 120px 25px 60px
    }
.header .nav-dropdown a.nav-dropdown-close {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: none;
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 1
    }
@media (min-width: 768px) {
    .header .nav-dropdown a.nav-dropdown-close {
        display: block
        }
    }
.header .nav-dropdown ul {
    background: transparent;
    list-style: none;
    margin: 0;
    padding: 0
    }
.header .nav-dropdown ul li {
    border-bottom: 1px solid #f6f6f6;
    border-left: 0;
    display: block
    }
@media (min-width: 768px) {
    .header .nav-dropdown ul li {
        margin-left: 0;
        margin-right: 0
        }
    }
.header .nav-dropdown ul li:last-child {
    border-bottom: 0
    }
@media (min-width: 768px) {
    .header .nav-dropdown ul li a {
        display: block;
        padding: 25px 5px;
        text-align: left
        }
    }
.header .nav-dropdown a {
    color: #848484;
    padding-left: 0
    }
.header .nav-dropdown a:hover, .header .nav-dropdown a:focus {
    color: #448aff
    }
.header a.nav-dropdown-trigger {
    color: #448aff;
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    width: 95%
    }
@media (min-width: 768px) {
    .header a.nav-dropdown-trigger {
        padding-left: 25px;
        width: auto
        }
    }
@media (min-width: 768px) {
    .header a.nav-dropdown-trigger {
        display: inline-block;
        height: 70px;
        line-height: 70px;
        padding: 0 12px;
        text-align: center
        }
    }
@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .header a.nav-dropdown-trigger {
        padding: 0 0 0 7px
        }
    }
.header a.nav-dropdown-trigger.current {
    color: #000;
    font-weight: 500
    }
.header a.nav-dropdown-trigger span {
    vertical-align: middle
    }
@media (min-width: 768px) {
    .header.fixed-nav a.nav-dropdown-trigger {
        display: inline-block;
        height: 60px;
        line-height: 60px
        }
    }
html.nav-open .header .main-navigation .nav-dropdown-wrapper {
    bottom: 0
    }
html.nav-open .header .main-navigation.contains-double-cta {
    padding-bottom: 120px
    }
html.nav-open .header .main-navigation.contains-double-cta .nav-dropdown-wrapper {
    bottom: 60px
    }
.header .main-navigation .support-link-desktop, .header .main-navigation .partners-link-desktop, .header .upper-header .support-link-desktop, .header .upper-header .partners-link-desktop {
    display: none
    }
@media (min-width: 768px) {
    .header .main-navigation .support-link-desktop, .header .main-navigation .partners-link-desktop, .header .upper-header .support-link-desktop, .header .upper-header .partners-link-desktop {
        display: inline-block;
        position: relative
        }
    }
.header .main-navigation .support-link-desktop::after, .header .main-navigation .partners-link-desktop::after, .header .upper-header .support-link-desktop::after, .header .upper-header .partners-link-desktop::after {
    border-left: 1px solid #848484;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -3px;
    top: 28px
    }
.header .main-navigation .partners-link-mobile, .header .upper-header .partners-link-mobile {
    border-top: 1px solid #eee
    }
@media (min-width: 768px) {
    .header .main-navigation .partners-link-mobile, .header .main-navigation .support-link-mobile, .header .upper-header .partners-link-mobile, .header .upper-header .support-link-mobile {
        display: none
        }
    }
.header .main-navigation li.active {
    background: 0;
    border-left: 0;
    padding: 0
    }
@media (min-width: 768px) {
    .header .main-navigation li.active {
        padding: 15px 0
        }
    }
.header .main-navigation a:hover, .header .main-navigation a:focus {
    color: #444
    }
@media (min-width: 768px) {
    .header .main-navigation a:hover, .header .main-navigation a:focus {
        color: #448aff
        }
    }
.header .main-navigation .cta-signup:hover, .header .main-navigation .cta-signup:focus {
    color: #fff
    }
.header .main-navigation ul:not(.sub-nav) > .active > a {
    background: #f6f6f6;
    border-left: 4px solid #448aff;
    color: #444
    }
@media (min-width: 768px) {
    .header .main-navigation ul:not(.sub-nav) > .active > a {
        background: 0;
        border-left: 0
        }
    }
.header .main-navigation .sub-nav {
    margin: 0;
    padding: 0
    }
.header .main-navigation .sub-nav li.active {
    padding: 0 0 0 5px
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav li.active {
        padding-left: 0
        }
    }
.header .main-navigation .sub-nav li.active > a {
    border-left: 0;
    color: #444
    }
.header .main-navigation .sub-nav li a {
    padding-left: 65px
    }
@media (min-width: 768px) {
    .header .main-navigation .sub-nav li a {
        padding-left: 0
        }
    }
@media (min-width: 768px) {
    .aim-flex .cols-row > .col-get-started {
        padding-left: 2%;
        padding-right: 2%
        }
    }
.aim-flex .cols-row > .col-get-started .phone-number {
    font-size: 16px;
    letter-spacing: 0.5px
    }
.caption.fab-right {
    padding-left: 50px
    }
.caption.fab-right .fab {
    position: absolute;
    right: 25px;
    top: -25px
    }
.section-success-overview .card-horizontal .card-inner {
    max-width: 312px
    }
@media (min-width: 768px) {
    .section-success-overview .card-horizontal .card-inner {
        max-width: none
        }
    }
.flexbox .card-success-logo img {
    width: 150px
    }
.featuredcontent-list .filter-container .selection {
    margin-bottom: 20px
    }
.featuredcontent-list .card {
    margin-bottom: 30px;
    position: relative
    }
.featuredcontent-list .card .doctype {
    padding: 15px
    }
.featuredcontent-list .card .card-inner {
    color: #848484;
    padding-bottom: 60px
    }
.featuredcontent-list .card .card-inner:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
    }
.featuredcontent-list .card .card-inner .card-featuredcontent-screenshot {
    margin: -30px -30px 10px;
    position: relative
    }
.featuredcontent-list .card .card-inner .card-featuredcontent-screenshot img {
    max-width: 100%;
    width: 100%
    }
.featuredcontent-list .card p.topic {
    font-weight: 400;
    margin-bottom: 15px
    }
.featuredcontent-list .card h3 {
    margin: 0 0 40px
    }
.featuredcontent-list .card .icon-arrow-related {
    bottom: 30px;
    color: #448aff;
    position: absolute;
    right: 30px
    }
[dir="rtl"] .featuredcontent-list .card .icon-arrow-related {
    left: 30px;
    right: auto
    }
.doctype-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    margin: 0 0 20px
    }
.doctype-container .doctype {
    margin-right: 10px
    }
@media (min-width: 768px) {
    .doctype-container .doctype {
        margin-right: 20px
        }
    }
[dir="rtl"] .doctype-container .doctype {
    margin-left: 10px;
    margin-right: 0
    }
@media (min-width: 768px) {
    [dir="rtl"] .doctype-container .doctype {
        margin-left: 20px
        }
    }
.doctype-container h4 {
    -webkit-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 0
    }
.g-plus-title img {
    margin-right: 18px;
    width: 34px
    }
.glue-modal {
    outline: none
    }
.glue-zippy-toggle-all {
    margin: 20px 0
    }
@media (min-width: 768px) {
    .glue-zippy-toggle-all {
        margin: 0 0 30px
        }
    }
form .toggle-link {
    color: #448aff;
    cursor: pointer
    }
form input[type=text].ng-pristine.ng-touched + .form-error, form input[type=url].ng-pristine.ng-touched + .form-error, form input[type=email].ng-pristine.ng-touched + .form-error, form select.ng-pristine.ng-touched + .form-error {
    visibility: visible
    }
.for-enterprise-success-card.card-success.card .card-inner {
    background-color: #f6f6f6;
    max-width: 423px;
    padding-bottom: 20px
    }
.for-enterprise-success-card.card-success.card .card-success-video {
    max-height: none
    }
.section-success .section-success-copy {
    margin: 0;
    padding: 32px 0 46px
    }
@media (min-width: 768px) {
    .section-success .section-success-copy {
        margin: 80px 0;
        padding: 0
        }
    }
img.inline {
    display: inline-block;
    max-width: 100%
    }
.bottom-margin-mobile {
    margin-bottom: 30px
    }
@media (min-width: 768px) {
    .bottom-margin-mobile {
        margin-bottom: 0
        }
    }
.suite-products p.font-medium-small {
    margin-bottom: 50px
    }
.section-demo .demo-device {
    float: none;
    margin-top: 35px;
    max-width: 100%
    }
@media (min-width: 768px) {
    .section-demo .demo-device {
        float: right;
        margin-bottom: -100px;
        margin-top: 0;
        max-width: none;
        overflow-x: hidden
        }
    }
.cmt-de {
    margin-top: 20px
    }
.content-module {
    margin: 24px 0
    }
.compare-color-light {
    background-color: #fbfbfb
    }
.compare-color-dark {
    background-color: #ecf2fe
    }
.compare-content .glue-fx-collapse > div {
    padding: 0
    }
.compare-border {
    border-bottom: 1px solid #d4d4d4
    }
.hidden-s .compare-border:not(.compare-col-head):not(.compare-col-footer) {
    margin: 0 16px
    }
.compare-cell {
    color: #848484;
    font-weight: 300;
    line-height: 1.8;
    padding: 30px;
    position: relative;
    text-align: center
    }
@media (min-width: 768px) {
    .compare-cell .compare-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
        }
    .cols-row > .compare-cell > p:first-child {
        margin-top: 0
        }
    }
.compare-cell-heading-wrapper {
    margin-bottom: 14px
    }
.compare-cell-heading-wrapper h3 {
    display: inline
    }
.compare-cell .icon-done {
    color: #00c853
    }
.compare-cell .icon-md {
    display: inline-block
    }
.compare-heading {
    padding: 30px 30px 30px 0
    }
.compare-heading > h3 {
    display: inline;
    font-size: 18px;
    line-height: 1.4;
    margin: 0
    }
.compare-col-head {
    padding: 30px;
    text-align: center
    }
@media (min-width: 768px) {
    .flexbox .compare-col-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
        }
    }
.compare-col-head .glue-zippy-btn {
    border-top: 0 none;
    font-weight: 400;
    margin-top: 32px;
    padding: 0;
    text-transform: uppercase
    }
.compare-col-head .glue-zippy-btn .icon-arrow-down {
    display: block;
    margin: 8px auto 0;
    position: static
    }
.inlinesvg.svg .compare-col-head .glue-zippy-btn .icon-arrow-down + img {
    display: none
    }
.compare-col-title {
    font-family: "Roboto", arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 15px
    }
@media (min-width: 768px) {
    .compare-col-title {
        font-size: 18px;
        line-height: 28px
        }
    }
@media (min-width: 768px) {
    .section-hero-media.section-hero-media-45 {
        width: 45%
        }
    }
.aim-noflex .section-hero-media.section-hero-media-45, .section-hero-media.section-hero-media-45 html:not(.js) {
    display: none
    }
.section-suite .section-hero-media {
    min-height: 150px
    }
@media (min-width: 768px) {
    .section-suite .section-hero-media {
        min-height: 400px;
        width: 40%
        }
    }
.section-suite .section-hero-media .overview-suite-image {
    background-image: url(/analytics/images/360-suite/overview/suite-hero_m_1x.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 400px auto
    }
@media (-webkit-min-device-pixel-ratio: 2) {
    .section-suite .section-hero-media .overview-suite-image {
        background-image: url(/analytics/images/360-suite/overview/suite-hero_m_2x.png)
        }
    }
@media (min-resolution: 192dpi) {
    .section-suite .section-hero-media .overview-suite-image {
        background-image: url(/analytics/images/360-suite/overview/suite-hero_m_2x.png)
        }
    }
@media (min-width: 768px) {
    .section-suite .section-hero-media .overview-suite-image {
        background-image: url(/analytics/images/360-suite/overview/suite-hero-1x.png);
        background-origin: content-box;
        background-position: right center;
        background-size: auto 120%;
        padding-right: 60px
        }
    }
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .section-suite .section-hero-media .overview-suite-image {
        background-image: url(/analytics/images/360-suite/overview/suite-hero-2x.png)
        }
    }
@media (min-width: 768px) and (min-resolution: 192dpi) {
    .section-suite .section-hero-media .overview-suite-image {
        background-image: url(/analytics/images/360-suite/overview/suite-hero-2x.png)
        }
    }
.section-suite .cta-main {
    margin-right: 8px;
    padding: 0 16px
    }
@media (min-width: 768px) {
    .section-suite .cta-main {
        margin-right: 32px;
        padding: 0 24px
        }
    }
.section p:first-child.intro-paragraph {
    margin-top: 0
    }
.section-image-s {
    margin-top: 40px;
    max-width: 640px;
    width: 150%
    }
.section-mobile-apps .section-image-s {
    margin-left: 15px;
    width: 100%
    }
.section-image-s img {
    width: 100%
    }
.section-capabilities .capabilities-list .capabilities-icon {
    margin-bottom: 20px
    }
.section-capabilities .capabilities-list .capabilities-icon .icon-lightbulb-outline, .section-capabilities .capabilities-list .capabilities-icon .icon-barchart {
    height: 36px;
    margin-bottom: -4px;
    margin-left: -4px;
    position: relative;
    width: 36px
    }
.section-capabilities.section-partners-capabilities .capabilities-item:not(:last-child) {
    margin-bottom: 56px
    }
@media (min-width: 768px) {
    .section-capabilities.section-partners-capabilities .capabilities-item:not(:last-child) {
        margin-bottom: 0
        }
    }
@media (min-width: 768px) {
    .section-business-size .card.card-related {
        margin: 0
        }
    }
.section-business-size .section-image {
    margin: auto
    }
.section-blue-dark {
    background: #3663d5
    }
.analytics-tooltip {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle
    }
@media (min-width: 768px) {
    .analytics-tooltip {
        position: relative
        }
    .analytics-tooltip-toggler:hover + .analytics-tooltip-content, .analytics-tooltip-toggler:focus + .analytics-tooltip-content {
        display: block
        }
    }
.analytics-tooltip button {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    padding: 0
    }
.analytics-tooltip-icon {
    width: 24px
    }
.analytics-tooltip-close-container {
    margin-bottom: 5px;
    text-align: right
    }
.analytics-tooltip-close {
    display: inline-block;
    width: 24px
    }
.analytics-tooltip-content {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.15);
    color: #848484;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 24px;
    position: absolute;
    width: 100%;
    z-index: 100
    }
@media (min-width: 768px) {
    .analytics-tooltip-content {
        bottom: 46px;
        left: -24px;
        min-width: 300px
        }
    .analytics-tooltip-content::after {
        border: solid transparent;
        border-top-color: #fff;
        border-width: 12px;
        content: "";
        height: 0;
        left: 24px;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 0
        }
    }
.analytics-tooltip-content.is-visible {
    display: block
    }
@media (min-width: 768px) {
    .section-features-hero {
        padding-bottom: 110px;
        padding-top: 150px
        }
    }
@media (min-width: 768px) {
    .section-features-hero + .section {
        padding-top: 150px
        }
    }
.section-features-hero .section-hero-media {
    margin-top: 40px;
    min-height: 0
    }
@media (min-width: 768px) {
    .section-features-hero .section-hero-media {
        min-height: 400px
        }
    }
@media (min-width: 768px) {
    .section-features-hero .section-hero-media {
        margin-top: 0;
        top: 15%
        }
    }
.section-features-hero .section-hero-media img {
    height: auto;
    max-width: 100%;
    width: auto
    }
@media (min-width: 768px) {
    .section-features-hero .section-hero-media img {
        max-width: none
        }
    }
.no-results-text {
    display: none;
    padding: 36px 0;
    text-align: center
    }
.no-results-text.is-visible {
    display: block
    }
@media (min-width: 768px) {
    .capabilities-content {
        margin-top: 10px
        }
    }
.section-features-learn-more .download-item:not(:last-child) {
    margin-bottom: 10px
    }
.device-animation-left img, .device-animation-right img, .device-animation-top img, .device-animation-bottom img {
    -webkit-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out;
    -ms-transition: transform 0.8s ease-in-out;
    -o-transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out
    }
.device-animation-left.rs-trigger-visible img, .rs-trigger-visible .device-animation-left img, .device-animation-right.rs-trigger-visible img, .rs-trigger-visible .device-animation-right img, .device-animation-top.rs-trigger-visible img, .rs-trigger-visible .device-animation-top img, .device-animation-bottom.rs-trigger-visible img, .rs-trigger-visible .device-animation-bottom img {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
    }
.device-animation-left img {
    -webkit-transform: translatex(-250px);
    -moz-transform: translatex(-250px);
    -ms-transform: translatex(-250px);
    -o-transform: translatex(-250px);
    transform: translatex(-250px)
    }
.device-animation-right img {
    -webkit-transform: translatex(250px);
    -moz-transform: translatex(250px);
    -ms-transform: translatex(250px);
    -o-transform: translatex(250px);
    transform: translatex(250px)
    }
.device-animation-top img {
    -webkit-transform: translatey(-250px);
    -moz-transform: translatey(-250px);
    -ms-transform: translatey(-250px);
    -o-transform: translatey(-250px);
    transform: translatey(-250px)
    }
.device-animation-bottom img {
    -webkit-transform: translatex(250px);
    -moz-transform: translatex(250px);
    -ms-transform: translatex(250px);
    -o-transform: translatex(250px);
    transform: translatex(250px)
    }
.capabilities-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 36px
    }
@media (min-width: 768px) {
    .capabilities-item {
        margin-bottom: 0
        }
    }
.capabilities-item:last-child {
    margin-bottom: 0
    }
.capabilities-item .link-more {
    margin-top: 24px
    }
.hero-img {
    background-image: url(/analytics/images/home/hero_m_1x.jpg);
    background-position: 81%
    }
@media (-webkit-min-device-pixel-ratio: 2) {
    .hero-img {
        background-image: url(/analytics/images/home/hero_m_2x.jpg)
        }
    }
@media (min-resolution: 192dpi) {
    .hero-img {
        background-image: url(/analytics/images/home/hero_m_2x.jpg)
        }
    }
@media (min-width: 768px) {
    .hero-img {
        background-image: url(/analytics/images/home/hero_1x.jpg);
        background-size: cover
        }
    }
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .hero-img {
        background-image: url(/analytics/images/home/hero_2x.jpg)
        }
    }
@media (min-width: 768px) and (min-resolution: 192dpi) {
    .hero-img {
        background-image: url(/analytics/images/home/hero_2x.jpg)
        }
    }
.section-hero {
    min-height: 430px
    }
.section-hero > .fab {
    bottom: -15px
    }
.talk-to-human {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
    }
.section-image-s {
    margin-top: 40px;
    max-width: 640px;
    width: 150%
    }
.section-mobile-apps .section-image-s {
    margin-left: 15px;
    width: 100%
    }
.section-image-s img {
    width: 100%
    }
@media (min-width: 768px) {
    .section-featured h2 {
        margin-bottom: 50px
        }
    }
.section-featured .col-3 {
    margin-bottom: 40px
    }
@media (min-width: 768px) {
    .section-featured .col-3 {
        margin-bottom: 0
        }
    }
.section-featured .col-3:last-child {
    margin-bottom: 0
    }
.aim-noflex .section-featured .col-3, html:not(.js) .section-featured .col-3 {
    margin-bottom: 40px
    }
.aim-noflex .section-featured .col-3:last-child, html:not(.js) .section-featured .col-3:last-child {
    margin-bottom: 0
    }
@media (min-width: 768px) {
    .section-quote {
        text-align: center
        }
    }
.section-enterprise .product-list {
    padding-top: 35px
    }
@media (min-width: 768px) {
    .section-enterprise .product-list {
        padding-top: 0
        }
    }
@media (min-width: 768px) {
    .section-enterprise .for-enterprise-success-card {
        margin-top: -34px
        }
    }
@media (min-width: 768px) {
    .section-small-business .small-business-laptop {
        -webkit-transform: translatey(180px);
        -moz-transform: translatey(180px);
        -ms-transform: translatey(180px);
        -o-transform: translatey(180px);
        transform: translatey(180px)
        }
    }
.section-enterprise .cards, .section-small-business .cards, .section-mobile-apps .cards {
    margin-top: 40px
    }
@media (min-width: 768px) {
    .section-enterprise .cards, .section-small-business .cards, .section-mobile-apps .cards {
        margin-top: 35px
        }
    }
.section-enterprise .cards .card.card-related .card-inner, .section-small-business .cards .card.card-related .card-inner, .section-mobile-apps .cards .card.card-related .card-inner {
    min-height: 340px
    }
.section-enterprise .col-mobile-vertical-offset, .section-small-business .col-mobile-vertical-offset, .section-mobile-apps .col-mobile-vertical-offset {
    margin-top: 35px
    }
@media (min-width: 768px) {
    .section-enterprise .col-mobile-vertical-offset, .section-small-business .col-mobile-vertical-offset, .section-mobile-apps .col-mobile-vertical-offset {
        margin-top: 0
        }
    }
.section-mobile-apps {
    padding-bottom: 40px
    }
.section-mobile-apps .card-related {
    margin-bottom: 80px
    }
.section-mobile-apps .section-image img {
    bottom: 0;
    position: absolute
    }
.section-mobile-apps .cta-main {
    transform: translatey(-45px)
    }
.section-featured-resources .resource-doctype-casestudy {
    color: #00bfa5
    }
.section-featured-resources .resource-doctype-article {
    color: #ff5252
    }
.section-featured-resources .resource-doctype .doctype {
    margin-right: 10px
    }
.section-featured-resources .resource-doctype .doctype-article {
    background-color: #ff5252
    }
.section-featured-resources .cta {
    margin-top: 25px
    }
.section-g-plus .gplus-simple.gplus-simple-multiple .icon-product {
    height: 34px;
    width: 34px
    }
@media (min-width: 768px) {
    .section-g-plus .gplus-simple.gplus-simple-multiple h3 {
        margin-left: -28px;
        padding-top: 12px
        }
    }
@media (min-width: 768px) {
    .section-g-plus .gplus-simple.gplus-simple-multiple .post-all {
        margin-left: -28px
        }
    }
.blockquote-photo {
    margin: 0 auto 20px;
    max-width: 200px
    }
@media (min-width: 768px) {
    .blockquote-photo {
        margin: 0;
        max-width: 100%
        }
    }
.section-survey .surveys {
    display: block;
    margin-top: 30px
    }
@media (min-width: 768px) {
    .section-survey .surveys {
        margin-top: -130px
        }
    }
.section-service-support {
    padding-bottom: 0
    }
@media (min-width: 768px) {
    .section-service-support {
        padding-bottom: 44px
        }
    }
.section-service-support .service-support-element {
    margin-top: 50px
    }
.section-service-support .hero-image {
    background-image: url(/analytics/images/home/service-support_2x.jpg)
    }
.section-success-overview .cards-row {
    margin-bottom: 20px
    }
@media (min-width: 768px) {
    .section-success-overview .cards-row {
        margin-bottom: 0
        }
    }
.card-featuredcontent-screenshot {
    display: block;
    margin-bottom: 20px;
    position: relative;
    z-index: 300
    }
.card-featuredcontent-screenshot img {
    max-width: 100%;
    z-index: 400
    }
.card-featuredcontent-screenshot .doctype {
    bottom: -25px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 25px;
    z-index: 500
    }
.section-featuredcontent .doctype-container {
    padding-top: 30px
    }
.section-featuredcontent .featuredcontent-description {
    margin: 20px 0
    }
@media (min-width: 768px) {
    .section-featuredcontent .featuredcontent-description {
        margin: 50px 0
        }
    }
.section-featuredcontent p.getintouch {
    font-weight: 500;
    margin: 0
    }
.section-featuredcontent p.share {
    border-top: 1px solid #d4d4d4;
    margin: 20px 0 40px;
    padding-top: 10px
    }
@media (min-width: 768px) {
    .section-featuredcontent p.share {
        margin: 60px 0 40px;
        padding-top: 15px
        }
    }
.section-featuredcontent p.share .icon-share {
    color: #848484;
    margin: 0 5px;
    vertical-align: bottom
    }
@media (min-width: 768px) {
    .section-featuredcontent .card-featuredcontent {
        margin-top: 75px
        }
    }
.section-featuredcontent .card-featuredcontent .card-inner {
    max-width: 396px;
    padding: 0 0 20px
    }
@media (min-width: 768px) {
    .section-featuredcontent .card-featuredcontent .card-inner {
        padding-bottom: 30px
        }
    }
.section-featuredcontent .card-featuredcontent .card-featuredcontent-text {
    padding: 0 20px
    }
@media (min-width: 768px) {
    .section-featuredcontent .card-featuredcontent .card-featuredcontent-text {
        padding: 0 30px
        }
    }
.section-featuredcontent .card-featuredcontent form {
    padding-bottom: 20px
    }
.section-featuredcontent .card-featuredcontent form .input-wrp {
    margin-bottom: 10px;
    padding-top: 10px
    }
.section-featuredcontent .card-featuredcontent form input[type="text"], .section-featuredcontent .card-featuredcontent form input[type="email"], .section-featuredcontent .card-featuredcontent form input[type="url"], .section-featuredcontent .card-featuredcontent form input[type="number"], .section-featuredcontent .card-featuredcontent form input.form-text, .section-featuredcontent .card-featuredcontent form textarea, .section-featuredcontent .card-featuredcontent form select {
    background-color: #f6f6f6
    }
.section-featuredcontent .card-featuredcontent form .form-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
    }
.section-featuredcontent .card-featuredcontent form .form-list li input[type="radio"], .section-featuredcontent .card-featuredcontent form .form-list li input[type="checkbox"] {
    width: 30px
    }
.section-featuredcontent .card-featuredcontent form .form-list li input[type="radio"]:checked:not(:focus) + label, .section-featuredcontent .card-featuredcontent form .form-list li input[type="checkbox"]:checked:not(:focus) + label {
    color: #444
    }
.sliding-carousel {
    opacity: 0;
    position: relative;
    transition: opacity 0.2s linear
    }
.sliding-carousel.sliding-carousel-ready {
    opacity: 1
    }
.sliding-carousel .cards-carousel {
    overflow: hidden
    }
.sliding-carousel .cards {
    opacity: 1;
    transition: transform 0.3s ease-in-out
    }
.sliding-carousel .sliding-carousel-next, .sliding-carousel .sliding-carousel-previous {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: none;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 140px;
    transition: opacity 0.2s linear;
    width: 50px
    }
@media (min-width: 768px) {
    .sliding-carousel .sliding-carousel-next, .sliding-carousel .sliding-carousel-previous {
        display: block
        }
    }
.sliding-carousel .sliding-carousel-next[aria-disabled="true"], .sliding-carousel .sliding-carousel-previous[aria-disabled="true"] {
    cursor: default;
    opacity: 0
    }
.sliding-carousel .sliding-carousel-next {
    right: -65px
    }
.sliding-carousel .sliding-carousel-previous {
    left: -65px
    }