.MenuOuter {
      position: relative;
      margin-bottom: 0px;
      width: 100%;
      color: #005BAA;
      overflow: hidden;
      text-align:center;    
    }

    .MenuInput {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }

    .MenuLabel {
	  color:#ffffff;
      position: relative;
      display: block;
      padding: 0 0 0 1em;
      background: #005BAA;
      font-weight: bold;
      line-height: 3;
      cursor: pointer;
	  margin-bottom:0px;
    }

    .Menu-Content {
      max-height: 0;
      overflow: hidden;
      background: #ffffff;
      transition: max-height 1s;
    }
	
	.MenuContentInner{		
      background: #ecf0f1;
	  border:1px solid #005BAA;
	  padding:16px 8px 8px 8px;
	}


    /* :checked */
    .MenuInput:checked ~ .Menu-Content {
      max-height: 736px;
    }

    /* Icon */
    .MenuLabel::before {
      transition: all .35s;
    }
    .MenuLabel::after {
      transition: all .35s;
    }
    
    
    .MenuInput[type=checkbox] + .MenuLabel::after {
        position: absolute;
        top: 19px;
        left: 17px;
        display: block;
        height: 8px;
        width: 20px;
        /*border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;*/
        border-top:2px solid rgba(255,255,255,1);
        border-bottom: 2px solid #ffffff;
        content: '';
      }

    .MenuInput[type=checkbox] + .MenuLabel::before {
        position: absolute;
        top: 13px;
        left: 17px;
        display: block;
        height: 2px;
        width: 20px;
        /*background: #dddddd;*/
        background: #ffffff;
        content: '';
    }


    .MenuInput[type=checkbox]:checked + .MenuLabel::before {
        transform: rotate(-315deg);
        top:19px;
        left:16px;
    }

    .MenuInput[type=checkbox]:checked + .MenuLabel::after {
        border-top:2px solid rgba(255,255,255,0);
        transform: rotate(315deg);
        top:14px;
        left:13px;
    }