@charset "utf-8";
/* CSS Document */

* {  margin:0; padding:0; }
body, html { 
text-size-adjust:none !important;
-webkit-text-size-adjust:none !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: subpixel-antialiased !important;
text-rendering:optimizeLegibility !important;
-webkit-font-feature-settings: "kern" 1;
font-family: Arial, sans-serif; line-height: 140%;
height:100%; 
}

body {background-color:#000}

p { margin: 0; }


@font-face {
    font-family: birch-std, serif;
    font-weight: 100;
    font-style: normal;
}

a {text-decoration:none;}
	
h2.titler { font-family: 'birch-std'; font-size: 40px; color:#fff; text-align:left; border: dotted #aaa; border-width: 0 0 1px; text-shadow: 0 2px 3px #111; margin: 0 auto 20px; font-variant: small-caps; line-height: 125%; letter-spacing:1px; font-weight: 100 }

.nixed {display:none !important;}
.desblock {display: block;}
.deskline {display: inline-block}
.mobi {display:none;}
	
ul.fpul { list-style-type: none; margin-left: 33px; padding:0 }
ul li::before { content: "○"; padding-left: 0; display:inline-block; color: #fff !important; list-style-position: inside;  text-indent: -1em}

.paneled { width:100%; box-sizing:border-box !important; position:relative; padding: 125px 0 !important; margin:0 !important; overflow-x:hidden; height:auto }
.paneled.full { height:100vh; }
.paneled.full.nope { padding: 0 !important; }

.triline { height: 50px; width: 60px; }
	
.bar1, .bar2, .bar3 { width: 50px; height: 6px; background:#fff; margin: 0 0 9px; transition: .3s ease all; }

.base .bar1, .base .bar2, .base .bar3 { width: 50px; height: 6px; background:#fff; margin: 0 0 9px; transition: .3s ease all; }

.alter .bar1 { -webkit-transform: rotate(-45deg) translate(-10px, 10px); transform: rotate(-45deg) translate(-10px, 10px); }
.alter .bar2 { opacity: 0; }
.alter .bar3 { -webkit-transform: rotate(45deg) translate(-11px, -11px); transform: rotate(45deg) translate(-11px, -11px); }

.creditline { width: 100%; text-align:center;  top: 27px; position:absolute; z-index:5; font-size: 30px; transition: all .3s ease; }
.creditline a { color: #fff; font-family: 'birch-std'; transition: .3s all ease }
.creditline a:hover { color: #fff; transition: .3s all ease }

.navitar { background:transparent; height: 70px; width: 70px; outline: none; border: 0; padding:0; margin: 0; text-align:center; cursor:pointer;}


#navslide.slipper {left: -400px; transition: all .3s ease;}
#navslide a {color: #fff; font-size: 28px; text-decoration:none; text-shadow: 0 2px 3px #333; font-variant: small-caps; }
#navslide a:hover {color: #fff }
#navslide a.main { font-size: 35px; letter-spacing:-.5px; padding-left: 0;}
#navslide ul {margin:0; padding: 0 0 0 10px; list-style:none}
#navslide ul li a { line-height: 150%; margin: 5px 0; padding: 5px }
#navslide ul li {  content:''; background: url("http://wp-content/uploads/2021/10/sigil_01.png") 0 10px no-repeat; background-size: 25px; padding: 0 0 0 30px; }
#navslide {position:fixed; top:0; left:0; bottom:0; height:100vh; width:100%; max-width:400px; background:rgba(33,33,33,.93); z-index:1002; transition: all .3s ease; box-sizing: border-box; box-shadow: 1px 0 3px 0 rgba(0,0,0,0.7);  padding: 75px 35px 25px;}


.socnav a {display:inline-block; position:relative; height:75px; width:75px; border: 1px solid #333; border-radius: 100%; background: url("http://eteamsvc.com/wp-content/uploads/2021/04/soclinks.png") rgba(55,55,55,0.8); transition: ease all .2s; margin: 0 5px 5px; }
.socnav a:hover {background-color: #b20000; transition: ease all .2s  }
.socnav a.fb { background-position: 0 }
.socnav a.tw { background-position: -70px !important}
.socnav a.ig { background-position: -448px !important}
.socnav a.yt { background-position: -210px !important}


.basebtn { text-align:center; margin:0; width:100%; position:absolute; height:34px; z-index:3 }
.basebtn a img {height: 85% !important; width:auto !important; opacity: .7; transition: ease all .3s}
.basebtn a img:hover { opacity:1; height: 90%!important; transition: ease all .3s }
	
.sticky { position:fixed; top:0; }

p.dline { margin: 15px 0 20px; height:1px; background: #333; }

	
.exodeck { width:96%; max-width:1200px; margin:auto; text-align:center; font-size:0; box-sizing:border-box; display:block; }

.exodeck.wide { margin: 0 auto 45px; max-width: 1001px; text-shadow: 0 1px 2px #111; text-align:left; font-size: 20px !important; color: #fff; line-height: 175%; }

.exodeck.wide a { color: #fff; text-decoration:none; }
.exodeck.wide a:hover {color: #ddd }
.exodeck.wide a:visited {color: #fff; }
.exodeck.wide a:active {color: #fff; }

.exodeck.panel { margin: 125px auto }
	
.exodeck.midset { max-width:860px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }	

p.deckhed {font-size:30px; letter-spacing: -1px; font-variant: small-caps; color:#ccc; margin: 0 auto 25px; line-height:120%}
	
.duodeck { 
display:inline-block; width: 100%; max-width:500px; vertical-align:top; box-sizing:border-box; padding: 15px; text-shadow: 0 1px 2px #111; z-index:2; position:relative; text-align:left; font-size: 18px; color: #fff; line-height: 165%; 
}

.zone {
box-sizing: border-box; padding: 20px 25px; background: rgba(44,44,55,.65); box-shadow: 0 2px 3px 0 rgba(0,0,0,.8); border: solid #2f2f2f; border-width:1px;
}

.whatside { width: 55%; max-width: 550px; display:inline-block; vertical-align: top }
.whatside.modright { width: 45%; max-width: 350px; vertical-align:bottom; text-align:right; position:relative }

.whereside { width: 62%; max-width: 590px; display:inline-block; vertical-align: top }
.whereside.modright { width: 37%; max-width: 351px; vertical-align:bottom; text-align:right; position:relative }

a.linemaker { display:block; width:95%; max-width: 500px; margin:auto; color: #fff}
a.linemaker img { width:94%; transition: all ease .7s; position:relative; z-index:2 }
a.linemaker:hover img { margin: -2% auto auto -2%; width:100%; transition: all ease .7s }
a.linemaker.sigil:hover img { margin: -1% auto auto -.5%; width:96%; transition: all ease .7s }
	

.trideck { display:inline-block; width: 80%; max-width: 110px; margin: 5px 12px; transition: .3s all ease; vertical-align:middle }
a.trideck:hover { max-width: 120px; transition: .3s all ease }
.trideck img { width: 100%; }
	
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  /**
   * Default height
   */
  height:auto !important;
  min-height: 100vh !important;
}

.footstrip {width:100%; background:#222222; text-align:center; padding: 20px 0; box-sizing: border-box; font-size: 12px; font-family: Arial, sans-serif; color:#fff; border: #111 solid; border-width: 2px 0 0 0; margin:0; z-index:1000000 !important; min-height:35px }

.hcut { height:auto; max-height:auto; min-height: auto !important; }

#cornerlogo {position:fixed; right:15px; width:120px; height:120px; margin:10px; z-index: 1010; transition: all ease .2s }
	
#cornerlogo img { width:100% }

.tome {width:45%; max-width:350px; margin: -160px -30px 0 8px; float:right; display:block}

.navline {position:fixed; float:left; margin: 12px 20px 5px; width:60px; height:50px; z-index: 1010 !important;}

 .maindeck {width: 98%; height:100%; max-width:1275px; margin: 0 auto; position:relative; padding: 30px 0 15px; text-align:center}
 .title { font-size:18px; margin: 0; padding: 15px 5px; line-height:100%; color: #222; }
 .catdeck { margin:0; padding: 8px; background: #50b; color:#ddd; }
 .lvldeck { width:100%; max-width:630px; display:inline-block; margin: 8px auto; vertical-align: top }
 .lvllist { width:100%; max-width:310px; vertical-align:top; display:inline-block; margin: 5px 0 35px }
 .lvlbox {width:100%; max-width:300px; box-sizing:border-box; display:inline-block; vertical-align: top; margin: 0; border: 1px solid #555; padding:0; outline:none; font-size: 16px; transition: all ease .3s; text-decoration:none; }

.tripath { width:100%; max-width:300px; display:inline-block; vertical-align: top; margin: 5px 3px 10px; border:1px solid #555; box-sizing:border-box; box-shadow: 0 2px 5px 0 #000; }

.tripath img {width:100%; margin-bottom: 0px; box-sizing:border-box; border: solid #1a0006; border-width: 1px 1px 0}

.dalk { width:100%; background-color: rgba(90,0,22,0.8); box-sizing:border-box; margin: -6px 0 0; padding: 20px 25px 25px; text-align:left; color: #ddd; text-shadow: 0 1px 1px #000; border: 1px solid #1a0006; font-size:16px }

span.dalk { display:block; }

.dalk.magus { margin: 0 !important; padding: 0 !important; }

.dalk.magus img { width:100% }

.dalk.choice { margin: 0; min-height:320px; }

.dalk strong { color:#fff !important }

.swezh { width:100%; max-width:500px; display:block; vertical-align: top; margin: 15px auto; position:relative !important; z-index:1; color:#fff; font-size:26px; letter-spacing: -1px; text-align:center; font-variant: small-caps; font-weight:bold; padding:0; line-height:100%; /* background:url(http://eteamsvc.com/wp-content/uploads/2021/10/swesh.png) no-repeat cover;*/ }

.swezh a { background-image:url('http://eteamsvc.com/wp-content/uploads/2021/10/swesh.png') !important; background-size: 100%; background-repeat:no-repeat !important; display:block; box-sizing:border-box; padding: 25px 0; width:100%; height:100%; color: #fff;}

.swezh.choice { margin: 5px auto }
.swezh.choice.sw1 a { background-image:url(http://eteamsvc.com/wp-content/uploads/2021/10/sw1.png) !important; padding: 35px 0;}
.swezh.choice.sw2 a { background-image:url(http://eteamsvc.com/wp-content/uploads/2021/10/sw2.png) !important; padding: 35px 0;}
.swezh.choice.sw3 a { background-image:url(http://eteamsvc.com/wp-content/uploads/2021/10/sw3.png) !important; padding: 35px 0;}

.swesh {width:100%; max-width:500px; display:block; vertical-align: top; margin: 15px auto; position:relative; z-index:1; }

.swesh img {width:100%}

.swesh p { position:absolute; top:50%; -ms-transform: translateY(-50%);
  transform: translateY(-50%); width:100%; margin:0; bottom: 5px; color:#fff; font-size:26px; letter-spacing: -1px; text-align:center; font-variant: small-caps; font-weight:bold; padding:0; line-height:100% }

.duodeck .swesh p { font-size:22px; bottom: 0; }

.swesh.choice { margin: 5px auto 0 }
.swesh.choice p { max-width:300px; bottom: 15px; }

.swesh #works p, .swesh #Yushihow p { position:relative; top:0; -ms-transform: unset; transform: unset; width:100%; margin:0; bottom: 5px; color:#000; font-size:15px; letter-spacing: 0; text-align:left; font-variant: none; font-weight:normal; padding:0; line-height:120%; text-shadow: none }

.waydeck { position:relative; margin: 70px auto 0;  width:100%; max-width:950px; text-align:center; display:inline-block; vertical-align: top; overflow:hidden; z-index:1 }

.backsplash { position:fixed; top:0; bottom:0; left:0; right:0; background:url(http://wp-content/uploads/2021/10/cloak.png) 100% 100%; z-index:0; transition: all .2s ease; }
 
.lvlbox .title { transition: all ease .3s; background: rgba(200,200,200,0.70)}

.lvlbox span.title { width:100%; position:relative; display:block }
	
 .lvlbox:hover { cursor: pointer }
	
.lvlbox.talk:hover { cursor: default }
	
 .lvlbox:hover .title { transition: all ease .3s; background: rgba(200,200,200,0.85)}

p.lvlcap {padding: 20px 25px 25px !important;}

span.lvlcap { width:100%; position:relative; display:block; box-sizing:border-box; text-align:left; padding:25px }

.figfloat {position:relative; display:inline-block; width: 100%; max-width: 475px; height:90vh; vertical-align:bottom; z-index:1; margin-left: 40px; }

.figfloat img { position:absolute; left:0; bottom: -200px; width:100% }

.summond {position:absolute; width:200%; max-width: 550px; height:auto; max-height: 450px; top: 0; left:-50px; right:0; bottom:0; background:rgba(255,255,255,0.9); min-height:200px; box-shadow: 0 3px 10px 0 #222; z-index: 1000 !important}

.summond.ender {left:-150px}

.charlied {position:absolute; width:100%; max-width: 550px; height:auto; max-height: 450px; top: auto; left:0; right:0; bottom:35px; background:rgba(255,255,255,0.9); min-height:200px; box-shadow: 0 3px 10px 0 #222; z-index: 1000 !important}

.charlied.dax { bottom:65px; }

.charlied.dax2 { bottom:95px; }

.charlied.opaque { background:rgba(200,200,200,1); max-height:none }

@media (max-width: 1496px) {
#cornerlogo { width: 80px; transition: all ease .2s  }
.figfloat { display:block; width: 75%; max-width: 375px; height:400px; margin:auto }
.figfloat img { position:relative; left:auto; bottom: auto; }
.backsplash { left:auto; right:-200px; transition: all .2s ease }
}

@media (max-width: 950px) {
#cornerlogo { width: 70px; transition: all ease .2s  }
.parallax, .paneled { background-attachment: scroll !important; background-position: center top !important }
.desblock {display:none}
.backsplash { right:-255px; transition: all .2s ease }
.summond { width:125%; left:-35px; }
.summond.ender {left:-35px}
}
@media (max-width: 520px){
	.swezh a { box-sizing:border-box; padding: 21px 0;}
	
	.swezh { font-size:23px; }
}

	
@media (max-width: 450px) {
	.backsplash { right:-300px; }
  .creditline { top: 105px; position:absolute; font-size: 25px; transition: all .3s ease; }	
.summond { width:100%; left:0; max-height: 500px;}
.summond.ender {left:0 !important }
/* .swesh p { top:12px;} */
.swesh p { bottom: -2px }
.duodeck .swesh p { bottom: 0}


}