@charset "utf-8";
/* CSS Document */

/* ------- webfonts ------- */
@font-face{font-family:'studio-pro';src:url('fonts/Studio Pro Medium.eot');src:local('☺'), url('fonts/Studio Pro Medium.woff') format('woff'), url('fonts/Studio Pro Medium.ttf') format('truetype'), url('fonts/Studio Pro Medium.svg') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'studio-pro';src:url('fonts/Studio Pro Medium Italic.eot');src:local('☺'), url('fonts/Studio Pro Medium Italic.woff') format('woff'), url('fonts/Studio Pro Medium Italic.ttf') format('truetype'), url('fonts/Studio Pro Medium Italic.svg') format('svg');font-weight:normal;font-style:italic}

/* ------- STYLES ------- */

/* GENERAL */
.guide-1{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:50px;z-index:100;pointer-events:none}
.guide-2{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 350px)/6 + 50px*2);z-index:100;pointer-events:none}
.guide-3{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 350px)/6*2 + 50px*3);z-index:100;pointer-events:none}
.guide-4{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 350px)/6*3 + 50px*4);z-index:100;pointer-events:none}
.guide-5{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 350px)/6*4 + 50px*5);z-index:100;pointer-events:none}
.guide-6{width:calc((100% - 350px)/6);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 350px)/6*5 + 50px*6);z-index:100;pointer-events:none}

