/*preloader*/
.pace-done div[class*="pace"] {display:none}
body > :not(.pace),body:before,body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity:0
}
.pace {background:#fff; position:fixed; z-index:10002; width:100%; height:100%; top:0; right:0; left:0; bottom:0}
.pace:before {content:""; position:fixed; width:100%; height:100%; z-index:10003;
-webkit-animation: preloader-fade-in-out 5s infinite; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
  animation:         preloader-fade-in-out 5s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes preloader-fade-in-out {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes preloader-fade-in-out {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pace-inactive {display:none}
.pace .pace-progress {background:#000; position:fixed; z-index:10001; top:50%; margin-top:-1px; right:100%; width:100%; height:2px; }

body {overflow-x:hidden; font:500 62.5% 'SuisseIntl',sans-serif; color:#000; overflow:hidden}
img {max-width:100%; height:auto; margin:0}
p {margin-bottom:40px}

/*header*/
h1,
.section_contact {font-weight:700; font-size:8.5rem; position:fixed; width:60%; text-align:center; transform:translate(-50%,-50%); top:50%; left:50%; margin:0; z-index:0}
.site_nav {position:fixed; top:20px; left:15px; z-index:100000}
.site_nav ul {padding:0; list-style:none}
.site_nav a {color:#ff0; font-weight:700; font-size:1.9rem; padding:0 7px; background:#000; margin-bottom:3px; display:inline-block}
.site_nav a:hover,
.site_nav a.active {background:#fff; color:#f00; text-decoration:none}
.site_nav a:focus {text-decoration:none}
.site_nav a.nav_home {background:#f00; color:#000}

.pictures-container {width:100%; position:relative; z-index:900; touch-action:none}
.picture {float:left; display:table; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; overflow:hidden; position:relative}
.picture.active {z-index:1000}
/*.row1 .picture img {position:absolute; top:50%; left:50%; width:auto; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}*/

.picture01 {width:15%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p01.jpg)}
.picture02 {width:25%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p02.jpg)}
.picture03 {width:30%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p03.jpg)}
.picture04 {width:30%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p04.jpg)}

.picture05 {width:18%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p05.jpg)}
.picture06 {width:18%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p06.jpg)}
.picture07 {width:24%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p07.jpg)}
.picture08 {width:40%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p08.jpg)}

.picture09 {width:32%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p09.jpg)}
.picture10 {width:32%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p10.jpg)}
.picture11 {width:36%; background-image:url(/web/20181120010128im_/http://mcbpz.com/images/p11.jpg)}

/*.layer1 .picture a {opacity:0; pointer-events:none; z-index:-2; position:absolute; display:block; width:100%; height:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
transition:all 0.25s ease-in;
-webkit-transition:all 0.25s ease-in;
}*/
.picture span {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0; font-size:0; line-height:0; color:transparent}
/*.touchevents .picture > a,
.picture:hover > a {opacity:1; pointer-events:auto; z-index:1; font-size:2rem; background:#000; color:#fff; text-align:center}*/


.layer1 .picture a {position:absolute; display:block; width:100%; height:100%; top:0; left:0;
	transition:all 0.25s ease-in;
	-webkit-transition:all 0.25s ease-in;}
.layer1 .picture a:hover {background:rgba(0,0,0,0.5)}

.picture-content img {max-height:700px; width:auto}
.picture.dragging > a {pointer-events:none}

.layer2 .picture {position:absolute; z-index:950; width:18%}
.layer2 .picture a {display:block}
.layer2 .picture span {width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 0.25s ease-in;
-webkit-transition:all 0.25s ease-in;}
.layer2 .picture a:hover span {display:block; opacity:1}

.picture span {display:none}
.picture > a {background:none}
html,body {overflow:hidden}

.hide {pointer-events:none}
.section_picture {height:100%; width:100%; display:none}
.picture-content {width:60%; margin:40px auto}
.picture-meta {position:absolute; width:10%; top:0; right:40px; text-align:right; margin-top:40px}
.picture-meta h2, .picture-meta p {font:500 1.5rem "SuisseIntl",sans-serif; color:#000}
.picture-meta p {margin-bottom:0px}

.layer2 .picture:first-child {top:10%; left:43%}
.layer2 .picture:nth-child(2) {top:3%; right:8%}
.layer2 .picture:nth-child(3) {bottom:10%; left:28%}
.layer2 .picture:nth-child(4) {bottom:10%; right:14%}
.layer2 .picture:nth-child(5) {bottom:20%; left:1%}
.layer2 .picture:nth-child(6) {bottom:5%; left:44%; width:24%}


.section_picture img {margin-bottom:40px}
.picture_nav ul {list-style:none; padding:0}
.picture_nav ul li {display:inline; margin:0 5px}
.picture_nav ul li a {color:#000; font:500 1.5rem "SuisseIntl",sans-serif}
.fancybox-slide--html {padding:0}
.fancybox-slide--html .fancybox-content {margin:0; padding-bottom:100px}
.fancybox-container {width:100.2%; background:#fff}

/*footer*/
.site_footer p,
.site_footer img {position:fixed; bottom:0; margin:0; z-index:100000}
.site_footer p {bottom:20px; right:20px; font-size:1.4rem; width:35%; text-align:right}
.site_footer img {bottom:20px; left:20px; width:55px}

/*about*/
.section_about,
.section_exhibition,
.section_project,
.section_pictures-list,
.section_co-creation {height:100%; z-index:-1000; opacity:0; pointer-events:none; position:absolute; top:0; left:20%; width:60%; margin:auto; font-size:3.5rem; font-weight:500; text-align:left; letter-spacing:-1px; line-height:1.25; padding:15px 0}
.section_about p {margin-bottom:40px}
.section_about h2 {font-size:4.5rem; font-weight:500}

.section_about.nav-inactive,
.section_exhibition.nav-inactive,
.section_pictures-list.nav-inactive,
.section_co-creation.nav-inactive {z-index:-1000; opacity:0; pointer-events:none}

.section_about.nav-active,
.section_exhibition.nav-active,
.section_pictures-list.nav-active,
.section_co-creation.nav-active {opacity:1; z-index:1; pointer-events:auto}
/*pictures list*/
.section_pictures-list,
.section_co-creation {padding-top:15px}
.section_pictures-list h2,
.section_co-creation h2 {color:#000; font-weight:700; font-size:1.9rem; margin:10px 0;cursor:pointer}
.section_pictures-list h2:hover,
.section_co-creation h2:hover,
.exhibit img + h3:hover {text-decoration:underline}
.section_pictures-list p,
.section_co-creation p {font-size:1.9rem; font-weight:500}
.list_picture,
.list_co-creation {margin-bottom:25px}

.list_picture .img-slider,
.list_co-creation .img-slider,
.list_picture p,
.list_co-creation p {visibility:hidden; position:absolute; top:0; z-index:-10}

.list_picture.active .img-slider,
.list_co-creation.active .img-slider,
.list_picture.active p,
.list_co-creation.active p {visibility:visible; position:relative; z-index:2}

.list_picture.active img + img,
.list_co-creation.active img + img {margin-bottom:10px}
/*
.list_picture.active,
.list_co-creation.active {padding:10px; border:1px solid #f6f6f6; background:#fafafa}*/

.list_picture.active,
.list_co-creation.active {}

/*exhibitions*/
.section_exhibition h2 {/*font-size:2.4rem;*/font-size:3.5rem; font-weight:700; margin-top:5px; margin-bottom:30px}
.section_exhibition h3,
.section_exhibition strong {/*font-size:1.9rem;*/ font-size:3.5rem; display:block;/* font-weight:700;*/ margin-top:0; margin-bottom:15px}
.exhibit img + h3:hover {cursor:pointer}
.exhibit {margin-bottom:60px}
.exhibit img {display:none; margin-bottom:15px}
.exhibit.active img {display:block}

/*project*/
.section_project h2 {font-size:3.5rem; font-weight:500}
.project{margin-bottom:80px}
.project img {display:none}

/*contact*/
.section_contact {display:none; line-height:1; font-size:3.5rem; background:#fff}
.section_contact p {margin-bottom:50px}
.section_contact a {text-decoration:none; color:#000}
.section_contact a:hover {text-decoration:underline}
.section_contact p:last-child {display:none}

/*fancybox*/
.fancybox-is-open .fancybox-bg {opacity:0}
.layer1 .picture img {display:none}
.fancybox-close-small {position:fixed}
.fancybox-navigation .fancybox-button {width:auto; background:none; opacity:1; font:500 1.5rem 'SuisseIntl',sans-serif; color:#000}
.fancybox-navigation .fancybox-button.disabled {opacity:0.5}

/*slider*/
.slick-prev,
.slick-next {position:absolute; bottom:-20px; font-size:1.5rem; border:0; color:#000; z-index:2; background:#fff; padding:0 /*background:#ccc; padding:3px 5px*/}
.slick-prev {left:0}
.slick-next {right:0; /*padding:3px 15px*/}
.slick-slide img {margin:auto}
.img-slider {margin-bottom:30px}

.in-home {opacity:1 !important; display:block !important}
.in-contact {display:none !important}

/*fancy custom*/

.fancybox-slide--image .fancybox-content {width:60% !important; height:100%!important; transform:none !important; text-align:center; position:static !important}
.fancybox-content img {max-width:100%; width:auto; height:auto; max-height:100%; position:static; }

.fancybox-slide--image .fancybox-close-small {top:0; right:0}
.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {color:#444}
.fancybox-caption {visibility:visible; opacity:1; color:#000; font:1.5rem 'SuisseIntl',sans-serif; bottom:auto; top:40px; right:40px; text-align:right; width:10%; left:auto; padding:0}
.fancybox-caption h2 {font-size:1.5rem}
.fancybox-caption:before,
.fancybox-caption:after {display:none}

.fancybox-navigation .fancybox-button {opacity:1; visibility:visible; position:static}
.fancybox-navigation {text-align:center; position:static; width:100%; bottom:15%; z-index:100000}
.fancy-slide {position:relative; width:100%; height:70%}


@media screen and (max-width:767px) {
	.fancy-slide {height:50%}
	.fancybox-caption {width:100%; text-align:left; padding:0 20px}
	.fancybox-caption,
	.fancybox-slide--image .fancybox-content {position:static}
	.fancybox-inner,
	.fancybox-stage {padding-top:180px}
	.fancybox-slide--image {padding:0}
	.list_picture a,
	.list_co-creation a {pointer-events:none}

	.site_footer p {display:none}
	.section_contact p:last-child {display:block}
  /*.picture-meta p {display:none}*/
	.pictures-container {width:160%}
	.picture-wrap {width:100%; overflow:hidden}

	h1 {font-size:4rem; width:80%}
	.section_contact {font-size:2rem; width:90%}
	.section_contact p {margin-bottom:40px}
	.section_about, .section_exhibition, .section_project, .section_pictures-list, .section_co-creation {font-size:2rem; left:0; width:100%; padding:20px; padding-top:205px}
	.section_project h2, .section_exhibition h2, .section_exhibition strong, .section_exhibition h3, .section_about h2 {font-size:2.1rem}
	.project, .exhibit {margin-bottom:40px}

	.fancybox-slide {width:100%}

	.mobile-layer {width:100%; margin-top:-100px; margin-left:-100px}
	.layer1 {visibility:hidden; position:absolute; z-index:-10; opacity:0; pointer-events:none}
	.picture {background:none; width:50%}

  .layer2 .picture {width:35%; position:absolute; z-index:10}
	.layer2 .picture:first-child {right:25%; top:32%}
	.layer2 .picture:nth-child(2) {top:17%; left:8%}
	.layer2 .picture:nth-child(3) {bottom:-15%; left:5%}
	.layer2 .picture:nth-child(4) {bottom:-45%; right:47%; z-index:30}
	.layer2 .picture:nth-child(5) {bottom:auto; left:auto; right:39%; top:40%}
	.layer2 .picture:nth-child(6) {bottom:10%; left:0; width:35%}
}

@media screen and (max-width:767px) and (orientation:portrait) {
	.picture-content {width:80%}
	.picture-meta {width:80%; position:static; text-align:left; margin-top:180px}
	.site_footer p {width:85%}
	.fancybox-slide--image .fancybox-content {width:80% !important; height:100% !important}
}

@media screen and (max-width:767px) and (orientation:landscape) {
	.picture-content {width:45%}
	.picture-meta {width:20%}
	.layer2 .picture {width:20%}
}

@media screen and (max-width:420px) and (max-height:500px) {
	.section_contact {font-size:1.5rem}
}

/**REMOVE ME
.pictures-container {display:none}**/
.picture {opacity:0}

/*
     FILE ARCHIVED ON 01:01:28 Nov 20, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:16:14 Jan 16, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 166.723
  exclusion.robots: 0.215
  LoadShardBlock: 145.71 (3)
  RedisCDXSource: 4.08
  exclusion.robots.policy: 0.199
  PetaboxLoader3.datanode: 82.03 (4)
  CDXLines.iter: 13.205 (3)
  esindex: 0.015
  load_resource: 154.108
  PetaboxLoader3.resolve: 163.688 (2)
*/