@charset "utf-8";
/* CSS Document */
@media screen 
and (min-device-width: 150px) and (max-device-width: 1243px)
 {
body, html{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#666;

	min-width:0px;	

	
}


.searchspacer{
	
height:120px;
position:relative;
display:block;	
}


.musicthumbs{
	
background-size:contain;	
background-color:transparent;
background-image:none;
	
}

.paperheader{
	position: absolute;
	top:0px;
	left:0px;
	width: 96%;
	display: block;
	min-width:0px;
	background-repeat: repeat-x;
	background-image:none;
	background-position:center;
	background-size:contain;

	height: 145px;
	padding:2%;
	
}



.follow_section{
		width:100%;
		display:inline-block;
	height:auto;
	position:relative;
	color:#bc2027;
	font-size:10px;
	letter-spacing:15px;
	float:left;
	margin-top:35px;
	margin-bottom:15px;

}

.followbtns_img{
	background-image:url(../parts/socialbtns.png);
	width:249px;
	height:49px;
	background-repeat:no-repeat;
	display:none;
	
}



.logo{
position:absolute;
display:block;
background-image:url(../parts/logo.png);
width:100%;
height:35px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;	
left:50%;
margin-left:-50%;	
}


.player_section{
	height:auto;
	min-height:40px;
	display:inline-block;
	width:100%;
	position:relative;
	
}


.player{
width:290px;
height:25px;
background-color:#bc2027;
border-radius:5px;
padding:5px;	
display:none;
	float:left;
	margin-right:10px;

}

.powerbtn{
position:absolute;
display:none;
background-image:url(../parts/power_btn.png);
width:30px;
float:right;
height:32px;
top:5px;
right:5px;
background-repeat:no-repeat;
background-size:contain;	
	
	
}



.nav_bar{
width:100%;
padding:0%;
margin-left:0%;
border-bottom:#333 thin solid;
border-top:#333 thin solid;
clear:both;
position:relative;
top:0px;
display:inline-block;	
height:25px;	
	
}


.navbtn{
font-family: 'star_avenueregular', Ariel;	
font-size:10px;
color:#333;
display:inline-block;
margin-right:2px;
text-decoration:none;
	
}


.navbtn.signup{
background-color:#bc2027;  margin-top:0px; padding:2px; padding-left:4px; padding-right:4px; border-radius:4px; color:#fff;	
	
}

.search_section{
position:relative;
display:none;
width:96%;
left:2%;
height:125px;
margin-top:110px;	
background-image:url(../parts/searchb.jpg);
background-size:cover;
background-position:center;	
	
	
}

.search_section.home_search{
width:98%;
margin-left:1%;	
	
}


.searchbox_container{
	
	width:98%;
	height:25px;
	padding:1%;
	border-radius:4px;
position:absolute;
lefT:0%;
margin-left:0px;
margin-top:0px;
}

.sbc_bg{
	
	background-color:#FFF;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
opacity:.7;	
border-radius:4px;
	
}


.searchbtn1{
position:relative;
color:#bc2027;
float:left;
border-right:#999 thin solid;
padding:5px;
display:inline-block;
width:auto;
	text-decoration:none;
	font-weight:600;
	font-size:14px;
	
}


.searchbox{
	position: relative;
	width: 70%;
	height: 25px;
	float:left;
	margin-left:0px;
	background-color:transparent;
	border:none;
	padding:0px;
	outline:none;
	font-family: 'star_avenueregular', Ariel;
	color:#333;
	clear:none;
	
}

.searchbox::-webkit-input-placeholder {
   color:#666;
}

.searchbox:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

.searchbox::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

.searchbox:-ms-input-placeholder {  
   color: #666;  
}


.tag_container, .container, .container2{
width:96%;
padding:0%;
left:2%	;
position:relative;
display:block;
	border-bottom:#999 thin solid;
	padding-bottom:25px;
}



.container.paper{
	
left:0px;
padding:2%;
width:96%;
border:none;	
}

.container.contactpg{
	
margin-top:45%;	
padding:4%;
width:92%;	
}

.container2{
width:100%;
padding:0%;	
left:0%;
padding-top:25px;
}

.mini_heading{
letter-spacing:2px;	
font-size:14px;
font-weight:200;
margin-top:15px;
width:100%;
display:inline-block;
height:auto;
text-align:left;
}


.arrow{
	background-image:url(../parts/arrow.png);
	width:26px;
	height:15px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	display:inline-block;
	
	
}

.tags, .content, .column_container, .slides, .slides2{
position:relative;
display:inline-block;
width:100%;
min-height:150px;
max-height:1000px;
clear:both;	
	
	
}



.content, .column_container, .c_container, .slides, .slides2{
height:auto;
min-height:10px;
max-height:5000px;
margin-bottom:15px;	
	display:inline-block;
	
}


.column_container, .c_container, .slides ,.slides2 {
width:inherit;
min-width:50px;
display:inline-block;	

}


.slides,.slides2{
width:49%;
margin-left:1%;
clear:none;
height:200px;

overflow-y:scroll;

}

.slides{
	height:auto;
max-height:800px;	
}


.slides::-webkit-scrollbar {
    width: 5px;
	 scrollbar-base-color:transparent;
	margin-left:20px;
}

.slides::-webkit-scrollbar-track {
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
*/    border-radius: 10px;
}

.slides::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color:transparent;
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
*/}



