/* Fonts */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Italic.woff2') format('woff2'),
    url('../fonts/RobotoCondensed-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
    url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Intro */
.b-longread-79155-intro {
    position: relative;
    max-width: 100%;
    width: 1980px;
    margin: 0 auto;
    font-size: 0.5vw;
    background: url('https://static.sobaka.ru/uploads/longread/79155/intro.jpg') no-repeat 50% -4em;
    background-size: cover;
}

.b-longread-79155-intro:before {
    content: '';
    float: left;
    width: 1px;
    height: 0;
    margin: 0 0 0 -1px;
    padding: calc(968 / 1980 * 100%) 0 0;
}

.b-longread-79155-intro:after {
    content: '';
    display: table;
    clear: both;
}

.b-longread-79155-intro__content {
    position: absolute;
    top: 13em;
    left: 54%;
    width: 100%;
    max-width: 82em;
    transform: translate(-50%, 0);
}

.b-longread-79155-intro__title {
    margin: 0 0 calc(45 / 40 * 1em);
    font: normal 400 4em/1 'Bebas Neue', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    overflow: hidden;
}

.b-longread-79155-intro__title span {
    display: block;
    margin: calc(15 / 50 * 1em) -0.6em 0 0;
    font-size: calc(50 / 40 * 1em);
    letter-spacing: 0.6em;
    color: #ff385c;
}

.b-longread-79155-intro__txt {
    max-width: 22.5em;
    margin: 0 0 0 auto;
    font: normal 400 2.1em/1.7 'Roboto Condensed', sans-serif;
    color: #ab9696;
}

.b-longread-79155-intro__txt a {
    color: #ff385c;
    transition: color 0.25s;
}

.b-longread-79155-intro__txt a:hover {
    color: inherit;
}

@media (max-width: 768px) {
    .b-longread-79155-intro {
        margin: 0 auto 10em;
        padding: 16% 0 0;
        font-size: 1.4vw;
        background-image: url('https://static.sobaka.ru/uploads/longread/79155/intro-small.jpg');
        background-position: 50% 0;
        background-size: contain;
    }

    .b-longread-79155-intro__content {
        position: static;
        max-width: 70%;
        margin: 0 auto;
        transform: none;
    }

    .b-longread-79155-intro__title {
        margin-bottom: 65%;
        line-height: 1.25;
        overflow: hidden;
    }

    .b-longread-79155-intro__title span {
        margin-right: -0.2em;
        letter-spacing: 0.2em;
        white-space: normal;
    }

    .b-longread-79155-intro__txt {
        max-width: none;
        margin: 0;
        font-size: 2.6em;
        line-height: 1.5;
        color: #000;
    }

    .b-longread-79155-intro__txt br {
        display: none;
    }
}

/* Rooms Nav */
.b-longread-79155-rooms-nav {
    position: relative;
    left: 3%;
    width: 100.5em;
    height: 99.9em;
    margin: -35em auto 0;
    font-size: 0.5vw;
}

.b-longread-79155-rooms-nav__blocks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.b-longread-79155-rooms-nav__block {
    position: absolute;
}

.b-longread-79155-rooms-nav__block:focus {
    outline: none;
}

.b-longread-79155-rooms-nav__block:nth-of-type(1) {
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 89.6em;
    height: 52.5em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(2) {
    right: 0;
    bottom: 19.6em;
    z-index: 8;
    width: 38.3em;
    height: 28.5em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(3) {
    bottom: 17.6em;
    left: 3em;
    z-index: 6;
    width: 35.3em;
    height: 30.6em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(4) {
    bottom: 22.6em;
    left: 25.9em;
    z-index: 7;
    width: 39.4em;
    height: 27em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(5) {
    bottom: 33.9em;
    left: 27.9em;
    z-index: 4;
    width: 44.9em;
    height: 33.8em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(6) {
    bottom: 37.7em;
    left: 2.6em;
    z-index: 5;
    width: 31.6em;
    height: 39em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(7) {
    top: 17.7em;
    right: 13.4em;
    z-index: 3;
    width: 37.4em;
    height: 28em;
}

.b-longread-79155-rooms-nav__block:nth-of-type(8) {
    top: 0;
    left: 20.6em;
    z-index: 2;
    width: 44.8em;
    height: 35.1em;
}

.b-longread-79155-rooms-nav__block-img,
.b-longread-79155-rooms-nav__block-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s;
}

.b-longread-79155-rooms-nav__block-img {
    opacity: 1;
}

.b-longread-79155-rooms-nav__block:hover .b-longread-79155-rooms-nav__block-img,
.b-longread-79155-rooms-nav__block:focus .b-longread-79155-rooms-nav__block-img {
    opacity: 0;
}

.b-longread-79155-rooms-nav__block-img-hover {
    opacity: 0;
}

.b-longread-79155-rooms-nav__block:hover .b-longread-79155-rooms-nav__block-img-hover,
.b-longread-79155-rooms-nav__block:focus .b-longread-79155-rooms-nav__block-img-hover {
    opacity: 1;
}

@media (max-width: 1024px) {
    .b-longread-79155-rooms-nav {
        display: none;
    }
}

/* Contest */
.b-longread-79155-contest {
    margin: -20em 0 0;
    padding: 22em 0 14em;;
    color: #000;
    background: url('https://static.sobaka.ru/uploads/longread/79155/contest.jpg') no-repeat 50% 0;
    background-size: cover;
}

.b-longread-79155-contest__cols {
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
}

.b-longread-79155-contest__col--img {
    flex: 0 0 auto;
    width: 45.5%;
}

.b-longread-79155-contest__col--txt {
    width: 54.5%;
}

.b-longread-79155-contest__title {
    margin: 0 0 calc(10/ 30 * 1em);
    font: normal 400 3em/1.2 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    color: #6e0219;
}

.b-longread-79155-contest__title small {
    display: block;
    font-size: calc(24 / 30 * 1em);
    line-height: 1.25;
}

.b-longread-79155-contest__txt {
    margin: 0 0 calc(30 / 21 * 1em) calc(75 / 21 * 1em);
    font: normal 400 2.1em/1.4 'Roboto Condensed', sans-serif;
}

.b-longread-79155-contest__txt a {
    display: inline-block;
    position: relative;
}

.b-longread-79155-contest__txt a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
}

.b-longread-79155-contest__txt a:hover:after {
    content: none;
}

.b-longread-79155-contest__txt strong {
    font-weight: inherit;
    color: #962a41;
}

.b-longread-79155-contest__slideshow {
    overflow: visible;
}

.b-longread-79155-contest__slides {
    margin: 0 0 2.5em;
}

.b-longread-79155-contest__slide {
    text-align: center;
}

.b-longread-79155-contest__slide-img-container {
    position: relative;
    max-width: 100%;
    width: 365px;
    margin: 0 auto 1.8em;
}

.b-longread-79155-contest__slide-img-container:before {
    content: '';
    display: block;
    width: 100%;
    padding: calc(430 / 365 * 100%) 0 0;
}

.b-longread-79155-contest__slide-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.b-longread-79155-contest__slide-title {
    margin: 0 0 calc(5 / 18 * 1em);
    font: italic 700 1.8em/1 'Roboto', sans-serif;
    color: #962a41;
}

.b-longread-79155-contest__slide-txt {
    font: italic 400 1.6em/1.5 'Roboto Condensed', sans-serif;
}

.b-longread-79155-contest__slideshow-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b-longread-79155-contest__slideshow-bullet {
    display: block;
    width: 2.4em;
    height: 0.8em;
    background: #6e0219;
    transition: background 0.25s;
    cursor: pointer;
}

.b-longread-79155-contest__slideshow-bullet:hover,
.b-longread-79155-contest__slideshow-bullet--active {
    background: #ff0000;
}

.b-longread-79155-contest__slideshow-bullet + .b-longread-79155-contest__slideshow-bullet {
    margin-left: 0.5em;
}

.b-longread-79155-contest__rules-link {
    display: flex;
    align-items: center;
    position: relative;
    width: 46.9em;
    height: 7.1em;
    margin: 0 auto;
    padding: 1.5em 9.6em 0 2.8em;
}

.b-longread-79155-contest__rules-link:before,
.b-longread-79155-contest__rules-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.25s;
}

.b-longread-79155-contest__rules-link:before {
    background-image: url('https://static.sobaka.ru/uploads/longread/79155/contest-rules-btn.png');
}

.b-longread-79155-contest__rules-link:after {
    opacity: 0;
}

.b-longread-79155-contest__rules-link:hover:after {
    opacity: 1;
}

.b-longread-79155-contest__rules-link:after {
    background-image: url('https://static.sobaka.ru/uploads/longread/79155/contest-rules-btn-hover.png');
}

.b-longread-79155-contest__rules-link-txt {
    position: relative;
    font: normal 400 2.4em/1 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    color: #6e0219;
    z-index: 1;
}

@media (max-width: 1024px) {
    .b-longread-79155-contest {
        margin-top: -8em;
    }
}

@media (max-width: 768px) {
    .b-longread-79155-contest {
        padding: calc(260 / 1333 * 100%) 0 calc(150/ 1333 * 100%);
        background-image: url('https://static.sobaka.ru/uploads/longread/79155/contest-small.jpg');
    }

    .b-longread-79155-contest__slideshow {
        max-width: 80%;
        margin: 0 auto;
    }

    .b-longread-79155-contest__cols {
        flex-direction: column;
    }

    .b-longread-79155-contest__col {
        width: 100%;
        margin: 0 0 3em;
        padding: 0 2.6em;
    }

    .b-longread-79155-contest__col--txt {
        order: -1;
    }

    .b-longread-79155-contest__title {
        font-size: 2.4em;
        text-align: center;
    }

    .b-longread-79155-contest__title small {
        font: inherit;
    }

    .b-longread-79155-contest__txt {
        margin-left: 0;
        font-size: 1.8em;
    }

    .b-longread-79155-contest__txt br {
        display: none;
    }

    .b-longread-79155-contest__rules-link {
        font-size: 6px;
    }
}

/* Rooms */
.b-longread-79155-rooms {
    margin: 0 0 15em;
}

.b-longread-79155-rooms__room + .b-longread-79155-rooms__room {
    margin: 11em 0 0;
}

/* Room */
.b-longread-79155-room__intro {
    padding: 0 2.6em;
}

.b-longread-79155-room__intro-img-placeholder {
    margin: 0 auto;
}

.b-longread-79155-room__intro-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.b-longread-79155-room__cols {
    display: flex;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 1.5em;
}

.b-longread-79155-room__cols--align-right {
    justify-content: flex-end;
}

.b-longread-79155-room__col {
    margin: 0 0 7em;
}

.b-longread-79155-room__cols:last-child .b-longread-79155-room__col {
    margin-bottom: 0;
}

.b-longread-79155-room__col-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 2em;
}

.b-longread-79155-room__col-title {
    margin: 0 0 calc(35/ 30 * 1em);
    font: normal 400 3em/1.2 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    color: #6e0219;
}

.b-longread-79155-room__col-txt {
    margin: 0 0 calc(60 / 21 * 1em) calc(75 / 21 * 1em);
    font: normal 400 2.1em/1.4 'Roboto Condensed', sans-serif;
    color: #ab9696;
}

.b-longread-79155-room__col-more-link {
    display: flex;
    align-items: center;
    position: relative;
    width: 28em;
    height: 7.1em;
    margin: 0 0 0 auto;
    padding: 1.5em 9.6em 0 2.8em;
}

.b-longread-79155-room__col-more-link:before,
.b-longread-79155-room__col-more-link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.25s;
}

.b-longread-79155-room__col-more-link:before {
    background-image: url('https://static.sobaka.ru/uploads/longread/79155/more-btn.png');
}

.b-longread-79155-room__col-more-link:after {
    opacity: 0;
}

.b-longread-79155-room__col-more-link:hover:after {
    opacity: 1;
}

.b-longread-79155-room__col-more-link:after {
    background-image: url('https://static.sobaka.ru/uploads/longread/79155/more-btn-hover.png');
}

.b-longread-79155-room__col-more-link-txt {
    position: relative;
    font: normal 400 2.4em/1 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    z-index: 1;
}

.b-longread-79155-room__section {
    padding: 0 0 2em;
}

.b-longread-79155-room__section:last-child {
    padding-bottom: 0;
}

.b-longread-79155-room__container {
    max-width: 930px;
    margin: 0 auto;
    padding: 0 2.6em;
}

.b-longread-79155-room__img-placeholder {
    margin: 0 auto;
}

.b-longread-79155-room__img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 4em;
}

.b-longread-79155-room__title {
    margin: 0 0 calc(35/ 30 * 1em);
    font: normal 400 3em/1.2 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    color: #6e0219;
}

.b-longread-79155-room__txt {
    max-width: 830px;
    margin: 0 0 calc(40 / 21 * 1em);
    font: normal 400 2.1em/1.4 'Roboto Condensed', sans-serif;
    color: #3d3d3d;
    text-align: justify;
}

.b-longread-79155-room__txt a {
    display: inline-block;
    position: relative;
}

.b-longread-79155-room__txt a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
}

