@font-face {
    font-family: 'Shentox-Bold';
    src: url(fonts/31D4F5_0_0.eot);
    src: url(fonts/31D4F5_0_0.eot?#iefix) format('embedded-opentype'), url(fonts/31D4F5_0_0.woff2) format('woff2'), url(fonts/31D4F5_0_0.woff) format('woff'), url(fonts/31D4F5_0_0.ttf) format('truetype')
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000
}

.preloader .filter,
.preloader .logo,
.preloader .moveMe,
.preloader .sH {
    width: 205px;
    height: 224px;
    position: absolute;
    display: block;
    top: 40px;
    right: calc(100% - 205px)
}

.preloader .logo {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    right: initial;
    top: 0;
    left: 0;
    background-image: url(../images/logo-seledin.png);
    background-size: 205px 224px;
    background-repeat: no-repeat;
    background-position: center right
}

.preloader .moveMe {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    right: initial;
    top: 0;
    left: 0;
    z-index: 51;
    transition: .1s ease-in;
    background-image: url(../images/logo-white.png);
    background-size: 205px 224px;
    background-repeat: no-repeat;
    background-position: center right
}

@media screen and (max-width:767px) {
    .preloader .filter,
    .preloader .logo,
    .preloader .moveMe,
    .preloader .sH {
        right: 50%;
        margin-right: -102.5px
    }
}

.wall {
    position: relative!important;
    width: 1140px!important;
    height: auto;
    transition: .2s ease-out;
    display: inline-block;
    position:relative;
}

.section-custom .wall{padding: 50px;text-align:left}
.section-custom .wall > img{max-width:100%; max-height:80%;}
.section-custom .wall > h1{font-family: Shentox-Bold; font-size: 24px;margin-bottom: 20px;}
.section-custom .wall > p{font-family: 'PT Mono';line-height: 1.4em;color:black;}
.section-custom .wall > div{text-align: center}
.section-custom .wall > div > a{margin-top:50px;}

@media screen and (max-width:1000px) {    
    .section-custom .wall{
        padding: 25px 0 50px 0;
        text-align:left
    }
}

.wall .current-program-btn{
    background-color: #A3D900;
    color:white;
    font-family: 'PT Mono';
    padding: 7px 20px 7px 20px;
}
/*@media screen and (max-width:1000px) {    
    .wall .current-program-btn{
        top:8px;
        position: relative;
        margin: auto;
        display: block;
        max-width: 100%;
    }
}*/

#datepicker_form {
    display: none
}

.w-min {
    width: calc(100% - 210px)
}

.hp-left {
    padding-left: 140px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.size-large {
    font-size: 32px!important
}

.txt-black {
    color: #343434!important
}

.button {
    width: 260px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    font-weight: 400;
    background-color: #A3D900;
    color: #fff;
    transition: .1s ease-in;
    text-transform: uppercase;
    cursor: pointer
}

.button-inverted {
    font-family: 'Shentox-Bold';
    width: 520px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    background-color: #fff;
    color: #343434;
    transition: .1s ease-in;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 35px;
    padding-top:3px;
    max-width:100%;
}

.button-inverted:hover {
    background: #A3D900;
    color: #fff!important
}

.button-inverted-white {
    font-family: 'Shentox-Bold';
    width: 520px;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    background-color: #343434;
    color: #fff!important;
    transition: .1s ease-in;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 35px;
    padding-top:5px;
    max-width:100%;
}


.button-dark {
    font-family: 'Shentox-Bold';
    width: auto;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    background-color: #373737;
    color: #fff !important;
    transition: .1s ease-in;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 35px;
    padding-top:5px;
    padding:5px 10px 5px 10px;
}
.button-dark:hover {
    background-color: #A3D900!important;
    color: #fff !important;
}

.footer-copy{
    font-family: 'Shentox-Bold';
}


.news-lower {
    margin-top: 80px!important
}

.news-pos-left {
    float: left
}

.news-pos-right {
    float: right
}

.img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 15;
    clip: initial!important;
    left: 0!important;
    right: 0!important;
    transform: none!important;
    transition: .2s ease-in
}

.section-artists .pagers {
    display: none
}

.section-places .pagers {
    display: none
}

@media screen and (max-width:767px) {
    .section-artists .pagers,
    .section-places .pagers {
        position: relative;
        display: block!important;
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
    .places-button .news-btn {
        width: 100%
    }
    section.section-places .places-slider .pl-elem.big .title {
        line-height: 1em;
        width: 90%!important;
        margin-left: 5%
    }
    section.section-places .places-slider {
        height: 100%!important
    }
    section.section-places .places-button {
        position: absolute!important;
        bottom: 100px;
        left: 10px
    }
    .section-artists .pagers:hover,
    .section-places .pagers:hover {
        background: 0 0!important
    }
    .section-artists .pagers .br,
    .section-places .pagers .br {
        width: 35px;
        height: 3px;
        background: #bcbcbc;
        display: inline-block;
        margin-top: 5px;
        margin-right: 5px;
        cursor: pointer
    }
    .section-places .pagers .br {
        background: #fff
    }
    .section-artists .pagers .br:hover,
    .section-places .pagers .br:hover {
        background: #A3D900
    }
    section.section-places .arrow {
        display: block
    }
    .section-artists .pagers .br.active,
    .section-places .pagers .br.active {
        background: #A3D900
    }
    .section-artists .arrow-left {
        display: block!important
    }
}

div.menu-con {
    position: fixed;
    width: 100vw;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    background: url(../images/glitch-tv.gif);
    z-index: 999
}

div.menu-con .overlay {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-image: url(/images/bg-gradient.jpg);
    background-size: cover
}

div.menu-con .overlay .menu-elem.settings i:first-child {
    display: none
}

div.menu-con .overlay .menu-elem.settings i:last-child {
    top: 3px;
    width: 30px;
    height: 30px;
    color: #000;
    text-align: center;
    position: relative
}

div.menu-con .overlay .menu-elem.settings i:last-child span {
    width: 30px;
    height: 30px;
    background: #fff;
    top: 1px;
    left: 0;
    line-height: 31px;
    transition: .1s ease-in-out
}

div.menu-con img.logo {
    position: absolute;
    left: 0;
    top: 50px;
    max-width: 100%;
    z-index: 10
}

div.menu-con div.search {
    position: absolute;
    width: 600px;
    left: 0;
    margin-left: 200px;
    top: 30px
}

div.menu-con input[type=text] {
    background: 0 0;
    border: none;
    color: #222;
    padding: 10px 0;
    border-bottom: solid 2px #222;
    font-family: 'PT Mono';
    font-size: 12px;
    width: calc(100% - 113px);
    line-height: 1.2em;
    vertical-align: text-top;
    float: left
}

div.menu-con .search-buttons {
    color: #222;
    font-size: 16px;
    float: left;
    vertical-align: text-top;

    padding: 8px 10px 8px 10px;
    height: 36px;
    cursor: pointer;
    text-transform: uppercase;
    transition: .1s ease-out;
    background: 0 0;
    border: none;
    border-bottom: solid 2px #222
}

div.menu-con .search-buttons:hover {
    color: #181818;
    background-color: #fff
}

div.menu-con .search-buttons i {
    padding-left: 10px;
    font-size: 18px
}

div.menu-con div.nav {
    margin-top: 200px;
    text-align: center
}

div.menu-con div.nav-con {
    color: #222;
    width: 30%;
    float: right;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 10px;
    padding-right: 50px
}

div.menu-con div.nav a {
    display: block
}

div.menu-con div.nav-con div.links {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 30px;
    line-height: 1.2em;
    text-align: left
}

div.menu-con div.nav-con p {
    font-family: 'PT Mono';
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 10px;
    height: 20px
}

input,
textarea {
    outline: 0!important
}

.fancy-media.art-det {
    position: relative;
    display: block
}

.fancy-media.art-det img {
    width: 100%
}

div.menu-con div.nav-con div.links a {
    margin: 14px 0;
    font-family: Shentox-Bold
}

div.menu-con div.nav-con div.links a span {
    position: relative;
    transition: .1s ease-in
}

div.menu-con div.nav-con div.links a span:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    left: -5px;
    height: 3px;
    background: #222;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s linear
}

div.menu-con div.nav-con div.links a.active span:before {
    width: calc(100% + 10px);
    transition: .2s ease-in
}

div.menu-con div.nav-con div.links a:hover span:before {
    width: calc(100% + 10px);
    transition: .2s ease-in
}

@media screen and (max-width:1100px) {
    div.menu-con div.search {
        width: 300px
    }
}

@media screen and (max-width:767px) {
    div.menu-con div.nav-con div.links a span:before {
        transition: none
    }
    div.menu-con div.nav-con div.links a.active span:before {
        transition: none
    }
    div.menu-con div.nav-con div.links a:hover span:before {
        transition: none
    }
    div.menu-con div.search,
    div.menu-con img.logo {
        display: none
    }
    div.menu-con div.settings {
        width: 100%
    }
    div.menu-con div.settings i:not (:last-child) {
        float: left
    }
    div.menu-con div.settings i:last-child {
        float: right
    }
    div.menu-con .overlay .menu-elem.settings i:first-child {
        display: inline-block
    }
    .date-control .next i {
        position: absolute
    }
    .date-control .next i.fa-angle-left {
        margin-left: 10px
    }
    .date-control .next i.fa-angle-right {
        right: 10px
    }
    div.menu-con div.nav {
        margin-top: 20px
    }
    div.menu-con div.nav-con {
        display: block;
        width: 100%;
        margin-top: 60px;
        padding-right: 0;
        float: none
    }
    div.menu-con div.nav-con:last-child {
        margin-bottom: 50px
    }
    div.menu-con div.nav-con div.links,
    div.menu-con div.nav-con p {
        text-align: center
    }
    .glyphicon {
        top: 0
    }
    div.menu-con .overlay .menu-elem.settings i:last-child span {
        top: 0
    }
    div.menu-con {
        overflow-y: scroll!important
    }
}

@media screen and (max-height:800px) {
    div.menu-con {
        overflow-y: scroll!important
    }
}

.header-mh {
    min-height: 820px!important
}

header {
    position: relative;
    height: 100vh;
    min-height: 800px
}

header div.header-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

header div.header-box video {
    width: 100%;
    height: 100%;
    min-height: 700px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

header div.header-vid {
    clip: inherit!important;
    left: 0!important;
    right: 0!important;
    transform: none!important;
    height: calc(100% - 60px);
    overflow: hidden
}

header div.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

header div.gi-con {
    position: absolute;
    width: 100%;
    display: none;
    height: calc(100% - 60px);
    left: 0;
    top: 0
}

header div.content {
    z-index: 30;
    padding-top: 50px;
    height: 100%
}

header div.content img.logo {
    position: absolute;
    left: 0;
    width: 210px;
    display: none;
    z-index: 30
}

header div.content img.logo-vid {
    display: block
}

header div.content div.menu {
    position: absolute;
    display: block;
    width: 80px;
    height: 50px;
    background-color: #222;
    color: #fff;
    margin-left: 304px;
    cursor: pointer;
    transition: .1s ease-in
}

header div.content div.menu:hover {
    background: #fff;
    color: #222
}
header div.content div.menu div {
    width: 50%;
    height: 100%;
    float: left;
    line-height: .8em;
    font-size: 16px;
    padding: 12px 0 12px 0
}
header div.content div.menu div {
    background-color: #fff;
}


header div.content div.menu .menu__inner {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: 1.5px;
    font-family: 'Shentox-Bold';
}
header div.content div.menu:hover .menu__inner {
    color: #222;
}



header div.content div.menu div.name {
    padding-left: 6px;
    font-family: 'PT Mono';
    font-weight: 400;
    line-height: .9em
}

header div.content div.menu div.burger {
    font-size: 30px;
    padding-right: 8px;
    margin-top: -1px
}

div.menu-con div.settings,
header div.content div.settings {
    position: absolute;
    top: 30px;
    right: 0;
    color: #222
}

header div.content div.settings {
    display: none
}

div.menu-con div.settings i,
header div.content div.settings i {
    font-style: normal;
    margin-right: 20px;
    cursor: pointer;
    vertical-align: middle;
    padding: 4px 0 0 5px;
    font-size: 22px;
    transition: .1s ease-in
}

div.settings.menu-elem {
    padding: 4px 5px 4px 5px!important
}

div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
    padding: 7px 2px 0 6px;
    font-size: 18px
}

div.menu-con .overlay .menu-elem.settings i:nth-child(4) {
    padding: 7px 5px 0 5px;
    margin-top: 4px
}

div.menu-con .overlay .menu-elem.settings i:nth-child(4) a {
    vertical-align: middle;
    font-family: 'PT Mono';
    padding-bottom: 9px
}

@media screen and (max-width:767px) {
    div.menu-con .overlay .menu-elem.settings i:nth-child(4) a {
        padding-bottom: 8px
    }
}

div.menu-con .overlay .menu-elem.settings i.searchMobile {
    padding: 2px 5px 4px 5px;
    margin-top: 4px
}

div.menu-con div.settings i:last-child,
header div.content div.settings i:last-child {
    line-height: 30px!important;
    padding: 5px
}

header div.content div.settings i.searchBox:hover {
    background: #fff
}

header div.content div.settings .isearch {
    position: absolute;
    right: 169px;
    display: none;
    height: 50px;
    width: 300px;
    top: -10px;
    color: #343434;
    font-family: 'PT Mono';
    font-size: 12px;
    border: none
}

header div.content div.settings .isearch input {
    border: none;
    width: 100%;
    height: 100%;
    color: #343434;
    padding-left: 20px
}

.searchBox {
    color: #343434;
    background: #fff;
    padding: 13px 5px 10px 9px!important
}

.searchBox path {
    fill: #A3D900
}

div.menu-con div.settings i:hover,
div.menu-con div.settings i:hover path,
header div.content div.settings i:hover,
header div.content div.settings i:hover path {
    color: #181818;
    fill: #181818;
    background: #fff
}

header div.content div.settings i:hover,
header div.content div.settings i:hover path {
    background: 0 0;
    color: #A3D900;
    fill: #A3D900
}

div.menu-con div.settings i:last-child,
header div.content div.settings i:last-child {
    margin-right: 0;
    font-weight: 700;
    font-size: 24px;
    font-family: 'PT Mono';
}

header div.event {
    position: absolute;
    width: calc(100% - 50px)!important;
    margin-left: 50px!important;
    top: 360px;
    display: none;
    z-index: 20;
    padding-left: 150px;
    color: #fff
}

header div.event span.date {
    display: inline-block;
    vertical-align: text-top;
    margin-top: 36px;
    text-decoration: underline
}

header div.event div.info {
    display: inline-block;
    vertical-align: text-top
}

header div.event div.info h1 {
    font-size: 88px;
    font-weight: 400;
    line-height: .9em;
    text-transform: uppercase;
    max-width: 450px;
    font-family: 'Shentox-Bold';
    transition: .1s ease-in
}

header div.event div.info h1:hover {
    color: #A3D900
}

header div.event div.info p {
    font-family: 'PT Mono';
    font-size: 16px;
    padding-top: 30px
}

header div.event div.info div.event-hour {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 50px;
    background: #fff;
    margin-top: 30px;
    font-family: 'PT Mono';
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #343434;
    text-shadow: none
}

header div.event div.info a.ticket {
    color: #fff;
    font-weight: 400;
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 16px;
    text-shadow: none;
    margin-left: -4px;
    padding-top: 15px;
    font-family: 'Shentox-Bold';
    padding-bottom: 15px;
    padding-right: 10px;
    transition: .1s ease-in;
    vertical-align: bottom
}

header div.event.txt-black div.info a.ticket {
    color: #343434;
    font-weight: 400;
    padding-left: 10px;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 16px;
    text-shadow: none;
    margin-left: -4px;
    padding-top: 15px;
    font-family: 'Shentox-Bold';
    padding-bottom: 15px;
    padding-right: 10px;
    transition: .1s ease-in
}

header div.event div.info a.ticket:hover {
    background: #A3D900;
    color: #fff!important
}

header div.event div.info a.ticket.ticket-white {
    color: #fff
}

header .socialmedia {
    position: absolute;
    left: 0;
    width: 32px;
    display: none;
    height: 200px;
    top: 590px;
    z-index: 30
}

.socialmedia-vid {
    display: block
}

