@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/
.navbar-brand {
    padding: 0px;
}
/*
.navbar-brand>img {
    height: 100px;
    padding: 15px;
        width: 432px;
}
*/
.total-results-text {
/* 	text-transform: uppercase; */
	padding-left: 20px;	
	padding-top: 5px;
	color: #777
}

.total-results-text strong {
	font-weight: 900;
}

.item-link-more:hover {
	text-decoration: none
}

.span-group {padding-right:5px}


.track-line h4.track_link {
	color:#337ab7
}

.track-line a > span {
	margin-right: 5px;
    display: inline-block;
}

.track-line a .album-line > span{
	display: inline-block;
	margin-right: 5px;
}

.track-line h4.track_link:hover {
	color:#23527c
}

.track-line {
	
}
.album-line {
	display: block !important
}


/*************************
EXAMPLES 2-7 BELOW 
**************************/

/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */

/*
.example2 .navbar-brand>img { 
    padding: 7px 15px;
}
*/

.navbar-brand>img {
	margin-top: -5px
}

.example2 {
	position: relative;
	margin-bottom: 15px !important;
	min-height: 60px;
}

.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
}

.navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-right: 15px;
    margin-left: 15px;
}

.navbar-default {
    background-color: #f8f8f800;
    border-color: #e7e7e700;
}

.navbar-dark{
 background-color: #333;	
}

.navbar-dark a {
	color: #f0f0f0 !important;
}

.navbar-dark .navbar-right {
	margin-top: 20px;
}

.navbar-dark a:not(.navbar-brand){
	padding-top: 9px !important;
    padding-bottom: 8px !important;
}
.navbar-dark a.nav-search {
	border-radius: 25px;
	border: 2px solid #f0f0f0;
	padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.navbar-dark a.nav-search span{
		text-transform: capitalize;
}

.navbar-dark a:hover {
	color: #fff !important;
}

.navbar-nav>li>.dropdown-menu {
    z-index: 9999;
}
.center-logo{
    text-align:center;
}
.center-logo img {
  width: 52%;
    margin-top: 70px;
}

.gallery-slider h3{
    text-align:center;
    font-weight: bold;
    font-size: 26px;
    font-family: "Oswald";
}
.more-info h4{
    color: #777;
    font-weight: bold;
    font-size: 14px;
}
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    padding: 0 40px 0 40px;
}
/* Reposition the controls slightly */
.carousel-control {
    left: -7%;
    top: 23%;
    color: #000;
    font-size: 75px;
    right: -7% !important;
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
    width: 150px;
    height: 150px;
}
.carousel-control.right {
    right: -12px;
}
.carousel-control.right{
    background-color: transparent !important;
    background-image: none !important;
    display: none;
}
.carousel-control.left{
    background-color: transparent !important;
    background-image: none !important;
display: none;
}
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
.heading{
    text-align: center;
    margin-bottom: 34px;
    font-weight: bold;
    color: #0000ff;
	text-transform: uppercase;
    font-size: 25px;
/*         font-family: "Oswald"; */
}
.more-info{
    text-align:center;
}
.pera{
    text-align: center;
    font-size: 16px;
/*         font-family: "Oswald"; */
        letter-spacing: 0;
	font-weight: 300

}

/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
    background: #333333;
}
footer{
  background-color: #333 /* #43474d */;
    color: #d0d0d0;
    padding: 24px 14px 10px 36px;
    margin-top: 17px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
/*     letter-spacing: 1px; */
}

label {
    cursor: pointer;
}
label input[type="checkbox"] {
    display: none;
}
label input[type="checkbox"] + .label-text:before {
    display: inline-block;
    transition: all 0.2s ease-in-out;
    margin: -6px 15px 0 0;
    vertical-align: middle;
    width: 22px;
    height: 22px;
/*
    background: #d6d6d6;
    border: 2px solid #f7792300;
*/
    border: 2px solid #ccc;
    border-radius: 5px;
    color: #ecf0f1;
    content: "";
	margin-right: 5px;
}
label input[type="checkbox"]:checked + .label-text:before {
/*     background: #9cc2cb;			 */
    text-align: center;
    line-height: 1.3em;
    color: #2699f9 /* #ecf0f1 */;
    content: "\2713";
    font-size: 14px;
	    padding: 0px 4px;
}
.gap{
    height:60px;
}

.filter li{
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 7px;
    font-size: 12px;
}
.filter{
    height: 164px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.filter-result{
    /*height: 681px;*/
    height: 75vh;
    overflow-y: scroll;
}

/*
.filter-result .album-line {
	margin-left: 135px;
}
*/

.filter-result .album-line > span {
	display: inline !important	
}
	
.filter1 li{
    list-style-type: none;
    margin-bottom: 7px;
    font-size: 12px;
}
.filter-head{
    margin-left: 15px /* 39px */;
    margin-top: 15px;
    margin-bottom: 10px;
/*     font-family: 'Open Sans', sans-serif; */
    font-size: 23px;
    font-weight: 700;
    color: #2699f9 /* #21759b */;
	text-transform: capitalize !important;
}
.navbar-default .navbar-nav>li>a {
       color: #777;
/*     font-family: 'Open Sans', sans-serif; */
/*     font-weight: 600; */
/*     font-size: 13px; */
   
}
#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
#DropdownKeySearch li{
	  
	line-height: 1.6;
}


