@charset "UTF-8";

/*
 *	Project Name	: M.E.R Music Template
 *	Author			: MOhsen Ebrahimi Rigi
 *	Version			: 1.0
 *	Layout			: Fluid & Responsive
 *
 */

 
/*------------------------------------------*/
/*	Layout									*/	
/*------------------------------------------*/
html, body {height:100%;}
body {
	font:normal 12px  Tahoma;
	color:#fff;
	background:#444 url('../img/layout/body-bg.jpg') no-repeat center center fixed;
	background-size:cover;

}
em 				{color:#ff0056;}
div[role="log"]	{display:none;}

.wrapper 		{width:95%; max-width:1103px; overflow:hidden;}
.wrap 			{width:95%; max-width:1103px;}


/*------------------------------------------*/
/*	HEADER									*/	
/*------------------------------------------*/
#header			{position:fixed; z-index:9990; padding:0 0 30px 0; height:auto; background:#222; background:rgba(0, 0, 0, 0.6);}
.headerClone	{position:static; float:left; width:100%; padding:30px 0; visibility:hidden;}
	.headerBar	{float:left; width:100%; height:100%; background:#ff0056; border-top:5px solid #ff0056; margin-bottom:30px;}
		.headerToggler 		{position:absolute; top:0; right:0; background:transparent; width:0; height:0; border-style:solid; border-width:0 40px 40px 0; 
							border-color:transparent #ff0056 transparent transparent; cursor:pointer;}
		.headerToggler > *  {position:absolute; right:-33px; top:10px;}
		.hiddenContent 		{display:none; float:left; width:100%; padding:10px 0;}

	.condensed				{padding-bottom:15px !important;}
	.condensed .headerBar	{margin-bottom:15px;}
	.condensed nav			{margin-top:0.8% !important;}
	.condensed .logo		{width:25%;}

	.logo 		{float:left; width:30%;}
	.logo img	{display:block;}
	
	.languageSwitcher li			{float:left;}
	.languageSwitcher a				{display:block; padding:3px 10px; color:#fff;}
	.languageSwitcher > .current a	{background:#555;}

	#header nav	{float:right; margin-top:1.4%;}
		.toggleWrap	{position:relative; right:0; top:0;}
		
		.mainNav > li			{position:relative; z-index:500; float:left; margin-right:15px;}
		.mainNav > li:last-child{margin-right:0;}
		.mainNav li > a			{display:block; color:#888;}
		.mainNav li > a > *		{display:inline-block; vertical-align:middle;}
		.mainNav li i 			{font-size:2.7em; margin-right:5px;}
		.mainNav li b			{font-weight:700; font-size:1.05em; text-transform:uppercase;}
		.mainNav li span		{display:block; font-size:0.9em}
		.mainNav li:hover > a	{color:#fff;}
		.mainNav .current > a,
		.mainNav .current:hover > a	{color:#ff0056;}
		/* Submenu */
		.mainNav > li > ul					{display:none; position:absolute; top:100%; left:-15px; background:#000; padding:15px 0 0 0;}
		.mainNav > li > ul li				{float:left; width:224px;}
		.mainNav > li > ul li > a			{padding:7px 15px;}
		.mainNav > li > ul li:last-child > a{padding-bottom:15px;}
		.mainNav > li > ul li > a i			{width:40px;}


/*------------------------------------------*/
/*	CONTAINER								*/	
/*------------------------------------------*/
#container		{margin:15px 0;}

	article > header,
	aside > header,
	section > header	{margin-bottom:15px;}

	.content	{width:68.721%;}
		.content > .module:last-of-type	{margin-bottom:0;}
		
	.sidebar	{width:29.918%;}
		.sidebar > .widget:last-of-type	{margin-bottom:0;}
		
		.widget,
		.module					{position:relative; padding:15px; margin-bottom:15px; background:#111; background:rgba(0, 0, 0, 0.7); overflow:hidden;}
		.widget	> header,
		.module	> header 		{border-bottom:1px solid #ff0056; padding-bottom:10px; margin-bottom:15px;}
		.widget	> header > h2, 
		.module	> header > h2,
		.module	> header > h1 	{text-transform:uppercase; line-height:20px;}
		.widget	> footer,
		.module	> footer		{position:absolute; right:0; bottom:0; text-align:right; width:0; height:0; border-style:solid; border-width:0 0 50px 100px; 
								border-color:transparent transparent #ff0056 transparent;}
		.widget	> footer > *,
		.module	> footer > *	{position:absolute; right:5px; top:25px; width:100px; z-index:100; font-weight:700;}
		
		/* Module and Widget color templates */
		.module-blue em,
		.widget-blue em 		{color:#02c0f8;}
		.module-blue > header,
		.widget-blue > header	{border-bottom-color:#02c0f8;}
		


	/*	Content
	/*----------------------*/
	.content	{}
	
		.cover-mix > article 		{float:left; width:50%; display:table;}
		.cover-mix > aside 			{float:right; width:47%;}
		.cover-mix > article > *	{display:table-cell; vertical-align:top; outline:0px solid red}
		.cover-mix figure 			{width:37%; overflow:hidden;}
		.cover-mix > article > div 	{padding-left:15px;}
		.cover-mix img 				{display:block;}
		
		.content .cover-mix > *			{width:100%;}
		.content .cover-mix > * > figure{width:27%;}
		.content .cover-mix > * > div	{width:73%;}
		
		.setDetails > * 			{margin-bottom:15px;}
		.setDetails > *:last-child 	{margin-bottom:0;}
		.setDetails > *:after 		{content:""; clear:both; display:table;}
		.setDetails > aside h3		{display:inline; padding-bottom:5px; border-bottom:1px solid #ff0056;}
		.setDetails > aside li					{padding:5px;}
		.setDetails > aside li:nth-child(odd)	{background:rgba(0, 0, 0, 0.5);}
		.setDetails > aside li:nth-child(even)	{background:rgba(0, 0, 0, 0.4);}
			.fbComments {padding-top:15px;}
			
		.articles > *				{position:relative; float:left; display:table; width:100%; margin-bottom:15px; padding-bottom:15px;}
		.articles > *:last-of-type	{margin-bottom:0; padding-bottom:0;}
		.articles > * > a,
		.articles > * > div			{display:table-cell; vertical-align:top;}
		.articles > * > a			{width:32%; overflow:hidden;}
		.articles > * > div			{width:68%; padding-left:15px;}
		.articles > *:after			{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; 
			background: #020000;
			background: -moz-linear-gradient(left,  #020000 0%, #777777 41%, #777777 57%, #000000 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#020000), color-stop(41%,#777777), color-stop(57%,#777777), color-stop(100%,#000000));
			background: -webkit-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* IE10+ */
			background: linear-gradient(to right,  #020000 0%,#777777 41%,#777777 57%,#000000 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
		}	
		.articles > *:last-of-type:after	{content:""; background:none;}	
		.articles img				{display:block;}
		.articles h3					{font:400 1.6em/1.1em Roboto; margin:-12px 0 10px 0;}
		.articles header				{margin-top:10px; color:#777; text-align: right; }
		.articles header li				{margin-right:10px;}
		.articles header li:last-of-type{margin-right:0;}
		.articles p						{margin:10px 0; text-align:right; direction: rtl;
 }
		
		.articles.threeCols	 						{display:block; width:100%;}
		.articles.threeCols	.articleRow				{overflow:hidden;}
		.articles.threeCols	.articleRow:after		{content:""; bottom:-10px}
		.articles.threeCols article 				{float:left; width:32%; margin-right:2%; background:rgba(0, 0, 0, 0.5); padding-bottom:300px; margin-bottom:-300px;}
		.articles.threeCols article:nth-child(3n)	{margin-right:0;}
		.articles.threeCols article:after			{content:""; background:none;}
		.articles.threeCols article > a,
		.articles.threeCols article > div			{display:block; width:100%;}
		.articles.threeCols article > div			{padding:0;}
		.articles.threeCols h3						{font:400 1.2em/1.1em Roboto; margin:0; padding:10px;}
		.articles.threeCols figure					{overflow:hidden;}
		
			.articles.smallArticles > *				{margin-bottom:10px; padding-bottom:10px;}
			.articles.smallArticles > *:last-child	{margin-bottom:0; padding-bottom:0;}
			.articles.smallArticles > * > a,
			.articles.smallArticles > * > div	{width:auto; float:none;}
			.articles.smallArticles > * > a 	{width:50px;}
			.articles.smallArticles > * > div 	{padding-right:50px;}
			.articles.smallArticles h3 			{font-size:1.0em; margin-bottom:7px;}
			.articles.smallArticles p			{margin:5px 0 0 0; color:#AAA;}
			
			.articles.widgetArticles header > p {display:none;}
			
			.articleDetails figure 		{margin-bottom:15px; overflow:hidden;}
			.articleDetails p 			{line-height:20px; margin-bottom:15px;}
			.articleDetails footer		{margin-bottom:15px;}
			.articleDetails footer:after{content:"";clear:both; display:table;}
			
			
		.thumbsList article					{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:15px; border-bottom:5px solid #ff0056; overflow:hidden;}
		.thumbsList article:nth-child(3n)	{margin-right:0;}
		/* .thumbsList article:nth-last-child(-n+3) {margin-bottom:0;} */
		.thumbsList article:hover			{border-color:#18cecf;}
		.thumbsList article > header		{overflow:hidden;}
		.thumbsList article > header img	{display:block; width:100%;}
		.thumbsList article > div			{position:absolute; left:0; bottom:0; width:95%; min-height:auto; padding:3%; background:#444; background:rgba(0, 0, 0, 0.8);}
		.thumbsList h3						{font-size:1.23em; font-weight:500; margin-bottom:7px; color:#ff0056;}
		.thumbsList article:hover > div			{min-height:97%;}
		.thumbsList article:hover > div > div	{opacity:1;}
		.thumbsList article > div > div			{opacity:0; position:absolute; top:50%; left:0; right:0; margin-top:-12px; text-align:center;}
		.thumbsList p						{text-align:left;}
		
		.thumbsDetails > header {padding:15px; background:rgba(0, 0, 0, 0.3); text-align:center;}
		.thumbsDetails figure 	{overflow:hidden;}
		.thumbsDetails dt,
		.thumbsDetails dd		{float:left; width:46%; padding:2%; outline:1px dashed #333; font-size:1.23em;}
		.thumbsDetails dt		{text-align:right; background:rgba(0, 0, 0, 0.5);}
		.thumbsDetails dd		{text-align:left; color:#ccc; background:rgba(0, 0, 0, 0.3);}
		

		.gallery2Cols > div 				{width:49%; margin-bottom:2%; display:table; background:rgba(0, 0, 0, 0.3);}
		.gallery2Cols > div:nth-child(odd) 	{float:left;}
		.gallery2Cols > div:nth-child(even) {float:right;}
		.gallery2Cols > div > * 			{display:table-cell; vertical-align:middle; padding:3%; height:200px; margin:0 auto; text-align:center; box-shadow:0 0 10px #444}
		.gallery2Cols > div > *:hover 		{box-shadow:0 0 10px #ff0056}
		.gallery2Cols figure 				{overflow:hidden;}
		.gallery2Cols figure > figcaption	{text-align:center; margin-top:10px; font-size:1.23em;}
		
		.accountDetails > article				{margin-top:15px;}
		.accountDetails > article > header		{padding:10px 15px; background:rgba(0, 0, 0, 0.3);}
		.accountDetails > article > header h3	{font-size:1.23em;}
		.accountDetails > article > div			{margin:0 15px;}
		.accountDetails img						{display:block;}
		.accountDetails h3						{color:#ff0056;}
		.accountDetails ul						{display:table; width:100%;}
		.accountDetails li						{margin-bottom:15px;}
		.accountDetails label,
		.accountDetails li > p					{display:table-cell; vertical-align:middle;}
		.accountDetails label					{width:150px;}
		
		.accordion > div 						{float:left; width:100%; border-top:1px dashed #444; background:rgba(0, 0, 0, 0.3);}
		.accordion > div:first-of-type			{border-top:0 none;}
		.accordion > div > header 				{padding:1.4% 1%; cursor:pointer;}
		.accordion > div:hover					{background:rgba(0, 0, 0, 0.5);}
		.accordion > div > div					{display:none; width:96%; margin:10px auto; overflow:hidden;}
		.accordion .ui-accordion-header			{position:relative;}
		.accordion .ui-accordion-header-icon	{position:absolute; top:50%; right:2%; margin-top:-5px;}
		.accordion .ui-accordion-header-active	{color:#ff0056;}
		
		.searchResults > article				{margin-bottom:15px;}
		.searchResults > article:last-of-type	{margin-bottom:0;}
		.searchResults > article > *			{margin-top:5px;}
		.searchResults > article > header h3	{font:400 1.5em/1em Roboto;}
		.searchResults > article > header h3 > *{margin-right:5px;}
		.searchResults b						{font-weight:bold;}
		.searchResults > article > p b, 
		.searchResults > article > footer b		{color:#AAA;}
		
		.albums article  				{position:relative; float:left; width:49%; padding:15px; margin-right:2%; margin-bottom:23px; 
										border:1px solid #444; background:rgba(0, 0, 0, 0.6); box-shadow:0 0 10px #444; box-sizing:border-box;}
		.albums article:hover,
		.albums article:hover:after,
		.albums article:hover:before 	{border-color:#ff0056; box-shadow:0 0 10px #ff0056}
		.albums article:nth-child(2n) 	{margin-right:0;}
		.albums article > figure		{overflow:hidden;}
		.albums article > figure img	{width:100%;}
		.albums article > footer		{padding:10px 10px 0 10px; text-align:center;}
		.albums h3						{font-size:1.23em; font-weight:700; margin-bottom:10px; color:#777;}
		
		.wideAlbums > article 				{width:100%; margin-right:0;}
		.wideAlbums > figure  				{width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #444;}
		.wideAlbums > figure:last-of-type  	{margin-bottom:0; padding-bottom:0; border-bottom:0 none;}

			.bordered > *:before,
			.bordered > *:after 	{content:""; display:block; position:absolute; left:0; right:0; height:3px; margin:0 auto; border:1px solid #444; background:rgba(0, 0, 0, 0.6);}
			.bordered > *:before 	{bottom:-5px; width:99%; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);}
			.bordered > *:after 	{bottom:-9px; width:98%; box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.04) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.04);}
		
		
		.imagesList article					{position:relative; float:left; width:32%; margin-right:2%; margin-bottom:15px; border-bottom:5px solid #ff0056; overflow:hidden;}
		.imagesList article:nth-child(3n)	{margin-right:0;}
		.imagesList article:hover			{border-color:#18cecf;}
		.imagesList article > header		{overflow:hidden;}
		.imagesList article > header img	{display:block; width:100%;}
		.imagesList article > div			{position:absolute; left:0; bottom:0; width:95%; min-height:auto; padding:3%; background:#444; background:rgba(0, 0, 0, 0.8);}
		.imagesList h3						{font-size:1.0em; font-weight:500; margin-bottom:7px; color:#ff0056; text-align:center; font-weight:bold;}
		.imagesList article:hover > div			{min-height:97%;}
		.imagesList article:hover > div > div	{opacity:1;}
		.imagesList article:hover > div > div i	{font-size:2.6em;}
		.imagesList article > div > div			{opacity:0; position:absolute; top:50%; left:0; right:0; margin-top:-12px; text-align:center;}

		
	/*	Sidebar
	/*----------------------*/
	.sidebar	{}

		.accountWidget			{display:table; width:100%;}
		.accountWidget > * 		{display:table-cell; vertical-align:top;}
		.accountWidget > a 		{width:100px;}
		.accountWidget > article{padding-left:15px;}
		.accountWidget img		{display:block;}
		.accountWidget ul		{margin-top:10px;}
		.accountWidget li		{margin-top:5px;}
		
		.articleCat li					{padding:10px; border-bottom:1px dotted #444;}
		.articleCat li:last-child		{border-bottom:0 none;}
		.articleCat li:nth-child(odd) 	{background:rgba(0, 0, 0, 0.5);}
		.articleCat li:nth-child(even) 	{background:rgba(0, 0, 0, 0.3);}
		
		.articleTags li 		{float:left; border:1px solid #444; border-radius:2px; margin:0 5px 5px 0; background:rgba(0, 0, 0, 0.3);}
		.articleTags li:hover 	{border-color:#ff0056;}
		.articleTags li > a 	{display:block; padding:10px;}
	
/*------------------------------------------*/
/*	FOOTER									*/	
/*------------------------------------------*/
#footer			{padding:15px 0; background:#222; background:rgba(0, 0, 0, 0.5); border-top:5px solid #ff0056;}


/*------------------------------------------*/
/*	FIXED									*/	
/*------------------------------------------*/
#scrollTop	{position:fixed; bottom:15px; right:10px; z-index:9997; cursor:pointer; display:none;}		

#fb-root {display:none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width:100% !important;}
.fbLikeWrapper {width:80px;}

/*------------------------------------------*/
/*	TRANSITIONS								*/	
/*------------------------------------------*/

/* NO TRANSITION 
/*--------------------------*/
.noTransition {
	-webkit-transition:none !important;
	   -moz-transition:none !important;
		 -o-transition:none !important;
		-ms-transition:none !important;
			transition:none !important;
}

/*	0.6 seconds - easing
/*--------------------------*/	
#header, .headerBar, #header nav,
a,
button, .button,
.socialIcons i,
.thumbsList article, .thumbsList article > div, .thumbsList article > div > div,
.imagesList article, .imagesList article > div, .imagesList article > div > div,
.articleTags li,
.gallery2Cols > div > *,
.accordion > div,
.albums article ,.bordered > *:before, .bordered > *:after {
	-webkit-transition:all 0.6s ease;
	   -moz-transition:all 0.6s ease;
		-ms-transition:all 0.6s ease;
		 -o-transition:all 0.6s ease;
			transition:all 0.6s ease;
}

/*	0.5s seconds - ease-in-out
/*--------------------------*/
.rotateEffect {
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.5s ease-in-out;
	   -moz-transition:all 0.5s ease-in-out;
		 -o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
}

/*	1s seconds - easing
/*--------------------------*/
.scaleEffect,
.scaleEffectImg img {
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
		 -o-transition:all 1s ease;
		-ms-transition:all 1s ease;
			transition:all 1s ease;
}

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

.rotateEffect:hover {
	-webkit-transform:rotate(360deg); 
	   -moz-transform:rotate(360deg); 
		-ms-transform:rotate(360deg); 
		 -o-transform:rotate(360deg);
			transform:rotate(360deg);
}
	
	
/*	Icons	
/*------------------------------------------*/
*[class^="icon-"] {
	display:inline-block; *display:inline; *zoom:1;
	vertical-align:middle;
	background-repeat:no-repeat;
}
	
.socialIcons				{font-size:1.6em;}
.socialIcons li				{display:inline; margin-right:10px;}
.socialIcons li:last-of-type{margin-right:0;}
.socialIcons i				{color:#fff;}
	.fa-facebook:hover		{color:#3a5997;}
	.fa-google-plus:hover	{color:#c33a29;}
	.fa-twitter:hover		{color:#00a5d5;}
	.fa-linkedin:hover		{color:#4b73b6;}

#socialLogin	{font-size:3em; text-align:center;}
#socialLogin li	{display:inline;}
#socialLogin i	{background:#fff; border-radius:8px; width:30px; height:30px; line-height:30px;}
	.fa-facebook-square		{color:#3a5997;}
	.fa-google-plus-square	{color:#c33a29;}
	.fa-twitter-square		{color:#00a5d5;}
	.fa-linkedin-square		{color:#4b73b6;}
	.fa-yahoo				{color:#fff; background:#4101af !important; padding:7px 2px 15px 2px; height:11px !important; font-size:0.7em;}

/*	Forms
/*------------------------------------------*/
/* Validation */
input.parsley-success,
select.parsley-success,
textarea.parsley-success	{border:1px dashed #444;}
input:focus.parsley-success	{border-color:#18cecf;}

input.parsley-error,
select.parsley-error,
textarea.parsley-error	{border:1px dashed #f00;}

.parsley-errors-list 	{margin:2px 0 3px 0; padding:0; list-style-type:none; font-size:0.9em; line-height:0.9em; opacity:0;
	-webkit-transition: all 0.3s ease-in;
	   -moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		 -o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
}
.parsley-errors-list.filled {opacity: 1;}

/* Form Dimensions */
form > fieldset > div 						{display:table; width:100%; margin-bottom:3px;}
form > fieldset > div:last-of-type 			{margin-bottom:0;}
form > fieldset > div:last-of-type > label 	{display:none;}
form > fieldset > div > * 			{display:table-cell; vertical-align:middle;}
form > fieldset > div > div			{text-align:right;}
form input[type="password"],
form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form textarea,
form select 						{width:93.55%;}

.formContent > fieldset > div 	{margin-bottom:5px;}

.formWidget label {width:75px;}

.formSearch > fieldset > *		{display:inline-block !important;}
.formSearch > fieldset > input	{width:120px; max-width:290px; min-height:24px; padding:0 5px; margin-right:-3px;}
.formSearch > fieldset > button	{height:26px; width:26px}

.formContact label 					{margin-bottom:5px; text-align:right;}
.formContact > fieldset > div		{display:block; margin-bottom:10px; text-align:right;}
.formContact > fieldset > div > * 	{display:block; text-align:right;}
.formContact input,
.formContact textarea				{padding:0 5px; text-align:right;}
.formContact input					{width:50% !important; text-align:right;}
.formContact textarea				{width:80% !important; min-height:100px; max-width:716px; text-align:right; float:right;}

/*	Tooltip
/*------------------------------------------*/	
.ui-tooltip {position:absolute; z-index:9999; padding:5px; max-width:250px; background:rgba(0, 0, 0, 0.9); box-shadow:0 0 5px #ff0056;}

/*	Breadcrumb Navigation
/*------------------------------------------*/	
.breadcrumbNav li 					{display:inline; margin-right:5px;}
.breadcrumbNav li:after 			{content:"\00bb"; padding-left:5px;}
.breadcrumbNav li:last-child 		{margin-right:0; color:#ff0056;}
.breadcrumbNav li:last-child:after 	{content:""; padding-left:0;}

	
/*	Accordion								*/	
/*------------------------------------------*/
.full-accordion 					{width:100%;}
.full-accordion > div				{margin-top:5px;}
.full-accordion > div:first-of-type	{margin-top:0;}
.full-accordion header				{cursor:pointer;}
.full-accordion > div > div			{display:none; padding:10px 10px 5px 10px;}
.full-accordion > div > div:after	{content:""; display:table; clear:both;}

/*	Tabs									*/	
/*------------------------------------------*/
.tabs > ul 				{float:left; width:100%; margin-bottom:10px; background:rgba(0, 0, 0, 0.5);}
.tabs > ul > li 		{float:left; background:rgba(0, 0, 0, 0.7);}
.tabs > ul > li a 		{display:block; padding:10px;}
.tabs > div 			{padding:15px; background:rgba(0, 0, 0, 0.3);}
.tabs .ui-state-active 	{background:rgba(150, 150, 150, 0.3);}


/*	Error Pages
/*------------------------------------------*/	
.vinylBox 	 		{margin:10% 0; text-align:center;}
.vinylBox figure 	{margin-bottom:15px; overflow:hidden;}


/*	Main Slider
/*------------------------------------------*/	
.flexslider .slides > li		{display:none;}
.flexslider .slides img			{width:100%; display:block;}
.flexslider .flex-caption		{position:absolute; left:10px; bottom:3%; z-index:1;}
.flexslider .flex-caption a:hover	{color:#ddd;}
.flexslider .flex-caption p			{padding:5px 10px;}
.flexslider .flex-caption > div >  p{background:rgba(255, 0, 86, 0.8); font-size:1.23em; text-transform:uppercase; display:inline-block;}
.flexslider .flex-caption > p		{background:rgba(0, 0, 0, 0.7); margin-top:5px; display:inline-block;}
.flex-pauseplay span		{text-transform:capitalize;}
.slides:after				{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.flexslider					{position:relative; zoom:1;}
.flex-viewport				{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport		{max-height:300px;}
.flexslider .slides			{zoom:1;}
.carousel 					li{margin-right:5px}
.flex-direction-nav 		a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url('../img/icons/bg_direction_nav.png') no-repeat 0 0;
							position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;z-index:10;}
.flex-direction-nav .flex-next	{background-position:100% 0;right:-36px;}
.flex-direction-nav .flex-prev	{left:-36px;}
.flexslider:hover .flex-next	{opacity:0.8;right:20px;}
.flexslider:hover .flex-prev	{opacity:0.8;left:20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default;}
.flex-control-nav			{width:100%;position:absolute;bottom:-40px;text-align:center;}
.flex-control-nav li		{margin:0 6px;display:inline-block;zoom:1;*display:inline;}


/*	FancyBox								*/	
/*------------------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image,
.fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav span,
.fancybox-nav, .fancybox-tmp			{padding:0; margin:0; border:0; outline:none; vertical-align:top;}

.fancybox-wrap 							{position:absolute; top:0; left:0; z-index:10020;}
.fancybox-skin 							{position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened 						{z-index: 10030;}
.fancybox-opened .fancybox-skin 		{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner 		{position: relative;}
.fancybox-inner 						{overflow: hidden;}
.fancybox-type-iframe .fancybox-inner 	{-webkit-overflow-scrolling: touch;}
.fancybox-error 						{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image, .fancybox-iframe 		{display:block; width:100%; height:100%;}
.fancybox-image 						{max-width:100%; max-height:100%;}
#fancybox-loading, .fancybox-close, 
.fancybox-prev span, .fancybox-next span{background-image: url('../img/icons/fancybox_sprite.png');}
#fancybox-loading 						{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; 
										background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:10060;}
#fancybox-loading div 					{width:44px; height:44px;background: url('../img/icons/fancybox_loading.gif') center center no-repeat;}
.fancybox-close 						{position:absolute; top:-18px; right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 10040;}
.fancybox-nav 							{position:absolute; top:0; width:40%; height: 100%;cursor: pointer;text-decoration: none;
										background:transparent url('../img/icons/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 10040;}
.fancybox-prev 							{left: 0;}
.fancybox-next 							{right: 0;}
.fancybox-nav span 						{position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 10040;visibility: hidden;}
.fancybox-prev span 					{left: 10px;background-position: 0 -36px;}
.fancybox-next span 					{right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span 				{visibility: visible;}
.fancybox-tmp 							{position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;
										overflow: visible !important;}
/* Overlay helper */
.fancybox-lock 							{overflow: hidden !important;width: auto;}
.fancybox-lock body						{overflow: hidden !important;}
.fancybox-lock-test 					{overflow-y: hidden !important;}
.fancybox-overlay 						{position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 10010;background: url('../img/icons/fancybox_overlay.png');}
.fancybox-overlay-fixed 				{position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay 		{overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title 						{visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
										position: relative;text-shadow: none;z-index: 10050;}
.fancybox-opened .fancybox-title		{visibility: visible;}
.fancybox-title-float-wrap 				{position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 10050;text-align: center;}
.fancybox-title-float-wrap .child 		{display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; background: rgba(0, 0, 0, 0.8); 
										border-radius: 15px; text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap 			{position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap 			{padding-top: 10px;}
.fancybox-title-over-wrap 				{position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/*	Ads
/*------------------------------------------*/	
.media-ads {display:block;}
.advertisement > * {margin:0 auto; text-align:center;}


/*	Zippy Player
/*------------------------------------------*/	
object {width:100% !important;}

/*  Other
/*------------------------------------------*/

.col_3 {background: rgba(0, 0, 0, 0.5); text-align:center;}
.col_3 h3 { margin-top:6px; margin-bottom:6px;}

.formField , .fileBrowse{width:50%}

.preview-image {
  width:250px;
  margin-bottom:2px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button {
    display: none;
}

.honeypot {
display: none;
}