.socialmedia div {
    width: 100%;
    height: 32px;
    margin-top: 10px;
    background-repeat: no-repeat;
    /*    background-image: url(../images/social-white.svg#normal);*/
    background-image: url(../images/social-black.svg#normal);
    cursor: pointer;
    background-position-x: right
}
.footer-social .socialmedia div {
    background-image: url(../images/social-black.svg#normal);
}

.socialmedia div:hover {
    background-image: url(../images/social-seledin.svg#hover)
}

.socialmedia div.fb {
    background-position-y: 0px
}
.socialmedia div.yt {
    background-position-y: -40px
}

.socialmedia div.pin {
    background-position-y: -80px
}

.socialmedia div.ig {
    background-position-y: -120px
}

.socialmedia div.spo {
    background-position-y: -160px
}

.socialmedia div.sou {
    background-position-y: -202px
}







.white-social {
    -webkit-filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%);
    filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%);
    transition: .1s ease-in
}

.white-social:hover {
    -webkit-filter: none;
    filter: none
}

header div.countdown {
    position: absolute;
    height: 260px;
    right: 0;
    top: 530px;
    width: 180px;
    color: #343434;
    font-family: 'PT Mono'
}

header div.countdown.txt-white {
    color: #fff
}

header div.countdown {
    display: none
}

header div.countdown.c0 {
    display: block
}

header div.countdown span.info {
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
    width: 240px;
    text-decoration: underline;
    margin-left: -200px;
    position: absolute;
    margin-top: 100px
}

header div.countdown div.time {
    vertical-align: text-top;
    text-align: right;
    padding-left: 20px;
    line-height: 1.4em
}

header div.countdown div.time span.seconds {
    font-size: 112px;
    font-weight: 400;
    font-family: Shentox-Bold
}

header div.countdown div.time p:last-child {
    position: absolute;
    right: 0;
    bottom: 30px
}

header div.pagers {
    position: absolute;
    width: 100%;
    height: 30px;
    display: none;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    text-align: center
}

header div.pagers div.page {
    display: inline-block;
    cursor: pointer;
    vertical-align: text-top;
    margin-right: 10px;
    transition: .2s ease-in
}

header div.pagers div.page:last-child {
    margin-right: 0
}

header div.pagers div.page {
    width: 80px;
    height: 20px;
    text-align: center;
    position: relative;
    transition: .1s ease-in
}

header div.pagers div.img:before {
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    transition: .1s ease-in
}

header div.pagers div.vid i {
    line-height: 20px;
    font-size: 20px;
    color: #fff;
    transition: .1s ease-in
}

header div.pagers div.vid:before {
    background: #fff;
    content: "";
    transition: .1s ease-in;
    display: block;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
    width: 26px
}

header div.pagers div.vid:after {
    background: #fff;
    content: "";
    display: block;
    transition: .1s ease-in;
    height: 3px;
    position: absolute;
    top: 9px;
    right: 0;
    width: 26px
}

header div.pagers.pgCont div.img::before,
header div.pagers.pgCont div.vid:after,
header div.pagers.pgCont div.vid:before {
    background: #343434
}

header div.pagers.pgCont div.vid i {
    color: #343434
}

header div.content div.settings.stCon {
    color: #343434
}

header div.content div.settings.stCon path {
    fill: #343434
}

header div.pagers div.img:hover:before,
header div.pagers div.vid:hover:after,
header div.pagers div.vid:hover:before {
    background: #A3D900
}

header div.pagers div.vid:hover i {
    color: #A3D900
}

header div.pagers div.active.img:before,
header div.pagers div.active.vid:after,
header div.pagers div.active.vid:before {
    background: #A3D900
}

.page-program.subsite.h600 a.map-top {
    float: right
}

.page-program.subsite.h600 a.map-top h4 {
    text-align: right
}

.page-program.subsite.h600 a.map-top i {
    background-position: right top!important
}

header div.pagers div.active.vid i {
    color: #A3D900
}

header div.btn-header {
    position: absolute;
    right: 65%;
    bottom: 20%;
    font-family: Shentox-Bold
}

header div.countdown div.time span.seconds:after {
    content: '';
    display: block;
    margin-top: -20px
}

header .button.btn-header {
    transition: .1s ease-in
}

header .button.btn-header:hover {
    background: #fff;
    color: #A3D900
}

@media screen and (max-width:1279px) {
    header div.content div.menu {
        margin-left: 250px
    }
    header div.event {
        top: 240px;
        padding-left: 0
    }
    .js-parallax-bg {
        background-repeat: repeat!important;
        background-attachment: initial!important
    }
    .places-slider .places-button .arrow {
        display: none
    }
    section.section-media .media-button {
        text-align: left!important
    }
    section.section-footer .footer-bottom .footer-copy {
        padding-top: 30px
    }
    section.section-timeline div.program-slider .p-elem.inverted div.time {
        right: inherit!important
    }
    section.section-timeline div.program-slider .p-elem.inverted div.title {
        text-align: left!important;
        right: inherit!important
    }
    div.menu-bar .wall span a:hover {
        color: #fff!important
    }
}

@media screen and (max-width:767px) {
    section.section-1 div.news {
        margin-top: 20px!important
    }
    .page-program.subsite.h600 div.importants {
        width: 50%;
        float: left
    }
    .fancybox-skin .socialmedia {
        right: 0!important;
        bottom: 8px!important
    }
    section.section-footer .footer-bottom .footer-copy {
        padding-top: 20px
    }
    section.section-media .media-button {
        text-align: center!important
    }
    .places-slider .places-button .arrow {
        display: block
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
        padding: 4px 2px 2px 2px
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(4) {
        padding: 5px 5px 3px 5px
    }
    header div.event {
        padding-left: 0
    }
    header div.event div.info h1 {
        font-size: 66px
    }
    header div.event div.info a.ticket {
        color: #A3D900!important
    }
    header div.content img.logo {
        width: 100px
    }
    header div.content {
        padding-top: 15px
    }
    header div.content div.settings {
        display: none!important
    }
    header div.content div.menu {
        margin-left: 0;
        right: 0;
        top: 10px
    }
    header div.socialmedia {
        /*        display: none! important*/
    }
    header div.countdown div.time span.seconds {
        font-family: 'PT Mono'
    }
    .rotate {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    header div.pagers div.page {
        width: 50px
    }
    header div.pagers div.vid::after,
    header div.pagers div.vid::before {
        width: 14px
    }
    header div.event {
        margin-left: 0!important;
        top: 180px
    }
    .hp-left {
        padding-left: 0
    }
    header div.btn-header {
        width: 100%;
        right: initial;
        bottom: 200px
    }
    header div.pagers {
        bottom: 280px
    }
    header div.event span.date {
        margin-top: 0;
        width: 100%;
        font-size: 12px
    }
    header div.countdown {
        width: 100%;
        right: initial;
        left: 0;
        top: initial!important;
        bottom: 60px;
        height: 100px
    }
    header div.countdown span.info {
        width: 45%;
        float: left;
        position: relative;
        margin-left: 0;
        margin-top: 0;
        font-size: 15px;
        display: inline-block;
        line-height: 1.3em
    }
    header div.countdown .time p {
        display: inline-block;
        font-size: 15px
    }
    header div.countdown div.time span.seconds {
        font-size: inherit;
        font-weight: 400
    }
    header div.countdown div.time span.seconds:after {
        display: inline-block
    }
    header div.countdown div.time p:last-child {
        position: relative;
        right: initial;
        bottom: initial
    }
    .rotate {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media screen and (max-height:880px) {
    header div.event {
        top: 240px;
        padding-left: 0
    }
    header .socialmedia {
        top: 400px
    }
    header div.countdown {
        top: 460px
    }
    header div.event div.info p {
        width: 70%
    }
}

section.section-1 {
    margin-top: -60px;
    padding-bottom: 80px;
    height: auto;
    background-image: url(../images/bg-gradient.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

section.section-1 div.news {
    margin-top: 80px
}

section.section-1 div.news .elem {
    position: relative;
    width: 48%;
    height: 280px;
    display: inline-block;
    vertical-align: text-top;
    color: #fff;
    margin-bottom: 20px;
    display: none;
    cursor: pointer
}

section.section-1 div.news .elem:hover div.title h2 {
    color: #A3D900
}

section.section-1 div.news .elem div.img-overlay {
    background-color: #ffff96;
    opacity: .15
}

section.section-1 div.news .elem:hover div.img-overlay {
    opacity: 0
}

section.section-1 div.news .elem div.image-hold {
    overflow: hidden;
    position: absolute;
    width: 230px;
    height: 230px;
    display: block;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 10;
    margin-top: 100px;
    opacity: 0;
    transition: .5s ease-in;
    background-color: #A3D900
}

section.section-1 div.news .elem .image {
    position: absolute;
    width: 230px;
    height: 230px;
    display: block;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 10;
    opacity: 1;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    border:7px solid white;
}

section.section-1 div.news .elem div.image:hover {
    -webkit-filter: none;
    filter: none
}

section.section-1 div.news .elem div.title {
    position: absolute;
    top: -24px;
    z-index: 20;
    width: 60%;
    right: -25px;
    margin-top: 100px;
    opacity: 0
}

section.section-1 div.news .elem div.title span {
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
    width: 65px;
    text-decoration: underline;
    float: left;
    position: absolute;
    left: -35px;
    top: 35px;
    font-size: 13px;
    font-family: 'Shentox-Bold';
    color:#222;
}

section.section-1 div.news .elem div.title h2 {
    float: left;
    padding-left: 19px;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    transition: .1s ease-in;
    font-family: 'Shentox-Bold';
    color:#222;
}

section.section-1 div.news .elem div.desc {
    width: 42%;
    position: absolute;
    right: 54px;
    top: 80px;
    text-align: left;
    font-size: 14px;
    font-family: "PT Mono";
    line-height: 1.8em;
    margin-top: 200px;
    opacity: 0;
    color:#222;
    font-family: 'Shentox-Bold';
}

section.section-1 div.news .elem.content-ivert {
    margin-left: 50px
}

section.section-1 div.news .elem.content-ivert div.image-hold {
    right: 0
}

section.section-1 div.news .elem.content-ivert div.title {
    left: -20px
}

section.section-1 div.news .elem.content-ivert div.title h2 {

    color: #222;
}

section.section-1 div.news .elem.content-ivert div.desc {
    text-align: right;
    left: 20px;
    font-weight:bold;
    color: #222;
}

section.section-1 div.news-btn {
    display: inline-block!important;
    font-family: 'PT Mono';
    font-weight: 400
}

section.section-1 div.arrow {
    position: absolute;
    color: #fff;
    font-size: 56px;
    cursor: pointer;
    transition: .1s ease-in
}

section.section-1 div.arrow:hover {
    color: #A3D900
}

section.section-1 div.arrow-right {
    right: -30px
}

section.section-1 div.arrow-left {
    left: -30px;
    bottom: 50px;
    display: none
}

section.section-1 .news-btn {
    transition: .1s ease-in
}

section.section-1 .news-btn:hover {
    background: #A3D900;
    color: #fff
}

@media screen and (max-width:1279px) and (min-width:768px) {
    .subsite h1 {
        padding-top: 40px
    }
}

@media screen and (max-width:1279px) {
    .news-lower {
        margin-top: 0!important
    }
    section.section-1 {
        padding-bottom: 40px;
        min-height: 1150px
    }
    section.section-1 div.news .elem {
        width: 48%
    }
    section.section-1 div.news-btn {
        display: inline-block!important;
        font-family: 'PT Mono';
        font-weight: 400;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width:1000px) {
    section.section-1 div.news .elem {
        width: 500px
    }
}

@media screen and (max-width:767px) {
    section.section-1 div.news .elem {
        width: 100%;
        min-height: 300px!important;
        height: auto;
        margin-bottom: 60px
    }
    section.section-1 div.news .elem.elem-1 {
        margin-bottom: 40px
    }
    section.section-1 div.news .elem div.image-hold {
        overflow: hidden;
        position: relative;
        width: calc(100% - 10px);
        height: 360px;
        display: block;
        background-size: cover;
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 10;
        margin-top: 0;
        opacity: 1;
        left: 50%;
        transform: translateX(-50%)
    }
    section.section-1 div.news .elem div.image {
        width: 100%;
        height: 360px
    }
    section.section-1 div.news .elem div.title {
        position: relative;
        top: 20px;
        right: 0;
        width: 100%;
        margin-top: 0;
        min-height: 10px;
        opacity: 1;
        margin-left: 5px
    }
    section.section-1 div.news .elem div.title h2 {
        padding-left: 0;
        margin-top: 10px;
        width: 100%;
        font-size: 18px;
        line-height: 1.5em
    }
    section.section-1 div.news .elem div.title span {
        width: 100%;
        position: relative;
        left: initial;
        top: 0
    }
    section.section-1 div.news .elem div.desc {
        position: relative;
        width: 100%;
        right: 0;
        line-height: 1.3em;
        top: 30px;
        margin-top: 0;
        opacity: 1;
        font-size: 12px;
        line-height: 1.7em;
        padding-left: 5px
    }
    section.section-1 div.news .elem.content-ivert {
        margin-left: 0
    }
    section.section-1 div.news .elem.content-ivert div.desc {
        left: 0;
        text-align: left
    }
    section.section-1 div.news .elem.content-ivert div.title {
        left: 0
    }
    section.section-1 div.news .elem.content-ivert div.title h2 {
        text-align: left
    }
    section.section-1 div.news-btn {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px
    }
    section.section-1 {
        padding-bottom: 40px
    }
}

@media screen and (max-width:580px) {
    section.section-1 div.news .elem div.image-hold {
        height: 250px
    }
}

@media screen and (max-width:380px) {
    section.section-1 div.news .elem div.image-hold {
        height: 170px
    }
}

header.p404 {
    background: url(../images/glitch-tv.gif) center center;
    overflow-y: hidden
}

header.p404 div.btn-header {
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    color: #343434;
    font-family: 'PT Mono';
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    bottom: 150px;
    width: 300px
}

header.p404 .header-box {
    display: block;
    background-color: rgba(0, 0, 0, .5)
}

header.p404 div.btn-header:hover {
    background: #A3D900;
    color: #fff
}

header.p404 .settings {
    display: block!important
}

header.p404 .content h1 {
    color: #fff;
    font-size: 82px;
    font-family: 'PT Mono';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

@media screen and (max-width:767px) {
    header.p404 .settings {
        display: none!important
    }
}

section.section-timeline {
    position: relative;
    padding-bottom: 150px;
    background: url(../images/glitch-tv.gif) center center;
    min-height: 750px
}

section.section-timeline .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: url(../images/bg-glitch-ov.png)
}

section.section-timeline h1 {
    font-size: 54px;
    color: #999;
    text-transform: uppercase;
    margin-top: 75px;
    margin-bottom: 75px;
    text-align: left;
    font-weight: 400;
    font-family: Shentox-Bold
}

section.section-timeline div.horizontal-lane {
    position: absolute;
    display: block;
    width: 0%;
    height: 3px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff
}

section.section-timeline div.program-slider {
    width: 100%;
    display: block;
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 455px
}

section.section-timeline div.program-slider .p-elem {
    width: 300px;
    height: 460px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 20px;
    padding-bottom: 100px;
    padding-right: 10px;
    padding-left: 10px;
    transition: .1s ease-in;
    cursor: pointer;
    position: relative
}

section.section-timeline div.program-slider .p-elem.p-big {
    width: 300px
}

section.section-timeline div.date {
    width: 100%;
    position: relative;
    float: left;
    top: 0;
    text-align: left;
    color: #fff;
    font-family: 'PT Mono';
    font-size: 16px;
    text-transform: uppercase
}

section.section-timeline .p-elem div.content {
    position: relative;
    display: block;
    margin-top: 30px;
    width: 100%;
    height: 100%
}

section.section-timeline div.program-slider div.image-hold {
    overflow: hidden;
    position: absolute;
    width: 260px;
    height: 260px;
    display: block;
    background-color: #A3D900;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 40px;
    right: 0;
    z-index: 30
}

.program-slider.wall {
    width: 1300px!important
}

section.section-timeline div.program-slider div.image {
    position: absolute;
    width: 261px;
    height: 261px;
    left: 0;
    top: -1px;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10;
    transition: .2s ease-in-out;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%)
}

section.section-timeline div.program-slider .p-elem:hover div.image {
    -webkit-filter: none;
    filter: none
}

section.section-timeline div.program-slider .p-elem.p-big div.image,
section.section-timeline div.program-slider .p-elem.p-big div.image-hold {
    width: 270px;
    height: 270px;
    z-index: 10
}

section.section-timeline div.program-slider .p-elem.p-low div.image,
section.section-timeline div.program-slider .p-elem.p-low div.image-hold {
    bottom: 0;
    z-index: 10
}

section.section-timeline div.program-slider div.time {
    width: 60px;
    height: 50px;
    position: absolute;
    top: calc(50% + 20px);
    left: -10px;
    transform: translateY(-50%);
    display: block;
    color: #343434;
    font-size: 16px;
    font-family: 'PT Mono';
    line-height: 50px;
    text-align: center;
    transition: .1s ease-in;
    background: #fff;
    z-index: 100;
    margin-top: -2px
}

section.section-timeline div.program-slider div.title {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    transition: .1s ease-in;
    color: #fff;
    position: absolute;
    bottom: 34px;
    width: 80%;
    line-height: 1.3em;
    margin-left: -10px;
    z-index: 60;
    font-family: Shentox-Bold
}

section.section-timeline div.program-slider .p-elem.p-low.p-big div.title {
    top: 300px
}

section.section-timeline div.program-slider .p-elem.inverted {
    margin-left: -25px
}

section.section-timeline div.program-slider .p-elem.inverted div.time {
    left: inherit
}

section.section-timeline div.program-slider .p-elem.inverted div.image {
    left: 0;
    right: inherit
}

section.section-timeline div.program-slider .p-elem.inverted div.title {
    text-align: right;
    right: -25px;
    transition: .1s ease-in
}

section.section-timeline .arrow-wall {
    height: 100%;
    position: absolute!important;
    top: 0
}

section.section-timeline .arrow {
    color: #fff;
    font-size: 52px;
    position: absolute;
    top: 52%;
    cursor: pointer;
    left: -85px;
    z-index: 50;
    transition: .1s ease-in
}

section.section-timeline .arrow:hover {
    color: #A3D900
}

section.section-timeline .arrow-left {
    display: none
}

section.section-timeline .arrow-right {
    right: -70px;
    left: inherit
}

section.section-timeline .program-button {
    margin-top: 100px;
    text-align: center;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute!important
}

section.section-timeline .program-button div {
    display: inline-block;
    font-family: 'PT Mono';
    font-weight: 400;
    transition: .1s ease-in
}

section.section-timeline .program-button div:hover {
    background: #A3D900;
    color: #fff
}

section.section-timeline div.program-slider .event-type {
    display: none;
    padding-top: 10px
}

section.section-timeline div.program-slider div.add {
    width: 30px;
    height: 30px;
    position: absolute;
    display: none;
    right: 0;
    top: 5px;
    border-radius: 50%;
    text-align: center;
    border: solid 2px #fff;
    line-height: 29px;
    color: #fff;
    z-index: 60
}

section.section-timeline div.program-slider p.place {
    position: absolute;
    font-family: 'PT Mono';
    color: #fff;
    right: 0;
    bottom: -45px;
    text-align: left;
    width: calc(100% - 70px);
    display: none
}

section.section-timeline div.program-slider div.add:hover {
    border-color: #A3D900;
    color: #A3D900
}

section.section-timeline div.program-slider .p-elem:hover {
    background: #b7b7b7;
    z-index: 999
}

section.section-timeline div.program-slider .p-elem:hover div.title {
    margin-left: 15%
}

section.section-timeline div.program-slider .p-elem:hover div.time {
    bottom: -85px;
    top: initial;
    left: 0
}

section.section-timeline div.program-slider .p-elem:hover div.date p.event-date {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: -32px;
    bottom: -310px;
    z-index: 60
}

.overlay-hover {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    display: none
}

section.section-timeline div.program-slider .p-elem:hover div.date span {
    display: none
}

section.section-timeline div.program-slider .p-elem:hover div.date div.add,
section.section-timeline div.program-slider .p-elem:hover div.date p.event-type,
section.section-timeline div.program-slider .p-elem:hover p.place {
    display: block
}

@media screen and (max-width:1279px) {
    section.section-timeline .arrow {
        top: initial;
        bottom: 60px
    }
    section.section-timeline .arrow-left {
        left: 0
    }
    section.section-timeline .arrow-right {
        right: 0
    }
    section.section-timeline div.program-slider {
        overflow: visible
    }
    section.section-timeline div.program-slider .p-elem.inverted {
        margin-left: 0
    }
}

@media screen and (max-width:767px) {
    section.section-timeline div.date {
        text-align: center
    }
    section.section-timeline div.program-slider div.image {
        width: 100%!important;
        height: 100%!important
    }
    section.section-timeline div.date p {
        display: inline;
        padding-left: 5px
    }
    section.section-timeline h1 {
        text-align: center;
        margin-top: 25px;
        font-size: 40px
    }
    section.section-timeline .arrow {
        top: 78px;
        bottom: initial
    }
    section.section-timeline .arrow-left {
        left: 0
    }
    section.section-timeline .arrow-right {
        right: 0
    }
    section.section-timeline div.program-slider div.title {
        opacity: 1;
        margin-bottom: 0
    }
    section.section-timeline div.program-slider div.date,
    section.section-timeline div.program-slider div.time {
        opacity: 1;
        margin-top: 0
    }
    section.section-timeline div.program-slider .p-elem,
    section.section-timeline div.program-slider .p-elem.p-big {
        width: 100%
    }
    section.section-timeline div.program-slider .p-elem {
        margin-right: 0
    }
    section.section-timeline div.program-slider .p-elem.p-big div.image-hold,
    section.section-timeline div.program-slider div.image-hold {
        width: 100%;
        position: relative;
        height: 250px;
        top: 85px
    }
    section.section-timeline div.program-slider div.image-hold {
        top: 80px;
        height: 270px
    }
    section.section-timeline div.program-slider div.add {
        line-height: 28px
    }
    section.section-timeline div.program-slider div.title {
        margin-left: 0!important;
        right: inherit!important
    }
    section.section-timeline div.program-slider .p-elem.inverted div.time,
    section.section-timeline div.program-slider div.time {
        top: 80px;
        left: 0;
        right: initial;
        width: 50px;
        line-height: 35px;
        font-size: 12px;
        height: 35px
    }
    section.section-timeline div.program-slider div.time {
        top: 50px
    }
    section.section-timeline div.program-slider .p-elem.inverted div.title,
    section.section-timeline div.program-slider div.title {
        text-align: left;
        width: 100%;
        bottom: 0
    }
    section.section-timeline div.horizontal-lane {
        display: none
    }
    section.section-timeline {
        min-height: 650px
    }
    section.section-timeline .program-button div {
        width: 100%
    }
    section.section-timeline div.program-slider div.image-hold {
        opacity: 1;
        margin-bottom: 0
    }
    section.section-timeline div.program-slider .p-elem:hover {
        background: 0 0
    }
    section.section-timeline div.program-slider .p-elem:hover div.title {
        margin-left: 0
    }
    section.section-timeline div.program-slider .p-elem:hover div.time {
        bottom: inherit;
        top: 50px;
        left: 0;
        right: initial
    }
    section.section-timeline div.program-slider .p-elem:hover div.date p.event-date {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: initial;
        left: initial;
        top: initial;
        z-index: 60;
        text-shadow: none
    }
    section.section-timeline div.program-slider .p-elem:hover div.date span {
        display: inline-block
    }
    section.section-timeline div.program-slider .p-elem div.date div.add,
    section.section-timeline div.program-slider .p-elem div.date p.event-type,
    section.section-timeline div.program-slider .p-elem p.place {
        display: block
    }
    section.section-timeline div.program-slider div.add {
        top: 65px
    }
    section.section-timeline div.program-slider .p-elem div.date p.event-type {
        position: absolute;
        top: 63px;
        left: 70px;
        display: inline-block
    }
    section.section-timeline div.program-slider .p-elem p.place {
        left: 0;
        right: inherit;
        bottom: -60px;
        width: 100%
    }
    section.section-timeline .program-button {
        bottom: 20px
    }
}

@media screen and (max-width:460px) {
    section.section-timeline div.program-slider div.image-hold {
        top: 80px;
        height: 200px
    }
    section.section-timeline div.program-slider .p-elem p.place {
        left: 0;
        right: inherit;
        bottom: -20px;
        width: 100%
    }
}

section.section-artists {
    position: relative;
    min-height: 630px;
    background: url(../images/bg-gradient.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
}

section.section-artists .content {
    z-index: 50
}

section.section-artists .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

section.section-artists h1 {
    font-size: 54px;
    text-transform: uppercase;
    margin-top: 75px;
    text-align: right;
    float: right;
    font-weight: 400;
    z-index: 50;
    line-height: 1.4em;
    font-family: 'Shentox-Bold';
    position: absolute;
    right: 15%
}

section.section-artists .artists-slider {
    width: 100%;
    display: block;
    position: absolute!important;
    top: 128px;
    left: 50%;
    transform: translateX(-50%);
    height: 400px;
    z-index: 40
}

section.section-artists .artists-slider .a-elem {
    position: relative;
    display: inline-block;
    width: 160px;
    min-height: 180px;
    margin-left: 24px;
    vertical-align: text-top;
    cursor: pointer
}

section.section-artists .artists-slider .a-elem:hover .title {
    color: #A3D900
}

section.section-artists .artists-slider .a-elem.big {
    width: 260px;
    min-height: 300px
}

section.section-artists .artists-slider .a-elem .image-hold {
    overflow: hidden;
    background-size: cover;
    background-color: #A3D900;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    /*    margin-top: 200px;*/
    /*    opacity: 0*/
}

section.section-artists .artists-slider .a-elem .image {
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 160px;
    height: 160px;
    transition: .2s ease-in-out;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    border:7px solid white;
}

section.section-artists .artists-slider .a-elem .image:hover {
    -webkit-filter: none;
    filter: none
}

section.section-artists .artists-slider .a-elem.big .image {
    width: 260px;
    height: 260px
}

section.section-artists .artists-slider .a-elem.big .image-hold {
    width: 260px;
    height: 260px;
    transition: .5s ease-in-out
}

section.section-artists .artists-slider .a-elem .title {
    font-size: 20px;
    color: #343434;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 15px;
    opacity: 0;
    font-family: Shentox-Bold
}

section.section-artists .artists-button {
    margin-top: 100px;
    transform: translateX(-50%);
    text-align: center;
    bottom: 50px;
    position: absolute!important;
    left: 50%
}

section.section-artists .artists-slider .a-elem.h-1 {
    margin-top: 25px
}

section.section-artists .artists-slider .a-elem.h-2 {
    margin-top: 50px
}

section.section-artists .artists-button div {
    display: inline-block;
    font-family: 'PT Mono';
    font-weight: 400;
    transition: .1s ease-in
}

section.section-artists .artists-button div:hover {
    background: #A3D900;
    color: #fff
}

section.section-artists .arrow {
    position: absolute;
    font-size: 52px;
    cursor: pointer;
    top: -300px;
    transition: .1s ease-in
}

section.section-artists .arrow:hover {
    color: #A3D900
}

section.section-artists .arrow-right {
    right: -50px
}

section.section-artists .arrow-left {
    left: -50px;
    display: none
}

@media screen and (max-width:1279px) {
    section.section-artists h1 {
        width: 70%
    }
    section.section-artists .arrow {
        top: initial;
        bottom: -10px
    }
    section.section-artists .arrow-right {
        right: -20px
    }
    section.section-artists .arrow-left {
        left: -20px
    }
    section.section-artists {
        min-height: 600px
    }
    section.section-artists .artists-slider .a-elem.big {
        width: 230px
    }
}

@media screen and (max-width:800px) {
    section.section-artists .arrow-right {
        right: -10px
    }
    section.section-artists .arrow-left {
        left: -10px
    }
}

@media screen and (max-width:767px) {
    section.section-artists h1 {
        font-size: 40px;
        text-align: center;
        width: 100%;
        float: none;
        margin-top: 25px;
        line-height: 1.1em;
        right: 0
    }
    section.section-artists .artists-slider {
        top: 100px
    }
    section.section-artists .artists-slider .a-elem,
    section.section-artists .artists-slider .a-elem.big {
        margin-left: 0;
        margin-top: 40px;
        width: 100%
    }
    section.section-artists .artists-slider .a-elem .image-hold,
    section.section-artists .artists-slider .a-elem.big .image-hold {
        width: 100%;
        min-height: 400px
    }
    section.section-artists .artists-slider .a-elem .image {
        width: 100%!important;
        height: 100%!important
    }
    section.section-artists {
        min-height: 800px
    }
    section.section-artists .artists-button {
        bottom: 20px;
        z-index: 50
    }
    .section-1 .button-inverted,
    .section-timeline .button-inverted,
    section.section-artists .artists-button .button-inverted-white {
        width: 100%
    }
    .section-timeline .button-inverted {
        margin-bottom: 30px
    }
    section.section-artists .artists-button .arrow {
        bottom: 100px;
        z-index: 50
    }
    section.section-artists .artists-slider .a-elem.h-1,
    section.section-artists .artists-slider .a-elem.h-2 {
        margin-top: 65px
    }
    section.section-artists .artists-slider .a-elem .image-hold {
        opacity: 1;
        margin-top: 0
    }
    section.section-artists .artists-slider .a-elem .title {
        opacity: 1
    }
    section.section-artists .arrow-right {
        right: inherit;
        left: 60%
    }
    section.section-artists .arrow-left {
        left: 35%
    }
}

@media screen and (max-width:767px) and (min-width:500px) {
    section.section-artists .arrow-left {
        left: 42%
    }
    section.section-artists .arrow-right {
        left: 55%
    }
}

@media screen and (max-width:450px) {
    section.section-artists {
        min-height: 650px
    }
    section.section-artists .artists-slider .a-elem .image-hold,
    section.section-artists .artists-slider .a-elem.big .image-hold {
        width: 100%;
        min-height: 280px
    }
    section.section-artists .artists-button .arrow {
        bottom: 95px;
        z-index: 50
    }
}

section.section-places {
    position: relative;
    padding-bottom: 150px;
    height: 850px;
    background-image: url(../images/bg-gradient.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

section.section-places .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

section.section-places h1 {
    font-size: 54px;
    text-transform: uppercase;
    margin-top: 75px;
    margin-bottom: 75px;
    text-align: left;
    font-weight: 400;
    font-family: Shentox-Bold
}

section.section-places .places-slider {
    width: 100%;
    display: block;
    position: absolute!important;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    height: 400px;
    z-index: 40
}

section.section-places .places-slider .pl-elem {
    position: relative;
    display: inline-block;
    width: 260px;
    cursor: pointer;
    min-height: 300px;
    float: left;
    vertical-align: text-top;
    margin-left: 10px
}

section.section-places .places-slider .pl-elem:first-child {
    margin-left: 0
}

section.section-places .places-slider .pl-elem.ml-low {
    margin-left: -30px
}

section.section-places .places-slider .pl-elem.ml-high {
    margin-left: -90px
}

section.section-places .places-slider .pl-elem.big {
    width: 320px;
    min-height: 310px
}

section.section-places .places-slider .pl-elem .image-hold {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    display: block;
    width: 260px;
    height: 260px;
    float: right;
    z-index: 10;
    margin-top: 200px;
    opacity: 0;
    background-color: #A3D900;
    border:8px solid white;
}

section.section-places .places-slider .pl-elem .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    display: block; 
    width: 260px;
    height: 260px;
    transition: .2s ease-in-out;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%)
}

section.section-places .places-slider .pl-elem .image:hover {
    -webkit-filter: none;
    filter: none
}

section.section-places .places-slider .pl-elem .title {

    font-size: 24px;
    color: #222;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 15px;
    bottom: 0;
    left: -40px;
    width: 80%;
    text-align: left;
    line-height: 1.4em;
    z-index: 20;
    font-family: 'Shentox-Bold';
    opacity: 0
}

section.section-places .places-slider .pl-elem.big .title {
    width: calc(100% + 20px);
    z-index: 20
}

section.section-places .places-slider .pl-elem.big .title .font-small {
    font-size: 20px
}

section.section-places .places-button {
    margin-top: 80px;
    text-align: center
}

section.section-places .places-button div.pl-btn {
    display: inline-block;
    font-family: 'PT Mono';
    font-weight: 400;
    transition: .1s ease-in
}

section.section-places .places-button div.pl-btn:hover {
    background: #A3D900;
    color: #fff
}

section.section-places .places-slider .pl-elem.h-1 {
    margin-top: 40px
}

section.section-places .places-slider .pl-elem.h-2 {
    margin-top: 70px
}

section.section-places .places-slider .pl-elem.h-3 {
    margin-top: 140px
}

section.section-places .arrow {
    position: absolute;
    font-size: 52px;
    cursor: pointer;
    color: #fff;
    bottom: 320px;
    z-index: 50;
    transition: .1s ease-in-out
}

div.menu-con .overlay .menu-elem.settings i:last-child:hover {
    background: 0 0!important;
    color: #fff!important
}

div.menu-con .overlay .menu-elem.settings i:last-child:hover span {
    color: #fff!important;
    background: 0 0!important
}

section.section-places .arrow:hover {
    color: #A3D900
}

section.section-places .arrow-right {
    right: -60px
}

section.section-places .arrow-left {
    left: -60px
}

section.section-places .places-slider .pl-elem:hover .title {
    color: #A3D900
}

.section-places .arrow {
    position: absolute
}

@media screen and (max-width:1279px) {
    section.section-places .places-slider .pl-elem {
        margin-left: -20px
    }
    section.section-places .places-slider .pl-elem.h-3.flr {
        float: right
    }
    section.section-places .places-slider .pl-elem.h-3 {
        margin-top: 0;
        z-index: -1
    }
    section.section-places .places-slider .pl-elem.ml-high {
        margin-left: 110px;
        z-index: -2;
        margin-top: 50px
    }
    section.section-places {
        /*        min-height: 1150px*/
    }
    section.section-places .places-slider .pl-elem .title {
        left: 0
    }
}

@media screen and (max-width:767px) {
    section.section-places {
        height: 650px
    }
    section.section-places h1 {
        text-align: center;
        font-size: 40px;
        margin-top: 30px;
        width: 100%;
        margin-left: 0
    }
    section.section-places .places-slider .pl-elem .image-hold {
        opacity: 1!important;
        margin-top: 0!important
    }
    section.section-places .places-slider .pl-elem {
        min-height: 400px!important;
        width: 100%!important;
        margin-top: 50px!important;
        margin-left: 0!important
    }
    section.section-places .places-slider .pl-elem .image-hold {
        width: 100%!important;
        height: 300px!important
    }
    section.section-places .places-slider .pl-elem .image {
        width: 100%!important;
        height: 100%!important
    }
    section.section-places .places-slider .pl-elem .title {
        width: 100%!important
    }
    section.section-places .places-slider .pl-elem .title {
        left: 0!important;
        opacity: 1!important;
        text-align: center!important
    }
    section.section-places .places-slider .pl-elem .title .font-small:after {
        content: ''!important;
        display: block!important
    }
    section.section-places .places-button div.pl-btn {
        width: 100%
    }
    section.section-places {
        min-height: 700px
    }
    section.section-places .places-button {
        margin-top: 50px
    }
    section.section-places .places-slider {
        top: 55px
    }
    section.section-places .places-slider .pl-elem.big .title .font-small {
        font-size: 16px
    }
    section.section-places .places-slider .pl-elem .title {
        font-size: 30px;
        line-height: 1.2em!important
    }
    section.section-places .arrow-right {
        left: 59%;
        right: inherit
    }
    section.section-places .arrow-left {
        left: 34%
    }
    section.section-places .arrow {
        bottom: 75px
    }
    section.section-places .places-button {
        left: 0!important;
        transform: none!important
    }
}

@media screen and (max-width:500px) {
    section.section-places .places-slider {
        top: 100px
    }
}

section.section-media {
    position: relative;
    padding-bottom: 150px;
    background-image: url(/images/bg-gradient.jpg);
    background-size: cover;
    background-repeat: none;
    min-height: 980px
}

section.section-media .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow-y: hidden;
    overflow-x: hidden;

}

section.section-media .overlay .content {
    z-index: 50
}

section.section-media h1 {
    line-height: 1.3em;
    font-size: 54px;
    text-transform: uppercase;
    margin-top: 75px;
    margin-bottom: 75px;
    text-align: left;
    display: inline-block;
    float: left;
    font-weight: 400;
    font-family: 'Shentox-Bold';
    position: absolute;
    top: 0;
    left: 15%;
    z-index: 70
}

section.section-media h2 {
    font-size: 54px;
    width: 400px;
    padding-right: 40px;
    text-transform: uppercase;
    margin-top: 55px;
    display: inline-block;
    line-height: 1.3em;
    margin-bottom: 15px;
    text-align: right;
    font-family: 'Shentox-Bold';
    font-weight: 400;
    float: right
}

section.section-media .media-con {
    overflow-x: visible;
    white-space: nowrap;
    position: absolute;
    top: 90px;
    z-index: 55
}

section.section-media .media-con.mc-1,
section.section-media .media-con.mc-1.copy {
    z-index: 60!important
}

section.section-media .media-con .img {
    width: 160px;
    height: 160px;
    float: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    overflow: hidden;
    transition: .1s ease-out;
    -webkit-filter: saturate(40%) grayscale(10%);
    background-color: #A3D900;
    filter: saturate(40%) grayscale(10%)
}

section.section-media .media-con .img .image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border:7px solid white;
}

section.section-media .media-con .img:hover {
    -webkit-filter: none;
    filter: none
}

.media-con .video-button i {
    line-height: 50px
}

.media-con .video-button {
    clip: inherit!important;
    left: 50%!important;
    right: initial!important;
    margin-top: -27px;
    margin-left: -27px;
    transform: none!important
}

section.section-media .media-con .img.big {
    width: 260px;
    height: 260px;
    z-index: 15
}

section.section-media .spotify-bg {
    height: 100%;
    position: absolute;
    right: 0;
    background: #fff;
    display: block;
    width: 300px;
    z-index: 75;
    top: 0;
    right: 15%
}

section.section-media .spotify-bg iframe {
    height: calc(100% - 310px);
    width: 260px
}

section.section-media .video-button {
    position: absolute;
    width: 54px;
    height: 54px;
    display: block;
    text-align: center;
    line-height: 48px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MSA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjggMC42MTk5OTVDMTguNjIgMC42MTk5OTUgMC42MzAwMDUgMTguNjEgMC42MzAwMDUgNDAuNzlDMC42MzAwMDUgNjIuOTcgMTguNjIgODAuOTYgNDAuOCA4MC45NkM2Mi45OCA4MC45NiA4MC45NyA2Mi45OCA4MC45NyA0MC43OUM4MC45NyAxOC42MSA2Mi45OSAwLjYxOTk5NSA0MC44IDAuNjE5OTk1Wk0yOS4yMSA1NS4wMlYyNS44M0w1OC4xMiA0MC4zNUwyOS4yMSA1NS4wMloiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
}

.art-wall-big .video-button {
    position: absolute;
    width: 54px;
    height: 54px;
    display: block;
    text-align: center;
    line-height: 48px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    background-image: url("/images/ikony/play_solid_white.svg");
    background-size: contain;
}
.art-wall-big .video-button:hover {
    background-image: url("/images/ikony/play_solid_seledin.svg");
}


section.section-media .media-button {
    position: absolute!important;
    bottom: 100px;
    text-align: center;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 80;
}

section.section-media .media-button .news-btn {
    z-index: 80
}

section.section-media .media-btn {
    display: inline-block;
    font-family: 'PT Mono';
    font-weight: 400
}

@media screen and (max-width:1279px) {
    section.section-media h1 {
        font-size: 50px;
        vertical-align: text-top
    }
    section.section-media h2 {
        font-size: 50px;
        vertical-align: text-top;
        padding-right: 0
    }
    section.section-media .media-con {
        top: 180px
    }
    section.section-media h1 {
        left: 5%
    }
    section.section-media .spotify-bg {
        right: 5%
    }
}

@media screen and (max-width:767px) {
    .t-1 {
        top: 0
    }
    .t-2 {
        top: 0
    }
    .t-3 {
        top: 0
    }
    .t-4 {
        top: 0
    }
    .t-5 {
        top: 0
    }
    .t-6 {
        top: 0
    }
    .t-7 {
        top: 0
    }
    .t-8 {
        top: 0
    }
    .t-9 {
        top: 0
    }
    .t-10 {
        top: 0
    }
    section.section-media .spotify-bg {
        right: initial;
        background: 0 0;
        top: 400px;
        width: calc(100% - 20px);
        left: 10px
    }
    section.section-media h1 {
        margin-top: 25px
    }
    section.section-media .spotify-bg h2 {
        text-align: center;
        width: 100%;
        float: none;
        font-size: 46px;
        margin-bottom: 25px
    }
    section.section-media h1 {
        left: 10px;
        text-align: center;
        width: calc(100% - 20px)
    }
    section.section-media .media-con {
        width: 100%;
        top: 115px
    }
    section.section-media .media-con .img {
        position: relative;
        width: 260px;
        height: 260px
    }
    section.section-media .arrow {
        position: absolute;
        font-size: 52px;
        cursor: pointer;
        color: #fff;
        top: 210px;
        bottom: inherit;
        z-index: 60;
        transition: .1s ease-in-out
    }
    section.section-media .arrow:hover {
        color: #A3D900
    }
    section.section-media .arrow-right {
        right: 30px
    }
    section.section-media .arrow-left {
        left: 30px;
        display: block
    }
    section.section-media .media-button {
        width: 260px!important;
        display: inline-block;
        top: 400px;
        position: absolute;
        z-index: 80
    }
    section.section-media .media-btn {
        width: 100%;
        font-family: 'PT Mono';
        font-weight: 400;
        font-size: 12px
    }
    section.section-media {
        min-height: 1150px
    }
    section.section-media .spotify-bg iframe {
        height: 450px
    }
}

@media screen and (max-width:500px) {
    section.section-media .arrow-right {
        right: 15px
    }
    section.section-media .arrow-left {
        left: 15px;
        display: block
    }
}

section.section-app {
    position: relative;
    padding-bottom: 150px;
    background: url(../images/bg-white.png) center center;
    background-size: cover;
    background-attachment: fixed;
    min-height: 694px
}

section.section-app .content {
    z-index: 50;
    height: 100%
}

section.section-app .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

section.section-app .side {
    width: 50%;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: text-top;
    float: left
}

section.section-app .side.right .shops img:last-child {
    margin-left: 20px
}

section.section-app .side.right .desc {
    margin-top: 100px;
    padding-left: 30px
}

section.section-app .side.right .desc h1 {
    font-size: 54px;
    color: #999;
    text-align: right;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Shentox-Bold
}

section.section-app .shops svg path {
    transition: .1s ease-out
}

section.section-app .shops svg:hover path {
    fill: #A3D900
}

section.section-app .side.right .desc p {
    font-family: 'PT Mono';
    color: #343434;
    text-align: left;
    line-height: 1.4em;
    margin-top: 30px
}

section.section-app .side.right .shops {
    text-align: left;
    padding-left: 30px;
    margin-top: 50px;
    margin-bottom: 100px
}

section.section-app .shops svg {
    display: inline-block
}

section.section-app .side.left img {
    margin-top: 100px
}

section.section-app .side.left .wallpaper {
    position: absolute;
    width: 400px;
    height: 515px;
    margin-top: 180px;
    margin-left: 85px;
    overflow: hidden
}

section.section-app .side.left .wallpaper .wp {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: -1px;
    left: 0;
    background-image: url(../images/slide-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (max-width:1279px) {
    section.section-app .side {
        margin-left: -170px
    }
    section.section-app .side.right {
        float: right;
        width: 70%
    }
    section.section-app .side.right .desc h1 {
        font-size: 46px
    }
    section.section-app .side.right .desc p,
    section.section-app .side.right .shops {
        width: 80%;
        float: right
    }
    section.section-app .side.right .shops {
        padding-left: 25px
    }
    section.section-app .shops a:last-child svg {
        margin-left: 20px
    }
    section.section-app .side.left .wallpaper {
        margin-left: 80px
    }
}

@media screen and (max-width:1224px) {
    section.section-app .side.left .wallpaper {
        margin-left: 45px
    }
}

@media screen and (max-width:1100px) {
    section.section-app .side.left .wallpaper {
        margin-left: 20px
    }
}

@media screen and (max-width:1000px) {
    section.section-app .side.left .wallpaper {
        margin-left: 5px
    }
}

section.section-app .side.right {
    position: relative
}

.esearch {
    display: none
}

@media screen and (max-width:767px) {
    section.section-app .side.left {
        width: calc(100% + 20px);
        height: 450px;
        text-align: center;
        float: none;
        margin-left: -10px;
        margin-top: 0;
        background: #fff;
        overflow: hidden
    }
    section.section-app .side.right {
        width: 100%;
        float: none;
        margin-left: 0;
        height: auto;
        text-align: center
    }
    section.section-app .side.left img {
        display: inline-block;
        height: 400px;
        margin-top: 170px
    }
    section.section-app .side.left .wallpaper {
        display: inline-block;
        width: 260px;
        height: 340px;
        margin-left: 12px;
        top: 50px
    }
    section.section-app .side.right .desc h1 {
        position: absolute;
        top: -420px;
        text-align: center;
        font-size: 38px;
        width: 100%
    }
    section.section-app .side.right .desc {
        padding-left: 0;
        margin-top: 0;
        display: inline-block;
        width: 280px;
        position: relative
    }
    section.section-app .side.right .desc p {
        width: 100%;
        float: none
    }
    section.section-app {
        min-height: 930px
    }
    section.section-app .side.right .shops {
        padding-left: 0;
        width: 100%;
        float: none;
        text-align: center
    }
    section.section-app .shops svg {
        float: none;
        display: inline-block;
        margin-left: 0;
        width: 135px;
        cursor: pointer
    }
}

section.section-newsletter {
    position: relative;
    display: block;
    background: #343434;
    min-height: 110px
}

section.section-newsletter h1 {
    color: #fff;
    float: left;
    font-size: 32px;
    font-family: 'Shentox-Bold';
    font-weight: 400;
    padding-top: 37px;
    text-transform: uppercase;
    display: inline-block
}

section.section-newsletter span {
    float: left;
    font-family: 'PT Mono';
    color: #fff;
    font-size: 14px;
    padding-top: 53px;
    padding-left: 30px
}

section.section-newsletter .newsletter {
    width: 390px;
    height: 50px;
    float: right;
    margin-top: 30px
}

section.section-newsletter input {
    height: 50px;
    float: left;
    width: 300px;
    background: #fff;
    padding: 15px;
    font-family: 'PT Mono';
    color: #343434;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    border: none;
    padding-right: 0
}

section.section-newsletter .newsletter-button {
    color: #343434;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Shentox-Bold';
    height: 50px;
    width: 90px;
    display: inline-block;
    background: #fff;
    float: right;
    text-transform: uppercase;
    text-align: center;
    line-height: 51px;
    transition: .1s ease-in;
    cursor: pointer
}

.plan_error,
section.section-newsletter .newsletter .error {
    display: none;
    position: absolute;
    color: #fff;
    font-family: "PT Mono";
    font-size: 14px;
    padding-left: 0;
    top: -30px;
    height: 40px;
    line-height: 40px;
    background-color: #cd4029;
    padding: 0 10px
}

.plan_error {
    top: 50px
}

.plan_error:after,
section.section-newsletter .newsletter .error:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-color: #cd4029;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    bottom: -12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 100%
}

.newsletterSuccess:after {
    background-color: #A3D900!important
}

.success {
    color: #9cff59!important
}

.newsletterSuccess {
    background: #A3D900!important
}

section.section-newsletter .newsletter-button:hover {
    color: #A3D900
}

@media screen and (max-width:1279px) {
    section.section-newsletter span {
        width: 235px;
        text-align: left;
        line-height: 1.5em;
        padding-top: 39px
    }
    section.section-newsletter .newsletter {
        width: 250px
    }
    section.section-newsletter .newsletter-button {
        width: 80px
    }
    section.section-newsletter input {
        width: 170px
    }
}

@media screen and (max-width:767px) {
    section.section-newsletter h1 {
        float: none;
        width: 100%;
        text-align: center
    }
    section.section-newsletter span {
        padding-top: 20px;
        text-align: center;
        width: 100%;
        padding-left: 0
    }
    section.section-newsletter .newsletter {
        width: 100%;
        margin-bottom: 30px
    }
    section.section-newsletter input {
        width: calc(100% - 80px)
    }
    section.section-newsletter .newsletter .error {
        bottom: 110px;
        top: inherit
    }
    div.menu-con div.nav-con div.links a span {
        font-size: 24px;
        line-height: 1.3em
    }
    section.section-footer .footer-bottom .footer-copy p:first-child {
        text-transform: none
    }
}

section.section-footer {
    position: relative;
    padding-bottom: 150px;
    background-image: url(../images/bg-gradient.jpg);
    background-size: cover;
    min-height: 520px
}

section.section-footer .overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

section.section-footer .footer-top {
    margin-top: 70px
}

section.section-footer .footer-top h1 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    font-family: 'Shentox-Bold';
    color: #fff;
    margin-bottom: 20px;
    color:#222
}

section.section-footer .footer-top .footer-menu .cont {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    float: left;
    color: #fff;
    width: 20%;
    text-align: left;
    margin-right: 1%
}


section.section-footer .footer-top .footer-menu .cont a {
    font-size: 14px;
    font-family: 'Shentox-Bold';
    font-weight:bold;
    padding: 5px 0;
    line-height: 1.7em;
    display: block;
    color:#fff;
    text-transform: uppercase;
}
.footer-text-info{
    font-size: 12px;
    font-family: 'PT Mono';
    font-weight:regular;
    padding: 5px 0;
    margin: 0 12px;
    line-height: 17px;
    display: block;
    color:#222;
    text-transform: uppercase;
    max-width: 420px;
    width: 100%;
    text-align: center;
}
@media  (min-width: 1300px) {
    .footer-text-info{
        text-align: left;
    }
}
.footer-text-info-smaller{
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
}
@media  (min-width: 661px) {
    .footer-text-info-smaller{
        text-align: left;
        min-width: 176px;
        height: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-left: 50px;
        margin-top: 20px;
    }
}
@media  (min-width: 1100px) {
    .footer-text-info-smaller{
        min-width: 176px;
        max-width: 250px;
    }
}
@media  (min-width: 1300px) {
    .footer-text-info-smaller{
         min-width: 276px;
        max-width: 300px;
        margin-top: 0;
    }
}
section.section-footer .footer-top .footer-menu .cont a:hover {
    color: #222 !important
}


section.section-footer .footer-bottom {
    margin-top: 100px
}

section.section-footer .footer-bottom .footer-org {
    display: inline-block;
    position: relative;
    width: calc(100% - 270px);
    height: auto;
    vertical-align: text-top;
    float: left
}

section.section-footer .footer-bottom .footer-copy {
    display: inline-block;
    position: relative;
    width: 260px;
    height: auto;
    text-align: right;
    vertical-align: text-top;
    float: right;
    padding-top: 20px
}

section.section-footer .footer-bottom .footer-org h1 {

    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    width: 140px;
    display: inline-block;
    float: left;
    font-family: 'Shentox-Bold';
    text-align: left;
    margin-top: 48px
}

section.section-footer .footer-bottom .footer-org img {
    display: inline-block;
    float: left;
    margin-left: 70px;
    height: 80px
}

section.section-footer .footer-bottom .footer-copy p {
    font-size: 12px;
    line-height: 30px;
    font-family: 'PT Mono';
    transition: .1s ease-in-out
}

section.section-footer .footer-bottom .footer-copy p a:hover {
    color: #A3D900!important
}

section.section-footer .footer-bottom .footer-copy p {
    text-transform: uppercase
}

@media screen and (max-width:1279px) {
    /*    section.section-footer .footer-top .footer-menu .cont {
            width: 45%;
            float: none;
            margin-top: 40px
        }*/
    section.section-footer .footer-top .footer-menu .elements {
        text-align: left
    }
    section.section-footer .footer-top .footer-menu h1 {
        margin-bottom: 0
    }
    section.section-footer {
        min-height: 700px
    }
    section.section-footer .footer-bottom .footer-org img {
        margin-top: 20px;
        margin-left: 20px;
        height: 80px
    }
}

@media screen and (max-width:767px) {
    section.section-footer .footer-top .footer-menu {
        width: 100%
    }
    section.section-footer .footer-bottom .footer-org h1,
    section.section-footer .footer-top .footer-menu h1,
    section.section-footer .footer-top h1 {
        text-align: center;
        width: 100%;
        font-size: 40px
    }
    section.section-footer .footer-bottom,
    section.section-footer .footer-top {
        margin-top: 0
    }
    section.section-footer .footer-top .footer-menu .cont,
    /*    section.section-footer .footer-top .footer-social .buttons {
            width: 100%;
            text-align: center
        }*/
    section.section-footer .footer-top .footer-social {
        width: 100%
    }
    section.section-footer {
        min-height: 1050px
    }
    section.section-footer .footer-bottom .footer-copy,
    section.section-footer .footer-bottom .footer-org {
        width: 100%
    }
    section.section-footer .footer-bottom .footer-org img {
        float: none;
        margin-left: 0
    }
    section.section-footer .footer-bottom .footer-copy {
        text-align: center
    }
}

div.menu-bar {
    background: #343434;
    font-family: 'PT Mono';
    font-size: 14px;
    height: 50px;
    display: block;
    position: fixed;
    z-index: 200;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 50px;
    text-align: center
}

div.menu-bar .wall {
    text-align: left
}

div.menu-bar .wall span {
    text-transform: uppercase
}

div.menu-bar .wall span a {
    padding: 19px 12px 14px 12px;
    transition: .1s ease-in-out
}

.page-program.subsite.article-detail .social {
    margin-top: 50px
}

div.menu-bar .wall span a:hover {
    background: #A3D900
}

div.menu-bar .wall span a.active {
    background: #A3D900
}

div.menu-bar .wall span i {
    font-size: 22px
}

div.menu-bar .wall span i.fa-bars {
    margin-left: 10px;
    vertical-align: bottom;
    margin-bottom: 15px
}

div.menu-bar .wall span:last-child {
    font-weight: 600;
    font-size: 16px
}

.fancybox-opened .fancybox-title {
    text-align: left
}

div.menu-bar .mmt {
    display: none
}

.hdd {
    display: none
}

@media screen and (max-width:1279px) {
    div.menu-bar .ni {
        display: none
    }
    div.menu-bar .wall {
        text-align: right
    }
    div.menu-bar {
        position: absolute;
        width: 100%;
        z-index: 30;
        background: 0 0!important;
        color: #343434
    }
    div.menu-bar .mmt {
        display: block;
        font-size: 26px;
        position: absolute;
        top: 10px;
        left: 40%;
        cursor: pointer
    }
    .hdd {
        display: inline-block
    }
    .hdm {
        display: none
    }
    .menu-bar .nitm a {
        background: #fff
    }
    .menu-bar .fa-bars {
        padding: 5px 10px;
        background: #fff;
        transition: .1s ease-in-out
    }
    .menu-bar .fa-bars:hover {
        background: #A3D900;
        color: #fff
    }
}

.float-right {
    position: relative;
    display: inline-block;
    float: right
}

.menu-bar.bgC .fa-bars {
    padding: 5px
}

@media screen and (max-width:767px) {
    div.menu-bar .mmt {
        left: initial;
        right: 10px;
        top: 10px
    }
    div.menu-bar .nitm {
        display: none
    }
}

.header-small {
    height: 270px;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 50px
}
.header-small.header-hidden {
    height:0px;
    overflow:hidden;
}

.header-small .slider-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center -150px;
    background-repeat: no-repeat;
    z-index: 1;
    top: 0;
    left: 0
}

.header-small .hold {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.header-small .wall {
    text-align: left;
    z-index: 20;
    height: 100%
}

.header-small img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 140px;
    float: left
}

@media screen and (max-width:1279px) {
    .header-small img {
        transform: none;
        top: 10px
    }
    .header-small .slider-background {
        background-position: center center
    }
}

.select2-container {
    width: 160px!important;
    height: 30px;
    font-family: 'PT Mono';
    background: #fff;
    color: #343434!important;
    font-size: 14px;
    text-transform: uppercase
}

.select2-container--default .select2-selection--single {
    border: none
}

.select2-selection__arrow i {
    font-size: 26px;
    color: #343434!important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-image: url(../images/glitch-tv-black.gif)!important;
    color: #fff!important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #8e8e8e!important
}

.select2-container--default .select2-results__option {
    font-family: 'PT Mono';
    text-transform: uppercase;
    color: #343434!important;
    font-size: 14px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px!important;
    padding-left: 5px!important;
    text-align: center;
    line-height: 32px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px;
    right: 10px
}

.date-control .previous,
.date-control .previous i {
    float: left!important
}

@media screen and (max-width:767px) {
    .select2-container {
        float: right;
        width: 120px!important;
        margin-top: 20px
    }
    .page-program .selects span {
        font-size: 14px;
        margin-left: 0
    }
    .page-program .selects span.hdd {
        margin-top: 30px
    }
    .page-program .selects span.ps {
        float: left;
        margin-left: 0;
        margin-top: 34px
    }
    .select2-container--default .select2-results__option,
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px
    }
}

section.page-program .wall {
    text-align: left
}

.breadcrumbs {
    color: #b5b5b5;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'PT Mono';
    margin: 40px 0 40px 0
}

.breadcrumbs.inv {
    color: #fff
}

.breadcrumbs.bl {
    color: #222
}

.breadcrumbs.gr {
    color: #999
}

.breadcrumbs a {
    transition: .1s ease-in-out
}

.breadcrumbs a:after {
    display: inline-block;
    content: '-';
    padding-left: 10px
}

.breadcrumbs a:hover {
    color: #A3D900 !important
}

.breadcrumbs.inv a:hover {
    color: #343434!important
}

.breadcrumbs.bl a:hover {
    /* color: #A3D900 !important */
    color: #fff !important
}

.breadcrumbs.gr a:hover {
    color: #343434!important
}

.breadcrumbs a.disabled {
    pointer-events: none;
    cursor: default;
    color: #222
}

.article-detail.fxc span {
    padding-left: 0!important
}

.breadcrumbs a:last-child:after {
    display: none
}

.bg-glitch-gif {
    position: relative;
    width: 100%;
    height: auto;
    background: url(../images/glitch-tv.gif)
}

.bg-gray-large {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../images/bg-gradient.jpg);
    background-size: cover;
    background-repeat: repeat-y;

}

.bg-white-large {
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../images/bg-gradient.jpg);
    background-size: cover;
    background-repeat: repeat-y;

}

.bg-glitch-gif .overlay {
    background: #343434;
    opacity: .9;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/bg-glitch-ov.png)
}

.subsite h1 {
    font-family: 'Shentox-Bold';
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.bg-gray-large h1 {
    /*    color: #b7b7b7*/
}

.page-program .selects {
    margin-bottom: 70px;
    width: 100%;
    position: relative;
    display: block
}

.selects form {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px
}

.page-program .selects span {
    color: #222;
    font-family: 'PT Mono';
    font-size: 16px;
    margin-left: 0px
}

.page-program .selects span.hdd,
.page-program .selects span:first-child {
    margin-left: 0
}

.page-program .selects .select2-container {
    margin-right: 20px!important
}

.page-program .event {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    font-family: 'PT Mono';
    margin-bottom: 100px
}

.breadcrumbs.inv a.disabled {
    color: #343434
}

.breadcrumbs.bl a.disabled {
    color: #b7b7b7
}

.breadcrumbs.gr a.disabled {
    color: #343434
}

.page-program .event .date {
    position: relative;
    width: 170px;
    height: auto;
    display: inline-block;
    vertical-align: text-top;
    text-align: right;
    padding-right: 18px;
    font-size: 14px;
    transition: .2s ease-out
}

.page-program .event .date p:not (:first-child) {
    text-decoration: underline;
    line-height: 1.2em
}

.page-program .event .date p:not (:first-child):not (:last-child) {
    padding-top: 10px
}

.page-program .event .date p:first-child {
    font-size: 88px;
    font-family: Shentox-Bold
}

.page-program .event .date p:last-child {
    text-transform: uppercase;
    font-size: 16px
}

.page-program .event .info {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: calc(100% - 180px);
    border-left: solid 1px #222;
    padding-left: 30px;
}
.page-program .event .info .ev {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    display: block;
    border-bottom: solid 1px #222;
    padding-bottom: 15px;
    padding-top: 15px;
    transition: .2s ease-out;
    cursor: pointer
}

.page-program .event .info .ev:last-child {
    margin-bottom: 0
}

.page-program .event .info .ev .at,
.page-program .event .info .ev .rs,
.page-program .event .info .ev .tp {
    display: inline-block;
    line-height: 50px;
    float: left
}

.page-program .event .info .ev .at {
    width: 60px;
    position: relative;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
    line-height: 1em
}

.page-program .event .info .ev .tp {
    text-align: center;
    width: 145px;
    font-size: 14px;
    position:relative;
    padding-left:5px;
}

.page-program .event .info .ev .tp.ico-online{    
    background-image: url("/images/play-krakow-ico-black.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 48px;
    padding-left:55px;
}

.page-program .event .info .accompanying * {
    color:#2D96F1
}

.page-program .event .info .ev.accompanying .tp.ico-online{    
    background-image: url("/images/play-krakow-ico-skyblue.png");
}


.page-program .event .info a:hover,
.page-program .event .info a:hover *  {
    color:#A3D900;
}
.page-program .event .info a:hover .ev .tp.ico-online{    
    background-image: url("/images/play-krakow-ico-seledin.png");
}




.page-program .event .info .ev .rs {
    width: calc(100% - 215px)
}

.page-program .event .info .ev .rs .nm {
    float: left;
    font-size: 24px;
    font-family: 'Shentox-Bold';
    text-transform: uppercase
}

.page-program .event .info .ev .pl {
    float: right;
    font-size: 14px
}

.social {
    width: 100%;
    position: relative;
    text-align: right;
    margin-bottom: 70px
}

.fb_iframe_widget span {
    top: -2px
}

.page-program div.hlpr {
    display: inline-block
}

.page-program div.hlpr:last-child {
    margin-left: 20px
}

@media screen and (min-width:1279px) {
    .page-program .event .info .ev{
        display: flex;
        align-items: center;   
    }
}
@media screen and (max-width:1279px) {
    .page-program .event .date {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #fff;
        text-align: left
    }
    .page-program .event .date p {
        display: inline-block;
        font-size: 18px!important;
        font-family: 'PT Mono'!important
    }
    .page-program .event .date p:not (:first-child) {
        text-decoration: none
    }
    .page-program .event {
        margin-bottom: 10px
    }
    .page-program .event .info {
        padding-left: 0;
        border-left: none;
        width: 100%
    }
    .page-program .event .info .ev {
        min-height: 80px
    }
    .page-program .event .info .ev .rs {
        line-height: 2em
    }
    .page-program .event .info .ev .tp {
        height: 100%;
        width: 120px;
        margin-left: 10px;
        border-left: solid 1px #fff
    }
    .page-program .event .info .ev .rs .nm,
    .page-program .event .info .ev .rs .pl {
        display: block;
        float: none
    }
    .page-program .event .info .ev .pl {
        float: left
    }
}

@media screen and (max-width:767px) {
    .page-program .selects .select2-container {
        margin-left: 0!important
    }
    .subsite h1 {
        margin-bottom: 20px;
        padding-top: 45px
    }
    .page-program .event .date {
        padding-right: 0
    }
    .page-program .event .date p {
        font-size: 14px!important
    }
    .page-program .event .date p:last-child {
        text-transform: none
    }
    .page-program .selects {
        margin-bottom: 50px
    }
    .social {
        text-align: left!important
    }
    .page-program .importants .hour {
        margin-top: 45px!important
    }
    .page-program .w-min .save {
        top: 66%!important
    }
    .page-program .event .info .ev {
        border-bottom: none!important
    }
    .page-program .event .info .ev .tp {
        width: calc(100% - 70px)
    }
    .page-program .event .info .ev {
        min-height: 150px
    }
    .page-program .event .info .ev,
    .page-program .event .info .ev .at,
    .page-program .event .info .ev .rs,
    .page-program .event .info .ev .tp {
        position: relative;
        display: block;
        height: auto
    }
    .page-program .event .info .ev .rs {
        width: calc(100% - 70px);
        margin-left: 10px
    }
    .page-program .event .info .ev .tp {
        line-height: 1em;
        text-align: left;
        height: auto;
        border-left: none;
        padding-bottom: 10px
    }
    .page-program .event .info .ev .rs .pl {
        line-height: 1.4em
    }
    .page-program .social {
        text-align: center
    }
    .IN-widget {
        margin-top: 5px
    }
    .page-program div.hlpr {
        display: block;
        height: 50px;
        margin-top: -15px
    }
    .page-program .selects .select2-container {
        float: right;
        margin-top: 25px
    }
}

#___plus_0,
#twitter-widget-0,
.IN-widget {
    margin-left: 5px!important
}

section.section-newsletter.n-white {
    background: #8e8e8e
}

section.program-detal {
    position: relative;
    padding-bottom: 150px;
    /*    background: url(../images/bg-white-large.png) center center;
        background-size: cover;
        background-attachment: fixed;*/
    min-height: 650px
}

section.program-detal-less {
    position: relative;
    padding-bottom: 70px;
    background: url(/images/bg-gradient.jpg);
    background-size: cover;

    min-height: 650px
}

div.importants {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 200px;
    padding-right: 40px;
    height: auto;
    padding-top: 35px;

    text-align: right;
    line-height: 1.8em;
    margin-bottom: 70px
}

.page-program {
    text-align: center;
    background: url(../images/bg-gradient.jpg) center center;
    background-size: cover
}

.page-program .w-min {
    vertical-align: text-top;
    display: inline-block;
    position: relative
}

.page-program .importants .day {
    font-family: 'Shentox-Bold';
    font-size: 92px
}

.page-program .importants p {
    font-family: 'PT Mono';
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline
}

.page-program .importants p span {
    text-transform: uppercase;
    font-size: 18px
}

.page-program .importants .hour {
    width: 63px;
    color: #343434;
    font-family: 'PT Mono';
    font-size: 16px;
    text-align: center;
    line-height: 1.3em;
    display: inline-block;
    transition: .1s ease-out
}

.page-program .importants .hour {
    margin-left: 10px
}

.page-program .importants .hour:first-child,
.page-program .importants .hour:nth-child(3),
.page-program .importants .hour:nth-child(5),
.page-program .importants .hour:nth-child(7),
.page-program .importants .hour:nth-child(9) {
    margin-left: 0
}

.page-program .importants .on-line-ico-holder {
    height:137px;
}
.page-program.on-line .importants .on-line-ico-holder {
    background-image: url("/images/play-krakow-ico-black.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.h600 {
    min-height: 590px!important;
    overflow: visible;
    margin-bottom: -60px
}

.page-program .map-top i {
    font-size: 44px;
    margin-top: 50px;
    display: block;
    background-image: url(../images/ikony/pin_solid.svg)!important;
    background-repeat: no-repeat!important;
    background-position: right top!important;
    background-size: contain;
    height: 55px
}

h1.placeTitle {
    margin-bottom: 15px
}

.place-map.placeDetail .placeDesc {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: 'PT Mono';
    line-height: 1.5em;
    margin-left: 20px
}

.place-map.placeDetail i {
    font-size: 44px;
    display: inline-block;
    background-image: url(../images/map-mark.png)!important;
    background-repeat: no-repeat!important;
    width: 27px;
    height: 55px;
    vertical-align: middle
}

.page-program .map-top h4 {
    font-size: 14px;
    text-align: right;
    font-family: 'PT Mono';
    line-height: 1.4em;
    width: 160px;

}

.page-program .map-top h4:hover {
    text-decoration: line-through!important
}

@media screen and (max-width:767px) {
    .page-program .wall{
        margin-top: 50px
    }
}


.program-detal .social {
    text-align: left;
    margin-bottom: 0
}

section.program-detal .wall .w-min .artists-slider {
    margin-top: 50px
}

section.program-detal .wall .w-min .place {
    margin-top: 0
}

.page-program .map-top i {
    transition: .1s ease-in-out
}

.page-program .map-top {
    width: 160px;
    position: absolute;
    bottom: 80px;
    left: 0
}

.page-program .map-top:hover i {
    color: #A3D900!important
}

.page-program .w-min .strand,
.page-program .w-min .type {
    font-size: 14px;
    font-family: 'PT Mono';
    line-height: 1.8em
}

.page-program .w-min h1 {
    font-family: 'Shentox-Bold';
    z-index: 10;
    font-size: 54px;
    margin-bottom: 0;
    margin: 10px 0;
    position: relative;
    width: calc(100% - 90px)
}

.head {
    width: calc(100% - 80px);
    display: block;
    position: relative;
    height: 400px;
    z-index: 99;
    overflow: hidden
}

.art-wall-big .head {
    width: 100%
}

.white-logo {
    -webkit-filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(700%);
    filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(700%);
    transition: .1s ease-in
}

.white-logo:hover {
    -webkit-filter: none;
    filter: none;
    transition: .1s ease-in
}

.head div,
.head .div-img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border:7px solid white;
}

.page-program .w-min .a-b {
    z-index: 100;
    position: absolute;
    right: 120px;
    bottom: -30px;
    font-family: 'Shentox-Bold';
    transition: .1s ease-in-out;
    background-color: #222;
    color: #fff!important;
}

.page-program .w-min .a-b + .a-b {
    right:400px;
}

.page-program .w-min .a-b:hover {
    background-color: #A3D900;
    color: #fff!important
}

.page-program .w-min a.savehref {
    color: #fff;
    font-size: 30px;
    width: 45px;
    height: 45px;
    position: absolute;
    display: block;
    top: -40px;
    right: 50px;
    text-align: center;
    border-radius: 50%;
    line-height: 41px;
    padding-right: 1px;
    transition: .1s ease-in-out
}

.page-program .w-min .padd {
    width: 130px;
    height: 130px;
    position: absolute;
    display: block;
    text-align: center;
    box-shadow: 0 0 200px 150px rgba(0, 0, 0, .7);
    z-index: 0;
    border-radius: 50%;
    cursor: default
}

.page-program .w-min .save {
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #fff;
    line-height: 42px;
    transition: .1s ease-in-out
}

.page-program .w-min .save i {
    margin-left: 1px
}

.page-program .w-min .save.is-saved {
    line-height: 38px
}

.page-program .w-min .save.is-saved i {
    margin-left: 1px;
    margin-top: 5px
}

.no-show-box {
    box-shadow: none!important
}

.no-show-tooltip {
    display: none!important
}

.page-program .w-min .save:hover {
    background: #fff;
    color: #343434
}

.page-program .w-min .save.brC3:hover i {
    background: #fff!important;
    color: #000!important
}

section.program-detal .wall {
    text-align: right
}

section.program-detal .wall .w-min {
    text-align: left;
    display: inline-block
}

section.program-detal .wall .w-min .content {
    font-family: 'PT Mono';
    font-size: 16px;
    line-height: 1.4em;
    color: #343434;
    padding-top: 140px;
    padding-right: 220px
}

section.program-detal .wall .w-min .social {
    margin-top: 50px
}

section.program-detal .wall .w-min .artists-slider {
    width: 100%;
    display: block;
    position: relative;
    height: 400px;
    z-index: 40;
    margin-top: 100px
}

section.program-detal .wall .w-min .artists-slider .sa-elem {
    position: relative;
    display: inline-block;
    width: 150px;
    min-height: 180px;
    margin-right: 45px;
    vertical-align: text-top;
    cursor: pointer
}

section.program-detal .wall .w-min .artists-slider .sa-12,
section.program-detal .wall .w-min .artists-slider .sa-16,
section.program-detal .wall .w-min .artists-slider .sa-20,
section.program-detal .wall .w-min .artists-slider .sa-24,
section.program-detal .wall .w-min .artists-slider .sa-28,
section.program-detal .wall .w-min .artists-slider .sa-32,
section.program-detal .wall .w-min .artists-slider .sa-4,
section.program-detal .wall .w-min .artists-slider .sa-8 {
    margin-right: 0
}

section.program-detal .wall .w-min .artists-slider .sa-elem:hover .title {
    color: #A3D900
}

section.program-detal .wall .w-min .artists-slider .sa-elem.big {
    width: 240px;
    min-height: 300px
}

section.program-detal .wall .w-min .artists-slider .sa-elem .image-hold {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    display: block;
    width: 160px;
    height: 160px
}

section.program-detal .wall .w-min .artists-slider .sa-elem .image {
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 160px;
    height: 160px;
    transition: .2s ease-in-out;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    border:7px solid #222;
}

section.program-detal .wall .w-min .artists-slider .sa-elem .image:hover {
    -webkit-filter: none;
    filter: none
}

section.program-detal .wall .w-min .artists-slider .sa-elem.big .image {
    width: 260px;
    height: 260px
}

section.program-detal .wall .w-min .artists-slider .sa-elem.big .image-hold {
    width: 260px;
    height: 260px;
    transition: .5s ease-in-out
}

section.program-detal .wall .w-min .artists-slider .sa-elem .title {
    font-size: 20px;
    color: #343434;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 15px;
    font-family: Shentox-Bold
}

section.program-detal .wall .w-min .artists-slider .sa-elem.h-1 {
    margin-top: 10px
}

section.program-detal .wall .w-min .artists-slider .sa-elem.h-2 {
    margin-top: 30px
}

section.program-detal .wall .w-min .artists-slider .sa-elem.h-3 {
    margin-top: 50px
}

section.program-detal .wall .w-min .artists-slider h2,
section.program-detal .wall .w-min .place h2 {
    font-family: 'Shentox-Bold';
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 20px;
    transition: .1s ease-in-out
}

section.program-detal .wall .w-min .place h3:hover {
    color: #A3D900
}

section.program-detal .wall .w-min .place {
    margin-top: 100px
}

section.program-detal .wall .w-min .place .image {
    width: 260px;
    height: 260px;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    overflow: hidden;
    transition: .1s ease-in-out
}

section.program-detal .wall .w-min .place .image .img-g {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border:7px solid #222;
}

section.program-detal .wall .w-min .place .image:hover {
    -webkit-filter: none;
    filter: none
}

section.program-detal .wall .w-min .place .content {
    width: calc(100% - 270px);
    height: auto;
    vertical-align: text-top;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-top: 15px;
    font-family: 'PT Mono';
    padding-right: 0;
    padding-top: 0;
    font-size: 14px;
    line-height: 1.8em;
    letter-spacing: 1px;
    color: #343434
}

section.program-detal .wall .w-min .place .content h3 {
    color: #343434;
    text-transform: uppercase;
    margin-bottom: 20px;
    transition: .1s ease-in-out;
    font-size: 20px;
    line-height: 1.7em;
    width: 60%;
    font-family: Shentox-Bold
}

section.program-detal .wall .w-min .place .content h3:hover {
    color: #A3D900
}

section.program-detal .wall .w-min .place .content .place-map span {
    font-family: 'PT Mono';
    font-size: 14px;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .1s ease-in-out;
    cursor: pointer
}

section.program-detal .wall .w-min .place .content .place-map span i {
    font-size: 50px;
    vertical-align: middle;
    font-size: 44px;
    display: inline-block;
    background-image: url(../images/ikony/pin_solid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    height: 55px;
    width: 30px
}

section.program-detal .wall .w-min .place .content .place-map span:hover {
    color: #A3D900
}

section.program-detal .wall .w-min .artists-slider .arrow {
    position: absolute;
    top: 50%;
    font-size: 50px;
    cursor: pointer
}

section.program-detal .wall .w-min .artists-slider .arrow:hover {
    color: #A3D900
}

section.program-detal .wall .w-min .artists-slider .arrow-left {
    left: -50px
}

section.program-detal .wall .w-min .artists-slider .arrow-right {
    right: -70px
}

@media screen and (max-width:1200px) {
    section.program-detal .wall .w-min .artists-slider .arrow-right {
        right: -40px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem {
        margin-right: 25px!important
    }
}

@media screen and (max-width:1000px) {
    section.program-detal .wall .w-min .artists-slider .arrow-right {
        right: -30px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem {
        margin-right: 15px!important
    }
}

.page-program.subsite .arrow {
    color: #fff;
    font-size: 50px;
    position: absolute;
    bottom: 180px;
    transition: .1s ease-in-out;
    cursor: pointer;
    z-index: 99
}

.page-program.subsite .arrow-left {
    left: 0
}

.page-program.subsite .arrow-right {
    right: 0
}

.page-program.subsite .arrow:hover {
    color: #A3D900
}

.tooltipp {
    position: absolute;
    color: #343434;
    font-size: 14px;
    font-family: "PT Mono";
    line-height: 1.2em;
    width: 280px;
    background: #fff none repeat scroll 0 0;
    padding: 15px 30px;
    margin-top: -50px;
    right: -163px;
    z-index: 101
}

.tooltipp:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -18px;
    z-index: 0;
    border-top-left-radius: 100px
}

.program-detal .sam .arrow {
    display: none
}

@media screen and (max-width:1370px) {
    .tooltipp.mbO {
        right: -43px
    }
    .tooltipp.mbO::before {
        right: 6px;
        bottom: -15px;
        left: initial
    }
}

@media screen and (max-width:1279px) {
    section.program-detal .wall .w-min .place .content {
        padding-top: 0!important
    }
    .page-program .w-min .head {
        height: 300px;
        margin-top: 30px;
        width: 100%
    }
    section.program-detal .wall .w-min .content {
        padding-top: 125px!important
    }
    section.program-detal {
        padding-bottom: 50px!important
    }
    .page-program .w-min .a-b {
        right: 40px
    }
    .page-program .w-min .a-b + .a-b{
        right:320px;
    }
    .page-program.subsite .arrow {
        color: #343434;
        font-size: 80px;
        bottom: -80px;
        z-index: 9
    }
    section.program-detal .wall .w-min .content {
        padding-right: 0
    }
    section.program-detal .wall .w-min .social {
        text-align: left
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem,
    section.program-detal .wall .w-min .artists-slider .sa-elem.big {
        width: 140px;
        min-height: 180px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem {
        vertical-align: text-top;
        margin-top: 20px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem .title {
        text-align: center
    }
    section.program-detal .wall .w-min .artists-slider {
        height: 300px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem.h-1,
    section.program-detal .wall .w-min .artists-slider .sa-elem.h-2,
    section.program-detal .wall .w-min .artists-slider .sa-elem.h-3 {
        margin-top: 20px
    }
    section.program-detal .wall .w-min .artists-slider .sa-elem .image,
    section.program-detal .wall .w-min .artists-slider .sa-elem .image-hold,
    section.program-detal .wall .w-min .artists-slider .sa-elem.big .image,
    section.program-detal .wall .w-min .artists-slider .sa-elem.big .image-hold {
        width: 140px;
        height: 140px
    }
    section.program-detal .wall .w-min .place-map {
        display: none
    }
    section.program-detal .wall .w-min .place .image {
        width: 150px;
        height: 150px
    }
    section.program-detal .wall .w-min .place .content {
        width: calc(100% - 160px)
    }
    .m-d {
        display: none
    }
    .bg-glitch-gif.page-program.subsite.h600 .wall {
        padding-top: 60px
    }
}

@media screen and (max-width:767px) {
    .tooltipp.mbO {
        right: 0
    }
    .program-detal .sam {
        position: absolute;
        top: 70px;
        width: 100%
    }
    .page-program .w-min .padd {
        box-shadow: none!important;
        float: right;
        right: 0;
        margin-left: 0;
        margin-right: 0
    }
    div.importants {
        padding-right: 0;
        width: 100%;
        margin-bottom: 0
    }
    section.program-detal {
        min-height: 450px
    }
    .my-sp-pl .ticket-place {
        margin-top: 45px!important
    }
    .my-sp .element .place {
        padding-left: 30px!important
    }
    .page-program .importants .days,
    .page-program .importants .hours {
        width: 50%;
        display: inline-block;
        float: left
    }
    .page-program .importants .hours {
        margin-top: -36px
    }
    .page-program .map-top {
        position: relative;
        bottom: 0;
        left: 0
    }
    .page-program .map-top i {
        margin-top: 20px
    }
    .page-program .map-top {
        width: 160px;
        display: inline-block;
        float: left;
        margin-top: -35px;
        padding-right: 5px;
        margin-bottom: 35px;
    }
    .page-program .w-min h1 {
        margin: 0 0 10px 0;
        padding-top: 0
    }
    .page-program .map-top h4 {
        padding-right: 5px
    }
    .page-program div.importants {
        text-align: left;
        padding-top: 0
    }
    .page-program div.importants .days,
    .page-program div.importants .hours {
        float: none
    }
    .page-program .map-top i {
        background-position: left top!important
    }
    .page-program .map-top h4 {
        text-align: left
    }
    .w-min {
        width: 100%
    }
    .page-program .w-min h1 {
        width: 75%;
        font-size: 40px
    }
    .page-program .w-min {
        margin-top: -50px
    }
    .page-program .w-min .head {
        height: 200px
    }
    .page-program .w-min .a-b {
        right: 15px
    }
    .page-program .w-min .a-b + .a-b{
        right: 15px;
        bottom: 43px;
    }
    .page-program .had {
        display: none
    }
    .program-detal .sam .arrow {
        display: block;
        font-size: 50px;
        position: absolute;
        margin-top: 20px
    }
    .program-detal .sam .arrow-left {
        left: 10px
    }
    .program-detal .sam .arrow-right {
        right: 10px
    }
    .program-detal .artists-slider,
    .program-detal .place {
        display: none!important
    }
}

.date-control {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    color: #fff;
    font-family: 'PT Mono';
    text-align: center;
    font-size: 14px
}

.date-control i {
    font-size: 52px;
    display: inline-block;
    vertical-align: middle
}

.date-control span {
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 10px;
    padding-top: 7px
}

.date-control>* {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.date-control .prev {
    float: left;
    transition: .1s ease-in-out
}

.date-control .next {
    float: right;
    transition: .1s ease-in-out
}

.date-control .next i {
    float: right
}

.date-control .next span {
    float: right;
    margin-top: 15px
}

.date-control input {
    height: 30px;
    text-transform: uppercase;
    color: #343434;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    margin-top: 13px;
    width: 300px;
    border: none;
    border-radius: 0;
    background: #fff url(../images/angle-down.png) no-repeat;
    background-position: 270px 10px;
    transition: .1s ease-in-out;
    padding-right: 40px
}

.date-control input:hover {
    background-color: #A3D900;
    background-image: url(../images/angle-down-white.png);
    color: #fff
}

.date-control input:hover {
    color: #fff
}

.date-control .next:hover,
.date-control .prev:hover {
    color: #A3D900!important
}

.list {
    margin-top: 40px
}

.list .mg {
    margin-top: 80px
}

.page-program.subsite .cntn a:hover {
    color: #A3D900
}
.page-program.subsite .cntn:empty {
    display:none
}


.list .el {
    position: relative;
    width: 48%;
    height: 280px;
    display: inline-block;
    vertical-align: text-top;
    color: #222;
    margin-bottom: 20px;
    cursor: pointer
}

.list .el.inv {
    margin-right: 10px
}

.list .el:hover div.title h2 {
    color: #A3D900 
}

.list .el div.img-overlay {
    background-color: #ffff96;
    opacity: .15
}

.list .el:hover div.img-overlay {
    opacity: 0
}

.list .el div.image-hold {
    overflow: hidden;
    position: absolute;
    width: 230px;
    height: 230px;
    display: block;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 10;
    background-color: #A3D900;
    transition: .5s ease-in
}

.list .el .image {
    position: absolute;
    width: 230px;
    height: 230px;
    display: block;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 10;
    opacity: 1;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    border:7px solid white;
}

.list .el .image:hover {
    -webkit-filter: none;
    filter: none
}

.list .el div.title {
    position: absolute;
    top: -24px;
    z-index: 20;
    width: 60%;
    right: -25px
}

.list .el div.title span {
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
    width: 65px;
    text-decoration: underline;
    float: left;
    position: absolute;
    left: -4px;
    top: 35px;
    font-size: 13px;
    font-family: 'PT Mono'
}

.list .el div.title h2 {
    float: left;
    padding-left: 46px;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    transition: .1s ease-in;
    font-family: Shentox-Bold
}

.list .el div.desc {
    width: 42%;
    position: absolute;
    right: 20px;
    top: 80px;
    text-align: left;
    font-size: 14px;
    font-family: "PT Mono";
    line-height: 1.8em
}

.list .el.inv .image-hold {
    right: 0
}

.list .el.inv .title {
    right: 20%
}

.list .el.inv .desc {
    right: 280px;
    text-align: right
}

.date-control:last-child {
    margin-bottom: 50px
}

.list.events {
    color: #fff
}

@media screen and (max-width:1279px) {
    .list .el .title {
        top: 0!important;
        left: 300px!important
    }
    .list .el .desc {
        right: initial;
        left: 310px;
        top: 100px!important;
        width: 55%!important
    }
    .list .mg {
        margin-top: 0
    }
    .list .el {
        width: 100%;
        margin-top: 50px
    }
    .list .el.inv .desc {
        right: 280px!important;
        left: initial
    }
    .list .el.inv .title {
        right: initial;
        left: 20%!important
    }
    .bg-gray-large.page-program.subsite .breadcrumbs {
        display: none
    }
}

.fancybox-close {
    background-image: none!important;
    background: #fff!important
}

@media screen and (max-width:767px) {
    .list .el div.image-hold {
        position: relative;
        width: 100%;
        display: block
    }
    .list .el div.image {
        width: 100%
    }
    .list .el {
        height: auto
    }
    .list .el .title {
        position: relative!important;
        width: 100%!important;
        right: initial!important;
        display: block!important;
        float: left!important;
        margin-left: 0!important;
        left: 0!important
    }
    .list .el .title h2 {
        padding-left: 0!important
    }
    .list .el .title span {
        position: relative!important;
        left: 0!important;
        top: 0!important;
        margin: 5px 0!important
    }
    .list .el .desc {
        position: relative!important;
        display: block!important;
        width: 100%!important;
        right: initial!important;
        left: 0!important;
        top: 0!important
    }
    .list .el.inv .title {
        left: 0!important
    }
    .list .el.inv div.title h2 {
        text-align: right
    }
    .list .el.inv div.title span {
        float: right;
        width: 70px
    }
    .date-control input {
        font-size: 13px;
        width: 200px;
        padding-left: 5px;
        background-position: 170px 10px;
        padding-top: 3px
    }
    .page-program.subsite.akt .list .el div.title h2 {
        width: 100%
    }
    .page-program .selects span:first-child {
        width: 100%;
        float: left;
        text-align: left
    }
    .subsite.multimedia .hlpr form {
        display: inline-block;
        vertical-align: middle;
        margin-top: -8px;
        margin-left: 0;
        float: left
    }
    .subsite.multimedia .hlpr form .select2-container {
        margin-left: 0!important
    }
    .subsite.multimedia .hlpr form .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 10px!important
    }
    .page-program.subsite.akt .list .el.inv div.title h2 {
        text-align: left!important;
        padding-right: 0!important
    }
    .list .el.inv div.title span {
        float: left
    }
    .page-program.subsite.akt .list .el.inv div.desc {
        text-align: left
    }
    .date-control .next span,
    .date-control .prev span {
        display: none
    }
}

.multimedia h1 {
    display: inline-block;
    vertical-align: middle;
    float: left
}

.multimedia .selects {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-top: 16px;
    float: right
}

.multimedia .wall {
    text-align: center!important;
    padding-bottom: 0
}

.multimedia .breadcrumbs {
    text-align: left
}

.multimedia .btns {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-family: "PT Mono";
    font-size: 16px;
    margin-top: 20px;
    float: left;
    margin-left: 100px
}

.multimedia .btns a {
    padding: 5px 20px;
    text-transform: uppercase;
    color:#222
}

.multimedia .btns a.active {
    background: #fff;
    color: #343434!important;

}

.multimedia .btns a:hover {
    background: #fff;
    color: #A3D900
}

.multimedial .md {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    float: left;
    vertical-align: top;
    border: 7px solid white;
}

.multimedial a {
    width: 31.5%;
    height: 360px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 2.2%;
    margin-bottom: 108px;

}

.multimedial a:nth-child(102),
.multimedial a:nth-child(105),
.multimedial a:nth-child(108),
.multimedial a:nth-child(111),
.multimedial a:nth-child(114),
.multimedial a:nth-child(117),
.multimedial a:nth-child(12),
.multimedial a:nth-child(120),
.multimedial a:nth-child(123),
.multimedial a:nth-child(126),
.multimedial a:nth-child(129),
.multimedial a:nth-child(132),
.multimedial a:nth-child(135),
.multimedial a:nth-child(138),
.multimedial a:nth-child(141),
.multimedial a:nth-child(144),
.multimedial a:nth-child(147),
.multimedial a:nth-child(15),
.multimedial a:nth-child(150),
.multimedial a:nth-child(153),
.multimedial a:nth-child(156),
.multimedial a:nth-child(159),
.multimedial a:nth-child(162),
.multimedial a:nth-child(165),
.multimedial a:nth-child(168),
.multimedial a:nth-child(171),
.multimedial a:nth-child(174),
.multimedial a:nth-child(177),
.multimedial a:nth-child(18),
.multimedial a:nth-child(180),
.multimedial a:nth-child(183),
.multimedial a:nth-child(186),
.multimedial a:nth-child(189),
.multimedial a:nth-child(192),
.multimedial a:nth-child(195),
.multimedial a:nth-child(198),
.multimedial a:nth-child(201),
.multimedial a:nth-child(204),
.multimedial a:nth-child(207),
.multimedial a:nth-child(21),
.multimedial a:nth-child(210),
.multimedial a:nth-child(213),
.multimedial a:nth-child(216),
.multimedial a:nth-child(219),
.multimedial a:nth-child(222),
.multimedial a:nth-child(225),
.multimedial a:nth-child(228),
.multimedial a:nth-child(231),
.multimedial a:nth-child(234),
.multimedial a:nth-child(237),
.multimedial a:nth-child(24),
.multimedial a:nth-child(240),
.multimedial a:nth-child(27),
.multimedial a:nth-child(3),
.multimedial a:nth-child(30),
.multimedial a:nth-child(33),
.multimedial a:nth-child(36),
.multimedial a:nth-child(39),
.multimedial a:nth-child(42),
.multimedial a:nth-child(45),
.multimedial a:nth-child(48),
.multimedial a:nth-child(51),
.multimedial a:nth-child(54),
.multimedial a:nth-child(57),
.multimedial a:nth-child(6),
.multimedial a:nth-child(60),
.multimedial a:nth-child(63),
.multimedial a:nth-child(66),
.multimedial a:nth-child(69),
.multimedial a:nth-child(72),
.multimedial a:nth-child(75),
.multimedial a:nth-child(78),
.multimedial a:nth-child(81),
.multimedial a:nth-child(84),
.multimedial a:nth-child(87),
.multimedial a:nth-child(9),
.multimedial a:nth-child(90),
.multimedial a:nth-child(93),
.multimedial a:nth-child(96),
.multimedial a:nth-child(99) {
    margin-right: 0
}

.multimedial a:last-child {
    float: left
}

.multimedial .md .image-hold {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    overflow: hidden;
    transition: .1s ease-out;
    background-color: #A3D900
}

.multimedial .md:hover .image-hold {
    -webkit-filter: none;
    filter: none
}

.multimedial .md .image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0
}

.fancy-media.hh.mt-2 {
    margin-top: 0!important
}

.multimedial .md h2 {
    font-size: 24px;

    font-family: 'Shentox-Bold';
    height: 72px;
    text-align: left;
    position: absolute;
    width: 78%;
    bottom: -82px;
    left: -25px;
    line-height: 1.2em;
    text-transform: uppercase;
    z-index: 100
}

.multimedial a.mt-1 {
    margin-top: 10px
}

.multimedial a.mt-2 {
    margin-top: 10px
}

.multimedial .arch.mt-1 {
    margin-top: 30px
}

.multimedial .arch.mt-2 {
    margin-top: 60px
}


.multimedial .gal:hover * {
    color:#A3D900
}


.multimedial .video-button,
.multimedial .photo-button {
    position: absolute;
    width: 54px;
    height: 54px;
    display: block;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    background-size: contain;
    background-repeat: no-repeat;
}
.multimedial .video-button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MSA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQwLjggMC42MTk5OTVDMTguNjIgMC42MTk5OTUgMC42MzAwMDUgMTguNjEgMC42MzAwMDUgNDAuNzlDMC42MzAwMDUgNjIuOTcgMTguNjIgODAuOTYgNDAuOCA4MC45NkM2Mi45OCA4MC45NiA4MC45NyA2Mi45OCA4MC45NyA0MC43OUM4MC45NyAxOC42MSA2Mi45OSAwLjYxOTk5NSA0MC44IDAuNjE5OTk1Wk0yOS4yMSA1NS4wMlYyNS44M0w1OC4xMiA0MC4zNUwyOS4yMSA1NS4wMloiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==")
}

.multimedial .photo-button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODkiIGhlaWdodD0iNzYiIHZpZXdCb3g9IjAgMCA4OSA3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUwLjI5IDU3LjE4QzU3Ljc1NjkgNTcuMTggNjMuODEgNTEuMTI2OSA2My44MSA0My42NkM2My44MSAzNi4xOTMxIDU3Ljc1NjkgMzAuMTQgNTAuMjkgMzAuMTRDNDIuODIzMSAzMC4xNCAzNi43NyAzNi4xOTMxIDM2Ljc3IDQzLjY2QzM2Ljc3IDUxLjEyNjkgNDIuODIzMSA1Ny4xOCA1MC4yOSA1Ny4xOFoiIGZpbGw9IiNmZmYiLz4KPHBhdGggZD0iTTgyLjQ4IDEyLjExSDc0Ljc1TDcwLjA3IDMuOTE5OThDNjguOTggMi4wMDk5OCA2Ni45NiAwLjg0MDAyNyA2NC43NiAwLjg0MDAyN0gzOC4wNkMzNS44NyAwLjg0MDAyNyAzMy44NCAyLjAxOTk4IDMyLjc1IDMuOTE5OThMMjguMDcgMTIuMTFINi44MjAwMkMzLjQ0MDAyIDEyLjExIDAuNzEwMDIyIDE0Ljg1IDAuNzEwMDIyIDE4LjIyVjY5LjA4QzAuNzEwMDIyIDcyLjQ2IDMuNDUwMDIgNzUuMTkgNi44MjAwMiA3NS4xOUg4Mi40N0M4NS44NSA3NS4xOSA4OC41OCA3Mi40NSA4OC41OCA2OS4wOFYxOC4yMkM4OC42IDE0Ljg1IDg1Ljg2IDEyLjExIDgyLjQ4IDEyLjExWk0xNC4yNCAzMC4xNEMxMS43NSAzMC4xNCA5LjczMDAyIDI4LjEyIDkuNzMwMDIgMjUuNjNDOS43MzAwMiAyMy4xNCAxMS43NSAyMS4xMiAxNC4yNCAyMS4xMkMxNi43MyAyMS4xMiAxOC43NSAyMy4xNCAxOC43NSAyNS42M0MxOC43NSAyOC4xMiAxNi43MyAzMC4xNCAxNC4yNCAzMC4xNFpNNjguMDUgNTMuODVDNjYuNDEgNTcuMSA2My43NCA1OS43OCA2MC40OSA2MS40MUM0MS43NyA3MC44MyAyMy4xMiA1Mi4xOCAzMi41NCAzMy40NkMzNC4xOCAzMC4yMSAzNi44NSAyNy41MyA0MC4xIDI1LjlDNTguODIgMTYuNDggNzcuNDYgMzUuMTMgNjguMDUgNTMuODVaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=")
}



@media screen and (max-width:1279px) {
    .multimedial a {
        width: 45%;
        margin-top: 80px
    }
    .multimedia h1 {
        width: 100%;
        text-align: left;
        margin-bottom: 0
    }
    .multimedia .btns {
        margin-left: 0;
        float: right
    }
    .multimedia .selects {
        float: left;
        margin-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .multimedial a {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .page-program .w-min a.savehref {
        right: 5px
    }
    .page-program .w-min .padd {
        width: 45px
    }
    .multimedial .md h2 {
        left: 0
    }
    .multimedial .md h2 {
        width: 100%
    }
    .multimedial a {
        margin-top: 0
    }
    .multimedial a.mt-1 {
        margin-top: 0
    }
    .multimedial a.mt-2 {
        margin-top: 0
    }
    .multimedial .arch.mt-1 {
        margin-top: 0
    }
    .multimedial .arch.mt-2 {
        margin-top: 0
    }
    .multimedia .btns {
        width: 100%;
        float: right;
        display: block;
        text-align: left
    }
    .multimedia .btns a {
        padding: 5px 10px
    }
    .multimedia .selects {
        margin-bottom: 50px
    }
    .multimedia .selects .select2-container {
        margin-left: 20px!important
    }
    .page-program div.hlpr:last-child {
        margin-left: 0
    }
}

.fancybox-skin .socialmedia {
    position: absolute;
    width: 48px;
    height: 192px;
    right: -48px;
    bottom: 0;
    display: block
}

.fancybox-skin .socialmedia a {
    width: 32px;
    display: block;
    position: relative;
    height: 32px;
    margin: 8px
}

.fancybox-skin .socialmedia a div {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/social-fancybox.svg)
}

.fancybox-skin .socialmedia a div.bg-yt {
    background-position: 0 -42px
}

.fancybox-skin .socialmedia a div.bg-pin {
    background-position: 0 74px
}

.fancybox-skin .socialmedia a div.bg-ig {
    background-position: 0 116px
}

.fancybox-skin .socialmedia a div.bg-spo {
    background-position: 0 32px
}

.fancybox-skin .socialmedia a:first-child {
    margin-top: 0
}

.fancybox-skin .socialmedia a:last-child {
    margin-bottom: 0
}

.bg-glitch-gif.page-program.subsite.multimedia .wall {
    padding-bottom: 70px
}

.mra .roww {
    width: 31%;
    margin-left: 2%;
    height: 360px;
    display: inline-block;
    float: left;
    margin-top: 40px
}

.mra a {
    margin-top: 40px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
    float: left
}

.mra a.wh {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
    height: 300px
}

.mra a.whh {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
    height: 140px;
    margin-top: 40px
}

.mra a.whh:last-child {
    width: 90%;
    margin-top: 10px
}

.mra a.hh {
    height: 140px
}

@media screen and (max-width:1279px) {
    .mra .roww {
        width: 47%
    }
    .mra a {
        height: 300px
    }
    .mra .roww {
        margin-top: 20px;
        height: 310px
    }
    .mra a.whh {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .mra .roww {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    div.menu-con div.settings i {
        padding: 5px
    }
    div.menu-con div.settings i:first-child {
        margin-top: 1px
    }
    div.menu-con div.settings i:nth-child(2) {
        margin-top: 3px;
        padding: 5px 5px 2px 5px
    }
    div.menu-con div.settings i:nth-child(3) {
        margin-top: 4px
    }
    div.menu-con div.settings i:last-child {
        top: -3px!important
    }
}

.page-artists .list {
    margin-top: 0
}

.page-artists h1 {
    display: inline-block;
    vertical-align: text-top
}

.page-artists .el div.title h2 {
    font-size: 32px;
    width: 100%;
    line-height: 1.3em;
    padding-left: 0
}

.page-artists .el div.title {
    top: 0;
    left: 270px;
    width: 41%;
    right: initial;
    color: #343434;
    padding-left: 10px
}

.page-artists .el div.title p {
    display:none;
    /*    padding: 15px 0;
        float: left;
        text-decoration: underline;
        font-weight: 400;
        font-family: 'PT Mono';
        font-size: 14px;
        line-height: 1.5em*/
}

.page-artists .el div.title p:last-child {
    padding: 0;
    text-decoration: none;
    width: 110%;
    line-height: 1.8em
}

.page-artists .el.inv div.title {
    left: inherit;
    right: 270px;
    padding-left: 0;
    padding-right: 10px;
    text-align: right
}

.page-artists .el.inv div.title p {
    float: right
}

.page-artists .el.inv div.title h2 {
    text-align: right;
    float: right
}

.page-artists .btns {
    display:none;
    /*    display: inline-block;
        color: #fff;
        vertical-align: middle;
        font-family: "PT Mono";
        font-size: 14px;
        margin-top: 40px;
        float: right;
        color: #343434
    */
}

.page-artists .btns a {
    padding: 5px 20px;
    text-transform: uppercase
}

.page-artists .btns a.active {
    background: #343434;
    color: #fff!important
}

.page-artists .btns a:hover {
    background: #343434;
    color: #fff!important
}

@media screen and (max-width:1279px) {
    .page-artists .btns {
        display: block;
        float: left;
        margin-top: -10px;
        margin-bottom: 100px
    }
    .page-artists h1 {
        width: 100%
    }
    .page-artists .el div.title h2 {
        width: 100%
    }
    .list .el .title {
        left: 260px !important margin-top: 15px
    }
    .list .el .title h2 {
        line-height: 1.2em
    }
    .list .el.inv .title {
        left: initial!important;
        right: 270px
    }
}

@media screen and (max-width:767px) {
    .page-artists .el div.title {
        width: 100%!important;
        left: 0!important;
        text-align: center
    }
    .list .el .title {
        left: 0!important;
        margin-top: 15px
    }
    .list .el .title h2 {
        line-height: 1.2em
    }
    .page-program.subsite.akt .list .el div.title {
        margin-bottom: 15px
    }
    .page-artists .el div.title h2 {
        text-align: left
    }
    .page-artists .el div.title p {
        width: 100%;
        padding: 0;
        text-align: left
    }
    .page-artists .el div.title p:last-child {
        display: none
    }
    .list .el.inv .image-hold {
        height: 400px
    }
    .list .el div.image {
        height: 100%
    }
    .list .el div.image-hold {
        height: 400px
    }
    .page-artists .el.inv div.title {
        padding-left: 10px!important
    }
    .page-artists .el.inv div.title h2 {
        text-align: left
    }
    .page-artists .el.inv div.title p {
        text-align: left
    }
    .page-artists .btns {
        display: none
    }
    .page-artists h1 {
        font-size: 38px;
        padding-top: 30px
    }
    .page-artists .breadcrumbs {
        display: none
    }
}

.select2-dropdown {
    border-radius: 0!important
}

@media screen and (max-width:500px) {
    .list .el.inv .image-hold {
        height: 260px
    }
    .list .el div.image {
        height: 100%
    }
    .list .el div.image-hold {
        height: 260px
    }
    .multimedial a {
        height: 260px
    }
}

.archive h1 {
    width: 100%;
    text-align: left
}

.archive .md h2 {
    bottom: initial;
    top: -35px
}

.navigate {
    position: absolute;
    width: 100%;
    display: block;
    height: 30px;
    bottom: 0;
    z-index: 50
}

.navigate a {
    width: 33.33333%;
    height: 100%;
    display: inline-block;
    background: #fff;
    color: #343434;
    font-family: 'PT Mono';
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    border-right: solid 1px #343434;
    text-align: center;
    line-height: 30px;
    transition: .1s ease-in-out;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.navigate a:last-child {
    border-right: none
}

.navigate a:hover {
    background: #A3D900;
    color: #fff!important
}

.archive .arch {
    width: 30%;
    height: 360px;
    display: inline-block;
    position: relative;
    margin-left: 1.5%;
    vertical-align: top;
    margin-right: 1.5%;
    margin-bottom: 80px
}

.archive .arch a.ah {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    vertical-align: top;
    margin-left: 0;
    margin-right: 0
}

.isearch {
    display: none
}

@media screen and (max-width:1279px) {
    .archive .arch {
        width: 45%
    }
}

@media screen and (max-width:767px) {
    .archive .arch {
        width: 95%
    }
    .archive .arch .navigate a:last-child {
        display: none
    }
    .archive .arch .navigate a {
        width: 50%
    }
    .list .el.inv .desc {
        text-align: left
    }
    .list .el .title {
        margin-bottom: 10px!important
    }
}

@media screen and (max-width:500px) {
    .archive .arch {
        height: 260px
    }
}

.wtar .fr {
    float: right;
    margin-right: 10px
}

.wtar .fr:last-child {
    font-weight: 400!important;
    font-size: 14px!important
}

.wtar .fr.f {
    font-weight: 600!important;
    font-size: 16px!important;
    margin-right: 0
}

.title-rotate-date {
    position: absolute;
    left: -60px;
    top: 155px;
    font-family: 'PT Mono';
    font-size: 14px;
    color: #fff
}

.art-wall-small {
    width: 300px;
    display: inline-block;
    position: relative;
    padding: 0 10px 0 30px;
    vertical-align: top
}

.art-wall-big {
    width: calc(100% - 305px);
    display: inline-block;
    position: relative
}

.art-wall-big .s-slider {
    width: 100%;
    height: 415px;
    position: relative;
    display: block
}

.art-wall-big .sl {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden
}

.art-wall-big .s-slide {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.article-detail .art-wall-big .slider-arrows .arrow-left {
    left: 20px
}

.article-detail .art-wall-big .slider-arrows .arrow-right {
    right: 20px
}

.article-detail .art-wall-big .slider-arrows .counter {
    font-family: 'Shentox-Bold';
    font-size: 20px;
    color: #fff;
    position: absolute;
    z-index: 99;
    top: 15px;
    right: 20px
}

.article-detail .art-wall-big .slider-arrows .button {
    z-index: 99;
    position: absolute;
    right: 40px;
    bottom: -30px
}

.article-detail .art-wall-big .slider-arrows .button:hover {
    background-color: #fff;
    color: #A3D900
}

.article-detail .art-wall-big .cntn {
    font-family: 'PT Mono';
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 20px;
    color: #222;
    padding: 7px 7px 4px 10px;
    /*    background-color: white;*/
}

.article-detail .art-wall-big .cntn .ws-header2,
.article-detail .art-wall-big .cntn h2 {
    font-family: 'Shentox-Bold';
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 0 0 0;
    display: block
}

.article-detail .art-wall-big .cntn p {
    margin-bottom: 50px
}

.article-detail .art-wall-big .cntn .img {
    height: 260px;
    width: 260px;
    display: inline-block;
    position: relative;
    vertical-align: text-top;
    overflow: hidden;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    transition: .1s ease-in
}

.article-detail .art-wall-big .cntn span {
    display: inline-block;
    padding-left: 20px
}

.article-detail .art-wall-big .cntn .img .image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.article-detail .art-wall-big .cntn .img-small {
    width: 160px;
    height: 160px;
    margin-right: 20px;
    margin-top: 25px
}

.art-wall-big .social {
    text-align: left
}

.art-wall-small .em {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    cursor: pointer
}

.art-wall-small .em .image-hold {
    width: 260px;
    height: 260px;
    position: relative;
    display: block;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    transition: .1s ease-in;
    overflow: hidden
}

.art-wall-small .hrelem:hover .image-hold {
    -webkit-filter: none;
    filter: none
}

.art-wall-small .hrelem:hover .text h2 {
    color: #A3D900!important
}

.art-wall-small .em .image-hold .image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0
}

.art-wall-small .em .text {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: -28px;
    color: #222;
    font-family: 'PT Mono';
    font-size: 14px;
    padding-left: 35px;
    line-height: 1.5em
}

.art-wall-small .em .text h2 {
    font-family: 'Shentox-Bold';
    font-size: 32px;
    line-height: 1em;
    display: block;
    transition: .1s ease-in;
    text-transform: uppercase;
    position: relative
}

.art-wall-small .em .text .date {
    position: absolute;
    display: block;
    padding-right: 0;
    width: 110px;
    margin-top: 48px;
    left: -45px;
    text-decoration: underline
}

.art-wall-small .em .hour {
    width: 63px;
    height: 47px;
    color: #343434;
    font-size: 16px;
    text-align: center;
    line-height: 47px;
    display: inline-block;
    background: #fff
}

.art-wall-small .em .inf {
    width: calc(100% - 63px);
    padding-left: 12px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-decoration: underline;
    color: #fff
}

.art-wall-small .em .mtml {
    margin-left: -35px;
    margin-top: 40px
}

.art-wall-small .tickets {
    padding: 30px;
    background: #A3D900;
    color: #fff;
    cursor: default;
    text-align:center;
}

.art-wall-small .tickets h3 {
    font-size: 20px;
    font-family: 'Shentox-Bold';
    text-transform: uppercase;
    padding: 20px 0
}

.art-wall-small .tickets h3:first-child {
    padding: 0 0 20px 0
}

.art-wall-small .tickets .s50 {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 15px;
    vertical-align: top
}

.art-wall-small .tickets .s50 p:first-child {
    font-size: 32px;
    font-family: 'Shentox-Bold';
    margin-top: 10px
}

.art-wall-small .tickets .s50 p:last-child {
    font-size: 14px;
    font-family: 'PT Mono';
    margin-top: 20px
}

.art-wall-small .tickets .s50:last-child {
    text-align: right
}

.art-wall-small .tickets .shy {
    font-family: 'PT Mono';
    font-size: 14px;
    opacity: .4
}

.art-wall-small .tickets .button-dark {
    margin-top: 30px;
    width: 100%
}

.art-wall-small .tickets .g100 {
    position: relative;
    display: inline-block;
    float: left;
    width: 99%;
    margin-bottom: 15px;
    vertical-align: top
}

.art-wall-small .tickets .g100:first-child p:first-child {
    font-size: 16px;
    font-family: 'Shentox-Bold';
    margin-top: 10px
}

.art-wall-small .tickets .g100:first-child p:last-child {
    font-size: 32px;
    font-family: 'Shentox-Bold';
    margin-top: 5px
}

.art-wall-small .tickets .g100:last-child p:first-child {
    font-size: 14px;
    font-family: 'PT Mono';
    margin-top: 10px
}

.art-wall-small .tickets .g100:last-child p:last-child {
    font-size: 14px;
    font-family: 'PT Mono';
    margin-top: 20px
}

.art-wall-small .tickets .g100:last-child {
    text-align: right
}

.art-wall-small .tickets h4 {
    font-family: 'PT Mono';
    font-size: 14px;
    margin-bottom: 30px;
    display: inline-block;
    position: relative
}
.art-wall-small .tickets .online_booking_text {
    font-family: 'Shentox-Bold';
    margin-bottom:5px;
    
}

.art-wall-small .tickets .nmb {
    margin-bottom: 0
}

.art-wall-small .event .npl {
    padding-left: 0
}

.art-wall-small .event.small {
    width: 160px;
    float: right
}

.art-wall-small .event.small .image-hold {
    width: 160px;
    height: 160px
}

.art-wall-small .event.small h2 {
    font-size: 20px
}

.art-wall-small .event.small .text {
    margin-top: -18px
}

.art-wall-small .event .sl-1 {
    display: block
}

.art-wall-small .event .arrow {
    bottom: initial;
    top: 100px
}

.art-wall-small .event .arrow-left {
    left: 10px
}

.art-wall-small .event .arrow-right {
    right: 10px
}

.art-wall-small .hr2elem:hover {
    color: #A3D900!important
}

.art-wall-small .ncp {
    cursor: default
}

.art-wall-small .contact {
    cursor: default
}

.art-wall-small .contact h2 {
    font-family: 'Shentox-Bold';
    text-align: left;
    color: #fff;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: solid 1px #fff
}

.art-wall-small .contact .elm {
    text-align: left;
    color: #fff;
    padding-bottom: 30px;
    border-bottom: solid 1px #fff;
    font-size: 16px
}

.art-wall-small .contact .elm h3 {
    font-size: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    line-height: 1.3em;
    font-family: Shentox-Bold
}

.art-wall-small .contact .elm p {
    text-transform: uppercase;
    line-height: 1.3em;
    font-family: Shentox-Bold
}

.art-wall-small .contact .elm span.mail {
    font-size: 14px;
    margin-top: 10px
}

.art-wall-small .contact .elm span.phone {
    margin-top: 10px
}

.art-wall-small .contact .elm span {
    line-hegiht: 1.4em;
    display: block;
    font-family: 'PT Mono'
}

.art-wall-small .download .elm .ico {
    display: inline-block;
    width: 40px;
    margin-top: 35px
}

.art-wall-small .download .elm .dsc {
    display: inline-block;
    width: calc(100% - 45px);
    padding-left: 10px;
    vertical-align: top
}

.art-wall-small .download .elm p {
    font-family: 'PT Mono';
    font-size: 14px;
    padding-top: 5px
}

.art-wall-small .em.map {
    width: 100%;
    cursor: default
}

.art-wall-small .map p {
    font-family: 'PT Mono';
    color: #fff;
    font-size: 16px;
    margin-top: 20px
}

.art-wall-small .map p:last-child {
    font-size: 14px
}

.page-partners .desc {
    font-size: 16px;
    font-family: 'PT Mono';
    color: #343434;
    margin: 0 0 50px 0;
    line-height: 1.4em
}

.page-partners .pa-group {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 50px
}

.page-partners .pa-group h2 {
    font-family: 'Shentox-Bold';
    font-size: 24px;
    color: #343434;
    text-transform: uppercase;
    margin-bottom: 40px
}

.page-partners .pa-group .par {
    width: 120px;
    height: auto;
    position: relative;
    margin-right: 50px;
    vertical-align: top;
    margin-bottom: 30px;
    display: inline-block
}

.page-partners .pa-group .par .image {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 120px
}

.page-partners .pa-group .par p {
    font-family: 'PT Mono';
    font-size: 12px;
    color: #343434;
    display: block;
    margin-top: 5px;
    line-height: 1.2em
}

.page-partners .social {
    text-align: left
}

.my-sp .plan_send {
    width: 440px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.my-sp h1 {
    width: calc(100% - 530px);
    display: inline-block
}

.my-sp .printer {
    position: absolute;
    top: 110px;
    right: 10px
}

.my-sp .plan_send input {
    height: 50px;
    float: left;
    width: 350px;
    background: #fff;
    padding: 15px;
    font-family: 'PT Mono';
    color: #343434;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    border: none;
    padding-right: 0
}

.my-sp .plan_send .plan-button {
    color: #343434;
    font-family: 'Shentox-Bold';
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 90px;
    display: inline-block;
    background: #fff;
    float: right;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    transition: .1s ease-in;
    cursor: pointer
}

.my-sp .plan_send .plan-button:hover {
    color: #A3D900
}

.my-sp .element {
    position: relative;
    display: inline-block;
    width: 22.5%;
    height: auto;
    vertical-align: top;
    transition: .3s ease-in;
    color: #fff;
    margin-bottom: 50px;
    margin-right: 10px;
    margin-left: 10px
}

.button-inverted-white.news-btn.pl-btn:hover {
    background: #A3D900
}

section.section-places .places-button {
    position: absolute!important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -220px
}

.my-sp .element:first-child {
    margin-left: 0
}

.my-sp .element span.type {
    font-family: 'PT Mono';
    font-size: 14px;
    display: block;
    margin: 10px 0 20px 0
}

.my-sp .element i.ev-delete {
    font-size: 32px;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    transition: .1s ease-in
}

.my-sp .element i.ev-delete:hover {
    color: #A3D900
}

.my-sp .element div.image-holder {
    position: relative;
    width: 100%;
    height: 260px;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%);
    display: block;
    transition: .1s ease-in;
    overflow: hidden
}

.my-sp .element div.image-holder .image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.my-sp .element span.date {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-decoration: underline;
    font-family: 'PT Mono';
    font-size: 14px;
    position: absolute;
    left: -30px;
    margin-top: -5px
}

.my-sp .element h2 {
    font-family: 'Shentox-Bold';
    font-size: 32px;
    padding-left: 30px;
    position: relative;
    display: inline-block;
    line-height: 1.3em;
    text-transform: uppercase;
    transition: .1s ease-in;
    margin-top: -30px
}

.my-sp .element .icoh:hover h2 {
    color: #A3D900
}

.my-sp .element .icoh:hover div.image-holder {
    -webkit-filter: none;
    filter: none
}

.my-sp .element .hour {
    width: 63px;
    height: 47px;
    position: relative;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #343434;
    line-height: 47px;
    font-family: 'PT Mono';
    font-size: 16px;
    margin-top: 30px
}

.my-sp .element .place {
    font-family: 'PT Mono';
    font-size: 14px;
    text-decoration: underline;
    padding-top: 10px;
    display: inline-block;
    padding-left: 0
}

.my-sp-pl h2 {
    text-transform: uppercase;
    color: #343434;
    font-family: 'Shentox-Bold';
    font-size: 24px;
    width: 60%;
    display: inline-block;
    position: relative;
    line-height: 1.3em
}

.my-sp-pl .ticket-place {
    width: 33%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px
}

.my-sp-pl .mark {
    width: 30px;
    position: relative;
    vertical-align: top;
    background-color: transparent;
    display: inline-block
}

.my-sp-pl .mark img {
    width: 30px
}

.my-sp-pl .content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 35px);
    color: #343434;
    padding-left: 20px
}

.my-sp-pl .content h3 {
    text-transform: uppercase;
    font-family: 'Shentox-Bold';
    line-height: 1.3em;
    font-size: 20px
}

.my-sp-pl p {
    font-family: 'PT Mono';
    font-size: 14px;
    line-height: 1.2em
}

.my-sp-pl .mrt {
    margin-top: 10px
}

.my-sp-pl {
    padding-top: 30px
}

.my-sp-pl .eventim {
    width: 360px;
    height: 60px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: right
}

.my-sp-pl .eventim .button {
    width: 100%;
    transition: .1s ease-in;
    font-family: 'Shentox-Bold';
    height: 100%
}

.my-sp-pl .eventim .button:hover {
    background: #fff;
    color: #A3D900
}

.icoh {
    display: block
}

.bg-gray-small-c {
    background: url(../images/bg-gradient.jpg);
    position: relative;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: repeat-y;
    background-position: center center
}

.page-contact h1 {
    color: #222
}

.page-contact .forms {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 50px
}

.page-contact .forms .s-50 {
    display: inline-block;
    position: relative;
    width: 50%;
    float: left;
    vertical-align: top
}



.page-contact {
    padding-bottom: 60px
}

.page-contact h2 {
    font-family: 'Shentox-Bold';
    color: #222;
    font-size: 32px;
    line-height: 1.3em;
    text-transform: uppercase
}

.page-contact .s-50:first-child .s-25 {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: top;
    margin-top: 30px;font-weight: bold
}

.page-contact .s-50:first-child .s-25 .mrt {
    margin-top: 30px
}

.page-contact .s-50:first-child .s-25:first-child {
    padding-right: 30px
}

.page-contact .s-50:first-child .s-25:last-child {
    padding-left: 30px
}

.page-contact .s-50:first-child p {
    font-family: 'PT Mono';
    color: #222;
    font-size: 16px;
    line-height: 1.4em
}

.page-contact .s-50:last-child {
    padding-left: 50px
}

.page-contact .s-50:last-child h3 {
    color: #222;
    font-family: 'Shentox-Bold';
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 50px
}

.page-contact .s-50:last-child input {
    display: inline-block;
    position: relative;
    width: calc(50% - 15px);
    margin-right: 5px;
    height: 46px;
    border: solid 2px #fff;
    background: #fff;
    padding: 10px;
    font-family: 'PT Mono';
    transition: .1s ease-in;
    border: none;
    font-size: 12px
}

.page-contact .s-50:last-child textarea {
    width: calc(100% - 16px);
    margin-top: 15px;
    height: 146px;
    background: #fff;
    padding: 10px;
    border: solid 2px #fff;
    font-family: 'PT Mono';
    font-size: 12px;
    resize: none;
    border: none;
    transition: .1s ease-in;
    margin-bottom: 15px
}

.input-error {
    border: solid 1px #cd4029!important
}

.page-contact .s-50:last-child input[type=email] {
    margin-left: 5px;
    margin-right: 0
}

.page-contact .s-50:last-child input[type=checkbox] {
    display: none
}

.sb-tickets h2 {
    font-size: 24px;
    font-family: 'Shentox-Bold';
    color: #343434;
    display: block;
    float: left;
    text-transform: uppercase;
    margin-bottom: 30px;
    width: 100%;
    text-align: left
}

.sb-tickets .in-info {
    color: #fff;
    display: inline-block;
    float: right;
    margin-top: -90px;
    width: 330px;
    font-family: 'Shentox-Bold';
    font-size: 16px
}

.sb-tickets .in-info img {
    display: inline-block
}

.sb-tickets .in-info span {
    display: inline-block;
    width: calc(100% - 35px);
    vertical-align: top;
    text-align: right;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 1.2em;
    color: #343434;
}

.sb-tickets h1 {
    margin-bottom: 40px
}

.sb-tickets .cnt-large,
.sb-tickets .cnt-small {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-family: 'PT Mono';
    float: left
}

.sb-tickets .cnt-large {
    width: calc(100% - 260px);
    height: auto;
    padding-right: 40px
}

.sb-tickets .cnt-small {
    width: 255px;
    height: auto;
    margin-top: 25px
}

.sb-tickets .cnt-small .sbg {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    text-align: right;
    background-size: cover;
    background-position: center center;
    background-repeat: repeat-y;
    background-image: url(../images/bg-gray-bar.png)
}

.sb-tickets .cnt-small .f-big {
    font-size: 16px
}

.sb-tickets .cnt-small .el {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 10px 0 20px
}

.sb-tickets .cnt-small .el:first-child {
    margin-top: -25px
}

.sb-tickets .cnt-small .el:last-child {
    margin-bottom: 30px
}

.sb-tickets .cnt-small .el h3 {
    font-family: 'Shentox-Bold';
    font-size: 20px;
    text-transform: uppercase;
    margin: 30px 0 15px 0
}

.sb-tickets .cnt-small .el p {
    margin: 5px 0
}

.sb-tickets .cnt-small .csb {
    font-size: 16px;
    font-family: 'Shentox-Bold';
    line-height: 1.2em;
    padding: 15px 60px;
    margin-top: 30px;
    width: 100%;
    height: 50px;
    transition: .1s ease-in
}

.sb-tickets .cnt-small .csb:hover {
    background: #fff!important;
    color: #A3D900!important
}

.sb-tickets .cnt-small .ending {
    text-align: left;
    line-height: 1.8em;
    margin-top: 20px
}

.sb-tickets .car {
    width: 100%;
    position: relative;
    display: block
}

.sb-tickets .cel {
    width: calc(50% - 20px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right:15px;
    margin-bottom:15px;
}
.sb-tickets .cel:nth-child(2n-1) {
   border-right:1px solid #373737;
}

.sb-tickets .bn {
    width: 100px;
    float: left;
    position: relative;
    color: #343434;
    display: inline-block;
    vertical-align: top
}

.sb-tickets .car .cel:last-child {
/*    padding: 0 30px 0 50px*/
}

.sb-tickets .car .cel:first-child {
/*    padding: 0 30px 0 0;
    border-right: solid 1px #fff*/
}

.sb-tickets .car .cel {
    text-align: left
}

.sb-tickets .car .cel .im {
    width: 200px;
    display: block;
    margin-bottom: 60px
}

.sb-tickets .car .cel .im h4 {
    font-size: 16px;
    font-family: 'Shentox-Bold';
    text-transform: uppercase;
    display: inline-block;
    float: left;
    color: #343434;
    height:36px;
}

.sb-tickets .car .cel .im span {
    display: inline-block;
    float: right
}

.sb-tickets .car .cel .im span.mrl {
    padding-top: 2px
}

.sb-tickets .car .cel p {
    line-height: 1.2em;
    color:#373737
}

.sb-tickets .car .cel .im h5 {
    font-family: 'Shentox-Bold';
    font-size: 32px;
    padding-top: 5px;
    display: inline-block;
    float: left;
    color:#373737
}

.sb-tickets .car .cel .im span:last-child {
    padding-top: 22px;
    color:#373737
}

.sb-tickets .car .bn .button-inverted {
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-family: 'Shentox-Bold';
    transition: .1s ease-in
}

.sb-tickets .tic {
    position: relative;
    display: block;
    width: 100%
}

.sb-tickets .tic h2 {
    margin: 50px 0 10px 0;
    width: 100%;
    text-align: left;
    display: block
}

.sb-tickets .tic .inv {
    font-family: 'PT Mono';
    font-size: 14px;
    color: #b7b7b7;
    text-align: left;
    padding-bottom: 30px;
    border-bottom: solid 1px #fff
}

.sb-tickets .tic .elems .el {
    position: relative;
    display: block;
    float: left;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #373737;
    width: 100%
}

.sb-tickets .tic .elems .el div {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: top
}

.sb-tickets .tic .elems .el div.where{
    width: 120px;
    text-align: left
}
.sb-tickets .tic .elems .el div.how
 {
    width: 50px;
    text-align: left
}



.sb-tickets .tic .elems .el div.bt {
    width: 210px;
    color: #343434;
    padding-left: 30px;
    text-align: right;
    line-height: 1.4em
}

.sb-tickets .social {
    margin-top: 100px;
    text-align: left
}

.sb-tickets .tic .elems .el div.name {
    width: calc(100% - 430px);
    padding-right: 20px;
    text-align: left
}

.sb-tickets .tic .elems .el div.bt .button-inverted {
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-family: Shentox-Bold
}

.sb-tickets .tic .elems .el .where {
    padding-right: 10px
}

.sb-tickets .tic .elems .el .where span {
    text-decoration: underline
}

.sb-tickets .tic .elems .el .where p {
    margin-top: 15px;
    line-height: 1.3em
}

.sb-tickets .tic .elems .el .where p a:hover {
    text-decoration: line-through!important
}

#___plus_0 {
    margin-left: 1px
}

#twitter-widget-0 {
    margin-left: 1px
}

.sb-tickets .tic .elems .el .name h6 {
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'Shentox-Bold';
    transition: .1s ease-in;
    cursor: pointer;
    color: #373737
}

.sb-tickets .tic .elems .el .name h6:hover {
    text-decoration: line-through
}

.sb-tickets .tic .elems .el .how p,
.sb-tickets .tic .elems .el .how span {
    line-height: 1.4em
}

.sb-tickets .tic .elems .el .how span.frst {
    margin-top: 10px
}

.sb-tickets .tic .elems .el .how span {
    font-size: 12px;
    position: relative;
    display: block;
    color: #b7b7b7
}

#contact_form .fakeBox {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff none repeat scroll 0 0;
    border: solid 2px #fff;
    transition: .1s ease-in;
    cursor: pointer
}

#contact_form .button {
    width: 100px;
    height: 47px;
    line-height: 49px;
    transition: .1s ease-in;
    font-family: 'Shentox-Bold';
    float: right;
    display: inline-block;
    margin-right: 15px;
    background-color: #222;
    color: #fff;
}

#contact_form .checked {
    background: #A3D900!important;
    border: solid 2px #fff!important
}

#contact_form span {
    color: #222;
    font-family: 'PT Mono';
    font-size: 14px;
    padding-left: 15px;
    cursor: pointer;
    padding-bottom: 5px;
    vertical-align: middle
}

#contact_form .button:hover {
    background: #fff;
    background-color: #A3D900
}

#contact_form .contact_error {
    background: #cd4029;
    font-size: 14px;
    position: absolute;
    color: #fff;
    font-family: 'PT Mono';
    display: none;
    padding: 10px
}

.search-bar {
    padding: 24px 8px 17px 16px!important
}

.search-bar.sbwh {
    padding: 24px 8px 14px 16px!important
}

.sbtb .esearch {
    position: absolute;
    border: none;
    transition: .2s ease-in;
    right: 185px;
    color: #343434;
    width: 0;
    display: none;
    top: 0;
    height: 50px;
    z-index: 800
}

header .video-button {
    position: absolute;
    width: 54px;
    height: 54px;
    display: none;
    border: solid 3px #fff;
    text-align: center;
    line-height: 48px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    clip: inherit!important;
    left: 50%!important;
    right: initial!important;
    margin-top: -27px;
    margin-left: -27px;
    transform: none!important;
    z-index: 100;
    cursor: pointer
}

@media and (-webkit-min-device-pixel-ratio:0) {
    .sbtb .esearch {
        right: 188px
    }
    div.menu-bar .wall span a {
        padding: 20px 12px 15px 12px;
        transition: .1s ease-in-out
    }
    .page-program .w-min .save i {
        margin-left: -1px
    }
    .nitm.cbv a {
        padding: 20px 0 15px 14px!important
    }
    .page-program .w-min .save.is-saved i {
        margin-left: -1px;
        margin-top: 3px
    }
    .search-bar.sbwh {
        padding: 24px 8px 15px 16px!important
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(4) {
        padding: 3px 5px 5px 5px
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
        padding: 3px 2px 5px 6px
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) svg {
        vertical-align: middle
    }

}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
        padding: 3px 2px 4px 2px
    }
    div.menu-con .overlay .menu-elem.settings i.searchMobile {
        padding: 2px 5px 3px 5px;
        margin-top: 4px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .sbtb .esearch {
        right: 188px
    }
    div.menu-bar .wall span a {
        padding: 20px 12px 15px 12px;
        transition: .1s ease-in-out
    }
    header div.content div.settings .isearch {
        top: -12px
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) svg {
        vertical-align: middle
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
        padding: 3px 2px 5px 6px
    }
    .nitm.cbv a {
        padding: 20px 0 15px 14px!important
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(4) {
        padding: 3px 5px 5px 5px
    }
    .page-program .w-min .save.is-saved i {
        margin-left: -1px;
        margin-top: 3px
    }
    .page-program .w-min .save i {
        margin-left: -1px
    }
    .search-bar.sbwh {
        padding: 24px 8px 15px 16px!important
    }
    @media screen and (max-width:767px) {
        div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
            padding: 3px 2px 4px 2px
        }
        div.menu-con .overlay .menu-elem.settings i.searchMobile {
            padding: 2px 5px 3px 5px;
            margin-top: 4px
        }
    }
}

@media screen and(-webkit-min-device-pixel-ratio:0) {
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
        -chrome-: only(;
        padding: 3px 2px 5px 6px;
        )
    }
    header div.content div.settings .isearch {
        -chrome-: only(;
        top: -12px;
        )
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(3) svg {
        -chrome-: only(;
        vertical-align: middle;
        )
    }
    div.menu-bar .wall span a {
        -chrome-: only(;
        padding: 20px 12px 15px 12px;
        transition: .1s ease-in-out;
        )
    }
    .sbtb .esearch {
        -chrome-: only(;
        right: 188px;
        )
    }
    .nitm.cbv a {
        -chrome-: only(;
        padding: 20px 0 15px 14px !important;
        )
    }
    div.menu-con .overlay .menu-elem.settings i:nth-child(4) {
        -chrome-: only(;
        padding: 3px 5px 5px 5px;
        )
    }
    .search-bar.sbwh {
        -chrome-: only(;
        padding: 24px 8px 15px 16px !important;
        )
    }
    .page-program .w-min .save.is-saved i {
        -chrome-: only(;
        margin-left: -1px;
        margin-top: 3px;
        )
    }
    .page-program .w-min .save i {
        -chrome-: only(;
        margin-left: -1px;
        )
    }
    @media screen and (max-width:767px) {
        div.menu-con .overlay .menu-elem.settings i:nth-child(3) {
            -chrome-: only(;
            padding: 3px 2px 4px 2px;
            )
        }
        div.menu-con .overlay .menu-elem.settings i.searchMobile {
            -chrome-: only(;
            padding: 2px 5px 3px 5px;
            margin-top: 4px;
            )
        }
    }
}

.sbtb .esearch input {
    width: 100%;
    padding: 0 10px;
    height: 100%;
    border: none;
    background: #fff
}

.search-bar.open {
    background: #fff;
    color: #343434!important
}

#contact_form .contact_error:after {
    content: '';
    display: block;
    position: absolute;
    background: #cd4029;
    width: 15px;
    height: 15px;
    left: 3px;
    bottom: 26px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom-right-radius: 50%
}

