button,
html,
input,
select,
textarea {
    color: #222
}

body {
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    min-height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: AvenirLTStd-Light, sans-serif
}

.wrap {
    width: 940px;
    padding: 0 20px;
    position: relative;
    margin: 0 auto
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

.dynamicHeight {
    height: 100%;
    min-height: 100%
}

.rm-v {
    display: none
}

.corp-nav {
    background: #000;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 31px;
    z-index: 10
}

.corp-nav .wrap {
    width: 100%;
    max-width: 1200px
}

.corp-links {
    margin: 0;
    padding: 0
}

.corp-links a {
    font-family: AvenirLTStd-Medium, sans-serif;
    transition: .2s
}

.corp-links>li {
    display: inline-block;
    float: right;
    margin-left: 20px
}

.corp-links>li>a {
    display: inline-block;
    text-decoration: none;
    color: #999;
    font-size: 14px;
    padding: 6px 10px
}

.corp-links>li>a:hover {
    color: #FFF
}

.lang-dropdown {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2);
    display: inline-block;
    cursor: pointer;
    color: #999;
    font-size: 14px;
    padding: 6px 40px 6px 42px;
    transition: .2s;
    font-family: AvenirLTStd-Medium, sans-serif
}

.lang-dropdown:hover {
    color: #FFF
}

.lang-dropdown:after {
    top: 14px;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: rgba(255, 255, 255, .3);
    border-width: 4px
}

.lang-dropdown.lang:before {
    top: 9px
}

.lang-panel {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #000;
    text-align: left;
    transition: .3s;
    overflow: hidden;
    height: 0
}

.lang-panel.show {
    height: 120px
}

.lang-panel .first {
    margin-top: 4px
}

.lang-panel a {
    display: block;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    color: #999;
    letter-spacing: .5px
}

.lang-panel a:hover {
    color: #0583aa
}

.lang-panel a.lang {
    padding: 6px 0 6px 42px
}

.lang {
    position: relative
}

.lang:before {
    content: "";
    position: absolute;
    background: url(../images/flag-sprite.png) no-repeat;
    background-size: 14px 40px;
    left: 14px;
    top: 8px;
    width: 14px;
    height: 10px
}

.lang.jp:before {
    background-position: 0 -20px
}

.lang.cn:before {
    background-position: 0 -30px
}

.lang.kr:before {
    background-position: 0 -10px
}

header {
    height: 60px;
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 31px;
    background: #FFF;
    box-shadow: 0 2px 0 #E4E4E4;
    font-family: AvenirLTStd-Black;
    transition: .2s all linear
}

header .wrap {
    width: 100%;
    max-width: 1200px
}

header span {
    margin: 11px 0 0 0;
    float: left
}

header span a {
    display: inline-block;
    width: 158px;
    height: 36px;
    background: url(../images/logo-gray.svg) no-repeat;
    text-indent: -99999em;
    overflow: hidden
}

header nav {
    float: right;
    margin-top: 15px
}

header ul {
    margin: 0;
    padding: 0
}

header ul li {
    display: inline;
    margin-left: 25px
}

header ul li.lastItem {
    margin-left: 10px
}

header ul li a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .75px;
    text-decoration: none;
    color: #323232;
    transition: .2s all linear
}

header ul li a.active,
header ul li a:hover {
    color: #0583aa
}

header ul li a.signIn {
    border-radius: 3px;
    padding: 5px 14px;
    border: 2px solid #323232
}

header ul li a.signIn:hover {
    opacity: .5;
    color: #323232
}

header ul li a.signUp {
    border-radius: 3px;
    padding: 7px 14px;
    background: #0583AA;
    transition: .2s background linear;
    color: #FFF
}

header ul li a.signUp:hover {
    background: #02627F;
    opacity: 1;
    color: #FFF
}

header.transparent {
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0)
}

header.transparent span a {
    background: url(../images/logo-teal.svg) no-repeat
}

header.transparent ul li a {
    color: #FFF
}

header.transparent ul li a .active,
header.transparent ul li a:hover {
    opacity: .6
}

header.transparent ul li a.active {
    border-bottom: 2px solid #FFF;
    padding-bottom: 4px
}

header.transparent ul li a.signIn {
    border: 2px solid #FFF
}

header.transparent ul li a.signIn:hover {
    color: #FFF
}

header.transparent ul li a.signUp:hover {
    opacity: 1
}

header.subPageHeader {
    background: rgba(255, 255, 255, .2);
    box-shadow: inherit
}

header.subPageHeader span a {
    background: url(../images/logo-white.svg) no-repeat
}

header.subPageHeader ul li a {
    color: #FFF
}

header.subPageHeader ul li a:hover {
    opacity: .6
}

header.subPageHeader ul li a.active {
    border-bottom: 2px solid #FFF;
    padding-bottom: 4px
}

header.subPageHeader ul li a.signIn {
    border: 2px solid #FFF
}

header.subPageHeader ul li a.signIn:hover {
    color: #FFF
}

header.subPageHeader ul li a.signUp:hover {
    opacity: 1
}

.scrollButton {
    cursor: pointer;
    z-index: 1
}

.scrollButton.orangeCircle {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: #D44200 url(../images/scrollarrow-white.svg);
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: center center;
    margin-bottom: 20px;
    border-radius: 50px;
    transition: .2s opacity linear
}

.scrollButton.orangeCircle:hover {
    opacity: .5
}

.scrollButton.orange,
.scrollButton.white {
    position: absolute;
    right: 40px;
    bottom: 30px;
    width: 30px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat
}

.scrollButton.white {
    background-image: url(../images/scrollarrow-white.svg)
}

.scrollButton.orange {
    background-image: url(../images/scrollarrow-orange.svg)
}

.jobs-notice {
    background: #031419;
    text-align: center;
    padding: 25px 0 20px 0
}

.jobs-notice span {
    font-size: 18px;
    font-family: AvenirLTStd-Light;
    color: #FFF
}

.jobs-notice span a {
    text-decoration: none;
    color: #0583aa
}

.jobs-notice span a:hover {
    text-decoration: underline
}

footer {
    border-top: 8px solid #000;
    background: #0b303c;
    padding: 55px 0
}

footer.scroll-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 44%;
    padding: 0 0 20px 0;
    border-top: none
}

footer.scroll-footer .upper {
    margin-bottom: 30px
}

footer.scroll-footer .jobs-notice {
    border-bottom: 8px solid #000;
    padding: 20px 0 15px 0;
    margin-bottom: 30px
}

footer a {
    text-decoration: none;
    transition: .2s;
    color: #FFF
}

footer a:hover {
    opacity: .6
}

footer ul {
    margin: 0;
    padding: 0
}

footer ul li {
    display: block;
    list-style-type: none
}

footer .upper {
    margin-bottom: 110px
}

footer .upper.center {
    text-align: center
}

footer .end {
    font-size: 11px;
    color: rgba(255, 255, 255, .2)
}

footer .end a {
    color: rgba(255, 255, 255, .4)
}

footer .end a:hover {
    color: rgba(255, 255, 255, .6);
    opacity: 1
}

footer .cr {
    text-transform: uppercase;
    font-size: 11px;
    color: #235362;
    letter-spacing: 2px
}

footer.scrollFooter {
    padding: 0 0 40px 0
}

footer.scrollFooter .jobs-notice {
    padding: 20px 0 25px 0
}

footer.scrollFooter>.wrap {
    padding: 40px 20px 0 20px
}

.footer-col {
    font-family: AvenirLTStd-Heavy;
    font-size: 11px;
    letter-spacing: .6px
}

.footer-col a,
.footer-col h4 {
    text-transform: uppercase
}

.footer-col h4 {
    margin: 0 0 10px 0;
    color: #235362
}

.footer-col.inline-block {
    display: inline-block;
    margin: 0 10px
}

.footer-col.inline-block.ml-90 {
    margin-left: 90px
}

.footer-col.l {
    float: left;
    padding-right: 55px
}

.footer-col.r {
    float: right;
    text-align: right
}

.footer-col li {
    margin-bottom: 4px
}

.footer-col .notice {
    color: #e3591c;
    font-family: AvenirLTStd-Book;
    letter-spacing: 0
}

.footer-social li {
    margin-left: 17px;
    display: inline
}

.footer-social li a {
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url(../images/footerSprite.svg);
    background-repeat: no-repeat;
    text-indent: 999999em;
    overflow: hidden
}

.footer-social li a.linkedin {
    background-position: 0 0
}

.footer-social li a.facebook {
    background-position: -34px 0
}

.footer-social li a.twitter {
    background-position: -76px 0
}

.footer-end-col.l {
    float: left
}

.footer-end-col.r {
    float: right
}

.subHeader {
    height: 100px;
    width: 100%;
    background: #efefef;
    transition: .2s all linear
}

.subHeader.clone {
    display: none;
    position: fixed;
    top: 91px;
    z-index: 7
}

.subHeader ul {
    width: 100%;
    max-width: 940px;
    padding: 0 20px;
    margin: 0 auto
}

.subHeader ul li {
    transition: .2s all linear
}

.subHeader ul li:hover {
    opacity: .6
}

.subHeader span {
    font-family: AvenirLTStd-Heavy;
    font-size: 10px;
    text-transform: uppercase
}

.subCtaButton {
    font-family: AvenirLTStd-Black;
    display: block;
    width: 100%;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 28px;
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    background: #DF4500;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    transition: .2s all linear;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, .3) inset;
    letter-spacing: 2px
}

.subCtaButton:hover {
    background: #9D3101
}

.scrollTop {
    position: absolute;
    cursor: pointer;
    right: 0;
    bottom: 31px;
    width: 30px;
    height: 20px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9
}

.scrollTop.orange {
    background-image: url(../images/top-arrow-orange.svg)
}

.scrollTop.white {
    background-image: url(../images/top-arrow-white.svg)
}

.logoSlider {
    height: 24%;
    position: relative
}

.logoSlider>.wrap {
    height: 170px;
    position: absolute;
    top: 50%;
    margin-top: -85px;
    left: 50%;
    margin-left: -470px;
    padding: 25px 0
}

.logoSlider h3 {
    margin: 0;
    color: #777;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase
}

.logoSlider .logoBar {
    width: 700px;
    height: 70px;
    margin: 25px auto 0 auto;
    position: relative
}

.logoSlider .logoBar .logos {
    width: 700px;
    height: 70px;
    overflow: hidden;
    background: url(../images/section-7/logobar.png) repeat-x;
    transition: .4s all ease
}

.logoSlider .logoBar .arrow {
    position: absolute;
    top: 24px;
    width: 20px;
    height: 30px;
    background: url(../images/slider-arrows.svg) no-repeat;
    cursor: pointer;
    opacity: .4;
    transition: .2s all linear
}

.logoSlider .logoBar .arrow:hover {
    opacity: .6
}

.logoSlider .logoBar .arrow.prev {
    left: -15px
}

.logoSlider .logoBar .arrow.next {
    right: -15px;
    background-position: -93px 0
}

.animsition,
.animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 100%;
    min-height: 100%
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

.animsition-loading,
.animsition-loading:after {
    width: 32px;
    height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    z-index: 100
}

.animsition-loading {
    background-color: transparent;
    border-top: 3px solid rgba(5, 131, 170, .2);
    border-right: 3px solid rgba(5, 131, 170, .2);
    border-bottom: 3px solid rgba(5, 131, 170, .2);
    border-left: 3px solid #0583AA;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: animsition-loading;
    animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out
}

#home-1 {
    background-image: url(../images/background.jpg);
    overflow: initial
}

#home-2 {
    background: #0583aa;
    overflow: initial
}

#home-3 {
    background-image: url(../images/background.jpg)
}

#home-4 {
    background: #fff
}

#home-5 {
    background-image: url(../images/background.jpg)
}

#home-6 {
    background: #fff
}

#home-7 {
    background-image: url(../images/background.jpg)
}

#home-8 {
    background: #fff
}

.headerContent {
    text-align: center;
    width: 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -120px
}

.headerContent h1 {
    font-family: AvenirLTStd-Heavy;
    font-size: 40px;
    margin: 0 0 30px;
    color: #FFF
}

.headerContent>p {
    color: #FFF;
    font-family: AvenirLTStd-Light;
    font-size: 24px;
    margin: 0 0 30px 0;
    line-height: 1.6em
}

.headerContent #video-link {
    border: 2px solid #FFF;
    border-radius: 3px;
    text-transform: uppercase;
    color: #FFF;
    display: inline-block;
    margin: 0 auto;
    font-family: AvenirLTStd-Heavy;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 10px 10px 10px 36px;
    position: relative;
    transition: .2s all ease;
    cursor: pointer
}

.headerContent #video-link:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(../images/play-icon-small.svg) no-repeat
}

.headerContent #video-link:hover {
    opacity: .8
}

#jobs-break {
    background: rgba(227, 89, 28, .5);
    color: #FFF;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 30px;
    font-size: 12px;
    font-family: AvenirLTStd-Medium;
    border-radius: 3px 3px 0 0;
    text-decoration: none;
    transition: .2s background ease
}

#jobs-break:hover {
    background: rgba(227, 89, 28, .7)
}

.scrollNote {
    width: 220px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    bottom: 10px;
    height: 52px;
    text-align: center
}

.scrollNote .home-scroll-entry {
    color: #D44200;
    font-size: 13px;
    font-family: AvenirLTStd-Medium;
    position: relative
}

.scrollNote .home-scroll-entry:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: -25px;
    width: 22px;
    height: 22px;
    background: url(../images/scrollarrow-orange.svg) no-repeat center center;
    background-size: 100%
}

.contentSmart {
    color: #333
}

.contentSmart h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 15px 0
}

.contentSmart p {
    font-family: AvenirLTStd-Light;
    font-size: 21px;
    line-height: 1.4em;
    margin: 0 0 50px 0
}

.contentSmart .yellowTag {
    font-family: HomemadeApplePro;
    font-size: 18px;
    display: inline-block;
    height: 40px;
    line-height: 44px
}

.contentSmart.dark {
    color: #FFF
}

.contentSmart.dark .yellowTag {
    color: #000
}

#home-3 .contentSmart {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -80px;
    padding: 0 0 0 50px
}

#home-3 .contentSmart:after,
#home-3 .contentSmart:before {
    content: "";
    position: absolute
}

#home-3 .contentSmart:before {
    background: url(../images/dashLine@2x.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 364px 294px;
    width: 365px;
    height: 294px;
    left: 0;
    bottom: -273px
}

#home-3 .contentSmart:after {
    background: url(../images/dashStraight@2x.png) repeat-y;
    height: 600px;
    left: 0;
    bottom: -856px;
    width: 1px;
    background-size: 1px 12px
}

#home-3 .contentSmart .yellowTag {
    position: relative;
    padding: 0 14px;
    background: url(../images/yellowTag.svg) no-repeat left center
}

.bigMessage {
    font-family: AvenirLTStd-Black;
    font-size: 36px;
    color: #FFF;
    background: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    display: inline-block;
    text-align: center;
    height: 82px;
    transition: .2s all ease;
    overflow: hidden
}

.bigMessage:before {
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 0;
    right: 0;
    line-height: 82px
}

#home-4 .contentSmart {
    width: 900px;
    height: 100%;
    padding-top: 60px;
    background: #FFF url(../images/dashStraight@2x.png) repeat-y;
    background-size: 1px 12px;
    background-position: center center;
    position: absolute
}

#home-4 .contentSmart .lineItem {
    height: 580px;
    position: relative;
    top: 50%;
    margin-top: -280px
}

#home-4 .contentSmart .lineItem>div {
    display: inline-block;
    width: 100%;
    position: relative
}

#home-4 .contentSmart .lineItem img {
    position: relative
}

#home-4 .contentSmart .left,
#home-4 .contentSmart .right {
    font-family: HomemadeApplePro;
    font-size: 20px;
    position: relative;
    display: block;
    width: 50%
}

#home-4 .contentSmart .left:before,
#home-4 .contentSmart .right:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #333;
    border-radius: 20px;
    border: 2px solid #FFF;
    position: absolute;
    top: 5px
}

#home-4 .contentSmart .left {
    text-align: right;
    padding-right: 25px;
    float: left
}

#home-4 .contentSmart .left:before {
    right: 0;
    margin-right: -7px
}

#home-4 .contentSmart .right {
    float: right;
    padding-left: 25px
}

#home-4 .contentSmart .right:before {
    left: 0;
    margin-left: -6px
}

#home-4 .contentSmart .bigMessage {
    left: 230px;
    right: 230px;
    top: 290px;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    transition: .2s all linear
}

#home-4 .contentSmart .bigMessage:before {
    content: "RELEVANT CONTENT"
}

#home-4 .contentSmart .bigMessage:hover {
    left: 120px;
    right: 120px
}

#home-4 .contentSmart .bigMessage:hover:before {
    content: "DRIVES MORE DOWNLOADS"
}

#home-4 .contentSmart #decorates,
#home-4 .contentSmart #lovesdawg {
    height: 124px
}

#home-4 .contentSmart #lovesdawg>span {
    top: 50px
}

#home-4 .contentSmart #dog {
    float: left;
    margin: 0 30px
}

#home-4 .contentSmart #collar {
    top: 25px
}

#home-4 .contentSmart #decorates {
    margin-top: -20px
}

#home-4 .contentSmart #decorates>span {
    top: 90px
}

#home-4 .contentSmart #whiteroom {
    margin-left: -250px;
    left: 50%
}

#home-4 .contentSmart #shopping {
    top: 165px;
    height: 180px
}

#home-4 .contentSmart #shopping>span {
    top: 120px
}

#home-4 .contentSmart #shoe {
    top: 25px;
    left: 50%;
    position: absolute;
    margin-left: -250px
}

#home-4 .contentSmart #clothes {
    margin: 0 30px;
    float: left;
    top: 0
}

#home-5 .contentSmart {
    margin-right: 49px;
    padding-right: 50px;
    height: 60%;
    width: 374px;
    position: absolute;
    right: 50%;
    bottom: 0
}

#home-5 .contentSmart:after {
    content: "";
    position: absolute;
    right: -50px;
    top: 256px;
    background-image: url(../images/dashLine@2x.png);
    background-repeat: no-repeat;
    background-size: 151px 89px;
    width: 151px;
    height: 89px
}

#home-5 .contentSmart:before {
    content: "";
    position: absolute;
    top: 339px;
    right: -50px;
    background-image: url(../images/dashStraight@2x.png);
    background-repeat: repeat-y;
    background-size: 1px 12px;
    width: 1px;
    height: 800px
}

#home-5 .contentSmart .yellowTag {
    background: url(../images/section-5/yellowTag.svg) no-repeat left center;
    padding: 0 16px
}

#home-6 .wrap {
    background: url(../images/dashStraight@2x.png) repeat-y center center;
    background-size: 1px 12px
}

#home-6 .contentSmart {
    height: 600px;
    position: absolute;
    top: 50%;
    margin-top: -270px;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    background: #FFF url(../images/dashLine@2x.png) no-repeat center center;
    background-size: 9px 600px
}

#home-6 .contentSmart>img {
    position: absolute
}

#home-6 .bigMessage {
    top: 280px;
    left: 200px;
    right: 200px
}

#home-6 .bigMessage:before {
    content: "PREDICTIVE INSIGHTS"
}

#home-6 .bigMessage:hover {
    left: 140px;
    right: 140px
}

#home-6 .bigMessage:hover:before {
    content: "FOR EFFECTIVE MARKETING"
}

#home-6 .bubbleText {
    font-size: 18px;
    color: #323232;
    font-family: HomemadeApplePro;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    text-align: center
}

#home-6 .bubbleText.petSupply {
    background-image: url(../images/petBubble.svg);
    width: 285px;
    height: 75px;
    padding-top: 23px;
    margin-left: 20px;
    left: 50%;
    top: 25px
}

#home-6 .bubbleText.artFrames {
    background-image: url(../images/artBubble.svg);
    width: 282px;
    height: 80px;
    padding: 23px 0 0 0;
    margin-right: 20px;
    right: 50%;
    top: 158px
}

#home-6 .bubbleText.chair {
    background-image: url(../images/chairBubble.svg);
    width: 302px;
    height: 100px;
    padding-top: 20px;
    left: 50%;
    top: 394px;
    margin-left: 20px
}

#home-6 #petSupply {
    top: 30px;
    right: 50%;
    margin-right: 20px
}

#home-6 #homeDecor {
    top: 110px;
    left: 50%;
    margin-left: 35px
}

#home-6 #chair {
    top: 400px;
    right: 50%;
    margin-right: 30px
}

#home-7 .contentSmart {
    margin-top: -100px;
    padding-left: 50px;
    height: 376px;
    width: 425px;
    left: 50%;
    position: absolute;
    top: 50%
}

#home-7 .contentSmart:after,
#home-7 .contentSmart:before {
    content: "";
    position: absolute
}

#home-7 .contentSmart:before {
    width: 365px;
    height: 294px;
    background: url(../images/dashLine@2x.png) no-repeat;
    background-size: 365px 294px;
    bottom: -118px;
    left: 0
}

