/*!
 * Autor: Dannys - Dannybia
 * Web Designer: Dannys - www.dannybia.com
 * Copyright 2001-2024, Dannys Home Page
 * E-mail: dannybia@hotmail.com
 * Site: www.dannybia.com
 */

@charset "UTF-8";

@-webkit-keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
	}
}


/* Embeds and iframes
=================================== */
embed,
iframe,
object,
video,
audio {
	margin-bottom: 15px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
p > audio,
span > embed,
span > iframe,
span > object,
span > audio {
	margin-bottom: 0;
}



/* CI-Slider Overrides
=================================== */
.ci-slider {
	margin: 0;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	border: 0;
}

.ci-slider .slides li:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
}

.ci-direction-nav a {
	top: 50%;
	opacity: 0.7;
	line-height: normal;
}

.ci-direction-nav a:before {
	color: #fff;
}

.ci-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}

.ci-slider .slides > li:first-child {
	display: block;
	/* Display flexslider's first item no matter if its loading or not */
	-webkit-backface-visibility: visible;
}

.ci-slider.loading .slides > li:first-child {
	opacity: 1 !important;
	/* Remove the fade in/out animation when the slider loads */
}

/* Magnific Popup Overrides
=================================== */
.mfp-bg {
	background-color: #000;
}

.mfp-preloader {
	color: #fff;
}

.mfp-preloader a, .mfp-preloader a:hover {
	color: #4dc4c0;  /*  old color - #f3430c */
}

.mfp-container:not(.mfp-s-error) .mfp-preloader {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: scaleout 1.0s infinite ease-in-out;
	animation: scaleout 1.0s infinite ease-in-out;
	background-color: #4dc4c0;  /*  old color - #f3430c */
	text-indent: -999em;
	margin: 0 auto;
}

button.mfp-close,
button.mfp-arrow {
	border: none;
	opacity: 1;
}

button.mfp-close:before,
button.mfp-arrow:before {
	display: none;
}

button.mfp-close:hover,
button.mfp-arrow:hover {
	background: none;
	border: none;
}

.mfp-close-btn-in .mfp-close {
	color: #fff;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #4dc4c0;  /*  old color - #f3430c */
}

.mfp-title {
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
}

.mfp-arrow {
	line-height: 0.3;
}

.mfp-arrow:before, .mfp-arrow:after {
	border: none;
}

.mfp-arrow:after {
	font-family: FontAwesome;
	font-size: 70px;
	color: #4dc4c0;  /*  old color - #f3430c */
}

.mfp-arrow-right:after,
.mfp-arrow-right .mpf-a {
	content: "\f105";
}

.mfp-arrow-left:after,
.mfp-arrow-left .mpf-a {
	content: "\f104";
}

.mfp-inline-holder .mfp-close {
	color: #555;
	min-width: 0;
}

.mfp-inline-holder .mfp-close:after, .mfp-inline-holder .mfp-close:before {
	display: none;
}


/* Hero Video */
.hero-video {
	position: relative;
	top: -100px;
}

.hero-video video,
.hero-video iframe {
	width: 100%;
	margin: 0 auto;
}

.hero-player {
	background-color: #319593;  /*  old color - #f3430c */
}

.hero-player .ci-soundplayer-play {
	border: 2px solid #fff;
}

.home-slider + .hero-player {
	background: rgba(255, 255, 255, 0.1);
	margin-top: -200px;
}

.home-slider + .hero-player .ci-soundplayer-play {
	border: none;
}

.hero-video + .hero-player {
	background: rgba(255, 255, 255, 0.1);
	margin-top: -205px;
}

.hero-video + .hero-player .ci-soundplayer-play {
	border: none;
}


/* Event Item Timer Module */
.item-timer {
	margin-top: -1px;
	font-family: 'Montserrat', sans-serif;
}

.item-timer:before, .item-timer:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.item-timer:after {
	clear: both;
}

.item-timer .count {
	float: left;
	width: 33.33333333%;
	text-align: center;
	border: 1px solid #EBEBEB;
	border-bottom-width: 0;
	border-left-width: 0;
	height: 90px;
	padding-top: 17px;
}

.item-timer .count:first-child {
	border-left-width: 1px;
}

.item-timer .count b, .item-timer .count span {
	display: block;
}

.item-timer .count b {
	font-size: 36px;
	font-weight: 900;
	color: #f3430c;
	line-height: 1;
}

.item-timer .count span {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
}


