.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 #283869 !important;
}




html.scroll-locked {
    overflow:hidden
}
body.scroll-locked {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top:0 !important
}
html > body > div.site {
    background: none;
    box-shadow: none;
    font-family:'Montserrat', Arial, sans-serif !important;
    padding:15px 0 0 !important;
    width:initial !important;
    max-width:100% !important;
}
html > body > div.site > div {
    z-index:initial;
    position:initial
}
.sroll_top_arrow_wrap {
    display:none !important
}
.header_wrap {
    max-width:980px;
    width:980px;
    margin:0 auto
}


.bf5-main * {
    box-sizing: border-box;
}
.bf5-main {
    max-width:1920px;
    margin:0 auto;
    letter-spacing:2px
}
.bf5-main a {
    text-decoration:none
}
.bf5-row {
    max-width:1022px;
    width:1022px;
    margin:0 auto
}
.bf5-button {
    display:inline-block;
    padding:28px 92px 30px;
    color:#fff !important;
    background:#f68700;
    font-size:24px;
    font-weight:700;
    text-transform:uppercase
}
.bf5-button:hover {
    background:#ffb432
}
.bf5-button.bf5-button_close {
    color:#252a5c !important;
    border:4px solid #252a5c;
    background:none;
    padding:28px 119px 30px
}
.bf5-button.bf5-button_close:hover {
    color:#fff !important;
    background:#252a5c
}


html > body > div.site > div.wrapper .entry-content {
    font-family:'Montserrat', Arial, sans-serif;
}
html > body > div.site > div.wrapper .entry-content p {
    line-height:30px !important
}
.bf5--content {
    margin: 0 -25px 40px;
    letter-spacing:0px;
    background:rgba(37,42,92,.9);
    padding:38px 60px 26px;
    color:#fff;
    font-size:16px;
    line-height:30px;
    font-weight:500;
}


/* Content */
.bf5--content {
}


/* Header */
.bf5-header {
    margin:90px 0 63px;
    text-align:center;
}
.bf5-header img {
    display:table;
    margin:0 auto;
    max-width:100%;
    height:auto
}
.bf5-header__logo {
    margin:0 0 32px
}
.bf5-header__sublogo {
    font-size:30px;
    line-height:38px;
    color:#252a5c;
    text-transform:uppercase;
    font-weight:bold
}



/* Story */
.bf5-story {
    margin:0 0 22px
}
.bf5-story__grid {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 -35px
}
.bf5-story__item {
    width:calc(30% + 20px);
    height:380px;
    margin:0 7.5px 15px
}
.bf5-story__links {
    display:flex;
    width:100%;
    overflow:hidden;
    height:100%;
    position:relative;
    justify-content:flex-end;
    flex-direction:column;
    align-items:center;
    color:#fff !important;
    text-align:center;
    padding-bottom:30px;
    transition:.15s linear
}
.bf5-story__count {
    font-weight:bold;
    font-size:36px;
    position:relative;
    z-index:1;
    display:block;
    margin:0 0 15px
}
.bf5-story__title {
    font-weight:bold;
    font-size:24px;
    line-height:36px;
    text-transform:uppercase;
    position:relative;
    z-index:1;
    display:block;
    padding:0 30px
}
.bf5-story__line {
    height:10px;
    background:#fff;
    width:100%;
    position:absolute;
    z-index:1;
    transition:.15s linear;
    left:0;
    bottom:0
}
.bf5-story__preview {
    position:absolute;
    left:0;
    top:0;
    object-fit:cover;
    width:100%;
    height:100%;
    transition:.15s linear
}
.bf5-story__links:hover {
    padding-bottom:60px
}
.bf5-story__links:hover .bf5-story__preview {
    transform:scale(1.03);
    transition:.15s linear
}
.bf5-story__links:hover .bf5-story__line {
    height:40px;
    transition:.15s linear
}
.bf5-story__answers {
    margin:0 0 25px
}
.bf5-story__answer {
    background:#eeeeee;
    margin:0 0 10px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:15px 30px 16px;
    min-height:91px;
    text-transform:uppercase;
    font-size:20px;
    line-height:30px;
    color:#252a5c;
    font-weight:bold
}
.bf5-story__answer:hover {
    color:#fff;
    background:#252a5c;
}
.bf5-story__answer_disabled {
    cursor:default;
    color:#252a5c !important;
    background:#eeeeee !important;
}
.bf5-story__answer_win {
    background:#568a76 !important;
    color:#fff !important;
}
.bf5-story__answer_fail {
    background:#b66972 !important;
    color:#fff !important;
}
.bf5-story__answer_correct {
    color:#568a76 !important;
    background:#eeeeee !important;
}
.bf5-story__result {
    display:none
}

