.wedding {
      text-decoration: none;
      position:absolute;
      z-index:100;
      right:20px;
      text-align: center;
      letter-spacing: .5px;
      transition: .2s ease-out;
      top: 50px;
    }
    .wedding a{
      color: #fff;
    }

    .gambarsorot img{
      -webkit-transform:scale(0.9);
      -moz-transform:scale(0.9);
      -o-transform:scale(0.9);
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3;
      -o-transition-duration: 0.3s;
      margin: 0 0px 0px 0;
    }
    .gambarsorot img:hover{
      -webkit-transform:scale(1.3);
      -moz-transform:scale(1.3);
      -o-transform:scale(1.3);
      box-shadow:0px 0px 5px #3c8dbc;
      -webkit-box-shadow:0px 0px 0px #3c8dbc;
      -moz-box-shadow:0px 0px 0px #3c8dbc;
   
    }
    .nav-links li a:before{
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      height: 3px;
      width: 0%;
      background: #34efdf;
      border-radius: 12px;
      transition: all 0.4s ease;
    }
    .nav-links li a:hover:before{
      width: 100%;
    }
    .nav-links li.center a:before{
      left: 50%;
      transform: translateX(-50%);
    }
    .nav-links li.upward a:before{
      width: 100%;
      bottom: -5px;
      opacity: 0;
    }
    .nav-links li.upward a:hover:before{
      bottom: 0px;
      opacity: 1;
    }
    .nav-links li.forward a:before{
      width: 100%;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.4s ease;
    }
    .nav-links li.forward a:hover:before{
      transform: scaleX(1);
      transform-origin: left;
    }