.modal {
  border-radius: 7px;
  overflow: hidden;
  background-color: transparent; }
  .modal .logo a img {
    width: 30px; }
  .modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px; }
    .modal .modal-content .modal-body {
      border-radius: 7px;
      overflow: hidden;
      color: #fff;
      padding-left: 0px;
      padding-right: 0px;
      -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
      box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9); }
      .modal .modal-content .modal-body h2 {
        font-size: 18px; }
      .modal .modal-content .modal-body p {
        color: #777;
        font-size: 14px; }
      .modal .modal-content .modal-body h3 {
        color: #000;
        font-size: 22px; }
      .modal .modal-content .modal-body .close-btn {
        color: #000; }
      .modal .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px; }
  .modal .main-content {
    padding-left: 20px;
    padding-right: 20px; }
  .modal .coupon {
    padding: 10px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border: 2px dashed #6c757d;
    margin-bottom: 20px; }
  .modal .cancel {
    color: gray;
    font-size: 14px; }

#menu{
  position: fixed;
  bottom: 45px;
  left:30px;
  /*right: 24px;*/
  height: 70px;
  
  /*position:absolute;*/
  /*top:30px;*/
  /*left:30px;*/
  z-index:500;
  height:50px;
  border-radius:25px;
  overflow:hidden;
  background:#444;
  box-shadow:0px 0px 10px rgba(0,0,0,.5);
  transition:all .5s ease;
  
  &>*{
    float:left;
  }
}

#menu-toggle{
  display:block;
  cursor:pointer;
  opacity:0;
  z-index:999;
  margin:0;
  width:50px;
  height:50px;
  position:absolute;
  top:0;
  left:0;

  &:checked~ul{
    width:150px;
    background-position:0px -50px;
  }
}

ul{
  list-style-type:none;
  margin:0;
  padding:0 0 0 50px;
  height:50px;
  width:0px;
  transition:.5s width ease;
  background-image:url("https://i.imgur.com/3d0vJzn.png");
  /*background-image:url("img/3d0vJzn.png.png");*/
  background-repeat:no-repeat;
  background-position:0px 0px;
}

li{
  display:inline-block;
  line-height:50px;
  width:50px;
  text-align:center;
  margin:0;

  a{
    font-size:1.25em;
    font-weight:bold;
    color:white;
    text-decoration:none;
    
  }
  a:hover{
    color: #96c025;
    text-decoration:none;
  }
}