#home-7 .contentSmart:after {
    height: 800px;
    left: 0;
    top: 492px;
    background: url(../images/dashStraightWhite@2x.png) repeat-y;
    background-size: 1px 12px;
    width: 1px
}

#home-7 .yellowTag {
    background: url(../images/yellowTag.svg) no-repeat left center;
    padding: 0 14px 0 10px
}

#home-8 .endHomeSlide {
    height: 100%
}

#home-8 .endHomeSlide .headline {
    height: 30%;
    background: url(../images/dashStraight@2x.png) repeat-y;
    background-size: 1px 12px;
    background-position: center center
}

#home-8 .endHomeSlide .headline .contentSmart {
    position: absolute;
    background: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 0 60px 0
}

#home-8 .endHomeSlide .headline .contentSmart>span {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

#home-8 .endHomeSlide .headline .contentSmart .head {
    font-family: AvenirLTStd-Black;
    font-size: 48px;
    color: #222;
    letter-spacing: 3px;
    margin-bottom: 5px
}

#home-8 .endHomeSlide .headline .contentSmart .sub {
    font-family: AvenirLTStd-Light;
    color: #333;
    font-size: 20px;
    letter-spacing: 2px
}

#home-8 .endHomeSlide .ctaSection {
    height: 30%
}

#home-8 .endHomeSlide .ctaSection>div {
    width: 50%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    position: relative
}

#home-8 .endHomeSlide .ctaSection>div>div {
    width: 266px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -133px
}

#home-8 .endHomeSlide .ctaSection>div>div span {
    display: block;
    color: #FFF;
    font-family: HomemadeApplePro;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center
}

#home-8 .endHomeSlide .ctaSection .publishers {
    background-image: url(../images/publishers.jpg)
}

#home-8 .endHomeSlide .ctaSection .developer {
    background-image: url(../images/developers.jpg)
}

#home-8 .scrollFooter {
    height: 40%
}

#advertisers-1 {
    background-image: url(../images/background.jpg)
}

#advertisers-2 {
    background: #fff
}

#advertisers-3 {
    background: #1684A8
}

#advertisers-4 {
    background: #444
}

#advertisers-5 {
    background: #1684A8
}

#advertisers-6 {
    background: #fff
}

#advertisers-7 {
    background: #fff
}

#advertisersSubHeader li {
    width: 20%;
    display: block;
    height: 100px;
    float: left
}

#advertisersSubHeader li span {
    cursor: pointer;
    height: 100%;
    display: block;
    width: 100%;
    position: relative;
    color: #777;
    padding-top: 35px;
    transition: .2s color linear
}

#advertisersSubHeader li span:before {
    position: absolute;
    content: "";
    width: 44px;
    height: 44px;
    left: 0;
    top: 27px;
    background: url(../images/sub-navigation-sprite.svg) no-repeat
}

#advertisersSubHeader li span.active {
    color: #0583aa;
    box-shadow: 0 -2px 0 #0583aa inset
}

#advertisersSubHeader li.recommendations span {
    padding-left: 66px
}

#advertisersSubHeader li.recommendations span:before {
    background-position: -60px -106px;
    left: 10px
}

#advertisersSubHeader li.recommendations span.active:before {
    background-position: 0 -106px
}

#advertisersSubHeader li.crossscreen span {
    padding-left: 80px
}

#advertisersSubHeader li.crossscreen span:before {
    background-position: -58px -217px;
    left: 22px
}

#advertisersSubHeader li.crossscreen span.active:before {
    background-position: 2px -217px
}

#advertisersSubHeader li.targeting span {
    padding-left: 75px
}

#advertisersSubHeader li.targeting span:before {
    background-position: -59px -51px;
    left: 20px
}

#advertisersSubHeader li.targeting span.active:before {
    background-position: 1px -51px
}

#advertisersSubHeader li.support span {
    padding-left: 85px
}

#advertisersSubHeader li.support span:before {
    background-position: -59px 6px;
    left: 25px
}

#advertisersSubHeader li.support span.active:before {
    background-position: 1px 6px
}

#advertisersSubHeader li.measurement span {
    padding-left: 75px
}

#advertisersSubHeader li.measurement span:before {
    background-position: -60px -164px;
    left: 15px
}

#advertisersSubHeader li.measurement span.active:before {
    background-position: 0 -164px
}

.advertisersHeader,
.developersHeader {
    color: #FFF;
    text-align: center;
    width: 695px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -170px 0 0 -340px
}

.advertisersHeader h1,
.developersHeader h1 {
    font-size: 26px;
    margin: 0 0 20px 0
}

.advertisersHeader span,
.developersHeader span {
    display: block;
    font-size: 38px;
    font-family: AvenirLTStd-Heavy;
    margin: 0 0 30px 0
}

.advertisersHeader p,
.developersHeader p {
    font-size: 22px;
    margin: 0
}

#advertisers-1,
#developers-1 {
    z-index: 8
}

#advertisers-1 .scrollButton,
#developers-1 .scrollButton {
    bottom: 130px
}

#advertisers-1 .subHeader,
#developers-1 .subHeader {
    position: absolute;
    bottom: 0;
    left: 0
}

.advertisersScroll .contentSmart,
.developersScroll .contentSmart {
    position: absolute;
    top: 50%
}

.advertisersScroll .contentSmart h2,
.developersScroll .contentSmart h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 38px;
    color: #333;
    text-transform: none;
    margin: 0 0 5px 0;
    line-height: 40px
}

.advertisersScroll .contentSmart .subhead,
.developersScroll .contentSmart .subhead {
    font-size: 26px;
    color: #777;
    display: block;
    margin-bottom: 25px
}

.advertisersScroll .contentSmart p,
.developersScroll .contentSmart p {
    font-size: 18px;
    color: #333;
    margin: 0;
    line-height: 1.6em
}

.advertisersScroll .contentSmart.invert h2,
.advertisersScroll .contentSmart.invert p,
.developersScroll .contentSmart.invert h2,
.developersScroll .contentSmart.invert p {
    color: #FFF
}

.advertisersScroll .contentSmart.invert .subhead,
.developersScroll .contentSmart.invert .subhead {
    color: rgba(255, 255, 255, .7)
}

#advertisers-2 .contentSmart {
    padding: 0 35px;
    height: 360px;
    margin-top: -100px
}

#advertisers-2 .contentSmart img {
    float: left;
    margin-right: 60px
}

#advertisers-2 .contentSmart h2 {
    padding-top: 20px
}

#advertisers-3 .contentSmart {
    padding: 0;
    height: 280px;
    margin-top: -60px
}

#advertisers-3 .contentSmart img {
    float: right;
    margin-right: 0;
    max-width: 280px;
    margin-left: 160px
}

#advertisers-3 .contentSmart h2 {
    padding-top: 20px
}

#advertisers-4 .contentSmart {
    height: 280px;
    margin-top: -60px;
    padding-left: 60%
}

#advertisers-4 .appBackground {
    position: absolute;
    right: 0;
    top: 190px;
    bottom: 0;
    left: 0;
    background: url(../images/background.jpg) no-repeat;
    background-size: auto 100%;
    background-position: left center
}

#advertisers-5 .contentSmart {
    height: 280px;
    margin-top: -60px;
    padding-left: 55%
}

#advertisers-5 .contentSmart h2 {
    padding-top: 50px
}

#advertisers-5 .contentSmart a {
    font-family: AvenirLTStd-Heavy;
    text-decoration: none;
    color: #FFF
}

#advertisers-5 .roiBackground {
    position: absolute;
    right: 0;
    top: 190px;
    bottom: 0;
    left: 0;
    background: url(../images/background.jpg) no-repeat;
    background-size: auto 100%;
    background-position: left center
}

#advertisers-6 .contentSmart {
    padding: 0 35px;
    height: 300px;
    margin-top: -70px
}

#advertisers-6 .contentSmart img {
    float: right;
    margin-left: 60px
}

#advertisers-7 .advertisersEnd {
    height: calc(100% - 190px);
    margin-top: 190px;
    position: relative
}

#advertisers-7 .contactEnd,
#developers-7 .contactEnd {
    height: 32%;
    position: relative;
    background: #efefef
}

#advertisers-7 .contactEnd .wrap,
#developers-7 .contactEnd .wrap {
    height: 134px;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    left: 50%;
    margin-left: -470px
}

#advertisers-7 .contactEnd span,
#developers-7 .contactEnd span {
    text-align: center;
    display: block
}

#advertisers-7 .contactEnd .head,
#developers-7 .contactEnd .head {
    font-family: AvenirLTStd-Black;
    font-size: 36px;
    color: #323232;
    text-transform: uppercase;
    letter-spacing: 2px
}

#advertisers-7 .contactEnd .sub,
#developers-7 .contactEnd .sub {
    font-size: 18px;
    color: #666
}

#advertisers-7 .contactEnd .button,
#developers-7 .contactEnd .button {
    width: 260px;
    margin: 25px auto 0 auto
}

#developers-1 {
    background-image: url(../images/background.jpg)
}

#developers-2 {
    background: #fff
}

#developers-3 {
    background: #C54E23
}

#developers-4 {
    background: #fff
}

#developers-5 {
    background: #C54E23
}

#developers-6 {
    background: #fff
}

#developers-7 {
    background: #fff
}

#developersSubHeader li {
    width: 20%;
    display: block;
    height: 100px;
    float: left
}

#developersSubHeader li span {
    cursor: pointer;
    height: 100%;
    display: block;
    width: 100%;
    position: relative;
    color: #777;
    padding-top: 35px;
    transition: .2s color linear
}

#developersSubHeader li span:before {
    position: absolute;
    content: "";
    width: 44px;
    height: 44px;
    left: 0;
    top: 27px;
    background: url(../images/sub-navigation-sprite.svg) no-repeat
}

#developersSubHeader li span.active {
    color: #C54E23;
    box-shadow: 0 -2px 0 #E67E54 inset
}

#developersSubHeader li.revenue span {
    padding-right: 20px;
    padding-left: 90px
}

#developersSubHeader li.revenue span:before {
    background-position: -58px 8px;
    left: 35px
}

#developersSubHeader li.revenue span.active:before {
    background-position: 2px 8px
}

#developersSubHeader li.formats span {
    padding-left: 90px
}

#developersSubHeader li.formats span:before {
    background-position: -58px -50px;
    left: 32px
}

#developersSubHeader li.formats span.active:before {
    background-position: 2px -50px
}

#developersSubHeader li.platforms span {
    padding-left: 86px
}

#developersSubHeader li.platforms span:before {
    background-position: -59px -105px;
    left: 28px
}

#developersSubHeader li.platforms span.active:before {
    background-position: 1px -105px
}

#developersSubHeader li.devsupport span {
    padding-left: 64px;
    padding-right: 10px
}

#developersSubHeader li.devsupport span:before {
    background-position: -58px -162px;
    left: 8px
}

#developersSubHeader li.devsupport span.active:before {
    background-position: 2px -162px
}

#developersSubHeader li.results span {
    padding-right: 20px;
    padding-left: 85px
}

#developersSubHeader li.results span:before {
    background-position: -59px -215px;
    left: 30px
}

#developersSubHeader li.results span.active:before {
    background-position: 1px -215px
}

.developersHeader {
    width: 100%;
    margin: -170px 0 0 -50%
}

#developers-2 .contentSmart {
    height: 310px;
    margin-top: -70px
}

#developers-2 .contentSmart img {
    float: left;
    margin-right: 60px;
    margin-left: -100px
}

#developers-2 .contentSmart h2 {
    padding-top: 10px
}

#developers-3 .contentSmart {
    padding: 0 40px;
    height: 270px;
    margin-top: -50px
}

#developers-3 .contentSmart img {
    float: right;
    margin-left: 50px
}

#developers-3 .contentSmart h2 {
    padding-top: 5px
}

#developers-4 .contentSmart {
    padding: 0 20px;
    height: 310px;
    margin-top: -70px
}

#developers-4 .contentSmart img {
    float: left;
    margin-right: 80px
}

#developers-4 .contentSmart h2 {
    padding-top: 15px
}

#developers-5 .contentSmart {
    height: 280px;
    margin-top: -60px;
    padding-right: 55%
}

#developers-5 a {
    font-family: AvenirLTStd-Heavy;
    text-decoration: none;
    color: #FFF
}

#developers-5 .boxBackground {
    position: absolute;
    right: 0;
    top: 190px;
    bottom: 0;
    left: 0;
    background: url(../images/background.jpg) no-repeat center right;
    background-size: auto 100%
}

#developers-6 .contentSmart {
    padding: 0 70px;
    height: 300px;
    margin-top: -70px
}

#developers-6 .contentSmart img {
    margin-left: -80px;
    float: left;
    margin-right: 60px
}

#developers-7 .developersEnd {
    height: calc(100% - 190px);
    margin-top: 190px;
    position: relative
}

#developers-7 .contactEnd {
    height: 56%
}

.contentPage header.transparent {
    background: rgba(255, 255, 255, .01)
}

.contentPage .hero {
    height: 330px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF;
    text-align: center
}

.contentPage .hero.contactHero {
    background-image: url(../images/hero.jpg)
}

.contentPage .hero.supportHero {
    background-image: url(../images/hero.jpg);
    height: 500px;
    position: relative
}

.contentPage .hero.templatesHero {
    background-image: url(../images/hero.jpg)
}

.contentPage .hero.blogHero {
    background-image: url(../images/hero.jpg)
}

.contentPage .hero.pressHero {
    background-image: url(../images/hero.jpg)
}

.contentPage .hero.aboutHero {
    background-image: url(../images/hero.jpg);
    height: 100%;
    position: relative
}

.contentPage .hero.teamHero {
    background-image: url(../images/hero.jpg);
    height: 100%;
    position: relative
}

.contentPage .hero.testoHero {
    background-image: url(../images/hero.jpg);
    height: 100%;
    position: relative
}

.contentPage .hero.jobsHero {
    background-image: url(../images/hero.jpg);
    height: 100%;
    position: relative
}

.contentPage .hero h1 {
    font-family: AvenirLTStd-Book;
    font-size: 26px;
    margin: 0 0 10px 0
}

.contentPage .hero span.subHead {
    font-family: AvenirLTStd-Heavy;
    font-size: 40px
}

.contentPage hr {
    margin: 40px auto;
    border-top: 1px solid #bebebe;
    width: 100%
}

.contentPage .box.half {
    width: 50%;
    float: left
}

.contentPage .box.third {
    width: 33.3333%;
    float: left
}

.contentPage .box h4 {
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 5px 0
}

.contentPage .box h4.space {
    margin-top: 30px
}

.contentPage .box p {
    font-family: AvenirLTStd-Light;
    font-size: 14px;
    line-height: 1.5em;
    color: #333;
    margin: 0 0 4px 0
}

.contentPage .box a {
    color: #0583aa;
    text-decoration: none;
    font-family: AvenirLTStd-Medium;
    font-size: 15px
}

.contentPage .box a:hover {
    text-decoration: underline
}

.contentPage .box a.block {
    display: block;
    margin-bottom: 2px
}

.contentPage .contactHero h1,
.contentPage .templatesHero h1 {
    padding-top: 130px;
    margin: 0 0 10px 0
}

.contactContent {
    padding: 50px 60px
}

.contactContent h3 {
    margin: 0 0 40px 0;
    font-family: AvenirLTStd-Light;
    font-size: 22px;
    color: #333;
    text-align: center
}

.contactContent .box.half {
    padding-right: 100px
}

.contactContent .socialLink {
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none
}

.contactContent .socialLink li {
    display: inline-block;
    margin-right: 10px
}

.contactContent .socialLink li a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/social-sprite.svg) no-repeat;
    text-indent: -99999em;
    opacity: .5;
    transition: .2s opacity linear
}

.contactContent .socialLink li a:hover {
    opacity: .7
}

.contactContent .socialLink li a.facebook {
    background-position: -34px 0
}

.contactContent .socialLink li a.twitter {
    background-position: -77px 0
}

.contactContent .offices {
    text-align: center;
    padding: 0 10px
}

.contactContent .offices.first {
    padding: 0 20px 0 0
}

.contactContent .offices.last {
    padding: 0 0 0 20px
}

.contactContent .googleMap {
    width: 100%;
    display: block;
    margin-top: 15px;
    position: relative
}

.contactContent .googleMap a {
    font-size: 9px
}

.textContentPage>.wrap {
    padding: 140px 0 60px 0
}

.textContentPage .textContent {
    width: 620px;
    margin-right: 20px;
    float: left;
    color: #333
}

.textContentPage .textContent ul {
    margin: 15px 0;
    padding: 0 0 0 30px
}

.textContentPage .textContent ul li {
    margin-bottom: 4px
}

.textContentPage .sidebar a,
.textContentPage .textContent a {
    color: #0583aa;
    text-decoration: none;
    font-family: AvenirLTStd-Heavy
}

.textContentPage .sidebar a:hover,
.textContentPage .textContent a:hover {
    text-decoration: underline
}

.textContentPage .sidebar {
    float: right;
    width: 300px;
    padding-left: 20px
}

.textContentPage .sidebar section {
    background: #EEE;
    padding: 16px;
    margin-bottom: 5px
}

.textContentPage .sidebar a {
    font-family: 16px;
    padding: 3px 16px 0 0;
    background: url(../images/sidebar-link.svg) no-repeat right center
}

.textContentPage .sidebar .truste a {
    background: 0 0;
    padding: 0
}

.textContentPage h1,
.textContentPage h2,
.textContentPage h3 {
    font-family: AvenirLTStd-Heavy
}

.textContentPage h1 {
    font-size: 36px;
    margin: 0 0 20px 0
}

.textContentPage h2 {
    font-size: 24px;
    margin: 30px 0 20px 0
}

.textContentPage h3 {
    font-size: 18px;
    margin: 25px 0 15px 0
}

.textContentPage p {
    margin: 15px 0
}

.support-hero-center {
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -300px;
    width: 600px
}

.support-buttons .left,
.support-buttons .right {
    width: 50%;
    float: left;
    padding: 90px 0;
    text-align: center
}

.support-buttons .left {
    background: #EDF3F4
}

.support-buttons .left a {
    background: #2091B3
}

.support-buttons .left a:hover {
    background: #1588AB
}

.support-buttons .right {
    background: #F7E4DB
}

.support-buttons .right a {
    background: #E3581B
}

.support-buttons .right a:hover {
    background: #D84F13
}

.support-buttons .note {
    font-family: HomemadeApplePro;
    display: block;
    margin-bottom: 15px;
    font-size: 22px
}

.support-buttons a {
    display: inline-block;
    padding: 0 36px;
    font-size: 26px;
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, .3) inset;
    font-family: AvenirLTStd-Heavy;
    border-radius: 3px;
    line-height: 70px;
    letter-spacing: .6px;
    transition: .2s
}

.dynamicHeight {
    height: 100%;
    min-height: 100%
}

