.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;	
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.ci-err {
	color: #ff0000;
	font-size: 11px;
}

input.has-error, select.has-error, textarea.has-error {
	border: 1px solid #ff0000 !important;
}

.f-info__content address a {
	color: #D3D3D5;
}

.f-info__content address a:hover {
	color: #09FFF5;
	text-decoration: underline;
}

.tt-content-text h2, .tt-content-text h5 {
	color: #000;
	font-size: 22px;
	margin-bottom: 15px;
}

.tt-content-text a {
	color: #888888;
	text-decoration: underline;
}

.tt-content-text p.with-margin {
	margin-bottom: 20px;
}

.tt-item__content .tt-content-text ul, .tt-content-text ul, ul.marker-list {
	list-style-type: disc;
	margin-bottom: 20px;
	padding-left: 20px;
}

.box-desc p:first-child {
	color: #09FFF5;
	font-size: 17px;
}

.box-desc ul {
	color: #000;
	font-size: 14px;
}

a.vip-box-detail:nth-child(even) {
	color: #fff;
	text-decoration: underline;
}

a.vip-box-detail:nth-child(even) {
	color: #888888;
}

.tt-col li.active span, #tt-nav li.active a {
	color: #09FFF5 !important;
}

#section-djs .item {
	display: inline-block;
	margin-right: 18px;
	width: 370px;
}

#section-djs .item:nth-child(3n+3) {
	margin-right: 0;
}

#main-club-info {
	padding: 40px 0 30px;
}

@media (max-width: 576px) {
	#section-parallax-inner-info-club ul li {
		font-size: 1rem !important;
	}
}

#myVideo {
	/*height: 100vh;*/
	width: 100%;
	object-fit: fill;
	position: absolute;
}

.section-indent-minus01 .section-parallax {
	filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

#section-parallax-inner-info-club {
	padding: 25px 0 0 0;
}

#section-parallax-inner-info-club .tt-parallax01__title {
	color: #09FFF5;
	padding-bottom: 35px;
}

#section-parallax-inner-info-club ul li {
	font-size: 1.3rem;
	list-style-type: disc;
	padding-bottom: 6px;
}

.section-indent-minus01 .section-parallax, .none-gray-scale {
    -webkit-filter: grayscale(0) !important;
}

.section-marker__indent02 {
	background-color: #1E1E1E !important;
}

#section-vip h4.tt-title {
	margin-top: 0;
}

.slick-dots {
	
}

#page-events .section-marker::before {
	display: none;
}

#page-events .slick-dots {
	margin-top: 15px;
}

#main-club-info-wrapper .section-parallax .slick-dots {
	display: none;
}

.tt-logo img {
	max-height: 50px;
/*	margin-top: 12px;*/
}

.grid-sizer, .masonry-grid .grid-item {
	width: 25%;
}
.masonry-grid .grid-item--height2 {
	width: 25%;
}

.masonry-grid .grid-item img, .masonry-grid .grid-item--height2 img {

}

#tt-header .nav-btn li.gold-border a::before, 
#tt-header .nav-btn li.gold-border a::after {
	background: #E5B80B !important;
}

#tt-header .nav-btn li.gold-border a span::before,
#tt-header .nav-btn li.gold-border a span::after {
	background: #E5B80B !important;
}

#tt-header .nav-btn li.gold-border a {
	border-left: 2px solid #E5B80B;
	border-right: 2px solid #E5B80B;
}

.gold-color {
	color: #E5B80B !important;
}

#page_events h4 {
	font-size: 38px;
	line-height: 40px;
}

.tickets-col h4 {
	color: #1E1E1E;	
	margin-top: 10px;
	text-align: center;
}

.tickets-col h4 span {
	color: #888888;
	display: block;
	font-weight: normal;
}

/*
.masonry-grid .grid-item {
	float: left;
	height: 200px;
	width: 300px;
}

.masonry-grid .grid-item--height2 {
	height: 300px;
	width: 200px;
}*/

@media (max-width: 767px) {
	#event-detail-image-wrapper img {
		width: 85%;
	}
}

@media (min-width: 576px) {
	.mobile-view-only {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.event-detail-item-wrapper {
		min-height: 1475px;
	}

	.event-detail-item-wrapper .events-parties .tt-item .tt-item__content {
		height: 100%;
	}

	#event-detail-image-wrapper img {
		max-width: 600px;
	}
}

@media (min-width: 1025px) {
	.tt-logo img {
		margin-top: 12px;
	}
}

@media (max-width: 576px) {
	.grid-sizer, .masonry-grid .grid-item {
		width: 50%;
	}
	.masonry-grid .grid-item--height2 {
		width: 50%;
	}
}

@media (min-width: 577px) and (max-width: 768px) {
	.grid-sizer, .masonry-grid .grid-item {
		width: 25%;
	}
	.masonry-grid .grid-item--height2 {
		width: 25%;
	}
}