/*
ATTENTION!
DO NOT EDIT THIS FILE. The CSS was pre-compiled from SCSS files. Any changes made to this file will be overwritten upon subsequent updates.
*/
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}html{height:100%}body{height:100%;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Kanit', sans-serif;overflow-x:hidden;overflow-y:scroll;background:#000}@media (max-width: 374px) and (max-height: 480px), (max-width: 674px) and (max-height: 400px){body.modal-open{overflow-y:hidden}}input,textarea,select{font-family:'Kanit', sans-serif}img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}ul{list-style-position:inside;list-style:none}h2{font-weight:300;line-height:1.1;font-size:42px;color:#fff;text-shadow:0 0 12px #000, 0 0 2px #000}@media (max-width:999px){h2{font-size:36px !important}}#contact{width:50px;height:100%;position:fixed;background:rgba(0, 0, 0, 0.6);left:0;top:0}@media (max-width:999px){#contact{width:100% !important;height:50px}}@media (min-width:1000px){#contact{height:100% !important}}@media (min-width:375px) and (max-width:999px) and (orientation: landscape){#contact .wrapper{float:left;width:50%;padding:0 5px}}#contact .content{opacity:0;visibility:hidden;margin:20px 20px 20px 70px}@media (max-width:999px){#contact .content{margin:50px 10px 10px 10px}}#contact label{color:#f00;text-shadow:0 0 12px #000, 0 0 2px #000;font-size:18px;margin:0 0 18px 0;display:block;opacity:0;visibility:hidden}@media (max-width:999px){#contact label{font-size:15px}}#contact label.active{opacity:1;visibility:visible}#contact input,#contact textarea{width:100%;display:block;margin:5px 0 0 0;font-size:24px;padding:5px;border:none;border-radius:2px;box-shadow:inset 0 0 6px 0 #818181;-webkit-appearance:none}@media (max-width:999px){#contact input,#contact textarea{font-size:15px;padding:3px}}#contact textarea{height:125px}@media (max-width:999px){#contact textarea{height:100px}}@media (min-width:375px) and (max-width:999px) and (orientation: landscape){#contact textarea{height:66px}}#contact a{background:#fff;color:#000;padding:3px 20px 6px;font-size:24px;font-weight:700;text-decoration:none;border-radius:6px;box-shadow:0 0 12px #000, 0 0 2px #000;transition:all 0.35s}@media (max-width:999px){#contact a{font-size:18px;display:block;text-align:center;padding:6px 0 8px 0}}@media (min-width:375px) and (max-width:999px) and (orientation: landscape){#contact a{margin:35px 0 0 0px}}#contact a:hover{background:#000;color:#fff}nav{width:100%;height:50px;background:#000;text-align:right;position:fixed;left:0;top:0}nav:before{content:'';position:absolute;width:221px;height:40px;left:5px;bottom:5px;background:url('../images/logo.svg') 0 0 repeat}nav svg{margin:10px 5px;cursor:pointer}@media (max-width:999px){nav svg{transform:matrix(1, 0, 0, 1, 0, 0) !important}}@media (min-width:1000px){nav svg{top:0 !important}}nav svg path{transition:fill 0.35s}nav svg:hover path{fill:#ef7521}@media (min-width:1000px){nav{width:50px;height:100%}nav:before{bottom:-30px;-webkit-transform:rotate(-90deg);-webkit-transform-origin:0 0;transform:rotate(-90deg);transform-origin:0 0}}#container{width:100%;height:100%;margin:50px 0 0;z-index:0}@media (min-width:1000px){#container{width:calc(100% - 50px);height:100%;margin:0 0 0 50px}}section{text-align:center;display:table;position:absolute;width:33.33333%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;cursor:pointer;float:left}section.front{background-image:url('../images/hero-animal-penguin-sml.jpg');left:0}@media (min-width:375px){section.front{background-image:url('../images/hero-animal-penguin-mobile.jpg')}}@media (min-width:1000px){section.front{background-image:url('../images/hero-animal-penguin.jpg')}}section.banners{background-image:url('../images/hero-animal-lemur-sml.jpg');left:33.333%}@media (min-width:375px){section.banners{background-image:url('../images/hero-animal-lemur-mobile.jpg')}}@media (min-width:1000px){section.banners{background-image:url('../images/hero-animal-lemur.jpg')}}section.advanced{background-image:url('../images/hero-animal-ray-sml.jpg');left:66.666%}@media (min-width:375px){section.advanced{background-image:url('../images/hero-animal-ray-mobile.jpg')}}@media (min-width:1000px){section.advanced{background-image:url('../images/hero-animal-ray.jpg')}}@media (max-width:999px){section{width:100% !important;left:0 !important;position:relative;height:auto;float:none;cursor:auto}}@media (min-width:1000px){section{height:100% !important;display:none}}section .content{display:table-cell;vertical-align:middle}section .content:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);opacity:0;visibility:hidden;transition:all 0.5s}@media (max-width:999px){section .content:before{opacity:1 !important;visibility:visible !important}}section .content > h2{padding:0 10px}@media (max-width:999px){section .content > h2{font-size:36px !important;text-align:left !important;opacity:1 !important;visibility:visible !important;display:block !important;padding:0}}@media (max-width:999px){section .content{padding:10px 20px;vertical-align:top}}section:hover .content:before{opacity:0.5;visibility:visible}section.open{cursor:auto;z-index:3}section.open .content{padding:7%;vertical-align:top}section.open .content:before{opacity:1;visibility:visible}section.open .content > h2{text-align:left;padding:0 50px 0 0}@media (max-width:999px){section.open .content > h2{padding:0}}section.open .content > h2 span.w{white-space:nowrap}section.open .content > h2 span.t{display:inline-block}@media (max-width:999px){section.open .content > h2 span.t{display:inline;transform:matrix(1, 0, 0, 1, 0, 0) !important}}section .inner-content{opacity:0;visibility:hidden;display:none;text-align:left;color:#fff;text-shadow:0 0 12px #000, 0 0 2px #000;font-size:24px;margin:20px 0px 0px;max-width:1000px}@media (max-width:999px){section .inner-content{opacity:1 !important;visibility:visible !important;display:block !important;transform:matrix(1, 0, 0, 1, 0, 0) !important;font-size:18px}}section .inner-content p{margin-bottom:0.5em}section .inner-content ul{margin-bottom:1em}section .inner-content li{margin:0 0 0.1em 12px}section .inner-content li:before{content:'';position:absolute;left:-12px;top:12px;width:6px;height:6px;border-radius:3px;background:#fff;box-shadow:0 0 12px #000, 0 0 2px #000}section .inner-content a{color:#fff}#close,.close{position:absolute;z-index:5;right:16px;top:25px;color:#fff;font-size:100px;font-weight:200;line-height:0;cursor:pointer;text-shadow:0 0 12px #000, 0 0 2px #000;opacity:0;visibility:hidden}@media (max-width:999px){#close,.close{right:9px;top:61px;font-size:70px}}@media (max-width:999px){#close{display:none !important}}@media (max-width:999px){#pre-loading{display:none}}#pixels{position:absolute;left:-5000px}.gmt-modal-content{font-size:24px}#overlay{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);visibility:hidden;opacity:0;transition:all 0.35s}@media (min-width:1000px){#overlay{background:transparent}}#overlay.open{visibility:visible;opacity:1}.modal{position:absolute;width:calc(100% - 12px);left:6px;top:calc(50% - 200px);background:#fff;border-radius:4px;box-shadow:0 10px 29px 0 rgba(0, 0, 0, 0.4);display:none;background:#fff -webkit-linear-gradient(top, #ededed 0%, #fff 20%);background:#fff linear-gradient(to bottom, #ededed 0%, #fff 20%);color:#384ba7}@media (max-width: 374px) and (max-height: 480px), (max-width: 674px) and (max-height: 400px){.modal{overflow-y:scroll;position:fixed;top:0px !important;left:0px !important;width:100% !important;height:100%;border-radius:0px}}@media (min-width:375px){.modal{width:362px;left:calc(50% - 181px);top:calc(50% - 186px)}}@media (min-width:1000px){.modal{width:372px;left:calc(50% - 186px);border-radius:10px}}.modal.open{display:block}.modal .pointer{width:24px;height:24px;overflow:hidden;position:absolute;display:none}@media (min-width:1000px){.modal .pointer{display:block}}.modal .pointer > div{width:34px;height:34px;transform:rotate(45deg);background:#ededed;position:absolute;left:-17px}.modal .pointer.left{left:16px}.modal .pointer.right{right:16px}.modal .pointer.top{top:-24px}.modal .pointer.top > div{bottom:-17px}.modal .pointer.bottom{bottom:-24px}.modal .pointer.bottom > div{bottom:7px;background:#fff}.modal ul.row > li{width:calc(50% - 10px);float:left;margin:0 0 0 10px;font-size:13px}.modal ul.row > li:first-of-type{margin:0 10px 0 0}.modal .close{position:absolute;right:15px;top:15px;width:30px;height:30px;cursor:pointer}@media (max-width: 374px) and (max-height: 480px), (max-width: 674px) and (max-height: 400px){.modal .close{right:15px !important;top:15px !important}}@media (min-width:375px){.modal .close{top:-40px;right:0}}@media (min-width:1000px){.modal .close{display:none}}.modal .close:before,.modal .close:after{content:'';width:30px;height:4px;background:#ccc;position:absolute;left:0;top:13px;transform:rotate(45deg)}.modal .close:after{transform:rotate(-45deg)}#state-modal{padding:12px 16px 18px}@media (min-width:1000px){#state-modal{padding:12px 16px}}#state-modal .state{font-size:30px;margin-bottom:3px;color:#989898;line-height:1}#state-modal .system{font-size:12px;font-weight:700;text-transform:uppercase;color:#c72e2e;margin:0 0 6px 0;font-family:'Kanit', sans-serif}#state-modal .system-value{font-size:21px;margin:0 0 0 3px}#state-modal .fact{font-size:14px;font-style:italic;margin-bottom:15px}#state-modal canvas{margin:0 auto 15px;display:block}#state-modal .count{font-size:28px;text-align:center;width:100%;position:absolute;top:38px;left:0}#state-modal .count span{font-size:18px;top:-7px}#state-modal .rank{width:108px;height:108px;margin:0 auto 15px;border-radius:54px;background:#e5e5e5}#state-modal .rank-value{font-size:41px;text-align:center;background:#c5dbf6;width:70px;height:70px;position:absolute;left:19px;top:19px;border-radius:50%;display:table}#state-modal .rank-value span{display:table-cell;vertical-align:middle}#state-modal .caption{font-size:13px;color:#989898}@media (min-width:1000px){#state-modal .text-center{position:static}}#state-modal .twitter{font-size:12px;background:#384ba7;border-radius:3px;padding:7px 6px 4px;color:#fff;font-weight:700;cursor:pointer;margin:15px 0 0;display:inline-block}@media (min-width:1000px){#state-modal .twitter{border-radius:10px;position:absolute;margin:0;top:10px;right:10px;display:block}}#state-modal .twitter img{width:18px;top:-1px}#type-modal{width:calc(100% - 20px);left:10px;top:10px;padding:16px}@media (min-width:1000px){#type-modal{width:100%;max-width:520px;left:calc(50% - 260px);padding:32px}}#type-modal .pointer{right:50px;display:none}@media (min-width:1000px){#type-modal .pointer{display:block}}#type-modal h1{text-align:left;font-size:30px;font-weight:400;color:#989898;line-height:1;margin:0 0 25px}@media (min-width:375px){#type-modal h1{text-align:center;font-size:33px}}#type-modal ul.row > li{width:calc(50% - 16px);margin:0 0 0 16px}#type-modal ul.row > li:first-of-type{margin:0 16px 0 0}@media (min-width:1000px){#type-modal ul.row > li{width:calc(50% - 32px);margin:0 0 0 32px}#type-modal ul.row > li:first-of-type{margin:0 32px 0 0}}#type-modal h2{font-family:'Kanit', sans-serif;font-size:23px;color:#c72e2e;font-weight:700;margin:0 0 13px}#type-modal h3{font-family:'Kanit', sans-serif;color:#384ba7;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 3px}#type-modal p{font-family:'Source Serif Pro', serif;color:#384ba7;font-size:18px;margin:0 0 18px}#type-modal .description{font-family:'Source Serif Pro', serif;color:#989898;font-size:14px;font-weight:700}body.right #state-modal{color:#ba3a3a}body.right #state-modal .system{color:#384ba7}body.right #state-modal .fact{color:#c72e2e}body.right #state-modal .twitter{background:#c72e2e}body.right #state-modal ul.row .rank-value{background:#ea7777;color:#fff}.text-center{text-align:center}.cf{content:"";display:table;clear:both}div[class^="vs-"]{clear:both}.vs-0{height:0px}.vs-1{height:1px}.vs-2{height:2px}.vs-3{height:3px}.vs-4{height:4px}.vs-5{height:5px}.vs-6{height:6px}.vs-7{height:7px}.vs-8{height:8px}.vs-9{height:9px}.vs-10{height:10px}.vs-11{height:11px}.vs-12{height:12px}.vs-13{height:13px}.vs-14{height:14px}.vs-15{height:15px}.vs-16{height:16px}.vs-17{height:17px}.vs-18{height:18px}.vs-19{height:19px}.vs-20{height:20px}.vs-21{height:21px}.vs-22{height:22px}.vs-23{height:23px}.vs-24{height:24px}.vs-25{height:25px}.vs-26{height:26px}.vs-27{height:27px}.vs-28{height:28px}.vs-29{height:29px}.vs-30{height:30px}.vs-31{height:31px}.vs-32{height:32px}.vs-33{height:33px}.vs-34{height:34px}.vs-35{height:35px}.vs-36{height:36px}.vs-37{height:37px}.vs-38{height:38px}.vs-39{height:39px}.vs-40{height:40px}.vs-41{height:41px}.vs-42{height:42px}.vs-43{height:43px}.vs-44{height:44px}.vs-45{height:45px}.vs-46{height:46px}.vs-47{height:47px}.vs-48{height:48px}.vs-49{height:49px}.vs-50{height:50px}#loading{background:rgba(0, 0, 0, 0.6) url('data:image/gif;base64,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') center center no-repeat;position:fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0}