body,html{position:relative;max-width:1024px;width:100%;max-height:550px;height:550px;margin:0;padding:0;overflow:hidden!important;-webkit-font-smoothing:antialiased}#banner{position:absolute;top:50%;left:0;max-width:1024px;z-index:100;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:top .8s ease-in-out}#banner:hover{-webkit-transform:translateY(-50%),scale(1.2);-ms-transform:translateY(-50%),scale(1.2);transform:translateY(-50%),scale(1.2)}#banner img{width:100%;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;cursor:pointer;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}#banner img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#close{font-family:24px;font-family:'Helvetica Bold',helvetica-bold,arial,sans-serif;padding:.5%;margin-top:10px;color:#fff;position:fixed;z-index:9999;left:50%;cursor:pointer;background:#000;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.circle{position:absolute;background-color:rgba(204,0,102,0);border:2px solid #ff0;height:50px;width:50px;border-radius:75px;z-index:9999;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.container{position:absolute;top:0;left:0;max-height:540px;overflow:hidden;background:#000;margin-bottom:100%}.container #bg{max-width:1024px;transition:opacity .8s ease-in-out;width:100%;-webkit-filter:none!important;filter:none!important}.container .clue{font-family:'Arial Black',arial,sans-serif;font-size:28px;line-height:28px;font-weight:900;text-align:center;padding:1.5% 2%;color:#000;position:absolute;background:#ff0;z-index:9999!important;display:table;opacity:.8;cursor:pointer;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:-webkit-transform .3s ease-in-out,opacity .8s ease-in-out;transition:transform .3s ease-in-out,opacity .8s ease-in-out}.container .clue p{display:table-cell;vertical-align:middle}.container .clue:hover{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.container #one{top:32%;left:44%}.container #one-circle{top:36%;left:45.5%;width:75px;height:75px}.container #two{top:48%;left:24%}.container #two-circle{top:54%;left:21.5%;width:35px;height:35px}.container #three{top:54%;left:14%}.container #three-circle{top:63%;left:14.5%;width:35px;height:35px}.container #four{top:69%;left:27.5%}.container #four-circle{top:74.25%;left:25%;width:25px;height:25px}.container #five{top:84%;left:22%}.container #five-circle{height:35px;width:35px;top:91.5%;left:18%}.container #six{top:47%;left:64.5%}.container #six-circle{height:35px;width:35px;top:46%;left:68.5%}.container #seven{top:76%;left:72%}.container #seven-circle{height:65px;width:65px;top:82%;left:68%}.container .caption{position:fixed;top:0;z-index:9999!important;pointer-events:none}.container .caption .caption-number{font-family:'Arial Black',arial,sans-serif;font-size:28px;line-height:28px;opacity:0;float:left;background:#ff0;padding:10px 15px;margin:15px;pointer-events:none;transition:opacity .5s ease-in-out}.container .caption .caption-copy{opacity:0;float:left;font-family:'Helvetica Bold',helvetica-bold,arial,sans-serif;font-size:17px;pointer-events:none;line-height:21px;color:#fff;text-align:left;letter-spacing:.04em;display:block;margin:11px 0 0;width:325px;text-shadow:2px 1px 20px #000;z-index:9999!important;transition:opacity .5s ease-in-out}.container .navigation{font-family:'Helvetica Bold',helvetica-bold,arial,sans-serif;font-size:28px;line-height:28px;font-weight:700;text-align:center;padding:1.5% 2%;color:#000;position:absolute;top:0;left:0;width:100%;float:right;margin-right:10%;margin-bottom:100%;display:inline;z-index:9999!important;transition:opacity .5s ease-in-out;opacity:0;pointer-events:none!important;max-height:540px}.container .navigation .buttons{position:relative;height:540px;top:0;margin-right:75px;text-align:right;pointer-events:none!important}.container .navigation .buttons div{position:relative;margin-top:25%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.container .navigation .buttons div img{width:15vw;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;max-width:175px;pointer-events:none}.container .navigation .buttons div img:hover{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.container .navigation .buttons .previous span{position:absolute;left:-50%;z-index:999}.container .navigation .buttons .next{margin:45px 0 0}.no-portrait{font-family:'Helvetica Bold',helvetica-bold,arial,sans-serif;font-size:16px;line-height:21px;font-weight:700;text-align:center;background:rgba(0,0,0,.95);padding:0;width:100%;height:100%;z-index:99999!important;position:fixed;top:0;left:0;color:#ff0;display:none}.no-portrait p{display:table-cell;vertical-align:middle}@media only screen and (max-width:667px) and (orientation:portrait){#banner,.container{display:none}.no-portrait{display:table}}@media only screen and (max-device-width:736px) and (orientation:landscape){#banner{position:absolute;top:30%}.circle{border:1px solid #ff0!important;height:50px;width:50px;border-radius:100px}.container{overflow:hidden}.container #bg{max-width:100%}.container #one{top:37%;left:43%}.container #one-circle{top:36%;left:46%;width:40px;height:40px}.container #two{top:48%;left:24%}.container #two-circle{top:54.5%;left:22.5%;width:15px;height:15px}.container #three{top:54%;left:14%}.container #three-circle{top:64%;left:15%;width:15px;height:15px}.container #four{top:69%;left:27.5%}.container #four-circle{top:74%;left:25%;width:15px;height:15px}.container #five{top:84%;left:16%}.container #five-circle{top:92.5%;left:18.5%;height:15px;width:15px}.container #six{top:48%;left:65.5%}.container #six-circle{height:25px;width:25px;top:46%;left:68.5%}.container #seven{top:76%;left:72%}.container #seven-circle{height:35px;width:35px;top:83%;left:68%}.container .clue{font-family:'Arial Black',arial,sans-serif;font-size:16px;line-height:16px;font-weight:900;text-align:center;padding:1.5% 2%;color:#000}.container .caption{font-family:'Helvetica Bold',helvetica-bold,arial,sans-serif;font-size:14px;line-height:14px;font-weight:700;text-align:center;padding:1.5% 2%;color:#000}.container .caption .caption-number{font-size:14px;padding:5px 10px;margin:0}.container .caption .caption-copy{margin:0 0 0 10px;font-size:12px;line-height:14px;width:35%}.container .navigation .buttons{margin-right:35px}.container .navigation .buttons div img:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}