@charset "utf-8";
/* CSS Document */


/*
Theme Name: Raaga - Responsive Parallax Template for Bands
Version: 1.0
Author: Surjith SM
Author URI: http://themeforest.net/user/surjithctly
*/


/******************  Table of Contents  *****************************
0. GLOBAL STYLES
1. HEADER
2. SLIDER
3. EVENTS
4. ABOUT THE BAND
5. IMAGE GALLERY
6. MEDIA
7. CONTACT
8. FOOTER
9. BLOG
10. 404 PAGE NOT FOUND
11. COMING SOON
12. CUSTOM MEDIA QUERIES
13. VERSION 1.1

If you having trouble in editing css. please send a mail to support@surjithctly.in

*/


/*==========0. GLOBAL STYLES==============*/

body {
	font-family:"PT Sans", Arial, Helvetica, sans-serif;
	background-color: #77a4aa;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 66% -145px;
	background-size:cover;
	-ms-background-position-x:center !important;
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#000;
	text-decoration:none;
}
ul, ol {
	list-style:none;
}
iframe {
border: 0;
}
.bottompad {
	padding-bottom:35px;
}

/*==========1. HEADER==============*/

.jumbotron {
	position: relative;
	color: #000;
}
.masthead {
	height:800px;
	background: none;
	overflow:hidden;
}
.navbar {
	/*background:url(../images/paisleybg.jpg) top center repeat fixed #111;
	border-bottom: 2px solid #222;*/
	background: #fff;
}
.navbar-inner {
	background:none;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding-top: 5px;
	filter:none;
	-ms-filter:none;
}

#topname {
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 28px;
	left: 25px;
}

 .navbar .btn-navbar {
margin-top: 0px;
background: transparent;
text-shadow: none;
border: 0;
box-shadow: none;
position: absolute;
right: 0;
top: 22px;
}
 .navbar .btn-navbar:hover {
 background: transparent;
}
 .navbar-fixed-top.navbar-absolute {
 position: fixed;
 margin: 0;
}
.topnavthin {
	display: none;
}
 .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
 background:transparent;
}
.navbar .nav > li > a {
	color:#000;
	text-transform:uppercase;
	text-shadow: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#8b8b8b;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:none;
	color:#8b8b8b;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding:12px 0 7px;
	margin: 0 auto;
	width: 450px;
}
.navbar .btn, .navbar .btn-group {
	margin-top:0;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #000;
	background-color: transparent;
}
.navbar li.dropdown:hover ul {
	display:block;
}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
	top:97%;
}
.navbar-absolute + div {
	margin-top: 68px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background:#ba091a;
	background-image:none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background:#ba091a;
}
.btn {
	background:#000;
	color:#fff;
	text-shadow:none;
	border: 0;
	text-decoration: none;
}
.btn:hover, .btn:focus, .btn:active {
	background:#8b8b8b;
	color:#fff;
}
.caption p .nolinknolink.btn, .caption p a.nolinknolink.btn:hover {
	background:#8b8b8b;
	cursor: default;
}
.btn-med {
	font-size: 14px;
	padding: 5px 18px;
}
.btn-large {
	font-size:18px;
	padding:20px 50px;
}
.btn-success {
	background-color: #2cc76a;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background-color: #22bb5f!important;
	color:#000!important;
}
.btn-primary {
	background-color: #2db6d8;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #209ab8!important;
	color:#FFF!important;
}
.btn-danger {
	background-color: #e03114;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background-color: #d62d11!important;
	color:#000!important;
}
.navbar .nav > .active > a.btn {
	background-color: #22bb5f!important;
	color:#000!important;
}
/*==========2. SLIDER ==============*/


.hero-unit {
	background:none;
	text-align:center;
	padding-top:370px;
	padding-bottom:0;
}
.hero-unit h1 {
	padding-bottom:15px;
	font-size:45px;
	text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}
