*, *:after, *:before  {
         margin: 0  ;
         padding: 0  ;
         -webkit-box-sizing: border-box  ;
         -moz-box-sizing: border-box  ;
         box-sizing: border-box }
@font-face  {
         font-family: 'brock'  ;
         src: url('../../FONTS/BrockScript.ttf') }
body,html  {
         height: 100% }
body  {
         overflow-wrap: break-word  ;
         scroll-behavior: smooth  ;
         background-color: #000  ;
         color: #eee  ;
         overflow-x: hidden }
#LOADING  {
         color: #fff  ;
         transition: transform 0.75s 0.25s ease-in-out , opacity 0.5s 0.5s ease-in-out  ;
         position: fixed  ;
         z-index: 11  ;
         top: 0  ;
         bottom: 0  ;
         left: 0  ;
         right: 0  ;
         display: flex  ;
         background-color: #000  ;
         perspective: 1000px }
#LOADING-TEX  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 33px  ;
         margin: auto  ;
         text-align: center  ;
         background-color: #000  ;
         width: 100%  ;
         animation: rot 3s linear infinite }
#LOADING-TEX  img  {
         width: 30% }
@keyframes rot  {
         0%  {
                  transform: rotateY( 0deg ) }
         100%  {
                  transform: rotateY( -360deg ) }}
@media all and (max-width: 700px)  {
         #LOADING-TEX  img  {
                  width: 80% }} 
#M a , #N a  {
         outline: none }
/* desktop - text */ 
#Mtitle  {
         font-family: Times new roman  ;
         font-size: 24px }
.mMainLi a  {
         //font-family: 'Open Sans Condensed', sans-serif  ;
         font-family: 'Open Sans Condensed'  ;
         font-size: 24px }
.mSubUl li a  {
         //font-family: 'Open Sans Condensed', sans-serif  ;
         font-family: 'Open Sans Condensed'  ;
         font-size: 22px }
/* desktop */ 
*  {
         outline: none }
#M  {
         //display: none /* temp dev */  ;
         transition: all 1.0s 0.3s  ;
         position: fixed  ;
         z-index: 6  ;
         top: 0  ;
         right: 0  ;
         height: 60px  ;
         width: 100%  ;
         overflow: hidden  ;
         padding: 10px  ;
         color: rgb( 250,250,250 )  ;
         border-bottom: 3px solid  ;
         border-image: linear-gradient( 30deg , rgb( 160,140,110 )10% , rgb( 220,200,170 )50% , rgb( 160,140,110 )80% )  ;
         border-image-slice: 1  ;
         background: url( '../img/menu/stars.png' ) #000  ;
         background-position: 0px 60px  ;
         background-size: cover  ;
         background-repeat: no-repeat }
#M:hover  {
         background-position: 0px -60px  ;
         height: 300px }
#Mtitle  {
         display: none  ;
         float: left }
.mMainUl  {
         list-style-type: none }
.mMainLi  {
         float: right }
.mMainLi a  {
         color: rgb( 250,250,250 )  ;
         text-decoration: none  ;
         padding-right: 25px  ;
         padding-left: 5px  ;
         padding-bottom: 15px }
.mMainLi:hover .mSubUl  {
         opacity: 1.0  ;
         transform: rotateY( 0deg ) }
.mSubUl  {
         transition: all 0.8s 0.1s ease-in  ;
         position: absolute  ;
         margin-top: -5px  ;
         transform-origin: 50% 50%  ;
         transform: rotateY( 90deg )  ;
         opacity: 0.0  ;
         border-top: 1px solid #fff  ;
         list-style-type: none }
.mSubUl li  {
         clear: both }
.mSubUl li:hover a  {
         color: rgb( 220,180,130 ) }
.mSubUl li:before  {
         content: '⋅' }
#Mlogo  {
         padding-top: 40px }
#Mlogo img  {
         width: 300px }
.p  {
         margin-top: 20px  ;
         margin-bottom: 20px }
/* mobile - text */ 
.mainNodeTex  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 23px }
.singleNode a  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 23px }
.subNode a  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 20px }
#Nmenu  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 23px }
#Ntitle a  {
         //font-family: 'Open Sans Condensed', sans-serif  ;
         font-family: times new roman  ;
         font-size: 23px }
#Nclose  {
         //font-family: 'Open Sans Condensed', sans-serif  ;
         font-family: 'Tangerine'  ;
         font-size: 60px  ;
         font-weight: bold }
/* mobile */ 
#Ncon  {
         //display: none /* temp dev */  ;
         position: fixed  ;
         backface-visibility: hidden  ;
         z-index: 6  ;
         top: 0  ;
         right: 0  ;
         overflow: hidden  ;
         width: 100%  ;
         color: rgb( 250,250,250 ) }
#Ncon a  {
         text-decoration: none  ;
         color: rgb( 250,250,250 ) }
#Ncon a:hover  {
         color: rgb( 220,180,130 ) }
#N  {
         display: none  ;
         transition: all 1s 0s  ;
         height: auto  ;
         max-height: 60px  ;
         width: 100%  ;
         padding-top: 15px  ;
         padding-bottom: 40px  ;
         padding-left: 5px  ;
         border-bottom: 3px solid  ;
         border-image: linear-gradient( 30deg , rgb( 160,140,110 )10% , rgb( 220,200,170 )50% , rgb( 160,140,110 )80% )  ;
         border-image-slice: 1  ;
         background: url( '../img/menu/stars.png' ) #000  ;
         background-position: 0px 60px  ;
         background-size: 200%  ;
         background-repeat: no-repeat }
