@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: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background-color: #fff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 66% -145px;
	background-size:cover;
	-ms-background-position-x:center !important;
}
.bg1 {
	background-image: url(../images/header7_img1.jpg);
}
.bg2 {
	background-image: url(../images/header7_img1-splash.jpg);
}
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;
}

/*==========a. SPLASH PAGE==============*/
.bgpink { background:#fabed6; }

.splashcontainer {
	max-width:1000px;
	margin:0 auto;
}
	
.splashhead1 { display:block; }
.splashhead2 { display:none; }

.splashbox {
	width:450px;
	padding:0 25px 50px;
	float:left;
}

.splashcontainer h1.bigtoptitle {
	padding: 20px 30px;
	font-size: 70px;
	background: none;
	font-style: italic;
	font-weight: 200;
	text-shadow: none;
	color: #fff;
	margin: 50px 0;
}

.splashcontainer h1.smalltoptitle {
	font-size: 17px;
	margin:0 0 50px;
	color:#b14f73;
	font-weight: 500;
	font-style: normal;
	padding: 7px 100px 70px;
	line-height: 1.1em;
	background: #00000024;
}

.splashcontainer h1.smalltoptitle a {
	font-style: italic;
	color:#b14f73;
}

.hero-unit h1.splashtitle {
	padding:0px;
	margin:0;
	color:#b14f73;
	text-shadow:none;
}

.hero-unit h1.ststbig { font-size:30px; }
.hero-unit h1.ststsmall { font-size:24px; font-style:italic; }
.hero-unit h4.splashlinks, .hero-unit h4.splashlinks a, .hero-unit .splashbox h4.splashlinks, .hero-unit .splashbox h4.splashlinks a { color:#b14f73; }

.hero-unit .splashbox h4 a {color:#fff;}

.splashclear {
	width:100%;
	float:none;
	clear:both;
}

.labellinkbox {
	margin: 0 auto 50px;
	height: 95px;
	width: 204px;
}

.labellinkbox a {
	float: left;
	height: 91px;
	display: block;
}

.labellinkbox a.ast {
	width: 88px;
	background:url(../images/labellogos-ast.png) top center no-repeat;
}

.labellinkbox a.littledipper {
	width: 112px;
	background:url(../images/labellogos-littledipper.png) top center no-repeat;
}

.labellinkbox a:hover.littledipper { background:url(../images/labellogos-littledipper-down.png) top center no-repeat; }
.labellinkbox a:hover.ast { background:url(../images/labellogos-ast-down.png) top center no-repeat; }

.splash1000 { display: block; }
.splash900 { display: none; }

 @media (max-width: 979px) {
	.splashbox { 
		float: none; 
		margin: 0 auto; 
		width: auto; 
		padding:0 25px 25px;
	}
	.splashclear { padding-bottom: 50px; }
	.splash1000 { display: none; }
	.splash900 { display: block; }
 }

@media (max-width: 560px) {
	
	h1 { font-size: 25px; }
	
	.splashcontainer h1.bigtoptitle { 
		font-size: 40px; 
		background: none; 
		padding-left: 10px; 
		padding-right: 10px; 
		margin: 0;
	}
	
	.splashcontainer h1.smalltoptitle { 
		font-size: 15px; 
		padding-left: 10px; 
		padding-right: 10px; 
		margin: 0;
		background: none;
	}
	
	h4.splashlinks { padding: 0 12px; }

}


/*==========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 #151515;
	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:5px 0;
	background:transparent;
	border:solid 5px transparent;
	color:#a0a0a0;
}
.MediaThumb div:hover img {
	border:solid 5px #FFF;
}
.MediaThumb div:hover p {
	background:#FFF;
	border:solid 5px #FFF;
	color:#333;
}
	
/*==========7. CONTACT==============*/

.emailz {
	background: #fff;
	margin: 150px 0 0;
	padding-bottom: 30px;
}
.emailz .PageHead{
	margin-bottom: 4px;
}
/*==========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% -60px;
		}
		.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% -60px;
		}
		.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% -60px;
		}
	}
	
@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) {
	@media (min-height: 300px) {
		body, .navbar {
			background-position: 50% -40px!important;
		}
	}
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) {
	@media (min-height: 300px) {
		body, .navbar {
			background-position: 50% -40px!important;
		}
	}
body.bg1 {
	background-image:url(../images/header7_img1.jpg);
}
body.bg2 {
	background-image:url(../images/header7_img1.jpg);
}
.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) {
	@media (min-height: 500px) {
		body, .navbar {
			background-position: 50% -40px!important;
		}
	}
body.bg1 {
	background-image:url(../images/header7_img2.jpg);
}
body.bg2 {
	background-image:url(../images/header7_img2.jpg);
}
.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;
}
}

/*==========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;
}

.playvideo {
	position:relative;	
}

ul {
margin: 0;
padding: 0;	
}