@keyframes rotateUpperUp{
        0%{
                transform: rotateX(90deg);
                transform-origin: 50% 100%;
        }
        100% {
                transform: rotateX(0deg);
                transform-origin: 50% 100%;
        }
   }


   @keyframes rotateLowerDown{
        0%{
                transform: rotateX(90deg);
                transform-origin: 50% 0%;
        }
        100% {
                transform: rotateX( 0deg);
                transform-origin: 50% 0%;
        }
   }


    .rotateUpperHide{
        transform: rotateX(90deg);
        transform-origin: 50% 100%;
    }

    .rotateUpperShow{

          -webkit-animation: rotateUpperUp 3s 1; /* Safari 4+ */
          -moz-animation:    rotateUpperUp 3s 1; /* Fx 5+ */
          -o-animation:      rotateUpperUp 3s 1; /* Opera 12+ */
          animation:         rotateUpperUp 3s 1; /* IE 10+, Fx 29+ */
     
        }

    .rotateUpperShowQuick{
          -webkit-animation: rotateUpperUp 1s 1; /* Safari 4+ */
          -moz-animation:    rotateUpperUp 1s 1; /* Fx 5+ */
          -o-animation:      rotateUpperUp 1s 1; /* Opera 12+ */
          animation:         rotateUpperUp 1s 1; /* IE 10+, Fx 29+ */    
        }


    .rotateLowerHide{
        transform: rotateX(90deg);
        transform-origin: 50% 0%;
    }



    .rotateLowerShow    {    
          -webkit-animation: rotateLowerDown 3s 1; /* Safari 4+ */
          -moz-animation:    rotateLowerDown 3s 1; /* Fx 5+ */
          -o-animation:      rotateLowerDown 3s 1; /* Opera 12+ */
          animation:         rotateLowerDown 3s 1; /* IE 10+, Fx 29+ */

        }

   .overlay {
      fill: none;
        pointer-events: all;
    }

    .panel{
        fill: #fff;
    }

    .dummy{
        stroke-width: 0;
        opacity: 0;
        visibility: hidden;
    }
    .grid{
        stroke: rgb(200,200,200);
        stroke-dasharray: 4;
        fill: none;
    }

    .linehalfpx{
        stroke: rgb(0,0,0);
        stroke-width: 0.5px ;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }
    .line1pxLight{
        stroke: rgb(255,255,255);
        stroke-width: 1px ;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }

    .line1px{
        stroke: rgb(0,0,0);
        stroke-width: 1px ;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
        filter: ;        
    }
    .line3px{
        stroke: rgb(0,0,0);
        stroke-width: 3px ;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }
    .line10px{
        stroke: rgb(0,0,0);
        stroke-width: 10px ;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;
    }
    .largeBodyText{
        font-size: 12.5px;
    }
    .headerLight{
        font-family: badaboom;
        font-size: 17.5px;
        fill: rgb(255,255,255);
        stroke: none;
    }
    .headerDark{
        font-family: badaboom;
        font-size: 17.5px;
        fill: rgb(0,0,0);
    }
    .headerOutline{
        font-family: badaboom;
        font-size: 22.5px;
        fill: none;
        stroke: rgb(0,0,0);
        stroke-width: 0.75px ;       
    }
    .titleText{
        font-family: badaboom;
        stroke: rgb(0,0,0);
        fill: none;
    }
    .actTitle{
        font-family: badaboom;
        stroke: rgb(0,0,0);
        stroke-width: 1.5px;
        font-size: 60px;
        fill: none;        
    }

    .dark, .spoke{
        fill: #000;
    }
    .light{
        fill: #fff;   
    }
    .colourLight{
        fill: #fff;
    }
    .darkStroke{
        stroke: #000;
    }

    .viewPath{
        stroke: #ff0;
        fill: none;
    }

    .textalignCenter{
        text-anchor: middle;
    }

    .submarine{
        fill: #E7FF06;
        stroke-width: 1px;
        stroke: #000
    }
    .heart{
        fill: red;
    }
    .manifesto{
        fill:rgb(200,200,200);
        font-size: 11.875px;
        font-family: 'albert';
    }
    .manifestoBold{
        stroke: rgb(200,200,200);
    }    		

    #menuButton{
        cursor: pointer;
    }