.b-longread-79155-room__txt a:hover:after {
    content: none;
}

.b-longread-79155-room__txt p + p {
    margin-top: calc(30 / 21 * 1em);
}

.b-longread-79155-room__note {
    float: right;
    max-width: 36em;
    margin: 0 -14em 4.5em 3.5em;
    padding: 0 0 0 2.4em;
    font-size: 10px;
    text-align: left;
    border-left: 0.7em solid #6e0219;
}

.b-longread-79155-room__note--short {
    max-height: 9em;
}

.b-longread-79155-room__note-txt {
    font: normal 400 2.4em/1.5 'Roboto Condensed', sans-serif;
    letter-spacing: 0.2em;
    color: #6e0219;
}

.b-longread-79155-room__slides {
    margin: 0 0 4em;
}

.b-longread-79155-room__slide {
    text-align: center;
}

.b-longread-79155-room__slide-img-placeholder {
    margin: 0 auto;
}

.b-longread-79155-room__slide-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 3.5em;
}

.b-longread-79155-room__slide-txt {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 2.5em;
    font: italic 400 2.1em/1.2 'Roboto Condensed', sans-serif;
}

.b-longread-79155-room__slideshow-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b-longread-79155-room__slideshow-bullet {
    display: block;
    width: 4.7em;
    height: 0.8em;
    background: #6e0219;
    transition: background 0.25s;
    cursor: pointer;
}

