@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
body{font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; margin:0; font-weight:400; line-height:normal; background:#000;}
a{color:#3dac3d;}
a:hover{color:#fff; text-decoration:none;}
a:focus, button:focus{outline:none;}
strong{font-weight:700;}

a, .logo img, .quick-view, .snav i{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}

.header{position:fixed; z-index:999; left:0; top:0; width:100%; padding:3px 0; background:#000; border-bottom:1px solid #181818;}
.logo img{height:85px;}
.header.shrink .logo img{height:50px;}
.spacer{height:91px;}

.menu{margin:0; padding:0; list-style:none; font-size:0;}
.menu li{display:inline-block; margin:0 15px;}
.menu li a{font-size:14px; line-height:35px; color:#fff; text-transform:uppercase; color:#fff; display:block;}
.menu li:hover a, .menu li.active a{color:#3dac3d;}

.social a{display:inline-block; font-size:18px; color:#fff;}
.social a+a{margin-left:10px;}
.social a:hover{color:#3dac3d;}

.bg-dark{background-color:rgba(24,24,24,1) !important;}
.cbtn{display:inline-block; background:#3dac3d; color:#fff; font-weight:700; font-size:16px; text-transform:uppercase; padding:14px 20px; text-align:center; min-width:170px; border:none;}
.cbtn:hover{background:#000;}

.home-bg{background:#000 url(../images/bot-bg.png) center top repeat; background-size:100% auto;}
.home-bg .bg-dark{background-color:rgba(24,24,24,0) !important;}
/*.music-sec{background:url(../images/bot-bg.png) center bottom no-repeat; background-size:100% auto;}*/
.album{display:block; border:1px solid #333333; margin:auto; max-width:300px; color:#fff; font-size:16px; text-align:center;}
.album img{max-width:300px; max-height:300px; width:100%; height:100%; object-fit:cover; margin-bottom:15px;}
.album span{display:block;}
.album-price{font-size:20px; color:#898989; margin-top:5px;}
.quick-view{background:#333333; font-weight:700; color:#fff; text-transform:uppercase; padding:14px 5px; margin-top:10px;}
.album:hover .quick-view{background:#3dac3d;}
.slick-prev, .slick-next{z-index:111;}
.slick-next{right:0;}
.slick-prev{left:0;}
.slick-next::before, .slick-prev::before{border: solid white; border-width: 0 4px 4px 0; display: inline-block; padding: 6px; content: '';}
.slick-next::before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.slick-prev::before {transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.footer a{color:#888787;}
.footer a:hover{color:#fff;}
.flinks ul{margin:0 0 12px; padding:0; list-style:none;}
.flinks li{display:inline-block; margin:3px 8px;}
.flinks a{display:block;}
.fsocial a{display:inline-block; font-size:20px; margin:0 5px;}

.mp3list{list-style:none; margin:0; padding:0;}
.mp3list li{position:relative; padding:0 0 0 20px; margin:0 0 5px 0;}
.mp3list li:before{content:"\f001"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; left:0; top:1px; font-size:12px;}
.col2{column-count:2;}
.col3{column-count:4;}
hr{border-top-color:#181818;}

.header .cbtn{font-weight: 500; font-size: 12px; padding: 10px 10px;}

@media (min-width: 1200px) {
	.container{max-width:1170px;}
	.header .container{max-width:1230px;}
}
@media (max-width: 1199.98px) {
	.menu li{margin: 0 5px;}
	.menu li a{font-size: 10px;}
}
@media (max-width: 991.98px) {
	.menu li a{font-size: 11px;}
	.h1, h1{font-size: 1.8rem;}
	.h2, h2 {font-size: 1.4rem;}
}
@media (max-width: 767.98px) {
	.snav{vertical-align:middle; background:none; border:none; padding:0; margin:0; line-height:0; width:25px; cursor:pointer; z-index: 998; position: relative;}	
	.snav i{display:block; background:#3dac3d; height:3px;}
	.snav i+i{margin-top:4px;}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);
	}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);
	}
		
	.menu{position:absolute; right:15px; top: 36px; min-width: 210px; background: #fff; padding: 0; display:none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);}
	.menu li{display:block; padding:0;}
	.menu li a{line-height:normal; font-size:16px; padding: 5px; border-bottom:1px solid #dfdfdf; color:#000;}
	.menu li ul{position:relative; text-align: right; display:block; padding:0; background:none;}
	.menu li li{padding:0;}
	.menu li li a{line-height: normal; font-size: 12px; padding: 5px 0;}
	
	.logo img, .header.shrink .logo img{height: 50px;}
	.spacer{height: 56px;}
}
@media (max-width: 575.98px) {
}