.slides2{
background-color:transparent;
float:left;
height:auto;	
	min-height:100px;
overflow:visible;

}

.slides2.article_slide, .slides2.banners{
width:25%;	
margin-left:0px;
height:auto;
	margin-right:0%;
}

.slides2.tag_slide{
width:25%;	

height:auto;
min-height:10px;
margin-right:0%;
margin-left:0px;
padding:0px;
}


.c_container{

width:90%;	
	
}

.tag_pager, .pager{
position:relative;
display:block;
	width:88px;

}


.pager{
display:inline-block;
width:auto;
margin-top:15px;	
	
}

.roundbtn, .roundbtn2{
	background-image:url(../parts/red_dot.png);
	width:12px;
	height:12px;
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;	
	float:left;
	margin-right:10px;
	
}

.roundbtn2{
background-image:url(../parts/grey_dot.png);	
}


.heading, .heading2{
width:98%;
display:block;
 padding-top:25px;
 text-align:left;
 margin-left:0%;	
}

.heading.bottom{
	
text-align:center;	
	
}

.heading2{
font-size:34px;
padding-top:0px;	
color:#161616;
margin:0px;
margin-bottom:0px;
text-align:center;
}


.activeusers{
color:#bc2027;
font-weight:700;	
font-size:14px;
letter-spacing:0px;	
	
}

.spotlight_options{
	display: block;
	height: 50px;
	width: 100%;
	position: relative;
	margin-left:0%;
	
}

.greybtns, .greybtns2{
color:#666;
text-decoration:none;
font-size:16px;
letter-spacing:2px;	
display:inline-block;
	
}


.greybtns2{
	
letter-spacing:0px;	
display:block;
clear:both;
text-align:center;
margin-top:10px;
	float:none;
}


.see_more{
	background-image:url(../parts/seemore_btn.jpg);
	width:100%;
	height:44px;
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}



.banner{
position:relative;
display:block;
background-image:url(../parts/bannerimg1_mobile.jpg);
width:100%;
height:336px;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
	
	
}

.redstrip{
position:relative;
display:block;
width:100%;
background-color:#bc2027;
border-radius:0% 0% 100% 100%;
height:5px;	
margin-bottom:5px;
margin-top:-4px;
	
}

.columns{
position:relative;
display:block;
width:30%;
padding:1%;
	height:215px;
	text-wrap:none;
	text-align:center;
	float:left;
	left:0px;
	
}


.columns.column_left{
margin-left:2%;
	
}



.sq_thumb{
position:relative;
display:inline-block;
margin-right:0px;
margin-bottom:15px;
width:100px;
height:100px;
vertical-align:top;
font-size:11px;
	
}


.sq_thumb{
position:relative;
display:inline-block;
margin-right:0px;
margin-bottom:15px;
width:100px;
height:100px;	
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	text-transform:capitalize;
}

.thumbheight{
	margin-bottom:3px;
	height:100px;	
}

.spotlight_head{
	
	text-align:left;
float:none; position:relative; display:inline-block; font-size:28px; color:#999; margin-left:0px;  letter-spacing:15px;	
}