/* Share */
.bf5-share {
    border-bottom:4px solid #99adcd;
    padding:0 0 50px;
    margin:0 0 41px;
    text-align:center;
    position:relative;
}
.bf5-share__logos {
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%)
}
.bf5-share__logos_left {
    right: auto;
    left: 20px;
}
.bf5-share__title {
    margin:0 0 17px;
    font-size:20px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700
}
.bf5-share .likely {
    justify-content:center;
    display:flex;
}
.bf5-share .likely .likely__widget {
    width:82px;
    margin:0 10px;
    height:82px;
    border:4px solid #fff;
    display:flex;
    justify-content:center;
    align-items:center;
    background:none;
    border-radius:0
}
.bf5-share .likely .likely__widget:hover {
    background:#fff
}
.bf5-share .likely svg {
    display:none
}
.bf5-share .likely__widget_facebook .likely__icon {
    width:20px;
    height:43px;
    background:url("../img/fb-icon.png") no-repeat
}
.bf5-share .likely__widget_facebook:hover .likely__icon {
    background-position:0 -43px
}
.bf5-share .likely__widget_vkontakte .likely__icon {
    width:48px;
    height:27px;
    background:url("../img/vk-icon.png") no-repeat
}
.bf5-share .likely__widget_vkontakte:hover .likely__icon {
    background-position:0 -27px
}
.bf5-share .likely__widget_twitter .likely__icon {
    width:45px;
    height:36px;
    background:url("../img/tw-icon.png") no-repeat
}
.bf5-share .likely__widget_twitter:hover .likely__icon {
    background-position:0 -36px
}

/* Buy */
.bf5-buy {
    text-align:center;
    margin:0 0 50px
}

/* Comments */
.bf5-comments #disqus_thread {
    background:#000;
    padding:20px 30px
}




/* Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    color: #000;
    text-align: left;
    background:rgba(0,0,0,.7);
}
.modal__inner {
    width:1022px;
    margin:40px auto;
    background:#fff;
}
.modal__count {
    padding:60px 120px 0;
    text-align:center;
    font-size:52px;
    color:#252a5c;
    font-weight:bold;
    margin:0 0 30px
}
.modal__title {
    padding:0 120px;
    text-align:center;
    margin:0 0 50px;
    text-transform:uppercase;
    font-size:36px;
    line-height:42px;
    color:#252a5c;
    font-weight:bold
}
.modal__img {
    text-align:center;
    margin:0 0 50px;
    padding:0 60px
}
.modal__img img {
    max-width:100%;
    height:auto
}
.modal__text {
    font-size:16px;
    line-height:30px;
    font-weight:500;
    padding:0 120px;
    letter-spacing:0
}
.modal__text p {
    margin:0 0 25px
}
.modal__close {
    padding:60px 0;
    text-align:center;
    border-top:4px solid #eeeeee
}



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

    body {
        background-size:100% auto !important
    }

    .header_wrap {
        max-width:100%;
        width:initial;
    }
    .bf5-row {
        max-width:100%;
        width:initial;
    }

    .bf5-header {
        margin:0 0 40px;
    }
    .bf5-header__logo {
        margin:0 0 20px;
        padding:0 25px
    }
    .bf5-header__sublogo {
        color:#fff;
        font-size:20px;
        line-height:26px
    }

    .bf5-story__grid {
        margin:0;
        justify-content:space-between;
    }
    .bf5-story__item {
        width:48%;
        margin:0 0 15px;
        height:270px
    }
    .bf5-story__title {
        font-size:17px;
        line-height:26px;
        padding:0 10px
    }
    .bf5-story__answer {
        padding:15px 15px 16px;
        min-height:41px;
        font-size:14px;
        line-height:21px;
    }

    .bf5-button {
        padding:28px 15px 30px !important;
        width:100%;
        text-align:center;
        font-size:20px;
    }

    .modal__inner {
        width:100%
    }
    .modal__count {
        font-size:40px;
        padding:60px 30px 0;
        margin:0 0 10px
    }
    .modal__title {
        padding:0 30px;
        font-size:24px;
        line-height:32px;
        margin:0 0 25px
    }
    .modal__img {
        margin:0 0 25px;
        padding:0 15px
    }
    .modal__text {
        font-size:14px;
        line-height:21px;
        padding:0 30px
    }
    .modal__close {
        padding:30px
    }

    .bf5-button {
        font-size:16px;
    }

    .bf5-share__logos {
        display:none
    }

    .bf5--content {
        padding:25px 45px
    }
}



/* ----------------------------- МАЛЕНЬКАЯ МОБИЛА ------------------------ */
@media (max-width: 400px) {
    .bf5-story__item {
        width:100%;
    }

}