/* CI Custom Sound Player */
.hero-player {
	height: 100px;
	position: relative;
	z-index: 10;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.ci-soundplayer {
	position: relative;
	height: 100px;
	padding: 24px 0;
}

.ci-soundplayer:before, .ci-soundplayer:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.ci-soundplayer:after {
	clear: both;
}

.ci-soundplayer.playing .ci-soundplayer-play {
	text-indent: 0;
}

.ci-soundplayer.playing .ci-soundplayer-play .fa-play:before {
	content: "\f04c";
}

.ci-soundplayer-controls {
	width: 120px;
	float: left;
	position: relative;
	text-align: center;
	margin: 0 25px 0 0;
}

.ci-soundplayer-controls a {
	display: inline-block;
	color: #4dc4c0;  /*  old color - #f3430c */
	border-radius: 50%;
}

.ci-soundplayer-controls a:hover, .ci-soundplayer-controls a:focus {
	color: #4dc4c0;  /*  old color - #f3430c */
}

.ci-soundplayer-controls a.ci-soundplayer-play {
	color: #ffffff;
}

.ci-soundplayer-play {
	display: inline-block;
	text-align: center;
	width: 53px;
	height: 53px;
	background-color: #4dc4c0;  /*  old color - #f3430c */
	line-height: 51px;
	font-size: 24px;
	text-indent: 2px;
	position: relative;
	margin: 0 auto;
	z-index: 2;
}

.ci-soundplayer-prev,
.ci-soundplayer-next {
	background-color: #fff;
	width: 39px;
	height: 39px;
	text-align: center;
	position: absolute;
	top: 8px;
	font-size: 12px;
	line-height: 38px;
	z-index: 1;
}

.ci-streaming .ci-soundplayer-prev, .ci-streaming
.ci-soundplayer-next {
	opacity: 0.6;
	pointer-events: none;
}

.ci-soundplayer-prev {
	left: 3px;
	text-indent: -1px;
}

.ci-soundplayer-next {
	right: 3px;
	text-indent: 1px;
}

.ci-soundplayer-meta {
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding: 5px 0 0;
}

.ci-soundplayer-meta .track-title {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 14px;
}

.ci-soundplayer-meta .track-bar {
	width: 97%;
	height: 5px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
}

.ci-streaming .ci-soundplayer-meta .track-bar {
	cursor: default;
	pointer-events: none;
}

.ci-soundplayer-meta .progress-bar {
	height: 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #4dc4c0; /*  old color - #f3430c */
	background-image: -webkit-linear-gradient(left, #00aba5, #4dc4c0); /*  old color - #f3430c, #F3890B */
	background-image: linear-gradient(to right, #00aba5, #4dc4c0); /*  old color - #f3430c, #F3890B */
}



.ci-streaming .ci-soundplayer-meta .progress-bar {
	display: none;
}

.ci-soundplayer-meta .load-bar {
	height: 5px;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
}

.ci-streaming .ci-soundplayer-meta .load-bar {
	display: none;
}

.ci-soundplayer-meta .track-position {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 10px;
}

.ci-streaming .ci-soundplayer-meta .track-position {
	display: none;
}

.ci-soundplayer-tracklist {
	display: none;
}


/* WIDGET: #Section Widgets
========================================= */

section.widget {
	margin-bottom: 50px;
}

section.widget.widget_ci-hero {
	margin-bottom: 90px;
}


/* WIDGET: #Hero Widget
========================================= */
.widget_ci-hero {
	text-align: center;
}

.widget_ci-hero.widget-padded .widget-wrap {
	padding: 150px 0;
}

.widget_ci-hero .btn, .widget_ci-hero .comment-reply-link {
	margin-top: 30px;
}

.hero-title {
	font-size: 36px;
	margin: 0 0 25px;
	text-transform: uppercase;
	letter-spacing: -0.05em;
}

.hero-content {
	position: relative;
}

.hero-content:after {
	content: "";
	display: block;
	width: 120px;
	height: 100%;
	background-color: #4dc4c0;  /*  old color - #f3430c */
	opacity: 0.3;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -95px;
	z-index: -1;
}

.hero-content:after {
	top: 0;
	margin-left: -50px;
}

/* WIDGET: #Items Widget
========================================= */
.widget_ci-items.widget-padded .widget-wrap,
.widget_ci-latest-post-type.widget-padded .widget-wrap,
.widget_ci-events.widget-padded .widget-wrap {
	padding: 90px 0;
}

/* WIDGET: #Tracklisting
========================================= */
.widget_ci-tracklisting.widget-padded .widget-wrap {
	padding: 90px 0;
}

/* WIDGET: #Brands
========================================= */
.widget_ci-brands.widget-padded .widget-wrap,
.widget_ci-text.widget-padded .widget-wrap {
	padding: 80px 0;
}




@media (max-width: 1199px) {
	.entry-content .list-item {
		padding: 26px 5px 24px;
	}
	.entry-content .list-item-intro {
		width: 16%;
	}
	.entry-content .list-item-no,
	.entry-content .list-item-title {
		font-size: 25px;
	}
	.entry-content .list-item-group {
		top: -2px;
	}
	.entry-content .list-item-extra {
		right: 5px;
	}
	.entry-content .list-item-no {
		margin-right: 5px;
	}
	.sidebar .list-item-title,
	.sidebar .list-item-no {
		font-size: 19px;
	}
	.widget_ci-hero.widget-padded .widget-wrap {
		padding: 95px 0;
	}
}

@media (max-width: 991px) {
	section.widget.widget_ci-hero {
		margin-bottom: 75px;
	}
	section.widget {
		margin-bottom: 40px;
	}
	.widget_ci-brands.widget-padded .widget-wrap,
	.widget_ci-text.widget-padded .widget-wrap {
		padding: 60px 0;
	}
	.list-item {
		padding: 26px 5px 24px;
	}
	.list-item-intro {
		width: 14%;
	}
	.list-item-no,
	.list-item-title {
		font-size: 25px;
	}
	.sidebar .list-item-no, .sidebar
	.list-item-title {
		font-size: 25px;
	}
	.list-item-group {
		top: -2px;
	}
	.list-item-extra {
		right: 5px;
	}
	.list-item-no {
		margin-right: 5px;
	}
	.footer-info,
	.nav-footer {
		text-align: center;
	}
	.nav-footer {
		margin-top: 5px;
	}
	.entry-title {
		font-size: 24px;
	}
	.sidebar {
		margin-top: 40px;
	}
	.col-md-push-8 .sidebar {
		margin: 0 0 40px;
	}
}

@media (max-width: 767px) {
	.home-slider .ci-control-nav {
		display: none;
	}
	.slide-title {
		font-size: 36px;
	}
	.slide-content:after {
		display: none;
	}
	.slide-sup,
	.slide-rotated .slide-sup {
		max-width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		position: static;
		text-align: center;
		margin: 0 0 10px;
	}
	.hero-player {
		height: 140px;
	}
	.hero-video {
		margin: 0;
		top: 0;
	}
	.home-slider + .hero-player {
		margin-top: -240px;
	}
	.hero-video + .hero-player {
		margin: -10px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.ci-soundplayer-controls {
		margin: 0 auto;
		float: none;
	}
	.ci-soundplayer-meta {
		text-align: center;
	}
	.track-position {
		display: none;
	}
	.section-title {
		font-size: 28px;
	}
	.list-item {
		height: auto;
		max-height: none;
		padding: 15px 5px;
		text-align: center;
	}
	.soundcloud-wrap {
		margin: 15px 15px 0;
	}
	.list-item-track .list-item-no {
		display: none;
	}
	.list-item-no {
		float: none;
		margin: 0 0 2px;
		text-align: center;
		display: block;
	}
	.list-item-intro {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.list-item-intro .sm2_link {
		position: static;
	}
	.list-item-info {
		margin: 0 0 10px;
	}
	.list-item-title {
		margin: 0 0 5px;
		float: none;
	}
	.list-item-group {
		float: none;
	}
	.list-item-extra {
		position: static;
	}
	.entry-content .list-item-intro {
		width: auto;
	}
	.page-title {
		margin: 0 0 40px;
		font-size: 26px;
	}
	.ci-map {
		height: 250px;
	}
	.event-listing-wrap h3, .event-listing-wrap .widget-title {
		text-align: center;
	}
	.home-sections .widget:first-child .widget-wrap {
		padding-top: 50px;
	}
	.sidebar .widget {
		margin-bottom: 15px;
	}
	.widget_ci-hero.widget-padded .widget-wrap {
		padding: 60px 0;
	}
	.widget_ci-items.widget-padded .widget-wrap,
	.widget_ci-latest-post-type.widget-padded .widget-wrap,
	.widget_ci-events.widget-padded .widget-wrap,
	.widget_ci-tracklisting.widget-padded .widget-wrap {
		padding: 50px 0;
	}
	.hero-title {
		font-size: 28px;
	}
	.hero-content:after {
		display: none;
	}
	.header-sticky #page {
		padding-top: 0;
	}
	.header-sticky .header {
		position: static;
	}
}