/*
Theme Name: Barber
Author: 
Author URI: 
*/

/* = Reset
-------------------------------------------------------------- */

a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}a,ins,del{text-decoration:none}ul,ol{list-style:none}table{border-spacing:0;border-collapse:collapse}caption,th{text-align:left}q:after,q:before{content:""}a,button:hover{cursor:pointer}input,textarea{outline:0}


/* = Basic Structure
-------------------------------------------------------------- */

body { background: #f2f1f1; }
/*
body, html { width: 100%; height: 100%; }
*/
html { overflow: auto; overflow-x: hidden; }




/* = Typography
-------------------------------------------------------------- */

body, input, textarea {
	font-size: 12px;
	font-family: 'Arial', sans-serif;
	line-height: 1.4;
	color: white; }

textarea {
	resize: none;
	overflow: auto; }


a { color: white; }
a:hover { text-decoration: underline; }
	
.fs10	{ font-size: 10px; }
	

	/* = Fonts import
	-------------------------------------------------------------- */

	@font-face {
	    font-family: 'ITCAvantGardeGothicExtraLiRg';
	    src: url('fonts/avantgardeitcbybt-extralightwebfont.eot');
	    src: url('fonts/avantgardeitcbybt-extralightwebfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/avantgardeitcbybt-extralightwebfont.woff') format('woff'),
	         url('fonts/avantgardeitcbybt-extralightwebfont.ttf') format('truetype'),
	         url('fonts/avantgardeitcbybt-extralightwebfont.svg#ITCAvantGardeGothicExtraLiRg') format('svg');
	    font-weight: normal;
	    font-style: normal; }

	@font-face {
	    font-family: 'AvantGardeBkBTBook';
	    src: url('fonts/avgardnwebfont.eot');
	    src: url('fonts/avgardnwebfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/avgardnwebfont.woff') format('woff'),
	         url('fonts/avgardnwebfont.ttf') format('truetype'),
	         url('fonts/avgardnwebfont.svg#AvantGardeBkBTBook') format('svg');
	    font-weight: normal;
	    font-style: normal; }

	@font-face {
	    font-family: 'ITCAvantGardeGothicMedium';
	    src: url('fonts/avantgardeitcbybt-mediumwebfont.eot');
	    src: url('fonts/avantgardeitcbybt-mediumwebfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/avantgardeitcbybt-mediumwebfont.woff') format('woff'),
	         url('fonts/avantgardeitcbybt-mediumwebfont.ttf') format('truetype'),
	         url('fonts/avantgardeitcbybt-mediumwebfont.svg#ITCAvantGardeGothicMedium') format('svg');
	    font-weight: normal;
	    font-style: normal; }




	/* = Headers
	-------------------------------------------------------------- */
	
	/*h1, h2, h5 { -webkit-font-smoothing: antialiased; }*/
		
	h1, h2, h3, h5 { text-transform: uppercase; }
	
	h1 {
		font-size: 38px;
		font-family: 'ITCAvantGardeGothicExtraLiRg'; }
	
	h3 {
		margin: 0 0 5px 0;
		line-height: 18px;
		font-size: 16px;
		font-family: 'ITCAvantGardeGothicExtraLiRg'; }
	
	h5 {
		margin: 0 0 2px 0;
		font-family: 'ITCAvantGardeGothicMedium';
		font-size: 13px; }



	.more {
		padding: 15px 0 0 0;
		text-align: right; }
	
		.more a,
		.more span {
			/*background: url(i/arrows.png) no-repeat right -352px;*/
			padding: 2px;
			text-transform: uppercase;
			font-family: 'AvantGardeBkBTBook';
			font-size: 10px; }
			
		a.item:hover .more span { background: white; color: #333; }
		div.item a:hover, #article a:hover, .ei-title section p.more a:hover { background: white; color: #333; text-decoration: none}
		#article a {color: #333}
		



	/* = Lists
	-------------------------------------------------------------- */
	
	ul, ol  {
		clear: both;
		margin: 0 0 25px 20px; }
		
	ul { list-style: square; }
		
	ol { list-style: decimal; }






/* = Page elements
-------------------------------------------------------------- */

#main {
	position: relative; z-index: 10;
	/*box-shadow: 0 -5px 5px rgba(0, 0, 0, .31);
	-moz-box-shadow: 0 -5px 5px rgba(0, 0, 0, .31);
	-webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, .31);*/
	padding: 20px 0 80px 0;  }

.page {
	position: relative;
	width: 960px;
	margin: 0 auto; }
	
.centerpage {
	position: absolute; left: 50%; top: 0;
	width: 960px; height: 495px;
	margin: 0 0 0 -480px;}

.single #main{
	padding: 60px 0 80px 0;
}

