/*
	Theme Name: IAAC Blog
	Theme URI: http://www.iaacblog.com
	Version: 1.0
	Author: Andreu Llos
	Author URI: http://andreullos.com
	Text Domain: iaacblog
	Domain Path: /lang
*/


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

@font-face {
	font-family: 'Karla';
	src: url('fonts/karla-regular-webfont.eot');
	src: url('fonts/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/karla-regular-webfont.woff') format('woff'),
		 url('fonts/karla-regular-webfont.ttf') format('truetype'),
		 url('fonts/karla-regular-webfont.svg#Karla') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Karla-italik';
	src: url('fonts/karla-italic-webfont.eot');
	src: url('fonts/karla-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/karla-italic-webfont.woff') format('woff'),
		 url('fonts/karla-italic-webfont.ttf') format('truetype'),
		 url('fonts/karla-italic-webfont.svg#Karla') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Karla-bold';
	src: url('fonts/karla-bold-webfont.eot');
	src: url('fonts/karla-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/karla-bold-webfont.woff') format('woff'),
		 url('fonts/karla-bold-webfont.ttf') format('truetype'),
		 url('fonts/karla-bold-webfont.svg#Karla') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Karla-bold-italik';
	src: url('fonts/karla-bolditalic-webfont.eot');
	src: url('fonts/karla-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/karla-bolditalic-webfont.woff') format('woff'),
		 url('fonts/karla-bolditalic-webfont.ttf') format('truetype'),
		 url('fonts/karla-bolditalic-webfont.svg#Karla') format('svg');
	font-style: normal;
	font-weight: normal;
}

body{
	margin:0;
	color:#000;
	font:15px/21px 'Karla', sans-serif;
	background: #fff;
}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% 'Karla' , sans-serif;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote,
q{quotes: none;}
q:before,
q:after{content: '';}
a{
	color:#000;
	text-decoration:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;	transition: all .3s;
}
a:hover{color: #5b5b5b;}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}

.fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; z-index: 2;} 
.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* General settings */
#wrapper{
	position: relative;
}
.col-left{
	float: left;
	width: 26%;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px 40px;
}
.col-left .tax {
	margin-top: -30px; 
	position: fixed;
}
.col-left .tax sup{
    margin-left: 3px;
    font-size: 9px;
}
/*header*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	padding: 40px 0 0 40px;
	z-index: 110;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#header.width{width: 100%;}
#header:after{
	content: '';
	clear: both;
	display: block;
}
#header .open-menu {
	z-index: 39;
	width: 24px;
	height: 21px;
	font-size: 0;
	line-height: 0;
	display: block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	float: left;
	margin-right: 71px;
	display: none;
}
.open-menu span{
	display: block;
	height: 4px;
	width: 24px;
	background: #000;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	border-radius: 3px;
}
.menu-opened .open-menu span{
	height: 6px;
	width: 18px;
	margin: 0;
}
.open-menu span + span{margin-top: 4px;}
.menu-opened .open-menu span:nth-child(1){
	-webkit-transform: rotate(45deg) translate(8px, -8px);
	-ms-transform: rotate(45deg) translate(8px, -8px);
	-o-transform: rotate(45deg) translate(8px, -8px);
	transform: rotate(45deg) translate(8px, -8px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}
.menu-opened .open-menu span:nth-child(2){opacity: 0;}
.menu-opened .open-menu span:nth-child(3){
	-webkit-transform: rotate(-45deg) translate(3px, 1px);
	-ms-transform: rotate(-45deg) translate(3px, 1px);
	-o-transform: rotate(-45deg) translate(3px, 1px);
	transform: rotate(-45deg) translate(3px, 1px);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
/*main-nav*/
#main-nav{
	position: fixed;
	top: 0;
	left: 26.5%;
	width: 73.5%;
	padding: 30px 0 53px;
	margin: 0;
	-webkit-transition: top .4s;
	-o-transition: top .4s;
	transition: top .4s;
	z-index: 100;
	text-align: center;
	background: #fff;
	margin-left: 3px;
}
#main-nav.up {
	top: -100%;
}
#main-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-nav ul:after{
	content: '';
	clear: both;
	display: block;
}
#main-nav ul li{
	float: left;
	font-weight: 700;
	font-size: 19px;
	line-height: 22px;
}
#main-nav ul li a{
	display: block;
	padding: 6px 0 8px;
	border-top: 2px solid #000;
	border-bottom: 2px solid transparent;
}
#main-nav ul li a:hover,
#main-nav ul li.current-menu-item a,
body.home #main-nav ul li.menu-item-home a {
	border-bottom-color: #000;
	color: #000;
}
#main-nav ul li + li{
	margin-left: 6.8%;
}
.menu-opened #main-nav{
	top: 0;
}
#header.scrolled .info{
	position: static;
	margin: -2px 0 0;
	float: left;
}
#header.scrolled .info .logo{
	width: 100px; /*ORIGINAL width: 73px;*/
	-webkit-background-size: 73px 66px;
	background-size: 73px 66px;
	height: 66px; /*original height: 24px;*/
}
#header.scrolled .info li{float: left;}
#header.scrolled{padding-bottom: 18px;}
.menu-opened #header{padding-bottom: 63px;}
#header.scrolled .info li+ li{margin: 0 0 0 10px;}
#header.scrolled .info li+ li:after{display: none;}
#header.scrolled .info li+ li:before{
	width: 2px;
	height: 66px; /*original: height: 27px;*/
	top: -5px;
	left: -17px;
	margin: 0;
}
#header.scrolled .info .title{
	-webkit-background-size: 52px 24px;
	background-size: 52px 24px;
	width: 52px;
	height: 25px;
	margin: -2px 0 0;
}
#header.scrolled {
	background: white;
	/*padding-right: 4%; ORIGINAL*/
	padding-right: 10%;
}
#header .info{
	margin: -2px 0 0; /*ORIGINAL: margin: -71px 0 13px 3px;*/ /*ORIGINAL 2 margin: 0px 0 13px 3px;*/
	padding: 0;
	list-style: none;
	position: static; /* ORIGINAL position: absolute;*/
	top: 160px; /*ORIGINAL: top: 50vh; */
	left: 40px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	float: left;
	
}
#header .info li{
	display: block;
	font-size: 0;
	line-height: 0;
	position: relative;
	float: left;
}
#header .info li + li{margin: 0 0 0 10px; /* ORIGINAL margin-top: 67px;*/}
#header .info li a{
	display: block;
	height: 100%;
}
#header .info li + li:before,
/* ORIGINAL #header .info li + li:after */{
	content: '';
	position: absolute;
	left: 0;
	height: 2px;
	width: 14px;
	background: #000;
}
/* ORIGINAL
#header .info li + li:before{
	bottom: 100%;
	margin: 0 0 13px;
}
*/
#header .info li + li:before{
	content: '';
	bottom: 100%;
	width: 2px;
    height: 66px;
    top: -5px;
    left: -17px;
    margin: 0;
    position: absolute;
    background: #000;
}
/* ORIGINAL
#header .info li + li:after{
	margin: 8px 0 0;
	top: 100%;
}
*/
#header .logo{
	background: url(images/logo.svg) no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	width: 100px; /* Original width: 129px;*/
	height: 66px; /* Original height: 95px;*/
	display: block;
	
}
#header .title{
	background: url(images/blog.svg) no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 58px;
	height: 27px;
	display: block;
}



/*personalizacion de micky*/
#header .title_new{
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 58px;
	display: block;
	font-weight: 700;
    font-size: 19px;
    line-height: 22px;
}