.hero-unit h3 {
	font-weight:normal;
	padding-bottom:15px;
	font-size:18px;
	position: relative;
	top: -12px;
	left: 1px;
}
.slide2 {
	background:none;
	text-align:center;
	padding-top:100px;
}
.slide2 h1 {
	font-size:50px;
}
.slide3 {
	background:none;
	text-align:center;
	padding-top:100px;
}
.slide3 h1 {
	font-size:50px;
	padding-top:10px;
}
.slide3 h3 {
	font-size:20px;
	padding-right:20px;
}
.fancy {
	line-height: 0.5;
	text-align: center;
}
.fancy span {
	display: inline-block;
	position: relative;
}
.fancy span:before, .fancy span:after {
	content: "";
	position: absolute;
	height: 4px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	top: 0px;
	width: 25px;
}
.fancy span:before {
	right: 100%;
	margin-right: 6px;
}
.fancy span:after {
	left: 100%;
	margin-left: 6px;
}
/*==========3. EVENTS==============*/

.PageHead {
	margin:20px 0;
	text-align:center;
}
.PageHead h3 {
	text-align:center;
	text-transform:uppercase;
}
.PageHead h3 span {
	display:block;
	line-height: 0;
}
.PageHead.inverse {
	color:#000;
}
.EventsList {
	margin-bottom:0;
}
.EventsList .thumbnail {
	border:0;
	text-align:center;
	text-transform:uppercase;
	box-shadow:none;
}
.EventsList .thumbnail h4, .EventsList .thumbnail h5, .EventsList .thumbnail p  {
	margin: 1px 0;
}
.EventsList .thumbnail p.text-center  {
	margin: 1px 0 30px;
}
.EventsList .thumbnail h4 {
	color:#000;
	font-size: 24.5px;
}
.EventsList .thumbnail h3, .EventsList .thumbnail h3 a {
	color:#666;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	line-height: 1.3;
	margin: 3px 0 1px;
}
.EventsList .thumbnail, .EventsList .caption {
	margin:0;
	padding:0;
	color: #666;
}
.showmore, .showmorebio, .showmorenomotion {
	border:1px #000 solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:8px 10px 10px;
	color:#000; 
	text-decoration:none;
}
.showmore:hover, .showmorebio:hover, .showmorenomotion:hover {
	text-decoration:none;
	color:#8b8b8b;
}
.showmore span, .showmorebio span, .showmorenomotion span {
	position: relative;
	top: 2px;
}
.sectionfooter {
	margin:15px 0 30px;
}
.ourmedia .sectionfooter {
	margin:15px 0 10px;
}
/*==========3.5 SOCIAL/PROJECT SQUARES (HEADER TOO) ==============*/

.socialz, .socialzbig {
	overflow:hidden;
	text-align: center;
}

.socialzbig .container {
	max-width: 500px;
}

.socialz a, .socialzbig a {
	text-decoration: none;
	padding: 0;
	margin: 0 -2px;
}

.socialz a img, .socialzbig a img {
	opacity:1.0;
}

.socialz a:hover img, .socialzbig a:hover img {
	opacity: 0.4;
}

.socialz img {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}

.socialzbig img {
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
}
	
/*==========4. ABOUT THE BAND==============*/

.about {
	color: #000;
	background:#fff;
	overflow:hidden;
}
.abouttop {
	padding-top: 25px;
}
.theteam {
	margin-bottom:30px;
}
.theteam img {
	cursor:pointer;
}
.theteam img:hover {
	opacity:0.5;
}

/*==========4.5 MERCH ==============*/

.merchboxes {
	overflow:hidden;
	text-align: center;
}

.merchboxes a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.merchboxes a:hover img {
	opacity: 0.5;
}

.merchboxes img {
	width: 200px;
	height: 200px;
	margin: 0 2px 8px;
	padding: 0;
}

/*==========5. IMAGE GALLERY ==============*/

.Gallery ul li {
	float:left;
	width:25%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:1%;
}
.Gallery ul li img {
	min-width:100%;
}
/*MORE CSS ON THIS SECTION (ESPECALLY LIGHTBOX) CAN BE FOUND ON jquery.fancybox.css*/