.formsPage .hero {
    position: relative;
    height: 80%;
    min-height: 600px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.formsPage .hero.loginHero {
    background-image: url(../images/background.jpg)
}

.formsPage .hero.registerHero {
    background: #1684a8;
    max-height: 600px
}

.formsPage header {
    background: rgba(255, 255, 255, 0);
    position: absolute
}

.formsPage header nav {
    display: none
}

.formsPage .formWrap {
    position: absolute;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    top: 50%
}

.formsPage .formWrap.loginForm {
    margin-top: -130px;
    top: 40%
}

.formsPage .formWrap.authForm {
    margin-top: -130px;
    margin-left: -306px
}

.formsPage .formWrap.registerForm {
    width: 360px;
    top: 90px;
    margin-left: -180px
}

.formsPage .formWrap.registerForm h1 {
    margin-bottom: 15px
}

.formsPage .formWrap.registerForm .row {
    margin-bottom: 10px
}

.formsPage .formWrap.registerForm .g-recaptcha {
    margin: 25px 0 0 8px
}

.formsPage .formWrap.registerForm .buttonSection .button {
    width: 144px;
    display: block !important;
    margin: 0 auto
}

.formsPage .formWrap hr {
    border-top: 1px solid #1684A8
}

.formsPage .formWrap h1 {
    font-family: AvenirLTStd-Heavy;
    font-size: 24px;
    color: #333;
    margin: 0 0 4px 0
}

.formsPage .formWrap .form {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    padding: 15px 20px 20px
}

.formsPage .formWrap .form .intro {
    font-family: AvenirLTStd-Light;
    font-size: 14px;
    text-align: center;
    color: #777;
    display: block;
    margin: 0 auto 15px
}

.formsPage .formWrap .form .intro a {
    color: #0583aa;
    font-family: AvenirLTStd-Heavy;
    text-decoration: none
}

.formsPage .formWrap .form .intro a:hover {
    text-decoration: underline
}

.formsPage .formWrap .form .customSelect {
    width: 100%;
    height: 44px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    background: url(../images/down-arrow.svg) no-repeat 294px #FFF;
    font-family: AvenirLTStd-Light
}

.formsPage .formWrap .form .customSelect select {
    background: 0 0;
    width: 100%;
    font-size: 16px;
    border: 0;
    border-radius: 0;
    height: 44px;
    -webkit-appearance: caret;
    -moz-appearance: window;
    font-family: AvenirLTStd-Light;
    padding: 10px
}

.formsPage .formWrap .form .customSelect select:focus {
    outline: 0
}

.formsPage .formWrap .form .row {
    display: block;
    width: 100%;
    position: relative
}

.formsPage .formWrap .form .row input[type=email],
.formsPage .formWrap .form .row input[type=password],
.formsPage .formWrap .form .row input[type=text],
.formsPage .formWrap .form .row input[type=url] {
    font-family: AvenirLTStd-Light;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    height: 44px;
    padding: 0 10px;
    display: block;
    width: 100%;
    transition: .2s all linear;
    position: relative;
    margin-top: -1px
}

.formsPage .formWrap .form .row input[type=email]:fist-child,
.formsPage .formWrap .form .row input[type=password]:fist-child,
.formsPage .formWrap .form .row input[type=text]:fist-child,
.formsPage .formWrap .form .row input[type=url]:fist-child {
    margin-top: 0
}

.formsPage .formWrap .form .row input[type=email]:focus,
.formsPage .formWrap .form .row input[type=password]:focus,
.formsPage .formWrap .form .row input[type=text]:focus,
.formsPage .formWrap .form .row input[type=url]:focus {
    outline: 0;
    border: 1px solid #0583aa;
    z-index: 1
}

.formsPage .formWrap .form .row input[type=tel] {
    font-family: AvenirLTStd-Light;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    height: 44px;
    padding: 0 48px;
    display: block;
    width: 100%;
    transition: .2s all linear;
    position: relative;
    margin-top: -1px
}

.formsPage .formWrap .form .row input[type=tel]:fist-child {
    margin-top: 0
}

.formsPage .formWrap .form .row input[type=tel]:focus {
    outline: 0;
    border: 1px solid #0583aa
}

.formsPage .formWrap .form .row .errorLabel {
    display: none;
    font-size: 16px;
    color: red;
    padding: 6px 0 10px 0
}

.formsPage .formWrap .form .row.error .errorLabel {
    display: block
}

.formsPage .formWrap .form .row.error input {
    border: 1px solid red
}

.formsPage .formWrap .form .row label {
    color: #777
}

.formsPage .formWrap .form .row.platform {
    height: 44px
}

.formsPage .formWrap .form .row.platform label {
    font-size: 16px;
    float: left;
    margin-right: 13px;
    line-height: 44px
}

.formsPage .formWrap .form .row.platform label:last-child {
    margin-right: 0
}

.formsPage .formWrap .form .row.pass .intro {
    display: block;
    text-align: center;
    margin-top: 10px
}

.formsPage .formWrap .form .row.terms {
    margin-top: 20px
}

.formsPage .formWrap .form .row.terms label {
    font-size: 13px
}

.formsPage .formWrap .form .row.terms a {
    color: #0583aa;
    text-decoration: none
}

.formsPage .formWrap .form .row.terms a:hover {
    text-decoration: underline
}

.formsPage .formWrap .form .row .icheckbox,
.formsPage .formWrap .form .row .iradio {
    float: left;
    margin-right: 6px;
    cursor: pointer
}

.formsPage .formWrap .form .row .iradio {
    width: 16px;
    height: 16px;
    background-image: url(../images/cc-radio.svg);
    position: relative;
    top: 12px
}

.formsPage .formWrap .form .row .iradio.checked {
    background-image: url(../images/cc-radio-selected.svg)
}

.formsPage .formWrap .form .row .icheckbox {
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7
}

.formsPage .formWrap .form .row .icheckbox.checked {
    background: url(../images/cc-checkbox.svg) no-repeat center center
}

.formsPage .formWrap .form .buttonSection {
    margin-top: 20px
}

.formsPage .formWrap .form .buttonSection input[type=submit] {
    border: none;
    border-radius: 3px;
    font-family: AvenirLTStd-Heavy;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 24px;
    text-align: center;
    background: #DF4500;
    transition: .2s all linear;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, .3) inset;
    letter-spacing: 1px;
    display: inline-block
}

.formsPage .formWrap .form .buttonSection input[type=submit]:hover {
    background: #9D3101
}

.formsPage .formWrap .form .buttonSection input[type=submit].center {
    display: block !important;
    margin: 0 auto
}

.formsPage .formWrap .form .buttonSection input[type=submit].loading {
    background-image: url(/assets/images/buttonLoader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .3);
    background-size: 20px;
    color: transparent;
    transition: none
}

.formsPage .formWrap .form .buttonSection a {
    font-family: AvenirLTStd-Light;
    font-size: 14px;
    float: right;
    text-decoration: none;
    color: #777;
    line-height: 39px
}

.formsPage .formWrap .form .buttonSection a:hover {
    text-decoration: underline
}

.formsPage .formWrap .form .buttonSection a.formLogoutButton {
    float: none;
    color: #df4500
}

.formsPage .formWrap #duo_iframe {
    width: 100%;
    min-width: 620px;
    max-width: 620px;
    height: 330px
}

.formsPage .preFoot {
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    bottom: 50px;
    text-align: center
}

.formsPage .preFoot a {
    text-transform: uppercase;
    color: #FFF;
    font-family: AvenirLTStd-Heavy;
    transition: .2s all linear;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px
}

.formsPage .preFoot a:hover {
    opacity: .5
}

.formsPage .registerSub {
    height: 100%;
    max-height: 700px
}

.formsPage .registerSub .bottomSection {
    height: 70%;
    background: #1684A8;
    min-height: 400px
}

.formsPage .registerSub .bottomSection span {
    color: #FFF;
    font-size: 20px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-family: HomemadeApplePro;
    width: 80%;
    padding-top: 420px
}

.formsPage .thankyouSection h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 15px;
    margin-bottom: 20px
}

.formsPage .thankyouSection>span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

.formsPage .thankyouSection ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.formsPage .thankyouSection li {
    margin-bottom: 4px
}

.formsPage .thankyouSection a {
    color: #0583aa;
    font-size: 14px;
    text-decoration: none;
    padding: 2px 0 2px 24px
}

.formsPage .thankyouSection a:hover {
    text-decoration: underline
}

.formsPage .thankyouSection a.linkedin {
    background: url(../images/linkedin.svg) no-repeat left center
}

.formsPage .thankyouSection a.facebook {
    background: url(../images/facebook.svg) no-repeat 3px center
}

.formsPage .thankyouSection a.twitter {
    background: url(../images/twitter.svg) no-repeat left center
}

.invalidField {
    -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    border: 1px solid red !important
}

span.ErrorTooltip {
    position: absolute;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    color: #7f0e0c;
    background: #FDE5E3;
    border: 1px solid #F9C0BB;
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, .0980392) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, .0980392) 1px 1px 2px 0;
    z-index: 1;
    display: none;
    margin-top: 0;
    margin-left: 10px;
    left: 100%;
    top: 25px;
    width: 150px
}

span.ErrorTooltip.appStoreError {
    width: 450px;
    text-align: left
}

span.ErrorTooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #FDE5E3 transparent transparent;
    top: 8px;
    right: 100%;
    left: auto;
    z-index: 1
}

span.ErrorTooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 11px;
    border-style: solid;
    border-color: transparent #F9C0BB transparent transparent;
    top: 7px;
    right: 100%;
    left: auto;
    margin-bottom: -1px;
    z-index: 1
}

.pressContent .wrap {
    max-width: 740px;
    padding: 0
}

.pressContent footer .wrap {
    max-width: 940px
}

.pressContent .slice {
    padding: 60px 0;
    color: #333
}

.pressContent .slice.invert {
    color: #FFF
}

.pressContent .slice h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    text-align: center;
    padding-left: 20px;
    position: relative
}

.pressContent .slice h2:before {
    content: "";
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    top: 10px;
    background: no-repeat center center
}

.pressContent .news h2:before {
    background-image: url(../images/icon-news.svg);
    left: -15px
}

.pressContent .press {
    background: #EFEFEF
}

.pressContent .press h2:before {
    background-image: url(../images/icon-release.svg);
    left: -15px
}

.pressContent .media {
    background: #1684A8
}

.pressContent .media h2:before {
    background-image: url(../images/icon-mediakit.svg);
    left: -15px;
    top: 8px
}

.pressContent .news a,
.pressContent .press a {
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #0583aa;
    text-decoration: none
}

.pressContent .news a:hover,
.pressContent .press a:hover {
    text-decoration: underline
}

.pressContent .news ul,
.pressContent .press ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pressContent .news ul li,
.pressContent .press ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    display: inline-block;
    height: 42px;
    line-height: 42px
}

.pressContent .news ul li>img,
.pressContent .press ul li>img {
    width: 100px;
    height: 30px;
    float: left;
    margin: 6px 25px 6px 0
}

.pressContent .news ul li>span,
.pressContent .press ul li>span {
    float: right;
    color: #999
}

.pressContent .news .viewMore,
.pressContent .press .viewMore {
    font-family: AvenirLTStd-Heavy;
    cursor: pointer;
    font-size: 14px;
    color: #777;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase
}

.pressContent .media h3 {
    border-bottom: 1px solid #FFF;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    padding-bottom: 5px;
    margin: 40px 0 15px 0
}

.pressContent .media .asset {
    float: left;
    margin-right: 2.6%;
    width: 23%
}

.pressContent .media .asset.last {
    margin-right: 0
}

.pressContent .media .asset img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .4);
    padding: 3px
}

.pressContent .media .asset span {
    font-size: 12px
}

.pressContent .media .asset a {
    color: #FFF;
    font-family: AvenirLTStd-Heavy;
    text-decoration: none
}

.pressContent .media .asset a:hover {
    text-decoration: underline
}

.pressContent .media .member {
    margin-top: 30px
}

.pressContent .media .member .title {
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    display: block;
    padding-left: 30px;
    position: relative;
    cursor: pointer
}

.pressContent .media .member .title>span {
    font-size: 16px
}

.pressContent .media .member .title:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 0;
    top: 2px;
    background: url(../images/arrow-close.svg) no-repeat center center;
    transition: .2s all linear
}

.pressContent .media .member .title.active:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pressContent .media .member p {
    font-family: AvenirLTStd-Light;
    font-size: 16px;
    margin: 10px 0 0 0;
    display: none
}

.pressContent .contact p {
    font-size: 18px;
    color: #333;
    text-align: center;
    font-family: AvenirLTStd-Light;
    margin: 0 0 40px 0
}

.pressContent .contact .button {
    margin: 0 auto;
    width: 260px
}

.contentPage.about {
    height: 100%;
    min-height: 100%
}

.team-cluster {
    color: #FFF;
    text-align: center
}

.team-cluster>div {
    width: 24%;
    margin: 0 1.3333% 1.3332% 0;
    float: left;
    position: relative
}

.team-cluster>div.no-img {
    background: 0 0
}

.team-cluster>div.no-img>div {
    opacity: 1
}

.team-cluster>div:nth-child(1n) {
    background: #0583AA
}

.team-cluster>div:nth-child(2n) {
    background: #DF4500
}

.team-cluster>div:nth-child(3n) {
    background: #333
}

.team-cluster>div:nth-child(4n) {
    margin-right: 0;
    background: #888
}

.team-cluster>div:nth-child(5n) {
    background: #888
}

.team-cluster>div:nth-child(6n) {
    background: #0583AA
}

.team-cluster>div:nth-child(7n) {
    background: #DF4500
}

.team-cluster>div:nth-child(8n) {
    background: #333
}

.team-cluster>div:nth-child(9n) {
    background: #333
}

.team-cluster>div:nth-child(10n) {
    background: #888
}

.team-cluster>div:nth-child(11n) {
    background: #0583AA
}

.team-cluster>div:nth-child(12n) {
    background: #DF4500
}

.team-cluster>div:nth-child(13n) {
    background: #DF4500
}

.team-cluster>div:nth-child(14n) {
    background: #333
}

.team-cluster>div:nth-child(15n) {
    background: #888
}

.team-cluster>div:nth-child(16n) {
    background: #0583AA
}

.team-cluster>div.touched>img,
.team-cluster>div:hover>img {
    opacity: .2
}

.team-cluster>div.touched>div,
.team-cluster>div:hover>div {
    opacity: 1
}

.team-cluster>div>img {
    max-width: 100%;
    transition: .2s all linear
}

.team-cluster>div>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 60px;
    opacity: 0;
    transition: .2s all linear
}

.team-cluster>div>div span {
    display: block;
    font-family: AvenirLTStd-Light
}

.team-cluster>div .name {
    font-size: 24px;
    margin-bottom: 2px
}

.team-cluster>div .title {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.team-cluster>div a {
    width: 31px;
    height: 31px;
    display: inline-block;
    text-indent: -999999em;
    background: url(../images/about/linkedin.svg) no-repeat
}

.aboutContent {
    padding: 60px 0;
    color: #333
}

.aboutContent h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 30px 0
}

.aboutContent .tease {
    font-size: 30px;
    font-family: AvenirLTStd-Light;
    text-align: center;
    padding: 0 70px;
    margin: 0 0 40px 0;
    line-height: 1.3em
}

.aboutContent .tease.smaller {
    font-size: 20px;
    padding: 0 120px;
    line-height: 1.6em
}

.aboutContent .tease.n {
    font-size: 25px;
    padding: 0 120px;
    margin: 0 0 30px 0
}

.aboutContent.workHere {
    background: #1684A8;
    color: #FFF;
    padding: 70px 0
}

.aboutContent .diagram {
    display: block;
    margin: 0 auto 20px auto;
    width: 400px;
    max-width: 100%
}

.aboutContent .half {
    float: left;
    margin-bottom: 50px;
    width: 50%;
    padding: 0 50px;
    text-align: center
}

.aboutContent .half.intro {
    text-align: left
}

.aboutContent .half.intro.first {
    padding: 0 25px 0 50px
}

.aboutContent .half.intro.second {
    padding: 0 50px 0 25px
}

.aboutContent .half p {
    font-family: AvenirLTStd-Light;
    font-size: 14px;
    margin: 0
}

.aboutContent .half>span {
    display: block
}

.aboutContent .half .stat {
    color: #0583aa;
    font-family: AvenirLTStd-Heavy;
    font-size: 30px;
    line-height: 1.2em
}

.aboutContent .half .meta {
    font-family: AvenirLTStd-Light;
    font-size: 20px
}

.aboutContent hr {
    margin: 0 0 50px 0
}

.aboutContent .team {
    padding: 0 21px;
    text-align: center;
    position: relative
}

.aboutContent .team .clear {
    display: block
}

.aboutContent .team .lastItem {
    display: none;
    color: #333;
    background: #efefef;
    position: absolute;
    right: 8px;
    bottom: -1px;
    width: 216px;
    height: 216px;
    text-align: center;
    padding-top: 75px
}

.aboutContent .team .lastItem span {
    display: block
}

.aboutContent .team .lastItem .head {
    font-family: HomemadeApplePro;
    font-size: 16px;
    margin-bottom: 8px
}

