/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/
@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400);

@font-face {
  font-family: 'Grenadier';
  src: url('../fonts/GRENADIE.eot');
}
@font-face {
  font-family: 'Grenadier';
  src: url('../fonts/GRENADIE.woff') format('woff'), url('../fonts/GRENADIE.svg#Grenadier') format('svg');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'FuturaBold';
	src: url("../fonts/futura-bold.eot");
	src: url('../fonts/futura-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-bold.woff') format('woff'), url('../fonts/futura-bold.ttf') format('truetype'), url('../fonts/futura-bold.svg#FuturaBold') format('svg');
}




*{ outline:none;}
html, body{	margin:0; padding:0; height:100%;}
body{	overflow-x:hidden;}
body{ font-family:"Open Sans", "Open Sans Light", "Segoe UI", Arial; font-size:14px; }


img{ border: 0; max-width:100%; max-height:100%;}
ul{ padding:0px; margin:0px; list-style:none;}
p{ margin: 0px; padding:10px 0 0 0; line-height:20px; font-size:13px;}
a{ text-decoration: none; transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; }
.clear{ clear:both; overflow:hidden;}


h1{ font-family:"Grenadier", Arial, Verdana, serif; color:#fff; font-size:5em; font-weight:100; font-style:normal; padding:0px; margin:0px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 1); text-align:center;}
h2{ font-family:"Open Sans", "Open Sans Light", Arial, Verdana, sans-serif; font-size-adjust:0.531; font-weight:500; font-style:normal;}
h3{ font-family: 'Anton', Arial, sans-serif; font-size:3em; text-align:center; padding:0px; margin:0px; font-weight:normal;}
h4{ font-family: 'Oswald', "Open Sans Light", "Segoe UI", Arial; font-size:22px; color:#fff; padding:0px 0 10px 0; margin:0px 0 10px 0; font-weight:normal; border-bottom:1px dashed #FFFFFF; text-transform:uppercase; }
h5{ font-family:"Grenadier", Arial, Verdana, serif; color:#f94b0e; font-size:4.5em; font-weight:100; font-style:normal; padding:0px; margin:10% 0 10px 0px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3); text-align:center;}
h6{ font-family:"Grenadier", Arial, Verdana, serif; color:#fff; text-transform:uppercase; font-size:8em; font-weight:100; font-style:normal; padding:0px; margin:0px; text-align:center;}



/*.nav{ position:fixed; float:left; width:230px; z-index:9999999; overflow:hidden; padding-top:20px; margin-left:15px; }
.nav ul{ margin:30px 0 0 0;}
.nav li{ overflow:hidden; line-height:37px; }
.nav li a{ display:block; color:#FFF; font-family:"Grenadier","Open Sans", "Open Sans Light", "Segoe UI"; font-size:29px; margin-left:15px; letter-spacing:1px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.7); }
.nav li a:hover{ margin-left:10px; }
*/


.bg{ height:100%;}
#intro{ width: 100%; height:100%; }
#biography{ width: 100%; }
#videos{ width: 100%; z-index:9999;  }
#discography{ width: 100%; min-height:1000px;  }


#intro{ position:relative; z-index:9999; background:url(../images/home-bg.jpg) repeat left top #000; background-attachment:fixed;	background-size:cover; }
.oneBG{ background: url(../images/anoop.png) no-repeat center center fixed;	background-size:cover; margin: 0 auto; padding: 0; position: absolute; width: 100%; height:100%; }
.logoBOX{ position:absolute; right:20px; bottom:50px; width:300px; overflow:hidden;}
.logo{ float:left; width:70px; overflow:hidden; text-shadow: 1px 2px 0px rgba(0, 0, 0, 1); }

.scrollARROW{ position:absolute; bottom:6%; border-radius:50em; background: url(../images/down-arrow.png) no-repeat center center #000; border:2px dashed #000; border-bottom:none; background-size:70%; overflow:hidden; right:30%; width:40px; height:40px; text-align:center; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: .12s; -moz-transition-duration: .12s; -o-transition-duration: .12s; transition-duration: .12s; background-repeat:no-repeat; cursor:pointer; z-index:999999999; }
.scrollARROW img{ width:40px; height:40px; border-radius:50em; }
.scrollARROW:hover{ background: url(../images/down-arrow.png) no-repeat center 15px #000; background-size:50%;  }


#biography{ position:relative; background:url(../images/biography.jpg) no-repeat left top #000; background-size:100%; background-attachment:fixed; color: white; margin: 0 auto; padding: 0;}
#biography .pattern{ position:absolute; background: url(../images/pattern.png) repeat left top fixed; width: 100%; height:2000px; }
.shade{ background:url(../images/shade.png) repeat-x left top; width:100%; overflow:hidden;}
.bioBOX{ position:fixed; width:800px; overflow:hidden; left:20%; top:6%; color:#FFF;}
.bioBOX .bioSECTION{ overflow:hidden; width:90%; background-color: rgba(0,0,0,0.8); padding:10px 30px; }
.bioBOX .bioINNERBOX{ position:relative; height:270px; overflow:hidden;}
.bioBOX .bioINNERBOX li{ background:url(../images/button.png) no-repeat left 14px; padding-left:18px !important;}

#biography .scrollARROW{ position:fixed; right:10%; z-index:9;}

/*.bg{ background: url(../images/trainers.png) no-repeat fixed; background-size:95%; margin: 0 auto; padding: 0; position: absolute; width: 100%; height:100%; }
.bg2{ background: url(../images/stars.png) no-repeat fixed;	background-size:90%; margin: 0 auto; padding: 0; position: absolute; width: 100%; height:100%; }
.bg3{ background: url(../images/laxmi.png) no-repeat fixed; background-size:90%; margin: 0 auto; padding: 0; position: absolute; width: 100%; height:100%;}*/




#discography{ position:relative; background: url(../images/albums-bg.jpg) repeat-y left top #fff; overflow:hidden; background-size:100%; z-index:9999; }
.discographyBOX{ position:relative; left:25%; top:15%; width:70%;}
#discographySHOW{ position:absolute; display:none; top:40%; right:0px; background:#fff; overflow-y:scroll; width:82%; height:600px;}
#discographySHOW-INNERBOX{ width:82%; overflow:hidden; margin:2% 0 0 15%;}


.discographyBOX .listBOX{ overflow:hidden; clear:both; margin:10% 0 0 20%;}
.discographyBOX .listBOX li{ float:left; overflow:hidden; margin-right:5%; display:block; font-family:'Raleway', Arial; font-size:20px; font-weight:700; color:#fff; text-align:center; width:200px; height:180px; transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; cursor:pointer; overflow:hidden; text-align:center; }
.discographyBOX .listBOX li:last-child{ margin-right:0%;}
.discographyBOX .listBOX li:hover{ padding-top:15px;}

.discographyBOX .listBOX li .fa-music{ display:block; background:url("../images/music-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); padding:60px 0 50px 0;  }
.discographyBOX .listBOX li .fa-movies{ display:block; background:url("../images/movies-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); padding:60px 0 50px 0; }
.discographyBOX .listBOX li .fa-camera{ display:block; background:url("../images/bgm-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); padding:60px 0 50px 0;}


#discography2{ position:relative; background: url(../images/albums-bg.jpg) repeat-y left top #fff; overflow:hidden; background-size:56%; z-index:9999; }
#discographySHOW-INNERBOX2{ width:82%; overflow:hidden; margin:2% 0 0 9%;}
.left{ width:20%; float:left; overflow:hidden; min-height:100px;}
.discographyBOX2{ float:left; overflow:hidden; width:80%;}

.discographyBOX2 .listBOX2{ overflow:hidden; clear:both; margin:0% 0 0 0%; }
.discographyBOX2 .listBOX2 li { float:left; overflow:hidden; margin-right:2%; display:block; }
.discographyBOX2 .listBOX2 li img.img { width:193px; overflow:hidden; border:4px solid #CCC;}
.discographyBOX2 .listBOX2 li:last-child{ margin-right:0%;}
.discographyBOX2 .listBOX2 li .titleBOX{ padding:0px 0 20px 0; text-align:center; font-size:14px; overflow:hidden;}



#discographyBOX .scrollARROW{ position:fixed; right:10%; z-index:99;}





#imgBOX{ position:relative; overflow:hidden; width: 100%;}
.box2{ background:#002420; overflow:hidden; width: 100%; height:500px;}
.imgBOX{ position:relative; width: 100%; left:300px; z-index:999; background:url(../images/img.jpg) no-repeat left top fixed; background-size:cover; height:500px;}


#videos{ position:relative; background: url(../images/video.jpg) repeat right top fixed #1f2045; background-size:140%; height:auto !important; overflow:hidden; }
.videosBOX{ width:800px; overflow:hidden; margin:0px auto;}
#grid3{ margin:0px auto; overflow:hidden;}
.shade{ padding-top:5%;}
#videos .pattern{ background: url(../images/pattern.png) repeat left top fixed; overflow:hidden; width: 100%; }



#social{ position:relative; background:url(../images/social.jpg) no-repeat right bottom fixed #000; background-size:cover; overflow:hidden; width: 100%; height:1000px; }
#social .socialBOX{ margin:5% auto auto auto; width:700px; height:500px; overflow:hidden;}
#social .networkBOX{ margin:-30px auto auto auto; width:680px; height:380px; background:rgba(255,255,255,0.9); border:10px solid #fff; overflow:hidden;}
#social .pattern{ position:absolute; background: url(../images/pattern.png) repeat left top fixed; position: absolute; width: 100%; height:1000px; }

#social .networkBTN{ position:absolute; right:5%; top:5%; overflow:hidden; width:300px;}
#social .networkBTN .BTN{ float:left; background:#fff; overflow:hidden; padding:5px; margin-right:10px; border-radius:100%; }
#social .networkBTN a.facebookBTN,
#social .networkBTN a.twitterBTN
{ display:block; height:40px; border-radius:100%; overflow:hidden; padding:15px; border:1px dashed #1cb7eb;}

#social .networkBTN a.facebookBTN:hover{ background:#2f5597;}
#social .networkBTN a.twitterBTN:hover{ background:#1cb7eb; }

#social .networkBTN a.BTN2 .img{ width:50px; height:50px; border-radius:100%;}






#contact{ position:relative; overflow:hidden; width: 100%; height:100%; background:#fff; display:table; }
#contact .whbox{ display:table-cell; background:#fff; overflow:hidden; width: 25%; height:100%; background:#000; -webkit-box-shadow: 3px 3px 10px 2px #e6e6e6; box-shadow: 3px 3px 10px 2px #e6e6e6;}
#contact .contentbox{ display:table-cell; position:relative; width:40%; z-index:999; height:100%;}
#contact .imgBOX2{ display:table-cell; position:relative; width:35%; z-index:999; background:url(../images/contact.jpg) no-repeat right top; background-size:cover; height:100%; -webkit-box-shadow: -3px 3px 10px 2px #e6e6e6;
box-shadow: -3px 3px 10px 2px #e6e6e6;}



.footer{ position:fixed; bottom:0px; z-index:99999999999999; color:rgba(255, 255, 255, 0.9); overflow:hidden; padding:4px;}
.footer li{ float:left; margin-right:5px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:29px; }



button.close{ float:right; background:url(../images/close.png) no-repeat left top; width:32px; height:32px; border:0px; cursor:pointer; padding:0px; margin:10px;}
.form{ padding:5px 0 10px 0; margin:0px auto; width:80%; }
.form .input{ border:1px solid #d1d1d1; height:25px; padding:4px; width:100%; color:#5c5c5c;}
.form .input2{ border:1px solid #d1d1d1; height:30px; padding:4px; width:100%; color:#5c5c5c;}
.form .select{ border:1px solid #d1d1d1; height:25px; padding:4px; width:100%; font-size:12px; color:#5c5c5c;}
.form .textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #d1d1d1; height:60px; padding:4px; width:100%; color:#5c5c5c;}
.form button.submitBTN{ background:url(../images/submit.png) no-repeat left center; margin-top:5px; width:114px; height:31px; border:0px; color:#fff; font-family:Oswald, Arial; text-transform:uppercase; cursor:pointer; }