#contact_form .inerr {
    border: solid 4px #cd4029
}

.contact-ppl .large {
    position: relative;
    display: inline-block;
    float: left;
    width: 33.33333%;
    vertical-align: top;
    font-family: 'Shentox-Bold';
    font-size: 24px;
    text-transform: uppercase;
    color: #343434
}

.contact-ppl .large .image-hold {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    vertical-align: top;
    overflow: hidden;
    float: left;
    -webkit-filter: saturate(40%) grayscale(10%);
    filter: saturate(40%) grayscale(10%)
}

.contact-ppl .large .image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border:7px solid white;
}

.contact-ppl {
    padding-top: 60px
}

.contact-ppl .large h2 {
    padding-left: 20px;
    display: inline-block;
    width: calc(100% - 210px);
    float: left;
    line-height: 1.1em;
    padding-bottom: 5px;
    text-align: left
}

.contact-ppl .large h3 {
    font-size: 16px;
    float: left;
    width: calc(100% - 190px);
    padding-left: 20px;
    padding-top: 3px;
    display: inline-block;
    text-align: left
}

.contact-ppl .large a {
    position: absolute;
    left: 180px;
    display: inline-block;
    bottom: 0
}

.contact-ppl .small {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    vertical-align: top;
    font-family: 'Shentox-Bold';
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 50px;
    text-align: left;
    color: #343434;
    padding-right: 20px;
    min-height: 150px
}