.aboutContent .team .lastItem .sub {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.aboutContent .subTeam {
    margin-top: 50px;
    display: inline-block;
    width: 100%
}

.aboutContent .subTeam .subTeamMembers {
    list-style-type: none;
    margin: 15px 15px 0 0;
    float: left;
    width: 217px
}

.aboutContent .subTeam .subTeamMembers li {
    height: 70px;
    margin-bottom: 15px;
    transition: .2s all linear
}

.aboutContent .subTeam .subTeamMembers li:hover {
    opacity: .5
}

.aboutContent .subTeam .subTeamMembers a {
    color: #0583aa;
    text-decoration: none
}

.aboutContent .subTeam .subTeamMembers span {
    display: block;
    font-size: 14px
}

.aboutContent .subTeam .subTeamMembers span.member {
    font-family: AvenirLTStd-Heavy;
    font-size: 14px
}

.aboutContent .button {
    width: 400px;
    margin: 0 auto
}

.aboutContent .investors {
    float: left;
    width: 30%;
    font-size: 14px;
    list-style-type: none;
    margin: 0 5% 0 0;
    padding: 0
}

.aboutContent .investors.last {
    margin-right: 0
}

.aboutContent .investors li {
    margin-bottom: 20px
}

.aboutContent .investors span {
    display: block
}

.aboutContent .investors .name {
    font-family: AvenirLTStd-Heavy;
    margin-bottom: 2px
}

.aboutContent .investors .company {
    font-family: AvenirLTStd-Book;
    color: rgba(0, 0, 0, .6)
}

.aboutContent .reg {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto 30px auto;
    font-size: 13px
}

.aboutContent .outlinebtn {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    color: #0583aa;
    border: 1px solid #0583aa;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    font-family: AvenirLTStd-Heavy;
    text-decoration: none;
    position: relative;
    left: 50%;
    margin-left: -71px
}

.aboutContent .outlinebtn:hover {
    color: #005B78;
    border-color: #005B78
}

.office-hero {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.contentIndent {
    padding: 0 70px
}

.gen-quote .left,
.gen-quote .right {
    float: left;
    width: 50%
}

.gen-quote .left {
    padding-right: 110px
}

.gen-quote.shifted .left {
    width: 55%
}

.gen-quote.shifted .right {
    width: 45%
}

.gen-quote blockquote {
    font-size: 30px;
    margin: 0;
    position: relative;
    line-height: 1.2em
}

.gen-quote blockquote:after,
.gen-quote blockquote:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px
}

.gen-quote blockquote:before {
    background: url(../images/quote-open.svg) no-repeat center center;
    top: -5px;
    left: -40px
}

.gen-quote blockquote:after {
    background: url(../images/quote-close.svg) no-repeat center center;
    bottom: 15px;
    right: -10px
}

.gen-quote .name,
.gen-quote .title {
    display: block;
    font-size: 13px
}

.gen-quote .av {
    max-width: 100px;
    float: left;
    position: relative;
    top: -30px;
    margin-right: 20px
}

.gen-quote .name,
.gen-quote h3 {
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    margin: 25px 0 2px 0
}

.gen-quote .name.first,
.gen-quote h3.first {
    margin: 0 0 2px 0
}

.gen-quote .wav .name {
    margin: 55px 0 2px 0
}

.gen-quote p {
    margin: 0;
    line-height: 1.4em;
    font-size: 13px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.team-center-hero {
    position: absolute;
    top: 50%;
    margin-top: -140px;
    left: 50%;
    margin-left: -315px;
    width: 630px
}

.team-center-hero .subHead {
    line-height: 1.3em
}

span.clear {
    display: block
}

.nav-tabs {
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center
}

.nav-tabs li {
    display: inline-block;
    font-size: 13px;
    margin: 0 15px 5px 15px
}

.nav-tabs li.active a {
    color: #0583aa;
    border-bottom: 2px solid #0583aa;
    font-family: AvenirLTStd-Heavy
}

.nav-tabs a {
    color: #666;
    display: inline-block;
    padding: 0 5px 5px 5px;
    cursor: pointer
}

.arrow-link {
    color: #0583aa;
    text-decoration: none;
    font-size: 20px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.arrow-link:hover {
    color: #004960
}

.arrow-link:hover:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.arrow-link:after {
    width: 21px;
    height: 21px;
    content: "";
    position: relative;
    display: inline-block;
    background: url(../images/arrow-link.svg) no-repeat;
    top: 3px;
    left: 7px;
    transition: .2s all ease
}

.videosection img {
    display: block;
    margin: 0 auto 15px auto;
    cursor: pointer;
    max-width: 90%
}

h3.section-h {
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    text-align: center;
    margin: 25px 0 20px 0;
    text-transform: uppercase
}

.t-quote {
    padding: 10px 0 20px 0
}

.video-slider {
    padding: 10px 0 50px 0;
    text-align: center
}

.video-slider .slick-slide {
    padding: 0 10px
}

.video-slider .thumb {
    width: 100%;
    height: 138px;
    background-position: center center;
    background-size: cover;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative
}

.video-slider .thumb.japan {
    background-image: url(../images/AppLovin_TeamPage_VideoThumbnail_Japan@2x.jpg)
}

.video-slider .thumb.beijing {
    background-image: url(../images/thumb-beijing@2x.jpg)
}

.video-slider .thumb.anusha {
    background-image: url(../images/AppLovin_TeamPage_VideoThumbnail_Anusha@2x.jpg)
}

.video-slider .thumb.kyler {
    background-image: url(../images/AppLovin_TeamPage_VideoThumbnail_Kyler@2x.jpg)
}

.video-slider .thumb.tour {
    background-image: url(../images/AppLovin_TeamPage_VideoThumbnail_TakeaTour@2x.jpg)
}

.video-slider .thumb.carolyn {
    background-image: url(../images/video-carolyn.jpg)
}

.video-slider .thumb.basil {
    background-image: url(../images/video-basil.jpg)
}

.video-slider .thumb:after {
    width: 47px;
    height: 47px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    background: url(../images/Play_Icon_SmallThumbnail_TeamPage@2x.png) no-repeat;
    background-size: 47px 47px;
    transition: .2s;
    z-index: 1
}

.video-slider .thumb:hover:after {
    transform: scale(1.1)
}

.video-slider .title {
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    display: block;
    margin-bottom: 4px
}

.video-slider p {
    font-size: 13px;
    margin: 0
}

.big-play {
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    padding-top: 150px;
    cursor: pointer;
    position: relative
}

.big-play:after {
    width: 122px;
    height: 122px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -61px;
    background: url(../images/Play_Icon_TeamPage@2x.png) no-repeat;
    transition: .2s;
    background-size: 122px 122px
}

.big-play:hover:after {
    transform: scale(1.05)
}

.team-inner-poster {
    color: #FFF;
    text-align: center;
    background-image: url(../images/AppLovin_TeamPage_Scooter@2x.jpg);
    background-size: cover;
    background-position: center center;
    height: 800px
}

.team-inner-poster>div {
    max-width: 580px;
    top: 220px
}

.team-inner-poster span {
    display: block
}

.team-inner-poster .h-m {
    font-size: 56px;
    font-family: AvenirLTStd-Heavy
}

.team-inner-poster .h-s {
    font-family: AvenirLTStd-Heavy;
    font-size: 30px
}

.team-inner-poster .t {
    font-family: AvenirLTStd-Book;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 50px
}

.carousel-appl {
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto 60px auto
}

.carousel-appl .carousel {
    min-height: 330px
}

.carousel-appl img {
    margin: 0 auto 30px auto;
    max-width: 262px
}

.carousel-caption {
    font-size: 14px
}

.slick-arrow {
    position: absolute;
    width: 31px;
    height: 53px;
    top: 50%;
    margin-top: -56px;
    background-size: 31px 53px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    text-indent: -9999em
}

.slick-arrow:focus {
    outline: 0
}

.slick-arrow.slick-next {
    background-image: url(../images/arrow_right@2x.png);
    right: -50px
}

.slick-arrow.slick-prev {
    background-image: url(../images/arrow_left@2x.png);
    left: -50px
}

.team-build p {
    margin-top: 25px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide:focus {
    outline: 0
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.contentPage.jobs {
    height: 100%;
    min-height: 100%
}

.jobs-center-hero {
    position: absolute;
    top: 50%;
    margin-top: -125px;
    left: 50%;
    margin-left: -300px;
    width: 600px
}

.jobs-hero-mask {
    width: 100%;
    height: 10%;
    background: url(../images/mask@2x.png) no-repeat top center;
    background-size: 2500px 23px;
    position: absolute;
    bottom: 0;
    margin-bottom: 23px
}

.jobs-hero-mask>a {
    display: block;
    position: absolute;
    top: 23px;
    background: #FFF;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #D44200;
    font-family: AvenirLTStd-Medium;
    text-align: center;
    text-decoration: none;
    padding-top: 16px
}

.jobsContent {
    padding: 60px 0;
    color: #333
}

.jobsContent h2 {
    font-family: AvenirLTStd-Heavy;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 30px 0
}

.jobsContent.invert {
    background: #1684A8;
    color: #FFF;
    text-align: center
}

.jobsContent.invert p {
    font-size: 20px;
    margin: 0 0 20px 0
}

.jobsContent.invert a.hugeEmail {
    text-decoration: none;
    color: #0B303C;
    font-size: 30px;
    font-family: AvenirLTStd-Heavy;
    transition: .2s all linear
}

.jobsContent.invert a.hugeEmail:hover {
    opacity: .5
}

.jobsContent.invert a.button {
    width: 320px;
    margin: 30px auto 0 auto
}

.jobsContent.invert .linkedinlink {
    display: block;
    margin: 20px 0 0 0;
    color: #FFF;
    text-decoration: none;
    font-family: AvenirLTStd-Light;
    font-size: 16px
}

.jobsContent.invert .linkedinlink>span {
    font-family: AvenirLTStd-Heavy
}

.jobsContent .left,
.jobsContent .right {
    float: left;
    width: 50%
}

.jobsContent .left h2,
.jobsContent .right h2 {
    text-align: left;
    margin-bottom: 5px
}

.jobsContent .left p,
.jobsContent .right p {
    margin: 0 0 30px 0
}

.jobsContent .left .linkedinlink,
.jobsContent .right .linkedinlink {
    display: block;
    margin-bottom: 10px;
    color: #0583aa;
    text-decoration: none
}

.jobsContent .left .linkedinlink>span,
.jobsContent .right .linkedinlink>span {
    font-family: AvenirLTStd-Heavy
}

.jobsContent .left .linkedinlink:hover,
.jobsContent .right .linkedinlink:hover {
    text-decoration: underline
}

.jobsContent .left {
    padding-right: 110px
}

.jobsContent blockquote {
    font-size: 30px;
    margin: 0;
    position: relative
}

.jobsContent blockquote:after,
.jobsContent blockquote:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px
}

.jobsContent blockquote:before {
    background: url(../images/quote-open.svg) no-repeat center center;
    top: -5px;
    left: -40px
}

.jobsContent blockquote:after {
    background: url(../images/quote-close.svg) no-repeat center center;
    bottom: 15px;
    right: 40px
}

.jobsContent .subline {
    display: block;
    text-align: center;
    margin: -25px 0 40px 0;
    font-size: 30px
}

.jobsContent.listings {
    background: #F9F9F9;
    padding: 60px 0 35px 0
}

.jobsContent.listings .subline {
    margin: 0 0 30px 0
}

.jobsContent.listings .intro {
    max-width: 500px;
    margin: 0 auto 60px auto;
    text-align: center
}

.jobsContent .fallback {
    width: 320px;
    margin: 0 auto 20px auto
}

.jobsContent .grid .clear {
    display: block;
    clear: both
}

.jobsContent .grid>div {
    background: #FFF;
    float: left;
    width: 435px;
    height: 334px;
    margin: 0 30px 30px 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 1px 1px 0 rgba(0, 0, 0, .05), 0 2px 5px 0 rgba(0, 0, 0, .05);
    border-top: 2px solid transparent;
    padding: 15px 25px 25px 25px;
    position: relative
}

.jobsContent .grid>div:nth-child(2n) {
    margin-right: 0
}

.jobsContent .grid>div.cat-1 {
    border-color: #00A5E6
}

.jobsContent .grid>div.cat-1 .category,
.jobsContent .grid>div.cat-1 .read-more {
    color: #00A5E6
}

.jobsContent .grid>div.cat-1 .category:hover,
.jobsContent .grid>div.cat-1 .read-more:hover {
    color: #008FC7
}

.jobsContent .grid>div.cat-1 .apply {
    background: #00A5E6
}

.jobsContent .grid>div.cat-1 .apply:hover {
    background: #008FC7
}

.jobsContent .grid>div.cat-2 {
    border-color: #7FC20A
}

.jobsContent .grid>div.cat-2 .category,
.jobsContent .grid>div.cat-2 .read-more {
    color: #7FC20A
}

.jobsContent .grid>div.cat-2 .category:hover,
.jobsContent .grid>div.cat-2 .read-more:hover {
    color: #75B604
}

.jobsContent .grid>div.cat-2 .apply {
    background: #7FC20A
}

.jobsContent .grid>div.cat-2 .apply:hover {
    background: #75B604
}

.jobsContent .grid>div.cat-3 {
    border-color: #F5A811
}

.jobsContent .grid>div.cat-3 .category,
.jobsContent .grid>div.cat-3 .read-more {
    color: #F5A811
}

.jobsContent .grid>div.cat-3 .category:hover,
.jobsContent .grid>div.cat-3 .read-more:hover {
    color: #E59700
}

.jobsContent .grid>div.cat-3 .apply {
    background: #F5A811
}

.jobsContent .grid>div.cat-3 .apply:hover {
    background: #E59700
}

.jobsContent .grid>div.cat-4 {
    border-color: #EC2C8F
}

.jobsContent .grid>div.cat-4 .category,
.jobsContent .grid>div.cat-4 .read-more {
    color: #EC2C8F
}

.jobsContent .grid>div.cat-4 .category:hover,
.jobsContent .grid>div.cat-4 .read-more:hover {
    color: #D5197A
}

.jobsContent .grid>div.cat-4 .apply {
    background: #EC2C8F
}

.jobsContent .grid>div.cat-4 .apply:hover {
    background: #D5197A
}

.jobsContent .grid>div .apply {
    border-radius: 3px;
    transition: .2s all ease;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 8px;
    color: #FFF;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    position: absolute;
    right: 25px;
    top: 20px
}

.jobsContent .grid>div .category {
    text-transform: uppercase;
    font-size: 11px;
    font-family: AvenirLTStd-Heavy;
    letter-spacing: 1.4px;
    display: block;
    margin-bottom: 25px
}

.jobsContent .grid>div .title {
    font-size: 18px;
    display: block;
    margin: 0 0 5px 0;
    max-width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jobsContent .grid>div .location {
    font-size: 14px;
    color: #9B9B9B;
    display: block;
    margin: 0 0 15px 0
}

.jobsContent .grid>div a {
    text-decoration: none
}

.jobsContent .grid>div .read-more {
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    margin-top: 10px;
    display: block
}

.jobsContent .grid>div .description {
    font-size: 14px;
    color: #6C6C6C;
    line-height: 1.6em;
    position: relative;
    overflow: hidden;
    max-height: 203px
}

.jobsContent .grid>div .description:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    content: ""
}

.glassdoor-link {
    display: inline-block;
    text-indent: -9999em;
    width: 160px;
    height: 47px;
    background: url(../images/glassdoor-link.png) no-repeat;
    background-size: 160px 47px;
    margin-top: 10px
}

#jobsCollage {
    width: 100%;
    display: block;
    max-width: 1200px;
    margin: -30px auto 0 auto
}

.perks ul {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0
}

.perks ul li {
    width: 33.333%;
    float: left;
    margin-bottom: 70px;
    padding-top: 60px;
    background: no-repeat center top;
    font-size: 16px;
    height: 110px
}

.perks ul li>span {
    font-size: 12px;
    display: block
}

.perks ul li.health {
    background-image: url(../images/health.svg)
}

.perks ul li.lunch {
    background-image: url(../images/lunch.svg)
}

.perks ul li.gym {
    background-image: url(../images/gym.svg)
}

.perks ul li.laundry {
    background-image: url(../images/laundry.svg)
}

.perks ul li.office {
    background-image: url(../images/office.svg)
}

.perks ul li.transport {
    background-image: url(../images/transport.svg)
}

.perks ul li.vacation {
    background-image: url(../images/vacation.svg)
}

.perks ul li.stock {
    background-image: url(../images/stock.svg)
}

.perks ul li.fun {
    background-image: url(../images/fun.svg)
}

.perks ul li.pad-max {
    padding: 60px 70px 0 70px
}

.perks ul li.pad-high {
    padding: 60px 60px 0 60px
}

.perks ul li.pad-mid {
    padding: 60px 50px 0 50px
}

.perks ul li.pad-min {
    padding: 60px 20px 0 20px
}

.perks ul li.last {
    margin-bottom: 0
}

.bptw-logo {
    display: block;
    margin: 0 auto 90px auto
}

#howto-1 .coverBackground {
    background-image: url(../images/section-1/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 90%;
    width: 100%
}

#howto-2 {
    background: #fff
}

#howto-3 {
    background: #fff
}

#howto-25,
#howto-4 {
    background: #F0F0F0
}

#howto-5 {
    background: #fff
}

#howto-6 {
    background: #fff
}

#howto-7 {
    background: #fff
}

#howto-1 .wrap {
    height: 100%;
    padding-top: 60px
}

#howto-1 .howHeader {
    color: #FFF;
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 260px
}

#howto-1 h1 {
    font-family: AvenirLTStd-Medium;
    font-size: 24px;
    margin: 0 0 40px
}

#howto-1 span {
    font-family: AvenirLTStd-Heavy;
    font-size: 40px;
    margin: 0 0 40px;
    display: block
}

#howto-1 a {
    color: #FFF;
    text-decoration: none;
    font-size: 20px
}

#howto-1 .mask {
    width: 100%;
    height: 23px;
    background: url(../images/mask@2x.png) no-repeat top center;
    background-size: 2500px 23px;
    position: absolute;
    bottom: 10%
}

#howto-1 .mask-scroller {
    font-size: 13px;
    color: #D44200;
    font-family: AvenirLTStd-Medium;
    text-align: center;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0
}

#howto-2 .contentSmart {
    text-align: center;
    width: 100%;
    padding: 0 20px;
    margin: auto;
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 450px
}

#howto-2 h2 {
    font-size: 30px;
    font-family: AvenirLTStd-Light;
    text-transform: none;
    padding: 0 30px;
    margin: 0 0 70px 0
}

#howto-2 .process {
    margin-bottom: 60px
}

#howto-2 .process .step {
    float: left;
    width: 25%;
    background-repeat: no-repeat;
    padding-top: 150px;
    position: relative
}

#howto-2 .process .step:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 20px;
    background: url(../images/how_diagram_arrow.svg) no-repeat;
    right: -10px;
    bottom: 5px
}

#howto-2 .process .step.integrate {
    background-image: url(../images/how_diagram_1.svg);
    background-position: center 20px
}

#howto-2 .process .step.learn {
    background-image: url(../images/how_diagram_2.svg);
    background-position: center 10px
}

#howto-2 .process .step.recommend {
    background-image: url(../images/how_diagram_3.svg);
    background-position: center 10px
}

#howto-2 .process .step.engage {
    background-image: url(../images/how_diagram_4.svg);
    background-position: center 20px
}

#howto-2 .process .step.engage:after {
    display: none
}

#howto-2 .process .step span {
    font-size: 13px;
    display: block
}

#howto-2 .process .step .pre {
    font-family: AvenirLTStd-Book;
    margin-bottom: 2px
}

#howto-2 .process .step .sub {
    font-family: AvenirLTStd-Black;
    text-transform: uppercase
}

#howto-2 .getstarted {
    color: #0583aa;
    font-size: 20px;
    text-decoration: none
}

.howitworks.launch {
    text-align: center
}

.howitworks.launch:after {
    width: 2px;
    height: 800px;
    background: #0583aa;
    content: "";
    left: 50%;
    margin-left: -1px;
    top: 540px;
    position: absolute
}

.howitworks.launch .introduction,
.howitworks.launch .introductionSub,
.howitworks.launch .lisaSub {
    display: block
}

.howitworks.launch .introduction {
    font-family: HomemadeApplePro;
    font-size: 26px;
    margin-bottom: 10px
}

.howitworks.launch .introductionSub {
    font-size: 15px;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 25px
}

.howitworks.launch h3 {
    margin-bottom: 10px !important
}

.howitworks.launch .lisaSub {
    font-size: 16px;
    color: rgba(0, 0, 0, .7);
    max-width: 320px;
    margin: 0 auto
}

.howitworks.launch .lisaSub strong {
    color: #000
}

.howitworks.launch .number {
    color: #FFF;
    font-family: AvenirLTStd-Black;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    background: #0583aa;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 5px;
    z-index: 2
}

.howitworks.launch .imageLine {
    margin: 0 auto 20px auto;
    max-width: 360px;
    position: relative
}

.howitworks.launch img {
    margin-left: 102px
}

.contentSmart.howitworks {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 20px;
    top: 0;
    bottom: 0
}

.contentSmart.howitworks.first {
    top: 15%
}

.contentSmart.howitworks .left {
    position: absolute;
    width: 42%;
    left: 0;
    right: 58%;
    top: 0;
    bottom: 0;
    margin: auto
}

.contentSmart.howitworks .middle {
    float: left;
    width: 20%
}

.contentSmart.howitworks .middle.line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -10%
}

.contentSmart.howitworks .middle.line:after {
    width: 2px;
    height: 100%;
    background: #0583aa;
    content: "";
    left: 50%;
    margin-left: -1px;
    position: absolute
}

.contentSmart.howitworks .middle.line .number {
    color: #FFF;
    font-family: AvenirLTStd-Black;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    line-height: 50px;
    background: #0583aa;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    z-index: 2
}

.contentSmart.howitworks .right {
    position: absolute;
    margin: auto;
    width: 42%;
    left: 58%;
    right: 0;
    bottom: 0;
    top: 0
}

.contentSmart.howitworks .pre {
    font-size: 16px;
    color: #777;
    display: block;
    margin-bottom: 10px
}

.contentSmart.howitworks h3 {
    font-family: AvenirLTStd-Heavy;
    font-size: 30px;
    margin: 0;
    line-height: 1.1em
}

.contentSmart.howitworks .sub {
    font-size: 20px;
    margin-bottom: 20px;
    display: block
}

.contentSmart.howitworks p {
    font-size: 16px;
    line-height: 1.6em;
    margin: 0
}

.contentSmart.howitworks .x100 {
    height: 100px
}

.contentSmart.howitworks .x200 {
    height: 200px
}

.contentSmart.howitworks .x250 {
    height: 250px
}

.contentSmart.howitworks .x300 {
    height: 300px
}

.contentSmart.howitworks .x350 {
    height: 350px
}

.contentSmart.howitworks .x400 {
    height: 400px
}

.contentSmart.howitworks .x450 {
    height: 450px
}

.contentSmart.howitworks .x500 {
    height: 500px
}

.contentSmart.howitworks .left img,
.contentSmart.howitworks .right img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

#howto-6 .contentSmart {
    text-align: center;
    height: 540px;
    position: absolute;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

#howto-6 .contentSmart:after {
    width: 2px;
    height: 100%;
    background: #0583aa;
    content: "";
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: -540px
}

#howto-6 .contentSmart img {
    margin: 0 auto 30px auto;
    display: block
}

#howto-6 .contentSmart h3 {
    font-size: 30px;
    margin: 0 auto 35px auto;
    max-width: 640px
}

#howto-6 .contentSmart .endText {
    font-size: 18px;
    color: #555;
    display: block;
    margin: 0 auto 40px auto;
    max-width: 320px
}

#howto-6 .contentSmart .endText>span {
    background: url(../images/yellowtag.svg) no-repeat center center;
    display: inline-block;
    font-family: AvenirLTStd-Medium;
    padding: 0 5px 0 11px
}

#howto-6 .contentSmart .point {
    float: left;
    width: 25%;
    padding: 35px 25px 0 25px;
    background: url(../images/check.svg) no-repeat center top
}

#howto-6 .contentSmart .point h4 {
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px 0
}

#howto-6 .contentSmart .point p {
    margin: 0;
    font-size: 13px
}

#howto-7 .endHow {
    height: 56%;
    text-align: center;
    position: relative
}

#howto-7 .endHow>.wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 340px;
    margin-top: -130px
}

#howto-7 .endHow h3.head {
    margin: 0;
    font-size: 30px
}

#howto-7 .endHow .sub {
    font-size: 18px;
    display: block;
    color: #555;
    margin-bottom: 30px
}

#howto-7 .endHow .button {
    width: 280px;
    margin: 0 auto 70px auto
}

#howto-7 .scrollFooter {
    height: 30%
}

.video-play-icon-link {
    font-family: AvenirLTStd-Medium !important;
    display: inline-block;
    margin: 0 auto;
    background: url(../images/play-icon-big.svg) no-repeat center top;
    padding-top: 60px !important;
    cursor: pointer;
    transition: .2s all ease;
    font-size: 18px !important;
    color: #FFF;
    text-align: center
}

.video-play-icon-link:hover {
    opacity: .8
}