.b-longread-79155-room__slideshow-bullet:hover,
.b-longread-79155-room__slideshow-bullet--active {
    background: #ff0000;
}

.b-longread-79155-room__slideshow-bullet + .b-longread-79155-room__slideshow-bullet {
    margin-left: 1em;
}

@media (max-width: 1024px) {
    .b-longread-79155-room__intro {
        margin: 0 0 3em;
    }

    .b-longread-79155-room__cols {
        padding: 0 1em;
    }

    .b-longread-79155-room__col {
        margin: 0 0 6em !important;
        padding: 0 1.6em;
    }

    .b-longread-79155-room__cols:last-child .b-longread-79155-room__col {
        margin-bottom: 0 !important;
    }

    .b-longread-79155-room__col-title {
        margin: 0 0 calc(15 / 21 * 1em);
    }

    .b-longread-79155-room__col-txt {
        margin: 0 0 calc(20 / 21 * 1em) calc(15 / 21 * 1em);
    }

    .b-longread-79155-room__col-more-link {
        margin: 0 0 0 auto !important;
    }

    .b-longread-79155-room__note {
        display: block;
        float: none;
        max-width: none;
        max-height: none;
        margin: 0 0 3em;
    }
}

@media (max-width: 640px) {
    .b-longread-79155-room {
        font-size: 6px;
    }

    .b-longread-79155-room__note {
        font-size: 8px;
    }
}

@media (max-width: 320px) {
    .b-longread-79155-room__col-more-link {
        font-size: 4px;
    }
}

/* Image Placeholder */
.b-longread-79155-img-placeholder {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.b-longread-79155-img-placeholder:after { /* to clear float */
    content: "";
    display: table;
    clear: both;
}

.b-longread-79155-img-placeholder__spacer {
    float: left;
    width: 1px;
    height: 0;
    margin: 0 0 0 -1px;
}

.b-longread-79155-img-placeholder img {
    display: block;
    max-width: 100%;
    height: auto;
}