.lPanel{
          position: relative;
          float:left;
          width: 1000px;
          height: 90%;
          float: left;
      }

      .rPanel{
        position:relative;
        float: right;
        right:50px;
        top:50px;
        bottom:100px;
        width:400px;
        height:90%;
        border:solid;
        border-color:white;
        z-index:9999;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

      }


      .BlueBtn {
            color: cyan;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-size: 25px;
            margin-left: 15px;
            margin-right: 15px;
            padding: 10px;
            text-decoration-line:none;
      }


      .MCloseBtn {
        color: white;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 25px;
        margin-left: 15px;
        margin-right: 310px;
        padding:0px;
        text-decoration-line:none;
        float: right;

      }

      .BlueBtn:hover {
            color: cyan;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-size: 25px;
            margin-left: 15px;
            margin-right: 15px;
            padding: 10px;
            text-decoration-line:none;
      }


      .SelectedBB {
            border: 2px solid cyan;
            border-radius: 60px;
			      background: rgb(0,212,255);
			      background: radial-gradient(circle, rgba(0,212,255,1) 0%, rgba(2,0,36,0) 100%);
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1);
            animation: pulse 2s infinite;
        }

@keyframes pulse {
    0% {
           box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1);
      }
      50% {
           box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
      }
      100% {
             box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1);
        }
}
		.topHeader{
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			width:500px;
			position:absolute;
			top:80px;
			left:60px;
			font-size:25px;
			z-index:9999;
			color:white;
			letter-spacing:2px;
		}

        h2:before {
            display: block;
            content: "";
            width: 40px;
            height: 40px;
            position: absolute;
            top: -10px;
            left: -10px;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
        }

        h2:after {
            display: block;
            content: "";
            width: 40px;
            height: 40px;
            position: absolute;
            top: -10px;
            right: -10px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
        }

        span:before {
            display: block;
            content: "";
            width: 40px;
            height: 40px;
            position: absolute;
            bottom: -10px;
            left: -10px;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #fff;
        }

        span:after {
            display: block;
            content: "";
            width: 40px;
            height: 40px;
            position: absolute;
            bottom: -10px;
            right: -10px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
        }

		.RPLinetop{
			margin-top:20px;
		}
		.RPLine{
			display:block;
			width:100%;
			height:auto;
			position: relative;
			margin-left: 30px;
			margin-right:30px;
		}
		.RPButton{
			position:relative;
			color:white !important;
			width:85px;
			height:50px;
			border:2px solid #fff;
			float:left;
		}
		.RPButtonON{
			background-color:white;
			color:black  !important;
		}

		.RPButtonTitle{
			text-align:center;
			font-size:15px;
			height:20px;
			font-weight:bold;
			margin: auto;
			position: absolute;
			left:0;
			right:0;
			top:2px;
			width:30px;
			font-weight:bold;
		}

		.RPButtonText{
			font-weight:normal;
			font-size:8px;
			text-align:center;
			width:80px;
			position:absolute;
			left:0;
			right:0;
			margin:auto;
			top:20px;
		}

    .TheBottomBar{
      position:absolute;
      bottom:200px;
      width:600px;
      height:110px;
      z-index:9999
    }

		.RBLineHeader{
			color:white;
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			margin-top:20px;
			margin-left:30px;
			font-weight:bold;

		}

		.RightTitleR{
		font-size:20px;
		font-weight:bold;
		color:white;
		writing-mode:vertical-rl;
		text-orientation:sideways-left;
		position:absolute;
		right:25px;bottom:100px;
		}

		.RContentTxt{
			font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
			Margin-top:20px;
			position:relative;
			float:left;
			color:cyan;
			font-size:14px;
			width:90%;
		}


    #Crosshair{
      position: absolute;
       left:0;
        right:0;
         top:0;
          bottom:0;
           margin-top:auto;
           margin-bottom:auto;
            margin-left:auto;
            margin-right:auto;
             z-index:9999;
              width:250px;
               height:220px;
    }
    .RightStuff{


    }

    .TheContentRight{
      position:absolute;
      left:0px;
      top:0px;
      bottom:67px;
      width:320px;
      border:solid;
      border-left:none;
      border-top:none;
      border-color:white;
      z-index:9999;
    }
    .identiFierRight{
      position:absolute;
      width:76px;
      height:70px;
       color:white;
       border-color:white;
       bottom:0;
       right:0;
       border:solid;
        border-bottom:none;
        border-right:none;
    }
    .hidden{
      display:none !important;;
    }
    .visible{
      display:block !important;
    }

    .logomobile{
      width: 90%;
      position: absolute;
      top: 10px;
      height: 100px;
      display: none;
    }

    .Sline{
      position:absolute;
      top:50px;left:0px;
      font-size:xx-large;
        font-weight:bold;
        z-index:9999;
        color:white;
        letter-spacing:2px;

    }

    .Tline{
      position:absolute;
      top:100px;
      left:0px;
      font-size:large;
      z-index:9999;
      color:white;
      font-style:italic;
      letter-spacing:3px;
    }
    .FtLine{
      position: absolute;
       top: 140px;
        left: 90px;
         font-size: large;
          z-index: 9999;
           color: cyan;
    }

    .BotDates{
      left: 5%;
      position: absolute;
      bottom: 5px;
      width: 600px;
      height: 180px;
      color: white;
      z-index: 10000;
    }
    .BoldMiddleDate{
      font-weight:bold;
      padding-top:10px;
      padding-bottom:10px;
    }

    .DateCont{
      position: relative;
      float: left;
      padding-right: 80px;
    }

    .plusSign{
      width: 43px;
      height: 70px;
      font-family: Geometria;
      font-size: 70px;
      font-weight: 200;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff;
    }

    .center-me {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%;
    }

    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 999999; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    #myBtn{
      position: absolute;
      left: -55px;
      color: cyan;
      z-index: 99999;
      font-weight: bold;
      font-size: 12px;
      top:45%;
      height: 120px;
      width: 120px;
      padding-left: 55px;
      border: 2px solid cyan;
      border-radius: 90px;
      background: rgb(0,212,255);
      background: radial-gradient(circle, rgba(0,212,255,1) 0%, rgba(2,0,36,0) 100%);
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1);
      animation: enterButton 2s ;
    }

