*, *:after, *:before  {
         margin: 0  ;
         padding: 0  ;
         -webkit-box-sizing: border-box  ;
         -moz-box-sizing: border-box  ;
         box-sizing: border-box }
#NAVD  {
         position: fixed  ;
         z-index: 5  ;
         backface-visibility: hidden  ;
         top: 0  ;
         left: 0  ;
         height: 50px  ;
         background-color: #fff  ;
         color: #333  ;
         width: 100%  ;
         display: flex  ;
         font-family: sans  ;
         font-size: 16px  ;
         //box-shadow: 5px 5px 5px 0px rgba( 0,0,0,.65 )  ;
         border-bottom: 5px solid #333 }
#NAVD div  {
         padding: 13px }
#NAVD ul  {
         position: absolute  ;
         background-color: #fff  ;
         color: #666  ;
         border: 1px solid #666  ;
         box-shadow: 5px 5px 5px 0px rgba( 0,0,0,.65 )  ;
         margin-top: 10px  ;
         padding: 20px  ;
         display: none }
#NAVD ul li  {
         margin: 10px }
#NAVD a  {
         text-decoration: none  ;
         color: #666 }
#NAVD div:hover  {
         background-color: #222  ;
         color: #fff }
#NAVD div:hover .sub  {
         display: block }
#NAVM  {
         border-bottom: 5px solid #333  ;
         padding: 5px  ;
         position: fixed  ;
         z-index: 5  ;
         backface-visibility: hidden  ;
         top: 0  ;
         left: 0  ;
         width: 100%  ;
         height: 50px  ;
         background-color: #fff  ;
         color: #333  ;
         font-family: sans  ;
         font-size: 15px  ;
         display: none  ;
         list-style-position: inside }
#NAVM_HAM  {
         padding-top: 7px  ;
         padding-left: 5px }
#NAVM_HAM img  {
         width: 22px }
#NAVM_BACK  {
         font-size: 30px  ;
         padding-top: 10px }
#NAVM ul li , #NAVM .li  {
         margin-top: 1em  ;
         margin-bottom: 1em  ;
         margin-right: 10px }
#NAVM a  {
         text-decoration: none  ;
         color: #333 }
#NAVM a:hover  {
         text-decoration: underline }
#NAVM_MAIN  {
         //box-shadow: inset 0 0 500px rgba( 10,10,10,.8 )  ;
         border-right: 2px solid rgba( 0,0,0,0.5 )  ;
         transition: all 0.5s 0s  ;
         transform: translateX( -100vw )  ;
         padding-left: 17px  ;
         background-color: #fff  ;
         color: #333  ;
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 0  ;
         left: 0  ;
         right: 50vw  ;
         bottom: 0 }
#NAVM_MAIN hr  {
         margin-top: 1em  ;
         margin-bottom: 1em  ;
         border-top: 1px solid #ddd  ;
         border-radius: 10% }
@media all and (max-width: 900px)  {
         #NAVD  {
                  display: none }
         #NAVM  {
                  display: flex }}
#USER  {
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 12px  ;
         //left: 50px  ;
         right: 75px  ;
         text-align: right  ;
         z-index: 11  ;
         font-size: 16px  ;
         font-family: sans } 
body  {
         max-height: 999999px  ;
         overflow-wrap: break-word  ;
         font-family: sans  ;
         font-size: 16px  ;
         color: #222 }
#MAIN  {
         margin-top: 50px  ;
         padding: 10px  ;
         text-align: center }
input , select  {
         padding: 10px  ;
         font-size: 16px  ;
         margin: 10px  ;
         width: 250px }
h1  {
         font-size: 120%  ;
         font-weight: normal  ;
         padding: 30px }
.tick  {
         width: 18px }
button , .button  {
         color: #fff  ;
         text-align: center  ;
         margin-top: 1em  ;
         box-shadow: inset 0 0 50px #33f ,  2px  2px 5px #333  ;
         border: none  ;
         border-radius: 20px  ;
         padding: 10px  ;
         outline: none  ;
         width: 220px }
button:hover , button:focus  {
         box-shadow: inset 0 0 50px #66f ,  2px  2px 5px #333 }
.submit  {
         text-align: center }
.small  {
         font-size: 12px  ;
         text-align: left }
#TICK  {
         text-align: left }
#TICK input  {
         width: auto }
.tick , .selected  {
         width: 18px  ;
         outline: none  ;
         border: none  ;
         background-color: rgba( 0,0,0,0 ) }
#COMPANY , #PERSON  {
         display: none }
a  {
         text-decoration: none  ;
         color: #333 }
.forbidden  {
         width: 80px  ;
         margin: 10px  ;
         font-weight: bold }
#CART  {
         position: fixed  ;
         backface-visibility: hidden  ;
         top: 0  ;
         right: 0  ;
         height: 45px  ;
         z-index: 5  ;
         width: 65px  ;
         padding: 10px  ;
         text-align: right }
.account  {
         width: 150px }
/* COMPETITION */ 
@media screen and (orientation:portrait)  {
         .girl  {
                  width: 60vw }}
@media screen and (orientation:landscape)  {
         .girl  {
                  height: 60vh }}
.label  {
         box-shadow: inset 0 0 50px #ccc ,  2px  2px 5px #333  ;
         border: 1px solid #aaa  ;
         border-radius: 20px  ;
         padding: 2rem  ;
         max-width: 800px  ;
         font-size: 18px  ;
         margin-bottom: 1em  ;
         margin-left: auto  ;
         margin-right: auto  ;
         margin-top: -2px }
p  {
         margin-top: 1em }
.subscribe  {
         padding: 11px  ;
         border-radius: 40px  ;
         text-align: center  ;
         min-width: 200px  ;
         margin: auto  ;
         box-shadow: inset 0 0 50px #33f ,  2px  2px 5px #333  ;
         color: #fff  ;
         font-size: 110% }
.val  {
         font-family: monospace  ;
         font-size: 35px  ;
         color: #ddd }
.alert  {
         box-shadow: inset 0 0 100px #f33 ,  2px  2px 5px #333  ;
         color: #000  ;
         padding: 6%  ;
         max-width: 600px  ;
         //margin: 6%  ;
         border: 1px solid #444  ;
         border-radius: 10%  ;
         margin: 2em auto 2em auto }