#video-overlay,
.vimeo-lay {
    background: rgba(0, 0, 0, .8);
    background: -moz-radial-gradient(center, ellipse cover, #000 0, rgba(0, 0, 0, .8) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .8)));
    background: -webkit-radial-gradient(center, ellipse cover, #000 0, rgba(0, 0, 0, .8) 100%);
    background: -o-radial-gradient(center, ellipse cover, #000 0, rgba(0, 0, 0, .8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, #000 0, rgba(0, 0, 0, .8) 100%);
    background: radial-gradient(ellipse at center, #000 0, rgba(0, 0, 0, .8) 100%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 80px 15%;
    display: none;
    z-index: 999999
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#video-close,
.vimeo-close {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/close-video.svg) no-repeat center center;
    cursor: pointer;
    text-indent: -999em;
    opacity: .8;
    transition: .2s all ease
}

#video-close:hover,
.vimeo-close:hover {
    opacity: 1
}

#watch-next {
    cursor: pointer;
    display: block;
    width: 300px;
    padding: 10px 30px;
    margin: 40% auto 0 auto
}

@media screen and (min-width:1600px) and (min-height:800px) {

    #video-overlay,
    .vimeo-lay {
        padding: 100px 20%
    }
}

@media screen and (max-width:960px) {

    #video-overlay,
    .vimeo-lay {
        padding: 60px 10%
    }
}

@media screen and (max-width:480px) {

    #video-overlay,
    .vimeo-lay {
        padding: 60px 2%
    }
}

.testimonial-badge {
    line-height: 1.2em;
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
    font-family: AvenirLTStd-Light;
    font-size: 16px;
    background: rgba(5, 131, 170, .5);
    position: absolute;
    bottom: 100px;
    right: -200px;
    border-radius: 3px 3px 0 0;
    padding: 15px 15px 12px 50px;
    width: 180px;
    display: none;
    transition: .2s all ease
}

.testimonial-badge:hover {
    background: rgba(5, 131, 170, .7);
    color: #FFF
}

.testimonial-badge:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 11px;
    width: 24px;
    height: 18px;
    background: url(../images/quotes.svg) no-repeat -24px -49px
}

.testimonial-badge:after {
    content: "";
    position: absolute;
    bottom: 11px;
    left: 104px;
    width: 18px;
    height: 18px;
    background: url(../images/popup-tab-arrow.svg) no-repeat
}

@media (min-width:1350px) {
    .testimonial-badge {
        display: block
    }
}

.contentPage .hero .testo-center-hero h1 {
    margin-top: 60px
}

.testo-center-hero {
    position: absolute;
    top: 50%;
    margin-top: -105px;
    left: 50%;
    margin-left: -380px;
    width: 760px
}

.quote-head {
    position: relative
}

.quote-head:after,
.quote-head:before {
    content: "";
    background-image: url(../images/quotes.svg);
    position: absolute;
    width: 24px;
    height: 18px;
    display: none
}

.quote-head:before {
    background-position: -24px -49px;
    -webkit-transform: scale(6);
    transform: scale(6);
    left: -110px;
    top: -10px
}

.quote-head:after {
    background-position: 2px -68px;
    -webkit-transform: scale(3);
    transform: scale(3);
    right: -70px;
    bottom: 30px
}

@media (min-width:1110px) {

    .quote-head:after,
    .quote-head:before {
        display: block
    }
}

.t_spline {
    width: 100%;
    padding: 10px 0
}

.t_spline.white {
    background: #FFF
}

.t_spline.gray {
    background: linear-gradient(to bottom, #cacaca 0, #fff 60%, #dedede 100%)
}

.t_spline blockquote {
    margin: 0;
    padding: 0 0 0 35px;
    font-family: AvenirLTStd-Light
}

.t_spline blockquote img {
    margin-bottom: 20px;
    display: block
}

.t_spline blockquote p {
    margin: 15px 0;
    font-size: 16px;
    position: relative;
    line-height: 1.5em
}

.t_spline blockquote p:after,
.t_spline blockquote p:before {
    content: "";
    background-image: url(../images/quotes.svg);
    width: 24px;
    height: 18px
}

.t_spline blockquote p:before {
    background-position: -24px 0;
    left: -32px;
    top: -5px;
    position: absolute
}

.t_spline blockquote p:after {
    background-position: 2px -17px;
    left: 6px;
    bottom: 5px;
    position: relative;
    display: inline-block
}

.t_spline blockquote cite {
    margin-top: 20px;
    font-size: 14px;
    font-style: normal
}

.t_spline blockquote cite>span {
    font-family: AvenirLTStd-Heavy;
    display: block
}

.ft-quote {
    display: table;
    margin: 70px auto
}

.ft-quote>div {
    width: 50%;
    vertical-align: middle;
    display: table-cell;
    position: relative
}

.ft-quote>div>img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.ft-quote .left {
    padding-right: 40px
}

.ft-quote .right {
    padding-left: 40px
}

.tr-quote {
    margin: 70px auto
}

.tr-quote>section {
    width: 33.3333%;
    float: left;
    padding: 0 15px
}

.tr-quote>section.first {
    padding: 0 30px 0 0
}

.tr-quote>section.last {
    padding: 0 0 0 30px
}

.templateContent {
    padding: 50px 100px
}

.templateContent h3,
.templateContent h4 {
    margin: 0 0 10px 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #333;
    text-transform: uppercase
}

.templateContent h3 {
    text-align: center
}

.templateContent h4 {
    font-size: 12px
}

.templateContent p {
    font-size: 18px;
    color: #333;
    font-family: AvenirLTStd-Light;
    text-align: center;
    margin: 10px 0
}

.templateContent p.marg {
    margin-bottom: 40px
}

.templateContent p.limited {
    margin-right: auto;
    margin-left: auto;
    max-width: 570px
}

.templateContent hr {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    margin: 40px 0
}

.templateContent .col {
    float: left
}

.templateContent .col.left {
    width: 35%
}

.templateContent .col.right {
    width: 65%
}

.templateContent .col.sideby {
    width: 50%
}

.templateContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.templateContent ul.checklist {
    list-style-image: url(../images/checkmark.svg);
    margin-left: 15px
}

.templateContent ul.checklist li {
    padding-left: 2px
}

.templateContent ul li {
    font-size: 14px;
    font-family: AvenirLTStd-Light;
    margin-bottom: 4px;
    color: #444
}

.templateContent .video-player {
    margin: 40px auto;
    width: 465px;
    height: 225px;
    position: relative
}

.templateContent .video-player img {
    max-width: 100%
}

.templateContent video {
    max-width: 340px;
    position: absolute;
    top: 15px;
    left: 60px;
    cursor: pointer
}

.templateContent span.size {
    font-size: 14px;
    text-align: center;
    display: block;
    font-family: AvenirLTStd-Light;
    color: #444;
    margin-bottom: 30px
}

.templateContent .sideby img {
    display: block;
    margin: 0 auto
}

.gs-hero {
    background: url(../images/border-clouds-blue-white.svg) no-repeat bottom center #1D4B60;
    background-size: contain;
    color: #FFF;
    padding: 220px 0 250px 0;
    text-align: center
}

.gs-hero h1 {
    font-size: 38px;
    font-family: AvenirLTStd-Black;
    margin: 0 0 30px 0
}

.gs-hero p {
    font-size: 22px;
    max-width: 420px;
    margin: 0 auto 50px auto
}

.gs-hero a {
    max-width: 240px;
    margin: 0 auto;
    padding: 8px 0;
    font-family: AvenirLTStd-Heavy
}

.gs-hero .center {
    padding: 0 11%
}

.gs-spline {
    overflow-x: hidden
}

.gs-spline.white {
    background: #FFF;
    color: #313131
}

.gs-spline.white .number {
    color: #FFF;
    background: #313131
}

.gs-spline.blue {
    background: #1683A9;
    color: #FFF
}

.gs-spline.blue .number {
    color: #1683A9;
    background: #FFF
}

.gs-spline.orange {
    background-color: #FD673E;
    color: #FFF
}

.gs-spline.orange .number {
    color: #FD673E;
    background: #FFF
}

.gs-spline.center {
    text-align: center
}

.gs-spline.center h2,
.gs-spline.center p {
    max-width: 500px
}

.gs-spline .number {
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: inline-block
}

.gs-spline h2 {
    font-size: 38px;
    font-family: AvenirLTStd-Heavy;
    margin: 15px auto 20px auto;
    line-height: 1em
}

.gs-spline p {
    font-size: 18px;
    margin: 0 auto
}

.gs-spline strong {
    font-family: AvenirLTStd-Medium;
    font-weight: 400
}

.gs-1 {
    padding: 60px 0 100px 0
}

#i1e {
    margin: 0 auto 45px auto;
    width: 480px;
    height: 285px;
    position: relative
}

#i1e>div {
    position: absolute
}

#i1e-1 {
    background: url(../images/illo-step1-laptop.svg) no-repeat bottom center;
    width: 332px;
    height: 194px;
    bottom: 0;
    left: 50%;
    margin-left: -166px;
    transform: translateY(-30px);
    opacity: 0;
    transition: .6s
}

.anim-in #i1e-1 {
    opacity: 1;
    transform: translateY(0)
}

#i1e-2 {
    background: url(../images/illo-step1-icons-left.svg) no-repeat;
    width: 47px;
    height: 162px;
    left: 0;
    top: 100px;
    transform: scale(.95);
    opacity: 0;
    transition: .6s ease .6s
}

.anim-in #i1e-2 {
    opacity: 1;
    transform: scale(1)
}

#i1e-3 {
    background: url(../images/illo-step1-icons-right.svg) no-repeat;
    width: 47px;
    height: 162px;
    right: 0;
    top: 100px;
    transform: scale(.95);
    opacity: 0;
    transition: .6s ease .9s
}

.anim-in #i1e-3 {
    opacity: 1;
    transform: scale(1)
}

#i1e-4 {
    background: url(../images/illo-step1-wand.svg) no-repeat;
    width: 105px;
    height: 70px;
    right: 0;
    top: 0;
    transform: rotate(-3deg);
    opacity: 0;
    transition: .2s ease .4s
}

.anim-in #i1e-4 {
    opacity: 1;
    transform: rotate(0)
}

.gs-2 {
    padding: 90px 0
}

#i2e {
    width: 445px;
    height: 262px;
    background: url(../images/illo-step2-devices.svg) no-repeat;
    background-position: bottom center;
    margin: 0 auto;
    padding: 0 42px;
    opacity: 0;
    transform: translateY(-40px);
    transition: .6s
}

#i2e>span {
    text-transform: uppercase;
    font-size: 9px;
    font-family: AvenirLTStd-Heavy;
    letter-spacing: 1px;
    display: block;
    width: 33.33%;
    float: left;
    opacity: 0;
    transition: .6s ease .6s
}

#i2e.anim-in {
    opacity: 1;
    transform: translateY(0)
}

#i2e.anim-in>span {
    opacity: .8
}

.gs-3 {
    padding: 90px 0
}

.gs-3 .left {
    max-width: 45%;
    top: 30%;
    position: absolute
}

#i3e {
    width: 615px;
    height: 362px;
    background: url(../images/illo-step3-laptop.svg) no-repeat;
    background-position: center center;
    margin: 0 -200px 0 100px;
    float: right;
    opacity: 0;
    transform: translateX(50%);
    transition: 1s
}

#i3e.anim-in {
    opacity: 1;
    transform: translateX(0)
}

.gs-4 {
    padding: 0;
    background-image: url(../images/border-clouds-white.svg);
    background-position: bottom center;
    background-repeat: repeat-x
}

.gs-4 .right {
    position: absolute;
    right: 0;
    max-width: 38%;
    top: 32%
}

#i4e {
    height: 640px;
    width: 385px;
    float: left;
    position: relative
}

#i4e>div {
    position: absolute
}

#i4e-1 {
    width: 270px;
    height: 240px;
    background: url(../images/illo-step4-arrows.svg) no-repeat;
    top: 0;
    left: 0;
    transform: translateY(-30px);
    opacity: 0;
    transition: 1s
}

.anim-in #i4e-1 {
    opacity: 1;
    transform: translateY(0)
}

#i4e-2 {
    width: 358px;
    height: 445px;
    background: url(../images/illo-step4-rocket-people.svg) no-repeat;
    top: 110px;
    right: 0;
    opacity: 0;
    transition: 2s ease .4s
}

.anim-in #i4e-2 {
    opacity: 1
}

.gs-5 {
    padding: 70px 0 100px 0
}

#i5e {
    width: 400px;
    height: 240px;
    margin: 0 auto 30px auto;
    background: url(../images/illo-step5-laptop.svg) no-repeat center center;
    opacity: 0;
    transform: translateY(-30px);
    transition: 1s
}

#i5e.anim-in {
    opacity: 1;
    transform: translateY(0)
}

.gs-cta {
    background: #EFEFEF;
    text-align: center;
    padding: 90px 0
}

.gs-cta .head {
    font-family: AvenirLTStd-Black;
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block
}

.gs-cta .sub {
    font-size: 18px;
    color: #777
}

.gs-cta a {
    margin: 25px auto 0 auto;
    max-width: 310px
}

.footer-link-icon-mixin {
    width: 100%;
    max-width: 26px;
    max-height: 42px;
    margin-left: 3px;
    margin-bottom: 6px
}

#forgot-password-page,
#login-page,
#reset-password-page,
#signup-page,
#tos-page,
#two-factor-page,
#verify-email-page {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: #FFF url(../images/background_new@2x.webp) no-repeat bottom;
    background-size: cover
}

#forgot-password-page .header,
#login-page .header,
#reset-password-page .header,
#signup-page .header,
#tos-page .header,
#two-factor-page .header,
#verify-email-page .header {
    display: flex;
    justify-content: center;
    padding: 0 60px
}

#forgot-password-page .header #applovin-logo,
#login-page .header #applovin-logo,
#reset-password-page .header #applovin-logo,
#signup-page .header #applovin-logo,
#tos-page .header #applovin-logo,
#two-factor-page .header #applovin-logo,
#verify-email-page .header #applovin-logo {
    width: 200px
}

#forgot-password-page .header.wrap,
#login-page .header.wrap,
#reset-password-page .header.wrap,
#signup-page .header.wrap,
#tos-page .header.wrap,
#two-factor-page .header.wrap,
#verify-email-page .header.wrap {
    margin: 3em auto
}

#forgot-password-page .header.header-copy,
#login-page .header.header-copy,
#reset-password-page .header.header-copy,
#signup-page .header.header-copy,
#tos-page .header.header-copy,
#two-factor-page .header.header-copy,
#verify-email-page .header.header-copy {
    justify-content: flex-end;
    padding: 30px 30px 0 0
}

#forgot-password-page .header.header-copy p,
#login-page .header.header-copy p,
#reset-password-page .header.header-copy p,
#signup-page .header.header-copy p,
#tos-page .header.header-copy p,
#two-factor-page .header.header-copy p,
#verify-email-page .header.header-copy p {
    margin: 0;
    font-size: 14px;
    color: #ddd
}

#forgot-password-page .header.header-copy p span,
#login-page .header.header-copy p span,
#reset-password-page .header.header-copy p span,
#signup-page .header.header-copy p span,
#tos-page .header.header-copy p span,
#two-factor-page .header.header-copy p span,
#verify-email-page .header.header-copy p span {
    color: #fff
}

#forgot-password-page .form-header,
#login-page .form-header,
#reset-password-page .form-header,
#signup-page .form-header,
#tos-page .form-header,
#two-factor-page .form-header,
#verify-email-page .form-header {
    margin-bottom: 45px;
    text-align: center;
    font-family: Avenir-Medium, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

#forgot-password-page .form-sub-header,
#login-page .form-sub-header,
#reset-password-page .form-sub-header,
#signup-page .form-sub-header,
#tos-page .form-sub-header,
#two-factor-page .form-sub-header,
#verify-email-page .form-sub-header {
    color: #999
}

#forgot-password-page .form-wrapper,
#login-page .form-wrapper,
#reset-password-page .form-wrapper,
#signup-page .form-wrapper,
#tos-page .form-wrapper,
#two-factor-page .form-wrapper,
#verify-email-page .form-wrapper {
    display: flex;
    justify-content: center
}

#forgot-password-page .form-wrapper .form,
#login-page .form-wrapper .form,
#reset-password-page .form-wrapper .form,
#signup-page .form-wrapper .form,
#tos-page .form-wrapper .form,
#two-factor-page .form-wrapper .form,
#verify-email-page .form-wrapper .form {
    width: 520px;
    height: auto;
    padding: 30px 60px 50px 60px;
    background: #FFF;
    border-radius: 2px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .1)
}

#forgot-password-page .form-wrapper .form .errorLabel,
#login-page .form-wrapper .form .errorLabel,
#reset-password-page .form-wrapper .form .errorLabel,
#signup-page .form-wrapper .form .errorLabel,
#tos-page .form-wrapper .form .errorLabel,
#two-factor-page .form-wrapper .form .errorLabel,
#verify-email-page .form-wrapper .form .errorLabel {
    color: red
}

#forgot-password-page .form-wrapper .form .form-input-wrapper,
#login-page .form-wrapper .form .form-input-wrapper,
#reset-password-page .form-wrapper .form .form-input-wrapper,
#signup-page .form-wrapper .form .form-input-wrapper,
#tos-page .form-wrapper .form .form-input-wrapper,
#two-factor-page .form-wrapper .form .form-input-wrapper,
#verify-email-page .form-wrapper .form .form-input-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#login-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-label-without-transform {
    font-family: Avenir-Medium, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #999;
    letter-spacing: 2px;
    line-height: 14px
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-label,
#login-page .form-wrapper .form .form-input-wrapper .form-input-label,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-label,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-label,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-label,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-label,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-label {
    font-family: Avenir-Medium, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #999;
    letter-spacing: 2px;
    line-height: 14px;
    text-transform: uppercase
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input,
#login-page .form-wrapper .form .form-input-wrapper .form-input,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input,
#signup-page .form-wrapper .form .form-input-wrapper .form-input,
#tos-page .form-wrapper .form .form-input-wrapper .form-input,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input {
    width: inherit;
    height: 45px;
    margin-top: 10px;
    padding: 0 10px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
    font-size: 1pc;
    font-family: AvenirLTStd-Light, sans-serif;
    outline: 0
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#login-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#signup-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#tos-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input::placeholder,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input::placeholder {
    color: #BBB
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-select,
#login-page .form-wrapper .form .form-input-wrapper .form-input-select,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-select,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-select,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-select,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-select,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-select {
    margin-top: 0;
    background: url(../images/down-arrow.svg) right 18px bottom 50% no-repeat;
    background-size: 10px;
    text-indent: 2px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#login-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-select::-ms-expand {
    display: none
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#login-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-radio-checkbox-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#login-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-radio-label,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-radio-label {
    margin-right: 25px;
    font-size: 12px;
    color: #444
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#login-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#reset-password-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#signup-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#tos-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#two-factor-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label,
#verify-email-page .form-wrapper .form .form-input-wrapper .form-input-checkbox-label {
    align-self: center;
    font-size: 12px;
    color: #999
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .icheckbox,
#forgot-password-page .form-wrapper .form .form-input-wrapper .iradio,
#login-page .form-wrapper .form .form-input-wrapper .icheckbox,
#login-page .form-wrapper .form .form-input-wrapper .iradio,
#reset-password-page .form-wrapper .form .form-input-wrapper .icheckbox,
#reset-password-page .form-wrapper .form .form-input-wrapper .iradio,
#signup-page .form-wrapper .form .form-input-wrapper .icheckbox,
#signup-page .form-wrapper .form .form-input-wrapper .iradio,
#tos-page .form-wrapper .form .form-input-wrapper .icheckbox,
#tos-page .form-wrapper .form .form-input-wrapper .iradio,
#two-factor-page .form-wrapper .form .form-input-wrapper .icheckbox,
#two-factor-page .form-wrapper .form .form-input-wrapper .iradio,
#verify-email-page .form-wrapper .form .form-input-wrapper .icheckbox,
#verify-email-page .form-wrapper .form .form-input-wrapper .iradio {
    margin-right: 10px;
    cursor: pointer
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .iradio,
#login-page .form-wrapper .form .form-input-wrapper .iradio,
#reset-password-page .form-wrapper .form .form-input-wrapper .iradio,
#signup-page .form-wrapper .form .form-input-wrapper .iradio,
#tos-page .form-wrapper .form .form-input-wrapper .iradio,
#two-factor-page .form-wrapper .form .form-input-wrapper .iradio,
#verify-email-page .form-wrapper .form .form-input-wrapper .iradio {
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url(../images/radiobutton-empty.svg)
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#login-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#reset-password-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#signup-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#tos-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#two-factor-page .form-wrapper .form .form-input-wrapper .iradio.checked,
#verify-email-page .form-wrapper .form .form-input-wrapper .iradio.checked {
    background-image: url(../images/radiobutton-filled.svg)
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .icheckbox,
#login-page .form-wrapper .form .form-input-wrapper .icheckbox,
#reset-password-page .form-wrapper .form .form-input-wrapper .icheckbox,
#signup-page .form-wrapper .form .form-input-wrapper .icheckbox,
#tos-page .form-wrapper .form .form-input-wrapper .icheckbox,
#two-factor-page .form-wrapper .form .form-input-wrapper .icheckbox,
#verify-email-page .form-wrapper .form .form-input-wrapper .icheckbox {
    width: 20px;
    height: 20px;
    border: 1px solid #2A5DA9;
    border-radius: 5px
}

#forgot-password-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#login-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#reset-password-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#signup-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#tos-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#two-factor-page .form-wrapper .form .form-input-wrapper .icheckbox.checked,
#verify-email-page .form-wrapper .form .form-input-wrapper .icheckbox.checked {
    background: url(../images/checkbox-filled.svg) no-repeat center center
}

#forgot-password-page .form-wrapper .form .form-divider,
#login-page .form-wrapper .form .form-divider,
#reset-password-page .form-wrapper .form .form-divider,
#signup-page .form-wrapper .form .form-divider,
#tos-page .form-wrapper .form .form-divider,
#two-factor-page .form-wrapper .form .form-divider,
#verify-email-page .form-wrapper .form .form-divider {
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
    background-color: #BBB
}

#forgot-password-page .form-wrapper .form .form-recaptcha,
#login-page .form-wrapper .form .form-recaptcha,
#reset-password-page .form-wrapper .form .form-recaptcha,
#signup-page .form-wrapper .form .form-recaptcha,
#tos-page .form-wrapper .form .form-recaptcha,
#two-factor-page .form-wrapper .form .form-recaptcha,
#verify-email-page .form-wrapper .form .form-recaptcha {
    margin: 5px auto
}

