body {
			background-color: #202020;
			color: #aaa;
			font-size: 15px;
			font-weight: 400;
			font-family: 'Roboto', arial, sans-serif;
		}
		.home-ctr {
			padding-top: 0px;
		}
		.logo-top {
			max-height: 47px;
		}
		.ppBtn {
			width: 60px;
			height: 60px;
			background-color: #f9a825;
			border-radius: 50%;
			cursor: pointer;
			position: fixed;
			bottom: 26px;
			right: 67px;
			z-index: 999;
		}
		.play-btn {
			background-image: url(../application/views/themes/light/img/play.svg);
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-transition: background 0.5s;
			-moz-transition: background 0.5s; 
			transition: background 0.5s;
		}
		.stop-btn {
			background-image: url(../application/views/themes/light/img/pause.svg);
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-transition: background 0.5s;
			-moz-transition: background 0.5s; 
			transition: background 0.5s;
		}
		.myPlayer {
			position: relative;
		}

		.myPlayer .wrapper {
			background: #090909;
			height: 100vh;
			width: 100%;
			position: relative;
			overflow: hidden;
		}

		.myPlayer .bg-artwork {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0.1;
			z-index: 1;
		}
		.myPlayer .bg-dots {
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(../img/dots.png);
			opacity: 0.1;
			z-index: 2;
		}
		.myPlayer .artwork {
			width: 340px;
			height: 340px;
			background: #000;
			background-image: url("http://radiokemonia.it/modules/User/default/assets/img/default.png");
			background-size: 100% 100%;
			-webkit-box-shadow: 4px 6px 30px 0px rgba(0,0,0,0.7);
			-moz-box-shadow: 4px 6px 30px 0px rgba(0,0,0,0.7);
			box-shadow: 4px 6px 30px 0px rgba(0,0,0,0.7);
		}
		.myPlayer .main-wrapper {
			min-height: 350px;
			max-width: 1000px;
			position: relative;
			overflow: hidden;
			z-index: 3;
			padding-top: 0px;
			margin: 200px auto 0 auto;
		}
		.myPlayer .data-container {
			position: absolute;
			left: 366px;
			top: 0;
		}
		.myPlayer .now-playing {
			font-size: 14px;
			color: rgba(255,255,255,0.3);
			margin-top: 26px;
		}
		.myPlayer .songtitle {
			font-size: 24px;
			color: rgba(255,255,255,.7);
			text-transform: uppercase;
			margin-top: 14px;
		}
		.myPlayer .artist-name {
			font-size: 32px;	
			color: rgba(255,255,255,1);
			text-transform: uppercase;
			margin-top: 30px;
		}
		.myPlayer .btn-container {
			position: absolute;
			right: 0;
			bottom: 20px;
		}
		
		.myPlayer .social-btn {
			width: 42px;
			height: 42px;
			font-size: 16px;
			text-align: center;
			line-height: 40px;
			color: #fff;
			border: 1px solid rgba(255,255,255,.3);
			border-radius: 50%;
			margin-bottom: 20px;
			cursor: pointer;
			display: block;
		}
		.myPlayer .sb-popup {
			color: #fecc00;
		}
		.myPlayer .sb-facebook:before {
			content: "\f39e";
		}
		.myPlayer .sb-twitter:before {
			content: "\f099";
		}
		.myPlayer .sb-whatsapp:before {
			content: "\f232";
		}
		.myPlayer .sb-popup:before {
			content: "\f2d2";
		}
		.myPlayer .sb-like:before {
			content: "\f164";
		}
		

		.myPlayer .volume-container {
			position: absolute;
			width: 300px !important;
			left: 366px;
			right: 0;
			bottom: 17px;
		}
		.ticker-container {
			position: absolute;
			left: 366px;
			right: 0;
			bottom: 80px;
			margin-right: 70px;
		}
		.myPlayer .volume-slider {
			position: relative;
			z-index: 10;
		}
		.volume-text-container {
			margin-top: 10px;
			color: rgba(255,255,255,.3);
		}
		.myPlayer input[type=range] {
			width: 300px !important;
			height: 4px;
			background: #fecc00;
			padding: 2px 0px 2px 0px;
			-webkit-appearance: none;
			cursor: pointer;
		}
		.myPlayer input[type=range]:focus {
			outline: none;
		}
		.myPlayer input[type=range]::-webkit-slider-runnable-track {
			height: 4px;
			background: #fecc00;
			margin: 0;
			padding: 0;
			border: 0;
			border-radius: 8px;
			cursor: pointer;	
			animate: 0.2s;
		}
		.myPlayer input[type=range]:focus::-webkit-slider-runnable-track {
			background: #fecc00;
		}
		.myPlayer input[type=range]::-webkit-slider-thumb {
			width: 16px;
			height: 16px;
			background: #ccc;
			margin-top: -5px;
			border: 5px solid #fff;
			border-radius: 50%;
			cursor: pointer;
			-webkit-appearance: none;
		}
		.player_ads {
			width: 340px;
			height: 340px;
			background: #000;
			position: absolute;
			z-index: 100;
		}
		.display {
			opacity: 1;
		}
		.nodisplay {
			opacity: 0;
		}
		
		
		
		
		.icast input[type=range]::-moz-range-track {
			width: 100%;
			height: 6px;
			background: rgba(255,255,255,.54);
			margin: 0;
			padding: 0;
			border: 0;
			border-radius: 8px;
			cursor: pointer;
			animate: 0.2s; 
		}
		.icast input[type=range]::-moz-range-thumb {
			width: 6px;
			height: 6px;
			background: #ccc;
			border: 5px solid #fff;
			border-radius: 50%;
			cursor: pointer;
		}
		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
			.icast input[type=range] {
				width: 90px;
				height: 16px;
				background: none;
				margin-top: 0px;
				padding: 6px 0px 6px 0px; 
				cursor: pointer;
			}
		}
		.icast input[type=range]::-ms-tooltip {
			display: none; 
		}
		.icast input[type=range]::-ms-track {
			width: 100%;
			height: 6px;
			background: transparent;
			color: transparent;
			margin: 0;
			padding: 0;
			border: 0;
			border-color: transparent;
			cursor: pointer;
			animate: 0.2s;  
		}
		.icast input[type=range]::-ms-fill-lower {
			background: rgba(255,255,255,.54);
			border: 0;
			border-radius: 8px;
		}
		.icast input[type=range]::-ms-fill-upper {
			background: rgba(255,255,255,.54);
			border: 0;
			border-radius: 8px;
		}
		.icast input[type=range]::-ms-thumb {
			width: 6px;
			height: 6px;
			background: #ccc;
			border: 5px solid #fff;
			border-radius: 50%;  
			cursor: pointer;
		}
		.icast input[type=range]:focus::-ms-fill-lower {
			background: rgba(255,255,255,.54);
		}
		.icast input[type=range]:focus::-ms-fill-upper {
			background: rgba(255,255,255,.54);
		}
		.row-wpr {
			height: 90px;
			position: relative;
			margin: 0;
			border-top: 1px solid #444;
		}
		.history-cover {
			background: #151515;
			width: 64px;
			height: 64px;
			position: absolute;
			top: 12px;
			left: 8px;
			border-radius: 50%;
		}
		.last5-title {
			text-transform: uppercase;
			color: #fff;
			letter-spacing: 0.40em;
			font-size: 30px;
			margin-bottom: 30px;
		}
		.history-track-info {
			text-align: left;
			padding-left: 92px;
			padding-top: 12px;
			text-transform: uppercase;
		}
		.history-songtitle {
			max-width: 800px;
			font-size: 16px;
			padding-top: 6px;
			color: rgba(255,255,255,.7);
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.history-artist-name {
			max-width: 800px;
			font-size: 20px;
			color: rgba(255,255,255,1);
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.history-lyrics {
			font-size: 13px;
			color: rgba(255,255,255,1);
			margin-top: 5px;
		}
		.rowNum {
			width: 38px;
			height: 50px;
			font-size: 50px;
			padding-top: 21px;
			color: rgba(255,255,255,.1);
			text-align: center;
			position: absolute;
			top: 0;
			right: 0;
		}
		pre {
			background: #f5f5f5;
			color: #333;
			line-height: 24px;
			padding: 20px 30px;
			text-align: center;
			overflow: hidden;
			border-radius: 5px;
			-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
		}
		.player-bg {
			width: 100%;
			height: 100vh;
			margin-bottom: 70px;
			background: red;
		}
		.navbar.bg-dark {
			color: #ffffff;
			background-color: #111 !important;
			box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46);
		}
		.dropdown-menu {
			color: #f5f5f5;
			background-color: #111;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: .25rem;
			box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
		}
		.dropdown-menu .dropdown-item, .dropdown-menu li>a {
			color: #f5f5f5;
		}
		.pages-ctr {
			padding-top: 100px;
			padding-bottom: 30px;
		}
		.page-title {
			font-family: 'Changa', sans-serif;
			font-size: 40px;
			font-weight: 500;
			color: #f5f5f5;
			text-transform: uppercase;
			text-align: left;
			margin-bottom: 40px;
			padding-bottom: 24px;
			position: relative;
		}
		.page-title:before {
			width: 100%;
			height: 1px;
			background: #3f3f3f;
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
		}
		.page-title:after {
			width: 30px;
			height: 3px;
			background: #F9A825;
			position: absolute;
			content: '';
			bottom: -1px;
			left: 0px;
		}
		.artists-single-header {
			height: 340px;
			position: relative;
		}
		.artists-single-header .image {
			width: 60%;
			height: 340px;
			background-size: cover;
			background-position: 50% 20%;
			position: absolute;
			bottom: 0;
			right: 0;
			z-index: 1;
		}
		.artists-single-header .overlay {
			width: 60%;
			height: 340px;
			position: absolute;
			bottom: 0;
			right: 0;
			background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			z-index: 666;
		}
		.artists-single-header .data-ctr {
			height: 300px;
			position: relative;
			display: table;
			width: 100%;
			z-index: 777;
		}
		.artists-single-header .data {
			display: table-cell;
			vertical-align: middle;
			text-align: left;
			padding-left: 20px;
		}
		.artists-single-header .title {
			font-family: 'Changa', Arial, sans-serif;
			color: #fff;
			font-size: 72px;
			line-height: 102px;
			font-weight: 700;
			text-transform: capitalize;
			text-shadow: 1px 1px #333;
		}
		.artists-single-header .numbers {
			color: rgba(255,255,255,.9);
			font-size: 13px;
			text-transform: uppercase;
			text-shadow: 1px 1px #999;
		}		
		.artists-single-header .sl {
			position: absolute;
			left: 30px;
			bottom: 30px;
			z-index: 999;
		}
		.artists-single-bio {
			overflow: hidden;
			max-height: 300px;
			margin-bottom: 20px;
			position: relative;
		}
		.artists-single-bio:before {
			content: "";
			position: absolute;
			bottom: 0;
			height: 50px;
			width: 100%;
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			z-index: 999;
		}
		.artist-bg {
			display:none;
		}
		.songs-row {
			position: relative;
			height: 70px;
			margin-bottom: 20px;
		}
		.songs-row .artwork {
			width: 70px;
			height: 70px;
			background-size: cover;
			background-position: center center;
			position: absolute;
			top: 0;
			left: 0;
		}
		.songs-row .data {
			padding-left: 86px;
		}
		.news-list .news-item {
			border-bottom: 1px solid #333;
			padding: 20px 0;
		}
		.news-single .article-title {
			font-family: 'Oswald', Helvetica, sans-serif;
			font-size: 32px;
			color: #f5f5f5;
			line-height: 36px;
			font-weight: 500;
			padding-top: 0px;
			padding-bottom: 10px;
			margin-bottom: 0px;
			margin-top: 10px;
			border-bottom: 2px solid #393939;
		}
		.news-single .date, .news-item .date {
			font-family: 'Roboto', sans-serif;
			color: #999;
			font-size: 13px;
			font-weight: 400;
			margin-top: 0px;
		}
		
		.news-single .image {
			width: 100%;
			height: 480px;
			background-size: cover;
			background-position: top center;
			margin-top: 24px;
			margin-bottom: 18px;
		}
		
		.block-title {
			font-size: 22px;
			font-weight: 500;
			color: #f5f5f5;
			text-transform: uppercase;
			text-align: left;
			margin-bottom: 30px;
			padding-bottom: 8px;
			position: relative;
		}
		
		.block-title:before {
			width: 100%;
			height: 1px;
			background: #3f3f3f;
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
		}
		
		.block-title:after {
			width: 30px;
			height: 3px;
			background: #F9A825;
			position: absolute;
			content: '';
			bottom: -1px;
			left: 0px;
		}
		
		.songs {
			padding-bottom: 12px;
			margin-bottom: 12px;
			border-bottom: 1px solid #3f3f3f;
		}
		.songs .artwork {
			width: 64px;
			height: 64px;
			margin-right: 16px;
			border-radius: 4px;
		}
		.cap {
			text-transform: capitalize;
		}
		.card-profile {
			background-color: #262626;
			color: #aaa;
		}
		.card-title {
			color: #f5f5f5;
		}
		.team .card-profile .team-img {
			height: 200px;
			background-size: cover;
			background-position: center center;
		}
		.podcast-ctr {
			position: relative;
			overflow: hidden;
			width: 100%;
			min-height: 200px;
			background-color: #262626;
			margin-bottom: 26px;
			border-radius: 6px;
		}
		.podcast-ctr .logo {
			width: 200px;
			height: 200px;
			background-position: center center;
			background-size: cover;	
			position: absolute;
			left: 0;
			top; 0;
		}
		.podcast-ctr .panel {
			overflow: hidden;
			padding-left: 216px;
		}
		.podcast-ctr .panel .controls {
			position: absolute;
			left: 216px;
			bottom: 16px;
			right: 16px;
		}
		.podcast-ctr .panel .description {
			
		}
		.jp-progress {
			height: 8px; 
			width: 100%;
			border-top: 1px solid #393939;
			border-bottom: 1px solid #393939;
			border-radius: 8px;
			margin-top: 6px;
		}
		.jp-seek-bar {
			background: #393939;
			width: 0px;
			height: 100%;
			cursor: pointer; 
		}
		.jp-play-bar {
			background: #f9a825;
			width: 0px;
			height: 100%; 
		}
		.media-area .media-heading {
			color: #f5f5f5;
		}
		
		.footer-wpr {
			background-color: #111;
			padding-top: 60px;
			padding-bottom: 20px;
		}
		.footer-title {
			letter-spacing: 3px;
			text-align: center;
			text-transform: uppercase;
		}
		.footer-icons {
			padding: 0;
			margin: 0;
			padding-top: 40px;
			list-style: none;
			display: flex;
		}
		.footer-icons ul li {
			    display: inline-block;
		}
		.footer-icon {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			border: 1px solid rgba(255,255,255,.2);
			line-height: 50px !important;
			font-size: 22px;
			text-align: center;
			color: #e9e9e9;
			cursor: pointer;
			transition: background-color 150ms linear;
		}
		.footer-icon.facebook {
			background-color: #3b5998;
		}
		.footer-icon.twitter {
			background-color: #00aeef;
		}
		.footer-icon.youtube {
			background-color: #d32525;
		}
		.footer-icon.instagram {
			background-color: #d3255c;
		}
		.footer-icon.pinterest {
			background-color: #d51c1c;
		}
		.footer-icon:hover {
			background-color: #fff;
			color: #333;
		}
		.footer-icon-txt {
			font-size: 12px;
			text-align: center;
			color: #f5f5f5;
			text-transform: uppercase;
			margin-top: 18px;
		}
		.footer-navs-ctr {
			padding: 0 150px;
			margin: 0;
			list-style: none;
			display: flex;
		}
		.footer-navs-ctr ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		.footer-navs-ctr ul li a {
			font-size: 12px;
			font-weight: 400;
			color: #f5f5f5;
			text-transform: uppercase;
		}
		.footer-navs-ctr ul li a:hover {
			color: #f5f5f5;
		}
		.footer-navs-ctr ul li {
			margin-top: 11px;
		}
			
		.footer-navs-wpr {
			border-top: 1px solid rgba(255,255,255,.3);
			margin-top: 45px;
			padding-top: 36px;			
		}
		
		.footer-navs-title {
			color: #888;
			font-size: 14px;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		.sub-footer-wpr {
			min-height: 56px;
			background-color: #090909;
			color: #f5f5f5;
			font-size: 14px;
			font-weight: 500;
			line-height: 56px;
		}
		
		.read-more {
			max-width: 130px;
			text-align: center;
			font-weight: 600;
			position: relative;
			margin: 0 auto;
			cursor: pointer;
		}
		.read-more:before {
			content: "";
			position: absolute;
			left: 0;
			width: 20px;
			top: 10px;
			height: 2px;
			background-color: #999;
		}
		
		.read-more:after {
			content: "";
			position: absolute;
			right: 0;
			width: 20px;
			top: 10px;
			height: 2px;
			background-color: #999;
		}
		
		.dpn {
			display:none;
		}
		
		.bg-black {
			background-color: #262626;
		}		
		.text-white {
			color: #f5f5f5;
		}
		.text-gray {
			color: #b3b3b3;
		}
		.text-read {
			color: #999;
		}
		.text-500 {
			font-weight: 500;
		}
		
		.text-yellow {
			color: #f9a825;
		}
		
		.mt-30 {
			margin-top: 30px;
		}
		
		.text-400 {
			font-weight: 400;
		}
		
		.dn {
			display: none;
		}
		.crop-2 {
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		
		.arrows {
			position: absolute;
			top: 0px;			
			right: 0px;
		}
		.arrows .arrowCtr {
			width: 16px;
			height: 16px;			
			font-size: 14px;
			color: #999;
			text-align: center;
		}
		.arrows .aLeft:before {
			content: "\f053";
			margin-right: 0px;
		}
		.arrows .aRight:before {
			content: "\f054";
			margin-left: 0px;
		}
		.arrows .aRight:hover, .arrows .aLeft:hover {
			color: #f9a825;
			cursor: pointer;
		}
		
		
		/* Responsive classes */
		@media only screen and (max-width: 600px) {
			.ppBtn {
				width: 54px;
				height: 54px;
				cursor: pointer;
				position: fixed;
				bottom: 26px;
				right: 20px;
			}
			.volume-container {
				display: none;
			}
			.footer-navs-ctr {
				padding: 0;
				margin: 0;
				list-style: none;
				display: block;
			}
			.footer-navs-title {
				margin-top: 30px;
			}
			.flex-item {
				text-align: center;
			}
			.logo-center {
				margin: 0 auto;
			}
			.myPlayer .artwork {
				width: 240px;
				height: 240px;
				margin: 110px auto 0 auto;
			}
			.myPlayer .main-wrapper {
				min-height: 350px;
				height: 100vh;
				max-width: 1000px;
				position: relative;
				overflow: hidden;
				z-index: 3;
				margin: 0px auto 0 auto;
			}
			.myPlayer .data-container {
				position: relative;
				text-align: center;
				left: 0;
				top: 0;
			}
			.myPlayer .now-playing {
				font-size: 14px;
				margin-top: 26px;
				display: none;
			}
			.myPlayer .songtitle {
				font-size: 18px;
				margin-top: 10px;
				line-height: 22px;
			}
			.myPlayer .artist-name {
				font-size: 22px;
				margin-top: 10px;
			}			
			.myPlayer .btn-container {
				position: relative;
				right: 0;
				left: 0;
				bottom: auto;
				margin-top: 10px;
				height: 60px;
				z-index: 100;
			}		
			.myPlayer .social-btn {
				width: 42px;
				height: 42px;
				font-size: 16px;
				text-align: center;
				line-height: 40px;
				margin-bottom: 0px;
				margin-top: 3px;
				margin-right: 10px;
				float: left;
			}
			.ticker-container {
				position: relative;
				left: 0px;
				right: 0;
				bottom: auto;
				margin-right: 0px;
				top: 10px;
			}
			.player_ads {
				width: 240px;
				height: 240px;
				margin: auto;
				position: absolute;
				top: 110px;
				left: 0;
				right: 0;
			}
		}
		
		@media (max-width: 991px){
			.navbar-collapse:after {
				background-color: #111;
			}
			.navbar-collapse .navbar-nav .nav-item .nav-link {
				color: #fff;
			}
			.navbar-collapse .navbar-nav .nav-item:after {
				background-color: #242424;
			}
		}