/*
	Theme Name: Maio
	Theme URI: http://www.maio-architects.com/
	Description: Maio template
	Version: 1.2
	Author: LLOS&
	Author URI: http://llos.co
	Text Domain: llos
	Domain Path: /lang
*/


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

	@font-face {
		font-family: 'Union';
		src: url('fonts/Union-Regular.eot');
		src: url('fonts/Union-Regular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Union-Regular.woff') format('woff'),
			 url('fonts/Union-Regular.ttf') format('truetype'),
			 url('fonts/Union-Regular.svg#Union-Regular') format('svg');
		font-style: normal;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}
	@font-face {
		font-family: 'Union';
		src: url('fonts/Union-Italic.eot');
		src: url('fonts/Union-Italic.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Union-Italic.woff') format('woff'),
			 url('fonts/Union-Italic.ttf') format('truetype'),
			 url('fonts/Union-Italic.svg#Union-Italic') format('svg');
		font-style: italic;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}


/*	Misc
	---- */

body{ margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; color: #000; font-family: 'Union'; font-size: 18px; line-height: 1.4em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; overflow-x:hidden; }

a { color: black; }
a, a p { transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;}
a p { color: inherit; }
a:hover, a:focus{ opacity: .5; text-decoration: none; outline:none;}
input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }

input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: #909;}
:-moz-placeholder { color: #909; opacity: 1;}
::-moz-placeholder { color: #909; opacity: 1;}
:-ms-input-placeholder { color: #909;}

::-moz-selection { color: black;  background: #99CCFF; }
::selection      { color: black;  background: #99CCFF; }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}

p{ margin-bottom: 20px; margin-top: 0; }

.container-fluid{ margin: 0 88px auto;}
.img-responsive{ width: 100%;}

.fullscreen{ width: 100%; height: 100vh; margin: 0; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slick-slide, .slick-slide img { 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%;}

.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; }
.transition-quad { -webkit-transition: all 450ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 450ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 450ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 450ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */ }
/*.transition-info { -webkit-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }*/
.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}

html.frozen, body.frozen {overflow:hidden;position: relative;}

body.frozen:after { display: block; top: 0; left: 0; right: 0; bottom: 0; position: fixed; background: transparent; z-index: 2; }
#wrapper {height:100vh;}

span.close {
    background-image: url('img/close.svg');
    background-size: 36px;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    cursor:pointer;
	position: absolute;
    transition: opacity .3s ease-in-out; 
    -webkit-transition: opacity .3s ease-in-out; 
    -moz-transition: opacity .3s ease-in-out; 
    -o-transition: opacity .3s ease-in-out;
    display:none;
}
span.close.info {display:none ;}


/*	Header
	------ */
.menu {cursor:pointer;z-index:9;line-height:1.4em;}
.menu.logo {
    top: 25px;
    left: 35px;
    position: fixed;
    text-transform: uppercase;
}
.menu.projects {
    top: 25px;
    right: 35px;
    position: fixed;
}
.home .menu.projects {text-decoration: underline;}
.home .menu.projects:hover {opacity:1;color:#000;cursor:default;}
.open-news .menu.projects, .open-info .menu.projects {text-decoration: none;}
.top-area {height:80px;}

/*	Homepage / Archive Project
	-------- */
/*.item_project {padding:0 30px;}*/
.item_project.image-v {
    padding: 0 40px;
}
.item_project.image-h {
    padding: 0 15px;
}
.thmb-box {
	position: relative;
    display: table;
    margin: 0 auto;
    margin-bottom:60px;
}

.thmb-box .image-box {
    display: table-cell;
    vertical-align: middle;
}
.image-box .image {
    display: block;
    position: relative;
}
.thmb-box .cover {
    color: black;
    font-size: 16px;
    line-height: 19px;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
    opacity: 0;
    display: block;
    background: #FABEB3;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.thmb-box .image:hover .cover {opacity:1;}
body.color .thmb-box .cover {opacity:1;}

.image .cover .title {
    top: 20px;
    left: 20px;
    position: absolute;
}
.image .cover .subtitle {
    bottom: 20px;
    left: 20px;
    right:20px;
    position: absolute;
}
.image .cover .situation {
	position: absolute;
    transform: rotate(270deg);
    transform-origin: top right;
    right: 40px;
    top: 30px;
}

/*	Single Project
	-------- */
body.single-project {
    overflow: hidden;
}
.project-header, .project-footer {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.project-header {top:30px;}
.project-footer {bottom:30px;}
.project-footer .info {
	cursor:pointer;
    display: inline-block;
    color: #fabeb4;
    padding-left: 15px;
    transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;
}
.project-footer .info:hover {
	color: #9a9a9a;
}
.single #wrapper.container-fluid {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.maioslider {
    height: calc(100vh - 180px);
    margin-top: 90px;
}
.slick-track {
    height: calc(100vh - 180px);
}
.maioslider .slider {text-align: center;}
.maioslider .slick-slide:before {
	content:'';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.maioslider .slider .slide img {
    max-width: 60vw;
    max-height: 80vh;
    display: block;
    margin: 0 auto;
    width: auto;
    vertical-align: middle;
    display: inline-block;
}

.slick-arrow{display: block;position: absolute;height: 100%;width: 50%;z-index:3;top:0;}
.slick-prev { left:0; cursor: url('img/arrow-left.svg') -85 20, auto;}
.slick-next {right:0; cursor: url('img/arrow-right.svg') 85 20, auto;}
html:not(.svg) .slick-prev, html:not(.smil) .slick-arrow.slick-prev { left:35px; width: 50px; height: 50px; cursor: default;background-image:url('img/arrow-left.png');background-repeat:no-repeat;position:absolute;top:40%;}
html:not(.svg) .slick-next, html:not(.smil) .slick-arrow.slick-next { right: 35px; width:50px; height: 50px; cursor: default;background-image:url('img/arrow-right.png');background-repeat:no-repeat;position:absolute;top:40%;}
.single-info {
    position: absolute;
    left: 0;
    height: calc(100vh - 90px);
    bottom: 0;
    z-index:999;
    background: #fabeb4;
    /*transform: translate3d(0, calc(100vh - 90px), 0); -moz-transform: translate3d(0, calc(100vh - 90px), 0); -webkit-transform: translate3d(0, calc(100vh - 90px), 0);*/
    transform: translate3d(0, 100vh, 0); -moz-transform: translate3d(0, 100vh, 0); -webkit-transform: translate3d(0, 100vh, 0);
}
.single-info #content {
    padding: 40px 0;
    height: calc(100vh - 90px);
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}
.home .single-info.opened {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.single-info #content .subt {
    max-width:188px;
    min-width:188px;
    float:left;
}
.single-info #content .main {
	height: auto;
    width: calc(100% - 436px);
    float: none;
    margin: 0 auto;
    padding: 0 60px;
    max-width: 60%;
}
.single-info #content .info {
    max-width:188px;
    min-width:188px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    position: absolute !important;
    top: 40px !important;
    right: 88px !important;
}
.single-info #content .info p {
    margin-bottom: 12px;
}
.single-info #content .info span {text-decoration: underline;}

.single-info span.close {
    top: -64px;
    right: 35px;
}
body.open-single span.close:hover {opacity:.5 !important;}
body.open-single .single-info { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }

/*	Footer
	------ */
.menu.info-toggle {
    bottom: 25px;
    left: 35px;
    position: fixed;
}

.menu.news-toggle {
    bottom: 25px;
    right: 35px;
    position: fixed;
}

/*	NEWS (green)
	------ */

.news-toggle:hover { color: #9a9a9a !important; }
.open-news .news-toggle { color: #000; text-decoration: underline; }
.closer-news {display:none;}
.open-news .closer-news {
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 80vw;
    height: 100vh;
    z-index: 9;
    cursor:pointer;
}
#right-news { position: fixed; top: 0; right: 0; z-index: 3; height: 100vh; width: 25vw; transform: translate3d(25vw, 0, 0); -moz-transform: translate3d(25vw, 0, 0); -webkit-transform: translate3d(25vw, 0, 0); background: #437c53;  }
.news-container {
    padding-bottom: 95px;
}
body.open-news #wrapper, body.open-news .menu { transform: translate3d(-25vw, 0, 0); -webkit-transform: translate3d(-25vw, 0, 0); -moz-transform: translate3d(-25vw, 0, 0); }
body.open-news #wrapper { right: 25vw; }
body.open-news #right-news { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.news-list {
    padding: 27.5px 35px;
}
.news-list p {
    margin: 0;
    line-height:1.2em;
}
.news-list p.month {margin-top:43px;padding-bottom:13px;}
.news-list p:nth-child(1) {
    margin-top: 0;
}
.the-new {
    padding-top: 12px;
}
.the-new .new {
    padding-left: 36px;
    display: block;
    transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;
}
.the-new .day {position:absolute;
	transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;
}

.news-list .the-new a {color:black;display: block;}
.news-list .the-new a:hover, .news-list .the-new a:hover p, .news-bottom a:hover {opacity: .7;}

.news-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 147px;
    width: 25vw;
    padding-left: 35px;
    padding-top: 95px;
    font-size:0.9em;
    z-index: 9;
    transform: translate3d(25vw, 0, 0); -moz-transform: translate3d(25vw, 0, 0); -webkit-transform: translate3d(25vw, 0, 0);
}
.news-bottom a.social {
    padding-right: 10px;
    color: black;
}

body.open-news .news-bottom { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }

/*	INFO (yellow)
	------ */
.info-toggle:hover { color: #9a9a9a; }
.open-info .info-toggle { color: #000; text-decoration: underline; }


#bottom-info, #bottom-info .info-container, #bottom-info article.info {overflow: hidden;}

#bottom-info { position: fixed; top: 0; left: 0; z-index: 10; height: calc(100vh - 90px); width: 100vw; transform: translate3d(0, -100vh, 0); -moz-transform: translate3d(0, -100vh, 0); -webkit-transform: translate3d(0, -100vh, 0); background: #fff055;  }
body.open-info #bottom-info { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }

#bottom-info article.info #content {padding: 40px 0;height: calc(100vh - 90px);overflow-y:scroll;-webkit-overflow-scrolling: touch; width: 100%; box-sizing: border-box; -webkit-touch-callout: inherit; }
#bottom-info article.info #content .contact {min-width:188px;max-width:188px;float:left;position:absolute;}
#bottom-info article.info #content .main {
	height: 100vh;
    width: calc(100% - 436px);
    float: none;
    margin: 0 auto;
    padding: 0 60px;
    max-width: 60%;
}
article.info .main span {text-transform: uppercase;display: block;padding-bottom: 15px;}
article.info .main #about p {margin-bottom: 0;}
article.info .main .each {padding-bottom: 80px;}
.each .year {
    width: 65px;
    float: left;
    display: block;
}
.each .text {
    width: calc(100% - 75px);
    float: left;
    margin:0 0 20px 0;
}
.each .text:last-child {
	margin:0;
}
#bottom-info article.info #content .main ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#bottom-info article.info #content .main ul li {
    padding-left: 10px;
    position: relative;
}
#bottom-info article.info #content .main ul li:before {
    content: '–';
    position: absolute;
    left: -10px;
}

div#publications {padding-bottom:55vh;}
#bottom-info article.info #content .team {
	max-width:188px;
    min-width:188px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    position: absolute !important;
    top: 40px !important;
    right: 88px !important;
    padding-bottom:30px;}
#bottom-info article.info #content .team .parraf { padding-bottom: 40px; }
#bottom-info article.info #content .team .parraf a {text-decoration: underline;}
#bottom-info article.info #content .team p.name {margin-bottom: 6px;text-decoration: underline;}
article.info .portrait {width:188px;height:290px;}
article.info .portrait .blend {
    background-color: #fff055;
    width: 188px;
    height: 290px;
    position: absolute;
    top: 0;
    background-size: cover;
}
article.info .address {display:block;padding: 20px 0 10px 0;}
article.info a.mail {
    display: inline-block;
    text-decoration: underline;
    padding-right: 10px;
}
article.info a.social {
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
}
article.info a:hover {color:black;opacity:.5;}


#bottom-info .extra-bg {
    background: #fff055;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    height: 55px;
	}
	
	
