﻿@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url('../fonts/montserrat-regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 500;
    src: url('../fonts/montserrat-medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    src: url('../fonts/montserrat-italic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    src: url('../fonts/montserrat-bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    src: url('../fonts/sourcesanspro-regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    src: url('../fonts/sourcesanspro-italic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    src: url('../fonts/sourcesanspro-semibold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    src: url('../fonts/sourcesanspro-bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    src: url('../fonts/sourcesanspro-black.ttf') format('truetype');
    font-display: swap;
}

* {
    box-sizing: border-box;
}

button {
    border: none;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
}

body {
    min-height: 100vh;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    display: flex;
    flex-flow: column;
    font-family: Montserrat, serif;
    color: #000;
}

.content_width {
    width: 1250px;
    margin: 0 auto;
}

.wide_banner {
    width: 100%;
    height: 200px;
    margin: 15px 0;
    background-color: #c3d2f6;
    color: #284a9f;
    text-transform: uppercase;
    font-size: 50px;
    display: none;
    justify-content: center;
    align-items: center;
}

.banner_link {
    display: block;
}

.aside_banner {
    background-color: #c3d2f6;
    height: 500px;
    color: #284a9f;
    text-transform: uppercase;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #000;
    transition: .2s;
}

    a:hover {
        color: #ff442a;
    }

p {
    margin: 0;
}

.dark_background {
    background-color: #222837;
    padding-top: 15px;
}

.all_width {
    display: block !important;
}

.video_container {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 60px;
}

    .video_container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.video_icon {
    position: relative;
}

    .video_icon::before {
        z-index: 2;
        width: 86px;
        height: 86px;
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        background: #fff;
        border-radius: 100%;
        margin: -43px 0 0 -43px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .video_icon::after {
        z-index: 3;
        width: 70px;
        height: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        background: url(../images/play.svg) center no-repeat;
        border-radius: 100%;
        margin: -35px 0 0 -32px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .video_icon:hover::before {
        background-color: #ff442a;
    }

    .video_icon:hover::after {
        -webkit-filter: invert(1);
        filter: invert(1);
    }

.news_list_item_image.video_icon::before {
    width: 55px;
    height: 55px;
    margin: -27px 0 0 -23px;
}

.news_list_item_image.video_icon::after {
    width: 35px;
    height: 35px;
    margin: -18px 0 0 -12px;
}

.menu_button {
    display: none;
}

.news_video_wrapper {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    margin: 15px 0;
}

    .news_video_wrapper::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        content: "";
    }

    .news_video_wrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

.news_label {
    color: #00bfff;
    font-size: 10px;
    padding: 2px 0;
    display: block;
}

/* html editor */
.admin_site_panel {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: #505050;
    color: #fff;
    padding: 5px 30px;
    display: flex;
    justify-content: center;
    font-size: 20px;
    border-radius: 0 0 20px 20px;
    z-index: 1000;
}

    .admin_site_panel > * {
        margin: 0 5px;
    }

.show_edit_html_button, .show_edit_meta_button {
    background-color: #505050;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

    .show_edit_html_button:hover, .show_edit_html_button.active, .show_edit_meta_button:hover, .show_edit_meta_button.active {
        color: #00bfff;
    }

.admin_link {
    color: #fff;
}

    .admin_link:hover {
        color: #00bfff;
    }

.editable_html {
    position: relative;
}

    .editable_html.active {
        outline: 1px dashed #0000ff;
    }

.edit_html_buttons {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    background-color: #0000ff;
}

    .edit_html_buttons span {
        color: #fff;
        margin-left: 5px;
        cursor: pointer;
        padding: 5px;
    }

.html_editor {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 5px;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.edit_buttons {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

    .edit_buttons button {
        cursor: pointer;
        padding: 5px 20px;
    }

    .edit_buttons .save_html {
        border: 1px solid #505050;
        color: #505050;
    }

.tinymce_editor, .meta_editor {
    position: fixed;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 800px;
    background-color: #fff;
    z-index: 999;
}

.meta_editor {
    width: 500px;
    padding: 20px;
}

.meta_editor_form_line {
    display: flex;
    margin-bottom: 10px;
}

    .meta_editor_form_line > label {
        width: 120px;
        font-weight: bold;
    }

    .meta_editor_form_line > input, .meta_editor_form_line > textarea {
        min-height: 30px;
        border: 1px solid #ebebeb;
        width: calc(100% - 120px);
    }

    .meta_editor_form_line > textarea {
        resize: none;
    }

.meta_editor_buttons {
    display: flex;
    justify-content: center;
}

    .meta_editor_buttons > button {
        cursor: pointer;
        padding: 5px 20px;
    }

.save_meta_button {
    border: 1px solid #505050;
    color: #505050;
}

.meta_error_message {
    color: #ff0000;
    font-size: 12px;
    margin-bottom: 10px;
}

/* layout */

.header a:hover {
    text-decoration: none;
    color: #ff442a;
}

.header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    top: 0;
    position: sticky;
    margin-bottom: 15px;
    z-index: 10;
}

.header_content {
    display: flex;
    justify-content: space-between;
    height: 120px;
}

.header_logo_block {
    display: flex;
    align-items: center;
    position: relative;
    width: 25%;
}

    .header_logo_block > img {
        max-width: 100%;
    }

.header_logo_name {
    position: absolute;
    bottom: 85px;
    text-transform: uppercase;
    color: #b3b3b3;
    font-family: Montserrat;
    font-size: 10px;
    letter-spacing: .8px;
}

.header_right_block {
    height: 100%;
    padding: 20px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header_top_right_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.header_top_right_menu {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.mobile_secondary_menu {
    display: none;
}

.header_top_right_menu_item {
    font-size: 10px;
    text-transform: uppercase;
    color: #b3b3b3;
    transition: color .2s;
    padding: 2px 5px;
    letter-spacing: .8px;
}

    .header_top_right_menu_item:hover {
        color: #ff442a;
    }

.header_top_right_search_button {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e5e5e5;
    cursor: pointer;
    transition: .2s;
}

    .header_top_right_search_button::after {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(../images/search.svg) center no-repeat;
        transition: .2s;
    }

    .header_top_right_search_button.close::after {
        background: url(../images/closem.svg) center no-repeat;
    }

    .header_top_right_search_button:hover::after {
        filter: invert(1);
    }

    .header_top_right_search_button:hover {
        background-color: #ff442a;
    }

.header_top_right_phone_container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.header_top_right_phone {
    margin-right: 55px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #b3b3b3;
    transition: color .2s;
}

    .header_top_right_phone:hover {
        color: #ff442a;
    }

.header_top_right_search_button {
}

.header_bottom_right_block {
    display: flex;
}

.header_bottom_right_menu {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.header_bottom_right_menu_item {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .8px;
    transition: color .2s;
    padding: 2px 10px;
}

    .header_bottom_right_menu_item:hover {
        color: #ff442a;
    }

.header_bottom_right_age_rating {
    font-family: 'Source Sans Pro', serif;
    width: 28px;
    height: 28px;
    line-height: 25px;
    background-color: #2e2e2e;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu_button {
    position: relative;
    height: 24px;
    width: 30px;
    order: 3;
    margin-left: 10px;
}

.menu_button_line_1 {
    background-color: #000;
    position: absolute;
    width: 100%;
    top: 0;
    height: 2px;
    transition: .2s;
}

.menu_button_line_2 {
    background-color: #000;
    position: absolute;
    width: 100%;
    top: 11px;
    height: 2px;
    transition: .2s;
}

.menu_button_line_3 {
    background-color: #000;
    position: absolute;
    width: 100%;
    top: 22px;
    height: 2px;
    transition: .2s;
}

.menu_button.open .menu_button_line_1 {
    animation: animateBurgerSlice1 .5s forwards
}

.menu_button.close .menu_button_line_1 {
    animation: animateOutBurgerSlice1 .5s forwards
}

.menu_button.open .menu_button_line_2 {
    animation: animateBurgerSlice2 .5s forwards
}

.menu_button.close .menu_button_line_2 {
    animation: animateOutBurgerSlice2 .5s forwards
}

.menu_button.open .menu_button_line_3 {
    animation: animateBurgerSlice3 .5s forwards
}

.menu_button.close .menu_button_line_3 {
    animation: animateOutBurgerSlice3 .5s forwards
}

@keyframes animateBurgerSlice1 {
    0% {
        top: 0
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 11px;
        transform: rotate(45deg)
    }
}

@keyframes animateOutBurgerSlice1 {
    0% {
        top: 11px;
        transform: rotate(45deg)
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 0;
        transform: rotate(0deg)
    }
}

@keyframes animateBurgerSlice3 {
    0% {
        top: 22px
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 11px;
        transform: rotate(-45deg)
    }
}

@keyframes animateOutBurgerSlice3 {
    0% {
        top: 11px;
        transform: rotate(-45deg)
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 22px;
        transform: rotate(0deg)
    }
}

@keyframes animateBurgerSlice2 {
    0% {
        top: 11px
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 11px;
        transform: rotate(-45deg)
    }
}

@keyframes animateOutBurgerSlice2 {
    0% {
        top: 11px;
        transform: rotate(-45deg)
    }

    50% {
        top: 11px;
        transform: rotate(0deg)
    }

    100% {
        top: 11px;
        transform: rotate(0deg)
    }
}

.footer {
    background-color: #222837;
}

.footer_container {
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
}

.footer_logo {
    width: 100px;
}

.footer_main {
    width: calc(100% - 100px);
    padding-left: 15px;
    border-left: 1px solid #4e535f;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_copyright {
    color: #90939b;
    font-family: Montserrat, serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.footer_main_text {
    font-family: 'Source Sans Pro';
    color: #646873;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}

    .footer_main_text a {
        font-size: 14px;
        color: #b3b3b3;
    }

.footer_social_links {
    display: flex;
    flex-wrap: wrap;
}

.footer_social_link {
    width: 45px;
    height: 45px;
    border: 1px solid #ff442a;
    filter: grayscale(1) brightness(1.5);
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
}

    .footer_social_link:hover {
        filter: none;
    }

.footer_social_link {
    color: #ff442a;
}

    .footer_social_link .fa {
        font-size: 20px;
    }

.footer_menu {
    display: flex;
    flex-wrap: wrap;
}

.footer_menu_link {
    height: 20px;
    color: #90939b;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 30px;
    display: block;
    transition: .2s;
}

    .footer_menu_link:hover {
        color: #ff442a;
    }

.footer_contacts {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer_contact_item_name {
    color: #646873;
    margin-bottom: 5px;
}

.footer_contact_item_link {
    color: #b3b3b3;
    transition: .2s;
}

    .footer_contact_item_link:hover {
        color: #ff442a;
    }


.footer_info {
    margin-top: 30px;
    color: #646873;
    font-size: 12px;
    order: 4;
}

    .footer_info p {
        margin-bottom: 5px;
    }

.search_form {
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s;
}

    .search_form.open {
        height: 80px;
        opacity: 1;
    }

.search_form_input {
    width: calc(100% - 150px);
    height: 50px;
    padding: 5px 18px;
    background-color: #f7f7f7;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 22px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
}

    .search_form_input:focus {
        outline: none;
    }

.search_form_button {
    color: #fff;
    background-color: #222837;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .8px;
    font-family: Montserrat,serif;
    font-size: 14px;
    height: 50px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
}

    .search_form_button:hover {
        background-color: #ff442a;
    }

.banner_block {
    margin-bottom: 15px;
    display: block;
}

.aside_banner_block {
    width: 300px;
    margin-bottom: 15px;
    display: inline-block;
}

    .aside_banner_block video, .aside_banner_block img {
        max-width: 100%;
    }

.banner_image {
    max-width: 100%;
    display: block;
}

.banner_image_mobile {
    display: none;
}

.footer_bottom_block {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #646873;
    width: 100%;
    margin-top: 15px;
    order: 5;
}

.developers_block {
    text-align: end;
}

    .developers_block a {
        color: #646873;
        text-decoration: underline;
    }

#goTopSpan {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 30px !important;
    text-align: center;
    padding-top: 4px;
}

#goTopAnchor {
    opacity: 0.7 !important;
}

    #goTopAnchor:hover {
        opacity: 1 !important;
    }

#goTop {
    bottom: 20px !important;
    right: 20px !important;
}

/* main page */

.main_page_top_block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.main_page_news_block {
    width: 25%;
    padding-right: 15px;
    border-right: 1px solid #e0e0e0;
}

.main_page_date_block {
    color: #ff442a;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}

    .weather_block.tablet, .weather_block.mobile, .main_page_date_block.tablet, .main_page_date_block.mobile {
        display: none;
    }

.weather_block {
    height: 100px;
    margin-bottom: 15px;
    font-size: 15px;
    font-family: Montserrat;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}

.weather_condition, .weather_temperature, .weather_temperature_feels_like {
    font-weight: 500;
}

.weather_condition {
    font-size: 12px;
}

.weather_temperature_line {
    margin-bottom: 10px;
}

.weather_image {
    width: 50px;
}

.weather_block_info {
    margin-right: 15px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.column_block_header {
    width: 100%;
    font-family: Montserrat, serif;
    font-size: 12px;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #ff442a;
    font-weight: 600;
}

.main_page_news_item {
    font-size: 15px;
    font-weight: 500;
    font-family: Montserrat, serif;
    margin-bottom: 20px;
}

    .main_page_news_item a {
        display: block;
        color: #000;
        text-decoration: none;
        margin-bottom: 5px;
        transition: .2s;
    }

        .main_page_news_item a:hover {
            color: #ff442a;
        }

    .main_page_news_item:hover {
        color: #ff442a;
    }

.main_page_news_item_image {
    margin-bottom: 5px;
    position: relative;
    padding-top: 50%;
    background-color: #aaa;
}

    .main_page_news_item_image img {
        width: 100%;
        position: absolute;
        display: block;
        top: 0;
    }

.datetime {
    display: inline-block;
    font-family: Montserrat, serif;
    font-size: 10px;
    color: #ff442a;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.main_page_more_news {
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    transition: .2s;
}

    .main_page_more_news:hover {
        color: #ff442a;
    }

.main_page_news_block_right {
    width: 25%;
    padding-left: 15px;
    border-left: 1px solid #e0e0e0;
}

.main_page_center_block {
    width: 50%;
    padding: 0 15px;
}

.main_page_main_news_item {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

    .main_page_main_news_item::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0) 40%);
    }

    .main_page_main_news_item > header {
        font-weight: 500;
        font-size: 25px;
        width: 100%;
        padding: 0 15px;
        position: absolute;
        bottom: 15px;
        z-index: 2;
    }

.main_page_main_news_item_name {
    letter-spacing: -.8px;
    display: block;
    text-decoration: none;
    color: #fff;
}

.main_page_main_news_item > header .datetime {
    margin-top: 5px;
}

.main_page_main_news_item_text {
    font-family: 'Source Sans Pro';
    font-size: 17px;
    color: #90939b;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    display: none;
}

a.main_page_main_news_item_category {
    color: #b3b3b3;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    display: inline;
    transition: .2s;
}

    a.main_page_main_news_item_category:hover {
        color: #ff442a;
    }

.main_page_main_news_item_image {
    width: 100%;
    position: relative;
    background-color: #aaa;
    padding-top: 66.6667%;
}

    /*    .main_page_main_news_item_image::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        padding-top: calc(2 / 3);
        top: 0;
    }*/

    .main_page_main_news_item_image > img {
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
    }

.main_page_news_tile_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.bottom_news_list .main_page_news_tile_list {
    margin-bottom: 15px;
}

.main_page_news_tile {
    padding: 0 15px 30px;
}

    .main_page_news_tile.double {
        width: 50%;
    }

        .main_page_news_tile.double:nth-child(2n+1) {
            border-right: 1px solid #e5e5e5;
        }

.main_page_news_tile_image {
    position: relative;
    padding-top: 66.6667%;
    background-color: #aaa;
    margin-bottom: 5px;
    overflow: hidden;
}

.main_page_news_tile_category {
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    padding: 1px 3px;
    text-decoration: none;
}

.main_page_news_tile_image > img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
}

.main_page_news_tile header {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    font-family: Montserrat,serif;
    margin-bottom: 5px;
    transition: .2s;
}

    .main_page_news_tile header:hover {
        color: #ff442a;
    }

.main_page_news_tile a:hover header {
    color: #ff442a;
}

.main_page_news_tile_description {
    font-family: 'Source Sans Pro', serif;
    color: #888;
    margin-bottom: 5px;
}

.main_page_gallery_block {
    background-color: #222837;
    padding: 15px 0;
    margin-bottom: 60px;
}

.main_page_gallery_header {
    display: flex;
    margin-bottom: 15px;
}

    .main_page_gallery_header > header {
        font-size: 40px;
        letter-spacing: 1px;
        font-weight: 500;
        color: #ff442a;
        font-family: Montserrat,serif;
        text-transform: uppercase;
        margin-right: 30px;
    }

.main_page_gallery_tab_button_block {
    margin-right: 15px;
}

.main_page_gallery_tab_button {
    color: #656973;
    border: 1px solid #656973;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-family: Montserrat,serif;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    margin-right: 15px;
    padding: 0 15px;
    cursor: pointer;
}

    .main_page_gallery_tab_button.active {
        color: #fff;
        border: 1px solid #fff;
    }

.main_page_gallery_all_link_block {
    display: flex;
    align-items: center;
}

.main_page_gallery_all_link {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    transition: .2s;
    display: none;
}

    .main_page_gallery_all_link:hover {
        color: #ff442a;
    }

    .main_page_gallery_all_link.active {
        display: inline-block;
    }

.main_page_gallery_list {
    display: none;
}

    .main_page_gallery_list.active {
        display: flex;
    }

    .main_page_gallery_list .left_arrow, .main_page_gallery_list .right_arrow {
        transform: none;
    }

.left_arrow, .right_arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    width: 45px;
    height: 45px;
    font-size: 25px;
    color: #fff;
    background-color: #222837;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: .2s;
}

    .left_arrow.slick-disabled, .right_arrow.slick-disabled {
        display: none !important;
    }

.main_page_gallery_item {
    width: 20%;
    padding: 0 15px;
    border-right: 1px solid #4e535f;
}

.main_page_gallery_item_image {
    position: relative;
    padding-top: 66.6667%;
    margin-bottom: 10px;
    background-color: #aaa;
}

    .main_page_gallery_item_image > img {
        position: absolute;
        top: 0;
        display: block;
        max-width: 100%;
    }

.main_page_gallery_item header {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: Montserrat,serif;
    letter-spacing: -.16px;
    margin-bottom: 5px;
    transition: .2s;
}

.main_page_gallery_item a:hover header {
    color: #ff442a;
}

.main_page_bottom_block {
    display: flex;
    flex-wrap: wrap;
}

.main_page_bottom_main_block {
    width: 75%;
    padding-left: 15px;
}

.main_page_news_tile.triple {
    width: 33.3333%;
}

    .main_page_news_tile.triple:nth-child(3n+1) {
        border-right: 1px solid #e5e5e5;
    }

    .main_page_news_tile.triple:nth-child(3n+2) {
        border-right: 1px solid #e5e5e5;
    }

.main_page_news_tile.quad {
    width: 25%;
    border-right: 1px solid #e5e5e5;
}

    .main_page_news_tile.quad:nth-child(4n) {
        border-right: none;
    }

.special_block {
    margin-bottom: 60px;
}

.block_header {
    width: 100%;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #ff442a;
    font-family: Montserrat,serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.special_item {
    margin: 0 15px;
}

.special_item_image {
    max-width: 100%;
    position: absolute;
    top: 0;
}

.special_item_list {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-bottom: 15px;
}

.special_item_content {
    width: 100%;
    background-color: #aaa;
    position: relative;
    padding-top: 55.5556%;
}

    .special_item_content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 25%, rgba(0,0,0,0) 40%);
    }

.special_item_name {
    position: absolute;
    text-decoration: none;
    bottom: 15px;
    left: 15px;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    transition: .2s;
    z-index: 2;
}

.special_item_content:hover .special_item_name {
    color: #ff442a;
}

.main_page_article_block {
    margin-bottom: 50px;
}

.main_page_article_list {
    display: flex;
    margin: 0 -15px 5px;
}

.main_page_article_item {
    margin: 0 15px 15px;
    width: 25%;
}

    .main_page_article_item header {
        color: #000;
        text-decoration: none;
        font-size: 15px;
        font-weight: 500;
        font-family: Montserrat,serif;
        transition: .2s;
        margin-bottom: 5px;
    }

    .main_page_article_item > a:hover header {
        color: #ff442a;
    }

.main_page_article_item_image {
    position: relative;
    padding-top: 66.6667%;
    margin-bottom: 5px;
    background-color: #aaa;
}

    .main_page_article_item_image > img {
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
    }

    .main_page_article_item_image .datetime {
        position: absolute;
        right: 5px;
        bottom: 7px;
        background-color: #fff;
        padding: 1px 3px;
    }

.main_page_article_author {
    color: #808080;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
}

.load_more_wrapper {
    text-align: center;
    width: 100%;
}

.load_more_button {
    color: #000;
    border: 2px solid #000;
    padding: 15px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-family: Montserrat, serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: .2s;
}

    .load_more_button:hover {
        color: #ff442a;
        border-color: #ff442a;
    }

.lds-ellipsis {
    display: none;
    position: absolute;
    width: 80px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 2px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ff442a;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.poll_block {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.poll_image > img {
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}

.poll_question {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    font-family: Montserrat, serif;
    color: #ff442a;
}

.poll_answer {
    font-size: 15px;
    font-weight: 500;
    font-family: Montserrat, serif;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
    transition: .2s;
}

    .poll_answer.selected {
        color: #ff442a;
    }

.poll_answer_button {
    width: 16px;
    height: 16px;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    transition: .2s;
}

.poll_answer_text {
    width: calc(100% - 26px);
}

.poll_answer.selected .poll_answer_button {
    border: 1px solid #ff442a;
}

.poll_answer .poll_answer_button:before {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.poll_answer.selected .poll_answer_button:before {
    top: 3px;
    left: 3px;
    height: 8px;
    width: 8px;
    background-color: #ff442a;
}

.poll_answer_list.multiple .poll_answer_button {
    border-radius: 0;
}

.poll_answer_list.multiple .poll_answer.selected .poll_answer_button:before {
    position: absolute;
    top: 0;
    left: 3px;
    width: 5px;
    border-radius: 0;
    transform: rotate(45deg);
    border-bottom: 2px solid #ff442a;
    border-right: 2px solid #ff442a;
    background-color: transparent;
}

.poll_vote_button {
    border: 2px solid #000;
    padding: 5px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: Montserrat, serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: .2s;
}

    .poll_vote_button:hover {
        color: #ff442a;
        border-color: #ff442a;
    }

.poll_result_list {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.poll_answer_result_text {
    font-size: 15px;
    font-weight: 500;
    font-family: Montserrat, serif;
    margin-bottom: 5px;
}

.poll_answer_result {
    margin-bottom: 10px;
}

.poll_answer_bar {
    height: 20px;
    background-color: #e5e5e5;
}

.poll_answer_bar_fill {
    height: 100%;
    background-color: #808080;
}

special_item_list .left_arrow, special_item_list .right_arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    transition: .2s;
}

.right_arrow {
    right: 30px;
}

.left_arrow {
    left: 30px;
}

    .left_arrow:hover, .right_arrow:hover {
        color: #ff442a;
    }

.bottom_news_list {
    margin-bottom: 60px;
}

.posters_block {
    margin-bottom: 60px;
}

.main_poster_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 15px;
}

.main_poster_item {
    width: calc(25% - 30px);
    margin: 0 15px;
}

.main_poster_item_image {
    position: relative;
    padding-top: 50%;
    margin-bottom: 5px;
    background-color: #aaa;
}

    .main_poster_item_image > img {
        display: block;
        max-width: 100%;
        position: absolute;
        top: 0;
    }

.main_poster_item_name {
    font-weight: 500;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.main_poster_item_place {
    font-style: italic;
    font-size: 12px;
    margin-bottom: 5px;
}

.main_poster_item_category {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
}

.main_poster_list .right_arrow, .main_poster_list .left_arrow {
    top: 50px;
    transform: none;
    -webkit-transform: none;
}

/* news page */

.breadcrumbs {
    font-family: Montserrat,serif;
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 15px;
}

.breadcrumb_item {
    margin-right: 15px;
    transition: .2s;
}

    .breadcrumb_item:hover {
        color: #ff442a;
    }

.news_header > h1 {
    font-size: 30px;
    font-weight: 500;
    font-family: Montserrat,serif;
    margin-bottom: 15px;
}

.news_info {
    margin-bottom: 30px;
}

.news_info_datetime {
    font-family: Montserrat,serif;
    font-size: 10px;
    color: #ff442a;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-right: 15px;
}

.news_info_author {
    font-family: Montserrat,serif;
    font-size: 10px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: .8px;
    transition: .2s;
}

    .news_info_author:hover {
        color: #ff442a;
    }

.news_info_place {
    font-style: italic;
    margin-bottom: 5px;
}

.news_list_item_category {
    font-family: Montserrat,serif;
    font-size: 10px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-left: 10px;
}

.news_list_item_place {
    font-style: italic;
    margin-bottom: 10px;
}

.news_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news_content {
    width: 720px;
}

.news_aside {
    width: 300px;
}

.news_image {
    margin-bottom: 15px;
}

    .news_image > img {
        max-width: 100%;
    }

.news_image_copyright {
    font-style: italic;
    margin-bottom: 30px;
}

.news_description {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    color: #808080;
    font-size: 24px;
    letter-spacing: -.1px;
    margin-bottom: 15px;
}

.news_text {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.25;
    color: #333;
    margin-bottom: 60px;
}

    .news_text p {
        margin-bottom: 30px;
    }

        .news_text p a, .news_text div a {
            color: #0cf;
            transition: .2s;
        }

            .news_text p a:hover, .news_text div a {
                color: #ff442a;
                text-decoration: underline;
            }

    .news_text blockquote {
        font-style: italic;
        position: relative;
        margin: 0 0 20px 0;
        padding: 30px 40px;
        background-color: #f8f8f8;
    }

        .news_text blockquote:before {
            content: url('../images/quote.svg');
            display: block;
            color: #ff442a;
            position: absolute;
            top: 5px;
            left: 5px;
        }

        .news_text blockquote:after {
            content: url('../images/quote.svg');
            display: block;
            color: #ff442a;
            position: absolute;
            bottom: 5px;
            right: 5px;
            transform: rotate(180deg)
        }

        .news_text blockquote p {
            margin-bottom: 0;
        }

.news_gallery {
    margin-bottom: 60px;
}

.news_gallery_item {
    margin-right: 5px;
    cursor: pointer;
}

.news_tags_block {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.25;
    color: #808080;
    margin-bottom: 60px;
}

.news_tag_label {
    margin-right: 30px;
}

.news_tag {
    color: #808080;
    margin-right: 15px;
    text-decoration: underline;
    transition: .2s;
}

    .news_tag:hover {
        color: #ff442a;
    }

.social_share_block {
    border: 1px solid #e5e5e5;
    width: 500px;
    height: 70px;
    display: flex;
    margin-bottom: 60px;
}

    .social_share_block.fullwidth {
        width: 100%;
    }

.social_share_block_text {
    width: calc(100% - 140px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    letter-spacing: .8px;
    font-family: Montserrat,serif;
    font-size: 14px;
    text-transform: uppercase;
}

.social_share_link {
    width: 70px;
    border-left: 1px solid #e5e5e5;
    height: 100%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tag_content_block {
    background-color: #f7f7f7;
    padding: 15px 15px 60px;
}

.tag_content .datetime {
    display: block;
}

.tag_content_wrapper {
    display: flex;
    width: 720px;
}

.vertical_header {
    width: 80px;
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #ff442a;
    font-family: Montserrat,serif;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    text-align: end;
    border-left: 1px solid #e5e5e5;
    padding-left: 30px;
}

.tag_content_list {
    padding-left: 15px;
}

.tag_content {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.tag_content_link {
    font-size: 20px;
    font-weight: 500;
    font-family: Montserrat,serif;
    margin-bottom: 10px;
    display: inline-block;
    transition: .2s;
}

    .tag_content_link:hover {
        color: #ff442a;
    }

/* news list page */

.news_list_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news_list_block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.news_list_wrapper {
    width: 720px;
    padding-left: 15px;
}

.news_list_item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.news_list_item_content {
    width: calc(100% - 180px);
    padding-right: 15px;
}

.news_list_item_image {
    width: 180px;
}

.news_list_item_image_container {
    position: relative;
    padding-top: 66.6667%;
    background-color: #aaa;
}

    .news_list_item_image_container > img {
        position: absolute;
        top: 0;
        max-width: 100%;
        display: block;
    }

.news_list_item_name {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-family: Montserrat,serif;
    margin-bottom: 10px;
}

    .news_list_item_name .fa {
        margin-right: 5px;
    }

/* photo list page */

.dark_background .vertical_header {
    border-left: 1px solid #4e535f;
}

.first_photo_list_item {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.first_photo_list_item_image {
    display: block;
    position: relative;
    padding-top: 66.6667%;
    margin-bottom: 5px;
    background-color: #aaa;
}

    .first_photo_list_item_image > img {
        width: 100%;
        position: absolute;
        top: 0;
    }

.first_photo_list_item a:hover .first_photo_list_item_name {
    color: #ff442a;
}

.first_photo_list_item_name {
    font-size: 22px;
    font-weight: 500;
    font-family: Montserrat,serif;
    letter-spacing: -.16px;
    margin-bottom: 10px;
}

.photo_list_item {
    font-size: 0px;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.photo_list_item_image {
    position: relative;
    width: 300px;
}

.photo_list_item_image_container {
    display: block;
    position: relative;
    padding-top: 66.6667%;
    background-color: #aaa;
}

    .photo_list_item_image_container > img {
        max-width: 100%;
        position: absolute;
        top: 0;
    }

.photo_list_item_content {
    width: calc(100% - 300px);
    padding-left: 15px;
}

.photo_list_item_name {
    font-size: 18px;
    font-weight: 500;
    font-family: Montserrat,serif;
    transition: .2s;
    margin-bottom: 10px;
}

.photo_list_item:hover .photo_list_item_name {
    color: #ff442a;
}

/* photo page */

.gallery_container {
    margin-bottom: 15px;
}

.gallery_thumbnail_container {
    margin-bottom: 60px;
}

.gallery_item_image {
    cursor: pointer;
}

    .gallery_item_image > img {
        max-width: 100%;
    }

.gallery_thumbnail_item {
    margin-right: 15px;
    cursor: pointer;
}

    .gallery_thumbnail_item.slick-current {
        position: relative;
    }

        .gallery_thumbnail_item.slick-current::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: rgba(255,0,0,0.5) 10px solid;
        }

/* special project list page */

.special_project_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.special_project_first_item {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.special_project_first_item_image {
    position: relative;
    padding-top: 66.6667%;
    background-color: #aaa;
    margin-bottom: 5px;
}

    .special_project_first_item_image > img {
        position: absolute;
        top: 0;
        max-width: 100%;
    }

.special_project_first_item_name {
    font-size: 34px;
    font-weight: 500;
    font-family: Montserrat,serif;
    letter-spacing: -.6px;
    margin-bottom: 15px;
    transition: .2s;
}

.special_project_first_item:hover .special_project_first_item_name {
    color: #ff442a;
}

.special_project_item {
    width: 50%;
    padding-bottom: 30px;
}

    .special_project_item:nth-child(2n+1) {
        padding-left: 15px;
    }

    .special_project_item:nth-child(2n) {
        padding-right: 15px;
        border-right: 1px solid #e5e5e5;
    }

.special_project_item_name {
    font-size: 20px;
    font-weight: 500;
    font-family: Montserrat,serif;
    transition: .2s;
    margin-bottom: 15px;
}

.special_project_item:hover .special_project_item_name {
    color: #ff442a;
}

.special_project_item_description {
    color: #808080;
    font-family: "Source Sans Pro",Helvetica,sans-serif;
    margin-bottom: 15px;
}

.special_project_item_image {
    position: relative;
    padding-top: 66.6667%;
    background-color: #aaa;
    margin-bottom: 5px;
}

    .special_project_item_image > img {
        position: absolute;
        top: 0;
        max-width: 100%;
    }

/* author news list page */

.author_news_header {
    font-size: 22px;
    font-weight: 600;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

/* search page */

.search_page_form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.search_page_form_input {
    display: block;
    width: calc(100% - 135px);
    padding: 5px 18px;
    background-color: #f7f7f7;
    font-family: "Source Sans Pro",Helvetica,sans-serif;
    font-size: 22px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
    transition: .2s;
    outline: 0;
    height: 50px;
}

.search_page_form_submit {
    font-weight: 500;
    letter-spacing: .8px;
    font-family: Montserrat,serif;
    font-size: 14px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    outline: 0 !important;
    line-height: normal;
    width: 120px;
    transition: .2s;
    background-color: #222837;
    -webkit-tap-highlight-color: transparent !important;
}

.search_info {
    font-family: Montserrat,serif;
    font-size: 10px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

/* contacts page */

.contacts_wrapper {
    display: flex;
    margin-bottom: 60px;
}

.contacts_content {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.contacts_block_header {
    font-size: 12px;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #ff442a;
    font-weight: 600;
}

.contacts_block {
    margin-bottom: 15px;
}

.contacts_block_text {
    font-size: 14px;
    margin-bottom: 5px;
}

.contacts_block_item {
    margin-bottom: 10px;
}

.contacts_block_item_header {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-bottom: 5px;
}

.contacts_block_item_link {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
    transition: .2s;
}

    .contacts_block_item_link:hover {
        color: #ff442a;
    }

/* about page */

.about_text {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.25;
    color: #333;
}

    .about_text p {
        margin-bottom: 30px;
    }

/* edition page */

.edition_header {
    font-size: 22px;
    font-weight: 600;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.edition_list {
    width: 600px;
}

.edition_item {
    display: flex;
    height: 60px;
}

    .edition_item:nth-child(2n+1) {
        background-color: #f5f5f5;
    }

.edition_item_name {
    font-size: 16px;
    font-weight: 500;
    width: 300px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.edition_item_position {
    width: 300px;
    display: flex;
    align-items: center;
}

.text_page_header {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
}

.subheader {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}

.text_page p {
    margin-bottom: 15px;
    line-height: 25px;
}

.text_page li {
    line-height: 22px;
}

/* poster page */

.poster_date_filter {
    position: relative;
    display: flex;
    border: 1px solid #000;
    cursor: pointer;
    height: 20px;
    margin-right: 15px;
}

.poster_date_filter_selected_option {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000;
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase;
    width: 90px;
}

.poster_date_filter_arrow {
    width: 20px;
    border-left: 1px solid #000;
    position: relative;
}

    .poster_date_filter_arrow::after {
        content: "";
        width: 6px;
        height: 6px;
        border-top: 1px solid transparent;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        border-right: 1px solid transparent;
        position: absolute;
        top: 3px;
        left: 50%;
        transform: translateX(-50%) rotate(-45deg)
    }

.poster_date_filter_option_list {
    position: absolute;
    display: none;
    background-color: #fff;
    border: 1px solid #000;
    top: 100%;
    right: -1px;
    left: -1px;
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase;
}

    .poster_date_filter_option_list.open {
        display: block;
    }

.poster_date_filter_option {
    height: 20px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    transition: .2s;
}

    .poster_date_filter_option:hover {
        color: #ff442a;
    }

.poster_filter_block {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.poster_category_filter {
    display: flex;
    flex-wrap: wrap;
}

.poster_category_filter_item {
    width: 100px;
    height: 20px;
    border: 1px solid #000;
    margin: 0 5px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: .8px;
    text-transform: uppercase;
}

    .poster_category_filter_item.selected {
        color: #ff442a;
        border-color: #ff442a;
    }

/* error page */

.error_text {
    font-size: 22px;
}

    .error_text p {
        margin-bottom: 15px;
    }

        .error_text p a {
            color: #0cf;
            transition: .2s;
        }

            .error_text p a:hover {
                color: #ff442a;
                text-decoration: underline;
            }

@media (max-width: 1600px) {
    .special_item_name {
        font-size: 20px;
    }

    .main_page_gallery_item > header {
        font-size: 16px;
    }
}

@media (max-width: 1300px) {
    .content_width {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .special_block {
        padding: 0 30px;
    }

        .special_block .content_width {
            padding: 0;
        }

    .special_item_list {
        margin: 0 -15px 15px;
    }

    .main_page_main_news_item > header {
        font-size: 22px;
    }

    .weather_image {
        width: 30px;
    }
}

@media (max-width: 1200px) {
    .news_aside {
        width: 250px;
    }

    .news_list_block {
        width: calc(100% - 250px);
    }

    .news_list_wrapper {
        width: calc(100% - 80px);
        padding-right: 15px;
    }
}

@media (max-width: 1050px) {
    .news_content {
        width: calc(100% - 250px);
        padding-right: 15px;
    }
}

@media (max-width: 1024px) {
    .menu_button {
        display: block;
    }

    .mobile_secondary_menu {
        display: block;
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #e5e5e5;
    }

    .header_bottom_right_block {
        position: fixed;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        right: -100%;
        top: 71px;
        bottom: 0;
        width: 100vw;
        opacity: 0;
        z-index: 1000;
        overflow-y: auto;
        transition: .3s;
    }

        .header_bottom_right_block.open {
            right: 0;
            opacity: 1;
        }

    .header_bottom_right_age_rating {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .header_bottom_right_menu_item {
        margin: 5px 0;
        font-size: 20px;
    }

    .header_bottom_right_menu {
        flex-direction: column;
    }

    .header_top_right_menu {
        display: none;
    }

    .header_top_right_search_button {
        order: 2;
    }

    .header_top_right_phone_container {
        width: auto;
        order: 1;
        justify-content: end;
        align-items: center;
        padding-right: 10px;
    }

    .header_top_right_phone {
        margin-right: 0;
        font-size: 14px;
    }

    .header_right_block {
        justify-content: center;
        padding: 0;
    }

    .header_content {
        height: 70px;
    }

    .header_logo_block {
        width: 235px;
    }

    .header_logo_name {
        bottom: 55px;
        font-size: 8px;
    }

    .left_arrow, .right_arrow {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .left_arrow {
        left: 15px;
    }

    .right_arrow {
        right: 15px;
    }

    .main_page_gallery_list .left_arrow {
        left: 30px;
    }

    .main_page_gallery_list .right_arrow {
        right: 30px;
    }

    .main_page_center_block {
        width: calc(100% - 300px);
        padding-right: 0;
    }

    .main_page_news_block {
        width: 300px;
        margin-bottom: 30px;
    }

    .main_page_center_block {
        margin-bottom: 30px;
    }

    .main_page_date_block {
        display: none;
    }

    .weather_block {
        display: none;
    }

    .news_aside .main_page_date_block {
        display: block;
    }

    .news_aside .weather_block {
        display: flex;
    }

    .main_page_date_block.tablet {
        display: block;
    }

    .weather_block.tablet {
        display: flex;
    }

    .news_list_item_name {
        font-size: 16px;
    }

    .main_page_news_block_right {
        width: 100%;
        padding-left: 0;
        border-left: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .main_page_news_block_right .main_page_news_item {
            width: calc(33.3333% - 10px);
        }

    .main_poster_item {
        margin: 0 7.5px;
    }

    .main_poster_list {
        margin: 0 -7.5px;
    }

    .special_item_list {
        margin: 0 -7.5px 15px;
    }

    .special_item {
        margin: 0 7.5px;
    }

    .main_page_article_list {
        margin: 0 -7.5px;
    }

    .main_page_article_item {
        margin: 0 7.5px;
    }

    .footer_menu {
        width: 100%;
        margin-bottom: 15px;
        order: 1;
    }

    .footer_menu_link {
        margin-right: 30px;
        margin-left: 0;
    }

    .footer_main_center {
        order: 2;
    }

    .footer_contacts {
        order: 3;
        font-size: 14px;
    }

    .special_project_first_item_name {
        font-size: 22px;
    }

    .photo_list_item_image {
        width: 200px;
    }

        .photo_list_item_image > img {
            max-width: 100%;
        }

        .photo_list_item_image.video_icon::before {
            width: 60px;
            height: 60px;
            margin: -30px 0 0 -30px;
        }

    .photo_list_item_content {
        width: calc(100% - 200px);
    }

    .photo_list_item_image.video_icon::after {
    }
}

@media (max-width: 900px) {
    .main_page_gallery_list .left_arrow {
        left: 15px;
    }

    .main_page_gallery_list .right_arrow {
        right: 15px;
    }

    .main_page_news_block {
        width: 250px;
    }

    .main_page_center_block {
        width: calc(100% - 250px);
    }

    .main_page_news_tile > header > a {
        font-size: 14px;
    }

    .main_page_news_item {
        font-size: 14px;
    }

    .main_page_news_tile.quad {
        border-right: 0;
    }

    .main_page_news_tile.double:nth-child(2n+1) {
        border-right: 0;
    }

    .main_page_news_tile {
        padding: 0 7.5px 15px;
    }

    .main_page_news_tile_list {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .main_page_gallery_item {
        padding: 0 7.5px;
        border-right: 0;
    }

    .vertical_header {
        width: 100%;
        transform: none;
        writing-mode: initial;
        text-align: start;
        border-left: none;
        padding-left: 0;
        font-size: 30px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .news_list_wrapper {
        padding: 0;
        width: 100%;
    }

    .news_list_block {
        padding-right: 15px;
        align-content: flex-start;
    }

    .tag_content_wrapper {
        flex-wrap: wrap;
    }

    .tag_content_list {
        padding-left: 0;
    }

    .tag_content_block {
        padding-left: 0;
        padding-right: 0;
    }

    .author_news_header {
        padding: 0 0 15px 0;
    }

    .news_description {
        font-size: 22px;
    }

    .contacts_wrapper {
        flex-wrap: wrap;
    }

    .contacts_content {
        padding-left: 0;
        width: 100%;
    }

    .edition_list {
        width: 100%;
    }

    .edition_header {
        padding: 0 0 15px 0;
    }
}

@media (max-width: 800px) {
    .main_page_article_list {
        flex-wrap: wrap;
    }

    .main_page_article_item {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    .main_page_news_tile.quad {
        width: 50%;
    }

    .news_list_item_image {
        width: 120px;
    }

    .news_list_item_content {
        width: calc(100% - 120px);
    }
}

@media (max-width: 767px) {
    .content_width {
        padding-right: 15px;
        padding-left: 15px;
    }

    .main_page_date_block.tablet, .weather_block.tablet {
        display: none;
    }

    .main_page_center_block {
        display: flex;
        flex-wrap: wrap;
    }

    .main_page_date_block.mobile {
        display: flex;
        align-items: center;
        width: calc(100% - 100px);
        padding-bottom: 0;
        margin-bottom: 15px;
        border-bottom: none;
    }

    .weather_block.mobile {
        display: flex;
        height: auto;
        width: 100px;
        align-items: center;
        justify-content: flex-end;
        border-bottom: none;
    }

        .weather_block.mobile .weather_block_info {
            display: inline-block;
            margin-right: 5px;
        }

    .weather_block .column_block_header {
        display: none;
    }

    .main_page_center_block {
        order: 1;
        width: 100%;
        padding-left: 0;
    }

    .main_page_news_block {
        order: 2;
        border-right: 0;
        padding-right: 0;
        width: 100%;
    }

    .main_page_news_block_right {
        order: 3;
    }

    .footer_contacts {
        flex-wrap: wrap;
    }

    .footer_contact_item {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
    }

    .footer_contact_item_name {
        margin-right: 15px;
        width: 100px;
    }

    .special_block {
        padding: 0 15px;
    }

    .news_list_item_name {
        font-size: 14px;
    }

    .main_page_news_block_right .main_page_news_item {
        width: calc(50% - 7.5px);
    }

    .news_list_block {
        width: 100%;
        padding-right: 0;
    }

    .news_aside {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .news_aside .column_block_header {
            width: calc(100% - 15px);
            margin-right: 7.5px;
            margin-left: 7.5px;
        }

        .news_aside .main_page_date_block {
            display: none;
        }

        .news_aside .weather_block {
            display: none;
        }

        .news_aside .main_page_news_item {
            width: calc(33.3333% - 15px);
            margin-right: 7.5px;
            margin-left: 7.5px;
        }

    .news_content {
        width: 100%;
        padding-right: 0;
    }

    .social_share_block {
        width: 100%;
    }

    .tag_content_wrapper {
        width: 100%;
    }

    .tag_content_link {
        font-size: 18px;
    }

    .edition_header {
        font-size: 18px;
    }
}

@media (max-width: 720px) {
    .banner_image {
        display: none;
    }

    .banner_image_mobile {
        max-width: 100%;
        display: block;
    }
}

@media (max-width: 600px) {
    .main_page_top_block, .posters_block, .special_block, .main_page_article_block, .main_page_gallery_block, .bottom_news_list, .news_text, .news_gallery, .news_tags_block, .social_share_block {
        margin-bottom: 30px;
    }

    .footer_social_link {
        width: 40px;
        height: 40px;
        margin-right: 7.5px;
    }

        .footer_social_link > img {
            max-width: 100%;
            max-height: 100%;
        }

        .footer_social_link .fa {
            font-size: 16px;
        }

    .tag_content_block {
        padding-bottom: 30px;
    }

    .special_item_name {
        font-size: 16px;
    }

    .main_page_gallery_header > header {
        font-size: 30px;
        margin-right: 15px;
    }

    .main_page_gallery_tab_button {
        margin-right: 7.5px;
    }

    .main_page_gallery_tab_button_block {
        margin-right: 7.5px;
    }

    .search_form_input {
        height: 30px;
        font-size: 16px;
        padding: 5px;
        width: calc(100% - 95px);
    }

    .search_form_button {
        height: 30px;
        width: 80px;
        font-size: 12px;
    }

    .search_form.open {
        height: 50px;
    }

    .search_page_form_input {
        height: 30px;
        font-size: 16px;
        padding: 5px;
        width: calc(100% - 95px);
    }

    .search_page_form_submit {
        height: 30px;
        width: 80px;
        font-size: 12px;
    }

    .footer_main_text {
        font-size: 16px;
    }

    .news_aside .main_page_news_item {
        width: calc(50% - 15px);
        margin-right: 7.5px;
        margin-left: 7.5px;
    }

    .special_project_item_name {
        font-size: 16px;
    }

    .special_project_item:nth-child(2n) {
        padding-right: 7.5px;
        border-right: none;
    }

    .special_project_item:nth-child(2n+1) {
        padding-left: 7.5px;
    }

    .news_tag_label {
        margin-right: 15px;
    }

    .news_header > h1 {
        font-size: 22px;
    }

    .text_page_header {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .subheader {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {

    .header_bottom_right_block {
        top: 51px;
    }

    .header_logo_block {
        width: 150px;
    }

    .header_logo_name {
        display: none;
    }

    .header_top_right_phone {
        font-size: 10px;
    }

    .header_content {
        height: 50px;
    }

    .breadcrumb_item {
        margin-right: 10px;
    }

    .main_page_gallery_header > header {
        font-size: 24px;
    }

    .main_page_gallery_tab_button {
        font-size: 10px;
        padding: 0 7.5px;
    }

    .block_header {
        font-size: 24px;
    }

    .photo_list_item_name {
        font-size: 16px;
    }

    .news_gallery_item {
        height: 120px;
    }

        .news_gallery_item > img {
            max-height: 100%;
        }

    .news_text {
        font-size: 18px;
    }

    .tag_content_link {
        font-size: 16px;
    }

    .news_text p {
        margin-bottom: 15px;
    }

    .news_description {
        font-size: 18px;
    }
}

@media (max-width: 450px) {
    .main_page_main_news_item > header {
        font-size: 18px;
    }

    .footer_container {
        position: relative;
    }

    .footer_logo {
        width: 50px;
        position: absolute;
        right: 15px;
    }

        .footer_logo > img {
            width: 50px;
        }

    .footer_main {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 400px) {
    .header_logo_block {
        width: 100px;
    }

    .main_page_main_news_item > header {
        font-size: 16px;
    }

    .main_page_news_tile.double {
        width: 100%;
    }

    .main_page_news_block_right .main_page_news_item {
        width: 100%;
    }

    .main_page_article_item {
        width: 100%;
    }

    .main_page_news_tile.quad {
        width: 100%;
    }

    .main_page_gallery_header {
        display: flex;
        flex-wrap: wrap;
    }

    .main_page_gallery_all_link_block {
        width: 100%;
        font-size: 10px;
    }

    .footer_menu_link {
        margin-right: 15px;
    }

    .news_list_item {
        flex-wrap: wrap;
    }

    .news_list_item_content {
        width: 100%;
        order: 2;
    }

    .news_list_item_image {
        width: 100%;
        order: 1;
        margin-bottom: 15px;
    }

    .news_aside .main_page_news_item {
        width: 100%;
    }

    .vertical_header {
        font-size: 22px;
    }

    .special_project_item {
        width: 100%;
    }

        .special_project_item:nth-child(2n) {
            padding-right: 0;
        }

        .special_project_item:nth-child(2n+1) {
            padding-left: 0;
        }

    .special_project_first_item_name {
        font-size: 18px;
    }

    .photo_list_item {
        flex-wrap: wrap;
    }

    .photo_list_item_image {
        width: 100%;
    }

    .photo_list_item_content {
        width: 100%;
        padding-left: 0;
    }

    .photo_list_item_image.video_icon::before {
        width: 86px;
        height: 86px;
        margin: -43px 0 0 -43px;
    }

    .news_text {
        font-size: 16px;
    }

    .news_description {
        font-size: 16px;
    }

    .edition_item_name {
        font-size: 14px;
    }

    .edition_item_position {
        padding-left: 5px;
        font-size: 12px;
    }

    .edition_item {
        height: 45px;
    }

    .text_page p {
        font-size: 14px;
    }

    .text_page li {
        font-size: 14px;
    }

    .poster_filter_block {
        flex-wrap: wrap;
    }

    .poster_date_filter {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .poster_date_filter_selected_option {
        flex-grow: 1;
    }

    .poster_category_filter {
        width: 100%;
        justify-content: space-between;
    }

    .poster_category_filter_item {
        width: calc(50% - 5px);
        margin: 0 0 10px;
    }
}

.news_label {
    font-size: 12px;
}

/*.header_logo_name {
    font-size: 12px;
}*/

/*.header_top_right_menu_item {
    font-size: 12px;
}*/

/*.header_top_right_phone {
    font-size: 12px;
}*/

.footer_copyright {
    font-size: 12px;
}

.datetime {
    font-size: 12px;
}

.a.main_page_main_news_item_category {
    font-size: 12px;
}

.main_page_news_tile_category {
    font-size: 12px;
}

.main_page_article_author {
    font-size: 12px;
}

.main_poster_item_category {
    font-size: 12px;
}

.breadcrumbs {
    font-size: 12px;
}

.news_info_datetime {
    font-size: 12px;
}

.news_info_author {
    font-size: 12px;
}

.news_list_item_category {
    font-size: 12px;
}

.search_info {
    font-size: 12px;
}

.poster_date_filter_selected_option {
    font-size: 12px;
}

.poster_date_filter_option_list {
    font-size: 12px;
}

.poster_category_filter_item {
    font-size: 12px;
}