#forgot-password-page .form-wrapper .form .form-cta-button,
#login-page .form-wrapper .form .form-cta-button,
#reset-password-page .form-wrapper .form .form-cta-button,
#signup-page .form-wrapper .form .form-cta-button,
#tos-page .form-wrapper .form .form-cta-button,
#two-factor-page .form-wrapper .form .form-cta-button,
#verify-email-page .form-wrapper .form .form-cta-button {
    width: 100%;
    height: 45px;
    font-family: Avenir-Medium, sans-serif;
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
    line-height: 16px;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    background-color: #2A5DA9;
    outline: 0;
    transition: opacity .2s ease-in-out
}

#forgot-password-page .form-wrapper .form .form-cta-button:hover,
#login-page .form-wrapper .form .form-cta-button:hover,
#reset-password-page .form-wrapper .form .form-cta-button:hover,
#signup-page .form-wrapper .form .form-cta-button:hover,
#tos-page .form-wrapper .form .form-cta-button:hover,
#two-factor-page .form-wrapper .form .form-cta-button:hover,
#verify-email-page .form-wrapper .form .form-cta-button:hover {
    opacity: .8
}

#forgot-password-page .form-wrapper .form .form-cta-button:disabled,
#login-page .form-wrapper .form .form-cta-button:disabled,
#reset-password-page .form-wrapper .form .form-cta-button:disabled,
#signup-page .form-wrapper .form .form-cta-button:disabled,
#tos-page .form-wrapper .form .form-cta-button:disabled,
#two-factor-page .form-wrapper .form .form-cta-button:disabled,
#verify-email-page .form-wrapper .form .form-cta-button:disabled {
    opacity: .4;
    cursor: default
}

#forgot-password-page .form-wrapper .form .form-cta-button.loading,
#login-page .form-wrapper .form .form-cta-button.loading,
#reset-password-page .form-wrapper .form .form-cta-button.loading,
#signup-page .form-wrapper .form .form-cta-button.loading,
#tos-page .form-wrapper .form .form-cta-button.loading,
#two-factor-page .form-wrapper .form .form-cta-button.loading,
#verify-email-page .form-wrapper .form .form-cta-button.loading {
    background: #2A5DA9 url(../images/button-loader.svg) no-repeat center center;
    background-size: 20px;
    color: transparent;
    transition: none
}

#forgot-password-page .form-wrapper .form .form-cta-button.loading:hover,
#login-page .form-wrapper .form .form-cta-button.loading:hover,
#reset-password-page .form-wrapper .form .form-cta-button.loading:hover,
#signup-page .form-wrapper .form .form-cta-button.loading:hover,
#tos-page .form-wrapper .form .form-cta-button.loading:hover,
#two-factor-page .form-wrapper .form .form-cta-button.loading:hover,
#verify-email-page .form-wrapper .form .form-cta-button.loading:hover {
    opacity: 1;
    cursor: default
}

#forgot-password-page .form-link-section,
#login-page .form-link-section,
#reset-password-page .form-link-section,
#signup-page .form-link-section,
#tos-page .form-link-section,
#two-factor-page .form-link-section,
#verify-email-page .form-link-section {
    display: flex;
    justify-content: space-between;
    margin-top: 45px
}

#forgot-password-page .form-link-section .form-grey-link,
#login-page .form-link-section .form-grey-link,
#reset-password-page .form-link-section .form-grey-link,
#signup-page .form-link-section .form-grey-link,
#tos-page .form-link-section .form-grey-link,
#two-factor-page .form-link-section .form-grey-link,
#verify-email-page .form-link-section .form-grey-link {
    font-family: Avenir-Medium, sans-serif;
    font-size: 12px;
    color: #BBB;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
    outline: 0
}

#forgot-password-page .form-link-section .form-blue-link,
#login-page .form-link-section .form-blue-link,
#reset-password-page .form-link-section .form-blue-link,
#signup-page .form-link-section .form-blue-link,
#tos-page .form-link-section .form-blue-link,
#two-factor-page .form-link-section .form-blue-link,
#verify-email-page .form-link-section .form-blue-link {
    font-family: Avenir-Medium, sans-serif;
    font-size: 12px;
    color: #2A5DA9;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    outline: 0
}

#forgot-password-page a,
#login-page a,
#reset-password-page a,
#signup-page a,
#tos-page a,
#two-factor-page a,
#verify-email-page a {
    color: #2A5DA9;
    text-decoration: none;
    transition: opacity .2s ease-in-out
}

#forgot-password-page a:hover,
#login-page a:hover,
#reset-password-page a:hover,
#signup-page a:hover,
#tos-page a:hover,
#two-factor-page a:hover,
#verify-email-page a:hover {
    opacity: .8;
    cursor: pointer
}

#login-page #duo-form {
    width: 530px;
    padding: 0
}

#login-page #duo-form iframe {
    width: 100%;
    height: 480px
}

#login-page.en .form-blue-link {
    font-size: 10px !important
}

#login-page.kr .form-input-label {
    font-size: 12px !important
}

#signup-page {
    height: auto;
    background-image: url(../images/background_new@2x.webp)
}

#signup-page .header {
    justify-content: flex-start;
    width: 100%
}

#signup-page .header.wrap.header-copy {
    justify-content: space-between;
    margin: 3em auto;
    padding: 0 38px 0 60px
}

#signup-page .form-header {
    margin: 12px 0 30px 0
}

#signup-page .form-header.completed {
    margin-top: 0
}

#signup-page .form-wrapper {
    margin: 20px 0 100px 0
}

#signup-page .form-wrapper.completed {
    margin-top: 200px
}

#signup-page .form-wrapper .form {
    padding-top: 60px
}

#signup-page.kr .form-input-label {
    font-size: 12px !important
}

#signup-page.completed {
    height: 100%
}

#signup-page.completed .form-header {
    margin-top: 0
}

#signup-page.completed .form-wrapper {
    margin-top: 200px
}

#signup-page.completed .form-wrapper .form {
    padding-top: 50px
}

#signup-page.completed .form-wrapper .form .form-sub-header {
    text-align: center
}

#signup-page.completed .form-wrapper .form .social-icons {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 130px;
    list-style-type: none
}

#signup-page.completed .form-wrapper .form .social-icons li {
    display: flex;
    align-items: center;
    width: 28px
}

#signup-page.completed .form-wrapper .form .social-icons li img {
    width: 100%;
    max-height: 24px
}

#two-factor-page {
    height: 1000px
}

#forgot-password-page .form-wrapper .form,
#two-factor-page .form-wrapper .form,
#verify-email-page .form-wrapper .form {
    padding-bottom: 30px
}

#forgot-password-page .form-wrapper .form .form-header,
#two-factor-page .form-wrapper .form .form-header,
#verify-email-page .form-wrapper .form .form-header {
    margin-bottom: 10px
}

#forgot-password-page .form-wrapper .form #createForm,
#two-factor-page .form-wrapper .form #createForm,
#verify-email-page .form-wrapper .form #createForm {
    margin-top: 30px
}

#forgot-password-page .form-wrapper .form #createForm .iti,
#two-factor-page .form-wrapper .form #createForm .iti,
#verify-email-page .form-wrapper .form #createForm .iti {
    margin-top: 10px
}

#forgot-password-page .form-wrapper .form #createForm .iti .form-input,
#two-factor-page .form-wrapper .form #createForm .iti .form-input,
#verify-email-page .form-wrapper .form #createForm .iti .form-input {
    width: 100%;
    padding-left: 50px;
    letter-spacing: 1px
}

#forgot-password-page .form-wrapper .form #verifyForm,
#two-factor-page .form-wrapper .form #verifyForm,
#verify-email-page .form-wrapper .form #verifyForm {
    margin-top: 30px
}

#forgot-password-page .form-wrapper .form #verifyForm .form-input-wrapper:first-child,
#two-factor-page .form-wrapper .form #verifyForm .form-input-wrapper:first-child,
#verify-email-page .form-wrapper .form #verifyForm .form-input-wrapper:first-child {
    margin-bottom: 10px
}

#forgot-password-page .form-wrapper .form #verifyForm .form-input-wrapper:nth-child(2),
#two-factor-page .form-wrapper .form #verifyForm .form-input-wrapper:nth-child(2),
#verify-email-page .form-wrapper .form #verifyForm .form-input-wrapper:nth-child(2) {
    margin-bottom: 50px
}

#corpsite-footer {
    padding: 7% 0 2em;
    background: #FFF;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

#corpsite-footer .inner-wrap {
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5em
}

#corpsite-footer .row {
    display: flex;
    justify-content: center;
    margin: 0 0 2em;
    padding: 0;
    width: 100%;
    text-align: center
}

#corpsite-footer #applovin-logo-only {
    width: 100%;
    max-width: 50px;
    max-height: 42px
}

#corpsite-footer #footer-link-icon {
    width: 100%;
    max-width: 26px;
    max-height: 42px;
    margin-left: 3px;
    margin-bottom: 6px
}

#corpsite-footer .footer-statement {
    flex: 0 1 28%;
    font-size: 21px;
    line-height: 1.25em;
    margin: 0 60px 0 0;
    text-align: left;
    color: #999
}

#corpsite-footer .footer-statement p {
    margin: 0 0 1em;
    font-size: 21px
}

#corpsite-footer .footer-nav-holder {
    display: flex;
    flex: 1 0 65%;
    justify-content: space-between;
    margin: 0 auto
}

#corpsite-footer .footer-nav-holder div {
    width: 20%
}

#corpsite-footer .footer-nav-holder div .submenu-title {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: AvenirLTStd-Heavy, sans-serif;
    font-weight: 400;
    color: #999;
    margin: 0 0 1em;
    text-align: left
}

#corpsite-footer .footer-nav-holder div .footer-submenu {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-family: AvenirLTStd-Light, sans-serif;
    text-align: left
}

#corpsite-footer .footer-nav-holder div .footer-submenu .menu-item {
    line-height: 1.5em
}

#corpsite-footer .footer-nav-holder div .footer-submenu .menu-item a {
    color: #000
}

#corpsite-footer #lang-switcher {
    position: absolute;
    top: 0;
    right: 1em;
    border: 1px solid #DDD;
    padding: .5em 0;
    border-radius: 3px;
    background-color: #FFF;
    z-index: 10;
    transition: all .25s ease
}

#corpsite-footer #lang-switcher ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left
}

#corpsite-footer #lang-switcher ul li {
    display: flex;
    position: relative;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity, height .25s ease
}

#corpsite-footer #lang-switcher ul li::before {
    position: absolute;
    top: 6px;
    left: 15px;
    display: block;
    content: '';
    width: 21px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 1em 0 0
}

#corpsite-footer #lang-switcher ul li.active {
    height: auto;
    opacity: 1
}

#corpsite-footer #lang-switcher ul li.lang-en::before {
    background-image: url(../images/flag-us.gif)
}

#corpsite-footer #lang-switcher ul li.lang-cn::before {
    background-image: url(../images/flag-cn.gif)
}

#corpsite-footer #lang-switcher ul li.lang-jp::before {
    background-image: url(../images/flag-jp.gif)
}

#corpsite-footer #lang-switcher ul li.lang-kr::before {
    background-image: url(../images/flag-kr.gif)
}

#corpsite-footer #lang-switcher ul li:hover {
    background-color: #EFEFEF
}

#corpsite-footer #lang-switcher ul li a {
    display: block;
    width: 100%;
    padding: 6px 20px 4px 60px;
    font-family: Avenir-Medium, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-decoration: none
}

#corpsite-footer #lang-switcher:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

#corpsite-footer #lang-switcher:hover li {
    height: auto;
    opacity: 1
}

#corpsite-footer #lang-switcher:hover li.active {
    background: url(../images/active-dot.svg) no-repeat 90% center;
    background-size: .5em
}

#corpsite-footer #lang-switcher:hover li.active:hover {
    background-color: #EFEFEF
}

#corpsite-footer .copyright-text {
    margin: 0;
    color: #999
}

#corpsite-footer .copyright-text .copyright-divider {
    margin: 0 2em
}

#corpsite-footer .terms-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

#corpsite-footer .terms-list .menu-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2em
}

#corpsite-footer .terms-list .menu-item:first-child {
    padding: 0
}

#corpsite-footer .terms-list .menu-item a {
    color: #999
}

#corpsite-footer .terms-list .menu-item .ot-sdk-show-settings {
    padding: 0 !important;
    color: #717577 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-family: AvenirLTStd-Light, sans-serif !important;
    font-size: 11px !important;
    line-height: inherit !important;
    border: none !important
}

#corpsite-footer .terms-list .menu-item .ot-sdk-show-settings:hover {
    background-color: inherit !important;
    color: #717577 !important
}

#corpsite-footer .social-icons {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 130px;
    list-style-type: none
}

#corpsite-footer .social-icons li {
    display: flex;
    align-items: center;
    width: 28px
}

#corpsite-footer .social-icons li img {
    width: 100%;
    max-height: 24px
}

#corpsite-footer a {
    text-decoration: none;
    transition: opacity .2s ease-in-out
}

#corpsite-footer a:hover {
    opacity: .8
}

#corpsite-footer-login {
    float: left;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    bottom: 5%;
    width: 100%
}

#corpsite-footer-login #footer-link-icon {
    width: 100%;
    max-width: 26px;
    max-height: 42px;
    margin-left: 3px;
    margin-bottom: 6px
}

#corpsite-footer-login .inner-wrap {
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5em
}

#corpsite-footer-login .copyright-text {
    margin: 0;
    color: #FFF
}

#corpsite-footer-login .copyright-text .copyright-divider {
    margin: 0 2em
}

#corpsite-footer-login .terms-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

#corpsite-footer-login .terms-list .menu-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2em
}

#corpsite-footer-login .terms-list .menu-item:first-child {
    padding: 0
}

#corpsite-footer-login .terms-list .menu-item a {
    color: #FFF
}

#corpsite-footer-login .terms-list .menu-item .ot-sdk-show-settings {
    padding: 0 !important;
    color: #FFF !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-family: AvenirLTStd-Light, sans-serif !important;
    font-size: 11px !important;
    line-height: inherit !important;
    border: none !important
}

#corpsite-footer-login .terms-list .menu-item .ot-sdk-show-settings:hover {
    background-color: inherit !important;
    color: #FFF !important
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
    #home-1 {
        background-image: url(../images/content/home/section-1/background@2x.jpg)
    }

    #introAnimation div {
        background: url(../images/animation-sprite@2x.png) no-repeat;
        background-size: 370px 1810px
    }

    #home-3 {
        background-image: url(../images/background@2x.jpg)
    }

    #home-5 {
        background-image: url(../images/background@2x.jpg)
    }

    #home-7 {
        background-image: url(../images/background@2x.jpg)
    }

    .contentPage .hero.contactHero {
        background-image: url(../images/hero@2x.jpg)
    }

    .contentPage .hero.blogHero {
        background-image: url(../images/hero@2x.jpg)
    }

    .contentPage .hero.pressHero {
        background-image: url(../images/hero@2x.jpg)
    }

    .contentPage .hero.aboutHero {
        background-image: url(../images/hero@2x.jpg)
    }

    .contentPage .hero.teamHero {
        background-image: url(../images/hero@2x.jpg)
    }

    .contentPage .hero.jobsHero {
        background-image: url(../images/hero@2x.jpg)
    }

    #advertisers-1 {
        background-image: url(../images/background@2x.jpg)
    }

    .logoSlider .logoBar .logos {
        background: url(../images/logobar@2x.png) repeat-x;
        background-size: 1400px 70px
    }

    #developers-1 {
        background-image: url(../images/background@2x.jpg)
    }

    #developers-5 #boxSupport {
        background: url(../images/box@2x.png) no-repeat;
        background-size: 200px 245px
    }

    #advertisers-5 #reportFile {
        background: url(../images/report@2x.png) no-repeat;
        background-size: 210px 275px
    }

    .formsPage .hero.loginHero {
        background-image: url(../images/background@2x.jpg)
    }

    .formsPage .hero.registerHero {
        background: #1684a8
    }
}

#mobileNav {
    z-index: 1;
    display: none
}

@media screen and (min-width:980px) and (max-height:760px) {
    .logoSlider {
        height: 22%
    }

    .logoSlider>.wrap {
        margin-top: -70px
    }

    .logoSlider .logoBar {
        margin-top: 5px
    }

    #advertisers-7 .contactEnd .head,
    #developers-7 .contactEnd .head {
        font-size: 26px
    }

    #advertisers-7 .contactEnd .button,
    #developers-7 .contactEnd .button {
        font-size: 22px;
        margin: 20px auto 0 auto
    }

    #advertisers-7 .contactEnd .wrap,
    #developers-7 .contactEnd .wrap {
        height: 106px;
        margin-top: -55px
    }

    #advertisers-7 .contactEnd {
        height: 30%
    }

    #developers-7 .contactEnd {
        height: 35%
    }

    #advertisers-7 footer.scroll-footer {
        height: 48%
    }

    #developers-7 footer.scroll-footer {
        height: 65%
    }

    #home-8 footer.scroll-footer {
        height: 42%
    }

    #home-8 .endHomeSlide .headline {
        height: 36%
    }

    #home-8 .endHomeSlide .ctaSection {
        height: 22%
    }

    #home-8 .endHomeSlide .headline .contentSmart {
        padding: 20px 0 30px 0
    }

    #home-8 .endHomeSlide .headline .contentSmart .head {
        font-size: 36px
    }
}