#bottom-info-menu { position: fixed; bottom: 0; left: 0; z-index: 20; height: 90px; width: 100%; padding: 0 50px; transform: translate3d(0, 90px, 0); -moz-transform: translate3d(0, 90px, 0); -webkit-transform: translate3d(0, 90px, 0); background: #fff;  }
body.open-info #bottom-info-menu { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
body.open-info footer .menu.news-toggle {opacity:0;z-index:-1;}

#bottom-info-menu .menu {
    width: 50%;
    margin: 0 auto;
    position:relative;
}
#bottom-info-menu ul.menu-about {
    padding-left: 7px;
    margin: 0;
    list-style: none;
    height: 90px;
    display: table;
    text-align: left;
}
#bottom-info-menu ul.menu-about li {
    display: table-cell;
    vertical-align: middle;
    padding-right:50px;
}
#bottom-info-menu ul.menu-about li a.active {color:#9a9a9a;}
#bottom-info-menu span.close {
    right: 30px;
    top: 26px;
    opacity: 1;
    position: absolute;
}
body.open-info span.close:hover {opacity:.5 !important;}

body.open-info #bottom-info .gradient-top {
	z-index:9;
    position: fixed;
    width: 100%;
    top: 0;
    height: 45px;
}
body.open-info #bottom-info .gradient {
    display: block;
    position: fixed;
    width: 100%;
    height: 40px;
    z-index: 9;
    bottom: 55px;
}