/* = Footer
-------------------------------------------------------------- */

footer {
	clear: both;
	position: relative;
	width: 960px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	padding: 30px 0;
	margin: 0 auto 60px auto; }
	
	footer .col {
		float: left;
		width: 160px;
		padding: 0; }
		
		/*footer .col:nth-child(3) { margin-top: -5px; }*/
		
		footer .col li { padding: 5px 0; }
	
		footer .col h3,
		footer .col a {
			text-transform: uppercase;
			color: #2b2926; }
			
		footer .col h3 { }
			
		footer .col h3 { margin-bottom: 6px; }
	
		footer .col a {
			font-family: 'AvantGardeBkBTBook';
			font-size: 10px;
			color: #7a7a7a; }

		footer .col h3 a {
			font-family: 'ITCAvantGardeGothicExtraLiRg';
			font-size: 16px;
			color: #2b2926; }

		footer .col a { padding: 2px 5px; }

		
		footer .col a:hover { text-decoration: none; }
			
		footer .col:nth-child(-n+4) a:hover { background: white; }
		#menu-item-266 a:hover { background: white; }	


	footer .contact { width: 300px; }

	footer .contact .social { margin: 10px; }

		.social li {
			float: left;
			margin: 0 20px 0 0; }

		.social li a {
			display: block;
			background: url(i/icons.png) no-repeat;
			height: 16px;
			padding: 0; }

		.social li.facebook a		{ background-position: 0 -136px; width: 17px; height: 17px;}
		/*.social li.facebook a:hover	{ background-position: -27px -136px; width: 17px}*/
		.social li.twitter a		{ background-position: 0px -399px; width: 21px; height: 18px }
		/*.social li.twitter a:hover	{ background-position: -25px -333px; width: 21px; }*/
		.social li.document a		{ background-position: 0 0; width: 15px; height: 20px; } 
		.social li.mail a			{ background-position: 0 -268px; width: 22px;  } 
		.social li.instagram a { background-position: -24px -399px; width: 21px; height: 19px; }
		


		footer .contact .newsletter {
			clear: both;
			margin: 10px; }

			footer .contact .newsletter h3 { margin: 0 0 10px 0; }

	footer .copyrights {
		position: absolute; right: 0; bottom: -26px;
		font-size: 11px;
		color: #777; }

footer .copyrights a{
	color: #777;
}
footer .copyrights a:hover{
	text-decoration:none;
}


footer .copyrightss {
		position: absolute; right: 0; bottom: -26px;
		font-size: 11px;
		color: #777; }

footer .copyrightss a{
	color: #777;
}
footer .copyrightss a:hover{
	text-decoration:none;
}

	.share  .social li a { background: none;}



/* = Header
-------------------------------------------------------------- */

header#top {
	position: relative;z-index: 5;
	height: 495px; }
	
	header#top .page {
		z-index: 10;
		left: 50%;
		width: 960px; height: auto;
		margin: 0 0 0 -480px;  }

	header#top .logo-barber {
		top: 10px; left: 10px; z-index: 10;
		display: block;
		width: 104px; height: 89px; }
		
	header#top .logo-university { left: 511px; top: 16px; z-index: 10; }
	
	header#top .social { left: 620px; top: 20px; z-index: 10; }

		header#top .social li a {
			display: block;
			background: url(i/icons.png) no-repeat;
			height: 16px; }
			
			header#top .social li.facebook a			{ background-position: 0 -70px; width: 16px; }
			/*header#top .social li.facebook a:hover		{ background-position: -26px -70px; }*/
			header#top .social li.twitter a				{ background-position: 0 -334px; width: 21px; height: 18px; }
			/*header#top .social li.twitter a:hover		{ background-position: -25px -333px; }*/
			header#top .social li.instagram a				{ background-position: -52px -334px; width: 21px; height: 19px; }
 
 
 
	/* = Search Form
	-------------------------------------------------------------- */

 	.search-form { left: 730px; top: 15px; z-index: 10; }
  	
	 	input[type='text'] {
	 		float: left;
	 		background: white;
	 		width: 175px; height: 20px;
	 		border: 0;
	 		padding: 2px 10px;
	 		font-size: 13px;
	 		color: #777; }
	 		
	 	input[type='submit'] {
	 		float: left;
	 		background-color: #d1a02c;
	 		height: 24px;
	 		border: 0;
	 		padding: 2px 6px;
	 		text-align: center;
	 		text-transform: uppercase;
	 		font-family: 'AvantGardeBkBTBook';
	 		font-size: 16px;
	 		cursor: pointer; }

	 	.search-form input[type='submit'] {
	 		background-image: url(i/icons.png);
	 		background-position: 5px -199px;
	 		width: 26px; 
	 		padding: 0;
	 		text-indent: 100%;
	 		overflow: hidden;
	 		white-space: nowrap; }
 



	/* = Top slider
	--------------------------------------------------------------

	.top_slider {
		z-index: 5;
		width: 100%; height: 495px; }

		.top_slider li {
			left: 50%;
			width: 1460px; height: 495px;
			margin-left: -740px; }
			
			.top_slider li div { position: relative; } */


	

	/* = Top slider Title
	-------------------------------------------------------------- */

	.top_slider_title {
		top: 210px; z-index: 10;
		max-width: 554px;
		background: url(i/bg-black50.png);
		padding: 25px 10px 25px 10px; }
			
		.top_slider_title h1 { font-size: 34px; }



	
	/* = Top menu
	-------------------------------------------------------------- */

	nav.top_menu {
		z-index: 5;
		background: url(i/bg-black50.png);
		width: 960px; height: 110px;
		margin: 0;
		margin-top: -34px; }

		nav.top_menu > ul { right: 10px; top: 62px; z-index: 5; }

		nav.top_menu li {
			float: left;
			position: relative;
			margin: 0 20px 0 0;  }

		nav.top_menu li a:hover { text-decoration: none; }

			 nav.top_menu li > a { padding: 0 6px; }

			 nav.top_menu li.add-arrow > a {
			 	background: url(i/arrows.png) no-repeat right -49px;
			 	padding-right: 10px; }

		nav.top_menu ul > li:hover > a,
		nav.top_menu ul > li.current > a {
			background-color: white;
			color: black; }

			nav.top_menu ul > li.add-arrow:hover a {
				background-color: white;
				background-position: right 6px; }

		nav.top_menu li:last-child { margin: 0; padding: 0; }
		nav.top_menu li:last-child a { }
		
			nav.top_menu li a {
				text-transform: uppercase;
				font-family: 'ITCAvantGardeGothicExtraLiRg';
				font-size: 16px;
				color: white; }
		
			nav.top_menu li.contact {
				top: -45px; left: 405px; }



	/* Submenu */
	
	nav.top_menu ul li ul {
		top: 22px;
		display: none; }
		
	nav.top_menu ul li ul.on { display: block; }

		nav.top_menu ul li ul li { 
			clear: both;
			margin-bottom: 1px; }

			nav.top_menu ul li ul li a {
				background: white;
				float: left;
				padding: 1px 6px !important;
				font-size: 12px;
				white-space: nowrap;
				color: black; }

			nav.top_menu ul li ul li a:hover {
				background-color: #d1a02c !important;
				color: white; }




/* = Article without Image
-------------------------------------------------------------- */

#article {
	clear: both;
	width: 930px;
	margin: 0 auto 30px auto;
	border-bottom: 1px solid #bdbdbd;
	padding: 0 0 50px 0;
	color: #7a7a7a; }
	
	#article:after {
		clear: both;
		content: '';
		display: block; }

	#article article {
		float: left;
		width: 460px;
		padding: 0 0 40px 0; }

		#article article p {
			line-height: 1.45em;
			padding: 0 0 20px 0;
			color: #2b2926; }

		#article article p.video { margin: 10px 0; }

		#article article h2,
		#article article h3,
		#article article h4,
		#article article h5 {
			padding: 0 0 .5em 0;
			font-family: 'ITCAvantGardeGothicMedium';
			text-shadow: none !important;
			color: #333; }

		#article table {
			width: 100%;
			margin: 0 0 25px 0;
			border-top: 1px solid #999;
			border-bottom: 1px solid #999;
		}

		#article table th,
		#article table td {
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			padding: 10px;
		}

		#article table th {
			font-weight: bold;
			text-transform: uppercase; 
		}

		#article table th:first-child,
		#article table td:first-child {
			border-left: 1px solid #999;
		}




	#article aside {
		float: left;
		width: 150px; min-height: 100px; }
	
		#article aside h5 {
			margin: 0 0 12px 0;
			color: #2b2926; }
	
		#article aside ul {
			list-style: none;
			margin: 0; padding: 0; }
		
			/* Logotypes */
	
			#article ul.logotypes li { margin-bottom: 30px; }
	
			/* Info */
	
			#article .info { margin: 0 0 35px 0; }
	
			/* Similar (Might Like) */
			
			#article .similar ul { margin-bottom: 30px; }
	
				#article .similar li {
					margin-bottom: 10px; }
		
					#article .similar li a {
						text-transform: uppercase;
						font-family: 'AvantGardeBkBTBook';
						font-size: 10px;
						color: #7a7a7a; }

	/* Right Column */

	#article aside.col-right {
		float: right;
		width: 300px; }