.calendario{
	/*background: url(images/blog.svg) no-repeat;*/
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	max-width: 300px;
	/*height: 27px;*/
	display: block;
	padding-top: 330px;
	padding-botton
	font: 15px/21px 'Karla', sans-serif;
}

.calendario h2{
	font-size: 15px;
	line-height: 14px;
	color: #000;
	position: relative;
	padding-bottom: 4px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}

.calendario.scrolled {
	padding-top: 100px;
}

.courses-home {
	padding-top:83px;
}
.courses-home.scrolled {
	padding-top: 100px;
}
@media screen and (max-height: 620px) {
.calendario{padding-top: 200px;}
}
@media screen and (max-height: 560px) {
.calendario{padding-top: 150px;}
}
@media screen and (max-height: 520px) {
.calendario{padding-top: 100px;}
}
@media screen and (max-height: 460px) {
.calendario{visibility: hidden;}
}
/*calendarcontent*/
.calendarcontent{
	width: 73.1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 0;
	float: right;
}
.calendarcontent p{margin: 0 0 48px;}
.calendarcontent .post-calendarcontent{
	width: 695px;
	float: left;
}
.calendarcontent .post-calendarcontent h1,
.calendarcontent .post-calendarcontent h2,
.calendarcontent .post-calendarcontent h3,
.calendarcontent .post-calendarcontent h4,
.calendarcontent .post-calendarcontent h5 {
	font-size: 20px;
	line-height: 22px; 
	font-weight: bold;
}
.calendarcontent .post-calendarcontent iframe { margin-top: 20px; margin-bottom: 20px; }
#featured-image, .calendarcontent .postc { float: left; width: 100%; max-width: 850px; position: relative; }
#featured-image img, #featured-image .slick-slide { height: 480px; }
#featured-image img { width: auto; }
#featured-image .slides { margin-bottom: 40px;  }
#featured-image > img { width: 100%; }
.post .big-txt, .post-calendarcontent h3, .post-calendarcontent h2,  .post-calendarcontent h3,  .post-calendarcontent h4,  .post-calendarcontent h5  {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 27px;
}
.post-calendarcontent p img { margin-bottom: 15px; margin-top: 15px; }
.post-calendarcontent > p:first-of-type > a:first-of-type > img { margin-top: 0; }


