/*
Theme Name: The Electric Collective Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme
Author: #
Author URI: #
Version: 1.0
*/

 
html{background:#fff;}
body{margin:0 auto;background:#fff;color:#000;font:13px/24px 'sofia-pro', Arial,sans-serif;max-width:3000px}
img{border-style:none}
a{text-decoration:none;color:#cd8168}
a:hover{text-decoration:underline}
input,textarea,select{font:100% "Trebuchet MS",Arial,Helvetica,sans-serif;vertical-align:middle}
form,fieldset{margin:0;padding:0;border-style:none}
aside,nav,footer,header,section{display:block}
html,body{height:100%}
.logo{width:161px;height:82px;text-indent:-9999px;overflow:hidden;position:fixed;top:55px;left:50%;z-index:1001;margin:0 0 0 -80px;background:url(images/logo.png) no-repeat;background-size:161px 82px}
.logo a{display:block;height:100%}
.menu{position:fixed;top:38px;right:26px;z-index:100}
.menu .opener{width:18px;margin:0 12px 9px 0;height:16px;display:block;float:right;text-indent:-9999px}
.menu .opener .line{display:block;text-indent:-9999px;overflow:hidden;width:18px;background:url(images/bg-opener.png) no-repeat;background-size:18px 16px;height:3px;margin:0 0 3px;}
#nav{clear:both;overflow:hidden;margin:0;padding:0;list-style:none}
#nav li{color:#2a2a2a;text-transform:uppercase;margin:0 0 4px;text-align:right;line-height:20px;font-size:14px;letter-spacing:2px;font-weight:700}
#nav li a{color:#2a2a2a}

/*Home*/
.home-block{background:url(images/bg-1.jpg) no-repeat;background-size:600px 625px;overflow:hidden;height:100%;max-height:1000px;position:relative;}
.home-block .text-area{height:100%;width:100%;display:table}
.home-block .text-area .text-h{height:100%;width:100%;display:table-cell;vertical-align:middle}
.home-block .text-area .text-f{letter-spacing:1px; width:400px;margin:127px auto 0;text-align:center;background:#f8f5ec;padding:66px 48px 71px;font-size:20px;line-height:34px;color:#2a2a2a;font-weight:600}
.home-block .text-area .text-f p{margin:0}#down{position:absolute;z-index:6;bottom:30px;left:50%;cursor:pointer;display:block;text-indent:-9999px;overflow:hidden;
width:106px;
margin:0 0 0 -53px;
text-align:center;
}
#down span{display:block;text-indent:-9999px;color:#000;overflow:hidden;text-transform:uppercase;
width:43px;height:27px;
background:url('images/bot-arrow.png') no-repeat;
background-size:43px 27px;
margin:0 auto;

}

section#news > .content { max-width: initial;text-align: center;/*line-height: 117px;*/background: #f8f5ec;}
.home  section#news > .content {background:#2a2a2a} 
	section#news > .content h2 a {font-size: 29px;color: #000;letter-spacing: 6px;text-decoration: none;}
section#news > .content h2 a:hover { color: #cd8168; }
.home section#news > .content h2 a{color:#fff}
section#news > .content h2.viewallbtn a, #news.clients .viewallbtn a{text-transform:uppercase;color:#2a2a2a}
#news.clients .viewallbtn{background:#f8f5ec;margin-top:-1px}
/* News */
ul.archive-grid li {
	margin-bottom: 0 !important;
	overflow: hidden;
}
ul.archive-grid li span.wrap {
    position: relative;
    width: 96%;
    overflow: hidden;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    margin:0 2%;
}
ul.archive-grid li span.wrap:before {
    content: "";
    display: block;
    padding-top: 100%;
}
ul.archive-grid li span.wrap .img:hover,
ul.archive-grid li span.wrap > div:hover {
	text-decoration: none !important;
}
ul.archive-grid li span.wrap .img,
ul.archive-grid li span.wrap div {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #2b2b2b;
    text-align: left;
    text-decoration: none !important;
    overflow: hidden;

}
ul.archive-grid li span.wrap > div{
	overflow-y: auto;
}
ul.archive-grid li span.wrap .img h2,
ul.archive-grid li span.wrap div h2 {
    font-size: 34px;
    line-height: 1;
}
ul.archive-grid li span.date {
    padding: 0 !important;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    padding-top: 5px !important;
}
.archive h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 29px;
    letter-spacing: 6px;
    margin-bottom: 55px;
}
.section.archive {
    padding-bottom: 80px;
}
.the_text_content {
    padding-right: 30px;
}
ul.archive-grid li > span > div.the_text_content h2 {
    margin-top: 0;
    margin-bottom: 17px;
    line-height: 46px;
    font-size: 43px;
    letter-spacing: 4px;
}
ul.archive-grid li p {
    font-size: 15px;
    color: #2b2b2b;
    line-height: 23px;
    margin:0;
}
/*.mood {
	padding-right: 7px;
}*/
ul.archive-grid {
    padding-bottom: 80px !important;
}
.blog .mood ul li {
    width: 33.33% !important;margin-bottom:20px!important
}
.single .mood ul li {
    width: 33.33% !important;
}
.mood ul li .title a{color:#000}
.mood ul li .title{display:block;text-align:center;color:#000;
 font-size: 16px;
    font-weight: 700;min-height:52px;
    line-height: 26px;
    text-align: center;
}
.mood ul li span.placeholder{
	font-size:0px;
	line-height:0px;
	background-size:cover;
}

ul.grid_box.new-news {max-width:1020px; margin:0 auto;margin-bottom:60px;}
ul.grid_box.new-news li { width:29%; line-height: 21px;text-align: left;padding:0 2%;color:#343434;}
ul.grid_box.new-news li h3{
	line-height: 26px;
	padding: 0;
    font-size: 20px;
    line-height: 34px;
    color: #343434;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top:0;
    margin-bottom:5px;
}
ul.grid_box.new-news li a { color:#343434; font-style: italic; position:relative;margin-top:15px;}
ul.grid_box.new-news li a:after { content:''; background:url(images/trending-neutral.png) no-repeat; background-size:contain;width:20px; position:absolute;top: 60%;transform: translateY(-50%);height: 20px;left: 70px;    background-position: center center;    background-size: 100%;}



.mood ul li span.placeholder.lp{ background-image:url('images/placeholder_rp.jpg')}
.mood ul li span.placeholder.rp{ background-image:url('images/placeholder_lp.jpg')}
/*#down:hover span{text-indent:0;
	background:none;
	width:100%;

}
#down:hover{background:none;}*/
/*About*/
.about{background:#f8f5ec;overflow:hidden}
.about .l{float:left;width:39.6%;position:relative;overflow:hidden;margin:0 -0.1% 0 0}
.about .r{float:right;width:60.5%;background:#f8f5ec;background:url(images/bg-2.png) no-repeat;background-size:413px 262px}
.about .l img{max-width:108%;height:auto;position:absolute;top:0;left:0;display:block}
.about.right .l{float:right;}
.about.right .r{float:left;background:#f8f5ec;background:url(images/bg-3.png) no-repeat 100% 0;background-size:413px 238px}
.about .l-h{position:absolute;top:0;left:0;width:100%;height:100%}
.about .l-f{}
.about .l img{max-width:1000%;height:auto;width:100%;position:static;margin:0 auto;display:block}

.about .text-area{height:100%;width:100%;display:table}
.about .text-h{padding:300px 20px 83px;vertical-align:bottom;display:table-cell}
.about .text-f{color:#2a2a2a;width:380px;margin:0 auto}
.about .text-f h2{text-align:center;text-transform:uppercase;margin:0 -82px 36px;font-size:25px;line-height:34px;color:#2a2a2a;letter-spacing:5px;font-weight:700}
.about .text-f p{margin:0}

/*Clients*/
.clients{overflow:hidden;background:#2a2a2a;}
.clients h2{color: #fff;font-size: 24px;letter-spacing: 6px; text-decoration: none;line-height:32px;margin:0;padding:19px 0;text-align:center;}
.clients-list{margin:0;padding:0;list-style:none;overflow:hidden}
.clients-list li{float:left;width:25%;position:relative}
.clients-list li a{display:block;width:100%;height:100%}
.clients-list li a:hover{text-decoration:none}
.clients-list li .text-h{width:100%;height:100%;position:absolute;top:0;left:0}
.clients-list li .text-f{width:100%;height:100%;display:table}
.clients-list li .text{width:100%;height:100%;display:table-cell;vertical-align:middle;font-weight:700;color:#fff;text-align:center;font-size:18px;line-height:26px}
.clients-list li img{width:100%;height:auto;display:block}.clients-list li .greyscale-img{ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}
.clients-list li.bg{background:url('images/img-03.jpg') no-repeat;}
.clients-list li.bg-additional{background:url('images/img-05.jpg') no-repeat;}


.section .content{max-width:1020px;overflow:hidden;margin:0 auto}
.section.archive{margin-bottom:-2px;margin-top:155px;}

/*Services*/
.services{overflow:hidden;background: #f8f5ec;padding:66px 0;color: #2a2a2a;}
.services h2{text-transform:uppercase;font-weight:700;font-size:26px;line-height:32px;margin:0 0 37px 42px;letter-spacing:6px}
.services ul{margin:0;padding: 0 40px 0 60px;list-style:none;overflow:hidden;-moz-column-count:3;-moz-column-gap:60px;-webkit-column-count:3;-webkit-column-gap:60px;column-count:3;column-gap:60px;}
.services ul li{padding: 0 0 0 14px;/*background: url(images/bullet-dark.png) no-repeat 0 12px;*/background-size:4px 3px;list-style: disc;}

/*Quotes*/
.quotes{overflow:hidden;padding:150px 0 85px;background:url(images/bg-3.jpg) no-repeat 0 100%;background-size:664px 975px}
.quotes blockquote{float:right;margin:0 10.6% 0 0;padding:0;font-size:20px;line-height:34px;color:#2a2a2a;text-align:right;letter-spacing:1px;font-weight:600;width:40%}
.quotes blockquote q{display:block;margin:0;quotes:none}

/*Mood*/
.mood{background:#fff;overflow:hidden;margin:0 0 -4px}
.mood ul{margin:0;padding:0;list-style:none;overflow:hidden;position:relative;width:100%}
.mood ul li{float:left;width:25%}
.mood ul li a{display:block}
.mood ul li img{width:100%;height:auto;display:block}

.mood.grey img{
	filter: url('js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
}

.home section.mood .content,
section.clients .content{max-width:100%;}

/* #MOOD */
#mood {
  background: #2a2a2a;
}

#mood h2 {
  color: #fff;
  font-size: 24px;
  letter-spacing: 6px;
  text-decoration: none;
  line-height: 32px;
  margin: 0;
  padding: 19px 0;
  text-align: center;
  text-transform: uppercase;
}

/*Contact*/
#contact{margin-top:-2px; width:100%;overflow:hidden;background:#fff url(images/bg-4.jpg) no-repeat;background-size:458px 350px;position:relative}
#contact:after{position:absolute;background:url(images/bg-5.jpg) no-repeat 100% 100%;background-size:420px 298px;top:0;left:0;width:100%;height:100%;content:''}
#contact .text-area{position:relative;z-index:1;padding:158px 0 113px;text-align:center}
#contact .text-area h2{font-size:25px;letter-spacing:6px;line-height:30px;color:#cd8168;text-transform:uppercase;margin:0 0 48px;font-weight:700;}
#contact .text-area .row{width:100%;overflow:hidden;text-align:center;font-size:13px}
#contact .text-area .row .tel,#contact .text-area .row .mail{display:inline-block;vertical-align:top;overflow:hidden;letter-spacing:1px;color:#cd8168}
#contact .text-area .row .tel a{color:#cd8168}
#contact .text-area .social{width:100%;overflow:hidden;text-align:center;margin:29px 0 0;padding:0;list-style:none}
#contact .text-area .social li{display:inline-block;vertical-align:top;margin:0 6px;float:none;width:initial;}
#contact .text-area .social li a{width:24px;height:24px;text-indent:-9999px;overflow:hidden;background:url(images/bg-social.jpg) no-repeat;float:left;background-size:101px 34px}
#contact .text-area .social li a.facebook{background-position:0 -4px}
#contact .text-area .social li a.instagram{background-position:-39px -4px}
#contact .text-area .social li a.linkedin{background-position:-77px -4px}
#fader{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:100;background:#fff;}
.popups{ position:relative;z-index:101;}
body.actived{overflow:hidden;height:100%}

#footer{background:#2a2a2a;overflow:hidden;width:100%;padding:40px 0;}
#footer .footer-holder{background:#2a2a2a;max-width:1020px;overflow:hidden;margin:0 auto;}
#footer .copy{float:left;color:#fff;}
#footer .site{float:right;color:#fff;}
#footer img.footer-logo{float:right;margin:0 0 0 10px;}

/*Lightbox*/
.lightbox{position:fixed;top:0!important;left:0!important;display:none;width:100%;height:100%;overflow:auto;background:#f8f5ec;z-index:1000}
.lightbox .close{float:right;width:28px;height:28px;background:url(images/bg-close.png) no-repeat;text-indent:-9999px;overflow:hidden;margin:55px 55px 0 0;background-size:28px 28px}
.lightbox .prev,.lightbox .next{width:38px;height:58px;text-indent:-9999px;overflow:hidden;position:fixed;top:50%;margin:-33px 0 0;left:6%}
.lightbox .prev{background:url('images/l-arrow.png') no-repeat;background-size:38px 58px;}
.lightbox .next{left:auto;right:6%;background:url('images/r-arrow.png') no-repeat;background-size:38px 58px;}
.lightbox .hold{max-width:800px;clear:both;margin:213px auto 122px}
.lightbox .hold .img-h{overflow:hidden;margin:0 0 -37px}
.lightbox .hold .img-h img{max-width:100%;height:auto;display:block;margin:0 auto}
.lightbox .hold h2{font-size:52px;line-height:60px;font-weight:700;letter-spacing:8px;margin:0 0 63px;text-align:center;color:#2b2b2b}
.lightbox .hold h2 br{display:none;}
.lightbox .text-h{padding:0 16px;overflow:hidden;color:#2b2b2b;font-size:15px;line-height:21px}
.lightbox .text-h .lp{float:left;width:46%;}
.lightbox .text-h .rp{float:right;width:46%;}
.lightbox .text-h p a{color:#2b2b2b;}
.lightbox .text-h p{margin:0 0 10px;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:none}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none}

.error404 .menu{display:none;}
.mood ul li .the_text_content p a {display: inline;}

@media only screen and (max-width: 1452px) {
	.about .l-f{margin:0 -9999px;overflow:hidden;height:100%}
	.about .l img{max-width:1000%;height:100%;width:auto;position:static;margin:0 auto;display:block}
}
@media only screen and (max-width: 1040px) {
	.about .text-h{padding:260px 20px 83px}
	#footer{padding:20px 0}
	#footer .footer-holder{padding:0 10px;}

	ul.archive-grid li > span > div.the_text_content h2 {
	    line-height: 35px;
	    font-size: 32px;
	    letter-spacing: 2px;
	}
}

/*Tables*/
@media only screen and (max-width: 980px) {
	#quotes{background-position:-300px 0}
	.about .text-h{padding:200px 20px 23px;}
.about .text-f h2{margin-left:0;margin-right:0}
.about.right .r,
	.about .r{background-size:309px auto}
	.lightbox .prev,
	.lightbox .next{background-size:28px 43px}

	ul.archive-grid li > span > div.the_text_content h2 {
	    line-height: 30px;
	    font-size: 26px;
	    letter-spacing: 1px;
	}
	ul.archive-grid li p {
	    line-height: 20px;
	    font-size: 14px;
	}
}

@media only screen and (max-width: 832px) {
	.quotes{
		background-position:-300px -536px;
	}
	.quotes blockquote{
		width:72%;
		margin:25px 5.6% 0 0;
	}
	ul.archive-grid li > span > div.the_text_content h2 {
	    margin-bottom: 10px;
	    line-height: 26px;
	    font-size: 20px;
	    letter-spacing: 0px;
	}
	ul.archive-grid li p {
	    line-height: 15px;
	    font-size: 12px;
	}
}

/*Mobile*/
@media only screen and (max-width: 767px) {
	.about .r,.about .l{float:none;width:100%;overflow:hidden;height:auto!important}
	.about .l img{position:static}
	.clients-list li{width:50%}
	.clients-list li.placeholder{display:none;}
	.services ul{-moz-column-count:2;-moz-column-gap:30px;-webkit-column-count:2;-webkit-column-gap:30px;column-count:2;column-gap:30px}
	#contact{background-size:254px auto}
	#contact:after{background-size:254px auto}
	#quotes{padding:85px 0}
	.lightbox .prev,.lightbox .next{
		width:20px;
		height:30px;
		background-size:20px 30px;
	}.logo {
    top: 11px;
}	.about.right .r,
	.about .r{background-size: 224px auto;}
	.about .text-h{padding:130px 20px 23px}
	.home-block .text-area .text-h,
	.home-block .text-area,
	.home-block{height:auto;}
	.home-block{padding:0 0 30px;min-height: 100%;}
	/*.about .l{display:none;}*/
	.about .l-h {position:relative}
	.about .l-f {margin:0}
	.about .l img {height:auto;max-width:100%}
	#down{display:none;}
	.lightbox .close{width:19px;height:19px;background-size:19px 19px;margin:25px 25px 0 0;}

	ul.archive-grid li > span > div.the_text_content h2 {
	    margin-bottom: 10px;
	    line-height: 14px;
	    font-size: 14px;
	    letter-spacing: 0px;
	}

	ul.archive-grid li span.wrap {width:94%;margin:0 3%}
}

@media only screen and (max-width: 640px) {
.mood ul li .title{min-height:1px}
.blog .mood ul li {
    width: 100% !important;margin-bottom:20px!important
}

	ul.archive-grid li > span > div.the_text_content h2 {
	    margin-bottom: 4px;
	    line-height: 12px;
	    font-size: 13px;
	}
	ul.archive-grid li p {
	    line-height: 12px;
	    font-size: 11px;
	}
	ul.archive-grid li span.date {
	    font-size: 11px;
	    line-height: 1;
	    padding-top: 0 !important;
	}

	ul.grid_box.new-news li {width: auto!important;margin-bottom: 30px; padding-left:30px !important;padding-right:30px;}
}

@media only screen and (max-width: 480px) {
	.mood ul li{width:50% !important;}
	ul.grid_box.new-news li {width: auto!important;margin-bottom: 30px; padding-left:30px !important;padding-right:30px;}
	.quotes{padding-top:183px}
	.lightbox .hold{margin:163px auto 122px;}
	.home-block .text-area .text-f br{display:none;}

	.lightbox .text-h .lp{float:none;width:100%;overflow:hidden;}
	.lightbox .text-h .rp{float:none;width:100%;overflow:hidden;}
	.home .text-area .text-f{width:240px;padding:20px;font-size:16px;line-height:29px}
	.about .r,.about .l{float:none;width:100%;overflow:hidden;height:auto!important}
	.about .l img{position:static}
	.about .text-f{width:240px}
	.clients-list li{width:100%;float:none;overflow:hidden}
	.services h2{margin:0 0 33px 40px}
	.services{padding:33px 0}
	.services ul{padding:0 40px;-moz-column-count:1;-moz-column-gap:60px;-webkit-column-count:1;-webkit-column-gap:60px;column-count:1;column-gap:60px}
	#quotes{background:none;padding:33px 0}
	#quotes blockquote{width:auto;margin:0 12px}
	#contact:after{display:none}
	#contact .text-area{padding:33px 0}
	#mood ul li{width:50%}
	.menu{right:0;top:10px}
	.logo{top:11px}
	#contact{background-size:154px auto}
}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;-moz-border-radius:3px;padding-top:4px;text-align:center;-webkit-border-radius:3px}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}



/*! 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,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        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('images/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: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.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: 8040;
	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: 8010;
	background: url('images/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: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        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('images/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('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.clients-list li.placeholder{background:url('images/img-03.jpg') no-repeat;background-size:100% auto;}
.clients-list li.placeholder.another{background:url('images/img-05.jpg') no-repeat;background-size:100% auto;}

#archive-grid,
.archive-grid{margin-bottom:20px;}
#archive-grid li,
.archive-grid li{margin-bottom:0;width:25%}
#archive-grid li span.wrap,
.archive-grid li span.wrap{/*padding:0 7px;*/display:block;}