#Nuls  {
         margin-top: 50px  ;
         overflow-y: auto  ;
         clear: both  ;
         max-height: 80vh }
#Ntitle  {
         //display: none  ;
         float: right  ;
         padding-left: 3% }
#Ntitle #TEL  {
         width: 30px  ;
         background-color: #fff  ;
         margin-right: 10px }
#Ntitle #PIN  {
         margin-right: 10px  ;
         width: 29px  ;
         background-color: #000 }
#Nmenu  {
         transition: transform 1s 0s  ;
         float: right  ;
         padding-right: 3% }
#Nmenu img  {
         width: 100% }
#Nlogo  {
         transition: all 1s 0s  ;
         position: absolute  ;
         right: -10px  ;
         top: 80px  ;
         left: 40%  ;
         transform: rotateY( 90deg )  ;
         opacity: 0.0 }
#Nlogo img  {
         width: 100% }
#Nclose  {
         position: absolute  ;
         right: 0px  ;
         top: -5px  ;
         //margin-top: -70px  ;
         padding-left: 10px  ;
         padding-right: 10px  ;
         //transform: translate3d( 500px , 0px , 0px )  ;
         transform: translateX( 100px )  ;
         transition: all 0.8s 0.0s  ;
         text-align: right }
#Nclose img  {
         width: 32px  ;
         height: 32px }
#N:hover  {
         background-position: 0px -40px  ;
         max-height: 100vh }
#N:hover #Nlogo  {
         transform: rotateY( 0deg )  ;
         opacity: 1.0 }
#N:hover #Nmenu  {
         //transform: translate3d( 100px , 0px , 0px )  ;
         transform: rotateY( 90deg ) }
#N:hover + #Nclose  {
         //transform: translate3d( 0px , 0px , 0px )  ;
         transform: translateX( 0px ) }
.mainNode , .singleNode  {
         width: 70%  ;
         position: relative  ;
         z-index: 2  ;
         overflow: hidden }
.subNode  {
         transition: all 1s  ;
         position: relative  ;
         z-index: 3  ;
         height: 0px  ;
         font-size: 20px  ;
         padding-left: 20px }
.mainNodeTex:after  {
         transition: all 1s  ;
         content: ' ▾ ' }
.mainNode:focus .mainNodeTex:after  {
         content: ' ▵ '  ;
         // ▵ ▿ ⇑ ⇓ ▴ ▾ }
.mainNode:focus .subNode  {
         height: 30px }
.mainNode:focus  {
         outline: 0  ;
         pointer-events: none }
.mainNode:focus .subNode  {
         pointer-events: auto }
.subNode:before  {
         content: ' ⋅ ' }
@media all and (max-width: 900px)  {
         #M  {
                  display: none }
         #N  {
                  display: block }} 
#WALL  {
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 0  ;
         left: 0  ;
         bottom: 0  ;
         right: 0  ;
         z-index: -2  ;
         background: url( '../img/stars.png' )  ;
         background-size: cover }
#IMG  {
         opacity: 0.0  ;
         transition: all 3s 0s  ;
         position: sticky  ;
         backface-visibility: hidden  ;
         z-index: -1  ;
         top: 60px  ;
         left: 0  ;
         bottom: 0  ;
         right: 0 }
#MAIN  {
         opacity: 0.0  ;
         transition: all 3s 0s  ;
         margin-top: 50px  ;
         padding: 6%  ;
         display: flex  ;
         flex-direction: column  ;
         justify-content: space-around }
img  {
         width: 100% }
#MAIN > h1  {
         margin-bottom: -120px  ;
         text-align: center  ;
         font-family: 'brock'  ;
         font-size: 77px  ;
         font-weight: bold  ;
         position: relative  ;
         z-index: 5 }
#MAIN div  {
         margin-top: 0.5em  ;
         margin-bottom: 0.5em }
.tex  {
         text-align: left  ;
         font-size: 20px  ;
         margin: auto  ;
         padding-top: 50px  ;
         width: 90%  ;
         color: rgb( 240,210,170 ) }
.tri  {
         margin: auto  ;
         text-align: center  ;
         width: 200px  ;
         height: 200px  ;
         background-image: linear-gradient( to bottom left , rgb( 100,80,60 ) 5%, rgb( 240,210,180 ) 50%, rgba( 0,0,0,0 ) 50%, rgba( 0,0,0,0 ) 100%);  ;
         transform: rotateZ( 135deg )  ;
         box-shadow: 5px 5px 30px 7px rgba( 0,0,0,.35 )  ;
         display: flex  ;
         color: #000  ;
         font-size: 23px  ;
         overflow: hidden }
.tri div  {
         text-shadow: 2px 2px 5px #666  ;
         font-weight: bold  ;
         color: #000  ;
         //transform-origin: 50% 50%  ;
         margin: auto  ;
         padding: 60px }
.but  {
         background-image: linear-gradient( -40deg , rgb( 180,160,130 )20% , rgb( 240,210,170 )50% , rgb( 160,140,110 )100% )  ;
         text-shadow: 2px 2px 5px #000  ;
         border: 0  ;
         transition: all 0.5s 0s  ;
         font-size: 18px  ;
         padding: 2%  ;
         color: #fff }
a  {
         width: 100%  ;
         text-decoration: none  ;
         color: #fff }
#MAIN a:focus .but  {
         background-color: #eee  ;
         color: #000 }
@media all and (max-width: 900px)  {
         #MAIN > h1  {
                  font-size: 44px }
         #WALL  {
                  background-size: auto  ;
                  background-repeat: repeat }
         #MAIN  {
                  margin-top: 130px  ;
                  margin-bottom: 50px  ;
                  padding: 0% }}