/*==========6. OUR MEDIA ==============*/

.ourmedia, .nothappening {
	color: #000;
	overflow:hidden;
}
.nothappening { padding-bottom: 60px; background: #fff; }
.ourmedia { margin-top:150px; margin-bottom:150px; padding-bottom: 30px; }
.upbump { padding-top: 70px; }
.whitebgcontainer { background: #fff;}
.MediaThumb {
	margin:30px 0;
}
.MediaThumb div {
	cursor:pointer;
}
.MediaThumb img {
	border:solid 5px transparent;
	min-width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*
.MediaThumb p {
	text-transform:uppercase;
	text-align:center;
	padding:10px 0 5px;
	background:transparent;
	color:#fff;
	position:absolute;
	bottom:-5px;
	width:100%;
	visibility:hidden;
}
.MediaThumb div:hover img {
	border:solid 5px #000;
}
.MediaThumb div:hover p {
	background:#000;
	color:#fff;
	visibility:visible;
}
*/	
	
/*==========7. CONTACT==============*/

.emailz {
	background: #000;
	margin: 0;
	padding: 60px 0 80px;
}
.emailz .PageHead {
	margin-bottom: 4px;
}
.emailz .PageHead h3, .emailz .row-fluid h3, .emailz .row-fluid h4, .emailz a, .emailz a:hover, .emailz h3 a, .emailz h3 a:hover {
	color: #fff;
}
.emailz h4 {
	padding: 6px;
}
/*==========8. FOOTER ==============*/


.footer {
	color: #fff;
	background: #000;
	padding:50px 0;
}
.footer a { color: #fff; text-decoration: underline; }
.footer a:hover { color: #fff; text-decoration: none; }

#TwitterBlock {
	width:100%;
	text-align:center;
}
#TwitterBlock iframe {
	width:100%;
	height:auto;
}
#TwitterLogo {
	width:50px;
	margin:10px auto;
}
#TwitterLogo img {
	max-width:100%;
}
#TwitterFooter {
	font-size:12px;
	color:#999999;
	text-align:center;
	position:relative;
	margin-top:-50px;
}
.socialButtons {
	text-align:center;
	margin:0;
	height: 0;
}
.socialButtons a {
	padding:5px;
}
.socialButtons a:hover {
	opacity:0.5;
}
/*==========9. BLOG ==============*/

.blogpost {
	margin-bottom:30px;
}
.blogpost img {
	padding:10px 0;
	max-width:100%;
	min-width:100%;
}
.blog h1.title {
	font-size:30px;
	line-height:32px;
}
.blog h3.subtitle {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	padding-bottom:5px;
}
.bloglist {
	margin:0;
	padding:0;
	list-style:none;
}
.bloglist li {
	padding:5px 0;
	color:#666;
}
.bloglist li a {
	color:#666;
}
.commentform input {
	height: 40px;
}
.commentform textarea {
	height:150px;
}
.commentform p {
	text-align:right;
}
.commentform .btn {
	margin-right:0;
}
.media-list p {
	margin-bottom:30px;
}
.media-list .timestamp {
	font-size:12px;
	color:#999;
	display:block;
	padding:5px 0;
}
/*==========10. 404 PAGE NOT FOUND ==============*/

.pagenotfound {
	background:	url(../images/404.jpg) no-repeat center center;
	background-size:cover;
	display: table;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color:#FFF;
}
.pagenotfound .content404 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#FFF;
}
.pagenotfound h1 {
	font-size:150px;
	font-weight:bold;
	margin:50px 0;
}
/*==========11. COMING SOON ==============*/


.comingsoon {
	background:	url(../images/header_img1.jpg) no-repeat center center;
	background-size:cover;
	display: table;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color:#FFF;
}
.comingsoon .contentcoming {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color:#FFF;
}


/*==========12. CUSTOM MEDIA QUERIES==============*/


