*, *:after, *:before  {
         margin: 0  ;
         padding: 0  ;
         -webkit-box-sizing: border-box  ;
         -moz-box-sizing: border-box  ;
         box-sizing: border-box }
body  {
         //cursor: url('../icons8-mouse-right-click-26.png'), auto  ;
         //background-color: #000  ;
         color: #111  ;
         overflow-wrap: break-word }
#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  {
         transition: all 1s 0s  ;
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 60px  ;
         left: 0  ;
         height: 100vh  ;
         width: 100%  ;
         //background: url( 'IMG/a.jpg..jpg' )  ;
         //background-repeat: no-repeat  ;
         //background-size: cover  ;
         //background-position: 0 15vh  ;
         //background: radial-gradient( at 0 0 , rgba( 50,50,50,.1 ) , transparent 100% )  , radial-gradient( at 0 100% , rgba( 60,60,60,1 ) , transparent 100% ) bottom  ;
         //background-image: linear-gradient( 60deg , rgb( 80,60,30 )10% , rgb( 220,200,170 )50% , rgb( 160,140,110 )100% )  ;
         //background-image: linear-gradient( 60deg , rgb( 0,0,0 )30% , rgb( 250,250,250 )45% , rgb( 0,0,0 )52% )  ;
         z-index: -1  ;
         background: url( 'IMG/stars.png' )  ;
         background-color: #000  ;
         background-repeat: no-repeat  ;
         font-family: 'Open Sans Condensed', sans-serif  ;
         color: #aaa  ;
         padding-top: 6% }
#WALL > div  {
         text-align: center }
#MENU_CART  {
         display: none  ;
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 0  ;
         left: 0  ;
         height: 57px  ;
         width: 57px  ;
         z-index: 11  ;
         background-color: rgb( 200,50,50 )  ;
         color: #fff  ;
         font-size: 100% }
#MENU_CART > div  {
         margin: auto }
#CART  {
         transition: all 0.5s 0s ease-in-out  ;
         position: fixed  ;
         z-index: 2  ;
         backface-visibility: hidden  ;
         transform: translate3d( 0 , 0 , 1 )  ;
         left: 0  ;
         top: 100vh  ;
         width: 100%  ;
         max-height: calc( 100% - 60px )  ;
         padding: 15px  ;
         //background-color: rgba( 70,70,70,0.95 )  ;
         color: #fff  ;
         font-family: 'Open Sans Condensed', sans-serif  ;
         overflow: auto  ;
         cursor: pointer  ;
         background-image: linear-gradient( -90deg , rgb( 100,80,50 )50% , rgb( 140,120,90 )100% )  ;
         border-top: 7px solid  ;
         border-image: linear-gradient( 30deg , rgb( 80,60,30 )10% , rgb( 200,180,150 )50% , rgb( 160,140,110 )100% )  ;
         border-image-slice: 1  ;
         overflow-y: scroll }
#CARTTITLEUNDER  {
         position: absolute  ;
         opacity: 0.0 }
#CARTTITLEOVER  {
         transition: all 0.5s 0s ease-in-out  ;
         position: relative }
#CARTTITLEUNDER  {
         transition: all 0.5s 0s ease-in-out }
#CARTHEADER  {
         height: 50px  ;
         display: flex  ;
         justify-content: space-between  ;
         border-bottom: 1px solid #fff  ;
         font-size: 100% }
#CARTCON hr  {
         margin: 5px }
.cartcon  {
         display: flex  ;
         margin-top: 1%  ;
         justify-content: center }
.cartconSem  {
         padding-left: 5%  ;
         flex: 3  ;
         margin-left: 10px }
.cartconCost  {
         margin-right: 10px  ;
         flex: 1 }
#CARTFOOTER , #CARTFOOTER_ALT  {
         display: flex  ;
         margin-top: 20px }
#CARTFOOTER a , #CARTFOOTER_ALT a  {
         margin: 7px  ;
         color: #222  ;
         text-decoration: none  ;
         font-weight: bold  ;
         text-shadow: 2px 2px 5px #666 }
#CARTFOOTER_ALT  {
         display: none }
#MAIN  {
         margin-top: 100px  ;
         width: 100%  ;
         display: flex  ;
         flex-direction: column  ;
         font-family: 'Open Sans Condensed', sans-serif  ;
         margin-bottom: 11% }
.monad  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         //font-size: calc( 20px + ( 22 - 20 ) * ( ( 100vw - 500px ) / ( 1500 - 500 ) ) )  ;
         font-size: 22px  ;
         display: flex  ;
         justify-content: space-around  ;
         margin: auto  ;
         width: 80%  ;
         //background-image: linear-gradient( -60deg , rgb( 80,60,30 )10% , rgb( 220,200,170 )50% , rgb( 180,140,110 )100% )  ;
         //background: radial-gradient( at 0 0 , rgba( 250,250,250,.9 ) , transparent 50% )  , radial-gradient( at 0 100% , rgba( 60,40,20,1 ) , transparent 100% ) bottom  ;
         //background-color: rgba( 250,250,250,0.6 )  ;
         //background-image: linear-gradient( 60deg , rgba( 255,255,255,0.7 )15% , rgba( 200,200,200,0.6 )50% , rgba( 255,255,255,0.7 )100% )  ;
         background-color: #fff  ;
         padding: 5%  ;
         margin-top: 6%  ;
         margin-bottom: 6%  ;
         box-shadow: 1px 1px 10px 1px rgba( 0,0,0,.35 )  ;
         border-radius: 1% }
.monad > div  {
         margin: auto }
.monad > div:nth-child( odd )  {
         flex: 2 }