body.open-info #wrapper, body.open-info section#projects {overflow:hidden;}
body.open-info .single-info {
    display: none;
}


@media screen and (min-width: 1441px){
	.container-fluid {margin: 0 132px auto;}
	.single-info #content .info, #bottom-info article.info #content .team {right:132px !important;}
	
		.single-info #content .subt, .single-info #content .info, #bottom-info article.info #content .contact, #bottom-info article.info #content .team {max-width:215px;min-width:215px;}	
}

@media screen and (min-width: 1800px){
	.container-fluid {margin: 0 176px auto;}
	.single-info #content .info, #bottom-info article.info #content .team {right:176px !important;}
}

@media screen and (max-width: 1440px){
	body {font-size: 16px;}
	.thmb-box .cover {
    font-size: 14px;
    line-height: 17px;
	}
	article.info a.social {
    font-size: 13px;
    }
    .menu {line-height:1.3em;}
	.menu.logo {
    top: 20px;
    left: 25px;
	}
	.menu.projects {
    top: 20px;
    right: 25px;
	}
	.menu.info-toggle {
    bottom: 20px;
    left: 25px;
	}
	.menu.news-toggle {
    bottom: 20px;
    right: 25px;
	}	
	.image .cover .situation {
    right: 30px;
	}
	span.close {
    background-size: 28px;
    width: 28px;
    height: 28px;
    }
    .single-info span.close {
	top: -44px;
    right: 25px;
	}
	.project-header {top:20px;}
	.project-footer {bottom:20px;}
	
	.maioslider {
    height: calc(100vh - 120px);
    margin-top: 60px;
	}
	.slick-track {
    height: calc(100vh - 120px);
	}
	
	#bottom-info {height: calc(100vh - 60px);}
	#bottom-info article.info #content {height: calc(100vh - 60px);}    
	#bottom-info-menu { height: 60px; transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); }

	#bottom-info-menu ul.menu-about {height: 60px;}
	#bottom-info-menu span.close {top:16px;}
	#bottom-info article.info #content .team, .single-info #content .info {font-size:12px;line-height: 16px;}
	#bottom-info article.info #content .main ul li {padding-left:5px;}
	.each .year {width:50px;}
	
	html:not(.svg) .slick-prev, html:not(.smil) .slick-prev { left:25px;}
	html:not(.svg) .slick-next, html:not(.smil) .slick-next { right:25px;}


	.single #info #content {padding: 40px;}
	
	.single-info {
    height: calc(100vh - 60px);}
    /*transform: translate3d(0, calc(100vh - 60px), 0); -moz-transform: translate3d(0, calc(100vh - 60px), 0); -webkit-transform: translate3d(0, calc(100vh - 60px), 0);}*/
    .single-info #content {height: calc(100vh - 60px);}
    
    
    #right-news, .news-bottom { width: 300px; transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -webkit-transform: translate3d(300px, 0, 0);  }
body.open-news #wrapper, body.open-news .menu { transform: translate3d(-300px, 0, 0); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); }
body.open-news #wrapper { right: 300px; }
	.news-list {
    padding: 20px 25px 12px 20px;
	}
	.news-bottom {padding-left:20px;height:135px;}
	.the-new {padding-top:10px;}
	.news-list p {line-height:1.3em;}
	.news-list p.month {margin-top: 35px;}
	.news-list p:nth-child(1) {margin-top:0;}

}

