/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset "utf-8";

.mob {
    display: none;
}

@media (max-width: 1024px) {
    .multiple-items6 button.slick-next, .multiple-items button.slick-next {
        display: none !important;
    }

    body {
        min-width: 1180px;
    }

    .container {
        padding: 0 40px;
    }

    .left-side {
        left: 40px;
        top: 10px;
    }

    .container_menu {
        padding-right: 40px;
    }

    .responsive .slick-slide {
        margin-right: 96px;
        padding-left: 18px;
    }
}

@media screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) {

    header,
    .prefooter .main_menu,
    .contacts_doc > div:nth-child(2),
    .contacts_doc > div > p::before,
    .txt_group .group,
    .disclaimer .kitin,
    .prefooter .logo_color,
    .about .collective,
    .week_day_time,
    .events_list > .events_list_single:nth-child(1) .date_event::after,
    .header,
    .B_crumbBox,
    .kollektiv .phrase,
    .desc_artist {
        display: none;
    }

    .vibory > div {
        flex-direction: column;
        margin: 30px 0 50px;
    }

    .vibory > div video {
        width: 100%;
        margin-bottom: 30px;
    }

    .vibory > div img {
        width: 100%;
    }

    .mob {
        display: block;
    }

    .container {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .contacts_doc {
        width: auto;
    }

    .youtube_block {
        display: block;
    }

    .video_block {
        width: 100%;
    }

    .youtube_block > .video_block:nth-child(2), .youtube_block > .video_block:nth-child(3) {
        display: none
    }

    html, body {
        width: 100%;
        min-width: 100%;
        font-size: 18px;
    }

    header {
        background-position: 38% 80px;
        height: auto;
    }

    .contacts_doc > div:nth-child(1) {
        margin-left: 0;
    }

    .hyd_logos {
        margin: 40px 0 0px 0;
        flex-wrap: wrap;
    }

    .logos {
        margin: 40px 0;
    }

    .logos > a {
        margin-left: 0;
        margin-right: 20px;
    }

    .logos > a:last-of-type {
        margin-right: 0;
    }

    .logos > a img {
        width: 90%;
        height: auto;
    }

    .disclaimer {
        font-size: 13px;
        text-align: center;
        margin-top: 35px;
        line-height: 1.4;
    }

    .news {
        flex-wrap: wrap;
        margin: 80px 0;
        margin-bottom: 0;
    }

    .zag, h1 {
        font-size: 33px;
        margin: 50px 0;
    }

    .zag a {
        margin-left: 25px;
        font-size: 21px;
    }

    .zag2 {
        font-size: 25px !important;
    }

    .responsive .artist_title {
        font-size: 31px !important;
        text-align: center !important;
    }

    .responsive .artist_title_name {
        font-size: 20px !important;
        text-align: center !important;
    }

    .news > div {
        width: 100%;
        margin-left: 15px;
        margin-bottom: 90px;
    }

    .news > div:last-of-type {
        margin-bottom: 40px;
    }

    .publish_date {
        font-size: 48px;
    }

    .publish_date span {
        font-size: 27px;
    }

    .article_title a {
        font-size: 24px;
    }

    .article_single > a {
        font-size: 21px;
        font-family: 'MuseoSansCyrl-300';
    }

    .txt_group {
        margin-top: 40px;
        margin-bottom: 60px;
        flex-wrap: wrap;
    }

    .txt_group .about {
        width: 100%;
        position: relative;
    }

    .txt_group .about::before {
        content: '';
        background: url(../images/group2.png) no-repeat;
        position: absolute;
        bottom: -24px;
        right: 0;
        width: 186px;
        height: 163px;
    }

    .events_list_single {
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 55px;
    }

    .events_list_single:last-of-type {
        margin-bottom: 0
    }

    .gray_line {
        background: none;
        flex-wrap: wrap;
    }

    .event_title_list a {;
        font-size: 21px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .gray_line {
        background: none;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        margin: 30px 0;
    }

    .buy_ticket_event {
        font-size: 18px;
        position: absolute;
        top: 36px;
        right: 0;
    }

    .date_event {
        width: 103px;
    }

    .date_event::after {
        content: '';
        background: #ddd;
        width: 1px;
        height: 49px;
        position: absolute;
        top: -70px;
        right: 50%;
    }

    .events_list {
        position: relative;
    }

    .events_list::before {
        content: '';
        pointer-events: none;
        position: absolute;
        top: -175px;
        right: -15px;
        width: 149px;
        height: 150px;
        background: url(../images/list_nat2.png) no-repeat;
    }

    .vk {
        width: 43px;
        height: 41px;
        margin-right: 5px;
    }

    .ig {
        width: 43px;
        height: 41px;
    }

    .yt {
        width: 43px;
        height: 41px;
    }

    .contacts_doc > div .cnt {
        margin-left: 0px;
        margin-top: 80px;
    }

    .cnt a:not(.email) {
        position: relative;
        font-size: 25px;
        display: inline-block;
    }

    .cnt a:not(.email) span {
        position: absolute;
        right: -9px;
        top: -29px;
    }

    .cnt a.email {
        font-size: 18px;
        display: block;
        margin-top: 9px;
        font-family: 'MuseoSansCyrl-500';
    }

    .cnt a:not(.email):nth-child(2) {
        border-right: 1px solid #949494;
        border-left: 1px solid #949494;
        padding: 0 10px;
        margin: 0 10px;
    }

    .hyd_ryk span {
        font-size: 18px;
    }

    .hyd_ryk p {
        font-size: 36px;
    }

    .podpis {
        width: 190px;
        height: auto;
    }

    .group_btn {
        width: 100%;
        box-sizing: border-box;
    }

    .group_btn a {
        display: block;
        color: #fff;
        font-size: 25px;
        background: #343f46;
        text-transform: uppercase;
        position: relative;
        font-family: 'MuseoSansCyrl-300';
        padding-left: 93px;
        width: 100%;
        text-align: center;
        padding: 17px 0 18px 93px;
        box-sizing: border-box;
    }

    .group_btn a::before {
        content: '';
        background: #ddd url(../images/vk.svg) no-repeat center;
        background-size: 60%;
        width: 79px;
        height: 60px;
        position: absolute;
        left: 0;
        top: 0;
        border-right: 10px solid #fff;
    }

    .kitin {
        width: 100%;
        text-align: center;
    }

    .kitin a:last-of-type {
        font-size: 18px;
        color: #707070;
    }

    #kit {
        display: block;
        width: 80px;
        margin: 0 auto;
    }

    #kit span {
        display: block;
        width: 59px;
        height: 38px;
        background: url(../images/kit2.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 175%;
        animation: lower 6s cubic-bezier(0, 0, 0, 0) infinite;
    }

    .header_mob {
        background: url(../images/menu.png) no-repeat bottom center;
        padding-bottom: 60px;
        margin-bottom: 0px;
        padding-top: 30px;
    }

    .header_mob select {
        width: 56px;
        height: 30px;
        -webkit-appearance: none;
        font-size: 0;
        border: none;
        background: url(../images/hamb.svg) no-repeat;
    }

    .logo_menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }

    .cnt {
        text-align: center
    }

    .header_mob .cnt a {
        color: #707070;
    }

    .up_part,
    .pict_desc,
    .row_one,
    .executor {
        flex-wrap: wrap;
    }

    .row_one {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .up_part {
        margin-bottom: 50px;
    }

    .up_part h1 {
        line-height: 1.1;
    }

    .event_picture img {
        width: 97%;
    }

    .row_one > div p, .row_two p, .executor > div:nth-child(1) > p {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .row_one > div span,
    .row_two div {
        font-size: 19px;
        text-align: left;
    }

    .row_one > div:nth-child(1) {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .executor > div:nth-child(1) > ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        font-size: 17px;
        line-height: 2.2;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }

    .executor > div {
        display: block;
        width: 100%;
    }

    .executor .collective {
        color: #343f46;
        font-size: 16px;
        background: transparent;
        border: 1px solid #343f4652;
        transition: .4s;
        display: block;
        width: 100%;
        text-align: center;
        padding: 12px 0;
        margin-top: 50px;
        position: relative;
    }

    .executor .collective::before {
        content: '';
        pointer-events: none;
        position: absolute;
        top: -71px;
        right: -9px;
        width: 149px;
        height: 150px;
        background: url(../images/list_nat2.png) no-repeat;
    }

    body:not(.index) .prefooter {
        margin-top: 50px;
    }

    .zag-instr {
        margin: 0px 0 70px 0;
        font-size: 33px;
    }

    .responsive {
        text-align: center;
        margin-bottom: 90px;
    }

    .responsive .slick-slide {
        margin-right: 0;
        padding-left: 18px;
    }

    .col_single .artist {
        width: 100%;
        height: 291px;
        position: relative;
        margin-top: 18px;
    }

    .col_single .artist::before {
        content: '';
        position: absolute;
        background: transparent;
        left: 35px;
        top: -18px;
        width: 200px;
        height: 276px;
        border: 1px solid #ddd;
        z-index: -1;
    }

    .prev.slick-arrow {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 0;
        top: 38%;
    }

    .next.slick-arrow {
        right: 0;
        top: 38%;
    }

    .container section > p {
        text-align: left !important;
        font-size: 18px;
    }

    .container section img:not(.slick-arrow) {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .informacziya iframe {
        width: 100%;
        margin-right: 0px !important;
    }

    .txt_dir {
        width: 100%;
    }

    .collective_list .flex {
        justify-content: center;
    }
}
