@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap') ;
@import url('css/bootstrap.min.css') ;
@import url('css/animate.css') ;
@import url('css/audioplayer.css') ;
@import url('css/classy-nav.css') ;
@import url('css/owl.carousel.min.css') ;
@import url('css/font-awesome.min.css') ;
* {
margin : 0;
padding : 0;
}
body {
margin: 0;
font-weight: 400;
line-height: 1.5;
font-family : 'IBM Plex Mono', monospace;
font-size : 14px;
overflow-x: hidden;
color: #212529;
text-align: left;
background-color: #fff
}

h1, h2, h3, h4, h5, h6 {
font-family : 'IBM Plex Mono', monospace;
color : #000000;
line-height : 1.3;
font-weight : 700;
margin-bottom: .5rem;
}
h3 {
text-transform : uppercase;
font-size : 21px;
}
p {
font-family : 'IBM Plex Mono', monospace;
color : #5f5f5f;
font-size : 16px;
line-height : 2;
font-weight : 400;
margin-top: 0;
margin-bottom: 1rem
}
a, a:hover, a:focus {
transition-duration : 500ms;
text-decoration : none;
outline : 0 solid transparent;
color : #000000;
font-weight : 700;
font-size : 16px;
font-family : 'IBM Plex Mono', monospace;
}
ul, ol {
margin : 0;
}
ul li, ol li {
list-style : none;
color : #b8b8b8;
}
img {
height : auto;
max-width : 100%;
}
iframe {
border : none;
}



.loader {
    position: absolute;
    z-index: 9999;
    background: url(img/bg-img/preload-signal-audio5.gif) 50% 50% no-repeat;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: wait;
    background-color: #FEFEFE;

}

.mt-15 {
margin-top : 15px !important ;
}
.mt-30 {
margin-top : 30px !important ;
}
.mt-50 {
margin-top : 50px !important ;
}
.mt-70 {
margin-top : 70px !important ;
}
.mt-100 {
margin-top : 100px !important ;
}
.mb-15 {
margin-bottom : 15px !important ;
}
.mb-30 {
margin-bottom : 30px !important ;
}
.mb-50 {
margin-bottom : 50px !important ;
}
.mb-70 {
margin-bottom : 70px !important ;
}
.mb-100 {
margin-bottom : 100px !important ;
}
.ml-15 {
margin-left : 15px !important ;
}
.ml-30 {
margin-left : 30px !important ;
}
.ml-50 {
margin-left : 50px !important ;
}
.mr-15 {
margin-right : 15px !important ;
}
.mr-30 {
margin-right : 30px !important ;
}
.mr-50 {
margin-right : 50px !important ;
}
.height-400 {
height : 400px !important ;
}
.height-500 {
height : 500px !important ;
}
.height-600 {
height : 600px !important ;
}
.height-700 {
height : 700px !important ;
}
.height-800 {
height : 800px !important ;
}
.section-padding-100 {
padding-top : 100px;
padding-bottom : 100px;
}
.section-padding-100-0 {
padding-top : 100px;
padding-bottom : 0;
}
.section-padding-0-100 {
padding-top : 0;
padding-bottom : 100px;
}
.section-padding-100-70 {
padding-top : 100px;
padding-bottom : 70px;
}
.section-heading {
position : relative;
z-index : 1;
margin-bottom : 50px;
text-align : center;
}
.section-heading p {
margin-bottom : 5px;
}
.section-heading h2 {
font-size : 18px;
text-transform : uppercase;
letter-spacing : 10px;
margin-bottom : 0;
}
@media only screen and (max-width: 767px) {
.section-heading h2 {
letter-spacing : 5px;
}
}
.section-heading.white h2 {
color : #fff;
}