@media screen and (max-width: 1280px){
	.single-info #content .main {padding:0 20px;}
}

@media screen and (max-width: 1024px){

	body {font-size: 14px;}
	.thmb-box .cover {
    font-size: 12px;
    line-height: 15px;
	}
	
	.open-news .closer-news {width: 75vw;}
	#right-news, .news-bottom { width: 25vw; transform: translate3d(25vw, 0, 0); -moz-transform: translate3d(25vw, 0, 0); -webkit-transform: translate3d(25vw, 0, 0); }
	body.open-news #wrapper, body.open-news .menu { transform: translate3d(-25vw, 0, 0); -webkit-transform: translate3d(-25vw, 0, 0); -moz-transform: translate3d(-25vw, 0, 0); }
	body.open-news #wrapper { right: 25vw; }
	
	.single-info #content .main, #bottom-info article.info #content .main {padding-left:30px;width:75%;max-width:75%;float:left;}
	.single-info #content .info {top: 120px !important;right: auto !important;}
	.single-info #content .subt {padding-right:20px;}
	#bottom-info article.info #content .team {display:none;}
	#bottom-info article.info #content .main {margin-left:188px;}
}

@media screen and (max-width: 991px){
	    
    .container-fluid {
    margin: 0 36px auto;
	}
	
	.open-news .closer-news {width: 65vw;}
	#right-news, .news-bottom { width: 35vw; transform: translate3d(35vw, 0, 0); -moz-transform: translate3d(35vw, 0, 0); -webkit-transform: translate3d(35vw, 0, 0); }
	body.open-news #wrapper, body.open-news .menu { transform: translate3d(-35vw, 0, 0); -webkit-transform: translate3d(-35vw, 0, 0); -moz-transform: translate3d(-35vw, 0, 0); }
	body.open-news #wrapper { right: 35vw; }
	
	

	.fixed-contact {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 40px;
	}
	.fixed-contact .socials {
    width: 50%;
    left: 50px;
    display: block;
    position: absolute;
	}
	.fixed-contact a.social {padding-right:8px;}
	.fixed-contact .contact {
    width: 50%;
    position: absolute;
    right: 50px;
    text-align: right;
	}
	.fixed-contact .contact .icon {
	display:inline-block;
    width: 25px;
    height: 25px;
    cursor:pointer;
    transition: opacity .3s ease-in-out; 
    -webkit-transition: opacity .3s ease-in-out; 
    -moz-transition: opacity .3s ease-in-out; 
    -o-transition: opacity .3s ease-in-out;
    opacity:1;
	}
	.fixed-contact .contact .icon:hover {opacity:.7;}
	.fixed-contact .contact .icon.map {
	background-image: url('img/map.svg');
    background-size: 25px;
    background-repeat: no-repeat;
    padding-right: 60px;
    }
    .fixed-contact .contact .icon.phone {
	background-image: url('img/phone.svg');
    background-size: 25px;
    background-repeat: no-repeat;
    padding-right: 60px;
    }
    .fixed-contact .contact .icon.mail {
	background-image: url('img/mail.svg');
    background-size: 25px;
    background-repeat: no-repeat;
    }
    
    #bottom-info article.info #content .main {margin-left: 0;width:100%;max-width:100%;}
    .single-info #content .subt {
    padding-right: 0;
    padding-bottom: 20px;
	}
	.single-info #content .main, #bottom-info article.info #content .main {padding:0 15px;}
	.single-info #content .main {
    width: calc(100% - 188px);
    max-width: 70%;}
    #bottom-info article.info #content .main {width:100%;max-width:100%;}
    /*#single-info #content .main {padding:0 15px;}
	#single-info #content .info {
    padding: 40px 15px 0;
	}*/
	
	#bottom-info-menu .menu {width:80%;}

}