*{outline:none;margin:0;padding:0;font-family:'studio-pro';box-sizing:border-box;color:#000;font-variant-ligatures:none}
body{font-weight:500;-webkit-font-smoothing:antialiased !important;font-smoothing:antialiased !important;overflow-x:hidden;font-size:26px;line-height:28px;overflow-y:visible;background-color:#FFF}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.master-wrapper{display:table;width:100%}

h1,h2,h3,h4,h5{font-weight:inherit;font-size:inherit}
p{font-size:inherit}

a{cursor:pointer;text-decoration:none}
a.hover-color{transition:color .1s ease}
a.hover-opacity:hover{opacity:.4}
a.hover-blue:hover{color:#2627FF!important}
a.hover-black:hover{color:#000!important}
a.hover-all *{color:inherit}
a.lazy{display:inline-block}
li{list-style:none}
img{width:100%;display:block}
svg{width:100%;height:100%}
video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
iframe{width:100%;height:100%;position:absolute;left:0;top:0}

.overflow-hidden{overflow:hidden}
.display-table{display:table}
.display-block{display:block}
.display-inline{display:inline-flex}
.left{float:left}
.right{float:right}
.fs-l{font-size:60px;line-height:62px}
.fs-s{font-size:16px;line-height:18px}
.ta-center{text-align:center}
.ta-right{text-align:right}
.fw-bold{font-weight:700}
.fs-italic{font-style:italic}
.c-white{color:#FFF}
.c-white *{color:#FFF}
.c-blue{color:#2627FF}
.c-blue *{color:#2627FF}
.background-black{background-color:#000}
.background-blue{background-color:#2627FF}
.c-grey{color:#666666}
.c-lightgrey{color:#999999}
.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* loader */
.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20;transition:background 1.5s linear;background-color:#FFF;display:none}
.loader.loading{display:block}
.loader .background{content:"";position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#000;opacity:0;transition:opacity .1s linear}
.loader .counter{position:absolute;top:calc(50% - 10px);left:50%;transform:translate(-50%,-50%)}

/* modal */
body[modal-opened="index-modal"] .modal.index-modal{top:0}
body[modal-opened="bibliografia-modal"] .modal.bibliografia-modal{top:0}

.modal{width:100vw;height:100vh;overflow:auto;position:fixed;left:0;z-index:15;top:-100vh;transition:top .6s cubic-bezier(.7, 0, .3, 1);padding:50px}
.modal a.close{position:fixed;top:calc(-100vh + 45px);right:50px;transition:top .6s cubic-bezier(.7, 0, .3, 1)}
.modal-opened .modal a.close{top:45px}
.modal .content{margin-top:50px}
.modal .content .index li.category li{padding:10px 0;border-bottom:1px solid #474747;position:relative}
.modal .content .index li.category li a img{position:absolute;top:0;right:calc((100vw - 350px)/6*-1 - 50px);display:none}
.modal .content .index li.category li a:hover *{color:#2627FF}
.modal .content .index li.category li a:hover img{display:block}

/* swipe */
.btn-swipe{position:fixed;top:50px;right:50px;width:38px;height:10px;display:block;z-index:12}
.btn-swipe span{position:absolute;width:10px;height:10px;border-radius:10px;background-color:#000;top:0;transition:background-color .1s ease}
.btn-swipe.negative span{background-color:#FFF}
.btn-swipe:hover span{background-color:#2627FF!important}
.btn-swipe span:nth-child(1){left:0}
.btn-swipe span:nth-child(2){left:14px}
.btn-swipe span:nth-child(3){left:28px}
.header-negative .btn-swipe span{background-color:#FFF}
.swipe-opened .btn-swipe span{background-color:#2627FF!important}

.swipe{padding:40px 50px;width:100vw;height:100vh;position:fixed;left:0;top:-100vh;transition:top .6s cubic-bezier(.7, 0, .3, 1);background:#FFF;z-index:11}
.swipe-opened .swipe{top:0}
.swipe ul{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.swipe ul li{margin-bottom:5px}

/* .lazy-img */
.thumb{background-color:transparent;position:relative}
.aspect{opacity:0;visibility:hidden}
.lazy{opacity:0;visibility:hidden;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transition:opacity .3s ease, transform .3s ease}
a.lazy.hover-color{transition:color .1s ease, opacity .3s ease, transform .3s ease}
.lazy.visible{opacity:1;visibility:visible;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
.lazy.no-transform{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none}
.lazy-img-wrapper{position:relative;overflow:hidden;background-color:#f2f2f2;transition:background .2s ease}
.lazy-img-wrapper .img{position:absolute;top:0;left:0;bottom:0;width:100%;opacity:0;transition:opacity .2s ease;background-position:center;background-size:cover;background-repeat:no-repeat}
.lazy-img-wrapper.loaded{background-color:transparent}
.lazy-img-wrapper.loaded .img{opacity:1}
.img.thumb a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.img.thumb a .overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(45, 45, 45, 0.6);opacity:0;padding:20px;color:#FFF}
.img.thumb a:hover .overlay{opacity:1}

ul.grid-masonry{opacity:0;display:table;width:100%;margin-top:-4px}
ul.grid-masonry.loaded{opacity:1}
ul.grid-masonry > li{float:left;position:relative}
ul.grid-masonry .grid-sizer{visibility:hidden;opacity:0;margin:0}

ul.ccc .grid-sizer{width:calc((100% - 250px)/3 + 50px)}
ul.ccc > li{width:calc((100% - 250px)/3 + 50px)}

.gutter-right{margin-right:50px}
.w-100{width:100%}
.w-c{width:calc((100vw - 350px)/6 - 1px)}
.w-cc{width:calc((100vw - 350px)/6*2 + 50px)}
.w-ccc{width:calc((100vw - 350px)/6*3 + 50px*2)}
.w-cccc{width:calc((100vw - 350px)/6*4 + 50px*3)}

.slider{width:100vw}
.slider div.slide{background-position:center;background-size:contain;background-repeat:no-repeat;height:100%;width:100%;margin:0 50px}

.master-wrapper{margin:0 auto;width:100vw}
.master-wrapper > section{padding:50px;width:100%;display:table}
.master-wrapper > section.margin-top{padding-top:240px}
.master-wrapper > section.vh{min-height:100vh}
.master-wrapper > .no-padding{padding:0}

header.master{position:absolute;top:0;left:0;width:100%;padding:40px 50px;z-index:10}
.header-negative header.master *{color:#FFF}

main{width:100%;display:block;position:relative;padding:50px}
main.vh{min-height:100vh}
main.margin-top{margin-top:60px}
main h1{position:absolute;top:calc(50% - 10px);left:0;z-index:2;transform:translateY(-50%);width:100%;text-align:center}

.work-filter{display:none;position:absolute;top:45px;left:50%;transform:translateX(-50%)}
.work-filter ul{display:table;text-align:center}
.work-filter ul li{display:inline-block;margin-bottom:5px}
.work-filter ul li a{margin:0 10px}
.work-slider{width:100vw;height:calc(100vh - 216px);margin:108px 0}
.work-content{width:100vw;padding:0 50px;position:absolute;left:0;bottom:42px}

section.news{height:100vh;display:block;overflow:auto}

ul.exhibitions li .exhibition-img{display:none}
ul.exhibitions li a:hover + .exhibition-img{position:fixed;bottom:50px;right:50px;display:block}
ul.exhibitions li a:hover + .exhibition-img.position-absolute{position:absolute}

nav.slave{position:absolute;top:50px;right:50px}
nav.slave.fixed{position:fixed;top:45px}

.works ul li a .info{margin-top:10px;opacity:0;visibility:hidden}
.works ul li a:hover .info{opacity:1;visibility:visible}

footer.master{padding:50px;background-color:#000;height:100vh;position:relative}
footer.master footer{position:absolute;left:50px;bottom:50px;width:calc(100% - 100px);z-index:1}

/* .page */

.page-index main:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.15);z-index:1}
.page-index main .video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}
.page-index main .video-wrapper .video{position:absolute;top:0;left:0;width:100%;height:100%}
@media (min-aspect-ratio: 16/9){.page-index main .video-wrapper .video{height:300%;top:-100%}}
@media (max-aspect-ratio: 16/9){.page-index main .video-wrapper .video{width:300%;left:-100%}}
	
.page-works main{display:table}
.page-works .work-filter{display:block}




@media screen and (min-width: 1441px){
	body{font-size:32px;line-height:34px}
	.fs-s{font-size:20px;line-height:24px}
	.fs-l{font-size:76px;line-height:78px}
	
	.modal .content .index li.category li{padding:12px 0}
}
	
@media (max-width: 900px){
	.guide-1{width:calc((100% - 150px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:30px;z-index:100;pointer-events:none}
	.guide-2{width:calc((100% - 150px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 150px)/4 + 30px*2);z-index:100;pointer-events:none}
	.guide-3{width:calc((100% - 150px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 150px)/4*2 + 30px*3);z-index:100;pointer-events:none}
	.guide-4{width:calc((100% - 150px)/4);background-color:rgba(255, 0, 0, 0.2);position:fixed;height:100%;top:0;left:calc((100% - 150px)/4*3 + 30px*4);z-index:100;pointer-events:none}
	.guide-5{display:none}
	.guide-6{display:none}
	
	.modal .content .index li.category li a:hover img{display:none}

	ul.ccc .grid-sizer{width:calc((100% - 90px)/2 + 30px)}
	ul.ccc > li{width:calc((100% - 90px)/2 + 30px)}
	
	.gutter-right:not(.w-c){margin-right:0}
	.gutter-right.w-c{margin-right:30px}
	.w-100{width:100%}
	.w-c{width:calc((100vw - 150px)/4 - 1px)}
	.w-cc{width:calc((100vw - 150px)/4*2 + 30px)}
	.w-ccc{width:calc((100vw - 150px)/4*3 + 30px*2)}
	.w-cccc{width:calc((100vw - 150px)/4*4 + 30px*3)}
	.empty{display:none}
	
	.modal{padding:30px}
	.modal .close-modal{right:0!important;top:0!important;width:auto!important;left:initial!important}
	.modal a.close{top:calc(-100vh + 25px);right:30px}
	.modal-opened .modal a.close{top:25px}
	
	.swipe{padding:30px}
	.btn-swipe{top:35px;right:30px}
	
	.master-wrapper > section{padding:30px}
	main{padding:30px}
	
	nav.slave{top:30px;right:30px}
	nav.slave.fixed{top:30px}
	
	header.master{padding:25px 30px}
	.work-filter{top:30px}
	.work-content{padding:0 30px}
	.work-content h3{width:calc((100vw - 150px)/4*2 + 30px);margin-right:30px!important}
	.slider div.slide{margin:0 30px}
	
	footer.master{padding:30px}
	footer.master footer{left:30px;bottom:30px;width:calc(100% - 60px)}
	
	ul.exhibitions li a:hover + .exhibition-img{bottom:30px;right:30px}
}

@media (max-width: 720px){
	body{font-size:21px;line-height:24px}
	.fs-s{font-size:16px;line-height:18px}
	.fs-l{font-size:46px;line-height:48px}
	
	.btn-back{display:none}
	
	.overflow-hidden{overflow:auto}
	
	ul.ccc:not(.studio) .grid-sizer{width:100%}
	ul.ccc:not(.studio) > li{width:100%}
	
	.gutter-right{margin-right:0}
	.gutter-right.w-c{margin-right:0}
	.w-100{width:100%}
	.w-c{width:100%}
	.w-cc{width:100%}
	.w-ccc{width:100%}
	.w-cccc{width:100%}
	
	nav.slave{position:static;margin-bottom:60px}
	nav.slave.fixed{position:static}
	
	.work-filter{position:static;margin-top:20px;transform:none}
	.work-filter ul{width:100%}
	.work-content h3{width:100%;padding:0 90px;margin-right:0!important}
	.slider-counter{width:auto;position:absolute;left:30px;bottom:0}
	.btn-index{width:auto;position:absolute;right:30px;bottom:0}
	
	section.news{height:auto}
	ul.exhibitions li a:hover + .exhibition-img{display:none}
	
	.slick-prev,.slick-next{display:none!important}
}

@media (max-width: 540px){
	.fs-l{font-size:10.5vw;line-height:11vw}
	
	.page-index main .video-wrapper .video{width:500%;left:-170%}
	
	ul.ccc .grid-sizer{width:100%}
	ul.ccc > li{width:100%}
	
	.work-slider{height:calc(100vh - 260px)}
	.work-content h3{padding:0 0 30px 0}
	.work-content h3 span{display:block;width:100%}
	
	.modal .content .index li.category li span{width:100%;display:block}
}









/* SLICK PLUG IN */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: auto; touch-action: auto; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-position: center center;background-size: cover;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;top:0;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {font-size: 40px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.levels .slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.header-negative .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
.header-negative .levels .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }
.page-work .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
.page-work .levels .slick-prev{left:0;cursor:url('../imgs/nav_prev_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
.levels .slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
.header-negative .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
.header-negative .levels .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }
.page-work .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
.page-work .levels .slick-next{right:0;cursor:url('../imgs/nav_next_white.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }

/* Dots */
.slick-dots{position:absolute;bottom:20px;left:30px;list-style:none;text-align:left;padding:0;z-index:2;width:calc(100% - 60px);background-color:rgba(255, 255, 255, 0.4);height:5px;border-radius:5px}
.page-work .slider .slick-dots{display:flex!important}
.slick-dots li{position:relative;height:5px;width:100%;padding:0;cursor:pointer;display:inline-block;border-radius:5px}
.slick-dots li button{border:0;background:transparent;display:block;height:5px;width:100%;outline:none;line-height:0;font-size:0;color:transparent;cursor:pointer;opacity:.2;border-radius:5px;transition:background .3s ease}
.slick-dots li.slick-active button{background:#FFF;opacity:1}