*{box-sizing:border-box}body{margin:0;width:100%;height:100%;background-color:#000;font-family:Arial,sans-serif;color:#fff}input{font-family:Arial,sans-serif}nav{position:fixed;top:0;right:0;z-index:101}nav label{position:absolute;z-index:1;right:0;display:block;width:56px;height:56px;border:1px dotted transparent;padding:11px 12px 12px 12px;cursor:pointer;opacity:.2;transition:opacity 1s,background .25s}nav label hr{width:28px;height:3px;border:none;border-radius:1px;background:#ccc;margin:6px auto;transition:all .25s ease}nav > ul{visibility:hidden;opacity:0;transition:opacity .25s}nav ul{position:absolute;top:56px;right:0;width:auto;min-width:200px;border:1px solid #222;margin:0;padding:0;background-color:#222;box-shadow:0 0 16px rgba(0,0,0,0.25);list-style:none;font-size:0;white-space:nowrap}nav ul li{position:relative}nav ul li a{display:block;padding:0 24px;font-size:20px;line-height:44px;color:#ccc;text-decoration:none}nav ul li a:hover{background-color:#ccc;color:#222}nav ul li ul{display:none;position:absolute;left:0;background-color:#09d;width:200px;box-shadow:0px 4px 16px rgba(0,0,0,0.5);z-index:-200}nav ul li ul li a{display:block;line-height:48px}#nav + label:hover,#nav:focus + label{opacity:1}#nav:focus + label{border-color:#fff}#nav:focus:checked + label{border-color:#fff}#nav{position:absolute;top:0;right:0;width:56px;height:56px;margin:0;opacity:0}#nav:checked ~ label{background:#222;opacity:1}#nav:checked ~ label hr{}#nav:checked ~ label > hr:nth-child(1){width:34px;transform:translateY(9px) rotateZ(45deg)}#nav:checked ~ label > hr:nth-child(2){width:0}#nav:checked ~ label > hr:nth-child(3){width:34px;transform:translateY(-9px) rotateZ(-45deg)}#nav:checked ~ ul{visibility:visible;opacity:1}nav ul li ul{display:block;position:static;background-color:transparent;box-shadow:none}nav ul li ul li a{padding:0 16px 0 48px;line-height:44px}.page{}.enter{position:absolute;width:33%;left:50%;top:50%;transform:translate(-50%,-50%)}.enter::after{content:"";display:block;padding-bottom:100%}.enter form{position:absolute;width:100%;height:100%}.enter .content{color:#fff;transition:width 2s,height 2s,background-color 2s}.enter img{display:block;margin:auto;width:100%;opacity:0;transition:opacity 1s}.enter.on img{opacity:0.75}.enter:hover img{opacity:1}.enter input{display:block;width:100%;border:none;outline:none;padding:24px 0;background-color:transparent;color:#ccc;font-size:4vw;text-align:center}.enter .msg{color:#f00;text-align:center}.enter .msg.out{opacity:0;transition:opacity 8s}.old-results{list-type:none}.old-results li{display:block;position:absolute;top:0;left:0;width:320px;height:320px}.old-results li .result{display:block;color:#fff}.results{padding-top:96px}.results .boxes{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;background-color:#fff}.results .boxes li{position:relative;margin:0.5%;width:32.33%;padding-top:25%}.results .boxes li .result{position:absolute;top:0;display:block;box-sizing:border-box;border-top:4px solid #f00;margin:0 1px 1px 0;width:100%;height:100%;background-color:#fff;overflow:hidden;transition:background 0.25s}.results .boxes li .result::before{content:"";position:absolute;z-index:2;top:0;width:100%;height:25%}.results .boxes li .result::after{content:"";position:absolute;z-index:2;bottom:0;width:100%;height:25%}.results .boxes li .result.on,.results .boxes li .result:not(.on):hover{box-shadow:0 0 8px rgba(0,0,0,0.25)}.results .boxes li .result > img{position:absolute;z-index:1;width:50%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);opacity:1;transition:opacity 0.25s,width 0.25s}.results .boxes li .result > img.on,.results .boxes li .result > img:not(.on):hover{width:100%;opacity:1}.results .boxes li .result > .title{position:absolute;z-index:2;top:0;width:100%;height:25%;padding:0 8px 8px 8px;background-color:rgba(0,0,0,0.8);font-size:1.5vw;color:#fff;overflow:hidden;opacity:1;transition:top 0.25s,height 0.25s,padding 0.25s,opacity 0.25s}.results .boxes li .result > .title .info{font-size:12px;line-height:200%;color:#ccc}.results .boxes li .result > .desc{position:absolute;z-index:2;bottom:0;width:100%;height:25%;padding:8px;background-color:rgba(255,255,255,0.8);font-size:1.2vw;color:#000;overflow:hidden;opacity:1;transition:height 0.25s,bottom 0.25s,padding 0.25s,opacity 0.25s}.results .boxes li .result > img.on ~ .title,.results .boxes li .result > img:not(.on):hover ~ .title,.results .boxes li .result > img.on ~ .desc,.results .boxes li .result > img:not(.on):hover ~ .desc{height:0;padding:0 8px}.rich-text{max-width:1024px;margin:0 auto;background:#fff;padding:12px;color:#555}.rich-text.form{}.rich-text.form .message{border:1px solid #aaa;background:#eee;padding:16px 30px}.rich-text.form .message .Error .type{color:#c00}.rich-text.form .field label{display:block;margin:12px 0 4px 0;color:#222}.rich-text.form .field label p{display:inline;margin:0}.rich-text.form .field label.required::after{content:"*";margin-left:4px;color:#c00}.rich-text.form .field input,.rich-text.form .field textarea{width:320px;max-width:100%;padding:4px;font:16px Arial,sans-serif}.rich-text.form .actions{margin:24px 0 0 0}.rich-text.form .actions input{border-radius:0;border:1px solid #444;background:#eee;padding:8px 16px;font:16px Arial,sans-serif;cursor:pointer}.rich-text.form .actions input:hover{background:#444;color:#fff}@media (max-width:768px){.results .boxes li{width:49%;padding-top:38%}.results .boxes li .result > .title{font-size:2.5vw}.results .boxes li .result > .desc{font-size:1.75vw}}@media (max-width:512px){.results .boxes li{margin:0 0 1.5% 0;width:100%;padding-top:75%}.results .boxes li .result > .title{font-size:5vw}.results .boxes li .result > .desc{font-size:3.5vw}}