.jka{

    font-size: 50px;

  }



  #whatsapp-chat {

    position: fixed;

    background: #fff;

    width: 350px;

    border-radius: 10px;

    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);

    bottom: 90px;

    right: 30px;

    overflow: hidden;

    z-index: 99;

    animation-name: showchat;

    animation-duration: 1s;

    transform: scale(1);

  }

  a.wabox-chat {

    background: linear-gradient(to right top, #47cf73, #248c46);

    color: #fff;

    position: fixed;

    z-index: 98;

    bottom: 25px;

    right: 30px;

    font-size: 15px;

    padding: 10px 12px;

    border-radius: 100%;

    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);

  }

  a.wabox-chat:hover {

    color: #444;

    text-decoration: none;

    transition: all 0.4s ease-in-out;

  }

  .wabox-chat svg,

  .info-avatar svg,

  .wabox-msg svg {

    vertical-align: -3px;

  }

  .header-chat {

    background: linear-gradient(to right top, #47cf73, #248c46);

    color: #fff;

    padding: 20px;

  }

  .header-chat h3 {

    color: #fff;

    margin: 0 0 10px;

  }

  .header-chat p {

    font-size: 14px;

    line-height: 1.7;

    margin: 0;

  }

  .info-avatar {

    position: relative;

  }

  .info-avatar svg {

    width: 50px;

    height: 50px;

    float: left;

    margin: 0 10px 0 0;

  }

  a.informasi {

    padding: 20px;

    display: block;

    overflow: hidden;

    animation-name: showhide;

    animation-duration: 2.5s;

  }

  a.informasi:hover {

    background: #f1f1f1;

  }

  .info-chat span {

    display: block;

  }

  #get-label,

  span.chat-label {

    font-size: 12px;

    color: #888;

  }

  #get-nama,

  span.chat-nama {

    margin: 5px 0 0;

    font-size: 15px;

    font-weight: 700;

    color: #222;

  }

  #get-label,

  #get-nama {

    color: #fff;

  }

  span.my-number {

    display: none;

  }

  .wabox-msg {

    color: #444;

    padding: 20px;

    font-size: 12.5px;

    text-align: center;

    border-top: 1px solid #ddd;

  }

  .wabox-msg svg {

    width: 24px;

    height: 24px;

  }

  .wabox-msg svg path {

    fill: #e2e2e2;

  }

  textarea#chat-input {

    border: none;

    font-family: "Arial", sans-serif;

    width: 100%;

    height: auto;

    padding: 5px 0 0;

    outline: none;

    resize: none;

  }

  textarea::placeholder {

    color: #e2e2e2;

  }

  a#send-it {

    color: #555;

    margin: 0;

    font-weight: 700;

    padding: 8px 10px;

    background: linear-gradient(to right top, #47cf73, #248c46);

    border-radius: 100%;

  }

  a#send-it svg {

    width: 20px;

    height: 20px;

  }

  a#send-it svg path {

    fill: #fff;

  }

  .first-msg {

    background: #f5f5f5;

    padding: 30px;

    text-align: center;

  }

  .first-msg span {

    background: #e2e2e2;

    color: #333;

    font-size: 14.2px;

    line-height: 1.7;

    border-radius: 15px;

    padding: 15px 20px;

    display: block;

    text-align: left;

  }

  .first-msg span:after {

    content: "";

    position: absolute;

    border: 0 solid transparent;

    border-top: 9px solid #e2e2e2;

    border-radius: 0 20px 0;

    width: 15px;

    height: 35px;

    left: 16px;

    bottom: 120px;

    transform: rotate(160deg);

  }

  .start-chat .wabox-msg {

    display: flex;

  }

  #get-number {

    display: none;

  }

  a.close-chat {

    position: absolute;

    top: 5px;

    right: 15px;

    color: #fff;

    font-size: 30px;

  }

  @keyframes showhide {

    from {

      transform: scale(0.5);

      opacity: 0;

    }

  }

  @keyframes showchat {

    from {

      transform: scale(0);

      opacity: 0;

    }

  }

  @media screen and (max-width: 480px) {

    #whatsapp-chat {

      width: auto;

      left: 5%;

      right: 5%;

      font-size: 80%;

    }

  }

  .hide {

    display: none;

    animation-name: showhide;

    animation-duration: 1.5s;

    transform: scale(1);

    opacity: 1;

  }

  .show {

    display: block;

    animation-name: showhide;

    animation-duration: 1.5s;

    transform: scale(1);

    opacity: 1;

  }


  .bg-image{
      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
      url('../img/ship.jpg');
background-size: cover;
background-position: center;
      background-repeat: no-repeat;

  }
  .bg-heigh{
    /* position: relative; */
    height: 100vh;
  }
  .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}