@media screen and (max-width:979px) {
    .video-slider .slick-next {
        right: -30px;
        transform: scale(.6)
    }

    .video-slider .slick-prev {
        left: -30px;
        transform: scale(.6)
    }

    #forbes-link {
        display: none
    }

    .challenge-sticker {
        left: 0;
        transform: scale(.7);
        bottom: 0
    }

    .challenge-sticker:hover {
        transform: scale(.73)
    }

    .wrap {
        width: 90%;
        padding: 0
    }

    .pageScroll section {
        height: 640px;
        position: relative !important;
        top: auto !important
    }

    .pageScroll section>.wrap {
        left: 0;
        margin: 0 auto;
        padding: 0 5%;
        width: 100%
    }

    #home-2 {
        margin-top: 0;
        overflow-x: hidden
    }

    #home-2 .wrap {
        padding: 0
    }

    .corp-nav .wrap,
    header .wrap {
        width: 90%
    }

    header ul li {
        margin-left: 14px
    }

    header ul li a {
        font-size: 11px
    }

    header.subPageHeader {
        position: absolute
    }

    #introAnimation {
        margin-top: 0;
        height: 100%;
        padding: 50px 0;
        left: 5%;
        width: 90%;
        top: 0;
        background-image: url(../images/static.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center
    }

    #introAnimation>div {
        display: none
    }

    .scrollButton.orange,
    .scrollButton.white {
        right: 20px
    }

    .contentSmart h2 {
        font-size: 22px
    }

    .contentSmart p {
        font-size: 18px
    }

    #home-3 .contentSmart {
        right: 5%;
        text-align: right;
        padding: 0
    }

    #home-3 .contentSmart:before {
        display: none
    }

    #home-4 .contentSmart {
        padding: 0;
        left: 0;
        width: 100%
    }

    #home-4 .contentSmart .left {
        float: left
    }

    #home-4 .contentSmart #package {
        max-width: 140px;
        margin: 0 30px
    }

    #home-5 .contentSmart {
        margin: 0;
        width: 400px;
        right: auto;
        left: 5%
    }

    #home-5 .contentSmart:after,
    #home-5 .contentSmart:before {
        display: none
    }

    #home-6 .contentSmart {
        margin-top: -300px
    }

    #home-6 .bigMessage {
        left: 160px;
        right: 160px
    }

    #home-6 .bigMessage:hover {
        left: 150px;
        right: 150px
    }

    #home-7 .contentSmart {
        width: 50%;
        left: auto;
        text-align: right;
        right: 5%
    }

    #home-7 .contentSmart:before {
        display: none
    }

    #home-8 {
        height: 860px
    }

    #home-8 footer.scroll-footer {
        height: 40%
    }

    .bigMessage {
        font-size: 30px
    }

    .subHeader {
        display: none !important
    }

    .scrollButton {
        display: none
    }

    .scrollButton.orangeCircle {
        display: none
    }

    .scrollTop {
        display: none
    }

    .advertisersHeader,
    .developersHeader {
        width: 90%;
        left: 5%;
        margin: -150px 0 0 0
    }

    .advertisersScroll .contentSmart,
    .developersScroll .contentSmart {
        padding: 40px 0 !important;
        height: auto !important;
        margin: 0 !important;
        text-align: center !important;
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .advertisersScroll .contentSmart img,
    .developersScroll .contentSmart img {
        display: block;
        margin: 0 auto 30px auto !important;
        float: none !important
    }

    .advertisersScroll .contentSmart h2,
    .developersScroll .contentSmart h2 {
        font-size: 32px;
        padding: 0 !important
    }

    .advertisersScroll .contentSmart .subhead,
    .developersScroll .contentSmart .subhead {
        font-size: 22px;
        margin-bottom: 20px
    }

    .advertisersScroll .contentSmart p,
    .developersScroll .contentSmart p {
        font-size: 16px
    }

    #advertisers-3 .contentSmart img,
    #advertisers-4 .contentSmart img,
    #advertisers-6 .contentSmart img {
        margin-bottom: 60px !important
    }

    #advertisers-4 .contentSmart {
        padding-top: 70px !important
    }

    #advertisers-4 .appBackground,
    #advertisers-5 .roiBackground,
    #developers-5 .boxBackground {
        top: 0
    }

    #advertisers-5 .contentSmart {
        text-align: left !important;
        padding: 0 0 0 50% !important
    }

    #advertisers-7 .advertisersEnd {
        padding-top: 0;
        height: 100%
    }

    .logoSlider>.wrap {
        padding: 60px 0
    }

    #advertisers-7 {
        height: 880px
    }

    #advertisers-7 .advertisersEnd {
        margin: 0
    }

    #advertisers-7 .logoSlider>.wrap {
        left: 5%;
        margin: 0;
        top: auto
    }

    #advertisers-7 .contactEnd .wrap,
    #developers-7 .contactEnd .wrap {
        left: 5%;
        margin-left: 0
    }

    #developers-7 .developersEnd {
        padding: 0
    }

    #developers-3 .contentSmart {
        padding-top: 70px !important
    }

    #advertisers-5 #reportFile {
        right: 10px;
        top: 185px
    }

    #developers-5 .contentSmart {
        text-align: left !important;
        padding: 0 50% 0 0 !important
    }

    #developers-7 {
        height: 800px
    }

    #developers-7 .developersEnd {
        padding: 0;
        margin: 0;
        height: 100%
    }

    #developers-7 .contactEnd,
    #developers-7 footer.scroll-footer {
        height: 50%
    }

    #developers-5 #boxSupport {
        right: 0;
        top: 175px
    }

    .jobsContent .left {
        padding: 0 50px 0 10px
    }

    .perks ul li {
        padding: 60px 20px 0 20px !important
    }

    .jobs-center-hero,
    .team-center-hero {
        margin-left: -275px;
        width: 550px
    }

    .jobsContent blockquote:after {
        display: none;
        position: relative;
        display: inline-block;
        top: 0;
        right: -2px
    }

    .contactContent,
    .templateContent {
        padding: 50px 40px
    }

    .contactContent .box.half {
        padding-right: 10%
    }

    .aboutContent {
        padding: 50px 0
    }

    .contentIndent {
        padding: 0
    }

    .aboutContent .tease {
        padding: 0
    }

    .aboutContent .half.intro.first {
        padding: 0 25px 0 0
    }

    .aboutContent .half.intro.second {
        padding: 0 0 0 25px
    }

    .aboutContent .half {
        padding: 0 30px
    }

    .aboutContent .half .stat {
        font-size: 26px
    }

    .aboutContent .half .meta {
        font-size: 18px
    }

    .aboutContent.team {
        padding: 0
    }

    .aboutContent.team .name {
        font-size: 20px
    }

    .aboutContent.team .title {
        font-size: 10px;
        font-family: AvenirLTStd-Book
    }

    .aboutContent.team .lastItem {
        display: none
    }

    .aboutContent .subTeam .subTeamMembers {
        width: 46%;
        text-align: center
    }

    .textContentPage>.wrap {
        padding: 100px 0 60px 0
    }

    .textContentPage .textContent {
        width: 100%;
        float: none;
        margin: 0 0 40px 0;
        padding-right: 30px
    }

    .textContentPage .sidebar {
        background: 0 0;
        padding: 0;
        margin-bottom: 5px;
        width: 100%;
        float: none
    }

    .textContentPage .sidebar section {
        background: 0 0;
        margin-left: 1%;
        margin-right: 1%;
        width: 48%;
        float: left
    }

    .textContentPage .sidebar section .truste img {
        height: 30px
    }

    .textContentPage h1 {
        font-size: 30px;
        margin-bottom: 0
    }

    .textContentPage h2 {
        font-size: 20px
    }

    .textContentPage h3 {
        font-size: 16px
    }

    .textContentPage p {
        font-size: 14px
    }

    .blogContent {
        padding: 40px 0
    }

    .blogContent .theContent {
        width: 100%;
        float: none;
        margin: 0 0 40px 0
    }

    .blogContent .sidebar {
        float: none;
        width: 100%;
        margin: 0;
        padding-left: 0
    }

    .blogContent article .left {
        width: 20%;
        margin-right: 3%;
        height: auto
    }

    .blogContent article .left img {
        max-width: 100%;
        min-width: 100%;
        height: auto
    }

    .blogContent article .right {
        width: 76%
    }

    .blogContent .breadCrumb {
        margin: -10px 0 30px 0
    }

    #howto-2 {
        height: 490px
    }

    #howto-2 .contentSmart {
        position: relative;
        top: 0;
        padding: 0
    }

    #howto-2 h2 {
        padding: 0
    }

    #howto-4 .left {
        width: 40%;
        height: 300px
    }

    #howto-25 {
        height: 700px
    }

    .contentSmart.howitworks .left {
        padding: 0;
        left: 5%;
        width: 35%
    }

    .contentSmart.howitworks .right {
        padding: 0;
        right: 5%;
        width: 35%
    }

    #howto-6 .contentSmart {
        top: 0;
        position: relative
    }

    #howto-7 {
        height: 800px
    }

    #howto-7 .endHow>.wrap {
        margin-top: -180px
    }

    #i3e {
        margin: 0 -30% 0 0;
        transform: translateX(60%)
    }

    #i3e.anim-in {
        transform: translateX(0)
    }

    .gs-3 .left {
        top: 20%
    }
}

@media screen and (max-width:830px) {
    .corp-nav {
        display: none
    }

    header {
        top: 0;
        position: absolute
    }

    #home-3 .contentSmart .yellowTag {
        background: 0 0
    }

    #home-5 .contentSmart .yellowTag {
        background: 0 0
    }

    #home-7 .yellowTag {
        background: 0 0;
        color: #FFF
    }

    .rm-v {
        display: block
    }

    .rm-h {
        display: none
    }

    #mobileNav {
        display: block;
        position: absolute;
        right: 30px;
        top: 10px;
        width: 30px;
        height: 30px;
        background: url(../images/mobilenav-light.svg) no-repeat right top;
        cursor: pointer
    }

    #mobileNav.dark {
        background: url(../images/mobilenav-dark.svg) no-repeat right top
    }

    #mobileNav.open {
        background: url(../images/close-mobile-menu.svg) no-repeat right top
    }

    header {
        background: 0 0 !important;
        box-shadow: inherit
    }

    header.white {
        background: #FFF;
        box-shadow: 0 2px 0 #e4e4e4
    }

    header.white span a {
        background: url(../images/logo-gray.svg) no-repeat
    }

    header .wrap {
        width: 100%
    }

    header #applovinLogo {
        margin-left: 5%;
        position: relative;
        z-index: 2
    }

    header span a {
        background: url(../images/logo-white.svg) no-repeat
    }

    header nav {
        margin: 0;
        top: 0;
        position: absolute;
        transition: .3s;
        transform: translateY(-100%);
        opacity: 0;
        width: 100%
    }

    header nav.active {
        opacity: 1;
        transform: translateY(0)
    }

    header nav ul {
        background: #333;
        padding-top: 60px;
        padding-bottom: 10px
    }

    header nav ul.button-list {
        padding-top: 20px;
        text-align: center
    }

    header nav ul.button-list>li {
        display: inline-block;
        margin: 0 5px
    }

    header nav ul.lang-list {
        padding-top: 20px
    }

    header nav ul.lang-list .lang-dropdown {
        display: block;
        float: none;
        border: none;
        font-family: AvenirLTStd-Book
    }

    header nav ul.lang-list .lang-dropdown:after {
        display: none
    }

    header nav ul.lang-list li {
        padding: 0;
        margin: 0
    }

    header nav ul.lang-list .lang-dropdown,
    header nav ul.lang-list a.lang {
        max-width: 90px;
        text-align: left;
        margin: 0 auto;
        color: #999
    }

    header nav ul.lang-list .lang-dropdown:hover,
    header nav ul.lang-list a.lang:hover {
        color: #0583aa
    }

    header nav ul.lang-list a.lang:hover {
        opacity: 1
    }

    header nav ul li {
        display: block;
        text-align: center;
        margin: 0 0 6px 0;
        padding: 4px 0;
        white-space: nowrap
    }

    header nav ul li a {
        color: #FFF
    }

    header nav ul li a.signIn {
        border: 2px solid #FFF
    }

    header nav ul li a.signIn:hover {
        color: #FFF
    }

    .scrollTop {
        right: 30px
    }

    .aboutContent .subTeam .subTeamMembers {
        margin: 0;
        width: 50%;
        padding-left: 0
    }

    span.ErrorTooltip {
        margin-top: 9px;
        position: absolute;
        padding: 10px;
        font-size: 12px;
        text-align: center;
        color: #7f0e0c;
        background: #FDE5E3;
        border: 1px solid #F9C0BB;
        border-radius: 5px;
        text-shadow: rgba(0, 0, 0, .0980392) 1px 1px 1px;
        box-shadow: rgba(0, 0, 0, .0980392) 1px 1px 2px 0;
        z-index: 1;
        width: 100%;
        display: none;
        margin-left: 0;
        left: auto;
        top: auto
    }

    span.ErrorTooltip:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #FDE5E3 transparent;
        bottom: 100%;
        left: 50%;
        right: auto;
        top: auto;
        z-index: 1
    }

    span.ErrorTooltip:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 11px;
        border-style: solid;
        border-color: transparent transparent #F9C0BB transparent;
        bottom: 100%;
        left: 50%;
        top: auto;
        right: auto;
        margin-left: -1px;
        margin-bottom: auto;
        z-index: 1
    }

    #howto-2 .process .step:after {
        display: none
    }

    #howto-2 {
        height: 530px
    }

    .templateContent .col.left {
        width: 40%;
        padding-right: 2%
    }

    .templateContent .col.right {
        width: 60%
    }

    .templateContent .video-player {
        max-width: 100%;
        height: auto;
        margin: 20px auto
    }

    .templateContent .video-player video {
        max-width: 72%;
        top: 6.5%;
        left: 14%
    }

    .templateContent .sideby img {
        max-width: 90%;
        margin: 0 5%
    }

    .jobsContent .grid>div {
        width: 100%;
        margin: 0 0 30px 0;
        float: none;
        height: auto
    }

    .jobsContent .grid>div:nth-child(2n) {
        margin: 0 0 30px 0
    }

    .gen-quote .left,
    .gen-quote .right,
    .gen-quote.shifted .left,
    .gen-quote.shifted .right {
        padding: 0;
        width: 100%;
        float: none
    }

    .gen-quote .left,
    .gen-quote.shifted .left {
        margin-bottom: 40px
    }

    .aboutContent .tease.n {
        padding: 0
    }

    #i3e {
        margin: 0 -50% 0 0;
        transform: translateX(40%)
    }

    #i3e.anim-in {
        transform: translateX(0)
    }

    .gs-3 .left {
        max-width: 55%
    }

    #i4e {
        width: 355px
    }

    .gs-4 .right {
        max-width: 42%
    }

    .support-buttons a {
        font-size: 22px;
        padding: 0 25px;
        line-height: 60px
    }

    .support-buttons .left,
    .support-buttons .right {
        padding: 70px 0
    }
}

@media screen and (max-width:768px) {
    #corpsite-footer .row.menus-row .footer-nav-holder .footer-submenu {
        font-size: 14px
    }

    .pageScroll section {
        height: 580px
    }

    .headerContent {
        width: 90%;
        margin-left: 5%;
        left: 0;
        margin-top: -100px
    }

    .headerContent h1 {
        font-size: 22px
    }

    .headerContent>p {
        font-size: 18px
    }

    .challenge-sticker {
        left: 0;
        transform: scale(.6);
        bottom: -20px
    }

    .challenge-sticker:hover {
        transform: scale(.65)
    }

    .contentSmart h2 {
        font-size: 24px
    }

    .contentSmart p {
        margin: 0 0 30px 0;
        font-size: 20px
    }

    #introAnimation {
        background-image: url(../images/static-narrow.png);
        top: 5%;
        height: 90%
    }

    #home-3 .wrap,
    #home-5 .wrap {
        background: rgba(255, 255, 255, .7)
    }

    .bigMessage {
        font-size: 20px;
        height: 50px;
        width: 80%;
        display: inline-block;
        position: relative;
        right: auto
    }

    .bigMessage:before {
        line-height: 50px
    }

    #home-4 .contentSmart {
        background: #FFF
    }

    #home-4 .contentSmart .left,
    #home-4 .contentSmart .right {
        font-size: 16px
    }

    #home-4 .contentSmart .left:before,
    #home-4 .contentSmart .right:before {
        display: none
    }

    #home-4 .contentSmart #lovesdawg {
        margin-top: 20px
    }

    #home-4 .contentSmart #dog {
        margin: 0 20px;
        max-width: 100px
    }

    #home-4 .contentSmart #collar {
        top: 15px;
        max-width: 90px
    }

    #home-4 .contentSmart .bigMessage {
        left: 10%;
        top: 50px;
        right: auto
    }

    #home-4 .contentSmart .bigMessage:hover {
        left: 10%;
        right: auto
    }

    #home-4 .contentSmart #shopping {
        top: 40px
    }

    #home-4 .contentSmart #shoe {
        max-width: 100px;
        margin-left: -190px;
        top: 45px
    }

    #home-4 .contentSmart #clothes {
        max-width: 160px;
        margin: 0 20px;
        top: 30px
    }

    #home-6 #artFrames {
        top: 140px;
        max-width: 220px
    }

    #home-6 #chair {
        top: 370px
    }

    #home-6 .contentSmart {
        background: #FFF;
        width: 90%;
        left: auto;
        margin-left: auto
    }

    #home-6 .contentSmart .bubbleText {
        background: 0 0 !important;
        width: 50%
    }

    #home-6 .contentSmart .bubbleText.petSupply {
        padding-right: 25%;
        text-align: left
    }

    #home-6 .contentSmart .bubbleText.artFrames {
        padding-left: 25%
    }

    #home-6 .contentSmart .bubbleText.chair {
        padding-right: 60px;
        text-align: left
    }

    #home-6 .contentSmart .bigMessage {
        width: 100%;
        left: 0;
        right: 0
    }

    #home-7 .wrap {
        background: rgba(0, 0, 0, .6)
    }

    #home-3 .contentSmart,
    #home-5 .contentSmart,
    #home-7 .contentSmart {
        text-align: center;
        width: 100%;
        position: relative;
        left: 0;
        padding: 0;
        top: 50%;
        margin-top: -80px
    }

    #home-8 {
        height: 1100px
    }

    #home-8 .endHomeSlide .headline {
        height: 20%
    }

    #home-8 .endHomeSlide .headline .contentSmart {
        padding: 5px 0 40px 0
    }

    #home-8 .endHomeSlide .headline .contentSmart .head {
        font-size: 37px
    }

    #home-8 .endHomeSlide .ctaSection {
        height: 35%
    }

    #home-8 .endHomeSlide .ctaSection>div {
        width: 100%;
        height: 50%
    }

    footer {
        padding: 40px 0
    }

    footer.scroll-footer {
        padding: 0 0 65px 0;
        height: 60%
    }

    #home-8 footer.scroll-footer {
        height: 45%
    }

    .jobsContent .left,
    .jobsContent .right {
        float: none;
        width: 100%;
        padding: 0
    }

    .jobsContent .left {
        padding-left: 40px;
        margin-bottom: 50px
    }

    .perks ul li {
        width: 50%
    }

    .perks ul li.fun {
        margin: 40px 0 0 0;
        width: 100%
    }

    .contactContent,
    .templateContent {
        padding: 50px 0
    }

    .contentPage .box.third {
        width: 100%;
        float: none;
        margin-bottom: 50px;
        padding: 0 !important
    }

    .contentPage .box.third.last {
        margin-bottom: 0
    }

    .aboutContent .half {
        width: 100%;
        float: none;
        padding: 0
    }

    .aboutContent .half.intro.first,
    .aboutContent .half.intro.second {
        padding: 0;
        text-align: center
    }

    .aboutContent.team {
        width: 420px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .aboutContent.team .team-cluster>div {
        width: 48%;
        margin: 1%
    }

    .aboutContent.team .team-cluster>div:nth-child(4n) {
        margin-right: 1%
    }

    .aboutContent.team .row {
        width: 50%
    }

    .aboutContent.team .row>div {
        width: 195px;
        height: 195px
    }

    .aboutContent.team .row>div.placeholder {
        width: 195px;
        height: 195px
    }

    .aboutContent.team .row>div>div {
        width: 195px;
        height: 195px;
        padding-top: 60px
    }

    .aboutContent .subTeam {
        text-align: center;
        width: 100%;
        margin: 30px 0
    }

    .aboutContent .subTeam .subTeamMembers {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        height: auto
    }

    .aboutContent .tease.smaller {
        padding: 0;
        font-size: 16px
    }

    .advertisersScroll .contentSmart,
    .developersScroll .contentSmart {
        padding: 20px 0 !important
    }

    #advertisers-3 .contentSmart img,
    #advertisers-4 .contentSmart img,
    #advertisers-6 .contentSmart img {
        margin-bottom: 30px !important
    }

    #advertisers-4 .contentSmart {
        padding-top: 40px !important
    }

    #advertisers-5 .contentSmart {
        padding: 140px 0 0 45% !important
    }

    .logoSlider {
        display: none
    }

    #advertisers-7 .contactEnd {
        height: 40%
    }

    #developers-7 .contactEnd {
        height: 35%
    }

    #developers-7 footer.scroll-footer {
        height: 65%
    }

    .advertisersScroll .contentSmart img,
    .developersScroll .contentSmart img {
        max-height: 260px;
        margin: 0 auto 15px auto !important
    }

    .advertisersHeader span,
    .developersHeader span {
        font-size: 32px
    }

    .advertisersHeader p,
    .developersHeader p {
        font-size: 18px
    }

    #developers-5 .contentSmart {
        padding: 90px 50% 0 0 !important
    }

    .blogContent article.singlePost .postTitle {
        font-size: 30px
    }

    .blogContent article .shareArea .shareButton {
        width: 33.333%
    }

    .subPagination {
        padding-bottom: 30px
    }

    .pressContent .slice {
        padding: 40px 0
    }

    #howto-1 {
        height: 400px
    }

    #howto-1 h1 {
        margin-bottom: 10px
    }

    #howto-1 span {
        margin-bottom: 15px;
        font-size: 24px
    }

    .howitworks.launch:after {
        display: none
    }

    #howto-2 {
        height: 1140px
    }

    #howto-2 h2 {
        margin-bottom: 30px;
        font-size: 24px
    }

    #howto-2 .process .step {
        width: 100%;
        float: none;
        margin-bottom: 70px
    }

    #howto-2 .process .step.learn {
        background-size: auto
    }

    #howto-2 .process .step:after {
        left: 50%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: -20px;
        bottom: -45px;
        display: block
    }

    .contentSmart.howitworks h3 {
        font-size: 26px
    }

    .contentSmart.howitworks .middle.line img {
        max-width: 90px;
        margin-left: -45px
    }

    .contentSmart.howitworks.first {
        top: 10%
    }

    .contentSmart.howitworks .middle.line:after {
        display: none
    }

    .contentSmart.howitworks .middle.line {
        left: 5%;
        margin: 0;
        width: 90%
    }

    .contentSmart.howitworks .middle.line .desc {
        font-size: 20px;
        margin-bottom: 10px
    }

    .contentSmart.howitworks .middle.line .number {
        top: 50px;
        left: 5%
    }

    #howto-3,
    #howto-5 {
        height: 470px
    }

    #howto-3 .left,
    #howto-5 .left {
        width: 55%;
        top: 170px;
        margin: 0 0 0 65px
    }

    #howto-3 .number,
    #howto-5 .number {
        top: 178px
    }

    #howto-3 .right,
    #howto-5 .right {
        width: 20%;
        right: 5%;
        margin: 0;
        top: 155px;
        left: auto
    }

    #howto-3 .right img,
    #howto-5 .right img {
        max-height: 200px
    }

    #howto-4 .right {
        width: 80%;
        left: 5%;
        top: 42px;
        margin: 0 0 0 65px
    }

    #howto-4 .left {
        margin: 260px 0 0 0;
        width: 90%
    }

    #howto-4 .left img {
        max-height: 280px
    }

    #howto-5 {
        height: 390px
    }

    #howto-5 .left {
        top: 50px;
        width: 45%
    }

    #howto-5 .number {
        top: 50px
    }

    #howto-5 .right {
        width: 25%;
        top: 105px
    }

    #howto-6 {
        height: 800px
    }

    #howto-6 .contentSmart .point {
        width: 50%;
        margin-bottom: 30px;
        min-height: 130px
    }

    #howto-7 .endHow {
        height: 40%
    }

    #howto-7 .endHow>.wrap {
        height: 160px;
        margin-top: -80px
    }

    .testo-center-hero {
        margin-top: -80px;
        margin-left: -220px;
        width: 440px
    }

    .team-inner-poster {
        height: 600px
    }

    .team-inner-poster>div {
        top: 150px
    }

    .team-inner-poster .h-m {
        font-size: 40px
    }

    .team-inner-poster .h-s {
        font-size: 22px
    }

    .team-inner-poster .t {
        font-size: 18px
    }

    .gen-quote.shifted .title {
        margin-bottom: 70px
    }

    .gs-hero {
        padding: 160px 0 200px 0
    }

    .gs-hero .center {
        padding: 0
    }

    .gs-hero h1 {
        font-size: 32px
    }

    .gs-1 {
        padding: 40px 0 80px 0
    }

    .gs-2,
    .gs-3 {
        padding: 70px 0
    }

    #i3e {
        transform: translateX(0) translateY(-30px);
        height: 238px;
        max-width: 80%;
        float: none;
        margin: 0 auto 30px auto
    }

    #i3e.anim-in {
        transform: translateX(0) translateY(0)
    }

    .gs-3 {
        text-align: center
    }

    .gs-3 .left {
        max-width: 420px;
        position: static;
        margin: 0 auto
    }

    #i4e {
        margin: 0 auto 30px auto;
        height: 490px;
        float: none
    }

    #i4e-1 {
        display: none
    }

    #i4e-2 {
        top: 40px
    }

    .gs-4 .right {
        position: static;
        max-width: 420px;
        margin: 0 auto
    }

    .gs-4 {
        text-align: center;
        padding-bottom: 140px
    }

    footer .upper {
        margin-bottom: 70px
    }

    .footer-col.l {
        width: 50%;
        margin-bottom: 20px
    }

    .footer-col.r {
        float: none;
        text-align: left
    }

    .footer-col.r:before {
        content: "";
        clear: both;
        display: block
    }

    .footer-col.r h4 {
        margin-top: 30px
    }

    .footer-social li {
        margin: 0 18px 0 0
    }

    .support-buttons .left,
    .support-buttons .right {
        float: none;
        width: 100%
    }

    .contentPage .hero.supportHero {
        height: 330px
    }

    .support-hero-center#howto-1 {
        width: 90%;
        height: auto;
        left: 5%;
        margin: 0;
        top: 120px
    }
}

