body {
    background:#f7f6f4;
    background:#fbfaf9;
    text-align:center;
}
.main-container {
    background:#fff;
    display:block;
    width:100%;
    box-shadow:0 0 4px rgba(0,0,0,0.1);
    overflow:hidden;
    position:relative;
}

.min-height {min-height:500px;}
.pad {
    padding-left:15px !important;
    padding-right:15px !important;
}
.pad-left {padding-left:15px !important;}
.pad-right {padding-right:15px !important;}
.pad-w {width:15px !important;}

.head .cont {text-align: center;}
.head {
    background:url(../images/design/back.jpg) repeat-x 0 40%;
    background-size:603px auto;
    background-size:cover;
    padding:30px 0 60px;
}

.menu-main {
    padding:10px 0 0;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
}
.menu-main .cont {text-align: center;}
.menu-main a.sel {
    border-bottom: 4px solid #d40000;
}
.menu-main a {
    display: inline-block;
    padding:5px 0px 10px;
    margin:0 30px 0 0;
    font-weight: 500;
    text-decoration: none;
}

.month-selector {text-align: center; margin:0 0 20px;}
.month-selector a.sel {
    background:#d40000;
    color:white;
    text-decoration: none;
}
.month-selector a {
    display:inline-block;
    border-radius:5px;
    padding:5px 10px;
    margin:2px 5px;
    font-size:18px;
}

.concerts {
    background:#f4f4f4;
    padding:0 0 40px;
}
.day-title b {font-weight: 700; color:black;}
.day-title span {
    display: inline-block;
    font-size:20px;
    color:#777;
    background:white;
    padding:5px 10px;
    border-radius:5px;
}
.day-title {
    text-align: center;
    margin:40px 0 20px;
}
.concerts-item .img {
    width:100%;
    max-width: 100%;
    height:auto;
    border-radius: 4px;
}
.concerts-item-title {
    background:#eee;
}

.contacts {margin:5px 0 20px;}
.contacts .title {display: inline-block; font-size:14px; color:#777; margin-bottom: 5px;}
.contacts .phone {font-size:24px; font-weight: 500;}
.contacts .email {font-size:20px;}
.contacts .address {font-size:20px;}
.contacts .col {
    margin-bottom: 20px;
}


.msk-club-link {
    position: absolute;
    background:white;
    right:0;
    top:-30px;
    padding:3px 12px;
    text-decoration: none;
    font-size:14px;
    border-radius: 0 0 15px 15px;
}

.socials-cont a {
    margin:0 0 0 5px;
    padding:0;
}
.socials-cont {
    position: absolute;
    right:0;
}

.buy.no-tikets {
    background:white;
    color:black;
}
.buy.yes-tikets {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.buy.yes-tikets .text {
    display: block;
    color:white;
    font-weight: 800;
    text-decoration: none;
}
.buy .places {font-size:14px; margin:5px 0 0; display: block; color:white;}
.buy {
    text-align: center;
    padding:10px 15px;
    background:#82b982 url(../images/design/tiket.png) no-repeat;
    background-size:cover;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    color:white;
    width:100%;
}

.buy-tiket span {
    vertical-align:middle;
    display:inline-block;
    line-height: 110px;
}
.buy-tiket:hover {
    transform: scale(1.05);
    color:white;
    font-size:24px;
}
.buy-tiket {
    background:url(../images/design/artists/buy-tiket.png) repeat-y 0 50%;
    height:110px;
    color:white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.8);
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
    transition: all 300ms;
    border-radius: 0 50px 50px 0;
}

.copyright {
    font-size:16px;
    padding:15px 0 50px;
    background:#eee;
    color:#555;
}

.concerts-item .illust:first-child {margin-top:0;border-top:1px solid white;}
.concerts-item-title > .time {
    vertical-align: top;
    margin-bottom:10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    font-size:16px;
}

.concerts-list-title {
    text-align: left;
    margin:0 0 10px;
    font-size:22px;
    font-weight: 500;
}
.concerts-list-desc {
    background:rgba(255,255,255,0.7);
    padding:10px 15px;
    border-radius: 5px;
}
.concerts-list-title > .time {
    font-weight: 200;
    margin-right: 10px;
}
.time {
    border-radius: 5px;
    background:white;
    padding:3px 8px 2px;
    display: inline-block;
    font-size:20px;
    vertical-align: middle;
}

.content {padding-bottom: 40px;}

.content.buy-link {
    font-size:16px;
    font-weight: 400;
    text-decoration: none;
    color:white;
    background:#cc2f00;
    padding-top:10px;
    padding-bottom:10px;
    cursor: pointer;
}
.content.warning,
.content.sale {
    background:#f7cf74 url(../images/design/back-sale.png) repeat-x 0 50%;
    background-size: auto 200%;
    font-weight: 900;
    font-size:15px;
    line-height: 1.1em;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
    color:#431b00;
    padding-top:5px;
    padding-bottom:7px;
    text-align: center;
    border-top:1px solid white;
}
.content.warning b, .content.sale b {
    color:#cc2f00;
    line-height: 1.1em;
}
.content.warning small, .content.sale small {
    font-size:14px;
    font-weight: 400;
}
.content.warning {
    background:#f7cf74 url(../images/design/back-warning.png);
    color:#7c0f00;
}

.photos {margin:20px -5px;}
.photos > a {
    width:20%;
    display: inline-block;
    padding:0 5px;
    margin:0 0 10px;
}
.photos > a .img img {display:none;}
.photos > a .img {
    width:100%;
    height:100%;
}

@media (max-width: 768px) {.photos > a {width:33.3333333%;}}
@media (max-width: 480px) {.photos > a {width:50%;}}



.subparts-list .img {
    display: block;
    width:auto;
    height:150px;
    border-radius: 5px;
}
.subparts-list .title {
    display: block;
    margin:10px 0 20px;
    text-align: center;
    text-decoration: none;
    font-size:20px;
}



#up_button {
    position: fixed;
    
}

