/* 

  Brooklyn Indie Band v 1.0
  themeforest exclusive html5 template

  nenad.grujicic@me.com
  http://themeforest.net/user/nenadgrujicic

*/

body
{
	color:gray;
	font-family:'Scada', sans-serif;
	font-size:11px;
	line-height:20px;
}

.container
{
	padding-bottom:50px;
}

.img_center 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hide-text
{
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

a
{
	background:none;
	color:#4D83A2;
	text-decoration:none;
}

h1
{
	color:#000;
	font-family:'Trebuchet MS', sans-serif;
	font-size:70px;
	font-weight:700;
}

h2
{
	color:#000;
	font-size:16px;
	padding-bottom:15px;
	padding-top:15px;
}

h3
{
	color:#000;
	font-size:14px;
	padding-bottom:15px;
}

/* About Band */

#about_band
{
	border-bottom:4px double #d1d1d1;
	padding-bottom:75px;
	padding-top:30px;
	text-align:center;
	z-index:9999;
}

#about_band p
{
	font-size:14px;
	margin-bottom:0;
	margin-top:20px;
	text-align:left;
	line-height:27px;
}

#about_band a
{
	background:#ffaf7e;
	color:#FFF;
	padding:2px 5px;
	text-decoration:none;
}

#about_band a:hover
{
	background:red;
}

#about_band a:active
{
	background:red;
}

/* Soundcloud cover hover */

.view
{
	cursor:default;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:100%;
}

.view .mask,.view .content
{
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
}

.view img
{
	display:block;
	position:relative;
}

.view h2
{
	color:#fff;
	font-size:40px;
	margin:220px 0 0;
	padding:10px;
	position:relative;
	text-align:center;
}

.view p
{
	color:#fff;
	font-size:12px;
	font-style:italic;
	padding:10px 90px 20px;
	position:relative;
	text-align:center;
}

.view a.info
{
	background:#4D83A2;
	color:#fff;
	display:inline-block;
	padding:7px 14px;
	text-decoration:none;
}

.view-first img
{
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	transition:all .2s linear;
}

.view-first .mask
{
	-moz-transition:all .4s ease-in-out;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	filter:alpha(opacity=0);
	background-color:rgba(0,0,0,0.7);
	opacity:0;
}

.view-first h2
{
	-moz-transform:translateY(-100px);
	-moz-transition:all .2s ease-in-out;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transform:translateY(-100px);
	-ms-transition:all .2s ease-in-out;
	-o-transform:translateY(-100px);
	-o-transition:all .2s ease-in-out;
	-webkit-transform:translateY(-100px);
	-webkit-transition:all .2s ease-in-out;
	filter:alpha(opacity=0);
	transform:translateY(-100px);
	transition:all .2s ease-in-out;
	opacity:0;
}

.view-first p
{
	-moz-transform:translateY(100px);
	-moz-transition:all .2s linear;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transform:translateY(100px);
	-ms-transition:all .2s linear;
	-o-transform:translateY(100px);
	-o-transition:all .2s linear;
	-webkit-transform:translateY(100px);
	-webkit-transition:all .2s linear;
	filter:alpha(opacity=0);
	transform:translateY(100px);
	transition:all .2s linear;
	opacity:0;
}

.view-first:hover img
{
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.view-first a.info
{
	-moz-transition:all .2s ease-in-out;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	filter:alpha(opacity=0);
	transition:all .2s ease-in-out;
	opacity:0;
}

.view-first:hover .mask
{
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

.view-first:hover h2,.view-first:hover p,.view-first:hover a.info
{
	-moz-transform:translateY(0px);
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	filter:alpha(opacity=100);
	transform:translateY(0px);
	opacity:1;
}

.view-first:hover p
{
	-moz-transition-delay:.1s;
	-ms-transition-delay:.1s;
	-o-transition-delay:.1s;
	-webkit-transition-delay:.1s;
	transition-delay:.1s;
}

.view-first:hover a.info
{
	-moz-transition-delay:.2s;
	-ms-transition-delay:.2s;
	-o-transition-delay:.2s;
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
}

/* Band Members */

#band_members
{
	background: url('../images/assets/band_members.jpg') #171717 no-repeat center bottom;
	height:900px;
	width:100%;
}

#band_members h2
{
	font-size:100px;
	font-style:normal;
	font-weight:normal;
	color:#4D83A2;
	font-family:'Trebuchet MS', serif;
	margin-top:15%;
	margin-bottom:20px;
	text-transform:uppercase;
	text-align:center;
	line-height:90px;
}

#band_members p
{
	font-size:13px;
	color:#676767;
	text-align:center;
	width:800px;
	margin:0 auto;
}

/* Shop */

#shop
{
	background:url(../images/assets/shop_overlay.png) repeat #000000;
	width:auto;
}

#shop_overlay
{
	height:600px;
	position:absolute;
	width:100%;
	z-index:999;
}

#shop_headline
{
	border-top:4px double #d1d1d1;
	height:200px;
	margin:30px auto 0;
}

#shop_headline h2
{
	font-family:'Chivo', sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:125px;
	color: #535353;
	margin-top:100px;
	text-align:center;
	text-transform:uppercase;
}

#buy_button
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	position:relative;
	float:right;
	top:20px;
	text-align:center;
	font-size:20px;
	padding-top:8px;
	width:125px;
	height:25px;
	background-color:#4D83A2;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

#buy_button:hover
{
	background-color:black;
}

#buy_button a
{
	color:white;
}

#paypal_logo
{
	
	position:absolute;
	z-index:999;
	float:right;
	right:40px;
	margin-top:550px;
	background: url('../images/assets/paypal.png');
	height:16px;
	width:104px;
	
}

/* Shop Products */

.ei-slider
{
	height:600px;
	margin:0 auto;
	max-width:1140px;
	min-width:1140px;
	position:relative;
	width:100%;
}

.ei-slider-loading
{
	background:rgba(0,0,0,0.9);
	color:#fff;
	height:100%;
	left:0;
	line-height:400px;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:999;
}

.ei-slider-large
{
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%;
}

.ei-slider-large li
{
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
}

.ei-slider-large li img
{
	width:100%;
}

.ei-title
{
	margin:0 auto;
	position:absolute;
	top:30%;
}

.ei-title h2,.ei-title h3
{
	text-align:right;
}

.ei-title h2
{
	margin-top: -100px;
	color:#4D83A2;
	font-family:'Scada', sans-serif;
	font-size:40px;
	line-height:30px;
	text-transform:uppercase;
}

.ei-title h3
{
	color:#75A7B8;
	font-family:'Trebuchet MS', sans-serif;
	font-size:100px;
	line-height:70px;
	text-transform:uppercase;
}

.ei-title h4 /* price */
{
	margin-top:60px;
	color:#75A7B8;
	font-family:'Vidaloka', serif;
	font-style:normal;
	font-weight:normal;
	font-size: 370px;
	line-height:70px;
	text-transform:uppercase;
}

.ei-slider-thumbs
{
	height:25px;
	margin:0 auto;
	position:relative;
}

.ei-slider-thumbs li
{
	list-style-type:none;
	float:left;
	height:100%;
	position:relative;
}

.ei-slider-thumbs li.ei-slider-element
{
	background:rgba(0,0,0,0.9);
	height:100%;
	left:0;
	position:absolute;
	text-indent:-9000px;
	top:0;
	z-index:10;
}

.ei-slider-thumbs li a
{
	-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.0), 0 1px 0 1px rgba(255,255,255,0.5);
	-moz-transition:background .2s ease;
	-ms-transition:background .2s ease;
	-o-transition:background .2s ease;
	-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.0), 0 1px 0 1px rgba(255,255,255,0.5);
	-webkit-transition:background .2s ease;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.0), 0 1px 0 1px rgba(255,255,255,0.5);
	transition:background .2s ease;
	background:#666;
	cursor:pointer;
	display:block;
	height:100%;
	text-indent:-9000px;
	width:100%;
}