@media screen and (max-width:640px) {
    #corpsite-footer .row.menus-row .footer-nav-holder {
        justify-content: left;
        flex-wrap: wrap
    }

    #corpsite-footer .row.menus-row .footer-nav-holder>div:nth-child(3n+1) {
        margin-left: 0
    }

    #corpsite-footer .row.menus-row .footer-nav-holder>div:nth-child(n+4) {
        margin-top: 1em
    }

    #corpsite-footer .row.menus-row .footer-nav-holder>div {
        width: auto;
        flex: 0 1 25%;
        margin: 0 0 0 10%
    }

    #corpsite-footer .row.menus-row .footer-nav-holder ul li {
        line-height: 1.75em
    }

    #corpsite-footer .row.copyright-row .copyright-divider {
        display: none
    }

    #corpsite-footer .row.copyright-row .terms-list {
        display: block;
        margin: 1em 0 0 0
    }
}

@media screen and (max-width:540px) {

    #forgot-password-page .header.header-copy,
    #login-page .header.header-copy,
    #reset-password-page .header.header-copy,
    #signup-page .header.header-copy,
    #two-factor-page .header.header-copy,
    #verify-email-page .header.header-copy {
        padding-top: 15px
    }

    #forgot-password-page .form-wrapper .form,
    #login-page .form-wrapper .form,
    #reset-password-page .form-wrapper .form,
    #signup-page .form-wrapper .form,
    #two-factor-page .form-wrapper .form,
    #verify-email-page .form-wrapper .form {
        min-width: auto;
        margin: 0 20px;
        padding: 30px 30px 50px 30px
    }

    #forgot-password-page .form-wrapper .form .form-link-section .form-blue-link,
    #login-page .form-wrapper .form .form-link-section .form-blue-link,
    #reset-password-page .form-wrapper .form .form-link-section .form-blue-link,
    #signup-page .form-wrapper .form .form-link-section .form-blue-link,
    #two-factor-page .form-wrapper .form .form-link-section .form-blue-link,
    #verify-email-page .form-wrapper .form .form-link-section .form-blue-link {
        text-align: right
    }

    #signup-page .header.wrap.header-copy {
        justify-content: center;
        flex-direction: column-reverse;
        margin: 2em auto;
        padding: 0;
        text-align: center
    }

    #signup-page .header.wrap.header-copy a {
        margin: 2em auto 0 auto
    }

    #signup-page .header.wrap.header-copy p {
        margin-top: -1em
    }

    #signup-page .form-header {
        margin: 0 0 20px 0
    }

    #signup-page .form-wrapper {
        margin-bottom: 50px
    }

    #signup-page .form-wrapper .form {
        min-width: 0
    }

    #signup-page .form-wrapper .form .form-input-wrapper .form-input-label,
    #signup-page .form-wrapper .form .form-input-wrapper .form-input-radio-label {
        margin-right: 15px
    }

    #signup-page .form-wrapper .form .form-input-wrapper .iradio {
        width: 15px;
        height: 15px;
        background-size: cover
    }

    .video-slider .slick-next {
        right: -20px;
        transform: scale(.5)
    }

    .video-slider .slick-prev {
        left: -20px;
        transform: scale(.5)
    }

    .headerContent {
        margin-top: -120px
    }

    .pageScroll.home section {
        height: 460px
    }

    .contentPage .hero span.subHead {
        font-size: 30px
    }

    .jobsContent blockquote {
        font-size: 26px
    }

    .jobsContent blockquote:after {
        display: inline-block;
        right: -2px;
        position: relative;
        top: -2px
    }

    .perks ul li {
        width: 100%;
        margin-bottom: 40px
    }

    .contactContent {
        padding: 30px 0
    }

    .contentPage .box.half {
        width: 100%;
        float: none;
        margin-bottom: 30px;
        text-align: center
    }

    .aboutContent .tease {
        font-size: 24px
    }

    .aboutContent.team {
        width: 100%
    }

    .aboutContent.team .team-cluster>div>div {
        padding-top: 30px
    }

    .aboutContent.team .name {
        margin-bottom: 0
    }

    .aboutContent.team .title {
        margin-bottom: 3px
    }

    .aboutContent .subTeam {
        margin: 0;
        width: 100%
    }

    .aboutContent .subTeam .subTeamMembers {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 10px 0 0 10px
    }

    .aboutContent .subTeam .subTeamMembers span.member {
        font-size: 13px
    }

    .aboutContent .subTeam .subTeamMembers span.job {
        font-size: 12px
    }

    .aboutContent .button {
        width: 100%;
        font-size: 20px
    }

    .aboutContent .investors {
        float: none;
        width: 100%;
        text-align: center
    }

    #home-3 .contentSmart,
    #home-5 .contentSmart,
    #home-7 .contentSmart {
        margin-top: -120px
    }

    .headerContent>span {
        background: 0 0;
        color: #FFF;
        margin-bottom: 0;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
        padding: 0
    }

    #home-4 .contentSmart .lineItem {
        height: 100%;
        margin-top: -230px
    }

    #home-4 .contentSmart #decorates,
    #home-4 .contentSmart #lovesdawg,
    #home-4 .contentSmart #shopping {
        height: 100px
    }

    #home-4 .contentSmart #dog {
        margin: 0 10px;
        max-width: 60px
    }

    #home-4 .contentSmart #collar {
        max-width: 60px
    }

    #home-4 .contentSmart #lovesdawg>span {
        top: 22px
    }

    #home-4 .contentSmart #whiteroom {
        max-width: 130px;
        margin-left: -130px
    }

    #home-4 .contentSmart #decorates>span {
        top: 16px
    }

    #home-4 .contentSmart .bigMessage {
        top: 20px;
        font-size: 15px;
        width: 90%;
        left: 5%
    }

    #home-4 .contentSmart .bigMessage:hover {
        left: 5%
    }

    #home-4 .contentSmart #clothes {
        max-width: 120px;
        margin: -30px 0 0 0
    }

    #home-4 .contentSmart #shoe {
        max-width: 70px;
        margin-left: -90px;
        top: -5px
    }

    #home-4 .contentSmart #shopping>span {
        top: 39px;
        padding-left: 10px
    }

    #home-6 .contentSmart {
        height: 100%;
        margin-top: -230px
    }

    #home-6 .contentSmart .bigMessage {
        font-size: 14px;
        letter-spacing: 0;
        top: 232px
    }

    #home-6 .contentSmart .bigMessage:before {
        line-height: 46px
    }

    #home-6 .bubbleText {
        font-size: 15px
    }

    #home-6 .bubbleText.petSupply {
        padding: 12px 0 0 0 !important
    }

    #home-6 .bubbleText.artFrames {
        padding: 0 0 0 10px !important;
        top: 148px
    }

    #home-6 .bubbleText.chair {
        padding: 0 !important;
        top: 344px
    }

    #home-6 #petSupply {
        max-width: 45%;
        margin-right: 0
    }

    #home-6 #homeDecor {
        margin-left: 5px;
        max-width: 150px;
        top: 130px
    }

    #home-6 #chair {
        max-width: 110px;
        top: 320px
    }

    #home-8 .endHomeSlide .headline {
        background: #FFF
    }

    .formsPage .formWrap.registerForm {
        width: 100%;
        margin: 0 auto;
        left: auto;
        top: 60px
    }

    .formsPage .formWrap .form .customSelect {
        background: #fff
    }

    .formsPage header #applovinLogo {
        position: absolute;
        left: 50%;
        margin-left: -79px
    }

    .formsPage .registerSub .bottomSection {
        min-height: 340px
    }

    .formsPage .registerSub .bottomSection span {
        padding-top: 280px
    }

    .formsPage .hero.loginHero {
        background-position: -160px center
    }

    .advertisersHeader span,
    .developersHeader span {
        font-size: 24px
    }

    .advertisersHeader p,
    .developersHeader p {
        font-size: 18px
    }

    .advertisersScroll .contentSmart h2,
    .developersScroll .contentSmart h2 {
        font-size: 28px
    }

    .advertisersScroll .contentSmart .subhead,
    .developersScroll .contentSmart .subhead {
        font-size: 18px
    }

    .advertisersScroll .contentSmart p,
    .developersScroll .contentSmart p {
        font-size: 14px
    }

    .advertisersScroll .contentSmart img,
    .developersScroll .contentSmart img {
        max-width: 100%
    }

    .advertisersScroll .contentSmart,
    .developersScroll .contentSmart {
        padding: 40px 0 !important
    }

    .roiBackground {
        display: none
    }

    #home-8 .endHomeSlide .headline {
        height: 13%
    }

    #home-8 .endHomeSlide .ctaSection {
        height: 27%
    }

    #home-8 footer.scroll-footer {
        height: 60%
    }

    #advertisers-5 {
        background: url(../images/mobile-background.jpg) no-repeat center right;
        background-size: cover
    }

    #advertisers-5 #reportFile {
        margin-right: -100px;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        right: 50%;
        top: 265px
    }

    #advertisers-5 .contentSmart {
        padding: 40px 0 !important;
        text-align: center !important
    }

    #developers-1 {
        background-position: -170px
    }

    #advertisers-7,
    #developers-7 {
        height: 860px
    }

    #advertisers-7 .contactEnd,
    #developers-7 .contactEnd {
        height: 25%
    }

    #advertisers-7 footer.scroll-footer,
    #developers-7 footer.scroll-footer {
        height: 75%
    }

    #developers-7 .developersEnd {
        height: 100%
    }

    .advertisersScroll .contentSmart img,
    .developersScroll .contentSmart img {
        max-height: 200px;
        margin: 0 auto 15px auto !important
    }

    #advertisers-7 .contactEnd .head,
    #developers-7 .contactEnd .head {
        font-size: 26px
    }

    #developers-5 {
        background: url(../images/mobile-background.jpg) no-repeat center center;
        background-size: cover
    }

    #developers-5 .contentSmart {
        padding: 40px 0 !important;
        text-align: center !important
    }

    #developers-5 .contentSmart h2 {
        line-height: 1.2em
    }

    .boxBackground {
        display: none
    }

    #developers-5 #boxSupport {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        right: 40px;
        top: 305px
    }

    .blogContent article .postTitle {
        font-size: 20px
    }

    .blogContent article .right p {
        font-size: 14px
    }

    .blogContent article .left {
        width: 15%;
        margin-right: 5%
    }

    .blogContent article .right {
        width: 80%
    }

    .pressContent .news ul li>img,
    .pressContent .press ul li>img {
        display: none
    }

    .pressContent .slice h2 {
        font-size: 24px
    }

    .pressContent .news a,
    .pressContent .press a {
        font-size: 14px
    }

    .pressContent .news ul li>span,
    .pressContent .press ul li>span {
        font-size: 12px
    }

    #howto-2 {
        height: 1200px
    }

    .howitworks.launch img {
        margin-left: 0
    }

    .howitworks.launch.first {
        top: 30px
    }

    .contentSmart.howitworks {
        text-align: center
    }

    #howto-3 {
        height: 700px
    }

    #howto-3 .first {
        top: 5%
    }

    #howto-3 .number {
        left: 50%;
        margin-left: -25px;
        top: 40px
    }

    #howto-3 .left {
        width: 90%;
        left: 5%;
        margin: -20px 0 0 0
    }

    #howto-3 .right {
        width: 90%;
        margin: 220px 0 0 0
    }

    #howto-3 .right img {
        max-height: 270px
    }

    #howto-4 {
        height: 750px
    }

    #howto-4 .number {
        left: 50%;
        margin-left: -25px
    }

    #howto-4 .left {
        width: 90%;
        margin: 430px 0 0 0
    }

    #howto-4 .right {
        width: 90%;
        margin: 60px 0 0 0
    }

    #howto-5 {
        height: 670px
    }

    #howto-5 .number {
        left: 50%;
        margin-left: -25px
    }

    #howto-5 .left {
        width: 90%;
        margin: 320px 0 0 0
    }

    #howto-5 .right {
        width: 90%;
        margin: 0
    }

    #howto-5 .right img {
        max-height: 240px
    }

    #howto-6 {
        height: 1020px
    }

    #howto-6 .contentSmart h3 {
        font-size: 24px
    }

    #howto-6 .contentSmart .point {
        width: 100%
    }

    #howto-7 {
        height: 860px
    }

    #howto-7 .endHow {
        height: 25%
    }

    #howto-7 footer.scroll-footer {
        height: 75%
    }

    .jobs-center-hero,
    .team-center-hero {
        width: 90%;
        margin-left: -45%;
        height: 240px;
        margin-top: -140px
    }

    .ft-quote {
        margin: 50px auto
    }

    .tr-quote {
        margin: 0 auto
    }

    .ft-quote>div {
        padding: 0 !important;
        width: 100%
    }

    .ft-quote>div.t_screen {
        display: none
    }

    .t_spline blockquote img {
        margin: 0 auto 20px auto
    }

    .tr-quote>section {
        float: none;
        width: 100%;
        padding: 0 !important;
        margin: 50px auto
    }

    .testo-center-hero {
        width: 90%;
        margin-left: -45%
    }

    .templateContent .col {
        float: none
    }

    .templateContent .col.sideby {
        width: 100%;
        margin-bottom: 40px
    }

    .templateContent .col.sideby img {
        margin: 0 auto;
        max-width: 80%
    }

    .templateContent .col.left,
    .templateContent .col.right {
        width: 100%;
        margin-bottom: 30px
    }

    .team-inner-poster .h-m {
        font-size: 30px
    }

    .team-inner-poster .h-s {
        font-size: 18px
    }

    .team-inner-poster .t {
        font-size: 15px
    }

    .team-inner-poster>div {
        top: 150px
    }

    .carousel-appl {
        max-width: 230px
    }

    .carousel-appl img {
        max-width: 100%
    }

    .gs-hero {
        padding: 140px 0 120px 0
    }

    .gs-hero h1 {
        font-size: 22px
    }

    .gs-hero p {
        font-size: 16px
    }

    .gs-spline h2 {
        font-size: 22px
    }

    #i1e {
        width: 300px;
        height: 205px
    }

    #i1e-1 {
        margin-left: -120px;
        width: 240px
    }

    #i1e-2,
    #i1e-3 {
        top: 70px;
        width: 27px
    }

    #i1e-4 {
        width: 65px;
        right: 10px
    }

    .gs-1 {
        padding: 20px 0 50px 0
    }

    .gs-4 {
        padding-bottom: 120px
    }

    #i2e {
        width: 300px;
        height: 182px;
        padding: 0 22px
    }

    #i3e,
    #i5e {
        height: 178px;
        max-width: 300px
    }

    #i4e {
        height: 400px;
        width: 300px
    }

    #i4e-2 {
        width: 300px;
        height: 380px
    }

    .gs-2,
    .gs-3 {
        padding: 40px 0
    }

    .gs-5 {
        padding: 40px 0 70px 0
    }

    .gs-cta {
        padding: 60px 0
    }

    .footer-col.l {
        width: 100%;
        float: none;
        padding: 0
    }

    .footer-col.r,
    footer {
        text-align: center
    }

    .footer-social li {
        margin: 0 20px
    }

    .footer-end-col.l,
    .footer-end-col.r {
        text-align: center;
        float: none;
        width: 100%;
        margin: 10px 0
    }
}

@media screen and (max-width:375px) {

    #forgot-password-page .form-wrapper .form,
    #login-page .form-wrapper .form,
    #signup-page .form-wrapper .form,
    #two-factor-page .form-wrapper .form,
    #verify-email-page .form-wrapper .form {
        margin-bottom: 30px;
        padding: 30px 20px
    }

    #login-page .form-wrapper .form {
        padding: 5px 20px
    }

    #login-page .form-wrapper .form .form-header {
        margin-bottom: 1em
    }

    #login-page .form-wrapper .form .form-link-section {
        margin: 20px 0 15px 0
    }
}

@media screen and (max-width:360px) {

    #forgot-password-page .form-wrapper .form,
    #login-page .form-wrapper .form,
    #two-factor-page .form-wrapper .form,
    #verify-email-page .form-wrapper .form {
        padding: 0 20px 20px 20px
    }

    #signup-page .form-wrapper .form {
        padding: 20px
    }

    #signup-page .form-wrapper .form .form-input-wrapper .form-input-label,
    #signup-page .form-wrapper .form .form-input-wrapper .form-input-radio-label {
        margin-right: 5px
    }

    #signup-page .form-wrapper .form .form-input-wrapper .iradio {
        width: 10px;
        height: 10px
    }

    #corpsite-footer .row.menus-row .footer-nav-holder>div {
        margin: 0 0 0 8%
    }
}

.clear {
    clear: both
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.invalidField {
    -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    -moz-box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, .3) !important;
    border: 1px solid red !important
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.BlurLoader {
    cursor: progress;
    position: relative
}

.BlurLoader:before {
    z-index: 998;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .9)
}

.BlurLoader:after {
    z-index: 999;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/assets/images/loader.svg) no-repeat center;
    background-size: 30px 30px
}

.red {
    color: red !important
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.full {
    width: 100%;
    height: 100%
}

.display-block {
    display: block
}

.display-none {
    display: none
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-inline-table {
    display: inline-table
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.f-n {
    float: none
}

.clear {
    clear: both
}

.text-align-right {
    text-align: right
}

.text-align-left {
    text-align: left
}

.text-align-center {
    text-align: center
}

.font-weight-bold {
    font-weight: 700
}

.padding-0 {
    padding: 0
}

.padding-10 {
    padding: 10px
}

.padding-t-10 {
    padding-top: 10px
}

.padding-b-10 {
    padding-bottom: 10px
}

.padding-l-20 {
    padding-left: 20px
}

.padding-r-20 {
    padding-right: 20px
}

.margin-0 {
    margin: 0
}

.margin-l-10 {
    margin-left: 10px
}

.margin-l-15 {
    margin-left: 15px
}

.margin-l-20 {
    margin-left: 20px
}

.margin-l-25 {
    margin-left: 25px
}

.margin-l-40 {
    margin-left: 40px
}

.margin-r-10 {
    margin-right: 10px
}

.margin-r-15 {
    margin-right: 15px
}

.margin-r-20 {
    margin-right: 20px
}

.margin-r-30 {
    margin-right: 30px
}

.margin-t-0 {
    margin-top: 0
}

.margin-t-10 {
    margin-top: 10px
}

.margin-t-20 {
    margin-top: 20px
}

.margin-t-30 {
    margin-top: 30px
}

.margin-t-50 {
    margin-top: 50px
}

.margin-b-5 {
    margin-bottom: 5px
}

.margin-b-10 {
    margin-bottom: 10px
}

.margin-b-15 {
    margin-bottom: 15px
}

.margin-b-20 {
    margin-bottom: 20px !important
}

.margin-b-30 {
    margin-bottom: 30px
}

.position-relative {
    position: relative
}