@media screen and (max-width: 768px){

	.single-info #content .subt {max-width:100%;}
	.single-info #content .main {padding:0;max-width: 65%;}
	.single-info #content .info {
	position: relative !important;
    top: auto !important;
    float:left;
    margin-top:40px;
    clear:left;
    z-index: 9;
    }
    
    #bottom-info .gradient {
    display:none;
    }

}

@media screen and (max-width: 767px){

	
	#wrapper {height:100%;}
	.container-fluid {
    margin: 0 auto;
    padding: 0;
	}
	.top-area {
    height: 0;
	}
    .item_project {
    height: 100%;
	}
	.thmb-box {
    margin-bottom: 0;
    display:block;
    height:100%;
	}
	.thmb-box .image-box {
    display: block;
    height:100%;
	}
	.maioslider {
    height: 80%;
    margin-top:0;
    width: 100%;
	}
	.maioslider .slider, .slick-list, .slick-track, .slick-slide {height:66vh !important;}
	
	.maioslider .slider .slide-mobile img {
	max-width: 80%;
    max-height: 80%;
    display: block;
    margin: 0 auto;
    width: auto;
    display: inline-block;
    margin-top:65px;
	}
	.menu.logo, .menu.info-toggle, .title-box, .the-new p {font-size: 20px;line-height: 24px;}
	.the-new p {font-size:14px; line-height:1.4em;}
	.title-box {
	height:20%;
    text-align: center;
    width: 70%;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*display: table;*/
    cursor:pointer;
    margin-top: 20px; 
	}
	/*.inner-box {
    display: table-cell;
    vertical-align: middle;
	}*/
	.title-box .title {padding-bottom: 8px;}
	.title-box span.subt {
    position: relative;
	}
	.title-box .info {
    font-size: 17px;
    position: relative;
    margin-left: 5px;
    color: #fabeb4;
    display:inline-block;
	}
	.menu.info-toggle {
    bottom: auto;
    left: auto;
    top:20px;
    right: 25px;
	}
	.home .single-info {
	position:fixed;
	top: 0;
    left: 0;
    height: 100%;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    display:none;
    transition:none;
    transform:none;
	}
	.home .single-info.opened {
    display: block;
	}
	.home .single-info.opened .layer {
		height: 100vh;
		position: absolute;
		z-index: 2; 
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		background: rgba(0,0,0,.1);
	}
	.single-info span.close {
	top: -41px;
	}
	.home .single-info.opened #content {
		z-index: 4;
		position: relative;
		padding-top: 60px;
	}
	.home .single-info.opened span.close {
		top: 16px;
		right: 20px;
		position: absolute;
		display: block; 
		z-index: 9;
	}
	/*.slick-arrow {
    display: none;
	}*/
	/*.slick-dots{margin:0;padding:0;list-style:none;position:absolute;bottom:0;right:0;left:0;text-align:center;}
.slick-dots li{margin:0 5px 0 0;display:inline-block;}
.slick-dots li button{font-size:0;width:8px;height:8px;border-radius:50%;margin:0;padding:0;background:gray;opacity:0.5;border:0}
.slick-dots li:hover button, .slick-dots li.slick-active button{background:gray;opacity:1;}*/

	.slick-arrow {
    width: 20px;
    height: 20px;
    background-size: 100%;
    top: 50%;
	}
	.slick-next {
    right: 0;
    cursor: default;
    background-image: url('img/arrow-right.svg');
	}
	.slick-prev {
    left: 0;
    cursor: default;
    background-image: url('img/arrow-left.svg');
	}
	

	
	.single-info #content .main, #bottom-info article.info #content .main {width:100%;max-width:100%;}
	#bottom-info article.info #content .main { height: auto; }
	.single-info #content, #bottom-info article.info #content {padding-left:25px;padding-right:25px;height:100%;}
	.single-info #content .info {margin-bottom:40px;}
	.single-info .gradient {position: absolute;bottom: 0;width: 100%;height: 60px;left: 0;}
	
	/*	INFO (yellow)
	------ */
	.open-info-mobile .info-toggle { color: #000; text-decoration: underline; }


	body.open-info-mobile #bottom-info { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
	
	#bottom-info-after {
	position: absolute;
    bottom: 0;
	width: 100%;
    height: 40px;
    background: white;
    z-index: 99;}
	span.close {width:22px;height:22px;background-size:22px;}
	span.close.info {
    left:20px;
    bottom: 10px;
    position: absolute;
    z-index: 999;
    width:22px;
    height:22px;
    background-size:22px;
    display:block;
	}

	#bottom-info {
    height: 100%;
    width: 100%;
	}
	#bottom-info .info-container {
    /*position: relative;*/
    height: 100%;
	}
	#bottom-info article.info {height:calc(100vh - 150px); margin-top: 60px; }
	#bottom-info .gradient-top {display:none;}
	 #bottom-info .gradient {bottom:90px;}
	body.open-info-mobile header .menu.logo {display:none !important;}
	.extra-bg, .fixed-contact {bottom:30px;}

	#mobile-info-menu {
    position: absolute;
    top: 0;
    padding-top: 20px;
    padding-left: 20px;
    height: 50px;
    z-index: 9;
    background: rgba(255,240,85,1);
    width: 100%;
	}
	.single-info #content .main, #bottom-info article.info #content .main { padding: 0; }
	.open-info-mobile #bottom-info .gradient-top {
	background: -webkit-linear-gradient(rgba(255,240,85,1), rgba(255,240,85,1), rgba(255,240,85,0));
    background: -o-linear-gradient(rgba(255,240,85,1), rgba(255,240,85,1), rgba(255,240,85,0));
    background: -moz-linear-gradient(rgba(255,240,85,1), rgba(255,240,85,1), rgba(255,240,85,0));
    background: linear-gradient(rgba(255,240,85,1), rgba(255,240,85,1), rgba(255,240,85,0));
    top: 60px;
    height: 40px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 9;
	}
	#mobile-info-menu ul.menu-about {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom:20px;
	}
	#mobile-info-menu ul.menu-about li {
    display: inline-block;
    padding-right: 10px;
    font-size:13px;
	}
	#mobile-info-menu ul.menu-about li a.active {color:black;text-decoration: underline;}
	#bottom-info article.info #content {padding: 20px;  }
	body.open-info-mobile #wrapper {
    transform: translate3d(0,  88vh, 0);
    -moz-transform: translate3d(0,  88vh, 0);
    -webkit-transform: translate3d(0, 88vh, 0);
	}
	#bottom-info article.info #content { position: relative; z-index: 1; }

	body.open-info .single-info {
	    display: none;
	}
	div#publications {padding-bottom:45vh;}
	.fixed-contact .socials {left:20px;}
	.fixed-contact .contact {right:20px;}
	.fixed-contact .contact .icon {width:20px;height:20px;}
	.fixed-contact .contact .icon.map, .fixed-contact .contact .icon.phone, .fixed-contact .contact .icon.mail {background-size:20px;}
	.fixed-contact .contact .icon.map, .fixed-contact .contact .icon.phone {padding-right:40px;}


	/*	NEWS (green)
	------ */
	.menu.logo:hover { color: #9a9a9a; }
	.open-news-mobile .menu.logo { color: #000; text-decoration: underline; }
	
	
	#top-news { position: fixed; top: 0; right: 0; left:0; z-index: 3; width: 100%; /*height: 30vh; */ transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); background: #437c53; }
	
	/*body.open-news-mobile #wrapper, body.open-news-mobile .menu { transform: translate3d(0, 30vh, 0); -webkit-transform: translate3d(0, 30vh, 0); -moz-transform: translate3d(0, 30vh, 0); }*/
	
	body.open-news-mobile #top-news { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

	.open-news-mobile .closer-news { display: block;position: fixed;left: 0;width: 100%;z-index: 9;cursor:pointer; /*height: 70vh;top: 30vh;*/}
	
	body.open-single .menu.info-toggle, .open-news-mobile .menu.info-toggle, .open-info-mobile .menu.logo, .open-info-mobile .project-header {opacity:0;}
	.news-container {padding-bottom: 0;}
	.news-list {
    padding: 20px 25px;
	}
	.the-new {
    padding-top: 0;
	}
	.the-new .day {position:relative;}
	.the-new .new {padding-top:10px;padding-left:0;}
	
	.single .maioslider {height: 100vh;}
	
	.gradient, .gradient-top { display: none !important; }
	
}


@media screen and (max-width: 767px) and (max-height: 568px) {
	.menu.logo, .menu.info-toggle, .title-box, .the-new p {font-size: 16px;line-height: 20px;}
	.the-new p {font-size: 14px;line-height: 1.4em;}
	.title-box .info {font-size: 14px;}
	.title-box .title {padding-bottom: 6px;}

}


@media screen and (max-width: 400px){
	#mobile-info-menu ul.menu-about li{ padding-right: 5px; }
	/*	
	.menu.logo, .menu.info-toggle, .title-box, .the-new p {font-size:14px;line-height:17px;}
	#bottom-info article.info #content {padding: 20px 15px;}
	#mobile-info-menu {padding-left:15px;}
	#mobile-info-menu ul.menu-about li {padding-right:8px;font-size:12px;}
	.fixed-contact .socials {left:15px;}
	.fixed-contact .contact {right:15px;}
	span.close.info {left:15px;}
	#bottom-info .gradient {bottom:80px;}
	.extra-bg {height:45px;}
	.fixed-contact {height:35px;}
	
	.the-new .new {padding-left:75px;}
	span.close {width:20px;height:20px;background-size:20px;}
	span.close.info {
    width:20px;
    height:20px;
    background-size:20px;}
    */
    
    .single-info #content {padding:20px;}
}

@media screen and (max-width: 320px){
	.slick-dots {bottom:-10px;}
	.home .single-info {height:81%;}
	.each .text {width: calc(100% - 55px);}
	#mobile-info-menu ul.menu-about li {font-size:12px;}
}

/*	Print
	----- */

@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content:"";}
	pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
	thead { display:table-header-group;}
	tr,img { page-break-inside:avoid;}
	img { max-width:100% !important;}

	@page { margin:0.4cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}