header .container .logo {
    left: 64.5px;
    top: 8px;
}

header .container .logo a {
    height: 41px;
    width: 136px;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://cdn-www.bluestacks.com/images/btv-promo/bluestacks_logo.png);
}

.lt-ie9 header .container .logo a {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://cdn-www.bluestacks.com/images/btv-promo/bluestacks_logo.png", sizingMethod="scale");
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {

    body {
        overflow-x: hidden;
    }

    header.header-top.has-selector {
        position: absolute;
        margin: 0px;
        padding: 0px;
    }

    header .container .logo {
        left: 16px;
        top: 9px;
    }

    header .container .logo a {
        height: 30px;
        background-position: 0% 0%;
    }
}

.languages-selector {
    top: 12px;
    right: 139px;
    width: 149px;
}

.languages-selector .ul {
    width: 149px;
}

.languages-selector .current-language {
    background-color: rgba(82, 96, 124, 0.75);
    border-radius: 2px;
    height: 32px;
}

.languages-selector .current-language .arrow-down {
}

.languages-selector .lang-link,
body #page .languages-selector .lang-link {
    font-family: 'Roboto' !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 16px;
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {

    .languages-selector {
        right: 69px;
        width: 115px;
        margin: 0px;
    }

    .languages-selector .ul {
        width: 115px;
    }

    .languages-selector .current-language {
        height: 24px;
        padding: 4px 10px;
    }

    .languages-selector .current-language .arrow-down {
        top: -4px;
    }

    .languages-selector .lang-link .flag {
        margin-right: 8px;
        vertical-align: -10%;
    }
}

#hamburger {
    top: 7.5px;
    width: 74px;
    right: 43px;
}

#hamburger.white::before,
#hamburger.white::after,
#hamburger.white span {
    background-color: #86CDE8;
    border-radius: 0px;
}

#hamburger::before,
#hamburger::after,
#hamburger span {
    height: 3.7px;
}

#hamburger span {
    top: 19px;
}

#hamburger::after {
    top: 28px;
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {

    #hamburger {
        top: 3.5px;
        width: 74px;
        right: -8px;
    }
}

.btv-promo-fold {
    position: relative;

    width: 100vw;
    max-width: 100%;
    height: 59.6vw;
}

.lt-ie9 .btv-promo-fold {
    width: 100%;
    height: 512px;
}

.btv-promo-fold .background {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #ECEEED;
    z-index: 0;
}

.lt-ie10 .btv-promo-fold .background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("http://cdn-www.bluestacks.com/images/btv-promo/top_fold_photo_3.jpg");
}

@media screen and (min-aspect-ratio: 1024 / 610) {
    .btv-promo-fold {
        width: 100vw;
        height: 100vh;
    }
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {
    .btv-promo-fold {
        width: 100vw;
        height: 100vh;
    }
}

@media screen and (max-width: 767px) and (max-aspect-ratio: 320 / 568)
              and (orientation: portrait) {
    .btv-promo-fold {
        width: 100vw;
        height: 178vw;
    }
}

.btv-promo-fold .bottom-gradient {
    position: absolute;

    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 44.6%;

    background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 18%, #040b1a 90%);
    z-index: 100;
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {
    .btv-promo-fold .bottom-gradient {
        height: 100%;
    }
}

.btv-promo-fold .bottom-copy-container {
    position: absolute;

    left: 0px;
    right: 0px;
    bottom: 0px;

    z-index: 100;
}

.btv-promo-fold .bottom-copy-container .bottom-copy {
    position: relative;
    display: block;

    width: 906px;
    margin-left: auto;
    margin-right: auto;

    font-family: 'Lato', 'Roboto' !important;
    font-size: 10px;

    color: white;
}

body #page .btv-promo-fold .bottom-copy-container .bottom-copy {
    font-family: 'Lato', 'Roboto' !important;
}

html[lang=ru-RU] body #page .btv-promo-fold .bottom-copy-container .bottom-copy,
html[lang=vi] body #page .btv-promo-fold .bottom-copy-container .bottom-copy {
    font-family: 'Roboto' !important;
}

@media screen and (max-width: 1024px) {
    .btv-promo-fold .bottom-copy-container .bottom-copy {
        width: auto;
        font-size: 0.977vw;
        margin-left: 5.9em;
        margin-right: 5.9em;
    }
}

.btv-promo-fold .bottom-copy-container .bottom-copy div {
    box-sizing: border-box;
    font-weight: 300;
}

.btv-promo-fold .bottom-copy-container .bottom-copy div.introducing {
    font-size: 3.84em;
    margin-bottom: -0.03em;
}

.btv-promo-fold .bottom-copy-container .bottom-copy div.catch-phrase {
    font-size: 2.4em;
    line-height: 1.25em;
    margin-bottom: 2.48em;
}

.btv-promo-fold .bottom-copy-container .bottom-copy div.catch-phrase .dot {
    display: inline-block;
    width: 0.188em;
    height: 0.188em;
    border-radius: 100%;
    background-color: white;
    vertical-align: 18%;
}

.btv-promo-fold .bottom-copy-container .bottom-copy a.learn-more,
.btv-promo-fold .bottom-copy-container .bottom-copy a.learn-more:hover,
.btv-promo-fold .bottom-copy-container .bottom-copy a.learn-more:visited {

    display: block;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0.711em;
    margin-bottom: 0em;

    font-size: 1.8em;
    font-weight: 400;
    line-height: 0.94em;

    color: #60b0ff;
    text-align: center;
    text-decoration: underline;
}

.btv-promo-fold .bottom-copy-container .bottom-copy .button-container {
    position: absolute;
    right: 0.333em;
    bottom: -1.62em;
}

.btv-promo-fold .bottom-copy-container .bottom-copy .download-button {
    display: block;
    padding: 0.889em;

    font-size: 1.8em;
    font-weight: 700;

    color: white;
    background-color: #60b0ff;
    border-radius: 0.167em;

    box-shadow: 0em 0.278em 0.556em 0em rgba(0, 0, 0, 0.75),
                0em 0em 0.556em 0.20em rgba(76, 115, 255, 0.30);
}

.btv-promo-fold .bottom-copy-container .bottom-copy .download-button:hover {
    background-color: #4a90e2;
    box-shadow: 0em 0.278em 0.556em 0em rgba(0, 0, 0, 0.75),
                0em 0em 0.556em 0.30em rgba(76, 115, 255, 0.50);
}

.btv-promo-fold .bottom-copy-container .bottom-copy .download-button:focus {
    background-color: #387ac7;
    box-shadow: none;
}

@media screen and (max-width: 767px)
              and (orientation: portrait) {

    .btv-promo-fold .bottom-copy-container .bottom-copy {
        width: 100vw;
        max-width: 100%;
        margin: 0px;
        font-size: 10px;
        text-align: center;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy div.introducing {
        font-size: 2.2em;
        margin-bottom: 0.3em;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy div.catch-phrase {
        font-size: 1.5em;
        margin-bottom: 16.0em;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy .button-container {
        top: 16.0em;
        left: 0px;
        width: 100vw;
        max-width: 100%;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy div.learn-more {
        position: relative;
        font-size: 1.5em;
        margin: 0px;
        bottom: 9.4em;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy .flex-container {
        display: flex;
        width: 100vw;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btv-promo-fold .bottom-copy-container .bottom-copy .download-button {
        display: block;
        font-size: 1.8em;
    }
}