@import url("https://fonts.googleapis.com/css?family=Yantramanav:400,100,300,500");
@font-face{font-family:'StarFontSans';src:url("../fonts/StarFontSans.eot");src:url("../fonts/StarFontSans.eot?#iefix") format('embedded-opentype'),url("../fonts/StarFontSans.woff2") format('woff2'),url("../fonts/StarFontSans.woff") format('woff'),url("../fonts/StarFontSans.ttf") format('truetype'),url("../fonts/StarFontSans.svg#StarFontSans") format('svg');font-weight:normal;font-style:normal}.mainmenu{font-weight:300;font-size:17px;text-transform:uppercase;cursor:pointer;-webkit-transition:color .3s ease-out;transition:color .3s ease-out;}.mainmenu:hover{color:#fff;}.mainmenu:hover .hamburger__bars{background:#fff;}.mainmenu:hover .hamburger__bars:before,.mainmenu:hover .hamburger__bars:after{background:#fff}.mainmenu .title{margin-left:25px;}@media (max-width:480px){.mainmenu .title{display:none}}.mainmenu .hamburger{position:absolute;overflow:hidden;margin:0;padding:0;width:20px;height:20px;}.mainmenu .hamburger__bars{position:absolute;top:9px;left:0;right:0;height:2px;background-color:#999;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;}.mainmenu .hamburger__bars:before,.mainmenu .hamburger__bars:after{position:absolute;left:0;width:100%;height:2px;background-color:#999;content:"";-webkit-transition-duration:.3s,.3s,.3s;transition-duration:.3s,.3s,.3s;-webkit-transition-delay:.3s,0s,0s;transition-delay:.3s,0s,0s;-webkit-transition-timing-function:ease-out,ease-out,ease-out;transition-timing-function:ease-out,ease-out,ease-out}.mainmenu .hamburger__bars:before{top:-6px;-webkit-transition-property:top,-webkit-transform,background-color;transition-property:top,transform,background-color}.mainmenu .hamburger__bars:after{bottom:-6px;-webkit-transition-property:bottom,-webkit-transform,background-color;transition-property:bottom,transform,background-color}.navbar.open .mainmenu .hamburger .hamburger__bars,.navbar.open .mainmenu:hover .hamburger .hamburger__bars{background:none;}.navbar.open .mainmenu .hamburger .hamburger__bars:before,.navbar.open .mainmenu:hover .hamburger .hamburger__bars:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.navbar.open .mainmenu .hamburger .hamburger__bars:after,.navbar.open .mainmenu:hover .hamburger .hamburger__bars:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.dateselect{text-align:center;}.dateselect.input-on .dateselect__display{display:none}.dateselect.input-on .dateselect__inputs{display:block}.dateselect .dateselect__display{-webkit-transition:color .3s ease-out;transition:color .3s ease-out;cursor:pointer;}.dateselect .dateselect__display:hover{color:#fff}.dateselect .dateselect__inputs{margin-top:-2px;display:none;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out;}.dateselect .dateselect__inputs:hover{border-color:#fff}.dateselect .dateselect__input{width:20px;background-color:rgba(0,0,0,0.6);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0 2px;color:#fff;text-align:center;}.dateselect .dateselect__input.year{width:30px}.dateselect .dateselect__input:focus{outline:none}.dateselect .dateselect__input::-webkit-input-placeholder{color:#999}.dateselect .dateselect__input::-moz-placeholder{color:#999}.dateselect .dateselect__input:-ms-input-placeholder{color:#999}.dateselect .dateselect__input::placeholder{color:#999}.dateselect .button{-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;display:inline-block;color:rgba(0,0,0,0.6);width:18px;height:18px;line-height:20px;margin-left:5px;background-color:#555;text-align:center;cursor:pointer;border-radius:18px;}.dateselect .button:hover{background-color:#fff}.dateselect .today-reset{margin-left:20px;-webkit-transition:color .3s ease-out;transition:color .3s ease-out;cursor:pointer;}.dateselect .today-reset:hover{color:#fff}.slider{position:relative;top:-8px;}.slider.disabled .slider__input::-webkit-slider-thumb{background-color:#555;cursor:auto;}.slider.disabled .slider__input::-webkit-slider-thumb:hover{background-color:#555}.slider__input{vertical-align:middle;margin:10px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#555;height:3px;width:50px;outline:none}.slider__input::-webkit-slider-thumb{-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;-webkit-appearance:none;appearance:none;background-color:#999;width:8px;height:20px;border:2px solid bg-colr;}.slider__input::-webkit-slider-thumb:hover{cursor:pointer;background-color:#fff}.more{-webkit-transition:border-color .3s ease-out,-webkit-transform .3s ease-out,top .3s ease-out;transition:border-color .3s ease-out,transform .3s ease-out,top .3s ease-out;height:8px;width:8px;border:solid #999;border-width:2px 2px 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:0 0 0 5px;display:inline-block;cursor:pointer;position:relative;top:-9px;}.more:hover{border-color:#fff}.controls{text-align:right;}.controls__small{display:none}.controls__main{display:block}@media (max-width:920px){.controls__small{display:block;}.controls__small.show .more{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:-5px}.controls__main{display:none;}.controls__main.show{background-color:rgba(0,0,0,0.6);margin:5px 0;padding:10px 0 0 10px;display:block;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone;-webkit-animation-duration:.3s;animation-duration:.3s;}.controls__main.show .switch,.controls__main.show .slider{display:block;margin:0 0 10px 0}}.switch{position:relative;top:-3px;}.switch__label{position:relative;top:-5px;cursor:pointer;-webkit-transition:color .3s ease-out;transition:color .3s ease-out;}.switch__label:hover{color:#fff}.switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:26px;height:20px;cursor:pointer;margin:0 12px 0 6px;}.switch__input:focus{outline:none}.switch__input:hover::before{background:#fff}.switch__input::after{content:'';padding-left:8px;position:absolute;background:#555;top:0;left:0;width:100%;height:100%;border-radius:20px}.switch__input:checked::after{background:#999}.switch__input::before{content:'';position:absolute;background:#999;top:2px;left:2px;z-index:2;width:16px;height:16px;border-radius:16px}.switch__input:checked::before{left:16px;background:#fff}.switch__input:after,.switch__input:before{-webkit-transition:background .3s ease-out,left .3s ease-out;transition:background .3s ease-out,left .3s ease-out}.orbit{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;border:3px solid #111;-webkit-backface-visibility:hidden;backface-visibility:hidden}.body{position:absolute;border:3px solid #111;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.body:hover{cursor:pointer}.planet__symbol{color:#999;font-family:'StarFontSans';font-size:17px;}.planet__symbol:hover{cursor:pointer}.planet__info{padding:20px 40px 30px;width:200px;background-color:rgba(0,0,0,0.8);position:absolute;top:-10px;left:-10px;line-height:20px;display:none;}.planet__info .planet__name{text-transform:capitalize}.planet__info dt,.planet__info dd{float:left}.planet__info dt{width:110px;clear:both;color:#999}.mercury .orbit{border-radius:100px;width:100px;height:100px;border-color:#62564c;opacity:50;}@media (max-width:920px){.mercury .orbit{border-radius:75px;width:75px;height:75px}}@media (max-width:668px){.mercury .orbit{border-radius:50px;width:50px;height:50px}}.mercury .orbit.info-on{z-index:100;pointer-events:none;}.mercury .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.mercury .body{background-color:#99897b;width:15px;height:15px;line-height:15px;border-radius:15px;top:-10.5px;left:42.5px;}@media (max-width:920px){.mercury .body{width:11.25px;height:11.25px;line-height:11.25px;border-radius:11.25px;top:-8.625px;left:31.875px}}@media (max-width:668px){.mercury .body{width:7.5px;height:7.5px;line-height:7.5px;border-radius:7.5px;top:-6.75px;left:21.25px}}.mercury .body .planet__symbol{font-size:17px;padding-left:18px;}@media (max-width:920px){.mercury .body .planet__symbol{font-size:14px;padding-left:14.25px}}@media (max-width:668px){.mercury .body .planet__symbol{font-size:11px;padding-left:10.5px}}.mercury .orbit{z-index:10}.venus .orbit{border-radius:200px;width:200px;height:200px;border-color:#3d1d00;opacity:50;}@media (max-width:920px){.venus .orbit{border-radius:150px;width:150px;height:150px}}@media (max-width:668px){.venus .orbit{border-radius:100px;width:100px;height:100px}}.venus .orbit.info-on{z-index:100;pointer-events:none;}.venus .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.venus .body{background-color:#a34e00;width:40px;height:40px;line-height:40px;border-radius:40px;top:-23px;left:80px;}@media (max-width:920px){.venus .body{width:30px;height:30px;line-height:30px;border-radius:30px;top:-18px;left:60px}}@media (max-width:668px){.venus .body{width:20px;height:20px;line-height:20px;border-radius:20px;top:-13px;left:40px}}.venus .body .planet__symbol{font-size:17px;padding-left:43px;}@media (max-width:920px){.venus .body .planet__symbol{font-size:14px;padding-left:33px}}@media (max-width:668px){.venus .body .planet__symbol{font-size:11px;padding-left:23px}}.venus .orbit{z-index:9}.earth .orbit{border-radius:300px;width:300px;height:300px;border-color:#242d46;opacity:50;}@media (max-width:920px){.earth .orbit{border-radius:225px;width:225px;height:225px}}@media (max-width:668px){.earth .orbit{border-radius:150px;width:150px;height:150px}}.earth .orbit.info-on{z-index:100;pointer-events:none;}.earth .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.earth .body{background-color:#46588a;width:40px;height:40px;line-height:40px;border-radius:40px;top:-23px;left:130px;}@media (max-width:920px){.earth .body{width:30px;height:30px;line-height:30px;border-radius:30px;top:-18px;left:97.5px}}@media (max-width:668px){.earth .body{width:20px;height:20px;line-height:20px;border-radius:20px;top:-13px;left:65px}}.earth .body .planet__symbol{font-size:17px;padding-left:43px;}@media (max-width:920px){.earth .body .planet__symbol{font-size:14px;padding-left:33px}}@media (max-width:668px){.earth .body .planet__symbol{font-size:11px;padding-left:23px}}.earth .orbit{z-index:8}.mars .orbit{border-radius:400px;width:400px;height:400px;border-color:#340e03;opacity:50;}@media (max-width:920px){.mars .orbit{border-radius:300px;width:300px;height:300px}}@media (max-width:668px){.mars .orbit{border-radius:200px;width:200px;height:200px}}.mars .orbit.info-on{z-index:100;pointer-events:none;}.mars .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.mars .body{background-color:#952908;width:20px;height:20px;line-height:20px;border-radius:20px;top:-13px;left:190px;}@media (max-width:920px){.mars .body{width:15px;height:15px;line-height:15px;border-radius:15px;top:-10.5px;left:142.5px}}@media (max-width:668px){.mars .body{width:10px;height:10px;line-height:10px;border-radius:10px;top:-8px;left:95px}}.mars .body .planet__symbol{font-size:17px;padding-left:23px;}@media (max-width:920px){.mars .body .planet__symbol{font-size:14px;padding-left:18px}}@media (max-width:668px){.mars .body .planet__symbol{font-size:11px;padding-left:13px}}.mars .orbit{z-index:7}.jupiter .orbit{border-radius:750px;width:750px;height:750px;border-color:#392d23;opacity:50;}@media (max-width:920px){.jupiter .orbit{border-radius:562.5px;width:562.5px;height:562.5px}}@media (max-width:668px){.jupiter .orbit{border-radius:375px;width:375px;height:375px}}.jupiter .orbit.info-on{z-index:100;pointer-events:none;}.jupiter .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.jupiter .body{background-color:#785e4a;width:120px;height:120px;line-height:120px;border-radius:120px;top:-63px;left:315px;}@media (max-width:920px){.jupiter .body{width:90px;height:90px;line-height:90px;border-radius:90px;top:-48px;left:236.25px}}@media (max-width:668px){.jupiter .body{width:60px;height:60px;line-height:60px;border-radius:60px;top:-33px;left:157.5px}}.jupiter .body .planet__symbol{font-size:17px;padding-left:123px;}@media (max-width:920px){.jupiter .body .planet__symbol{font-size:14px;padding-left:93px}}@media (max-width:668px){.jupiter .body .planet__symbol{font-size:11px;padding-left:63px}}.jupiter .orbit{z-index:6}.saturn .orbit{border-radius:1000px;width:1000px;height:1000px;border-color:#363f1c;opacity:50;}@media (max-width:920px){.saturn .orbit{border-radius:750px;width:750px;height:750px}}@media (max-width:668px){.saturn .orbit{border-radius:500px;width:500px;height:500px}}.saturn .orbit.info-on{z-index:100;pointer-events:none;}.saturn .orbit.info-on .planet__info{pointer-events:all;display:block;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.saturn .body{background-color:#72853c;width:90px;height:90px;line-height:90px;border-radius:90px;top:-48px;left:455px;}@media (max-width:920px){.saturn .body{width:67.5px;height:67.5px;line-height:67.5px;border-radius:67.5px;top:-36.75px;left:341.25px}}@media (max-width:668px){.saturn .body{width:45px;height:45px;line-height:45px;border-radius:45px;top:-25.5px;left:227.5px}}.saturn .body .planet__symbol{font-size:17px;padding-left:93px;}@media (max-width:920px){.saturn .body .planet__symbol{font-size:14px;padding-left:70.5px}}@media (max-width:668px){.saturn .body .planet__symbol{font-size:11px;padding-left:48px}}.saturn .orbit{z-index:5}body{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#111;width:100%;height:100%;margin:0;color:#fff;font-family:"Yantramanav";font-weight:400;font-size:13px}.container{overflow:hidden;width:100%}.navbar{background-color:rgba(0,0,0,0.6);position:absolute;z-index:200;right:0;left:0;top:0;bottom:100%;padding:10px 0;color:#999;height:20px;-webkit-transition:background-color .3s ease-out,bottom .3s ease-out,height .3s ease-out;transition:background-color .3s ease-out,bottom .3s ease-out,height .3s ease-out;}.navbar.open{bottom:0;height:100%;background-color:rgba(0,0,0,0.8)}.navbar__left{position:absolute;left:0;margin:0 10px}.navbar__center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.navbar__right{position:absolute;right:0;margin:0 10px}.solar-system{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:1100px;height:100%}.about{padding:0 20px;position:absolute;z-index:300;top:40px;display:none;left:0;right:0;bottom:0;overflow-y:auto;}.about.open{display:block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeInFromNone;animation-name:fadeInFromNone}.about__info{font-size:18px;line-height:27px;margin:20px 20%;font-weight:200;}@media (max-width:920px){.about__info{font-size:16px;line-height:24px;margin:20px 15%}}@media (max-width:668px){.about__info{font-size:14px;line-height:21px;margin:20px 10%}}.about__link{color:#999;text-decoration:none;-webkit-transition:color .3s ease-out;transition:color .3s ease-out;}.about__link:hover{text-decoration:underline;color:#fff}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}