/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
.padNull{padding: 0;}
.marNull{margin: 0;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; background: url(../images/fullscreen-bg.jpg) 50% 50% no-repeat;overflow: hidden;}
body{font-family: 'Jura', sans-serif; color:#fff; line-height:20px; min-width:1080px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden; }
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 1050px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:#000; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{color:#ffffff; text-decoration:none; outline:none; font-size:14px;}
a:hover{text-decoration:underline;}
h1{position:relative; display:inline-block; text-align:center; top:-600px;}
h2{font-family:'Jura',sans-serif; color:#43a2dc; font-size:25px; line-height:25px; width:100%; text-transform:uppercase; padding-bottom:10px; letter-spacing:0px; font-weight:normal; text-shadow:0px 0px 10px rgba(255, 255, 255, 0.2);}
p{padding-bottom:18px; font-size:17px; color:#666666; line-height:19px;}
.center{padding:0; width:100%; position:relative; display:inline-block;}
/* ============================= header ============================ */
header{position:relative; width:1050px; height:300px; z-index:3;  margin:0 auto; float:left;}
#logo{display:inline-block; background: url(../images/logo.png) 0 0 no-repeat; width:700px; height:140px;}
#logo:hover{text-decoration:none;}
.logoHolder{position:relative; height:62px; text-align:center; z-index:1;}
.hide_text{text-indent:100%; white-space:nowrap; overflow:hidden;}
.menu{position:relative; z-index:1; display:block; text-align:center;}
.menuHolder{display:inline-block; position:relative; width:1050px; z-index:3; height:80px; margin-bottom:2px;}
#menu {z-index:3; position:relative; display:inline-block;}
#menu > li{position:relative; color:white;  text-align:left; display:inline-block; float:left; width:200px; background: url(../images/divider1.png) 100% 50% no-repeat;}
#menu > li > a{display:block; text-transform:uppercase; position:relative; height:70px; width:200px; z-index:1; overflow:hidden;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
#menu ._last{background: none;}
.submenu_1{position:absolute; z-index:2; top: 150px; left: 0px; display: block;  background: #1b1b1b; width: 100%; border-top:6px solid #3c3c3c ;}
.submenu_1 li{ position:relative; display:inline-block;  height: 48px; float: left; width: 100%; border-bottom: 1px solid #202020; text-align: center;}
.submenu_1 a{font-family: 'Six Caps', sans-serif; font-size: 40px; color: #595959; display:inline-block; text-transform:uppercase; line-height: 48px; height: 48px; text-shadow: 0px 0px 10px #595959; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#ffffff; text-shadow: 0px 0px 0px #ffffff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_1 .padTop{margin-top: 12px;}
.submenu_1 .padBot{margin-bottom: 12px;}
.submenu_1 ._last{border: none;}
.mText{font-family:'Six Caps',sans-serif; line-height:70px; color:#121212; font-size:70px; position:relative; width:100%; z-index:2; text-align:center; letter-spacing:-1px; text-shadow:0px 1px 2px #393939;}
.mText_over{font-family:'Six Caps',sans-serif; line-height:70px; color:#ffffff; font-size:70px; position:absolute; width:100%; z-index:2; text-align:center; letter-spacing:-1px; height:70px; top:-100px; text-shadow:0px 0px 4px rgba(255, 255, 255, 0.5);}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index:3; left:0; display:block; background: url(../images/pixel.png);}
.over_slider{width: 1050px; height: 31px; display: block; position: relative; background: url(../images/extra1.png) 0 0 no-repeat;z-index: 0;}
.over_line{width: 248px; height: 70px; display: block; position: absolute; background: url(../images/extra2.png) 50% 50% no-repeat; top:-20px;}
/* ============================= content ====================== */
#content{position:relative; z-index:1; width:100%; margin:0 auto; display:block; float:left; overflow:visible;}
#content > ul{width:1050px; z-index:0; display:inline-block; position:relative; overflow:visible; height:555px;}
#content > ul > li{width:1050px; display:block; position:absolute; height: 555px; overflow:hidden;}
.box{width:1050px; position:relative; display:inline-block; background: url(../images/bg1.png) 0 0 no-repeat; height:555px;}
.space1{display:inline-block; width:70px;}
.more{color:#525252; font-size:14px; line-height:16px; text-decoration:none; text-transform:uppercase; display:inline-block;}
.more:hover{text-decoration: none; color: #43a2dc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.attribution{color: #525252; font-size: 11px; line-height: 12px; margin-top: 8px; text-decoration: none; text-transform: none; display: inline-block;}
.attribution:hover{text-decoration: none; color: #43a2dc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.padRight1{padding-right: 20px;}
.padBot1{padding-bottom: 10px;}
.padBot2{padding-bottom: 4px;}
.marTop1{margin-top: 16px;}
.marTop2{margin-top: 15px;}
.marTop3{margin-top: 15px;}
.marRight1{margin-right: 20px;}
.marRight2{margin-right: 16px;}
._fig1{display:inline-block; position:relative; float:left;}
.color1{color: #fff;}
.color2{color:#43a2dc;}
._link1{font-size: 11px; color: #414141;}
._link2{font-size: 10px; color: #fff;}
._link3{font-size: 11px; color: #fff;}
.scroll1{width: 505px; height: 198px;display: inline-block;}
.track{position:absolute; top: 40px; left: 450px; width:25px; height:214px; background: url(../images/track.png) 0px 3px no-repeat;}
.shuttle{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1; top: 0; left: 0;}
.scroll2{width:495px; height:350px; display:inline-block;}
.track2{position:absolute; top: -30px; left: 510px; width:25px; height:214px; background: url(../images/track.png) 50% 3px no-repeat;}
.shuttle2{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1;}
.scroll3{width: 350px; height: 198px;display: inline-block;}
.track3{position:absolute; top: 50px; left: 350px; width:25px; height:214px; background: url(../images/track.png) 50% 3px no-repeat;}
.shuttle3{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1;}
.scroll4{width: 900px; height: 180px;display: inline-block;margin-top: 20px;}
.track4{position:absolute; top: 40px; left: 910px; width:25px; height:214px; background: url(../images/track.png) 50% 3px no-repeat;}
.shuttle4{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1;}
.scroll5{width: 550px; height: 214px;display: inline-block;}
.track5{position:absolute; top: 0px; left: 590px; width:25px; height:214px; background: url(../images/track.png) 0px 3px no-repeat;}
.shuttle5{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1; top: 0; left: 0;}
.scroll6{width: 630px; height: 214px;display: inline-block;}
.track6{position:absolute; top: 0px; left: 680px; width:25px; height:214px; background: url(../images/track.png) 0px 0px no-repeat;}
.shuttle6{position:relative; width: 25px; height: 127px; background: url(../images/shuttle.png) 0% 4px no-repeat; display: inline-block; z-index: 1; top: 0; left: 0;}
._date{position: relative; display: inline-block; float: left;margin-right: 16px;width: 89px;height: 89px;}
._date:hover > .textStyle1{color: #fff; text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._date:hover > .textStyle2{color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._logo2{position: absolute; display:inline-block; background: url(../images/logo2.png) 0 0 no-repeat; width: 800px; height:  83px; left: 250px; top: -600px; }
._logo3{position: absolute; display:inline-block; background: url(../images/logo3.png) 0 0 no-repeat; width: 250px; height: 229px; left:   0px; top: -600px; }
._slogan{position: relative; display:inline-block; background: url(../images/enter-the-metaverse.png) 0 0 no-repeat; width: 500px; height: 60px; }
.textStyle1{font-family: 'Jura', sans-serif; color: #525252; font-size: 10px; width: 100%; text-align: center; position: absolute; z-index: 1; line-height: 12px; top: 12px; text-transform: uppercase;}
.textStyle2{font-family: 'Jura', sans-serif; color: #141414; font-size: 40px; font-weight: bold; width: 100%; text-align: center; position: absolute; z-index: 1; line-height: 24px; text-shadow: 0px 1px 1px #393939;top: 38px; letter-spacing: -4px;}
.slider{position: relative; width: 544px; height: 262px; overflow: hidden; z-index:2;margin-top: 4px;}
.items{display:none;}
.slider .pic{display: inline-block; top: 4px; left: 4px;position: absolute;}
._thumbList{width: 100%; display: inline-block;}
._thumbList > li{display: inline-block; width: 161px; height: 89px; position: relative; float: left;margin-right: 14px;padding-bottom: 14px;}
._thumbList > li >a{display: inline-block;}
._thumbList > li >a img{display: inline-block;position: absolute;top: 4px;left: 4px;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 161px; height: 89px; z-index: 1; background: url(../images/magnify.png) 50% 50% no-repeat; }
.extraBord1{background: url(../images/border_pic.png) 0 0 no-repeat; width: 161px; height: 89px; position: absolute; top: 0; left: 0;z-index: 3;}
.extraBord2{background: url(../images/border_pic2.png) 0 0 no-repeat; width: 541px; height: 260px; position: absolute; top: 0px; left: 0px;z-index: 6;}
.symb1{width: 14px; height: 12px; padding: 0 5px 0 0; background: url(../images/extra5.png) no-repeat; display:inline-block; clear:left; float:left;}
.symb2{width: 13px; height: 12px; padding: 0 5px 0 0; background: url(../images/extra3.png) no-repeat; display:inline-block; clear:left; float:left;}
.symb3{width: 16px; height: 12px; padding: 0 5px 0 0; background: url(../images/extra4.png) no-repeat; display:inline-block; clear:left; float:left;}
/* =================== styled radio/checkboxes =_============= */
.radio{width: 19px; height: 20px; padding: 0 5px 0 0; background: url(../images/radio.png) no-repeat; display: block; clear: left; float: left;}
.checkbox{width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/checkbox.png) no-repeat;	display: block; clear: left; float: left;}
/* actual width of the image = select.padding + select.width + select.padding. */
.select {position: absolute; width: 158px; height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px jura,sans-serif; background: url(../images/select.png) no-repeat; overflow: hidden;}
/* ======================= footer ============================ */
footer{position: relative; width: 100%; z-index: 2; display: inline-block; bottom: 0; float: left; text-align: center; margin-top: 10px;}
footer pre{font-family: 'Jura', sans-serif; font-size: 11px; color: #c1c1c1; position:relative; display:inline-block;  text-transform: uppercase; font-weight: normal;letter-spacing: 0px;margin-top: 4px;}
footer pre > a{font-size: 11px; color: #c1c1c1;}
.privHold{ position: relative; display: inline-block; width: 100%;}
.followHolder{position: relative;display: inline-block; }
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;}
.followHolder > ul > li >a{font-family:'Trebuchet MS',serif; font-size: 9px; color: #525252; display:inline-block; text-transform:uppercase;}
/* ====================== symbols ============================ */
.bullet{font-size: 8px; color: #525252; position:relative; display:inline-block; height:20px; width:10px; text-align:center;}
.caret{width:9px; height:9px; padding:0 5px 0 0; background: url(../images/caret.png) no-repeat; display:block; clear:left; float:left;}
.blinker{width:12px; height:16px; background: url(../images/text-cursor.gif) no-repeat; position:relative; display:inline-block;}
/* ====================== controls =========================== */
.login-detail{width:237px; height:100px; padding:0 0 0 0; background: url(../images/login.png) no-repeat; display:block; clear:left; float:left;}
.aud-msg{font-size: 12px; position:relative; letter-spacing:0px; margin-right:10px;}
.aud{opacity:0.4; text-align:right; position:inherit; display:flex; z-index:99;}
.aud:hover{opacity:1.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
/*========================= map ===============================*/
.google_map{margin:0; width:400px; height: 245px; border: 8px solid #141414; background: #fff; display: inline-block;border-radius: 5px;box-shadow: 0px 1px 0px #343434;}
.google_map > span{position: absolute; top: 50%; left: 50%;}
/* ======================= modals ============================= */
.modalDialog {
	position: fixed;
	font-family: 'Jura', sans-serif;
	top: 245px;
	right: 0;
	bottom: 0;
	left: 0px;
	/* background: rgba(0,0,0,0.25); */
	z-index:999999;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events:none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 237px;
	height: 105px;
	position: relative;
	margin: 10% auto;
	padding: 10px 5px 5px 5px;
	border-radius: 10px;
	background: #fff;
	opacity: 0.9;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;
}
.close {
	background: #606061;
	color: #ffffff;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #43a2dc; text-decoration: none; }
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success { 
    text-transform:uppercase; 
	font-size:20px; 
    position:relative; 
    float:left; 
	color: #43a2dc; 
	width: 100%; 
	line-height:20px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 4px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 12px; 
	color: #43a2dc; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
	float: left;
	text-align: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 250px; 
	padding: 7px 10px; 
	color: #525252; 
	outline:none; 
	font-size: 16px;
    background: url(../images/bg2.png) 0 0 no-repeat;
    font-family: 'Jura', sans-serif;
	box-shadow: none;
	text-transform: none;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 250px; 
	padding: 7px 10px; 
	height: 80px;  
	color: #525252; 
	resize: none; 
	outline: none; 
	font-size: 14px;  
	background: url(../images/bg3.png) 0 0 no-repeat;
	font-family: Arial;
    font-family: 'Jura', sans-serif;
	box-shadow: none;
	text-transform: none;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
.navButtons{position:relative; float:right; display:inline-block; margin-top:16px; margin-right:7px;}
.formButtons{position:relative; float:right; display:inline-block; margin-top:8px; margin-right:11px;}
.formBtn{display:inline-block; position:relative; margin-left:30px;}
/* ============================= end forms ============================= */