.monad > div:nth-child( even )  {
         flex: 1  ;
         padding: 5% }
.monad img  {
         box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.5 )  ;
         border-radius: 1%  ;
         width: 100% }
.monad a  {
         color: #222  ;
         text-decoration: none  ;
         font-size: 100%  ;
         font-weight: bold  ;
         text-shadow: 2px 2px 5px #666 }
h1  {
         font-size: calc( 25px + ( 30 - 25 ) * ( ( 100vw - 700px ) / ( 1500 - 700 ) ) ) }
.h1  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-weight: bold  ;
         font-size: 120%  ;
         color: #222  ;
         //text-shadow: 5px 5px 10px #999  ;
         text-shadow: 5px 5px 10px #333 }
.h2  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-weight: bold  ;
         font-size: 150%  ;
         color: #111 }
.h3  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 110%  ;
         font-weight: bold  ;
         color: #c00 }
.tex  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 100%  ;
         color: #111 }
.city  {
         float: right  ;
         text-align: right  ;
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 20px  ;
         font-weight: bold  ;
         padding: 7px  ;
         transform: translate3d( -10% , 50% , 0 )  ;
         background-color: #fff  ;
         box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.35 )  ;
         position: relative  ;
         z-index: 1 }
.clear  {
         clear: both }
.but_0  {
         margin: auto  ;
         margin-top: 6%  ;
         text-align: center  ;
         padding: 3%  ;
         border: 3px solid  ;
         border-image: linear-gradient( 30deg , rgb( 80,60,30 )10% , rgb( 220,200,170 )50% , rgb( 160,140,110 )100% )  ;
         border-image-slice: 1  ;
         border-radius: 5%  ;
         transition: all .5s 0s  ;
         background-image: linear-gradient( 60deg , rgb( 220,220,180 )5% , rgb( 220,200,170 )40% , rgb( 160,140,110 )100% )  ;
         width: 200px  ;
         color: #000  ;
         font-weight: bold }
.addToCart , .removeFromCart , .continue , .invoice , .backToForm  {
         margin: auto  ;
         text-align: center  ;
         padding: 15px  ;
         font-size: 18px  ;
         font-weight: bold  ;
         text-shadow: 2px 2px 5px #666  ;
         box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.85 )  ;
         border-radius: 5%  ;
         transition: all .5s 0s }
.but_0  {
         width: 200px  ;
         color: #000 }
.addToCart  {
         width: 170px  ;
         height: 70px  ;
         background-image: linear-gradient( 60deg , rgb( 140,120,110 )5% , rgb( 220,200,170 )40% , rgb( 160,140,110 )100% ) }
.addToCart a  {
         color: #222  ;
         text-decoration: none }
.removeFromCart  {
         width: 200px  ;
         color: #fff  ;
         background-image: linear-gradient( 60deg , rgb( 150,20,20 )10% , rgb( 250,50,50 )40% , rgb( 160,30,30 )100% ) }
.continue  {
         width: 100px  ;
         color: #111  ;
         background-image: linear-gradient( 60deg , rgb( 180,180,180 )10% , rgb( 250,250,250 )80% , rgb( 200,200,200 )100% )  ;
         transform: translate3d( 0 , -30% , 0 ) }
.invoice  {
         width: 200px  ;
         background-image: linear-gradient( 60deg , rgb( 180,160,150 )5% , rgb( 240,220,190 )40% , rgb( 180,160,130 )100% ) }
.backToForm  {
         width: 200px  ;
         color: #fff  ;
         background-image: linear-gradient( 60deg , rgb( 0,0,0 )5% , rgb( 150,150,150 )50% , rgb( 0,0,0 )100% ) }
.but_0:hover , .addToCart:hover , .removeFromCart:hover , .invoice:hover , .backToForm:hover  {
         box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.85 ) }
.g  {
         margin-top: 11%  ;
         margin-bottom: 11%  ;
         //display: grid  ;
         //grid-gap: 10px  ;
         //grid-template-columns: 1fr 1fr  ;
         color: rgb( 120,80,40 )  ;
         font-size: 100% }
.g > div:nth-child( odd )  {
         margin-right: 3%  ;
         float: left }
.g > div:nth-child( even )  {
         font-weight: bold }
ul , ol  {
         list-style-position: inside }
@media all and (max-width: 700px)  {
         #WALL  {
                  height: 95vh }
         .monad  {
                  width: 90%  ;
                  box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.35 )  ;
                  display: block }
         .monad > div:nth-child( even )  {
                  padding-top: 7% }
         .monad img  {
                  box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.5 ) }
         .monad a  {
                  text-shadow: 1px 1px 3px #666 }
         .h1  {
                  text-shadow: 2px 2px 5px #999 }
         .city  {
                  box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.35 ) }
         .addToCart , .removeFromCart , .continue , .invoice , .backToForm  {
                  text-shadow: 1px 1px 3px #666  ;
                  box-shadow: 1px 0px 10px 1px rgba( 0,0,0,.35 ) }
         #CARTFOOTER  {
                  flex-direction: column }}
@media screen and (orientation:portrait)  {
         .monad  {
                  display: block }
         .monad > div:nth-child( even )  {
                  margin-top: 0 }}
.tri  {
         margin: auto  ;
         margin-top: -100px  ;
         margin-bottom: 2em  ;
         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  ;
         font-size: 25px }
.tri div  {
         transform: rotateZ( -135deg ) translateY( 35px ) translateX( 9px )  ;
         text-shadow: 2px 2px 5px #666  ;
         font-weight: bold  ;
         color: #000  ;
         margin: auto  ;
         padding: 60px }