/* = Posts
-------------------------------------------------------------- */

#posts { position: relative; z-index: 5; }

	#posts .item {
		float: left;
		width: 300px;
		/*box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);*/
		margin: 0 10px 20px 10px; }

		#posts .item h5 { padding-top: 2px; }

		#posts .item figure {
			float: left;
			position: relative;
			width: 100%;
			margin-bottom: -2px;
			text-align: center }
			
			

		#posts .item.padding figure { padding: 40px 0; }
			
		#posts .item.twitter figure {
			float: none;
			background: url(i/icons.png) 0 -466px;
			width: 34px; height: 28px; 
			margin: 20px auto; }
			
		#posts .item.twitter {
			height: 200px;
		}
		
		#posts .item.twitter p.more {
			position: absolute; right: 10px; bottom: 12px;
		}

		#posts .item article {
			float: left;
			width: 280px;
			margin: -4px 0 0 0;
			padding: 10px; }

		#posts .item article section:first-child p:last-child {
			margin: 2px 0 5px 0;
			font-size: 13px; }

		#posts .item article p strong { -webkit-font-smoothing: antialiased; }

	#posts.short .item { width: 220px; }

		#posts.short .item article { width: 200px; }

		#posts.short .item article .more { padding: 0; }
		
		
	#posts .item.group article { padding: 5px 10px 5px 10px; }		
	#posts .item.group article .more {padding: 0}
	#posts .item.group article section:first-child p:last-child {
			margin: 2px 0 0px 0;
			}
			
			
			
