.indicator
    {
        display:none;
    }
/* hamburget menu */


        .hamburger-menu {
          display: inline-block;
          height: 100px;
          position: fixed;
          left:150px;
          z-index: 999;
          padding: 35px 25px;
          transition: all 0.3s ease-in-out;
          left:90%;
          position:fixed;
          z-index:999;
        }
        .hamburger-menu:hover {
          cursor: pointer;
        }
        .hamburger-menu .menu-item {
          background: black;
          display: block;
          height: 3px;
          margin: 0 0 10px;
          transition: all 0.3s ease-in-out;
          width: 40px;
        }
        .hamburger-menu.open .menu-item {
          margin: 0 0 5px;
        }
        .hamburger-menu.open .menu-item:first-child {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          -webkit-transform-origin: 10px;
                  transform-origin: 10px;
                  background: white !important;
        }
        .hamburger-menu.open .menu-item:nth-child(2) {
          opacity: 0;
        }
        .hamburger-menu.open .menu-item:nth-child(3) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          -webkit-transform-origin: 8px;
                  transform-origin: 8px;
                  background: white !important;
        }


    #but1
    {
background:#e85e52;
border:1px solid #e85e52;
padding:18px;
padding-left:35px;
padding-right:35px;
font-size:1.6em;
font-weight:800;
color:white;
    }
    #but1:hover
    {
      background:white;
      color:#e85e52;
      border:1px solid #e85e52;
    }

    #but2
    {
      background:white;
      border:1px solid white;
      padding:18px;
      padding-left:35px;
      padding-right:35px;
      font-size:1.6em;
      font-weight:800;
      color:#e85e52;
      box-shadow: 1px 1px 3px 1px #e85e52;
      -moz-box-shadow: 1px 1px 3px 1px #e85e52;
  　　-webkit-box-shadow: 1px 1px 3px 1px #e85e52;
    }
    #but2:hover
    {
      background:#e85e52;
      color:white;
      border:1px solid #e85e52;
    }
.fadeintop
{
  opacity:0;
transform: translateY(100px);
  max-width:100%;
    transition: transform 1s ease;
}
.fadein
{
  opacity:0;
transform: translateY(100px);
  max-width:100%;
      transition: transform 1s ease;
}

    @-webkit-keyframes slide-down {
      0% { opacity: 0;  }
    100% { opacity: 1;  }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; }
    100% { opacity: 1; }
}

    .menu-back.open
    {
      display: block;

      left:0%;
      width:100%;
      transition:all 1s;
      -webkit-transition:all 1s ;
          opacity: 1;

    }

.menu-back{
    position:fixed;

    top:0%;
    left:0%;
    z-index:997;
    width:0%;
    height:100%;

    background-image:url(./assets/image/menuback.jpg);
    background-size:cover;
    -webkit-filter: grayscale(100%);
    filter: gray;
  /*  display: none;*/
    transition:all 1s;
    -webkit-transition:all 1s;
    opacity: 0.1;
    left:100%;

    }

    .menu{
    position:fixed;
    top:0px;
    left:0px;
    z-index:998;
    width:100%;
    height:100%;
      background: transparent;
    background:black;
    background-size:cover;
    transition:all 1s;
    -webkit-transition:all 1s;
    opacity: 0.7;
    }