/*footer*/
#footer .open-form{
	font-size: 26px;
	line-height: 26px;
	display: block;
	width: 24px;
}
#footer{
	position: fixed;
	bottom: 0;
	padding: 10px 0 37px 40px;
	z-index: 99;
	background: #fff;
	left: 0;
	padding-right: 4%;
}
#footer .form-search{
	position: relative;
	float: left;
	margin-right: 52px;
}
#footer .holder,
#footer .subscribe{
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	background: #fff;
	width: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
	height: 36px;
	padding-bottom: 2px;
}
#footer .subscribe{
	height: 38px;
	
}
#footer .subscribe .form-control{
	margin: 2px 5px 0 2px;
}
#footer .subscribe{left: 40px;}
#footer .holder.active,
#footer .subscribe.active{
	width: 344px;
	overflow: hidden;
}
.form-control{
	border-color: #000;
	border-width: 0 0 2px;
	border-style: solid;
	background: none;
	padding: 0;
	color: #000;
	width: 100%;
	font-size: 18px;
	padding: 8px 3px 2px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
#footer .form-control{
	width: 86%;
	margin-right: 5px;
	border-radius: 0 !important;
	-webkit-appearance: none;
}
.btn-subscribe{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	font-size: 26px;
	width: 26px;
	height: 34px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn-subscribe:hover{
	color: #727272;
}
/*social*/
.social{
	margin: 0;
	padding: 9px 0 0;
	list-style: none;
	float: right;
}
.social li{
	float: left;
	font-size: 16px;
	line-height: 18px;
}
.social li i{
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.social li a{
	display: block;
}
.social li.twitter:hover i{color: #41abe1;}
.social li.facebook:hover i{color: #3864a3;}
.social li.instagram:hover i{color: #a67d61;}
.social li.message:hover > i{color: #aaaaa0;}
.social li .btn-subscribe i{color: #000;}
.social li .btn-subscribe:hover i{color: #5d5d5d;}
.social li + li {margin-left: 32px;}
.list-tags{
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-tags li {color: rgba(0, 0, 0, .2);}
.list-tags li{
	display: inline;
	vertical-align: top;
	font-size: 15px;
	line-height: 24px;
	position: relative;
	font-weight: 700;
	white-space: pre-wrap;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.list-tags li + li:before{
	content: '\2014';
	margin: 0 3px 0 1px;
}
.list-tags li sup{
	margin-left: 3px;
	font-size: 9px;
}
.list-tags li a{
	color: inherit;
}
.list-tags li:hover a,
.list-tags li:hover sup{
	color: #000;
}
.col-left .tags{
	position: fixed;
	width: 16%;
	top: 122px;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 70%;
}
.col-left .tags.scrolled{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.col-right{
	float: right;
	width: 74%;
	padding: 105px 10px 38px 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-right .stamp{display: none;}
/*grid*/

.grid-item {
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.grid-item .holder {
	bottom: 9px;
	position: absolute;
	right: 0;
	left: 0;
	top:9px;
}
.grid-item:after {
	content:"";
	display: block;
	padding-bottom: 100%;
}
.grid-item:not(.has-iaac-thumbnail) .holder.txt {
	background: transparent;
	opacity: 1;
	visibility: visible;
	color: black;
}
.grid-item:not(.has-iaac-thumbnail) .holder .title:after{
	background: black;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.grid-item:not(.has-iaac-thumbnail) .holder:hover .title:after{
	background: #5b5b5b;
}
.grid-item:not(.has-iaac-thumbnail) .holder.txt {
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.grid-item:not(.has-iaac-thumbnail) .holder.txt:hover {
	color: #5b5b5b;
}

.grid-item.width2 {width: 50%;}
.grid-item.width2:after { padding-bottom: 50%;}
.grid-item .holder{
	color: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
.grid-item img{
	vertical-align: top;
	width: 100%;
	display: none;
}
.holder .picasapic{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
}
.grid-item .item{
	position: relative;
	outline: none;
	height: 100%;
	position: absolute;
	top: 9px;
	left: 9px;
	bottom: 9px;
	right: 9px;
}
.grid-item .holder.txt{
	position: absolute;
	top: 9px;
	height: 100%;
	left: 0;
	bottom: 9px;
	right: 0;
	padding: 0 4px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.grid-item .holder .cell{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 15px;
}
.grid-item .holder .title{
	font-size: 13px;
	line-height: 15px;
	position: relative;
	padding-bottom: 9px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	margin-bottom: 31px;
	max-height: 22px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.grid-item .holder .title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	width: 200%;
	background: #fff;
}
.grid-item .holder .prof{
	display: block;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom: 1px;
	font-weight: 400;
	max-height: 72px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.grid-item .holder .production{
	display: block;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom: -2px;
	font-weight: 400;
	max-height: 78px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.grid-item .holder .open-link{
	color: inherit;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	max-height: 30px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.grid-item .holder .txt{
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	max-height: 32px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
}
.grid-item .holder.color{background: rgba(0,0,0,.8);}
/*controls*/
.controls{
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	padding: 0 10px;
	margin-bottom: 45px; 
	clear: both;
}
.post-type-archive-project .controls,
.tax-project_type .controls { padding-top: 40px; }
.post-type-archive-life .controls, body.search .controls { padding: 0; max-width: 1058px; }
.post-type-archive-event .controls { width: 74.45%; clear: both; float: right; margin-top: 20px; position: relative; left: 10px; }
    
.controls:after{
	content: '';
	clear: both;
	display: block;
}
.controls a:nth-child(1){
	float: left;
}
.controls a:nth-child(1):before{
	content: '<';
	margin-right: 3px;
}
.controls a:nth-child(2){
	float: right;
}
.controls a:nth-child(2):after{
	content: '>';
	margin-left: 3px;
}
.grid .slick-arrow{
	display: block !important;
	margin-top: -21px;
}
.slick-arrow{
	display: block !important;
	position: absolute;
	background: none;
	border: none;
	padding: 0;
	font-family: 'FontAwesome';
	font-size: 33px;
	line-height: 33px;
	color: #fff;
	top: 50%;
	margin-top: -31px;
	z-index: 1;
	padding: 10px;
	text-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
.slick-next{
	right: 6px;
}
.slick-prev{
	left: 6px;
}
.col-right.spacing{
	padding: 130px 108px 38px 17px;
}
#main{
	padding: 0 108px 0 40px;
}
/*visual*/
.visual{
	margin: 0 0 20px;
	width: 86.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 38px 0;
	position: relative;
}
.visual .wrap{
	float: right;
	width: 68.4%;
}
.visual .item{outline: none;overflow: hidden;}


#col-title {
	width: 30.5%;
	float: left;
	margin: -4px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
}
#col-title-container {
	position: fixed;
	width: 26.5%;
}
#col-title-container.no-fixed {
	width: 100% !important;
	position: static !important;
}
#col-title h2{
	padding-bottom: 9px;
	margin: 0 0 57px;
}
#col-title h2:after{
	width: 155%;
}
#col-title h3{
	font-size: 32px;
	line-height: 40px;
	font-style: italic;
	margin: 0px 50px 16px 0px;
	text-transform: uppercase;
}
#col-title .author{
	display: block;
	font-size: 16px;
	line-height: 19px;
	margin: 0 0 5px;
}
.slick-dots {
	margin: 0;
	padding: 0;
	list-style: none;
}
.visual .slick-dots{
	position: absolute;
	bottom: -39px;
	left: 3px;
}
.slick-dots:after{
	content: '';
	clear: both;
	display: block;
}
.slick-dots li{
	float: left;
}
.slick-dots li button{
	font-size: 0;
	line-height: 0;
	padding: 0;
	border: none;
	background: rgba(0, 0, 0, .2);
	width: 8px;
	height: 8px;
	border-radius: 100%;
}
.slick-dots li.slick-active button{
	background: #000;
}
.slick-dots li + li{margin-left: 6px;}
/*content*/
.content{
	width: 68.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 0;
	float: left;
}
.content p{margin: 0 0 48px;}
.content .post-content{
	width: 695px;
	float: left;
}
.content .post-content h1,
.content .post-content h2,
.content .post-content h3,
.content .post-content h4,
.content .post-content h5 {
	font-size: 20px;
	line-height: 22px; 
	font-weight: bold;
}
.content .post-content iframe { margin-top: 20px; margin-bottom: 20px; }
#featured-image, .content .postc { float: left; width: 100%; max-width: 850px; position: relative; }
#featured-image img, #featured-image .slick-slide { height: 480px; }
#featured-image img { width: auto; }
#featured-image .slides { margin-bottom: 40px;  }
#featured-image > img { width: 100%; }
.post .big-txt, .post-content h3, .post-content h2,  .post-content h3,  .post-content h4,  .post-content h5  {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 27px;
}
.post-content p img { margin-bottom: 15px; margin-top: 15px; }
.post-content > p:first-of-type > a:first-of-type > img { margin-top: 0; }

.post .big-txt p{margin: 0;}
.post img {
	max-width: 100%;
	height: auto;
}
.post .slides {
	opacity: 0;
}
.related-posts{
	top: 250px;
	right: -12%;
	width: 25%;
	margin-right: -20px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
}
.related-posts .grid-item {
	width: 100%;
	padding: 0;
}
.related-posts .grid-item .holder .production {
	font-size: 15px;
	line-height: 21px;
}
.related-posts .grid-item .holder .title {
	font-size: 11px; line-height: 13px;
}
.clrfix:after{
	content: '';
	clear: both;
	display: block;
}
.related-posts .heading{overflow: hidden;}
#header .info.static{
	position: static;
	float: left;
	margin: -2px 0 0;
}
#header .info.static li {
	float: left;
}
#header .info.static .logo{
	background-size: 73px 66px;
	height: 24px;
	width: 73px;
}
#header .info.static li + li:after{display: none;}
#header .info.static li + li:before{
	height: 27px;
	left: -17px;
	margin: 0;
	top: -5px;
	width: 2px;
}
#header .info.static li + li{
	margin: 0 0 0 10px;
}
#header .info.static .title{
	background-size: 52px 24px;
	height: 25px;
	margin: -2px 0 0;
	width: 52px;
}
h2{
	font-size: 12px;
	line-height: 14px;
	color: #000;
	position: relative;
	padding-bottom: 4px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}
h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 139%;
	background: #000;
	height: 2px;
}
/*related-posts */
.related-posts h2{
	color: #ccc;
	margin: 0 0 26px;
}
.related-posts h2:after{
	background: #ccc;
}
.related-posts .item{
	margin-bottom: 20px;
}
.related-posts .item .holder img{
	vertical-align: top;
	width: 100%;
}
.date{
	font-size: 11px;
	line-height: 13px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 16px;
	text-transform: uppercase;
}
.edit-this {
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
	margin-top: 40px;
}
.likes{
	margin: 0;
	padding: 0;
	list-style: none;
}
.likes:after{
	content: '';
	clear: both;
	display: block;
}
.likes li{
	float: left;
	color: #686469;
	font-size: 12px;
	line-height: 14px;
	margin-right: 26px;
}
.likes li a{color: inherit;}
.likes li.facebook a:hover i{color: #3864a3;}
.likes li.twitter a:hover i{color: #41abe1;}
.likes li i{
	padding-right: 6px;
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.visual .cell-info{
	float: left;
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 10px 50px 0;
}

.visual .cell-info h4{
	margin: 0 0 1px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: normal;
}
.visual .cell-info .block + .block{margin-top: 24px;}
.visual .cell-info .block strong{
	display: inline-block;
	vertical-align: top;
}
.visual .cell-info .list-tags li{
	color: rgba(0, 0, 0, .2);
	line-height: 21px;
}
.visual .cell-info .list-tags li:before{
	content: '-';
	margin: 0 3px 0 1px
}
#wrapper.spacing {padding-top: 135px;}

.post-content .wp-caption { max-width: 100% !important; }
/*banner*/
.banner{
	margin: -5px 0 30px;
	padding-right: 21px;
}
.banner .institution{
	float: left;
	width: 26.9%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 38px;
	font-size: 21px;
	line-height: 23px;
	margin: -6px 0 0;
}
.menu-opened .banner .institution,
.menu-opened .banner .institution a{
	color: rgba(0, 0, 0, .2);
}
.banner .institution h3{
	margin: 0 0 30px;
	font-size: 21px;
	font-weight: normal;
	line-height: 28px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.banner .institution a{
	font-weight: 700;
}
.banner .wrap{
	font-size: 0;
	line-height: 0;
	float: right;
	width: 73.1%;
}
.banner .wrap .slider{margin-left: -17px;}
.banner .wrap .item{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px;
}
.banner .wrap .item .holder img{
	vertical-align: top;
	width: 100%;
}
/*contact*/
.contact{
	float: left;
	width: 26.9%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 38px 50px;
	font-size: 14px;
	line-height: 18px;
}
.contact address{
	font-style: normal;
	margin-bottom: 18px;
}
.contact a{
	display: inline-block;
	vertical-align: top;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
.contact .phone{
	font-weight: 400;
	margin-bottom: 18px;
}
/*about*/
.about{
	float: right;
	width: 73.1%;
	font-size: 21px;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 87px;
}
.about .container{max-width: 1000px;}
.about p{margin: 0 0 28px;}
.contact .institution{display: none;}

/*Personalizado por Micky*/
.people{
	float: right;
	width: 73.1%;
	font-size: 16px;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 87px;
}
.people .container{max-width: 1000px;}
.people p{margin: 0 0 28px;}
.contact .institution{display: none;}


/*events*/
div.events:first-of-type{padding-top: 70px;}
.events{padding:22px 21px 0 0;}
.events h2{
	padding-bottom: 8px;
	font-size: 13px;
}
.events h2:after{width: 120%;}
.events .col{
	float: left;
	width: 26.5%;
	padding: 0 40px 50px;
	margin: -13px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.events .col .heading{overflow: hidden;}
.events .grid-events{
	float: left;
	width: 73.5%;
	padding-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
}
.events .grid-item{padding: 5px;}
.events .grid-item.width02{width: 50%;}
/*life*/
.post-type-archive-life .life-block{
	float: right;
	width: 73.7%;
	padding: 70px 20px 0 10px; /*modificado por micky, original padding: 70px 20px 0 0;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*block-info*/
.block-info{
	max-width: 1058px;
	margin-bottom: 29px;
}
.block-info .holder:after{
	content: '';
	clear: both;
	display: block;
}
.block-info h2{
	margin: 0 0 27px;
	padding-bottom: 9px;
}
.block-info h2:after{
	width: 165%;
}
.block-info h3{
	margin: 0 0 25px;
	font-family: 'Karla-bold-italik', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
}
.block-info p{
	margin: 0 0 3px;
}
.block-info time{
	line-height: 16px;
	display: block;
	margin-bottom: 19px;
}
.block-info .img{
	float: left;
	width: 67.1%;
	margin-right: 35px;
	position: relative;
}
.block-info .img img{
	vertical-align: top;
	width: 100%;
}
.block-info .txt{
	overflow: hidden;
	padding: 33px 0 0;
	border-top: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 18px;
}
.block-info .read-more{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
	font-family: 'Karla-bold', sans-serif;
}
.block-info .read-more:before{
	content: '>';
	padding-right: 3px;
}
/*search*/
.search{margin-top: -2px;}
.search .col{
	float: right;
	width: 72.9%;
}
.search .heading{
	float: left;
	width: 27.1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 38px;
	margin: -7px 0 0 0;
	font-size: 16px;
	line-height: 18px;
	position: fixed;
}
.search .heading h1{
	margin: 0;
	font-size: 21px;
	line-height: 24px;
}
.search .heading span{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}
.search .contact, .page-template-about .contact{
	width: 30%;
	position: absolute;
	top: 50vh;
	left: 0;
	margin: 70px 0 0;
}
.search .block-info{margin-bottom: 38px;}
.search .block-info .img{
	width: 64.5%;
	margin-right: 50px;
}
.search .block-info .img img{
	vertical-align: top;
	width: 100%;
	max-height: 331px;
}
.search .block-info .txt{padding-top: 38px;}
.block-info.small{max-width: 690px;}
.block-info.small .img{
	width: 48%;
	margin-right: 47px;
}
.filter-nav{
	float: left;
	width: 26.35%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px;
	margin: -9px 0 0;
}
.filter-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.filter-nav ul li{
	display: block;
	color: rgba(0, 0, 0, .2);
	font-size: 21px;
	line-height: 23px;
	font-family: 'Karla-bold', sans-serif;
	margin-bottom: 9px;
}
.filter-nav ul li a{
	color: inherit;
}
.filter-nav ul li.active a{color: #000;}
.filter-nav ul li.active a:before{
	content: '/';
	padding-right: 6px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.filter-nav ul li a:hover{color: #000;}
.grid-project{
	float: left;
	width: 73.65%;
	font-size: 0;
	line-height: 0;
	margin: -12px 0 0;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-project .grid-item{
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid-project .holder img{
	vertical-align: top;
	width: 100%;
}
.program{padding: 93px 0 0;}
#wrapper > .program { padding-top: 0; }
.program-nav{
	float: left;
	width: 26.5%;
	padding: 0 37px 67px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Karla-bold', sans-serif;
	/*overflow-y: scroll; 
	height: 80vh;*/
}
#program-nav-container {
	position: fixed;
	width: 25.5%;
}
#program-nav-container.no-fixed {
	width: 100% !important;
	position: static !important;
}
.program-nav p{margin: 0;}
.program-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.program-nav .dropdown{
	padding: 15px 19px 83px;
	max-width: 285px;
	display: none;
}
.program-nav > div > ul > li{
	display: block;
	margin-bottom: 8px;
}
.program-nav  ul  li .dropdown{display: block;}
.program-nav > div > ul > li >a{
	font-size: 26px;
	line-height: 28px;
	color: rgba(0, 0, 0, .2);
}
.program-nav > div > ul > li >a:hover,
.program-nav > div > ul > li.active > a{
	color: #000;
}
.program-nav > div > ul > li.active > a:before{
	content: '/';
	padding: 0 6px 0 0;
}
.program-nav ul li .txt{
	font-size: 14px;
	line-height: 20px;
	font-family: 'Karla', sans-serif;
	margin-bottom: 27px;
}
.program-nav ul li .read-more{
	font-family: 'Karla-bold', sans-serif;
	font-size: 12px;
}
.program-nav ul li .title{
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	font-family: 'Karla-bold', sans-serif;
	font-weight: normal;
	display: block;
	margin-bottom: 8px;
}
.program-nav ul ul li{
	font-size: 18px;
	line-height: 20px;
	font-family: 'Karla', sans-serif;
	margin-bottom: 8px;
}
.program-nav ul ul li a{
	color: rgba(0, 0, 0, .2);
}
.program-nav ul ul li a:hover{color: #000;}
.program-nav ul ul li.active{
	font-family: 'Karla-bold', sans-serif;
}
.program-nav ul ul li.active a{color: #000;}
.program-nav ul ul li.active a:before{
	content: '/';
	padding: 0 7px 0 0;
}
.program-nav ul ul li .label {
	opacity: 0;
}
.program-nav ul ul li.active .label{
	color: rgba(0, 0, 0, .2);
	font-family: 'Karla-italik', sans-serif;
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 0 11px;
	opacity: 1;
}
.program-nav ul ul li .label:before{
	content: '>';
	padding: 0 3px 0 0;
}
.program-area{
	float: left;
	width: 73.5%;
	padding: 45px 0 0;
}
.program-area .menu {
	display: none;
}
.program-area .heading{
	padding-bottom: 2px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 6px;
	margin-left: 5px;
}
.program-area .heading.no-border {
	border: 0;
}
.program-area .heading h2{
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	display: block;
}
.program-area .heading h2:after{display: none;}
.program-area .heading .view-btn{
	display: inline-block;
	vertical-align: top;
	font-family: 'Karla-bold', sans-serif;
	line-height: 15px;
	font-size: 19px; /*Original font-size: 14px;*/
	border-bottom: 2px solid #000;
	padding-bottom: 5px;
}
.program-area.open-filter .heading .view-btn{
	display: none;
}
.program-area.open-filter .menu {
	display: block;
}
.program-area .heading .breadcrumbs{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.program-area .heading .breadcrumbs li{
	font-size: 15px;
	line-height: 16px;
	float: left;
	font-family: 'Karla-bold-italik';
	margin-right: 10px;
	position: relative;
}
.program-area .heading .breadcrumbs li + li{padding-left: 16px;}
.program-area .heading .breadcrumbs li + li:before{
	content: '>';
	position: absolute;
	top: 0;
	left: 0;
}
.program-area .heading .close{
	float: right;
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	position: relative;
	margin: -12px 18px 0 0;
	color: #000;
}
.program-area .heading .close:before,
.program-area .heading .close:after{
	content: '';
	position: absolute;
	width: 12px;
	height: 2px;
	background: #000;
}
.program-area .heading .close:before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 0;
	top: 4px;
}
.program-area .heading .close:after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 4px;
	left: 0;
}
.filters {
	float: left;
	width: 24.9%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 5px;
	display: none;
}
.filters .all-btn{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 28px;
	color: rgba(0, 0, 0, .2);
}
.filters .all-btn:hover,
.filters .all-btn.active{color: #000;}
.filters .all-btn.active:before{
	content: '/';
	padding: 0 3px 0 0;
}
.filters ul{
	margin: 0 0 36px;
	padding: 0;
	list-style: none;
}
.filters ul li{
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
.filters ul li a{
	color: rgba(0, 0, 0, .2);
}
.filters ul li.active a,
.filters ul li a:hover{
	color: #000;
}
.filters ul li.active a:before{
	content: '/';
	padding: 0 3px 0 0;
}
.filters h3{
	margin: 0 0 10px;
	font-family: 'Karla-bold-italik';
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
.grid-program{
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	margin-bottom: 36px;
}
.program-area.open-filter .grid-program .grid-item{
	width: 33.333%;
}
.program-area.open-filter .filters {
	display: block; 
}
.grid-program .grid-item{
	width: 25%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
.grid-program .grid-item .holder img{
	vertical-align: top;
	width: 100%;
}
.error { font-size: 13px; }
@media screen and (max-width: 1455px){
	#footer .subscribe.active,
	#footer .form-search .holder.active{width: 250px;}
	#footer .form-control{
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	.content .postc{width: 510px;}
	.related-posts { right: -68%; }
	.search .block-info .txt{padding-right: 10px;}
	.grid-item .holder .prof{max-height: 51px;}
	.grid-item .holder .production{max-height: 52px;}
	.grid-item .holder .title{max-height: 22px;}
	#footer .form-control{width: 81%;}
}
@media screen and (max-width: 1210px){
	.col-left{
		padding-left: 39px;
		padding-bottom: 63px;
	}
	#footer .subscribe.active,
	#footer .form-search .holder.active{width: 203px;}
	#footer .form-control{width: 78%;}
	.grid-item .holder.txt{
		padding: 16px 3px 27px;
	}
	.col-right{
		padding-left: 4px;
		padding-right: 5px;
	}
	.grid-item .holder .title{
		font-size: 10px;
		line-height: 12px;
		padding-bottom: 8px;
		margin-bottom: 15px;
	}
	.grid-item .holder .prof{
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 0;
	}
	.grid-item .holder .production{
		font-size: 15px;
		line-height: 18px;
	}
	#main-nav ul li{
		font-size: 15px;
		line-height: 18px;
	}
	#header .open-menu{
		width: 20px;
		margin-right: 41px;
	}
	.open-menu span{
		width: 20px;
		height: 4px;
	}
	.menu-opened .open-menu span{
		height: 4px;
		width: 12px;
	}
	.menu-opened .open-menu span:nth-child(1){
		-webkit-transform: rotate(45deg) translate(10px, -2px);
		-ms-transform: rotate(45deg) translate(10px, -2px);
		-o-transform: rotate(45deg) translate(10px, -2px);
		transform: rotate(45deg) translate(10px, -2px);
	}
	.menu-opened .open-menu span:nth-child(3){
		-webkit-transform: rotate(-45deg) translate(-2px, 5px);
		-ms-transform: rotate(-45deg) translate(-2px, 5px);
		-o-transform: rotate(-45deg) translate(-2px, 5px);
		transform: rotate(-45deg) translate(-2px, 5px);
	}
	/*#header .info.static,
	#header.scrolled .info{margin: 5px 0 0;}
	#header .info.static li + li,
	#header.scrolled .info li + li{margin: 0 0 0 19px;}
	#header .info.static li + li:before,
	#header.scrolled .info li + li:before{
		width: 1px;
		height: 17px;
		top: -3px;
		left: -10px;
	}
	#header .info.static .logo,
	#header.scrolled .info .logo{
		width: 45px;
		height: 15px;
		-webkit-background-size: 45px ;
		background-size: 45px ;
	}
	#header .info.static .title,
	#header.scrolled .info .title{
		background-size: 32px 15px;
		height: 17px;
		width: 34px;
	}*/
	#main-nav{padding: 40px 0 56px 12px;}
	#main-nav ul li + li{margin-left: 5.9%;}
	#main-nav ul li a{
		border-width: 1px 0;
		padding: 3px 0 6px;
	}

	.list-tags li{
		font-size: 13px;
		line-height: 21px;
	}
	.col-left .tags{top: 124px;}
	#footer .open-form{
		font-size: 22px;
		line-height: 22px;
		width: 22px;
	}
	.social li{
		font-size: 12px;
		line-height: 14px;
	}
	#footer .form-search{margin-right: 43px;}
	.social{padding-top: 7px;}
	.social li + li{margin-left: 24px;}
	#main{padding: 0 65px 0 40px;}
	.visual{
		padding: 0 10px 20px 0;
		width: 85.8%;
		margin-bottom: 15px;
	}
	.post-content > p:first-of-type > a:first-of-type > img { max-width: 100%; height: auto; }
	.post-content img { max-width: 100%; height: auto; }
	.content{
		/*width: 85.8%;*/
		font-size: 13px;
		line-height: 18px;
	}
	.related-posts{
		display: none;
	}
	h2{
		font-size: 10px;
		line-height: 12px;
	}
	#col-title h2{
		padding-bottom: 5px;
		margin: 0 0 20px;
	}
	#col-title h3{
		font-weight: normal;
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	#col-title .author{
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 6px;
	}
	.visual .wrap{width: 69.8%;}
	.visual .slick-dots{bottom: -21px;}
	#col-title-container, #col-title {width: 30.2%;}
	.visual .cell-info{width: 90%;}
	.date{margin-bottom: 20px;}
	.likes{padding: 0 0 0 3px;}
	.related-posts .item{margin-bottom: 10px;}
	.slick-dots li button{
		width: 7px;
		height: 7px;
	}
	.content .post-content { width: 100%; }
	.slick-dots li + li{margin-left: 7px;}
	.post .big-txt{
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 18px;
	}
	.content .postc{
		width: 100%;
		padding-left: 4px;
	}
	.content p{margin-bottom: 23px;}
	.block-info .img{
		width: 58%;
	}
	.grid-item .holder .title{max-height: 17px;}
	.grid-item .holder .open-link{max-height: 26px;}
}
@media screen and (min-width: 992px){
	.grid-item:hover .item .holder.txt{
		visibility: visible;
		opacity: 1;
	}
	
}
@media screen and (max-width: 991px){
	#header .open-menu { display: block; }
	.grid-item.active .holder.txt{
		opacity: 1;
		visibility: visible;
	}
	body.home #wrapper.scrolled{
		padding-top: 56px;
	}
	.col-left{
		background: #fff;
		bottom: auto;
		width: 100%;
		padding: 19px 14px 0 15px;
		overflow: hidden;
	}
	.col-right{
		float: none;
		width: 100%;
		padding: 10px 10px 38px 9px;
	}
	body.menu-opened .col-right {
		padding-top: 215px;
	}
	.fader{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		opacity: 0;
		z-index: -1;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
		visibility: hidden;
		cursor: pointer;
	}
	.menu-opened .fader{
		z-index: 40;
		opacity: 1;
		visibility: visible;
	}
	#header {
		width: 100%;
		top: 0;
		left: 0;
		padding: 19px 16px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: white;
	}
	.menu-opened #header,
	#header.scrolled{
		padding: 24px 16px 46px;
	}
	#header .open-menu{
		float: none;
		position: absolute;
		top: 15px;
		margin: 0;
		right: 14px;
		width: 28px;
	}
	.open-menu span{
		width: 28px;
		height: 5px;
	}
	.menu-opened .open-menu span{
		height: 6px;
		width: 18px;
	}
	.menu-opened .open-menu span:nth-child(3){
		-webkit-transform: rotate(-45deg) translate(3px, 1px);
		-ms-transform: rotate(-45deg) translate(3px, 1px);
		-o-transform: rotate(-45deg) translate(3px, 1px);
		transform: rotate(-45deg) translate(3px, 1px);
	}
	.menu-opened .open-menu span:nth-child(1){
		-webkit-transform: rotate(45deg) translate(8px, -8px);
		-ms-transform: rotate(45deg) translate(8px, -8px);
		-o-transform: rotate(45deg) translate(8px, -8px);
		transform: rotate(45deg) translate(8px, -8px);
	}
	.menu-opened #header .info{
		float: left;
		margin: -2px 0 0;
	}
	#header .info{
		margin: 0;
		position: static;
	}
	#header .info li{
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.menu-opened .info li + li:before{
		height: 27px;
		left: -17px;
		margin: 0 0 16px;
		top: -5px;
		width: 2px;
	}
	body.menu-opened{overflow: hidden;}
	.menu-opened .info li{float: left;}
	.menu-opened .info li + li:after{display: none;}
	.menu-opened #header .info li + li,
	#header .info.static li + li,
	#header.scrolled .info li + li{margin: 0 0 0 10px;}
	#header .info li strong{
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	#header .logo{
		-webkit-background-size: 129px 114px;
		background-size: 129px 114px;
		width: 129px;
		height: 114px;
	}
	#header .info.static .title,
	#header.scrolled .info .title{
		width: 52px;
		-webkit-background-size: 52px 24px;
		background-size: 52px 24px;
		height: 25px;
	}
	.menu-opened .info .logo{
		height: 23px;
		width: 73px;
		background-size: 73px 66px;
	}
	#header .info.static .logo,
	#header.scrolled .info .logo,
	.menu-opened #header .info .logo{
		height: 23px;
		width: 73px;
		-webkit-background-size: 73px 66px;
		background-size: 73px 66px;
	}
	.col-left .info li + li{
		margin-top: 83px;
	}
	.menu-opened #header .info .title{
		background-size: 52px 24px;
		height: 25px;
		margin: -2px 0 0;
		width: 52px;
	}
	.col-left .tags{display: none;}
	.col-left .info li + li:before{
		margin: 0 0 16px;
	}
	.menu-opened #header .info li + li:before,
	#header .info.static li + li:before,
	#header.scrolled .info li + li:before{
		height: 27px;
		left: -17px;
		top: -5px;
		width: 2px;
	}
	.col-left .title{
		-webkit-background-size: 60px 26px;
		background-size: 60px 26px;
		height: 26px;
	}
	#header .info li + li{margin-top: 84px;}
	#header .info li + li:after{margin: 11px 0 0;}
	#header .info li + li:before{margin: 0 0 17px;}
	#header .title{
		height: 25px;
		-webkit-background-size: 60px 25px;
		background-size: 60px 25px;
	}
	.grid-item .holder.txt{
		padding: 37px 6px 15px;
	}
	.events .col{padding: 0 10px 50px;}
	.grid-item .holder .title{
		font-size: 10px;
		line-height: 12px;
		padding-bottom: 7px;
		margin-bottom: 15px;
	}
	.grid-item .holder .open-link
	.grid-item .holder .txt{
		font-size: 10px;
		line-height: 12px;
	}
	.grid-item .holder .prof,
	.grid-item .holder .production{
		font-size: 14px;
		line-height: 18px;
	}
	.col-right .stamp{
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 15px 10px 25px 10px;
		text-align: center;
		height: auto;
	}
	#main-nav{
		left: 0;
		width: 100%;
		padding: 41px 14px 93px;
		top:-100%;
	}
	.menu-opened #main-nav{top: 45px;}
	.menu-opened #header .open-menu{top: 23px;}
	#main-nav ul li{
		font-size: 16px;
		line-height: 20px;
	}
	#main-nav ul li a{
		padding: 2px 0;
		letter-spacing: 1px;
	}
	#main-nav ul li + li{margin-left: 7.1%;}
	#footer{
		left: 0;
		top: -100%;
		bottom: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 15px;
		-webkit-transition: top .7s ease 0s;
		-o-transition: top .7s ease 0s;
		transition: top .7s ease 0s;
		padding-bottom: 37px;
		width: 100%;
	}
	#footer:after{
		content: '';
		clear: both;
		display: block;
	}
	.menu-opened #footer{
		top: 205px;
	}
	
	.grid-item .item,
	.grid-item .holder,
	.grid-item .holder.txt {
		top: 4px;
		bottom: 4px;
	}
	.grid-item .item {
		left: 4px; right: 4px;
	}
	#wrapper{
		-webkit-transition: padding .3s;
		-o-transition: padding .3s;
		transition: padding .3s;
		padding-top: 311px;
	}
	.menu-opened #wrapper{
		padding-top: 60px;
	}
	.social {
		float: left;
		padding-top: 9px;
	}
	.social li{
		font-size: 16px;
		line-height: 18px;
	}
	.social li + li{margin-left: 32px;}
	#footer .form-search{margin-right: 65px;}
	.col-left .open-form{
		font-size: 26px;
		line-height: 26px;
	}
	#header .info.static,
	#header.scrolled .info{margin: -2px 0 0;}
	#footer .subscribe.active,
	#footer .form-search .holder.active{width: 260px;}
	#footer .subscribe{
		left: 10px;
	}
	h2{
		font-size: 14px;
		line-height: 16px;
	}
	#col-title h2{
		padding-bottom: 6px;
		margin-bottom: 21px;
	}
	#col-title h3{
		line-height: 24px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	.visual .cell-info .block + .block{margin-top: 25px;}
	#wrapper.spacing{padding-top: 96px;}
	.col-right.spacing{padding: 0 19px 38px 0px;}
	.visual{
		width: 100%;
		padding: 0 0 21px;
		margin-bottom: 13px;
	}
	.related-posts{
		margin-top: -6px;
		width: 15.5%;
		padding-left: 29px;
	}
	.related-posts h2{
		font-size: 10px;
		line-height: 12px;
		padding-bottom: 7px;
		margin-bottom: 12px;
	}
	.content{width: 74.5%;}
	#main{padding: 0 19px 0 16px;}
	.visual .wrap{width: 74.8%;}
	#col-title, #col-title-container {width: 25.2%;}
	#col-title {margin-top: -6px;}
	.banner .wrap .slider{margin: 0;}
	.banner .wrap .item{padding: 0;}
	.banner{
		margin: 0 0 37px;
		padding: 0 19px 0 0;
	}
	.banner .institution{
		padding: 0 13px;
		font-size: 15px;
		line-height: 18px;
	}
	.banner .institution h3{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 18px;
	}
	.about{
		width: 72.5%;
		font-size: 14px;
		line-height: 18px;
		padding: 0 20px 0 0;
	}
	.about .big-txt{
		font-size: 18px;
		line-height: 26px;
	}
	.about p{margin-bottom: 18px;}
	.contact{
		width: 27.5%;
		padding: 3px 14px 50px;
		font-size: 12px;
		line-height: 16px;
	}
	.contact address{
		margin-bottom: 16px;
	}
	.contact .phone{
		margin-bottom: 16px;
	}
	.events{padding: 0;}
	.events.spacing{
		padding: 0;
	}
	.life{
		width: 100%;
		float: none;
		padding: 0;
	}
	.block-info h2{
		font-size: 10px;
		line-height: 14px;
		padding-bottom: 4px;
		margin-bottom: 14px;
	}
	.block-info .img{
		margin-right: 11px;
	}
	.block-info .txt{
		padding: 19px 10px 0 0;
		font-size: 12px;
		line-height: 16px;
	}
	.block-info h3{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 4px;
	}
	.block-info p{margin: 0;}
	.block-info time{
		font-size: 10px;
		line-height: 14px;
		margin-bottom: 7px;
	}
	.search{
		margin: 0;
		padding: 5px 0 0;
	}
	.search .heading{
		width: 26.2%;
		font-size: 14px;
		line-height: 18px;
		margin-top: -11px;
		padding: 0 15px;
		font-family: 'Karla-bold';
	}
	.search .heading h1{
		font-family: 'Karla-bold';
		font-weight: normal;
		font-size: 18px;
		line-height: 24px;
	}
	.search .heading .title{
		position: relative;
		text-transform: uppercase;
		display: block;
		padding-bottom: 4px;
		margin-bottom: 22px;
	}
	.search .heading .title:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 91%;
		height: 2px;
		background: #000;
	}
	.search .col{width: 73.8%;}
	.search .block-info .img{
		width: 54%;
		margin-right: 11px;
	}
	.search .block-info.small .img{
		width: 27%;
	}
	.search .block-info .txt{padding-top: 19px;}
	.search .contact, .page-template-about .contact{
		position: static;
		margin: 0;
		float: right;
		width: 73.8%;
		padding: 0;
	}
	.filter-nav{
		float: none;
		width: 100%;
		padding: 0 15px 25px;
		margin: -6px 0 0;
	}
	.filter-nav ul li{margin-bottom: 13px;}
	.grid-project{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0 8px;
	}
	.grid-project .grid-item{padding: 5px;}
	.program-nav .dropdown{
		max-width: none;
		padding: 5px 0 0;
	}
	.program-nav ul li .read-more:before{
		content: '>';
		padding-right: 3px;
		padding-top: 1px;
		display: inline-block;
		vertical-align: top;
	}
	.program-nav .dropdown b{display: block;}
	.program-nav ul li .txt{
		line-height: 18px;
		margin-bottom: 20px;
	}
	.program{padding: 0;}
	.program-nav{
		padding: 0 15px;
		margin: -6px 0px 20px 0px;
		float: none;
		width: 100%;
	}
	#program-nav-container {
		width: 100%;
		margin-top: 25px;
		margin-left: -7px;
	}
	.program-nav > div > ul > li > a{
		font-size: 21px;
		line-height: 24px;
	}
	.program-nav > div > ul > li.active > a:before{padding-right: 5px;}
	.program-nav > div > ul > li{margin-bottom: 11px;}
	.program-nav ul li .title{
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding-bottom: 4px;
		margin-bottom: 4px;
	}
	.program-nav ul li .title:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 145%;
		height: 1px;
		background: #000;
	}
	.program-nav ul ul li{
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 6px;
	}
	.filters{
		float: none;
		width: 100%;
		padding: 0 34px;
	}
	.filters ul{margin-bottom: 27px;}
	.filters ul li {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.filters .all-btn{
		color: #222;
		margin-bottom: 8px;
	}
	.filters .all-btn.active{
		color: #000;
		margin-bottom: 10px;
	}
	.filters ul li a{color: #222;}
	.filters ul li a.active{color: #000;}
	.filters h3{margin: 0 0 14px 2px;}
	.program-area{
		width: 100%;
		float: none;
		padding: 0;
	}
	.grid-program{overflow: visible;margin-top: 310px; }
	.program-area .heading h2{
		font-size: 10px;
		line-height: 14px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 4px;
	}
	.program-area .heading{
		padding: 0 0 0 2px;
		border-bottom: none;
		margin-bottom: 1px;
	}
	.program-area .heading .menu{
		padding: 0 0 5px 2px;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 11px;
	}
	.program-area .heading .view-btn{
		border: none;
		padding-bottom: 0;
		margin:  0 0 11px 1px;
		text-transform: capitalize;
	}
	.program-area .heading .view-btn:after{
		content: '>';
		padding-left: 7px;
	}
	.program-area .heading .close{
		width: 13px;
		height: 13px;
		margin: 5px 15px 0 0;
	}
	.program-area .heading .close:before,
	.program-area .heading .close:after{
		width: 15px;
		height: 3px;
	}
	.program-area .heading .breadcrumbs li{
		font-size: 18px;
		line-height: 20px;
	}
	.filters h3{
		font-size: 18px;
		line-height: 22px;
	}
	.filters ul li.active a{
		font-family: 'Karla-bold';
	}
	#footer .open-form{
		font-size: 26px;
		line-height: 26px;
		width: 25px;
	}
	.grid-item .holder .prof{max-height: 36px;}
	.grid-item .holder .open-link{max-height: 27px;}
	.grid-item .holder .production{max-height: 36px;}
}
@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px){
	body{
		-webkit-text-size-adjust: none;
		min-width: 320px;
	}
	body.home #wrapper.scrolled{
		padding-top: 69px;
	}
	.col-left{
		padding: 29px 22px 0;
	}
	.grid-item{
		width: 50%;
	}
	#header .info li + li{
		margin-top: 71px;
	}
	.col-left .title{
		-webkit-background-size: 42px 19px;
		background-size: 42px 19px;
	}
	#header .info li + li:before{margin: 0 0 10px}
	#header .info li + li:after{margin: 6px 0 0;}
	#header .open-menu{
		width: 23px;
		top: 26px;
		right: 23px;
		display: block;
	}
	.open-menu span{
		width: 23px;
		height: 4px;
	}
	.open-menu span + span{
		margin-top: 3px;
	}
	#header{padding: 28px 23px 15px;}
	#header .title{
		-webkit-background-size: 42px 20px;
		background-size: 42px 20px;
		height: 20px;
		width: 42px;
	}
	#wrapper{padding-top: 283px;}
	#header.scrolled {padding: 28px 23px 20px;}
	.menu-opened #header{
		padding: 28px 23px 21px;
	}
	.menu-opened #header .info li + li,
	#header.scrolled .info li + li{
		margin: 0 0 0 31px;
	}
	.menu-opened #header .open-menu{
		top: 26px;
		right: 25px;
	}
	.menu-opened #header:before{
		content: '';
		position: absolute;
		bottom: 1px;
		left: -22px;
		right: -22px;
		height: 1px;
		background: #000;
	}
	#main-nav{
		padding: 72px 21px 9px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.menu-opened #main-nav{
		top: 70px;
		padding-left: 0;
	}
	#main-nav ul{
		font-size: 0;
		line-height: 0;
		margin: 0 -55px 0 0;
	}
	#main-nav ul li + li{margin: 0 0 23px;}
	#main-nav ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 23px;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 10px;
	}
	#main-nav ul li a{
		display: inline-block;
		vertical-align: top;
		padding: 1px 0;
		border-width: 1px 0;
	}
	#footer .subscribe{left: 0;}
	#footer .form-search{
		position: fixed;
		top: -100%;
		left: 21px;
		margin: 0;
		-webkit-transition: top .7s;
		-o-transition: top .7s;
		transition: top .7s;
	}
	.menu-opened #footer .form-search{
		top: 84px;
	}
	#footer .open-form{
		font-size: 21px;
		line-height: 24px;
	}
	#footer{
		padding-left: 22px;
		padding-bottom: 18px;
	}
	#featured-image img, #featured-image .slick-slide {
		height: 240px;
	}
	.menu-opened #footer{
		top: 283px;
	}
	.social{
		float: none;
		padding-top: 19px;
		position: relative;
	}
	.social:after{
		content: '';
		clear: both;
		display: block;
	}
	.social li{
		font-size: 18px;
		line-height: 20px;
	}
	.social li + li{
		margin-left: 36px;
	}

	.grid-item .item,
	.grid-item .holder,
	.grid-item .holder.txt {
		top: 4px;
		bottom: 4px;
	}
	.grid-item .item {
		left: 4px; right: 4px;
	}
	.col-right{
		padding: 10px 0 38px;
	}
	.grid-item .holder .title{
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 23px;
		padding-bottom: 3px;
	}
	.grid-item .holder .prof, .grid-item .holder .production{
		font-size: 18px;
		line-height: 24px;
	}
	.col-right .slick-arrow{display: none !important;}
	.visual{
		padding: 0;
		margin-bottom: 13px;
	}
	#col-title,#col-title-container {
		float: none;
		width: 100%;
		position: static;
	}
	.visual .wrap{
		width: 100%;
		float: none;
	}
	.visual .slick-dots{display: none !important;}
	#col-title {
		margin-top: -11px;
		padding: 0 20px;
	}
	.visual .likes{display: none;}
	#main{padding: 0;}
	.visual .slick-arrow{margin-top: -26px;}
	.visual .cell-info{
		float: none;
		width: 100%;
		padding: 0 20px 22px;
		font-size: 0;
		line-height: 0;
	}
	.visual .cell-info .block{
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 13px !important;
	}
	.visual .cell-info h4{margin-bottom: 5px;}
	.visual .cell-info strong{
		font-size: 14px;
		line-height: 17px;
	}
	.visual .cell-info .list-tags li{
		font-size: 14px;
		line-height: 16px;
	}
	.visual .cell-info .block:last-child{width: 100%;}
	.content{
		float: none;
		width: 100%;
		padding: 0;
	}
	.related-posts{
		float: none;
		width: 100%;
		padding: 0 10px;
		margin: 0;
		font-size: 0;
		line-height: 0;
	}
	.content .postc{
		float: none;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 21px;
	}
	.post .big-txt{
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 16px;
	}
	.content p{margin-bottom: 29px;}
	.post .img{
		margin: 0 -11px 37px;
	}
	.related-posts h2{
		font-size: 14px;
		line-height: 16px;
		margin: 0 0 19px 10px;
	}
	.related-posts h2:after{width: 101%;}
	.related-posts .item{
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
	}
	.related-posts .item:nth-child(even){padding-right: 5px;}
	.related-posts .item:nth-child(odd){padding-left: 5px;}
	.banner .institution{display: none;}
	.banner{
		padding: 0;
		margin: -7px 0 27px;
	}
	.banner .slick-arrow{margin-top: -26px;}
	.banner .wrap{
		float: none;
		width: 100%;
		position: relative;
	}
	.about{
		float: none;
		width: 100%;
		padding: 0 21px;
	}
	.contact{
		float: none;
		width: 100%;
		padding: 0 20px;
	}
	.about p{margin-bottom: 33px;}
	.contact .institution{
		display: block;
		font-size: 15px;
		line-height: 18px;
	}
	.contact .institution h3{
		margin: 0 0 18px;
		font-weight: normal;
		font-size: 14px;
		line-height: 18px;
	}
	.contact .institution a{margin-bottom: 18px;}
	.events .col{
		float: none;
		width: 100%;
		padding: 0 10px 5px;
	}
	.events .grid-events{
		float: none;
		width: 100%;
	}
	.events .grid-item.width02{width: 100%;}
	.events.spacing{padding: 17px 0 0;}
	.block-info{
		margin-bottom: 9px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.block-info .img{
		width: 37.1%;
		margin-right: 12px;
	}
	.block-info h2{
		padding-bottom: 0;
		margin-bottom: 9px;
	}
	.block-info h2:after{height: 1px;}
	.block-info time{margin-bottom: 18px;}
	.block-info p{margin-bottom: 1px;}
	.search .heading{
		float: none;
		width: 100%;
		margin-top: -17px;
		padding: 0 20px 33px;
	}
	.search .col{
		float: none;
		width: 100%;
	}
	.search .heading .title:after{width: 55%;}
	.search .block-info .img{
		width: 30.5%;
		margin-right: 12px;
	}
	.search .block-info{margin-bottom: 9px;}
	.block-info.small .img{width: 23.9%;}
	.block-info h2:after{
		min-width: 0;
		width: 144%;
	}
	.search .block-info .txt{padding-top: 18px;}
	.search .contact{
		width: 100%;
		padding: 0 10px;
	}
	.filter-nav{
		margin: -15px 0 20px;
		padding: 0 21px 11px;
		border-bottom: 1px solid #000;
	}
	.filter-nav ul li{margin-bottom: 11px;}
	.grid-project{padding: 0 6px;}
	.grid-project .grid-item{width: 50%;}
	.program-area .heading .close{
		width: 10px;
		height: 10px;
		margin: -12px 12px 0 0;
	}
	.program-area .heading .close:before,
	.program-area .heading .close:after{
		width: 12px;
		height: 12px;
		height: 2px;
	}
	.program-area .heading .breadcrumbs li{
		font-size: 15px;
		line-height: 16px;
	}
	.program-area .heading .menu{
		padding-bottom: 8px;
		margin-bottom: 14px;
	}
	.filters{padding: 0 5px;}
	.filters .all-btn{margin-bottom: 8px;}
	.filters ul li{margin-bottom: 9px;}
	.grid-program.open-filter .grid-item,
	.grid-program .grid-item{width: 50%;}
	.grid-program{padding: 0 5px;}
	.filters h3{margin-bottom: 7px;}
	.filters ul{margin-bottom: 20px;}
	.menu-opened #footer{border-top: 1px solid #000;}
	.block-info .holder{
		min-width: 670px;
	}
	.grid-item .holder .prof{max-height: 46px;}
	.grid-item .holder .production{max-height: 51px;}
	#footer .subscribe{top: 9px;}
	.grid-item.width2{
		width: 100%;
	}
}
@media screen and (max-width: 480px), screen and (orientation: landscape) and (max-width: 480px), screen and (orientation: portrait ) and (max-width: 480px){
	.col-right .grid-item.active .slick-arrow{display: block !important;}
	.grid-item.mobile100{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.grid-item .holder .cell{padding: 0 20px;}
}