*,*:after,*:before{box-sizing:border-box}html,body{margin:0}body{display:flex;flex-wrap:wrap;flex-direction:column;min-height:100vh}@media (min-width: 600px){body{flex-wrap:nowrap;flex-direction:row}}.logger{right:10px;bottom:60px;position:absolute;background:#666;padding:10px;font-family:"Open Sans",sans-serif;font-size:1em;color:#F5F7F8;z-index:2}.demo-checkbox{position:relative;display:block;text-align:right}.demo-checkbox label{width:90px;height:35px;background:#ccc;position:relative;display:inline-block;-webkit-border-radius:46px;-moz-border-radius:46px;-ms-border-radius:46px;border-radius:46px;-webkit-transition:0.4s;transition:0.4s}.demo-checkbox label:after{content:'';position:absolute;width:45px;height:45px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;left:0;z-index:2;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-transition:0.4s;transition:0.4s}.demo-checkbox input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer}.model-2 .demo-checkbox label{width:75px}.model-2 .demo-checkbox label:after{top:0;width:35px;height:35px}.model-2 .demo-checkbox input:checked+label{background:#1e96b9}.model-2 .demo-checkbox input:checked+label:after{left:40px}section.model-2{padding:8px 0 8px 0;border-bottom:1px solid rgba(30,150,185,0.5)}section.model-2:first-of-type{border-top:1px solid rgba(30,150,185,0.5)}.demo-checkbox div.description{display:inline-block;vertical-align:top;height:42px;position:absolute;padding:10px;left:0}.demo-checkbox [type="checkbox"]:not(:checked),.demo-checkbox [type="checkbox"]:checked{position:absolute;left:0px;display:block;visibility:inherit}.demo-checkbox [type="checkbox"]+label:before{visibility:hidden}div.menu{z-index:2;order:1;background-image:linear-gradient(to bottom, #333, #666);display:flex;align-items:center;width:100%;height:100px;flex-direction:row;justify-content:space-between}@media (min-width: 600px){div.menu{background-image:linear-gradient(to right, #333, #666);flex-direction:column;width:100px;height:100vh;justify-content:flex-start}}div.menu div.menu-item{margin:10px;width:80px;height:80px;border:1px solid #F5F7F8;user-select:none;transition:all 0.07s;text-align:center;background-color:#007F9D}div.menu div.menu-item span{font-family:'Open Sans';text-transform:uppercase;letter-spacing:1px;font-size:0.8em;color:#F5F7F8;position:relative;bottom:0px}div.menu div.menu-item.clicked{transform:scale(1.1);box-shadow:0 0 10px #00191F;background-color:#85CDDB}div.menu div.menu-item.disabled{background-color:#85CDDB}div.menu div.menu-item img{height:40px;display:block;margin:8 auto}div.menu div.menu-item input[type="color"]{display:none}div.menu div.menu-item.color{visibility:hidden;display:none}@media (min-width: 600px){div.menu div.menu-item.color{visibility:visible;display:block}}div.sub-menu{z-index:1;flex-grow:0;background-color:#333;display:flex;align-items:center;justify-content:flex-start;position:absolute;transition:all 0.3s;transition-timing-function:cubic-bezier(0.06, 0.79, 0.4, 0.96);width:100%;height:60px;top:100px;left:0px;flex-direction:row;box-shadow:2px 0px 5px #00191F}@media (min-width: 600px){div.sub-menu{width:60px;height:initial;left:100px;top:0;flex-direction:column;flex-grow:1}}div.sub-menu.hidden{top:0}@media (min-width: 600px){div.sub-menu.hidden{left:0}}div.sub-menu div.sub-menu-item.button{margin:10px;width:50px;height:50px;border:1px solid #F5F7F8;color:#F5F7F8;user-select:none;text-align:center;cursor:default;display:flex;flex-direction:column;justify-content:center;transition:all 0.07s}div.sub-menu div.sub-menu-item.button span{font-family:'Open Sans';text-transform:uppercase;letter-spacing:1px;font-size:0.6em}div.sub-menu div.sub-menu-item.button.selected{box-shadow:0 0 10px #00191F;background-color:#509E2F}div.sub-menu div.sub-menu-item.button img{height:25px;display:block;margin:4 auto}div.sub-menu.settings{z-index:1;background-color:#333;user-select:none;display:flex;align-items:center;justify-content:flex-start;position:absolute;transition:all 0.3s;transition-timing-function:cubic-bezier(0.06, 0.79, 0.4, 0.96);width:100%;height:450px;top:100px;left:0px;flex-direction:column;box-shadow:2px 0px 5px #00191F;align-items:stretch}@media (min-width: 600px){div.sub-menu.settings{width:500px;height:600px;left:100px;top:0;flex-grow:1}}div.sub-menu.settings.hidden{top:-450px}@media (min-width: 600px){div.sub-menu.settings.hidden{top:0;left:-500px}}div.sub-menu-section{flex-grow:1;display:flex;flex-direction:column;align-items:stretch;padding:5px}div.sub-menu-section div.title{color:#F5F7F8;font-family:"Open Sans Light",sans-serif;text-transform:uppercase;border-bottom:1px solid #666}div.sub-menu-section div.description{display:none}@media (min-width: 600px){div.sub-menu-section div.description{display:block;color:#bbb;font-family:"Open Sans Light",sans-serif;margin-left:40px;font-size:0.75em}}div.sub-menu-section div.content{color:#F5F7F8;font-family:"Open Sans Light",sans-serif;text-transform:uppercase;display:flex;flex-direction:row;flex-flow:center;margin-left:40px;margin-top:0px}div.sub-menu-section div.content .hidden{display:none}div.sub-menu-section div.content .slider{width:70%;text-transform:none;margin:10;align-items:center;display:flex}div.sub-menu-section div.content .color-sliders{width:100%;display:flex;flex-direction:column;align-items:stretch}div.sub-menu-section div.content .color-sliders .color-slider{display:flex;flex-direction:row;align-items:center}div.sub-menu-section div.content .color-sliders .color-slider .label{width:60px;text-align:right;margin:5 15 5 5;font-size:0.8em;text-transform:uppercase}div.logo{display:none}@media (min-width: 600px){div.logo{display:block;position:absolute;top:0px;right:0px;z-index:4}div.logo img{width:200px}}.switch-options input{display:none}.switch-options label::before{display:none}.switch-options label::after{display:none}.switch-options label{display:flex;text-transform:capitalize;color:#fff;font-size:14px;font-weight:normal;text-align:left;margin:0px;padding:8px 14px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}.switch-options label:hover{cursor:pointer}.switch-options input:checked+label{background-color:#1e96b9}.switch-options input:disabled:checked+label{background-color:rgba(30,150,185,0.4)}.switch-options.horizontal label{display:inline-block;text-transform:capitalize;width:50%;padding-left:20px;border-right:1px solid rgba(30,150,185,0.8);border-top:1px solid rgba(30,150,185,0.8);border-bottom:1px solid rgba(30,150,185,0.8)}.switch-options.vertical label{display:block;text-transform:capitalize;width:100%;border-right:1px solid rgba(30,150,185,0.8);border-bottom:1px solid rgba(30,150,185,0.8);border-left:1px solid rgba(30,150,185,0.8)}.switch-options.horizontal label:first-of-type{border-radius:5px 0 0 5px;border-left:1px solid rgba(30,150,185,0.8)}.switch-options.horizontal label:last-of-type{border-radius:0 5px 5px 0;border-right:1px solid rgba(30,150,185,0.8)}.switch-options.vertical label:first-of-type{border-radius:5px 5px 0 0px;border-top:1px solid rgba(30,150,185,0.8)}.switch-options.vertical label:last-of-type{border-radius:0 0 5px 5px}.switch-options label i.fa{padding-right:10px;font-size:1.3rem}.switch-options [type="radio"]:not(:checked)+label,.switch-options [type="radio"]:checked+label{height:45px}.switch-options.horizontal [type="radio"]:not(:checked)+label,.switch-options.horizontal [type="radio"]:checked+label{display:inline-block}.switch-options.vertical [type="radio"]:not(:checked)+label,.switch-options.vertical [type="radio"]:checked+label{display:block}.switch-options [type="radio"]:disabled+label{color:rgba(245,247,248,0.31)}#gl-canvas{width:100%;flex-grow:1;background-color:#000}.render-wrapper{z-index:0;order:3;flex-grow:1;display:flex;background-color:#007F9D}.footer{right:10px;bottom:10px;position:absolute;background:#666;padding:10px;z-index:2}.footer label.text{font-family:"Open Sans",sans-serif;font-size:1em;color:#F5F7F8}.texttest-1{z-index:2;color:white;position:absolute;right:40px;top:140px;width:400px}.texttest-1 h2{font-family:"Open Sans",sans-serif}.texttest-1 p{font-family:"PT Serif"}.texttest-1 label input{visibility:hidden}.texttest-2{z-index:2;color:white;position:absolute;right:40px;bottom:40px;width:400px}.texttest-2 h2{font-family:"PT Serif"}.texttest-2 p{font-family:"Open Sans Light",sans-serif}@font-face{font-family:'Open Sans';src:url(fonts/OpenSans-Regular.ttf)}@font-face{font-family:'Open Sans Light';src:url(fonts/OpenSans-Light.ttf)}@font-face{font-family:'PT Serif';src:url(fonts/PTF55F.ttf)}.range-slider__range{-webkit-appearance:none;width:calc(100% - (73px));height:10px;border-radius:5px;background:#bbb;outline:none;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#007F9D;cursor:pointer}.range-slider__range::-webkit-slider-thumb:hover{background:#85CDDB}.range-slider__range:active::-webkit-slider-thumb{background:#85CDDB}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#007F9D;cursor:pointer}.range-slider__range::-moz-range-thumb:hover{background:#85CDDB}.range-slider__range:active::-moz-range-thumb{background:#85CDDB}.range-slider__value{display:inline-block;position:relative;width:60px;line-height:20px;height:30px;text-align:center;border-radius:3px;background:#007F9D;padding:5px 5px;margin-left:8px}.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-right:7px solid #007F9D;border-bottom:7px solid transparent;content:''}::-moz-range-track{background:#bbb;border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0}