@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Roboto&display=swap');
html{width:100%;overflow-x: hidden;}
body{font-family: 'Open Sans', sans-serif;width:100%;margin:0;background:#111;color:#aaa;}
body .bodybox{position:relative;  width:100%;  }
body .bodybox #wrapper{width:100vw;}
.logo{z-index:10;left:30px; top:30px;position:absolute;width:8vw;}
.logo img{width:100%;}

.cd-stretchy-nav .logoyo{position:absolute; top:35px;width:28vw;transition: all 0.5s ease; opacity:1;right:100px;}
.cd-stretchy-nav .logoyo img{width:100%;}
.cd-stretchy-nav.nav-is-visible .logoyo{top:-200px; opacity:0;}
.cd-stretchy-nav .stretchy-nav-bg .logoto{position:absolute; top:-500px;left:30px;opacity:0;width:300px;z-index:9999;transition: all 1s ease;}
.cd-stretchy-nav .stretchy-nav-bg .logoto img{width:100%;}
.cd-stretchy-nav .stretchy-nav-bg{overflow:hidden;}
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg .logoto{opacity:1;top:100px;}


.urlnav{position:fixed;z-index:10;left:0px; bottom:0%;width:80px;height: fit-content;}

.urlnav a{padding: 2vh 0;display: block;}
.urlnav a:last-child{margin-bottom:0px;}
.urlnav a span{color:#fff; font-size:30px;}
.urlnav a .fa{font-size:40px;color:#f6ae18;display:block;width:100%;height:100%; text-align:center;top:0px; left:0px;line-height:60px;z-index:-1;   }
.rs-container {background:#000;width:100%;height:100vh;}
.scene3d{z-index:2;height:100vh;width:100%;zoom:1.5;}
.scene3d .rs3denv{margin-top:10%; }
.rs3denv > div{top: -10vh!important;}
.rs-pb3d-ccontainer,.rs-pb3d-sbc,.rs-pb3d-zoombtn,.rs-pb3d-bnav{display: none!important;}

.app-title {font-family:'Open Sans', sans-serif;text-align:center;font-weight:400;text-transform:uppercase;color:#eee;letter-spacing:6px;font-size: large;padding:4px;}
.markup-item{padding:12px;background: #ffcc00;color:#333;border:4px solid #eee;box-sizing:border-box;font-family: Georgia;font-size:16px;}
.markup-item img {max-width:140px!important;display: block;margin:0 auto;margin-top:12px;}
.markup-item p a, .markup p a:visited {color:red;}

.list {width:100%;overflow: hidden;}
.list li {margin:5px;width:100%;height:200px;background:#ccc;}



.bgvideo{position: absolute;top:-30px;left:0;z-index: 0;min-width: 110vw; min-height: 110vh;}



@media (max-width:1200px) {
	
	.rs-pb3d-bnav{display: block!important;}
	
}
@media (max-width:992px){
	
}
@media (max-width:768px){
	.scene3d .rs3denv{margin-top:20%; }
	.cd-stretchy-nav .stretchy-nav-bg .logoto{transition: all 0.5s ease;}
	.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg .logoto{top:35px;}
	.logo{width: 15vw;left: 3%;top: 3%;}
	.cd-stretchy-nav .logoyo{width: 55vw;right: 80px;top: 35px;}
	.cd-stretchy-nav{top: 3%!important;}
	.urlnav{position:fixed;left:0; bottom:0;width:100%;height:7vh; line-height:7vh;background:rgba(255, 255, 255, 0.2);transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
	.urlnav a span{display:none;}
	.urlnav a{display:block; width:25%; height:7vh; margin-bottom:0; line-height:7vh;float:left; position:relative; }
	
	.urlnav a:before{content:'';position:absolute; top:2vh; height:3vh; background:#ffdd97;width:1px; right:0px;}
	.urlnav a:nth-child(4):before{display:none;}
	.urlnav a .fa{font-size: 28px;line-height: 26px;}

	.scene3d{zoom:1;}
}
@media (max-width:576px){
	.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg .logoto{width:290px;}
	.cd-stretchy-nav .logoyo{width:235px;right:80px;top: 40px;}
	.logo{width:60px;top:25px;left:10px;}
	.cd-stretchy-nav{top: 0%!important;}
}
@media (max-width:320px){
	
}