@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:#FFF;
}
a {
	color:#009688;
}
a:hover, a:focus {
	color:#00695C;
}
ul, ol {
	list-style:none;
}
iframe {
border: 0;
}

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

.jumbotron {
	position: relative;
	color: #fff;
}
.masthead {
	height:820px;
	background:url(../images/header_img1.jpg) no-repeat #000; /* Old browsers */
	overflow:hidden;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size:cover;
	-ms-background-position-x:center !important;
}
.navbar {
	background:	#080c19;
}
.navbar-inner {
	background:none;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding-top: 5px;
	padding-bottom: 5px;
	filter:none;
	-ms-filter:none;
}
.navbar .nav > li > a {
	color:#FFF;
	text-transform:uppercase;
	text-shadow: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#CCC;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:none;
	color:#009688;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding-top:18px;
}
.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: #FFF;
	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:#004D40;
	background-image:none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background:#004D40;
}
.btn {
	background:#8b8b8b;
	color:#FFF;
	text-shadow:none;
	border: 0;
}
.btn:hover, .btn:focus, .btn:active {
	background:#6f6f6f;
	color:#FFF;
}
.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:#FFF!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: #00897B;
	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: #00796B!important;
	color:#FFF!important;
}
.navbar .nav > .active > a.btn {
	background-color: #22bb5f!important;
	color:#FFF!important;
}
/*==========2. SLIDER ==============*/


.hero-unit {
	background:none;
	text-align:center;
	padding-top:100px;
	padding-bottom:0;
}
.hero-unit h1 {
	padding-bottom:15px;
	font-size:90px;
	text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}
.hero-unit h3 {
	font-weight:normal;
	padding-bottom:15px;
	font-size:40px;
}
.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: 5px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	top: 8px;
	width: 150px;
}
.fancy span:before {
	right: 100%;
	margin-right: 15px;
}
.fancy span:after {
	left: 100%;
	margin-left: 15px;
}
/*==========3. EVENTS==============*/

.PageHead {
	margin:40px 0;
	text-align:center;
}
.PageHead h3 {
	text-align:center;
	text-transform:uppercase;
}
.PageHead h3 span {
	display:block;
	line-height: 0;
}
.PageHead.inverse {
	color:#FFF;
}
.EventsList {
	margin-bottom:15px;
}
.EventsList .thumbnail {
	border:0;
	text-align:center;
	text-transform:uppercase;
	box-shadow:none;
}
.EventsList .thumbnail h3 {
	color:#004D40;
	font-size: 20px;
	line-height: 1;
}
.EventsList .thumbnail, .EventsList .caption {
	margin:0;
	padding:0;
}
.showmore {
	border:1px #CCC solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:8px 10px;
	color:#666;
}
.showmore:hover {
	text-decoration:none;
	color:#999;
}
.sectionfooter {
	margin:30px 0;
}
/*==========4. ABOUT THE BAND==============*/

.about {
	color: #fff;
	background:url(../images/about_img.jpg) #000 center center; /* Old browsers */
	overflow:hidden;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size:cover;
	-ms-background-position-x:center !important;
}
.theteam {
	margin-bottom:30px;
}
.theteam img {
	cursor:pointer;
}
.theteam img:hover {
	opacity:0.5;
}
/*==========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 {
	color: #fff;
	background:url(../images/media_img.jpg) #000 center center; /* Old browsers */
	overflow:hidden;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size:cover;
	-ms-background-position-x:center !important;
}
.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 ==============*/

.ContactUs {
	margin-top:25px;
}
.ContactUs input[type=text], .ContactUs input[type=email] {
	height:50px;
}
.ContactUs textarea {
	height:150px;
}
/*==========8. FOOTER ==============*/


.footer {
	color: #fff;
	background:url(../images/footer_img.jpg) no-repeat #000 center center; /* Old browsers */
	overflow:hidden;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size:cover;
	padding-bottom:50px;
	-ms-background-position-x:center !important;
}
#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:50px 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 (max-width: 979px) {
 .hero-unit {
 padding-top:250px;
}
 .hero-unit h1 {
 font-size:60px;
}
 .hero-unit h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
 .navbar .btn-navbar {
margin-top: 20px;
background: transparent;
text-shadow: none;
border: 0;
box-shadow: none;
}
 .navbar .btn-navbar:hover {
 background: transparent;
}
 .navbar-fixed-top.navbar-absolute {
 position: absolute;
 margin: 0;
}
 .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;
}
 .slide2, .slide3 {
padding-top: 75px;
}
 .slide3 h1 {
 font-size: 25px;
}
 .slide3 h3, .slide2 h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
}
 @media (max-width: 767px) {
.jumbotron, .about, .ourmedia {
padding: 20px 20px;
margin-top: -20px;
margin-right: -20px;
margin-left: -20px;
height:auto;
}
.masthead {
	background-size:100% cover;
}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 20px;
}
 .navbar .btn-navbar {
margin-top: 23px;
}
 .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%;
}
 .sectionfooter {
margin-bottom: 50px;
}
 .footer {
padding: 20px 20px;
margin-bottom: -20px;
margin-right: -20px;
margin-left: -20px;
}
}
 @media (max-width: 480px) {
.hero-unit h1 {
font-size: 20px;
}
.slide2 iframe {
 width: 100%;
height: 200px;
}
.mediavideo iframe {
 height: 200px;
}
.flex-direction-nav {
 display:none;
}
.hero-unit {
padding-top: 190px;
}
.hero-unit h1 {
font-size: 42px;
}
}

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


.moreevents {
	display:none;
}
.moreevents .EventsList:last-child {
	margin-bottom:0;
}

#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;	
}

.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;	
}