.featured_article_heading{
	float:left; position:relative; display:inline-block; font-size:28px; color:#999;  letter-spacing:15px;
	text-align:left;
}



.whybtn{
display:inline-block;
position:relative;	
	color:#fff;
	margin-bottom:15px;
	margin-right:10px;
}


.icon{
background-image:url(../parts/icon1.png);
width:120px;
height:80px;
display:block;
background-repeat:no-repeat;
background-size:contain;
background-position:center;	
	
}



.f_article_img, .f_article_story{
position:relative;
display:block;
float:none;
width:100%;
height:220px;
background-color:#0F0;
margin-top:40px;
	
	
	
}

 .f_article_story{
	 height:auto;
	 display:inline-block;
	background-color:transparent;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	padding-bottom:10px; 
	text-align:center;
 }

.f_article_img{

background-image:url(../parts/vibe-drake-eyes-closed-383x560.jpg);
background-position:center;
background-size:cover;
	
}


.readmore{
	text-decoration:none;
	color:#161616;
	clear:both;
	display:block;
	font-size:24px;
	margin-top:15px;	
	
	
}

a.tag:link, a.tag:active, a.tag:visited{
position:relative;
display:inline-block;
margin:0px;
text-decoration:none;
color:#666;
margin-left:7px;
letter-spacing:-2px;	
	margin-right:7px;
	font-size:25px;
}

a.tag:hover{
color:#bc2027;	
	position:relative;
display:inline-block;
margin:2px;
text-decoration:none;
	letter-spacing:1px;
	margin-left:7px;
		margin-right:7px;
	font-size:40%;

}


.shade{
	
position:fixed;
width:100%;
height:120%;
background-color:#000;
opacity:0;
top:0px;
display:none;	
left:0px;	
}

.display_con, .display_con2, .display_con3{
position:absolute;
width:100%;
top:0px;
opacity:0;
left:0px;
height:100%;
display:none;
}

.display_con3{
position:fixed;	
}



.display_panel{
position:relative;
display:none;	
background-color:#fff;
padding:2%;
border-radius:4px;	
border:#CCC thin solid;	
margin-top:50px;
padding-top:1%;

}

input, select, textarea, .textarea, .input{
width:98%;

height:15px;
display:block;
clear:both;
outline:none;
border:#CCC thin solid;
color:#999;	
border-radius:4px;
padding:1%;
margin-bottom:15px;	
	
}
select{
width:100%;	
height:40px;	
}


textarea, .textarea{
height:100px;	
resize:none;	
}

.textarea.contactpg, .input.contactpg{

width:100%;
padding:2%;
width:96%;	
	
}



.heading3, .heading4{
	
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:700;
text-align:left;
color:#bc2027;	
padding:0px;
	
}


.heading4{
color:#666;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;	
	margin-bottom:15px;
	text-align:left;
}

.cbtn{
width:100%;
display:inline-block;
text-align:center;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
background-color:#bc2027;
border-radius:4px;	
text-decoration:none;
padding-top:15px;
padding-bottom:15px;	
}
.cbtn.signup{
margin-top:25px;
	width:auto;
	clear:both;
	float:none;
	padding:3%;

}


.closebtn{
position:absolute;
right:10px;
top:10px;
color:#bc2027;
text-decoration:none;
font-size:16px;
display:inline-block;	
	
}


.socialbtns{
	position: relative;
	width: 50px;
	height: 50px;
	
	float: left;
	display: block;
	margin-right:9px;
}


.search_menu{
	position: absolute;
	display:none;
	width:100px;
	height: 50px;
	padding: 15px;
	border-radius: 0px 0px 4px 4px;
	background-color: #bc2027;
	left: 0px;
	top: 45px;
	
	
}


.search_icon{
background-image:url(../parts/searchicon.png);
width:25px;
height:25px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
float:right;
display:block;
position:relative;	
	
	
}


.slide_container{
position:relative;
width:100%;
padding:0px;
overflow:hidden;
display:inline-block;	
	
	
}

.slide_rail, .slide_rail2{
position:relative;;
display:inline-block;
width:200%;	
padding:0px;	
	
}



.slide_rail2{
width:400%;

	
}