.scheme-back h2 {color:white; margin-bottom: 0;}
.scheme-back img {
    max-width: 100%;
    margin:0 0 40px;
}
.scheme-back {
    background:#333;
}

.alert div {
    margin:20px;
    max-width: 700px;
    display: inline-block;
}
.alert {
    background:white;
    border-radius: 20px;
    margin:40px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    text-align: center;
    padding:100px;
    font-size:40px;
    border:2px solid #d40000;
}

.bread a {color:#333;}
.bread a, .bread span {
    display: inline-block;
    margin:0 8px;
}
.bread a:first-child {margin-left:0;}
.bread {
    background:rgba(0,0,10,0.1);
    font-size:14px;
    padding:15px 0;
    color:#777;
}

.concerts-item-title2 {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px solid #eee;
}
.ct2-title {
    text-align: left;
    margin:0 0 10px;
}
.ct2-date {
    font-size:18px;
    font-weight: bold;
    display: inline-block;
    border-left:8px solid #777;
    padding:0 10px;
    margin:5px 0;
}
.ct2-buy:hover {
    background-position: 0% 0%;
    transform: scale(1.02);
}
.ct2-buy {
    background:#cc2f00;
    background:#82b982 url(../images/design/tiket.png) no-repeat 50% 0%;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;
    padding:12px 20px;
    color:white;
    cursor: pointer;
    transition: all 300ms;
    white-space: nowrap;
}

.ct2-price {
    display: inline-block;
    background:white;
    padding:5px 10px;
    color:black;
    border-radius: 8px;
    font-weight: 200;
    margin-left:20px;
}

.sale-text {
    padding:10px;
    margin:10px 0;
    border-radius: 5px;
    background:white;
    text-align: center;
}

.mb-menu i {margin-top:-5px;}
.mb-menu {
    display: none;
    padding:8px 0;
    margin-top:-5px;
    margin-bottom: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.banners3 {margin:40px 0;}
.banners3 .bcont {
    position: relative;
    background:black;
    border-radius: 10px;
    overflow: hidden;
    width:100%;
    height:100%;
    min-height:250px;
}
.banners3 .photo,
.banners3 .blur {
    position:absolute;
    background:url() no-repeat 50% 50%;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
.banners3 .blur {
    filter: blur(10px);
    background-size:cover;
    margin:-20px;
}
.banners3 .photo {
    background-size:contain;
}
.banners3 .twister {margin-bottom:55px;}
.banners3 .tw-round {bottom:-55px;}
.banners3 .tw-round > div {background:none;}
.banners3 .tw-round-pages span {
    background:black;
    width: 10px;
    height:10px;
}
.banners3 .tw-round-pages span.sel {background:red;}
.banners3 .tw-round-left {background-position: 50% 4px;}
.banners3 .tw-round-right {background-position: 50% -28px;}

.news-thread {
    /*background:linear-gradient(to bottom, #E0F0FF 0%, #C9F4FF 50%, #D1D1FF 90%);*/
    background: #f5f5f5;
    padding:10px 0 40px;
    margin-bottom: 40px;
}
.news-thread h2 {
	text-align: center;
	margin-bottom: 0;
}
.news-thread .subhead {
	text-align: center;
	color:#777;
	font-size:14px;
}
.news-thread .twister {
	margin-top: 40px;
}
.news-photo iframe,
.news-photo {
	border-radius:10px;
}
.news-photo {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color:black;
}
.news-photo:hover .mark {
	transform: scale(1);
}
.news-photo .mark {
	background:white;
	padding: 10px 25px;
	font-weight: 200;
	font-size:2rem;
	border-radius: 10px;
	display: inline-block;
	transform: scale(0);
	transition: all 200ms;
}
.news-title {
	margin-top:10px;
	color:#777;
}


.item-tabs {
    margin:0 -15px;
    text-align: center;
}
.tabs-item.sel {
    color:black;
    background:#fec013;
}
.tabs-item:hover {
    background:#ffedbc;
}
.tabs-item {
    display: inline-block;
    font-size:22px;
    font-weight: bold;
    padding:8px 20px;
    border-radius: 25px;
    margin:0 15px 8px;
    cursor: pointer;
    position: relative;
    transition: all 300ms;
    color:#e40f25;
}
.item-tabs-cont .tabs-cont-item {
    max-height: 1000px;
    overflow: hidden;
    transition: all 300ms;
    padding-top: 10px;
}
.item-tabs-cont .tabs-cont-item.hidden {
    max-height: 0;
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.vertical-center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.horiz-center {
    display: inline-block;
}
.club {
    width: 100%;
    max-width: 1600px;
    padding: 20px;
    display: inline-block;
}
.club .block_0 {
    background: url("https://optim.tildacdn.com/tild3662-3030-4837-b932-303662633936/-/format/webp/IMG-0242.JPG") no-repeat 0 50%;
    background-size: 150%;
    padding: 15px;
    border-radius: 20px;
    color: white;
    min-height: 50vh;
    flex-direction: column;
    display: flex;
    justify-content: center;
}
.club .block_0 .pretitle {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}
.club .block_0 .title {
    margin: 30px 0;
    font-size: 40px;
    font-weight: 500;
}
.club .block_0 .subtitle {
    font-weight: 200;
    font-size: 18px;
}

.club .block_ticket {
    margin: 30px 0;
    background: #eee;
    padding: 30px 40px;
    border-radius: 20px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.club .block_ticket *:first-child {
    text-align: left;
}
.club .block_ticket .title {
    font-size: 16px;
    font-weight: bold;
    color: #670b47;
}
.club .block_ticket .date > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-right: 5px;
    font-weight: 200;
}
.club .block_ticket .time {
    border-radius: 20px;
    padding: 5px 15px;
    background-color: #670b47;
    color: white;
}

.club .block_music h2 {color: white;}
.club .block_music {
    margin: 30px 0;
    background:
            linear-gradient(to right, rgba(240, 240, 4, 0.2) 0%, rgba(240, 200, 1, 0.0) 30%),
            linear-gradient(to right, rgba(240, 4, 4, 0.0) 70%, rgba(25, 238, 238, 0.4) 100%),
            linear-gradient(to bottom, #40a98a, #0b672b);
    padding: 30px 40px;
    border-radius: 20px;
}
.club .block_music .row .col {
    vertical-align: middle;
}
.club h2 {font-weight: bold}
.club h2 .subheader {
    font-size: 80%;
    display: block;
    font-weight: 200;
    margin: 5px 0;
}
.club .bubble {
    margin: 30px 30px;
    background: white;
    background:
            linear-gradient(170deg, rgba(100, 100, 100, 0.0) 70%, rgba(100, 100, 100, 0.5) 100%),
            linear-gradient(-40deg, rgba(100, 100, 100, 0.0) 70%, rgba(100, 100, 100, 0.2) 100%),
            white;
    padding: 30px 40px;
    border-radius: 40px;
}

.club .tabs-item.sel {
    color:white;
    background: linear-gradient(to bottom, #962271, #670b47);
    border:none;
}
.club .tabs-item {
    display: inline-block;
    font-size:20px;
    font-weight: bold;
    padding:15px 25px;
    border-radius: 20px;
    margin:0 15px;
    cursor: pointer;
    position: relative;
    transition: all 300ms;
    color:#670b47;
    text-transform: none;
    height: auto;
    border:none;
}
.club .block_tabs {
    border-radius: 20px;
    padding: 25px 5px;
    margin: 20px 0;
    background: #eee;
}
.club li,
.club p {
    text-align: justify;
    line-height: 1.6em;
}