.under_nav,
footer[role="contentinfo"],
html > body .bg_banner,
.bg_banner_margintop,
.entry-header .entry-title,
footer.entry-meta,
.entry-header {
    display: none!important;
}


body {
    background: url("../img/bg.jpg") no-repeat 50% 0 #000 !important;
}


body.scroll-locked {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
html > body > div.site > div.wrapper .entry-content, html > body > div.site > div.wrapper .entry-content p {
    font-family:'Roboto Mono', Arial, sans-serif;
    font-size:20px;
    line-height:26px;
}
html > body > div.site {
    background: none;
    box-shadow: none;
}
.fo76-main * {
    box-sizing: border-box;
}


.fo76-button {
    text-decoration:none;
    font-size:20px;
    line-height:26px;
    color:#3def6e;
    font-family:'Roboto Mono', Arial, sans-serif;
    font-weight:500;
    text-shadow:0 0 7px rgba(61,244,112,.35);
    box-shadow:0 0 7px rgba(61,244,112,.35);
    border:2px solid #3df16f;
    display:flex;
    justify-content:center;
    padding:16px 16px 19px;
    transition:.2s linear;
    cursor: pointer;
}
.fo76-button_center {
    display: table;
    min-width: 290px;
    text-align: center;
    margin: 0 auto;
}
.fo76-button_big {
    min-width:320px;
}
.fo76-button_start {
    font-size:24px;
    min-width:290px;
    padding:16px 20px 19px;
}
.fo76-button_social {
    height:63px;
    display:flex !important;
    align-items:center;
    min-width:63px;
    padding:16px 14px 19px !important;
    justify-content:center
}
.fo76-button_header {
    text-shadow:none;
    box-shadow:none;
    font-family:'Montserrat', Arial, sans-serif;
    font-weight:bold;
    font-size:20px;
    text-transform:uppercase;
    min-width:310px;
    padding:8px 10px;
    transition:0s
}
.fo76-button_header .icon {
    margin:0 8px 0 0;
}
.fo76-button_header .icon-yt {
    margin-top:3px
}
.fo76-button:hover {
    color:#000;
    background:#3df16f
}


.icon {
    display:inline-block;
    vertical-align:top;
}
.icon-yt {
    background:url("../img/yt_icon.png") no-repeat;
    width:27px;
    height:20px;
}
a:hover .icon-yt {
    background-position:0 -20px
}
.icon-cap {
    background:url("../img/cap_icon.png") no-repeat;
    width:26px;
    height:26px;
}
a:hover .icon-cap {
    background-position:0 -26px
}
.icon-tw {
    background:url("../img/tw_icon.png") no-repeat;
    width:29px;
    height:24px;
}
.fo76-button:hover .icon-tw {
    background-position:0 -24px
}
.icon-vk {
    background:url("../img/vk_icon.png") no-repeat;
    width:31px;
    height:18px;
}
.fo76-button:hover .icon-vk {
    background-position:0 -18px
}
.icon-fb {
    background:url("../img/fb_icon.png") no-repeat;
    width:14px;
    height:28px;
}
.fo76-button:hover .icon-fb {
    background-position:0 -28px
}


.fo76-back {
    font-size:10px;
    position:absolute;
    left:40px;
    top:40px;
    color:#3def6e;
    font-family:'Roboto Mono', Arial, sans-serif;
    font-weight:500;
    text-transform:uppercase;
    cursor:pointer
}
.fo76-back__icon {
    width:30px;
    height:30px;
    padding:0 0 6px;
    justify-content:center;
    display:flex;
    align-items:center;
    font-size:30px;
    border:2px solid #3def6e;
    margin:0 0 5px;
    line-height:1
}
.fo76-back:hover .fo76-back__icon {
    background:#3def6e;
    color:#000
}


.fo76-header {
    display:flex;
    align-items:center;
    flex-direction:column;
    margin:85px 0 44px;
    text-align:center;
}
.fo76-header__logo img {
    display:block;
    max-width:100%;
    height:auto
}
.fo76-header__sublogo {
    margin:0 0 20px
}
.fo76-header__sublogo img {
    display:block;
    max-width:100%;
    height:auto
}
.fo76-view {
    position:relative;
    width:1020px;
    height:840px;
    margin:0 auto;
    background: url("../img/screen.png") no-repeat;
    padding:80px 85px 160px 80px;
    margin-bottom: 70px;
}
.fo76-view__overlay {
    width:850px;
    z-index:2;
    height:600px;
    position:absolute;
    left:80px;
    top:80px;
    pointer-events: none;
    display:block;
    background: url("../img/overlay.png") no-repeat;
}

.fo76-view__content {
    height:600px;
    z-index:1
}


.fo76-screen__select {
    margin:0 0 30px
}
.fo76-screen__item {
    border:2px solid transparent;
    color:#3def6e;
    font-family:'Roboto Mono', Arial, sans-serif;
    font-weight:500;
    padding:10px 20px 11px 16px;
    display:table;
    transition:.2s linear;
    cursor:pointer;
    margin:0 0 5px;
    position:relative;
    margin-right: 40px;
}
.fo76-screen__item_disabled {
    cursor: default;
}
.fo76-screen__item:before {
    content: '› ';
}
.fo76-screen__item:after {
    position:absolute;
    left:calc(100% + 18px);
    top:50%;
    transform:translateY(-50%);
    content:'';
    display:block;
    height:21px;
}
.fo76-screen__item:not(.fo76-screen__item_disabled):hover {
    box-shadow:0 0 7px rgba(61,244,112,.35);
    border-color:#3def6e
}
.fo76-screen__item_true {
    background:#3def6e;
    color:#000;
    box-shadow:none !important;
    cursor:default
}
.fo76-screen__item_true:after {
    width:31px;
    background: url("../img/true.png") no-repeat
}
.fo76-screen__item_false {
    background:#b41414;
    border-color:#b41414 !important;
    color:#000;
    box-shadow:none !important;
    cursor:default
}
.fo76-screen__item_false:after {
    width:21px;
    background: url("../img/false.png") no-repeat
}


/* Экран Приветствие
--------------------------
 */
.fo76-screen__start {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:100%;
    max-width:650px;
    margin:0 auto;
    padding:30px 0
}
.fo76-screen p {
    font-size:16px;
    line-height:26px;
    color:#3def6e;
    text-shadow:0 0 7px rgba(61,244,112,.35);
    font-family:'Roboto Mono', Arial, sans-serif;
    font-weight:500;
    margin:0 0 25px
}
.fo76-screen__text {
    margin:0 0 35px
}
.fo76-screen__image {
    display:block;
    margin:0 0 25px;
    max-width:100%;
    height:auto
}
.fo76-screen__row {
    display:flex;
    justify-content:center
}
.fo76-screen__column_button {
    margin:0 24px 10px
}




/* Экран Карта
-------------------
 */
.fo76-screen__map {
    height:calc(100% - 10px);
    font-size:20px;
    line-height:26px;
    color:#3df16f;
    font-weight:500;
    text-shadow:0 0 2px #000;
}
.fo76-map__inside {
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
.fo76-map__image {
    width:100%;
    height:auto;
    display:block
}
.fo76-map__image_mobile {
    display: none;
}
.fo76-map__title {
    position:absolute;
    left:0;
    right:0;
    width:100%;
    text-align:center;
    top:40px;
    letter-spacing:2px
}
.fo76-map__mark {
    position:absolute;
    cursor:pointer;
    display:block
}
.fo76-map__icon {
    position:relative;
    transition:.2s linear;
    border-radius:100%;
    border:2px solid transparent
}
.fo76-map__icon img {
    display:block
}
.fo76-map__text {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:100%;
    padding:10px 0 0;
    font-size:16px;
    line-height:24px;
    text-align:center;
    opacity:0;
    transition:.2s linear;
    pointer-events: none;
}
@keyframes pinAnimation {
    from {transform: scale(0.9);}
    to {transform: scale(1.1);}
}
.fo76-map__mark_select {
    animation: pinAnimation 0.5s linear infinite alternate;
}
.fo76-map__mark_select .fo76-map__text {
    opacity:1;
    pointer-events: auto;
}
.fo76-map__mark_select .fo76-map__icon {
    border:2px solid #3df16f;
    box-shadow:0 0 7px rgba(61,244,112,.35);
}



/* Экран Описания
-----------------------------
 */
.fo76-screen__about {
    padding:40px 90px 40px 100px
}
.fo76-screen__about .fo76-screen__text p:first-child {
    margin-top:-7px
}





/* Экран Результата
--------------------------
 */
.fo76-screen__result {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:100%;
    max-width:680px;
    margin:0 auto;
    padding:60px 0
}
.fo76-result__top {
    display:flex;
    align-items:center;
    margin:0 0 20px;
    justify-content:space-between;
    padding:0 65px 0 25px;
}
.fo76-result__face {
    width:130px;
    height:150px;
    display:block;
}
.fo76-result__face_1 {
    background:url("../img/result_1.png") no-repeat;
}
.fo76-result__face_2 {
    background:url("../img/result_2.png") no-repeat;
}
.fo76-result__face_3 {
    background:url("../img/result_3.png") no-repeat;
}
.fo76-result__face_4 {
    background:url("../img/result_4.png") no-repeat;
}
.fo76-result__face_5 {
    background:url("../img/result_5.png") no-repeat;
}
.fo76-result__about {
    width:calc(100% - 155px);
    font-size:36px;
    line-height:40px;
    font-weight:bold;
    color:#3def6e;
    text-shadow:0 0 7px rgba(61,244,112,.35);
}
.fo76-result__counter {
    font-size:36px;
    line-height:40px;
    font-weight:bold;
    margin:0 0 10px
}
.fo76-result__compliment {
    font-size:28px;
    line-height:40px;
    font-weight:500;
    text-transform:uppercase
}
.fo76-result__text {
    margin:0 0 50px
}

.fo76-result__actions {
    display:flex;
    width:100%;
}
.fo76-result__label {
    margin:0 0 0 25px;
}
.fo76-result__social {
    margin:0 12px 0 0
}
.fo76-result__social_repeat {
    margin:0 0 0 auto
}
.fo76-result__social_repeat .fo76-button_social {
    padding-left:70px !important;
    padding-right:70px !important;
}








.fo76-screen {
    display:none
}
.fo76-screen__start {
    display:flex
}





/* ====================== МОБИЛА =================== */
@media (max-width: 600px) {


    body {
        background: url("../img/bg_mobile.jpg") no-repeat 50% 0 #000 !important;
        background-size:contain !important
    }

    .fo76-button {
        min-width:initial;
        width:100%;
        display:block;
        text-align:center;
        font-size:17px;
        padding:10px 20px
    }

    .fo76-button_header {
        font-size:14px;
        line-height:21px;
        min-width:auto
    }
    .fo76-button_social {
        height:42px
    }

    .fo76-button_header .icon {
        margin-top:-4px;
    }
    .fo76-button_header .icon-yt {
        margin-top:0
    }


    .icon-vk, .icon-tw, .icon-fb {
        transform:scale(0.6)
    }

    .fo76-header {
        padding:0 10%;
        margin:0 0 15px
    }


    .fo76-view {
        position:relative;
        width:calc(100% + 20px);
        height:145vw;
        background: url("../img/screen_mobile.png") no-repeat;
        background-size:100% auto;
        padding:8% 8% 19%;
        margin:0 -10px 30px;
    }

    .fo76-view__overlay {
        left:8%;
        top:5%;
        height:calc(145vw - 19%);
        width:83%;
        background: url("../img/overlay_mobile.png") no-repeat;
        background-size:100% auto;
        border-radius:10px;
    }

    .fo76-view__content {
        height:calc(145vw - 19%);
    }

    .fo76-screen__row {
        flex-direction:column;
        width:100%
    }
    .fo76-screen__column_button {
        margin:0 0 10px
    }


    .fo76-screen__start {
        padding:6% 12% 8% 10%
    }

    .fo76-screen__about {
        padding:8% 12% 8% 10%
    }
    .fo76-screen__result {
        padding:8% 12% 8% 10%
    }
    .fo76-result__top {
        position:relative;
        display:block;
        padding:110px 0 0
    }
    .fo76-result__face{
        position:absolute;
        left:-25px;
        top:-25px;
        transform:scale(0.6)
    }
    .fo76-result__about {
        width:100%;
        font-size:28px;
        line-height:36px;
    }
    .fo76-result__counter {
        font-size:48px;
        position:absolute;
        top:35px;
        left:100px;
    }
    .fo76-result__compliment {
        font-size:20px;
        line-height:30px;
    }

    .fo76-result__actions {
        flex-wrap:wrap;
        justify-content:space-between;
    }
    .fo76-result__social {
        margin:0;
        width:28%;
    }
    .fo76-result__social_repeat {
        margin:12px 0 0;
        width:100%
    }

    .fo76-screen__select {
        margin-right:50px;
    }

    .fo76-result__text {
        margin:0 0 25px
    }


    .fo76-map__mark {
        transform:scale(0.6)
    }
    .fo76-map__mark_fallout {
        left:17% !important
    }
    .fo76-map__mark_nazi {
        top:43% !important;
        left:49% !important
    }
    .fo76-map__mark_battleroyale {
        top:45% !important;
        right:13% !important
    }
    .fo76-map__mark_oceania {
        top:58% !important;
        right:14% !important
    }
    .fo76-map__text {
        display:none
    }
    .fo76-screen__item {
        margin-right: 0;
    }

    .fo76-map__image_desc {
        display: none;
    }
    .fo76-map__image_mobile {
        display: block;
    }
}


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

    .fo76-result__compliment {
        font-size:16px;
        line-height:24px;
    }

    .fo76-screen p {
        font-size:13px;
        margin:0 0 10px;
        line-height:19px;
    }

    html > body > div.site > div.wrapper .entry-content, html > body > div.site > div.wrapper .entry-content p {
        font-size: 13px;
        line-height: 19px;
    }

    .fo76-screen__item {
       padding:6px 10px 7px 6px;
        margin-right: 0;
    }
    .fo76-screen__item:after {
        transform:translateY(-46%) scale(0.6);
        left:calc(100% + 8px);
    }

    .fo76-screen__text {
        margin:0 0 15px
    }


}