/*MEDIA QUERIES*/
	
	@media (min-height: 300px) {
		body, .navbar {
			background-position: 50% -175px;
		}
		.hero-unit h1 {
			font-size: 28px;
		}
		.hero-unit h3 {
			font-size: 14px;
		}
		.fancy span:before, .fancy span:after {
			width: 0px;
			height: 3px
		}
	}
	
	@media (min-height: 500px) {
		body, .navbar {
			background-position: 50% -110px;
		}
		.hero-unit h1 {
			font-size: 45px;
		}
		.hero-unit h3 {
			font-size: 18px;
		}
		.fancy span:before, .fancy span:after {
			width: 25px;
			height: 4px;
		}
	}
	@media (min-height: 640px) {
		body, .navbar {
			background-position: 50% -140px;
		}
	}
	@media (min-height: 760px) {
		body, .navbar {
			background-position: 50% 0px;
		}
	}
	
@media (max-width: 1024px) {
.ourmedia { margin-bottom:20px; }
.nothappening { margin-bottom:0px; }
.upbump { padding-top: 20px; }
.ourmedia, .emailz { margin-top:20px;}
#topname {
	top: 24px;
}
}
@media (max-width: 979px) {
body {
}
.navbar .nav { width: auto; }
.navbar .nav > li.topnavthin {
	display: inline;
}
.navbar .nav > li > a {
	display: block;
	padding-top:3px;
	padding-bottom:5px;
}
.socialz {
	display: none;
}
.navbar .btn-navbar {
	position: relative;
	top: 5px;
}

}
 @media (max-width: 767px) {
.navbar.bg1, .navbar.bg2 {
	background: #000;
}
.jumbotron {
margin-right: -20px;
margin-left: -20px;
}
.about, .ourmedia, .nothappening, .emailz {
margin-right: -20px;
margin-left: -20px;
height:auto;
}
.jumbotron, .about {
padding: 0 20px;
}
.ourmedia, .nothappening, .emailz {
padding: 0 20px 30px;
}
.masthead {
	background-size:cover;
	background-attachment:scroll;
}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 0px;
}
 .theteam [class*="span"] {
width: 30%;
float: left;
margin-right: 3%;
margin-bottom:30px;
}
 .Gallery ul li {
width: 50%;
padding:2%;
}
 .mediavideo iframe {
 width:100%;
}
 .MediaThumb [class*="span"] {
 width:46%;
 float:left;
 margin-right:2%;
}
 .footer {
padding: 20px 20px;
margin-bottom: -20px;
margin-right: -20px;
margin-left: -20px;
}
#topname {
	top: 15px;
	left: 15px;
}
 }
 @media (max-width: 480px) {
.navbar.bg1, .navbar.bg2 {
	background: #000;
}
.hero-unit h1 {
	font-size: 43px;
}
.fancy span:before, .fancy span:after {
	width: 21px;
}
.slide2 iframe {
 width: 100%;
height: 200px;
}
.mediavideo iframe {
 height: 200px;
}
.flex-direction-nav {
 display:none;
}
.navbar .nav {
	width: auto;
	padding: 0;
}
.navbar .nav > li > a {
	display: block;
	padding-top:10px;
	padding-bottom:8px;
}
#topname {
	top: 16px;
	left: 15px;
}
.MediaThumb {
	margin:0 0 0 9px;
}
}

/*==========13. VERSION 1.1==============*/


.moreevents, .morebio {
	display:none;
}

#ticker, #ticker .query {
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-align:center;
}
#ticker p {
	font-size:120%;
}

.audioembed, .subscribe {
	padding-bottom:25px;	
}

.audioembed iframe {
	z-index:-1;	
}

.subscribe input[type=text], .subscribe input[type=email] {
	height:50px;
	margin-bottom:20px;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.4;
    position:fixed;
    bottom:30px;
    right:30px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

.playvideo .videoload {
	position:absolute;
	top:45%;
	left:0;
	right:0;
	text-align:center;
	color:#fff;
}

.playvideo {
	position:relative;	
	cursor: pointer;
}

ul {
margin: 0;
padding: 0;	
}