/* Filters */

.filters { position: relative; z-index: 10; width: 949px; margin: 0 auto; padding: 15px 0 30px 11px; }

	.filters > a,
	.filters > ul > li > a {
		padding: 2px 10px 2px 6px;
		font-family: 'AvantGardeBkBTBook';
		text-transform: uppercase;
		font-size: 16px;
		color: #2b2926; }

	.filters > ul > li > a { background: url(i/arrows.png) no-repeat right 9px; }

	.filters a:hover { text-decoration: none; background-color: white; }
	
	.filters .current {
		background: #d1a02c !important;
		padding: 2px 6px;
		color: white !important; }

	/* Submenu */

	.filters > ul > li {
		float: left;
		position: relative; }

		.filters > ul > li > ul { position: absolute; left: 0; display: none }

		.filters > ul > li > ul li { 
			clear: both;
			margin-bottom: 11px; }
	
			.filters > ul > li > ul li a {
				float: left;
				background: white;
				padding: 1px 6px !important;
				text-transform: uppercase;
				font-family: 'ITCAvantGardeGothicExtraLiRg';
				font-size: 12px;
				white-space: nowrap;
				color: black; }
		
			.filters > ul > li > ul li a:hover {
				background-color: #d1a02c !important;
				color: white; }
	
	
	

.noarrows a { background: none; padding: 2px 6px; }



/* Panel */

.panel {
	clear: both;
	width: 280px;
	padding: 10px 10px 15px 10px;
	margin: 0 0 20px 0;
	/*
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2); 
	*/
	}
	
	.panel,
	.panel h5 { color: white !important; }

	.panel h5 { padding-top: 2px; }
	
	.panel section:first-child p:last-child {
		margin: 2px 0 5px 0;
		font-size: 13px; }

	.panel article p strong { -webkit-font-smoothing: antialiased; }

	.panel a { 
		text-decoration: underline;
		color: white !important; }
		
	.panel a:hover {
		background: none !important;
		text-decoration: underline !important; }


/* Postmeta */

.postmeta {
	float: left;
	width: 290px;
	padding: 10px 0 10px 10px; }

	.tags a {
		float: left;
		padding: 10px 10px 10px 10px;
		text-transform: uppercase;
		font-family: 'AvantGardeBkBTBook';
		font-size: 10px;
		color: #7a7a7a; }


	.tags a:hover  {
	    background: none repeat scroll 0 0 white;
	    color: #333333;
}

/* Pagination */

.pagination {
	width: 930px;
	list-style: none;
	margin: -30px auto 30px auto;
	border-bottom: 1px solid #bdbdbd;
	padding: 10px 15px; }

	.pagination li {
		float: left;
		width: 300px;
		margin: 0 15px 0 0;
		text-transform: uppercase; }
	
	.pagination li:last-child { margin: 0; }

	.pagination li a {
		display: block;
		width: 280px; min-height: 70px;
		padding: 10px;
		font-family: 'ITCAvantGardeGothicExtraLiRg';
		font-size: 16px;
		color: #2b2926; }
		
	.pagination li a:hover { background: white; }

		.pagination li a span {
			float: left;
			width: 100%;
			color: #7a7a7a; }
		
		.pagination li a h5 {
			float: left;
			margin: 0 0 10px 0;
			padding: 0 10px 0 0; }

		.pagination li a h5				{ background: url(i/arrows.png) no-repeat right -297px; }
		.pagination li.previous a h5	{ background: url(i/arrows.png) no-repeat right -105px; }
				







/* Background Posts Colors */

.blue			{ background: #95b9d7; }
.blue-dark		{ background: #808fa4; }
.orange			{ background: #d1a02c; }
.orange-hot		{ background: #f47d20; }
.orange-dark	{ background: #c5aa7c; }
.red 			{ background: #ec008c; }
.red-hot		{ background: #ed2127; }
.green 			{ background: #bec93b; }
.green-dark		{ background: #586222; }
.green-light	{ background: #d6df66; }
.pink-dark		{ background: #b291b1; }
.red-dark		{ background: #a91c35; }
.other			{ background: #a7bbb5; }




/* = Newsletter
-------------------------------------------------------------- */

.newsletter {  padding: 10px 0; }

	.newsletter input[type='text'] { width: 195px; }
	
	.newsletter input[type='submit'] {
		margin: 0 0 0 -1px;
		font-family: 'AvantGardeBkBTBook'; }



.arrow-right-yellow{ background-position: 0 -414px; width: 5px; height: 6px; } 
.arrow-top-black{ background-position: 0 -470px; width: 7px; height: 5px; } 





/* = Breadcrumbs for article
-------------------------------------------------------------- */

nav.breadcrumbs {
	width: 920px;
	margin: 0 auto 30px auto;
	font-family: 'AvantGardeBkBTBook'; }

	nav.breadcrumbs a,
	nav.breadcrumbs span.breadcrumb_last {
		padding: 5px;
		text-transform: uppercase;
		font-size: 10px;
		color: #7a7a7a; }

	nav.breadcrumbs a { margin-right: 10px; }
	
	nav.breadcrumbs a:first-child { margin-left: -5px; }

	nav.breadcrumbs span.breadcrumb_last { background: white; font-weight: normal; }
	



/* = Visit
-------------------------------------------------------------- */

	/* = Google maps
	-------------------------------------------------------------- */

	#visit {
		clear: both;
		height: 1%;
		margin-bottom: 20px; }

	#visit:after { clear: both; content: ""; display: block; }
	
		#visit section.maps { width: 940px; margin: -15px 0 15px -10px; }
	
			#maps { width: 940px; height: 400px; }
	
		#visit article {
			background: #808fa4;
			width: 920px;
			margin: 0 auto;
			padding: 15px 10px;
			/*box-shadow: 0 4px 8px rgba(0, 0, 0, .2);*/ 
			}
		
			#visit article ul li { float: left; line-height: 18px; }
			
			#visit article h3 { font-size: 13px; font-family: 'ITCAvantGardeGothicMedium'; letter-spacing: 1px; -webkit-font-smoothing: antialiased; }
			
			#visit article ul li:nth-child(1) { width: 230px; }
			
			#visit article ul li:nth-child(2) { width: 160px; }





/* = Misc
-------------------------------------------------------------- */

body.page { width: 100%; }

#load-more {
	display: block;
	background: url("i/arrows.png") no-repeat scroll 93px 14px transparent;
	width: 108px; height: 1%;
	margin: 25px auto;
	padding: 7px 7px 7px 0;
	text-align: center;
	font-size: 16px; 
	font-family: 'AvantGardeBkBTBook';
	color: #2b2926; }

#load-more:hover {
	background-color: #fff;
	text-decoration: none; }

#load-more:after:after {
	clear: both;
	display: block;
	content: ''; }


#go-top {
	display:none;
	position: fixed; right: 0; top: 90%; z-index: 50;
	background: white;
	padding: 8px 6px;
	font-family: 'AvantGardeBkBTBook';
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase; 
	color: #2b2926;
	-webkit-font-smoothing: antialiased; }
	
	#go-top span {
		background: url(i/arrows.png) no-repeat right -464px;
		padding: 0 10px 0 4px;
		font-family: 'AvantGardeBkBTBook';
		font-size: 16px;
		line-height: 16px;
		text-transform: uppercase; 
		color: #2b2926;
		-webkit-font-smoothing: antialiased; }
	



header#top .logo-university,
header#top .logo-barber,
header#top .page,
header#top .search-form,
header#top .social,
header#top .top_slider_details,
header#top .top_slider_title,
nav.top_menu,
nav.top_menu ul,
nav.top_menu li.contact,
.top_menu,
.top_slider,
.top_slider li,
.view-gallery span,
.view-video span { position: absolute; }

.filters ul,
#visit article ul,
footer ul,
header#top ul,
.twitter-section ul {
	list-style: none;
	margin: 0; padding: 0; }

.bg_white { background-color: white; }

.clra { height: 1%; }

.clra:after {
	clear: both;
	display: block;
	content: ''; }

.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.nopadding { padding: 0; }

/* hide  retire by default */
.retire {
  opacity: 0; }


.view-gallery {
	float: left;
	position: relative;
	/*
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	*/
	margin: 0 0 20px 0; }

	.view-gallery img {
		float: left;
		position: relative; z-index: 5; }

	.view-gallery span {
		left: 50%; top: 50%; z-index: 10;
		display: block;
		background: url(i/icons.png) no-repeat 0 -544px;
		width: 100px; height: 100px;
		margin: -50px 0 0 -50px;
		cursor: pointer; }


.view-video span {
	left: 50%; top: 50%; z-index: 10;
	display: block;
	background: url(i/icons.png) no-repeat 0 -724px;
	width: 56px; height: 56px;
	margin: -28px 0 0 -28px;  }

	.view-video img { position: relative; z-index: 5; }


	
	



/* = Top Slider
-------------------------------------------------------------- */

.ei-slider {
	position: relative; z-index: 5;
	width: 100%; max-width: 1920px;
	height: 495px;
	margin: 0 auto; }

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

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

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


/* = Top Slider Navigation
-------------------------------------------------------------- */

.ei-slider-nav-container {
	position: absolute; bottom: 18px; left: 50%; z-index: 10;
	width: 960px;
	margin: 0 0 0 -480px; }

nav.ei-slider-nav {
	float: right;
	width: 300px;
	display: none; 
	margin-right: 10px}

		nav.ei-slider-nav a {
			float: right;
			background: url(i/arrows.png) no-repeat;
			width: 18px; height: 18px;
			margin: 0 0 0 1px; }
		
		nav.ei-slider-nav a.prev	{ background-position: 0 -234px; }
		nav.ei-slider-nav a.next	{ background-position: 0 -166px; } 



/* = Top Slider Description
-------------------------------------------------------------- */

.ei-title {
	position: absolute; right: 10px; z-index: 1000;
	width: 300px;
	bottom: 40px; }
	
	.ei-title section {
		background: url(i/bg-black50.png);
		margin: 0 0 1px 0;
		padding: 10px; }

		.ei-title section:first-child p { font-size: 13px; }