.contact-ppl .small h2 {
    float: left;
    display: inline-block;
    width: 100%
}

.contact-ppl .small h3 {
    float: left;
    display: inline-block;
    padding-top: 20px;
    font-size: 16px;
    width: 100%
}

.contact-ppl .small a {
    display: block;
    margin-top: 20px;
    float: left
}

.contact-ppl .srow {
    float: left;
    margin-top: 10px
}

.sbtb2 a {
    padding: 20px 16px 20px 16px!important
}

.sbtb2 input {
    right: 172px!important
}

.s-search .btns a {
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block
}

.s-search .btns {
    margin-left: 0;
    float: left;
    text-align: left;
    width: 100%;
    display: block
}

.s-search h1 {
    text-align: left;
    width: 260px
}

.s-search .list .el div.desc {
    width: 48%
}

.s-search h2.hdr {
    font-family: 'Shentox-Bold';
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: left;
    color: #b7b7b7;
    text-transform: uppercase
}

.s-search .event .date p:first-child {
    font-size: 32px
}

.s-search .event {
    margin-bottom: 10px
}

.s-search .page-artists .el .title {
    color: #fff!important;
    text-align: left
}

.s-search .s-places .el .title {
    width: 49%;
    position: relative
}

.s-search h1 {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 30px;
    text-transform: none;
    font-size: 34px
}