.filter-result .heightdiv > a {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.filter-result img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.style-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}
.style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.fa-search{
    position: absolute;
    right: 3%;
    bottom: 30%;
}
.innersearch {
	font: normal normal normal 14px/1 FontAwesome;
}
.search{
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.search::before, .innersearch::before{
    content: "\f002";
    position: absolute;    
    top: 10px;
	left: 15px;
}

.filter-result{
    text-align:center;
}

.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%; 
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 20;
}

.bts-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
   position: relative;
    width: 100%;
    max-width: 430px;
    margin: 4em auto;
    background: #ffffff;
    border-radius: none;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
       overflow: unset;
    padding-bottom: 48px;
	color: #777;
}
.bts-popup-container img {
       padding: 20px 0 0 0;
    width: 173px;
}
.bts-popup-container p {
    color: white;
    padding: 10px 40px;
}
.bts-popup-container .bts-popup-button {
    padding: 5px 25px;
    border: 2px solid white;
    display: inline-block;
    margin-bottom: 10px;
}

.bts-popup-container a {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
}

.bts-popup-container .bts-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
       content: '';
    position: absolute;
    top: 13px;
    width: 17px;
    height: 4px;
    background-color: #6b6b6b;
}
.bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
}
.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
    .bts-popup-container {
        margin: 8em auto;
    }
}    

@media only screen and (max-width: 768px) {


    .dropdown-menu > li > a {
    white-space: inherit !important;
}
#DropdownKeySearch li {
    margin-left: 13%;
}
.search_img {
    margin-left: -53px !important;

}

.imageOver{
       margin-top: 18% !important;
    padding-top: 0px !important;
    overflow: hidden;
    width: 100%;
    float: left;
}
    .navbar-brand > img {
        width: 100%;
    }
    .col-gap  {
       width:100% !important;
    }
}
.detail-area ul li{
    float: none;
    font-size: 14px;
    list-style-type: decimal;
    font-weight: bold;
}
.next-link li{
 color: #00f !important;
    list-style-type: none !important;
    float: left !important;
    /*margin-right: 5px;*/
    background: #fe7a1900;
    /*color: #000;*/
    color: #2e2e2e;
    padding: 1px;
    
/* 	 font-family: 'Open Sans', sans-serif; */
    font-weight: 600;
}
.next-link li:hover{
    text-decoration: underline;
}
.next-link{
	    margin-left: -40px;  
}
.bold{
           font-size: 16px;
    display: -webkit-box;
    font-weight: 600;
    color: #777;
	 
}
.renge-img{
    margin-top: 7px;
    width: 238px;
    margin-left: -11px;
}

.fix-logo{
    display: block !important;
    position: fixed;
    z-index: 9;
    width: 213px !important;
    height: 75px !important;
    margin-top: -13px;
}

.fix-header {
        position: fixed;
    width: 85%;
    z-index: 9999;
    background: #ffffffa3 !important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    border-radius: 50%;
}
.languageClass{
    /*    float: left;
        width: 60%;*/
    margin-right: -30px;
    height: 22px;
    width: 43px;
    margin-top: 6px;
}
.lactive{
    border: 2px solid #0055b3;
}

.lang-menu li{
    float: right;
    margin-right: 0px;
    margin-left: 12px;
}
.txtKeySearch {
    height: 425px;
    width: auto;
    overflow: auto;
}

.search .txtKeySearch{
	z-index: 2000;
	background-color: #fff /* #eae7d8 */; /* #e0ddcc */
}

.dropdown-menu{
    top:100%;   
    width: 97%;
    overflow-x: hidden !important;
}
.search_img{
    width: 100px !important;
/*
    margin-bottom: 7px;
    margin-top: 7px;
*/
    height: 100px !important;
    object-fit: contain
}     

.dropdown-menu-new{
    top:100% !important;   
}
.btm-filter{
/*     width: 220px; */
    margin-left: 15px;
}

.heightdiv{
    height: 250px ;
}

.view-detail{
	  
    margin-top: 40px;
    font-size: 26px;
    color: #4d4d4d;
    text-transform: uppercase;
    letter-spacing: 2px;
/*     font-family: 'Open Sans', sans-serif; */
}

/*
#resetCheckbox{
  float: right;
    margin-top: -32px;
    width: 85%;
    margin-bottom: 25px;
    border: 1px solid #0014ff00;
    height: 32px;
    border-radius: 6px;
    font-size: 19px;
    background: #c1c6ca59;
    color: #00000059;
}
*/
#amount{
	color: #777 !important;
}