.ei-slider-thumbs li a:hover
{
	background-color:#f0f0f0;
}

.ei-slider-thumbs li img
{

}

.ei-slider-thumbs li:hover img
{
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	bottom:15px;
	opacity:1;
}

/* Social */

#social
{
	margin-top:30px;
	height:510px;
	background:url('../images/assets/social_background.jpg') center bottom #fff no-repeat;
}

#social h2
{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#000;
	font-family:'scada', serif;
	margin-top: 4%;
	margin-bottom: 20px;
	text-align:center;
	line-height:90px;
}

#social img
{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* Footer */

#footer
{
	background-color:#000;
	height:230px;
	padding-top:20px;
	width:auto;
}

#footer p
{
	font-size:30px;
	position:absolute;
}

#footer_separator
{
	background-image:url(../images/assets/footer_separator.png);
	height:97px;
	margin:-65px auto 0;
	width:97px;
	z-index:9999;
}

#copyright
{
	margin-top: 50px;
}

#copyright a
{
	color: white;
}

#footer_links
{
	margin-top: 50px;
	list-style-type:none;
	display: block; 
}

#footer_links ul { padding:0px; margin: auto; float:right;}
#footer_links ul li { display:inline; list-style:none; padding: 13px 20px 13px 20px; }
#footer_links ul li a {color: gray; text-decoration: none; font-size: 11px;}
#footer_links ul li a:hover {color: white;}