.s-search .s-places .el .title h2 {
    margin-top: -85px!important;
    margin-left: -55px!important
}

.s-search .page-artists .el .title h2 {
    margin-left: -60px;
    margin-top: -35px
}

.s-search .s-places .el {
    min-height: 280px;
    height: auto
}

.s-search .s-places .el .map {
    position: relative;
    top: 290px;
    float: left
}

.s-search .s-places .el .map span {
    font-family: 'PT Mono';
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-bottom: 35px;
    padding-left: 20px;
    transition: .1s ease-in
}

.s-search .s-places .el .map:hover span {
    color: #A3D900
}

.s-search .s-places .list .el:hover div.title h2 {
    color: #fff!important
}

.s-search .s-places .list .el div.title h2:hover {
    color: #A3D900!important
}

@media screen and (max-width:1224px) {
    .page-contact .s-50:first-child .s-25:last-child {
        padding-left: 0
    }
    header .video-button {
        display: block
    }
}

.search-bar.sbc.open:hover {
    color: #fff!important
}

.searchContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    background: url(../images/glitch-tv.gif);
    top: 0;
    left: 0;
    z-index: 999
}

div.menu-con #searchMobile {
    margin-top: 30%
}

.closeMenuMobile {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 30px;
    background: #fff none repeat scroll 0 0;
    color: #343434;
    transition: .1s ease-in
}

