body{
	font-family: 'Questrial', sans-serif !important;
}

body::-webkit-scrollbar {
    width: 5px;
	background:rgba(225,225,225,0.3);
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: black;
}

.subscribe .modal-content
{
    background-image:url(../images/sub-bg.jpg) !important; 
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

.subscribe .modal-content
{
    background:none;
    -webkit-box-shadow: 0px 0px 80px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 80px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 80px -4px rgba(0,0,0,0.75);
    border-radius:0;
    padding:20px 15px;
}

.subscribe .modal-content>img
{
    width:150px !important;
    float:none !important;
    display:block !important;
    max-height:none !important;
    margin:0 auto !important;
}

.subscribe .modal-content>.input-group>.form-control
{
    background:rgba(0,0,0,0.5);
    border-radius:0;
    border:solid thin #eee;
    text-align:center;
    outline:none !important;
    box-shadow:none;
    line-height:30px;
    color:#fff;
}


.add_img img{
    max-width:90% !important;
	height:auto !important;
	padding-bottom:15px;
}

.cities span a
{
    padding:7px 10px;
    line-height:35px;
    background:rgba(225,225,225,0.5);
    color:#efefef;
    margin:3px;
    font-weight:lighter;
}

.navbar-inverse .navbar-nav>.active>a:hover
{
    background-color:none !important;
}

.main_img
{
    position:relative;
    width:100%;
    height:150px;
    background-position:center;
    background-size:100% auto;
    border-radius:5px 10px;
}

/* img overlay */
.img-overlay
{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    line-height:150px;
    color:#fff;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
    border-radius:5px 15px;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity:0;
    transition:all ease-in-out 0.3s;
    -ms-transition:all ease-in-out 0.3s;
    -webkit-transition:all ease-in-out 0.3s;
}

.img-overlay .btn
{
    color:#fff;
    font-size:20px;
    width:50px;
    height:50px;
    padding:0;
    background-color:rgba(0,0,0,0.8);
    line-height:50px !important;
    border-radius:50%;
    border:solid thin #ccc;
    text-align:center;
}

.main_img:hover .img-overlay
{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity:1;
}

.search label
{
    font-weight:lighter;
}


.search select.form-control
{
    width:200px;
    background:#fff;
    border:none;
    border-radius:0;
    color:#494949;
    font-family: 'Questrial', sans-serif !important;
}


a:hover{
	text-decoration:none !important;
}
.nav>li>a
{
    padding:10px;
}
/*Header start here*/

.header { 
    background: url(../images/music.jpg); 
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    height: auto;  
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
	padding:5px 0 50px;
}

.navbar{
	border-radius:0;
	background:none;
	border:none;
}
.main_bg{
	background:url(../images/body_bg.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
	background:none;
	color:#33B5E5;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
    background:#fff !important;
    color:#000;
}

.navbar-nav>li>.dropdown-menu
{
    margin:0;
    border-radius:0;
    border:none;
    padding:0;
}

.dropdown-menu>li
{
    border-top:solid thin #ccc;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin:0;
    border-radius:0;
    border:none;
    padding:0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-menu>li>a
{
    padding:13px 20px;
    margin:0;
    line-height:18px;
}

.dropdown-menu>li>a
{
}

.navbar-inverse .navbar-nav>li
{
    margin-top:20px;
}

.navbar-inverse .navbar-nav>li>a{
	color:#ccc;
	font-size:1em;
	text-transform:uppercase;
}

.navbar-inverse .navbar-nav>li>a span{
	padding:0 15px;
}

.navbar-inverse .navbar-nav>li>a:hover span{
	color:#33B5E5;
}

.navbar-inverse .navbar-nav>li>a i
{
    padding-left:5px;
    margin-left:5px;
    border-left:solid thin #ccc;
}

.search{
	color:#fff;
	text-align:center;
	padding:0% 0;
}

.search h1{
	padding-top:2%;
	font-size:2.7em;
	line-height:45px;
	text-transform:uppercase;
	font-weight:400;
}

.search h2{
	font-size:1.8em;
	font-weight:lighter;
}

.search .input-group{
	padding:5% 0 1%;
}

.search .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group, .search .btn-danger{
	background:rgba(51, 181, 229, 0.7);
	border:none;
	padding:10px 15px;
	color:#fff;
	outline:none !important;
}

.search input{
	background:rgba(0,0,0,0.5);
	border:none;
	color:#fff;
	height:40px;
	text-transform:uppercase;
}
.txtinpu
{
    background:rgba(225,225,225,0.5) !important;
    height:28px !important;
    color:#fff !important;
}
.search .btn-default{
	background:none;
	border:solid thin #ccc;
	margin:0 10px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

.search .btn-default:hover{
	background:#fff;
	color:#494949;
}

.search ::-webkit-input-placeholder {
   color: #fff;
}

.search :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.search ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.search :-ms-input-placeholder {  
   color: #fff;  
}




/*main content start here*/
.main{
	padding:1% 0;
	text-transform:uppercase;
}

.main .col-md-4{
	margin-top:40px;
}

.main h4{
	font-size:1.6em;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	color:#1b1616;
	line-height:35px;
	position:relative;
	margin:0;
}

.main h4:before
{
    content:"";
    position:relative;
    width:100%;
    left:0;
    top:50%;
    height:1px;
    background:#fff;
}

.main img{
	width:135px;
	float:left;
	
	padding:5px;
}

.search-results img
{
    width:135px;
	float:left;
	margin:5px;
}

.search-results h5
{
    text-align:center;
    line-height:40px;
    text-transform:uppercase;
    color:#444;
    font-size:20px;
}

.search-results h4
{
    text-align:left;
    font-size:16px;
    margin:10px 0 0 0;
    letter-spacing:0;
    text-transform:capitalize;
}

.search-results h4 a{
    color:#222;
    letter-spacing:0;
    text-transform:capitalize;
    line-height:25px;
}

.search-results p
{
    padding:0 !important;
    margin:0;
    line-height:30px !important;
}

.main2 img{
	width:135px;
	float:left;
	padding:10px 10px;
	max-height:140px;
}

.main .media{
	margin-top:15px;
	min-height:140px;
	-webkit-transition: background-color 500ms ease-out 0.1s;
    -moz-transition: background-color 500ms ease-out 0.1s;
    -o-transition: background-color 500ms ease-out 0.1s;
    transition: background-color 500ms ease-out 0.1s;
	-o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
}

.main .media .btn-default{
	border:none;
	border-radius:0;
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:5px;
	margin-top:5px;
	outline:none !important;
	margin-bottom:5px;
	overflow:hidden;
	max-width:110px;
}

.main .media .btn-default span{
	color:#33B5E5;
	padding-right:5px;
	margin-right:5px;
	border-right:solid thin #ccc;
}

/*.main .media:hover{
	background-color:#494949 !important;
	color:#fff !important;
	 -moz-box-shadow:    1px 1px 2px 4px #ccc;
	  -webkit-box-shadow: 1px 1px 2px 4px #ccc;
	  box-shadow:         1px 1px 2px 4px #ccc;
}

.main .media:hover .media-name, .main .media:hover .media-area, .main .media:hover .media-price, .main .media:hover .media-sales{
	color:#fff;
}  
.main .media:hover p{
       color:#fff;
}*/
.main .media-name{
	font-size:1em;
	font-weight:400;
	color:#111;
	font-family: 'Roboto', sans-serif !important;
	line-height:25px;
}

.main .media-area{
	font-size:0.9em;
	color:#777;
	text-transform:capitalize;
}

.main .media-price{
	font-size:1em;
	color:#33B5E5;
	margin:0;
}

.main .media-sales{
	font-size:0.9em;
	color:#777;
}


/*become an artist*/
.becomeart{
	background-image:url(../images/artist.jpg);
	color:#fff;
	text-align:center;
	line-height:30px;
	background-size:cover;
	background-position:top;
	padding:3% 0;
	box-shadow:0 0 20px #33B5E5;
}

.becomeart .btn-default{
	background:none;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	margin-top:10px;
}

.becomeart h4{
	font-size:1.5em;
}

.becomeart h2{
	font-size:1.8em;
	padding:2% 10%;
	letter-spacing:2px;
	line-height:55px;
	text-transform:uppercase;
}


/*category*/

.category{
	padding:1% 0;
}

.category .btn{
	border:none;
	padding:15px;
}

.category h4{
	text-align:center;
	font-size:1.5em;
	line-height:14px;
	text-transform:uppercase;
}

.category h4 span{
	font-size:2em;
	color:#33B5E5;
	padding-bottom:20px;
}

.category .gallery{
	padding:1% 0;
}

.thumbnail {
    position:relative;
    overflow:hidden;
}

.thumbnail img{
	width:100%;
	max-height:150px !important;
}
 
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:rgba(0, 0, 0, 0.8);
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.caption h4{
	font-size:1.3em;
	margin:0;
	font-weight:bold;
	color:#33B5E5;
}

.caption p{
	margin:0;
}

.caption .btn-default{
	padding:3px 20px;
	margin:5px auto;
}

.caption .label{
	font-size:1em;
}

.caption span{
	padding-right:5px;
}

.thumbnail:hover .caption {
    top:0%;
}

/*Latest Blog*/
.blog{
	background-image:url(../images/blogbg.jpg);
	background-size:100% auto;
	background-attachment:fixed;
	padding:2% 0;
	width:100%;
	margin:40px 0;
}

.blog .btn{	
	border:none;
	color:#33B5E5;
}

.blog h3{
	font-size:2em;
	text-transform:uppercase;
	padding:0% 0 2%;
	color:#fff;
}

.blog .date{
	font-size:.8em;
	color:#888;
	font-weight:lighter;
}

.blog h4{
	font-size:1.4em;
	padding:1% 0;
}

.blog p{
	font-weight:lighter;
	text-align:justify;
	padding:2% 1%;
	color:#555;
}

.productbox{
	margin-bottom:20px;
}

.productbox img{
	width:100%;
	min-height:200px;
}

.producttitle {
    font-weight:bold;
	padding:10px;
	background-color:#fff;
}

.pricetext {
	font-weight:bold;
	font-size:1.4em;
}


/*Testimonials start here*/
.testimonials{
	padding:1% 0;
	width:100%;
}



/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #33B5E5;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
	font-size:1.2em;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

.testimonials h4{
	text-align:center;
	font-size:1.5em;
	line-height:35px;
	text-transform:uppercase;
}

.testimonials h4 span{
	font-size:2em;
	color:#33B5E5;
}

/*Footer start here*/

footer{
	width:100%;
	background-color:efefef;
	padding:1% 0;
	
	color:#999;
}

footer h4{
	font-size:1.2em;
	line-height:30px;
	margin-top:20px;
	color:#494949;
	text-transform:uppercase;
}

footer strong{
	color:#000;
	font-weight:lighter;
}

footer ul li{
	list-style-type:none;
	line-height:25px;
	
}

footer ul li a{
	color:#999;
}

footer .input-group
{
    margin:10px 0;
}

footer .input-group input, footer .input-group .input-group-btn .btn-default
{
    border:none !important;
    border-radius:0;
    color:#555;
    box-shadow:0 0 2px #ccc;
    outline:none;
}

footer .input-group input:hover, 
footer .input-group input:focus, 
footer .input-group input:active,  
footer .input-group .input-group-btn .btn-default:hover,
footer .input-group .input-group-btn .btn-default:focus,
footer .input-group .input-group-btn .btn-default:active
{
    outline:none;
    border:solid thin #888;
    box-shadow:none;
}

footer p{
	padding:1%;
	line-height:22px;
	text-align:justify;
	margin:1% 0;
	color:#999;
}

.social
{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.social .social-icon{
	width:61px;
	height:78px;
	float:left;
	overflow:hidden;
	position:relative;
	background-repeat: no-repeat;
    background-image:url(../images/new-social-widget.png);
}

.social .social-icon:hover label
{
    opacity:0;
}

.social .social-icon  label
{
    position:absolute;
    bottom:0;
    margin:0;
    left:0;
    text-align:center;
	line-height:18px;
	color:#fff;
	font-weight:normal;
	width:100%;
	transition:ease-in-out 0.1s all;
}

.social .social-icon .overlay
{
    position:absolute;
    left:0;
    bottom:-18px;
    background:rgba(0,0,0,0.3);
    text-align:center;
    line-height:18px;
    color:#fff;
    height:18px;
    width:100%;
    transition:ease-in-out 0.1s all;
}

.social .social-icon:hover .overlay
{
    bottom:0;
}

.social .facebook
{
    background-position: 0 0;    
}

.social .twitter
{
    background-position: -61.9px 0;    
}

.social .instagram
{
    background-position: -121.8px 0;    
}

.social .google
{
    background-position: -181.7px 0;    
}

.social .worldstar
{
    background-position: -242px 0;    
}

.social .snapchat
{
    background-position: -302px 0;    
}

.sales{
       text-align:center !important;
       padding:5% 0 0;
       margin-top:5%;
}

.sales p{
       text-align:center  !important;
       font-size:1em;
       padding:5px 15px;
}

.sales p strong{
       font-size:1.8em;
}

.sales span{
       font-size:2em;
       color:#33B5E5;
       padding-bottom:10px;
}
comments{
       margin:2% 0;
}

.comment input, .comment button, .comment select, .comment textarea{
       resize:none;
       border-radius:0px !important;
       border-color:#e9e9e9 !important;
       
}

.comments h5{
       font-size:1.3em;
}

.comments img{
       width:130px;
       height:auto;
       margin:0 10px;
       float:left;
}
 
 .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
       background:none !important;
}




@media only screen and (max-width: 800px) {
       .dropdown-menu>li>a, .dropdown-menu>li{
               color:#fff !important;
       }
       
       .nav>li>a
       {
           padding:0 10px;
       }
       
       .navbar-header img
       {
           height:80px !important;
           padding:2% 0 1%;
           display:block;
            margin:auto;
       }
       
       .navbar-inverse .navbar-toggle
        {
            float:left;
            line-height:70px;
            width:30%;
            font-size:1.2em;
        }
        
        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus
        {
            background:none;
        }
        
        .navbar-header .logo
        {
            width:40%;
            text-align:center;
            float:left;
        }
        
        .navbar
        {
            width:100%;
            padding:0;
            background:rgba(0,0,0,0.8);
        }
        
        .header
        {
            padding:0;
        }
        
        .header>.container
        {
            padding:0;
            width:100%;
        }
        
        .navbar-toggle
        {
            margin:0;
            border:none;
            color:#fff;
            text-transform:uppercase;
            font-size:1.2em;
            border-radius:0;
        }
        
        .search .input-group
        {
            margin-bottom:15px;
        }
        
        .navbar-toggle:focus, .navbar-toggle:active, .navbar-toggle:visited
        {
            background:rgba(0,0,0,0.8);
        }
        
        h3
        {
            font-size:18px;     
            text-transform:none !important;
        }
        
        .tabbable-panel .navbar-toggle
        {
            width:100%;
            color:#33B5E5;
            background:none;
            border:solid thin #33B5E5;
            padding:10px;
            text-align:left;
            box-shadow:none;
            outline:none;
        }
        
        .tabbable-panel .navbar-toggle span
        {
            float:right;
            line-height:25px;
        }
        
        .tabbable-panel .tabbable-line > .nav-tabs > li, .tabbable-panel .tabbable-line > .nav-tabs > li:hover
        {
            width:100%;
            border:none !important;
        }
        
        .tabbable-panel .tabbable-line > .nav-tabs
        {
            min-height:200px;
        }
        
        .tabbable-panel .navbar-collapse
        {
            padding:0.1px;
        }
        
        .tabbable-panel .tabbable-line > .nav-tabs > li a
        {
            width:100%;
            border-radius:0;
            line-height:38px;
        }
        
        .tabbable-panel .tabbable-line > .nav-tabs > li.active a
        {
            border:none;
            background-color:#33B5E5;
            color:#fff;
        }
        
        .tabbable-panel .tabbable-line > .nav-tabs > li.active:hover
        {
            background-color:#33B5E5;
            color:#fff;
        }
        
        .tab-content .main_img
        {
            width:100px;
            height:100px;
        }
        
        .main .media-name
        {
            font-size:0.9em;
            text-transform:none !important;
        }
}

@media only screen and (min-width:800px)
{
    /*.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus
    {
         border: solid thin rgba(225, 225, 225, 0.5) !important;
         border-radius: 50%;
         background-color: rgba(225, 225, 225, 0.3) !important;
         color: #FFF !important;
    }*/
    
    .logo img   
    {
        position:absolute;
        max-width:250px;
    }
    
    .add_img img, .add_img
    {
        height:120px !important;
    }
}


.watchnow h3
{
    margin:0;
    text-transform:uppercase;
    font-size:1.2em;
    text-align:center;
}

.watchnow img
{
    padding:5px 0 0;
}

.watchnow .btn
{
    margin:0;
    width:100%;
    background:#000;
    color:#fff;
    border-radius:0;
}