body,h1,h2,h2,h3,h4,h5,h6,span,li{

}
 
   ol li a{
        color: #333 !important;
    line-height: 1.6 !important;
    font-size: 17px !important;
	font-weight: 300 !important;
    font-family: 'Lato', sans-serif;
   }
   ol li{
        color: #333 !important;
    line-height: 1.6 !important;
    font-size: 17px !important;
    font-family: 'Lato', sans-serif;
   }
    .label-text{
      font-weight: 100;
    font-size: 14px;
/*     font-family: 'Open Sans', sans-serif; */
    color: #777;
} 
.next-link :last-child li{
   border-right: 1px solid transparent;

}

 .label-text span{
      font-weight: 100;
    font-size: 14px;
/*     font-family: 'Open Sans', sans-serif; */
    color: #777;
}

.upr{
    margin-top: 40px;
    font-size: 26px;
    color: #4d4d4d;
    text-transform: uppercase;
    letter-spacing: 2px;
/* 	font-family: 'Open Sans', sans-serif; */
    margin-bottom: -40px;

}

.detail-area h2 {
    text-transform: uppercase;
/*     font-family: 'Open Sans', sans-serif; */
    font-weight: 600;
    color: #404040;
    margin-bottom: 30px;
}

.detail-area h3 {
	font-size: 20px;	
	margin-bottom: 20px
}

.bold p{
   font-weight: 300;
    color: #4e4d4d;
    margin-left: 11px;
/*     font-family: 'Open Sans', sans-serif; */
}
.innersearch::before {
    content: "\f002";
    position: absolute;
    left: 15px;
    top: 10px;
}
.filter-result h4{
	  /*  font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #636363;
    font-weight: bold;*/
    font-size: 19px;
/* font-family: 'Open Sans', sans-serif; */
color: #2699f9;
font-weight: bold;
/* line-height: 1.66em; */
margin-bottom: 25px;
}

.filter-result p{
	    font-size: 15px;
/*     font-family: 'Open Sans', sans-serif; */
    color: #777;
}
input[type="text"].form-control::-webkit-input-placeholder {
/* 	   font-family: 'Open Sans', sans-serif; */

}

.uppercase  {
  text-transform: uppercase ;
  }

  .lowercase {
  text-transform: lowercase;
  }
  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee0;
}
.bts-popup-container h5{
	    color: #3366ff;
    font-size: 13px;
}
.bold a{
	color:#2699f9 /* #00f */;
        font-weight: bold;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
   border: none;
  border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: none;
}

.col-gap{
   
   /* margin-right: -65px;*/
   width: 20%;
   }
.home-imge{
    width: 100%;height: 200px;
}   
.track_link{
        font-weight: 700;
/*     font-family: Open Sans; */
    color: #2699f9 /* #1468a9 */;
    font-size: 19px;
    margin-bottom: 25px;
}
.key_head{
        font-weight: bolder;
/*     font-family: Open Sans; */
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
}
.key_val{
/*         font-family: Open Sans; */
    color: #777;
/*     font-size: 11px; */
    
}
.margin_left{
        margin-left: -20px;
}

.pera .fancy_title{
       color: #333;
    font-size: 16px;
       line-height: 1.3em;
}

.dropdown-menu{
    border : none !important;
}

.detail-area span{
        margin-bottom: -6px;
}

.slabel{
    font-size: 16px;
    display: -webkit-box;
    font-weight: 600;
    color: #404040;
}

input#keySearch {
/*
    border-bottom: 1px solid #ccc !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
*/
    border: 1px solid #666 !important;
    /* border-top: none !important; */
    /* border-left: none !important; */
    /* border-right: none !important; */
    border-radius: 25px;
    padding-left: 38px;
}
.t-d{
 margin-left: 4px !important;   
}



 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px; font-size: 12px; font-size: 12px; font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
   font-size: 12px; font-size: 12px; font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px; font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 12px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent !important;
    border-style: none !important;
}
.ft-line{
	color:#fff;

}
.ft-line:hover{
	color:blue;
	text-decoration:underline;
	font-weight:500;
}
footer p a{
        display: inline;
        color: #fff !important;
}

footer .facebook-footer {
	margin-top: -10px
}
.imageOver{
 
padding-top: 108px; 
}


		.nav-pills {margin-top: 20px; margin-bottom: -20px;}
		.load_more_music.all {display: none !important}
		.load_more_music_li {list-style: none;margin-top: 20px;/* float: none; */display: block;}
		.load_more_music_li a {display:inline-block !important; background-color: #2699f9/* #337ab7 */ !important; color: #fff !important; border-radius: 5px !important; padding: 10px 20px !important; text-decoration: none !important; cursor: pointer; margin-top: 10px}
		.load_more_music_li a:hover {background-color: #2699f9 /* #4c91cc */ !important}
		
		#filter-result ul{
			margin-right: 0px; display: block;box-shadow: none;height: auto;overflow: hidden;
		}
		
		.DropdownKeySearch-list {
			padding-left: 0;
			text-align: left;
		}
		
		.DropdownKeySearch-list li {
			list-style: none
		}