.closeMenuMobile:hover {
    background: 0 0!important;
    color: #fff!important
}

div.menu-con #search_mobile {
    margin-left: 15px!important
}

.searchContainer .overlay {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: url(../images/bg-glitch-ov.png)
}

@media screen and (max-width:1279px) {
    .s-search .event {
        margin-bottom: 30px
    }
    .header-small {
        margin-top: 0!important
    }
    .sbtb .esearch {
        right: 160px
    }
    .my-sp .element {
        width: 30%
    }
    .art-wall-big {
        width: 100%;
        display: block
    }
    .art-wall-small {
        width: 100%;
        display: block
    }
    .art-wall-small .em .image-hold {
        display: inline-block
    }
    .art-wall-small .em .text {
        width: calc(100% - 270px);
        display: inline-block;
        margin-top: 0;
        padding-left: 20px;
        vertical-align: bottom
    }
    .art-wall-small .em.event .date {
        border-bottom: none!important
    }
    .art-wall-small .em .mtml {
        margin-left: 0
    }
    .art-wall-small .em.est {
        width: 260px;
        display: inline-block
    }
    .art-wall-small .event .arrow {
        color: #fff!important
    }
    .art-wall-small {
        text-align: center
    }
    .art-wall-small .em .text {
        width: 100%;
        padding-left: 0;
        text-align: left
    }
    .bg-gray-large.page-program.subsite.article-detail .rotate.title-rotate-date.pd {
        position: relative!important;
        top: -35px!important;
        left: 0!important
    }
    .arpd {
        bottom: initial!important;
        top: 160px;
        color: #fff!important
    }
    .art-wall-small .em.event .date {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        top: 10px;
        margin-top: 0;
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        left: 0
    }
    .art-wall-small .em .inf {
        width: auto
    }
    .article-detail h1 {
        margin-top: 30px
    }
    .art-wall-small .em {
        width: 45%;
        display: inline-block
    }
    .art-wall-small .em.est {
        width: 45%!important;
        float: none
    }
    .cl1 {
        display: none
    }
    .my-sp .plan_send {
        float: right
    }
    .my-sp .printer {
        display: none
    }
    .my-sp h1 {
        font-size: 40px
    }
    .sb-tickets .cnt-large {
        width: 100%;
        padding-right: 0
    }
    .sb-tickets .tic .elems .el div.name {
        width: calc(100% - 300px)
    }
    .sb-tickets .tic .elems .el div.bt {
        margin-right: 50px;
        float: right;
        margin-top: 20px
    }
    .sb-tickets .tic .elems .el div.bt.bttxt {
        text-align: left
    }
    .sb-tickets .cnt-small {
        width: 100%;
        margin-top: -60px
    }
    .sb-tickets .cnt-small .sbg {
        padding: 0;
        background: 0 0;
        float: left
    }
    .sb-tickets .cnt-small .el {
        padding: 0;
        width: 50%;
        float: left;
        vertical-align: top;
        text-align: left;
        padding-right: 30px
    }
    .sb-tickets .cnt-small .csb {
        float: left;
        width: 50%;
        vertical-align: top;
        display: inline-block;
        height: 50px
    }
    .sb-tickets .cnt-small .ending {
        padding-left: 30px;
        width: 50%;
        float: left
    }
    .sb-tickets .cnt-small .el:first-child {
        margin-top: 0
    }
    .contact-ppl .large {
        width: 50%;
        margin-top: 40px
    }
    .contact-ppl {
        padding-top: 60px
    }
    .contact-ppl .small {
        width: 50%;
        margin-top: 40px;
        padding-bottom: 60px
    }
    .contact-ppl .srow {
        margin-top: 60px;
        float: none
    }
}

