*, *:after, *:before  {
         margin: 0  ;
         padding: 0  ;
         -webkit-box-sizing: border-box  ;
         -moz-box-sizing: border-box  ;
         box-sizing: border-box }
html , body  {
         height: 100% }
body  {
         overflow-wrap: break-word  ;
         scroll-behavior: smooth  ;
         background-color: #000  ;
         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 }} 
/*       text */ 
.info , .info a  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 18px  ;
         text-align: center }
#CONTACT , #GOOGLEMAPS  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 18px }
#SUBMIT  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 18px }
.icon2  {
         width: 40px  ;
         margin-bottom: 25px  ;
         margin-top: 30px }
p  {
         margin-top: 0.75em  ;
         margin-bottom: 0.75em }
h1  {
         margin-bottom: 0.25em }
#MAP  {
         margin-top: 60px  ;
         width: 100%  ;
         height: 65%  ;
         background-color: #000 }
#GOOGLEMAPS  {
         padding: 1%  ;
         background-color: #fff }
#GOOGLEMAPS a  {
         color: #000 }
#MAIN  {
         padding: 1%  ;
         display: flex  ;
         justify-content: space-around  ;
         flex-wrap: wrap  ;
         background-color: #fff  ;
         color: #a88b6b  ;
         padding-bottom: 11% }
.info  {
         margin: 3% }
.info a  {
         color: #a88b6b  ;
         text-decoration: none  ;
         font-weight: bold }
@media all and (max-width: 700px)  {
         #MAIN  {
                  display: block }
         .tex  {
                  font-size: 18px }}
#EPILOGUE  {
         clear: both }
a  {
         outline: none }
.fl  {
         display: flex  ;
         flex-wrap: wrap  ;
         justify-content: space-around }
.fl > div  {
         margin-top: 3%  ;
         margin-bottom: 3% }
.socmed  {
         width: 35px  ;
         margin: 10px }
.epos  {
         width: 30px  ;
         margin: 10px }
.epos1  {
         height: 20px  ;
         margin: 0px }
#EPILOGUE  {
         border-top: 1px solid #666  ;
         background-color: #000  ;
         color: #ccc  ;
         //padding-top: 1%  ;
         padding-bottom: 2%  ;
         transition: all 1s 0s  ;
         text-align: center  ;
         transform: translate3d( -3000px , 0px , 0px ) }
#EPILOGUE .tex  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 25px }
#EPILOGUE a  {
         transition: all 1s 0s  ;
         border-bottom: 1px solid #000 }
#EPILOGUE a:hover  {
         border-bottom: 1px solid #eee }
@media all and (max-width: 700px)  {
         #EPILOGUE  {
                  transform: translate3d( -1000px , 0px , 0px ) }
         #EPILOGUE .tex  {
                  font-size: 20px }}