*{margin:0;padding:0;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;touch-action:none}body,html{width:100%;height:100%}body{color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;position:fixed}.container,body{background:#222;overflow:hidden}.container{position:absolute;top:0;left:0;right:0;bottom:0}.container.hide-cursor{cursor:none}.container .zoom-page .btn-close,.container>.btn-next,.container>.btn-prev{color:#fff;position:absolute;z-index:3;text-decoration:none;transform:translateY(-50%);font-size:24px;text-shadow:2px 2px 5px #000;opacity:1;cursor:pointer;-webkit-transition:opacity .3s,left .3s,right .3s;transition:opacity .3s,left .3s,right .3s;transition:opacity .2,left .2}.container>.btn-prev{top:50%;left:20px}.container>.btn-prev.hide-enter,.container>.btn-prev.hide-leave-active{opacity:0;left:0}.container>.btn-next{top:50%;right:20px}.container>.btn-next.hide-enter,.container>.btn-next.hide-leave-active{opacity:0;right:0}.container .zoom-page .btn-close{top:20px;right:20px}.header{height:10vh;padding:1vh;text-align:center;z-index:2;position:relative;box-shadow:0 0 5px rgba(0,0,0,.5)}.header .logo{max-height:100%}.instructions{position:absolute;top:50%;right:50%;width:50vmin;padding:10px;z-index:0;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.instructions h1{font-size:3vmin}.instructions h2{font-weight:400;font-style:italic;color:#999;font-size:2.5vmin;margin-bottom:15px}.instructions li{margin-bottom:10px;color:#ccc;font-size:1.8vmin}.pages{perspective:750px;position:absolute;top:10vh;bottom:10vh;left:0;right:0;z-index:1}@media (orientation:landscape){.pages.direction-next .page.even.left-enter-active,.pages.direction-next .page:not(:first-of-type).even.left-leave-active{animation:even-transition 1s forwards}.pages.direction-next .page.odd.right-leave-active{animation:odd-transition 1s forwards}.pages.direction-previous .page.even.left-leave-active{animation:even-transition 1s reverse forwards}.pages.direction-previous .page.odd.right-enter-active,.pages.direction-previous .page:not(:last-of-type).odd.right-leave-active{animation:odd-transition 1s reverse forwards}}@media (orientation:portrait){.pages.direction-next .page.hide-enter{left:75%;opacity:0}.pages.direction-next .page.hide-leave-active,.pages.direction-previous .page.hide-enter{left:-25%;opacity:0}.pages.direction-previous .page.hide-leave-active{left:75%;opacity:0}}.pages .page{color:#333;position:absolute;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:left .3s,opacity .3s;cursor:zoom-in}.pages .page img{width:100%;height:100%;object-fit:cover;pointer-events:none}@media (orientation:landscape){.pages .page.even{right:50%;transform-origin:100% 50%}.pages .page.odd{left:50%;transform-origin:0 50%}.pages .page.odd:after{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;content:" ";background:linear-gradient(90deg,rgba(0,0,0,.14) 0,hsla(0,0%,100%,.2) 16%,hsla(0,0%,100%,0) 62%)}.pages .page.layout-0{width:50vmin;height:71vmin;margin-top:-37vmin;top:54%}.pages .page.layout-1{max-width:42vw;aspect-ratio:28/19;top:42vh;max-height:80%;translate:0 -50%}.pages .page.layout-2{width:54vmin;height:54vmin;margin-top:-28vmin;top:54%}}@media (orientation:portrait){.pages .page{top:54%;left:16%}.pages .page.layout-0{width:70vmin;height:97vmin;margin-top:-49vmin}.pages .page.layout-1{width:70vmin;height:49vmin;margin-top:-47vmin}.pages .page.layout-2{width:70vmin;height:70vmin;margin-top:-37vmin}}.thumbs-container{position:absolute;bottom:0;left:0;right:0;height:calc(18vmin + 40px);z-index:2;overflow:hidden}.thumbs-container .thumbs-ui{background:#fff;position:absolute;left:0;right:0;bottom:-18vmin;height:100%;padding-top:40px;transition:bottom .3s;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.thumbs-container .thumbs-ui .controls{position:absolute;z-index:1;white-space:nowrap;background:#eee;left:0;top:0;right:0;text-align:center}.thumbs-container .thumbs-ui .controls .btn{color:#333;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;vertical-align:middle;cursor:pointer;text-decoration:none;transition:transform .2s}.thumbs-container .thumbs-ui .controls .btn:hover{transform:scale(1.2)}.thumbs-container .thumbs-ui .btn-next,.thumbs-container .thumbs-ui .btn-prev{position:absolute;color:#333;font-size:24px;top:calc(50% + 20px);transform:translateY(-50%);cursor:pointer}.thumbs-container .thumbs-ui .btn-prev{left:10px}.thumbs-container .thumbs-ui .btn-next{right:10px}.thumbs-container .thumbs-ui #thumbs{position:absolute;left:50px;right:50px;overflow:hidden;white-space:nowrap}.thumbs-container .thumbs-ui #thumbs .thumb{background:#eee no-repeat 50%/cover;display:inline-block;margin:1.5vmin 0 1vmin 0;position:relative;border:1vmin solid #fff;cursor:pointer}.thumbs-container .thumbs-ui #thumbs .thumb img{display:inline-block;width:100%;height:100%;object-fit:cover}.thumbs-container .thumbs-ui #thumbs .thumb:hover{border-color:#ccc}.thumbs-container .thumbs-ui #thumbs .thumb.layout-0{width:11vmin;height:15vmin}.thumbs-container .thumbs-ui #thumbs .thumb.layout-1{width:21vmin;height:15vmin}.thumbs-container .thumbs-ui #thumbs .thumb.layout-2{width:15vmin;height:15vmin}.thumbs-container .thumbs-ui #thumbs .thumb .page-number{position:absolute;bottom:0;right:0;background:rgba(0,0,0,.8);color:#fff;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle}@media (orientation:landscape){.thumbs-container .thumbs-ui #thumbs .thumb:nth-child(2n) .page-number{left:0}}.thumbs-container .thumbs-ui #thumbs .thumb:nth-child(odd):not(:first-child){border-left:0}.thumbs-container .thumbs-ui #thumbs .thumb:nth-child(2n):not(:last-child){border-right:0}@media (orientation:landscape){.thumbs-container:hover .thumbs-ui{bottom:0}}.zoom-page{position:relative;z-index:1;height:100%}.zoom-page .zoom-image{position:absolute;top:50%;left:50%;transform-origin:0 0;cursor:move}.mb-2{margin-bottom:2rem}.text-center{text-align:center}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social{background:rgba(0,0,0,.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5;transition:opacity .3s}.social.hide-enter,.social.hide-leave-active{opacity:0}.social.hide-enter .modal,.social.hide-leave-active .modal{top:60%;opacity:0}.social .modal{width:250px;background:#fff;border-radius:3px;box-shadow:0 0 5px #000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#222;padding:15px;transition:opacity .3s,top .3s}.social .modal .btn-close{position:absolute;top:15px;right:15px;cursor:pointer}.social .modal .btn-social{display:block;margin-top:15px;color:#fff;padding:5px 10px;border-radius:3px;text-decoration:none;position:relative}.social .modal .btn-social.btn-facebook{background:#2274b9}.social .modal .btn-social.btn-twitter{background:#4d9ed8}.social .modal .btn-social.btn-google-plus{background:#dd4b39}.social .modal .btn-social.btn-linkedin{background:#2274b9}.social .modal .btn-social.btn-pinterest{background:#bc0d1e}.social .modal .btn-social.btn-email{background:#333}.social .modal .btn-social:before{content:" ";position:absolute;top:0;bottom:0;left:0;width:40px;background:rgba(0,0,0,.1)}.social .modal .btn-social i{position:relative;margin-right:15px;z-index:1}@keyframes even-transition{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes odd-transition{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}