@media screen and (max-width:1000px) {
    .my-sp-pl .eventim {
        float: none;
        display: block;
        margin-top: 40px
    }
    .my-sp-pl .ticket-place {
        width: 48%
    }
    .my-sp-pl h2 {
        padding-left: 50px;
        width: 90%
    }
    .my-sp-pl .eventim {
        margin-left: 50px
    }
}

.section-media .arrow {
    display: none
}

@media screen and (max-width:767px) {
    .article-detail h1 {
        font-size: 32px;
        margin-top: -15px;
        margin-bottom: 10px
    }
    .bg-gray-large.page-program.subsite.js-long-parallax-bg .list.events {
        margin-top: -20px
    }
    .contact-ppl .large h2,
    .contact-ppl .small h2 {
        line-height: 1.1em;
        width: 47%!important
    }
    .article-detail .art-wall-big .cntn {
        margin-top: 0
    }
    .art-wall-small .contact h2 {
        text-align: left
    }
    .section-media .arrow {
        display: block
    }
    .s-search .s-places .el .map {
        display: none
    }
    .contact-ppl .large {
        width: 100%
    }
    .s-search .list .el .title {
        left: 0!important
    }
    .s-search .btns {
        float: left;
        display: block;
        width: 100%
    }
    section.program-detal-less {
        padding-top: 0
    }
    .s-search .list .el div.title span {
        width: 100%;
        display: block
    }
    .s-search .mra .roww {
        height: 300px
    }
    .contact-ppl .large:first-child .image-hold {
        display: inline-block
    }
    .contact-ppl .large:not (:first-child) h2,
    .contact-ppl .large:not (:first-child) h3 {
        display: inline-block;
        width: 47%
    }
    .contact-ppl .large:not (:first-child) a {
        position: absolute;
        display: inline-block;
        float: left;
        left: 180px;
        margin-top: 20px
    }
    section.program-detal-less {
        padding-bottom: 70px
    }
    .contact-ppl .small h3 {
        padding-top: 7px
    }
    .contact-ppl .small a {
        margin-top: 10px
    }
    .contact-ppl .small {
        width: 100%;
        padding-bottom: 0;
        padding-left: 20px
    }
    .page-contact .forms .s-50:last-child {
        width: 100%
    }
    .page-contact .forms .s-50:last-child {
        margin-top: 40px;
        padding-left: 0
    }
    .sb-tickets .cnt-small {
        display: none
    }
    .sb-tickets .in-info {
        display: none
    }
    .sb-tickets .cel {
        width: 100%;
        padding: 0 30px 0 0
    }
    .sb-tickets .car .cel:first-child {
        border-right: none
    }
    .sb-tickets .car .cel:last-child {
        margin-top: 30px;
        padding: 0 30px 0 0
    }
    .sb-tickets .tic .elems .el div.how,
    .sb-tickets .tic .elems .el div.where {
        width: 100%
    }
    .sb-tickets .tic .elems .el div.name {
        width: 100%;
        margin-top: 20px
    }
    .sb-tickets .tic .elems .el div.how {
        margin-top: 20px;
        width: calc(100% - 150px)
    }
    .sb-tickets .social {
        margin-top: 50px
    }
    .sb-tickets .wall {
        padding-bottom: 0
    }
    .sb-tickets .tic .elems .el div.bt {
        margin-right: 0
    }
    .sb-tickets .car .bn {
        margin-top: 30px;
        float: right
    }
    .my-sp .plan_send {
        float: none;
        display: block;
        margin-top: 0;
        margin-bottom: 100px
    }
    .my-sp .element {
        width: 45%;
        margin-right: 0
    }
    .bg-gray-large.page-program.subsite.article-detail .rotate.title-rotate-date.pd {
        top: -20px!important
    }
    .article-detail .art-wall-big .cntn {
        padding: 3px 
    }
    .article-detail .art-wall-big .cntn .img {
        width: 100%;
        height: 360px
    }
    .article-detail .art-wall-big .cntn span {
        width: 100%;
        padding-left: 0
    }
    .art-wall-small .em .mtml {
        margin-top: 20px
    }
    .art-wall-small .em.est {
        width: 100%
    }
    .art-wall-small .event.small .image-hold {
        width: 260px;
        height: 260px
    }
    .art-wall-small .event.small .text {
        margin-top: 0
    }
    .art-wall-small .event.small h2 {
        font-size: 32px
    }
    .article-detail .art-wall-big .cntn .img-small {
        margin-right: 0
    }
    .art-wall-small {
        padding: 0 10px 0 10px
    }
    .art-wall-small .em .text {
        text-align: center
    }
    .art-wall-small .em {
        width: 100%!important
    }
    .art-wall-small .em.est {
        width: 100%!important
    }
    .my-sp .breadcrumbs {
        display: none
    }
    header div.event {
        top: 120px!important
    }
    .header-mh {
        min-height: 700px!important
    }
    header div.countdown {
        height: 80px!important
    }
    header div.btn-header {
        bottom: 150px!important
    }
    header div.pagers {
        bottom: 220px!important
    }
    .my-sp h1 {
        margin-top: 20px;
        width: 100%
    }
    section.section-footer .footer-bottom .footer-org img {
        height: 70px
    }
    section.section-footer .footer-bottom .footer-org img:last-child {
        margin-left: 50px
    }
    /*    section.section-footer .footer-top .footer-social .buttons div {
            width: 40px;
            height: 40px;
            background-size: cover
        }
        section.section-footer .footer-top .footer-social .buttons div.yt {
            background-position: 0 -50px
        }
        section.section-footer .footer-top .footer-social .buttons div.pin {
            background-position: 0 -100px
        }
        section.section-footer .footer-top .footer-social .buttons div.ig {
            background-position: 0 -150px
        }
        section.section-footer .footer-top .footer-social .buttons div.spo {
            background-position: 0 -200px
        }*/
}