@keyframes enterButton {
  0%{
    left: -150px;
  }
  50%{
    left: -150px;
  }
  100%{
    left:-55px;
  }
}

    /* Modal Content */
    .modal-content {
      background-color: rgba(1,1,1,0.9);
      color: white;
      margin: auto;
      padding: 20px;
      border: 2px solid cyan;
      width: 80%;
      height: 85%;

    }

    /* The Close Button */
    .close {
      color: cyan;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }


.WorkBtn{
  height: 210px;
  margin-bottom: 50px;
  color: cyan;
  font-weight: bold;
  font-size: 18px;
  background-color: black;

}

  @media screen and (max-height:  667px) {
    li{
      font-size: 12px;
    }
    .WorkBtn{
      height: 110px;
      margin-bottom: 20px;
    }
      .modal-content {
        overflow-y: scroll;
      }
  }


    @media screen and (max-width: 801px) {
      .modal-content {
        overflow-y: scroll;
        overflow-x: hidden;
      }
      .logomobile{
        width: 80%;
        position: absolute;
        left: 10%;
        top: 10px;
        height: 100px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;

        z-index: 10000;
      }

      .Fline{
        display:none;
      }

      .Sline{
        top:10px;
      }
      .Tline{
        top:50px;
      }
      .Ftline{
        top:100px;

      }
      .TheBottomBar{
        bottom:20%;
      }

      .BotDates{
        height: 140px;
        left: 10%;
      }

      .RightStuff{
        position: absolute;
        width: 100%;
        height: 90%;
        bottom:-150%;
      }

      .RPButton{
        width: 75px;
      }
      .RPLine{
        margin-left: 15px;
      }

      .rPanel{
        position: relative;
        float: right;
        right: 5%;
        top: 50px;
        bottom: 100px;
        width: 90%;
        height: 90%;
        border: solid;
        border-color: white;
        z-index: 9999;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        background-color: rgba(1, 1, 1,0.9);
      }

      .TheContentRight{
        width: 82%;
      }

      .identiFierRight{
          width: 19%;
      }
      .RightTitleR{
        right: 4%;
      }

      .OpenMenuTop{
        top:40px;
      }

      .DateCont{
        position: relative;
        float: left;
        padding-right: 60px;
      }
      .plusSign{
        width: 43px;
        height: 50px;
        font-size: 50px;
        font-weight: 100;

      }

      .BoldMiddleDate{
        font-weight:bold;
        padding-top:0px;
        padding-bottom:5px;
      }

      .BotDates{
        left: 10%;
        position: absolute;
        bottom: 5px;
        width: 600px;
        height: 140px;
        color: white;
        z-index: 10000;
      }

      .Animategotop{
        animation-name: Gotop;
        animation-duration:1s;
        bottom: 6%;
      }

      .AnimateGOBotRIGHT{
        animation-name: GoBack;
        animation-duration:1s;
        bottom: -150%;
      }

      .AnimategotopBot{
        animation-name: GotopB;
        animation-duration:1s;
        bottom:90%;
      }

      .AnimateGOBotBOT{
        animation-name: GoBotB;
        animation-duration:1s;
        bottom:20%;
      }

      @keyframes GotopB{
      0% {bottom:20%;}
      100% {bottom:90%;}
      }

      @keyframes GoBotB{
      0% {bottom:90%;}
      100% {bottom:20%;}
      }

      @keyframes GoBack{
      0% {bottom:6%;}
      100% {bottom:-150%;}
      }

      @keyframes Gotop{
      0% {bottom:-150%;}
      100% {bottom:6%;}
      }
    }