.section-heading.style-2 h2 {
font-size : 30px;
}
@media only screen and (max-width: 475px) {
.section-heading.style-2 h2 {
font-size : 24px;
}
}
.preloader {
background-color : #ffffff;
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
right : 0;
z-index : 99999;
}
.preloader .lds-ellipsis {
display : inline-block;
position : relative;
width : 64px;
height : 64px;
}
.preloader .lds-ellipsis div {
position : absolute;
top : 27px;
width : 11px;
height : 11px;
border-radius : 50%;
background : #000000;
animation-timing-function : cubic-bezier(0,1,1,0);
}
.preloader .lds-ellipsis div:nth-child(1) {
left : 6px;
animation : lds-ellipsis1 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(2) {
left : 6px;
animation : lds-ellipsis2 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(3) {
left : 26px;
animation : lds-ellipsis2 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(4) {
left : 45px;
animation : lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform : scale(0);
}
100% {
transform : scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform : scale(1);
}
100% {
transform : scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform : translate(0,0);
}
100% {
transform : translate(19px,0);
}
}
.bg-img {
background-position : center center;
background-size : cover;
background-repeat : no-repeat;
}
.bg-white {
background-color : #ffffff !important ;
}
.bg-dark {
background-color : #000000 !important ;
}
.bg-transparent {
background-color : transparent !important ;
}
.bg-gray {
background-color : #f5f9fa;
}
.font-bold {
font-weight : 700;
}
.font-light {
font-weight : 300;
}
.bg-overlay {
position : relative;
z-index : 2;
background-position : center center;
background-size : cover;
}
.bg-overlay::after {
background-color : #831f031c;
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 100%;
content : "";
}
.bg-fixed {
background-attachment : fixed !important ;
}
#scrollUp {
background-color : #000000;
border-radius : 0;
bottom : 50px;
box-shadow : 0 2px 6px 0 rgb(0, 0, 0, 0.3);
color : #ffffff;
font-size : 24px;
height : 40px;
line-height : 40px;
right : 50px;
text-align : center;
width : 40px;
transition-duration : 500ms;
box-shadow : 0 1px 5px 2px rgb(0, 0, 0, 0.15);
}
@media only screen and (max-width: 767px) {
#scrollUp {
right : 30px;
bottom : 30px;
}
}
#scrollUp:hover {
background-color : #fff;
color : #232323;
}
.oneMusic-btn {
background-color : #fff;
transition-duration : 500ms;
position : relative;
z-index : 1;
display : inline-block;
min-width : 212px;
height : 49px;
color : #000;
border : #000 solid 1px;
border-radius : 0;
padding : 0 30px;
font-size : 16px;
line-height : 47px;
font-weight : 700;
text-transform : capitalize;
}
.oneMusic-btn i {
margin-left : 5px;
}
.oneMusic-btn:hover, .oneMusic-btn:focus {
font-size : 16px;
font-weight : 700;
background-color : #000000;
color : #fff;
}
.oneMusic-btn.btn-2 {
background-color : #000000;
color : #fff;
}
.oneMusic-btn.btn-2:hover, .oneMusic-btn.btn-2:focus {
background-color : #fff;
color : #232323;
}
.header-area {
position : absolute;
z-index : 1000;
width : 100%;
top : 0;
left : 0;
}
.header-area .oneMusic-main-menu {
position : relative;
width : 100%;
height : 85px;
background-color : transparent;
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu {
height : 70px;
}
}
/* .header-area .oneMusic-main-menu .classy-nav-container {
background-color : transparent;
} */
.header-area .oneMusic-main-menu .classy-navbar {
background-color : transparent;
height : 85px;
padding : 0;
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .classy-navbar {
height : 70px;
}
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li a {
font-weight : 700;
/* color : #ffffff; */
font-size : 16px;
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li a:focus {
color : #9a9fb0;
}
@media only screen and (max-width: 991px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li a {
background-color : #000000;
border-bottom-color : rgb(255, 255, 255, 0.1);
color: #fff;
}
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li a {
background-color : #000000;
border-bottom-color : rgb(255, 255, 255, 0.1);
}
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item > a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down > a::after {
color : #ffffff;
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li > a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li > a::after {
color : #232323;
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li.megamenu-item ul li > a::after, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li.has-down ul li > a::after {
color : #ffffff;
}
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a {
color : #232323;
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:hover, .header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a:focus {
color : #888888;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a {
padding : 0 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a {
color : #ffffff;
padding : 0 30px;
border-bottom-color : rgb(255, 255, 255, 0.1);
}
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li a {
color : #ffffff;
padding : 0 30px;
border-bottom-color : rgb(255, 255, 255, 0.1) !important ;
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li ul li.sms a {
display : none;
}
}
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a {
border-bottom : 1px solid rgb(242, 244, 248, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a {
border-bottom-color : rgb(255, 255, 255, 0.1) !important ;
}
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .classy-navbar .classynav ul li .dropdown li .dropdown li .dropdown li a {
border-bottom-color : rgb(255, 255, 255, 0.1) !important ;
}
}
.header-area .oneMusic-main-menu .login-register-cart-button {
position : relative;
z-index : 1;
margin-left : 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-area .oneMusic-main-menu .login-register-cart-button {
margin-left : 12px;
margin-top : 15px;
}
}
@media only screen and (max-width: 767px) {
.header-area .oneMusic-main-menu .login-register-cart-button {
margin-left : 12px;
margin-top : 15px;
}
}
.header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn {
position : relative;
z-index : 10;
}
.header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a {
transition-duration : 500ms;
margin-bottom : 0;
color : #fff;
font-weight : 700;
font-size : 16px;
cursor : pointer;
line-height : 1;
}
.header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:hover, .header-area .oneMusic-main-menu .login-register-cart-button .login-register-btn a:focus {
color : rgb(255, 255, 255, 0.7);
}
.header-area .oneMusic-main-menu .login-register-cart-button .cart-btn {
position : relative;
z-index : 10;
}
.header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p {
transition-duration : 500ms;
margin-bottom : 0;
color : #fff;
font-size : 18px;
cursor : pointer;
line-height : 1;
}
.header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:hover, .header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p:focus {
color : rgb(255, 255, 255, 0.7);
}
.header-area .oneMusic-main-menu .login-register-cart-button .cart-btn p .quantity {
width : 15px;
height : 15px;
border : #fff solid 1px;
background-color : #232323;
color : #fff;
display : block;
position : absolute;
bottom : -5px;
left : -10px;
z-index : 10;
font-size : 9px;
font-weight : 400;
border-radius : 50%;
line-height : 13px;
text-align : center;
}
.header-area .is-sticky .oneMusic-main-menu {
position : fixed;
width : 100%;
height : 85px;
top : 0;
left : 0;
z-index : 9999;
background-color : #000000;
box-shadow : 0 0px 50px 0px rgb(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.header-area .is-sticky .oneMusic-main-menu {
height : 70px;
}
}
.classy-navbar .nav-brand {
max-width : 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.breakpoint-on .classy-navbar .classy-menu {
background-color : #000000;
}
}
@media only screen and (max-width: 767px) {
.breakpoint-on .classy-navbar .classy-menu {
background-color : #000000;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.classynav ul li .megamenu .single-mega.cn-col-4 {
padding : 0;
}
}
@media only screen and (max-width: 767px) {
.classynav ul li .megamenu .single-mega.cn-col-4 {
padding : 0;
}
}
.classycloseIcon .cross-wrap span {
background : #ffffff;
}
.hero-area, .hero-slides {
position : relative;
z-index : 1;
/* background-color: #000; */
}
.single-hero-slide {
width : 100%;
height : 100vh;
position : relative;
z-index : 1;
padding : 0 30px;
overflow : hidden;
}
.single-hero-slide::after {
position : absolute;
width : 100%;
height : 100%;
z-index : -5;
top : 0;
left : 0;
/* background-color : rgb(0, 0, 0, 0.35); */
content : '';
}
.single-hero-slide .slide-img {
position : absolute;
width : 100%;
height : 100%;
z-index : -10;
left : 0;
right : 0;
top : 0;
bottom : 0;
}
.single-hero-slide .hero-slides-content {
display : inline-block;
width : 100%;
}
.single-hero-slide .hero-slides-content p {
font-weight : 700;
font-size : 22px;
/* color : #fff; */
letter-spacing : 15px;
text-transform : uppercase;
margin-bottom : 20px;
display : block;
}
.single-hero-slide .hero-slides-content h1 {
position : relative;
z-index : 1;
font-size : 40px;
/* color : #ffffff; */
margin-bottom : 5vh;
font-weight : 700;
display : block;
letter-spacing : 25px;
overflow : hidden;
}
.single-hero-slide .hero-slides-content h1 span {
position : absolute;
top : 0;
width : 100%;
height : 100%;
left : 0;
color : rgb(255, 255, 255, 0.267);
animation : textsonar 6s linear infinite;
}
@media only screen and (max-width: 991px) {
.single-hero-slide .hero-slides-content p {
font-size : 18px;
letter-spacing : 5px;
}
.single-hero-slide .hero-slides-content h1 {
font-size : 29px;
margin-bottom : 14vh;
}
}
@media only screen and (max-width: 460px) {
.single-hero-slide .hero-slides-content h1 {
letter-spacing : 13px;
font-size : 27px;
}
}
.single-hero-slide .hero-slides-content .btn {
border : #fff solid 1px;
background-color : transparent;
color : #fff;
}
.single-hero-slide .hero-slides-content .btn:hover, .single-hero-slide .hero-slides-content .btn:focus {
background-color : #fff;
color : #000000;
}
@keyframes textsonar {
0% {
transform : scaleX(1);
}
50% {
transform : scaleX(1.15);
}
100% {
transform : scaleX(1);
}
}
.single-hero-slide .slide-img {
animation : slide 20s linear infinite;
}
@keyframes slide {
0% {
transform : scale(1);
}
50% {
transform : scale(1.2);
}
100% {
transform : scale(1);
}
}
.oneMusic-buy-now-area.has-fluid {
padding-left : 4%;
padding-right : 4%;
position : relative;
z-index : 1;
}
.single-event-area {
position : relative;
z-index : 1;
transition-duration : 500ms;
}
.events-area {
margin-bottom : 80px !important ;
}
@media only screen and (max-width: 767px) {
.events-area {
margin-bottom : 0 !important ;
}
}
.single-event-area img {
width : 100%;
}
.single-event-area .event-text {
text-align : center;
position : relative;
z-index : 1;
padding : 30px 15px;
background-color : #000;
transition-duration : 500ms;
}
.single-event-area .event-text h3 {
color : #fff;
text-transform : uppercase;
transition-duration : 500ms;
}
.single-event-area .event-text .event-meta-data {
position : relative;
margin-bottom : 30px;
}
.single-event-area .event-text .event-meta-data a {
transition-duration : 500ms;
position : relative;
z-index : 1;
color : #fff;
font-size : 15px;
font-weight : 400;
display : inline-block;
padding-right : 29px;
}
.single-event-area .event-text .event-meta-data a:first-child::after {
position : absolute;
content : '|';
top : 0;
right : 12px;
z-index : 1;
}
.single-event-area .event-text .event-meta-data a:last-child {
padding-right : 0;
}
.single-event-area .event-text .see-more-btn {
font-size : 11px;
color : #fff;
text-transform : uppercase;
letter-spacing : 10px;
border-bottom : 1px solid #fff;
padding-left : 0;
padding-right : 0;
border-radius : 0;
}
.single-event-area .event-text .see-more-btn:hover, .single-event-area .event-text .see-more-btn:focus {
font-weight : 400;
}
.single-event-area:hover, .single-event-area:focus {
box-shadow : 0 5px 80px 0 rgb(0, 0, 0, 0.2);
}
.single-event-area:hover .event-text, .single-event-area:focus .event-text {
background-color : #f5f9fa;
}
.single-event-area:hover .event-text h3, .single-event-area:hover .event-text .event-meta-data a, .single-event-area:focus .event-text h3, .single-event-area:focus .event-text .event-meta-data a {
color : #000000;
}
.single-event-area:hover .event-text .see-more-btn, .single-event-area:focus .event-text .see-more-btn {
border-bottom-color : #000000;
color : #000000;
}
.event-thumbnail iframe {
width : 100%;
}
.newsletter-area {
position : relative;
z-index : 1;
border : #000000 solid 1px;
padding : 45px;
}
.newsletter-area .newsletter-form {
position : relative;
z-index : 1;
}
.newsletter-area .newsletter-form input {
width : 100%;
height : 40px;
font-size : 14px;
color : #b3b3b3;
font-style : italic;
border : none;
border-bottom : 1px solid #d6d6d6;
margin-bottom : 30px;
display : block;
}
.testimonials-area {
position : relative;
z-index : 1;
padding : 45px;
}
.testimonials-area .testimonials-slide {
position : relative;
z-index : 1;
}
.testimonials-area .testimonials-slide .single-slide p {
font-size : 15px;
color : #fff;
font-style : italic;
}
.testimonials-area .testimonials-slide .single-slide .testimonial-info {
margin-top : 30px;
display : block;
}
.testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb {
width : 44px;
height : 44px;
border-radius : 50%;
margin-right : 15px;
}
.testimonials-area .testimonials-slide .single-slide .testimonial-info .testimonial-thumb img {
border-radius : 50%;
}
.testimonials-area .testimonials-slide .single-slide .testimonial-info p {
font-style : normal;
font-size : 15px;
color : #fff;
margin-bottom : 0;
}
.featured-artist-area {
position : relative;
z-index : 1;
}
.featured-artist-content {
position : relative;
z-index : 1;
}
@media only screen and (max-width: 767px) {
.featured-artist-content {
margin-top : 50px;
}
}
.featured-artist-content p {
color : #fff;
}
.browse-by-catagories {
position : relative;
z-index : 1;
}
.browse-by-catagories a {
display : inline-block;
background-color : #f4f4f4;
border : transparent solid 2px;
padding : 6px 9px;
font-size : 15px;
margin-right : 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.browse-by-catagories a {
padding : 4px 7px;
font-size : 14px;
margin-right : 4px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.browse-by-catagories a {
padding : 4px 7px;
font-size : 14px;
margin-right : 5px;
margin-bottom : 5px;
}
}
@media only screen and (max-width: 767px) {
.browse-by-catagories a {
padding : 2px 5px;
font-size : 13px;
margin-right : 5px;
margin-bottom : 5px;
}
}
.browse-by-catagories a:hover, .browse-by-catagories a:focus, .browse-by-catagories a.active {
border : #000000 solid 2px;
}
.browse-by-catagories a:first-child {
border-color : transparent;
background-color : transparent;
}
.single-album {
position : relative;
z-index : 1;
transition-duration : 500ms;
margin-bottom : 30px;
}
.single-album img {
width : auto !important ;
}
.single-album .album-info {
position : relative;
z-index : 1;
text-align : center;
padding-top : 15px;
padding-bottom : 15px;
}
.single-album .album-info h5 {
font-size : 18px;
margin-bottom : 0;
text-transform : uppercase;
}
.single-album .album-info p {
margin-bottom : 0;
}
.single-album-area {
position : relative;
z-index : 1;
transition-duration : 500ms;
margin-bottom : 30px;
}
.single-album-area .album-thumb {
position : relative;
z-index : 1;
}
.single-album-area .album-thumb .album-price p {
position : absolute;
top : 15px;
left : 15px;
background-color : #fff;
margin-bottom : 0;
line-height : 1;
padding : 5px 15px;
border-radius : 15px;
z-index : 20;
}
.single-album-area .album-thumb .play-icon a {
color : #fff;
font-size : 50px;
position : absolute;
top : 50%;
left : 50%;
line-height : 1;
transform : translate(-50%,-50%);
}
.single-album-area img {
width : 100%;
}
.single-album-area .album-info {
display : block;
position : relative;
z-index : 1;
padding-top : 15px;
padding-bottom : 15px;
}
.single-album-area .album-info h5 {
font-size : 18px;
margin-bottom : 0;
text-transform : uppercase;
}
.single-album-area .album-info p {
margin-bottom : 0;
}
.albums-slideshow {
position : relative;
z-index : 1;
}
.albums-slideshow .single-album {
transition-duration : 500ms;
margin-bottom : 0;
border : transparent solid 1px;
text-align: -webkit-center;
}
.albums-slideshow .owl-prev, .albums-slideshow .owl-next {
transition-duration : 500ms;
background-color : #fff;
position : absolute;
width : 50px;
height : 50px;
border : #000000 solid 1px;
top : 50%;
left : -25px;
margin-top : -50px;
z-index : 50;
text-align : center;
line-height : 48px;
opacity : 0;
visibility : hidden;
}
@media only screen and (max-width: 767px) {
.albums-slideshow .owl-prev, .albums-slideshow .owl-next {
left : 0;
}
}
.albums-slideshow .owl-prev:hover, .albums-slideshow .owl-prev:focus, .albums-slideshow .owl-next:hover, .albums-slideshow .owl-next:focus {
background-color : #000000;
color : #fff;
}
.albums-slideshow .owl-next {
left : auto;
right : -25px;
}
@media only screen and (max-width: 767px) {
.albums-slideshow .owl-next {
right : 0;
}
}
.albums-slideshow:hover .owl-prev, .albums-slideshow:hover .owl-next {
opacity : 1;
visibility : visible;
}
.song-play-area {
position : absolute;
top : 59%;
left : 26%;
z-index : 999999;
width : 47%;
background-color : transparent;
padding : 13px;
border : #363636 solid 1px;
}
.single-song-area .song-thumbnail {
position : relative;
z-index : 1;
flex : 0 0 135px;
max-width : 135px;
width : 135px;
margin-right : 50px;
}
.single-song-area .song-thumbnail img {
width : 100%;
}
@media only screen and (max-width: 767px) {
.single-song-area .song-thumbnail {
margin-right : 0;
flex : 0 0 100%;
max-width : 100%;
width : 100%;
}
}
.single-song-area .song-play-area {
position : relative;
z-index : 1;
flex : 0 0 calc(100% - 185px);
max-width : calc(100% - 185px);
width : calc(100% - 185px);
background-color : #262626;
padding : 15px 30px 20px;
}
@media only screen and (max-width: 767px) {
.single-song-area .song-play-area {
flex : 0 0 100%;
max-width : 100%;
width : 100%;
}
}
.single-song-area .song-play-area .song-name p {
color : #b8b8b8;
margin-bottom : 5px;
}
.single-song-area .song-play-area .audioplayer {
margin : 0;
padding : 0;
width : 100%;
height : auto;
align-items : center;
border : none;
border-radius : 0;
background : transparent;
}
.hero-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
margin-left : 4px !important ;
border-top : 14px solid transparent !important ;
border-bottom : 14px solid transparent !important ;
border-left : 24px solid #5f5f5f !important ;
}
.single-song-area .song-play-area .audioplayer-playing .audioplayer-playpause, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .single-song-area .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
background : #fff;
}
.single-song-area .song-play-area .audioplayer-time {
font-size : 14px;
color : #fff;
}
@media only screen and (max-width: 767px) {
.song-play-area {
border : none;
}
}
.song-play-area .song-name p {
color : #ffffff;
margin-bottom : 5px;
}
.song-play-area .audioplayer {
margin : 0;
padding : 29px 20px;
width : 100%;
height : 50px;
align-items : center;
border-color : #c0bfbf;
border-radius : 0;
background : transparent;
justify-content : center;
}
.song-play-area .audioplayer-playing .audioplayer-playpause, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover, .song-play-area .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
background : transparent;
}
.song-play-area .audioplayer-time {
font-size : 14px;
color : #fff;
}
@media only screen and (min-width: 861px) {
.song-play-area .audioplayer {
border : none !important ;
}
}
@media only screen and (max-width: 860px) {
.song-play-area .audioplayer-time {
display : none !important ;
}
}
@media only screen and (max-width: 460px) {
.song-play-area .audioplayer-bar {
display : none !important ;
}
}
@media only screen and (max-width: 460px) {
.audioplayer-volume-button {
display : none;
}
}
.new-hits-area {
position : relative;
z-index : 1;
padding : 45px 30px 20px;
transition-duration : 500ms;
border : #d8d8d8 solid 1px;
background-color : #00000007;
}
.new-hits-area h3 {
margin-bottom : 90px;
}
@media only screen and (max-width: 767px) {
.new-hits-area h3 {
margin-bottom : 50px;
font-size : 19px;
}
.new-hits-area {
margin-bottom : 50px !important ;
}
}
.new-hits-area .single-new-item {
position : relative;
z-index : 1;
border-bottom : 1px solid #d8d8d8;
margin-bottom : 10px;
padding-bottom : 10px;
}
.new-hits-area .single-new-item:last-child {
margin-bottom : 0;
border-bottom : none;
padding-bottom : 0;
}
.new-hits-area .single-new-item .thumbnail {
flex : 0 0 91px;
max-width : 91px;
width : 100%;
margin-right : 10px;
}
.new-hits-area .single-new-item .content- h4 {
font-size : 19px;
text-transform : uppercase;
margin-bottom : 0;
padding-right : 10px;
}
.new-hits-area .single-new-item .content- p {
font-size : 14px;
margin-bottom : 0;
padding-right : 10px;
}
@media only screen and (max-width: 553px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 18px;
}
}
@media only screen and (max-width: 507px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 17px;
}
}
@media only screen and (max-width: 483px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 16px;
}
.new-hits-area .single-new-item .content- p {
font-size : 12px;
}
}
@media only screen and (max-width: 475px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 15px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 65px;
height : 65px;
}
}
@media only screen and (max-width: 433px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 14px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 58px;
height : 58px;
}
}
@media only screen and (max-width: 423px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 14px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 53px;
height : 53px;
}
.new-hits-area .single-new-item .content- p {
font-size : 11px;
}
}
@media only screen and (max-width: 414px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 14px;
}
.new-hits-area .single-new-item .content- p {
font-size : 9px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 52px;
height : 52px;
}
}
@media only screen and (max-width: 387px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 13px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 50px;
height : 50px;
}
}
@media only screen and (max-width: 358px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 12px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 49px;
height : 49px;
}
}
@media only screen and (max-width: 355px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 11px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 48px;
height : 48px;
}
}
@media only screen and (max-width: 333px) {
.new-hits-area .single-new-item .content- h4 {
font-size : 9px;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause, .new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
width : 40px;
height : 40px;
}
}
.new-hits-area .single-new-item .audioplayer {
margin : 0;
padding : 0;
width : auto;
height : auto;
border : none;
border-radius : 0;
background : transparent;
}
.new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
background : #d6d6d6;
box-shadow : 2px 2px 2px 2px #c0c0c0;
}
.new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
background : #d6d6d6;
box-shadow : 1px 1px 1px 1px #c0c0c0;
}
.new-hits-area .single-new-item .audioplayer-playing .audioplayer-playpause {
background : #d6d6d6;
box-shadow : 1px 1px 1px 1px #c0c0c0;
}
.new-hits-area .single-new-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
border-left : 12px solid #fff;
}
.new-hits-area .single-new-item .audioplayer-volume {
margin-left : 17px;
}
.new-hits-area .single-new-item .audioplayer-bar, .new-hits-area .single-new-item .audioplayer-time {
display : none;
}
.footer-area {
position : relative;
z-index : 1;
background-color : #000000;
padding : 30px 0;
}
@media only screen and (max-width: 767px) {
.footer-area {
text-align : center;
}
}
.footer-area .copywrite-text {
font-size : 12px;
margin-bottom : 0;
color : rgb(166, 165, 165, 0.54);
}
.footer-area .copywrite-text a {
color : rgb(166, 165, 165, 0.54);
font-size : 12px;
}
.footer-area .copywrite-text a:hover, .footer-area .copywrite-text a:focus {
color : #fff;
}
.footer-area .footer-nav ul {
display : flex;
align-items : center;
justify-content : flex-end;
}
@media only screen and (max-width: 767px) {
.footer-area .footer-nav ul {
justify-content : center;
margin-top : 30px;
}
}
.footer-area .footer-nav li a {
color : #898888;
font-size : 16px;
padding : 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-area .footer-nav li a {
padding : 0 10px;
font-size : 14px;
}
}
@media only screen and (max-width: 767px) {
.footer-area .footer-nav li a {
padding : 0 10px;
font-size : 14px;
}
}
.footer-area .footer-nav li a:hover, .footer-area .footer-nav li a:focus {
color : #fff;
}
.footer-area .footer-nav li:last-child a {
padding-right : 0;
}
.breadcumb-area {
position : relative;
z-index : 10;
width : 100%;
height : 385px;
}
@media only screen and (max-width: 767px) {
.breadcumb-area {
height : 270px;
}
}
.breadcumb-area .bradcumbContent {
position : absolute;
background-color : #fff;
width : 552px;
bottom : -1px;
left : 50%;
z-index : 100;
text-align : center;
padding-top : 40px;
transform : translateX(-50%);
}
@media only screen and (max-width: 767px) {
.breadcumb-area .bradcumbContent {
width : calc(100% - 60px);
padding-top : 30px;
}
}
.breadcumb-area .bradcumbContent p {
line-height : 1.5;
font-size : 16px;
color : #5f5f5f;
}
.breadcumb-area .bradcumbContent h2 {
font-size : 30px;
letter-spacing : 10px;
text-transform : uppercase;
line-height : 1;
margin-bottom : 0;
}
@media only screen and (max-width: 767px) {
.breadcumb-area .bradcumbContent h2 {
font-size : 18px;
letter-spacing : 5px;
}
}