@media screen and (max-width:600px) {
    .my-sp-pl .ticket-place {
        width: 100%
    }
    .my-sp-pl .eventim .button {
        font-size: 16px
    }
    .my-sp-pl .eventim {
        width: 100%
    }
    .my-sp-pl .eventim {
        width: calc(100% - 100px)
    }
}

@media screen and (max-width:500px) {
    .article-detail .art-wall-big .cntn .img {
        width: 100%;
        height: 260px
    }
    .art-wall-small .em .text {
        text-align: left
    }
    .art-wall-small .em.event .date {
        text-align: left
    }
    .my-sp .element {
        width: calc(100% - 20px)
    }
    .my-sp .plan_send {
        width: 100%
    }
    .my-sp .plan_send .plan-button {
        width: 70px;
        line-height: 51px
    }
    .my-sp .plan_send input {
        width: calc(100% - 70px)
    }
    .my-sp-pl .eventim {
        width: 100%;
        margin-left: 0
    }
    .my-sp-pl h2 {
        padding-left: 0;
        width: 100%;
        font-size: 22px
    }
    .my-sp .element .hour {
        margin-left: 30px
    }
}

.datepicker-dropdown {
    background: #343434;
    padding: 8px
}

.datepicker-dropdown.datepicker-orient-top::after {
    border-top-color: #343434
}

.datepicker-dropdown::after {
    border-bottom-color: #343434
}

.datepicker,
.datepicker table tr td,
.datepicker table tr th,
.dropdown-menu {
    border-radius: 0
}

.datepicker table {
    color: #fff;
    font-family: 'PT Mono';
    font-size: 18px;
    line-height: 1.2em
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: #A3D900
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background-color: #fff;
    color: #000
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 9px
}

.art-wall-big .cntn span {
    padding-left: 0!important
}

.fancybox-skin {
    background: 0 0!important
}

.page-program.subsite.akt .list .el div.title {
    right: 5px
}

.page-program.subsite.akt .list .el div.title h2 {
    line-height: 1.4em
}

.page-program.subsite.akt .list .el.inv div.title h2 {
    text-align: right;
    padding-right: 84px
}

.page-program.subsite.akt .list .el div.desc {
    right: 50px;
    top: 92px;
    font-weight:bold
}

.list .el.inv .title {
    right: inherit;
    left: 10%
}

.page-program.subsite.akt .list .el.inv div.desc {
    right: 248px
}

.page-program.subsite.akt .list .el div.title span {
    font-size: 14px
}

.contact_success {
    position: absolute;
    width: 300px;
    height: auto;
    display: none;
    padding: 15px;
    background-color: #A3D900!important;
    margin-left: -100px;
    margin-top: -145px;
    font-family: "PT Mono";
    font-size: 16px;
    text-transform: none;
    color: #fff!important;
    line-height: 1.2em
}

.contact_success:hover {
    color: #fff;
    background-color: #A3D900
}

.contact_success:after {
    content: '';
    position: absolute;
    display: block;
    background-color: #A3D900;
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    bottom: -15px;
    transform: rotate(45deg);
    border-top-left-radius: 50%
}

.my-sp-pl .wall {
    padding-bottom: 50px
}

.selects.ls form {
    margin-top: 0
}

.mailto,
.mailto path {
    transition: .1s ease-in
}

.mailto:hover path {
    fill: #A3D900
}

.page-partners h1 {
    /*    color: #999*/
}

.my-sp .bg-white-large.my-sp-pl {
    padding-bottom: 150px
}

@media print {
    body * {
        visibility: hidden
    }
    .print,
    .print * {
        visibility: visible
    }
    .print {
        position: absolute;
        top: 0;
        left: 0
    }
    .print span.date {
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        left: 0!important;
        margin-left: 0!important;
        top: 0!important
    }
    .print .breadcrumbs,
    .print .element div.image-holder,
    .print .ev-delete,
    .print .my-sp-pl .eventim,
    .print .plan_send {
        display: none!important
    }
    .element .place,
    .print .element h2 {
        padding-left: 0!important
    }
    .print .element .hour {
        text-align: left!important
    }
}

.s-search .list {
    text-align: left!important
}

.cookies {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    min-height: 60px;
    background: #000;
    padding: 5px 0 10px 0;
    width: 100%;
    z-index: 500
}

.cookies .wall * {
    vertical-align: top;
    position: relative
}

.cookies img.cookie {
    display: inline-block;
    margin-top: 17px;
    float: left
}

.cookies a {
    display: inline-block;
    float: right;
    margin-top: 22px
}

.cookies span {
    font-size: 12px;
    font-family: 'PT Mono';
    text-align: left;
    display: inline-block;
    width: calc(100% - 100px);
    color: #fff;
    line-height: 1.4em;
    padding-top: 5px
}

.cookies.cookies-sub {
    margin-top: 50px
}

.nitm.cbv a {
    padding: 19px 0 14px 14px!important
}

.nitm.cbv svg {
    vertical-align: middle
}

.nitm.cbv a {
    vertical-align: bottom
}

.sb-tickets .car .bn {
    margin-top: 20px
}

.searchContainer i {
    padding: 5px 8px!important
}

.bgC {
    background: #000!important;
    color: #ff0!important;
    fill: #ff0!important
}

.brC {
    border: solid 2px #ff0!important
}

.brC3 {
    border: solid 3px #ff0!important
}

.fkC {
    -webkit-filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%)!important;
    filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%)!important
}

@media screen and (max-height:800px) {
    .header-mh {
        min-height: 750px!important
    }
    header div.event {
        top: 150px;
        padding-left: 150px
    }
    .footer-social .socialmedia {
        top: 310px;
    }
    header div.countdown {
        top: 270px
    }
    header div.pagers {
        bottom: 60px
    }
}

@media screen and (max-width:1000px) {
    header div.event {
        top: 240px;
        padding-left: 0
    }
    .header-mh {
        min-height: 800px!important
    }
    header div.countdown {
        top: 440px
    }
    .socialmedia {
        top: 450px
    }
    header div.countdown span.info {
        margin-left: -180px
    }
    header .pagers {
        bottom: 100px!important
    }
}

@media screen and (max-width:767px) {
    .header-mh {
        min-height: 650px!important
    }
    header div.countdown span.info {
        margin-left: 0
    }
    header div.countdown {
        height: 50px!important
    }
    header div.btn-header {
        bottom: 120px!important
    }
    header div.pagers {
        bottom: 190px!important
    }
    header .socialmedia {
        top: 280px;
    }
    .footer-social .socialmedia a div{
        width: 32px;
        margin-left: auto;
        margin-right: auto;
    }
    .fancybox-title-float-wrap {
        position: relative;
        margin-bottom: 0;
        width: 90%;
        text-align: left
    }
    .fancybox-author {
        position: relative;
        display: block;
        float: left;
        width: 90%;
        margin-bottom: 0;
        margin-top: 10px;
        text-align: left
    }
}

div.menu-con div.settings i:nth-child(4) {
    font-size: 18px
}

.page-program.subsite .list .el:hover .image,
.page-program.subsite.page-artists .list .el:hover .image,
section.program-detal .wall .w-min .artists-slider .sa-elem:hover .image,
section.section-1 div.news .elem:hover .image {
    -webkit-filter: none;
    filter: none
}

.mra a.whh:not (:first-child):not (:last-child) {
    margin-top: 100px
}

.mra a.hh:last-child,
.mra a.whh:last-child {
    margin-top: 0
}

.mra a.whh:first-child {
    margin-right: 10px
}

.mra .row:last-child {
    margin-top: 40px
}

@media screen and (max-width:424px) {
    .IN-widget {
        margin-left: 0!important
    }
}

.bgY {
    background: #ff0!important
}

.menu-con .search.bgC .search-submit.search-buttons {
    height: 38px;
    border-bottom: solid 2px #ff0!important;
    color: #ff0!important
}

.menu-con .search.bgC .search-submit.search-buttons i {
    background: 0 0!important
}

.menu-con .search.bgC .search-submit.search-buttons:hover {
    background: #ff0!important;
    color: #000!important
}

.menu-con .search.bgC .search-submit.search-buttons:hover i {
    color: #000!important
}

@media screen and (max-width:1224px) {
    .program-slider.wall,
    .wall {
        width: 1000px!important;
        /*        margin-top:70px;*/
    }
    section.section-places .places-button {
        position: relative!important;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }
}

@media screen and (max-width:1100px) {
    .program-slider.wall,
    .wall {
        width: 900px!important
    }
}

@media screen and (max-width:1000px) {
    .program-slider.wall,
    .wall {
        width: 700px!important;
    }
}

@media screen and (max-width:767px) {
    .program-slider.wall,
    .wall {
        width: calc(100% - 30px)!important;
    }
    .bg-gray-large.page-program.subsite.article-detail.js-long-parallax-bg .art-wall-big .head {
        height: 200px
    }
}

@media screen and (max-width:767px) and (min-width:500px) {
    section.section-places .arrow-right {
        left: 55%;
        right: inherit
    }
    section.section-places .arrow-left {
        left: 41%
    }
}

.ticket-place .mark a {
    width: auto;
    position: relative;
    bottom: inherit
}

@media screen and (max-width:850px) and (min-width:768px) {
    section.section-places .arrow-right {
        right: -30px
    }
    section.section-places .arrow-left {
        left: -30px
    }
}

.menu-bar .nitm path {
    fill: #343434
}

.menu-bar .nitm:hover path {
    fill: #fff
}

@media screen and (min-width:1280px) {
    .menu-bar .nitm path {
        fill: #fff
    }
    .menu-bar .nitm:hover path {
        fill: #fff
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .nitm.cbv a {
        padding: 20px 0 15px 14px!important
    }
}

.contact-ppl .srow {
    text-align: center
}

.contact-ppl .srow .large.srl {
    float: none
}

.contact-ppl .large.srl {
    display: inline-block;
    width: 40%;
    margin: 30px 0
}

.contact-ppl .large.srl.inv .image-hold {
    float: right
}

.contact-ppl .large.srl.inv h2,
.contact-ppl .large.srl.inv h3 {
    float: right;
    text-align: right;
    padding-right: 20px
}

.contact-ppl .large.srl.inv a {
    left: 250px
}

.contact-ppl .large.srl.mrTT1 {
    margin-top: 100px
}

.contact-ppl .large.srl.mrTT2 {
    margin-top: -10px
}

.contact-ppl .large.srl.mrH1 {
    margin-left: -230px
}

.contact-ppl .large.srl.mrH2 {
    margin-right: 100px
}

.contact-ppl .large.srt.mrLL {
    margin-top: -20px
}

.contact-ppl .large.srt.mrTT {
    margin-top: 30px
}

.contact-ppl .large.srt.mrFLO {
    float: left;
    margin-left: 100px
}

@media screen and (max-width:1224px) {
    div.menu-con div.nav-con:last-child {
        width: 90%
    }
    .contact-ppl .srow {
        text-align: center
    }
    .contact-ppl .srow .large.srl {
        float: left
    }
    .contact-ppl .large {
        width: 50%
    }
    .contact-ppl .large.srl {
        display: inline-block;
        width: 50%;
        margin: 30px 0
    }
    .contact-ppl .large.srl.inv .image-hold {
        float: left
    }
    .contact-ppl .large.srl.inv h2,
    .contact-ppl .large.srl.inv h3 {
        float: left;
        text-align: left;
        padding-right: 0
    }
    .contact-ppl .large.srl.inv a {
        left: 180px
    }
    .contact-ppl .large.srl.mrTT1 {
        margin-top: 40px
    }
    .contact-ppl .large.srl.mrTT2 {
        margin-top: 40px
    }
    .contact-ppl .large.srl.mrH1 {
        margin-left: 0
    }
    .contact-ppl .large.srl.mrH2 {
        margin-right: 0
    }
    .contact-ppl .large.srt.mrLL {
        margin-top: 40px
    }
    .contact-ppl .large.srt.mrTT {
        margin-top: 40px
    }
    .contact-ppl .large.srt.mrFLO {
        float: left;
        margin-left: 0
    }
}

@media screen and (max-width:1000px) {
    .contact-ppl .large h2 {
        width: calc(100% - 260px)
    }
}

@media screen and (max-width:767px) {
    div.menu-con div.nav-con:last-child {
        width: 100%
    }
    .contact-ppl .srow {
        text-align: center
    }
    .contact-ppl .srow .large.srl {
        float: left
    }
    .contact-ppl .large {
        width: 100%
    }
    .contact-ppl .large.srl {
        display: inline-block;
        width: 100%;
        margin: 30px 0
    }
    .contact-ppl .large.srl.inv .image-hold {
        float: left
    }
    .contact-ppl .large.srl.inv h2,
    .contact-ppl .large.srl.inv h3 {
        float: left;
        text-align: left;
        padding-right: 0
    }
    .contact-ppl .large.srl.inv a {
        left: 180px
    }
    .contact-ppl .large.srl.mrTT1 {
        margin-top: 40px
    }
    .contact-ppl .large.srl.mrTT2 {
        margin-top: 40px
    }
    .contact-ppl .large.srl.mrH1 {
        margin-left: 0
    }
    .contact-ppl .large.srl.mrH2 {
        margin-right: 0
    }
    .contact-ppl .large.srt.mrLL {
        margin-top: 40px
    }
    .contact-ppl .large.srt.mrTT {
        margin-top: 40px
    }
    .contact-ppl .large.srt.mrFLO {
        float: left;
        margin-left: 0
    }
    .mra a.whh {
        width: 100%!important;
        height: 260px!important;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }
    .mra a.hh {
        height: 260px!important
    }
    .fancy-media.hh.mt-2 {
        margin-top: 10px!important
    }
    .mra a.hh:last-child,
    .mra a.whh:last-child {
        margin-top: 10px!important
    }
}

.fancybox-close {
    transition: .1s ease-in
}

.fancybox-close i {
    transition: .1s ease-in
}

.fancybox-close:hover {
    background: #A3D900!important
}

.fancybox-close:hover i {
    color: #fff
}

.fancybox-skin .fb-left,
.fancybox-skin .fb-right {
    position: absolute;
    color: #fff;
    right: 0;
    top: 50%;
    font-size: 33px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    padding: 5px 16px;
    transition: .1s ease-in;
    margin-top: -20px
}

.fancybox-skin .fb-left {
    right: initial;
    left: 0
}

.fancybox-skin .fb-left:hover,
.fancybox-skin .fb-right:hover {
    background: rgba(0, 0, 0, 1)
}

@media screen and (max-width:767px) {
    .multimedial.mra .fancy-media {
        width: 100%!important;
        height: 260px!important;
        position: absolute!important;
        margin: 0!important;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
}

.ui-loader {
    display: none!important
}

.logo-vid.white-logo:hover {
    -webkit-filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%);
    filter: hue-rotate(360deg) grayscale(100%) invert(100%) brightness(150%);
    transition: .1s ease-in
}

div.menu-con div.nav-con div.links a:hover span .second {
    width: calc(100% + 10px);
    transition: .2s ease-in
}

div.menu-con div.nav-con div.links a span.second::before {
    top: 25%
}

div.menu-con div.nav-con div.links a span.second::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    left: -5px;
    height: 3px;
    background: #fff;
    top: 75%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s linear
}

div.menu-con div.nav-con div.links a:hover span.second::after {
    width: calc(100% + 10px);
    transition: .2s ease-in
}

div.menu-con div.nav-con div.links a span.second {
    display: inline-block
}

div.menu-con div.nav-con div.links a.active span.second::after {
    width: calc(100% + 10px)!important
}

.my-sp .events {
    margin-bottom: 70px
}

.my-sp .mySpHref {
    color: #fff;
    font-family: 'PT Mono';
    line-height: 1.5em;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    display: block
}

.my-sp .mySpBtn {
    color: #fff;
    border: solid 3px #fff;
    border-radius: 50%;
    padding: 3px 8px 2px 8px;
    font-size: 24px;
    transition: .1s ease-in;
    position: relative
}

.my-sp .mySpBtn:hover {
    color: #343434;
    background: #fff
}

.my-sp .noEvents {
    text-align: center
}

.my-sp .mySpTooltip {
    transform: translateX(-50%);
    right: initinal;
    left: 50.2%;
    margin-top: -110px;
    top: 0;
    display: none;
    transition: .1s ease-in
}

.my-sp .mySpTooltip.active {
    display: block
}

::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none
}

:: --webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none
}

::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

@media (-webkit-min-device-pixel-ratio :2),
(min-resolution :192dpi) {
    header div.content div.settings .isearch {
        right: 168px!important;
        top: -13px!important
    }
}

@media (-webkit-min-device-pixel-ratio :1.25),
(min-resolution :120dpi) {
    header div.content div.settings .isearch {
        right: 168px!important;
        top: -13px!important
    }
}

@media (-webkit-min-device-pixel-ratio :1.3),
(min-resolution :124.8dpi) {
    header div.content div.settings .isearch {
        right: 168px!important;
        top: -13px!important
    }
}

@media (-webkit-min-device-pixel-ratio :1.5),
(min-resolution :144dpi) {
    header div.content div.settings .isearch {
        right: 168px!important;
        top: -13px!important
    }
}

.custom-button {
    background-color: #e6e6e6;
    padding: 10px;
    margin: 10px 0;
    text-align: center;
    color: #2d303c!important;
    cursor: pointer;
    line-height: 19px!important;
    transition: background-color .3s
}

.custom-button:hover {
    background-color: #dadada
}



.subpages-paginator{
    text-align:center;
    margin-bottom:30px;
}
.subpages-paginator a{
    color:#222;
}
.subpages-paginator a.active{
    color:#fff;
}

.subpages-paginator a:hover{
    color:#A3D900;
}



.pageGallery {
    margin-top: 60px;
    width: calc(100% + 7px);
}
.pageGallery img {
    border:7px solid white;
    width:100%;
    margin-right:7px;
    margin-bottom:7px;
}
.pageGallery > div {
    width:calc(50% - 14px);
    float:left;
}
.pageGallery > div + div {
    width:calc(50% - 7px);
    float:right;
}
.pageGallery > div + div img {
    width:calc(50% - 7px);
    float:left;
}


.records-list {
    overflow:hidden
}
.records-list .item{
    display: block;
    float:left;
    width:calc(25% - 14px);
    margin: 0 14px 24px 0;
    height:365px;
}
.record-item img,
.records-list img{
    width:100%;
    max-width:100%;
    margin-bottom:7px;
}
.records-list .title{
    display:block;
    font-weight:bold;
    margin-bottom:7px;
}
.records-list .artist{
    display:block;
    margin-bottom:7px;
}
.records-list .year{
    color:#888
}
.records-list .genre{
    display:block;
    color:#888
}

@media screen and (max-width:767px) {
    .records-list .item{
        display: block;
        float:left;
        width:calc(50% - 28px);
        margin: 0 14px 24px 0
    }    
}





@media screen and (max-width:767px) {
    .pageGallery > div {
        width:calc(100%);
        float:left;
    }
    .pageGallery > div + div {
        width:calc(100% + 7px);
        float:right;
        margin-right: -7px;
    }
}

@media screen and (max-width:400px) {
    .pageGallery > div + div img {
        width:calc(100% - 7px);
        float:left;
    }
}