body {font-family:Arial, Helvetica, sans-serif; color:#3e3f3f; font-size:12px; margin:0; padding:0; background-image:url(../img/body_bg.png); }
.main{ margin:auto; width:100%; max-width:1050px; background-color:#FFF; box-shadow: 0px 0 15px -10px rgba(118, 119, 119, 0.4), 0px 0 8px -4px rgba(118, 119, 119, 0.4);}
.main .container{ max-width:966px;  }
.nopadding{padding:0px;}
.paddingright{padding-right:0px;}
.paddingleft{padding-left:0px;}
.bannerbox { max-width:940px; max-height:322px; overflow:hidden; margin:0 auto; }

/*
| ----------------------------------------------------------------------------------------------
| Margin Top Classes
| ----------------------------------------------------------------------------------------------
*/
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top25{ margin-top:25px;}
.top30{ margin-top:30px;}
.top35{ margin-top:35px;}
.top40{ margin-top:40px;}

.paddingtop5{ padding-top:5px;}
.paddingtop10{ padding-top:10px;}
.paddingtop15{ padding-top:15px;}
.paddingtop20{ padding-top:10px;}
.paddingtop25{ padding-top:25px;}

.paddingleftno{ padding-left:0px;}
.paddingright10{ padding-right:0px;}

/*a{color:#565757;}*/
a{color:#2585AB;}
a:hover{color:#2585AB; text-decoration:none;}
.input-group-btn{ top:-1px;}


/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.text-danger-validation{ color:#F00; padding:5px; display:none;}

/*
| ----------------------------------------------------------------------------------------------
| Typography
| ----------------------------------------------------------------------------------------------
*/
h1{font-family: 'Roboto', sans-serif; font-size:24px; color:#252525;  padding:0px 0 0px 0; font-weight:400; margin-bottom: 8px;}
h2{font-family: 'Roboto', sans-serif; font-size:20px; color:#202020; padding:0; margin:20px 0 8px 0; text-transform:uppercase; font-weight:400; text-align:left;}
h3{font-family: 'Arial', sans-serif; font-size:15px; color:#2585ab; padding:0; margin:14px 0 8px 0; font-weight:bold; text-align:left;}
h4{font-family: 'Arial', sans-serif; font-size:18px; color:#252525; padding:0; margin:14px 0 8px 0; font-weight:400; text-align:left;}
h5{font-family: 'Arial', sans-serif; font-size:14px; color:#252525; padding:0; margin:14px 0 8px 0; font-weight:600; text-align:left;}

p{font-family: 'Arial', sans-serif; font-size:12px; line-height:20px; text-align:left; padding-top:15px; padding-bottom:0px;}
.form-horizontal .control-label{ text-align:left;}
/*
| ----------------------------------------------------------------------------------------------
| Button Class
| ----------------------------------------------------------------------------------------------
*/
.btn-primary{ background-color:#000; border-color:#000; text-transform:uppercase; font-size:14px; padding:7px 18px;}

.header{ width:100%; background:#fff;}
.logo{padding-top:8px; padding-bottom:20px;}



/* = Paging
-------------------------------------------------------------- */
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
	text-align:center;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

/* = Top Nav
-------------------------------------------------------------- */
.top_nav{ font-size:13px; color:#767777; padding-top:30px; font-family:'Open Sans';}
.top_nav a{ color:#767777;}
.top_nav a:hover{ color:#2585AB;}
.followus{font-size:13px; padding-top:30px; color:#767777 }


/* = Navigation
-------------------------------------------------------------- */
.navbar{ margin-bottom:0px; position: relative; min-height:40px;  margin-bottom:15px; }
.navbar-default {font-family: 'Roboto'; text-transform:uppercase;  border-bottom:0px; background:none; border:none; padding: 0 0 0 11px; }
.navbar-header { width:100%;}

.navbar-collapse{ width:100%; padding-left:0;}
.navbar-default .nav > li > a { margin:0; position: relative; display: block; padding: 7px 10px 7px 10px; border-bottom:1px solid #2585AB;}
.navbar-default .navbar-nav > li > a { color:#3c4143; font-size:14px; font-weight:500;}
.navbar-default .navbar-nav > li > a:hover{ background-color:#2585AB; color:#FFF;}

.navbar-default .navbar-nav > li > a:focus{ background-color:#2585AB; color:#fff;}

.navbar-default .navbar-nav > li > .selected{ background-color:#2585AB; color:#FFF;}

.navbar-default .navbar-nav .current_page_item > a,
.navbar-default .navbar-nav .current_page_ancestor > a {
	color:#FFF;
	background: #2585AB;
}

.navbar-default .navbar-nav > .open > a{color:#3c4143; background: #2585AB;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	color:#FFF;
	background: #2585AB;
}

.dropdown-menu{ border:none;}
.dropdown-menu > li > a:hover{color:#FFF; background: #2585AB;}



.carousel-control.left{background-image:none;}
.carousel-control.right{background-image:none;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -42%;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -42%;}


.border_bold{ width:138px; border-bottom:#2585AB solid 3px;}
.border{ width:100%; border-bottom:#2585AB solid 1px; margin-bottom:0px;}

/*
| ----------------------------------------------------------------------------------------------
| Login Class
| ----------------------------------------------------------------------------------------------
*/
.login{ margin:0px 0 0 0;}
.login h1{ padding:0; margin:0 0 10px 0;}
.login blockquote{ font-size:16px; font-family: 'Roboto', sans-serif; padding: 5px 10px;}


ul.partner_nav { list-style:none; margin:0; padding:0; margin-bottom:0px; line-height:18px; }
ul.partner_nav li {height:auto; overflow:hidden; z-index:0; position:relative;}
ul.partner_nav li a { display:block; overflow:hidden;}
ul.partner_nav li a span{background-color: rgba(0, 0, 0, 0.7); color:#fff; text-align:center; padding:6px; position:absolute; bottom:-60px; left:0; right:0; transition:all ease .4s; -webkit-transition:all ease .4s; }
ul.partner_nav li a:hover span {bottom:auto; top:100%; transform:translateY(-100%); -webkit-transform:translateY(-100%); z-index:999;}

/*
| ----------------------------------------------------------------------------------------------
| Thank you Class
| ----------------------------------------------------------------------------------------------
*/
.thankyou{ padding:15px 0 0 0;}
.thankyou h1{ text-align:center;}
.thankyou h4{ font-size:15px; text-align:center;}
.thankyou p{ font-size:13px; text-align:center; padding-top:0px;}
/*
| ----------------------------------------------------------------------------------------------
| My Account Class
| ----------------------------------------------------------------------------------------------
*/
.myaccount{ margin:20px 0 0 0; border:1px solid #D9D9D9; padding:10px;}
.myaccount .img{ height:180px; width:140px;}
.myaccount .img img{ height:100%; width:100%;}
.myaccount h2{ margin:0 0 10px 0; text-transform:capitalize;}
.myaccount p{ padding-top:0px;}
.myaccount a .editlinks{ color:#22829b; text-transform:uppercase; font-family: 'Arial', sans-serif; font-weight:600; font-size:12px; text-decoration:underline; padding-right:4px;}

.myaccount .cattitle{border:1px solid #eee; padding-top:10px;}
.myaccount .publishworktitle{ font-size:14px; border-top:1px solid #eee; border-right:1px solid #eee; padding-bottom:5px; padding-top:5px;}
.myaccount .publishworklink{ font-size:13px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding-bottom:5px; padding-top:5px;}


.myaccount .usertypetitle{ font-size:10px; padding-right:5px; font-weight:600}
.myaccount .username{ font-size:10px;}



/*
| ----------------------------------------------------------------------------------------------
| Composers Class
| ----------------------------------------------------------------------------------------------
*/
.composers{padding-left:0px; margin:0 0px 10px 0;}
.composers .fa-caret-right{ padding:0 5px 0 0; color:#5D5955;}
.composers a{ color:#5D5955; }

/*
| ----------------------------------------------------------------------------------------------
| User Details Class
| ----------------------------------------------------------------------------------------------
*/
.userphotos{ padding-left:0px; margin:0 0px 15px 0;}
.publishedwork{ padding-left:0px; margin:0 0px 0px 0;}
.publishedwork ul{ padding:0; list-style:none;}
.publishedwork .fa-caret-right{ padding:0 5px 0 0; color:#5D5955;}
.publishedwork a{ color:#5D5955; }

/*
| ----------------------------------------------------------------------------------------------
| Events & News Class
| ----------------------------------------------------------------------------------------------
*/
.viewmore {margin-top:35px;}
.viewmore a {color:#3e3f3f;}
.viewmore a:hover {color:#2585AB;}

.viewmoreg {margin-top:30px;}
.viewmoreg a {color:#3e3f3f;}
.viewmoreg a:hover {color:#2585AB;}


.events_news{padding-top:20px;}
.events_news .date{ margin-top:10px; color:#786b49; font-weight:bold;}
.events_news .details{ margin-top:8px; line-height:1.6; word-wrap: break-word;}
.events_news .details p{ padding-top:0px;}

span a{color:#2585AB;}
.event_img{margin:0 auto;}

.events_news .author{ float:left; font-weight:bold; padding:2px 10px 0 0; color:#786b49;}


.viewmoreaudios {margin-top:30px;}
.viewmoreaudios a {color:#3e3f3f;}
.viewmoreaudios a:hover {color:#2585AB;}



/*
| ----------------------------------------------------------------------------------------------
| Event Details Class
| ----------------------------------------------------------------------------------------------
*/
.eventdetails{}
.eventdetails .author{ float:left; font-weight:bold; padding:10px 10px 0 0;}
.eventdetails .date{ padding:10px 0 0 0; font-weight:bold;}
.eventsform{ margin-top:15px;}
/*
| ----------------------------------------------------------------------------------------------
| Audio playlist Class
| ----------------------------------------------------------------------------------------------
*/
.audioselect > li > a {color:#3e3f3f;}
.audioselect > li > a:hover {color:#2585AB;}
.audioselect > li> a:focus {color:#2585AB;}

.allaudios{ padding-top:10px; padding-bottom:5px;}
.allaudios .title{ font-size:14px;}
.allaudios p{ padding-top:5px;}
/*
| ----------------------------------------------------------------------------------------------
| Home Page Video Gallery Class
| ----------------------------------------------------------------------------------------------
*/
.video_gallery{ position:relative; padding:20px 10px 0px 13px;}
.video_gallery .img{height:100px; width:100%;}
.video_gallery .playicon{
	top: 50%;
	bottom: 0;
	margin: 0 auto;
	position: absolute;
	left: 41%;
	right: 0;
}
.video_gallery a .playicon{ color:#222;}


/*
| ----------------------------------------------------------------------------------------------
| User Video Gallery Class
| ----------------------------------------------------------------------------------------------
*/
.uservideo_gallery{ position:relative; padding:0px 10px 0px 3px; margin-top:20px;}
.uservideo_gallery .img{height:100px; width:100%;}
.uservideo_gallery .playicon{
	top: 30%;
	bottom: 0;
	margin: 0 auto;
	position: absolute;
	left: 40%;
	right: 0;
}
.uservideo_gallery a .playicon{ color:#222;}



/*
| ----------------------------------------------------------------------------------------------
| Search songs Class
| ----------------------------------------------------------------------------------------------
*/

.btn-default{background-color:#2585AB; color:#FFF;}

/*
| ----------------------------------------------------------------------------------------------
| User Gallery Page Class
| ----------------------------------------------------------------------------------------------
*/
.usergallery{}
.usergallery .img{ height:180px; width:150px; margin-right:2px; margin-bottom:10px;}
.usergallery img{  height:100%; width:100%; margin:0 auto;}


/*
| ----------------------------------------------------------------------------------------------
| Photo Gallery Class
| ----------------------------------------------------------------------------------------------
*/
.photo_gallery{margin-bottom:10px; padding-right:4px; padding-left:4px; height:84px;}
.photo_gallery img{ width:100%; max-width:84px; height:84px; overflow:hidden;}
/*
| ----------------------------------------------------------------------------------------------
| Upcoming Award Class
| ----------------------------------------------------------------------------------------------
*/
.upcoming_award{margin-bottom:12px;}
.upcoming_award .startdate{ font-size:10px;}


/*
| ----------------------------------------------------------------------------------------------
| Index Page Award Class
| ----------------------------------------------------------------------------------------------
*/
.index_award{margin-bottom:15px; padding-left:0px;}
.index_award .startdate{ font-size:10px;}

/*
| ----------------------------------------------------------------------------------------------
| Upcoming Award Details Page Class
| ----------------------------------------------------------------------------------------------
*/
.awardDetails{ margin:20px 0 0 0; border:1px solid #D9D9D9; padding:10px;}
.awardDetails .img{ height:67px; width:79px;}
.awardDetails h2{ margin:0 0 10px 0; text-transform:capitalize;}
.awardDetails p{ padding-top:0px;}


/*
| ----------------------------------------------------------------------------------------------
| FAQ Page Class
| ----------------------------------------------------------------------------------------------
*/
.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}



.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}

/*
| ----------------------------------------------------------------------------------------------
| Newsletter Class
| ----------------------------------------------------------------------------------------------
*/
.Newsletter .form-control{border-radius:0px; box-shadow:none; background-color:#FBFBFB; border:1px solid #9E9E9E; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.btn_submit{ margin-top:12px; text-transform:uppercase; font-size:14px; padding:7px 18px; border:0; background-color: #0D0D0D; color:#FFF; border-radius: 4px;}

/*
| ----------------------------------------------------------------------------------------------
| Footer Class
| ----------------------------------------------------------------------------------------------
*/
footer {background-color:#FAFAFA; padding-top:20px; padding-bottom:30px; margin-top:20px; }
footer .footerlinks {color:#565757; }
footer .footerlinks a { text-decoration:none; color:#565757; letter-spacing:1px; line-height:1.7; }
footer .copyright {font-size:90%; color:#565757; line-height:1.7; }
footer .powerdby {font-size:11px; }




@media ( max-width: 990px) {

		
	.navbar-default .nav > li > a { margin:0; position: relative; display: block; padding: 7px 5px 7px 5px; border-bottom:1px solid #2585AB;}
	.navbar-default .navbar-nav > li > a { color:#3c4143; font-size:12px; font-weight:500;}
	.dropdown-menu{ border:none; font-size:11px;}
	/*
	| ----------------------------------------------------------------------------------------------
	| User Gallery Page Class
	| ----------------------------------------------------------------------------------------------
	*/
	.usergallery img{ margin:0; padding-right:5px;}
}

@media ( max-width: 768px) {
	.navbar-default .nav > li > a { margin:0; position: relative; display: block; padding: 7px 6px 7px 4px; border-bottom:1px solid #2585AB;}
	.navbar-default .navbar-nav > li > a { color:#3c4143; font-size:12px; font-weight:500;}
	.dropdown-menu{ border:none; font-size:11px;}
	
	.myaccount .img{ height:180px; width:140px;}
}

@media (max-width: 640px) {
	.navbar-collapse{ width:100%; padding-left:15px;}
	.dropdown-menu > li > a:hover{color:#FFF; background: #2585AB;}
	
	.usergallery{ margin-top:10px;}
	.usergallery .img{ height:180px; width:150px; margin-right:0px;  margin:0 auto; margin-bottom:20px; }
	.usergallery img{  height:100%; width:100%; margin:0 auto;}
	
	
	.video_gallery .img{height:160px;}
	
	.myaccount .img{ height:150px; width:130px;}	
}

@media (max-width: 480px) {
	.top_nav{ padding-top:7px; }
	.followus{padding-top:10px; }
	.video_gallery .img{height:100px;}	
}

@media (max-width: 360px) {

}