.pgsplit{
position:relative;
display:inline-block;
width:48%;
height:auto;
float:left;	
padding:1%;	
}


.pgsplit2{
	min-width:0px;
	padding:0px;
padding-left:1%;
}

.margin-top-search{
	background-color:#03C;
margin-top:100px;	
	
}

.pgsplit2.signup{


border-right:#666 thin solid;
}


.img_holder{
position:relative;
display:block;
width:100%;
height:330px;
background-image:url(../parts/customer-service.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center;	
	margin-left:0px;
	border-radius:4px;
}




.spacer{
	
position:relative;
width:100%;
min-height:0px;
height:	180px;
display:block;
color:#360;

}

.text_icon, .text_icon2{
display:inline-block;
padding-top:15px;
padding-left:10px;	
font-weight:500;
float:left;
}

.text_icon2{
background-color:#666;
color:#fff;
padding:5px;
border-radius:4px;	
font-size:12px;
}

.text_icon.taglink{
	background-color:#CCC;
color:#666;
font-size:12px;
padding:5px;
text-decoration:none;
border-radius:4px;
	margin-left:10px;
	
}



.column_container{

margin-right:0px;	
	width:100%;
}



.header2.color{
	
background-color:#bc2027;
color:#fff;
width:94%;
padding:3%;
text-align:center;	
margin-bottom:20px;
	
}


.sq_thumb.reduce{
width:130px;
height:130px;	
	
}


.heading4.center{
text-align:center;	
}


.sharebtns, .sharebtns2, .sharebtns3{
width:70px;
padding:5px;
height:35px;
background-color:#369;
background-image:url(../parts/fb_icon.png);
background-size:30%;
display:block;
float:left;
background-repeat:no-repeat;
background-position:center;	
	margin-left:5px;
}

.sharebtns2{
background-image:url(../parts/twitter_icon.png);
background-color:#0CF;	
}


.sharebtns3{
background-image:url(../parts/pintrest_icon.png);
background-color:#C00;	
	
}

.videoframe{
width:100%;
height:25%;
display:inline-block;
position:relative;
	
	
}


.c_container{
width:100%;

}
.videoframe._cover{
display:block;
position:absolute;
top:0px;
left:0px;
	
}


.videothumbs{
position:relative;
display:inline-block;
width:48%;
height:5%;
padding-top:2%;
background-color:transparent;
margin:1%;	
border-radius:4px;
	margin-bottom:20px;
	background-size:contain;
background-position:top;
background-repeat:no-repeat;
text-decoration:none;
color:#333;
}


.videoframe.thumbs{
position:relative;
display:inline-block;
margin-top:0px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
padding-top:0px;
	float:left;	
}



.vthumb_text{

position:relative;
display:inline-block;
margin-top:1%;	

	
}

.vidthumb{
width:100%;
height:120px;
display:inline-block;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
	
}



.h1heading{
font-size:150%;	
	font-weight:900;
	text-align:center;
	width:100%;
	margin-bottom:25px;

}


.media_btn{
width:30px;
height:30px;
background-image:url(../parts/skimback.png);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
cursor:pointer;	
margin-left:0px;
	
}


.playersplit{
width:100%;
padding:0px;	
}



.bs2{
background-image:url(../parts/bannerimg2_mobile.jpg);	
	
}

.bs3{
background-image:url(../parts/bannerimg3_mobile.jpg);	
	
}

.bs4{
background-image:url(../parts/bannerimg4_mobile.jpg);	
	
}


.mobileheight{
height:650px;	
	
}



.featuresbox{
width:90%;
border-radius:5px;
height:400px;
position:fixed;
overflow-y:scroll;
padding:10px;
background-color:#FFF;
border:#bc2027 thin solid;
display:none;	
top:100px;
left:5%;
margin-left:0px;	
}

.featuresbox::-webkit-scrollbar {
    width: 5px;
	 scrollbar-base-color: rgb(156, 4, 4);
	margin-left:20px;
}

.featuresbox::-webkit-scrollbar-track {
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
*/    border-radius: 10px;
}

.featuresbox::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color:transparent;
    -webkit-box-shadow: inset 0 0 6px  rgb(156, 4, 4); 
}



 }