.pemesanan{
  border-radius: 30px;
}

.brand img{
  width: 100%;
  margin: auto;
  margin-bottom: 50px;
  border-radius: 20px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}


.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.tambah{
  width: 5%;
  margin: auto;
}


.order{
  border: 1px solid #fff;
border-radius: 3px;
color: #fff;
display: block;
font-size: 0.85em;
margin-top: 1.25em;
padding: 0.625em 1.25em;
transition: all 0.20s linear 0s;
-o-transition: all 0.20s linear 0s;
-ms-transition: all 0.20s linear 0s;
-moz-transition: all 0.20s linear 0s;
-webkit-transition: all 0.20s linear 0s;
width: 60%;
margin: auto;
background-color: #202121;
cursor: pointer;
height: 50px;
}

.order:hover{
  background: #e6a12b;
color: #fff;
}


.columns p{
 
  float: left;
  margin: 10px;

}


.floatwa{
  position: fixed;
}


.spec .kepala{
  background-color: #1e6586;
  border-radius: 20px;
}
.spec h4{
 color: #fff;
}



.bungkus{
  width: 100%;
  background-color: #00283a;
}



.nav-chat
{
  display: none;
 
}

.nav a
{
  color: #000;

}

/*pemesanan*/
.pemesanan li{
 text-align: left;}
/*faq*/


  .faq{
    width:1100px;
    margin:0 auto;
    overflow:visible;
  }
  .faq-left h2,
  .faq-right h2{
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    text-shadow:2px 2px 2px #f4f4f4;
  }
  .faq-left{
    width:100%;

  }
 
  
  .faq-container{
    width:90%;
    margin:20px auto;
    list-style-type:none;
  }
  
  .faq-container li{
    position:relative;
    margin:5px 0;
    -webkit-transition:height 1s ease in out;
       -moz-transition:height 1s ease in out;
            transition:height 1s ease in out;
  }
  .faq-container li input{
    display:none;
  }
  
  .faq-container li label{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    color: #444;
    /*text-shadow: 1px 1px 1px #666;
    
    background: -webkit-linear-gradient(top, #333 1%, #666 100%);
    background: -moz-linear-gradient(top, #333 1%, #666 100%);
    background: linear-gradient(top, #333 1%, #666 100%);
    color: #fff;
    */
    display: block;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
  }
  .faq-container li label:hover{
    /*background: -webkit-linear-gradient(top, #333 30%, #666 100%);
    background: -moz-linear-gradient(top, #333 30%, #666 100%);
    background: linear-gradient(top, #333 30%, #666 100%);
    */
    background-color: #1e6586;
    color: #fff;
  }
  .faq-container li div{
    overflow: hidden;
    height:0px;
    padding:5px 10px;
    
    background:#a0bfda;
    /*
    background: -webkit-linear-gradient(top, #666 1%, #333 100%);
    background: -moz-linear-gradient(top, #666 1%, #333 100%);
    background: linear-gradient(top, #666 1%, #333 100%);
    */
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius:0 0 5px 5px;
    color:#444;
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
  }
  .faq-container li div p{margin-top:10px}
  .faq-container li input:checked{
    background:#000;
  }
  .faq-container li input:checked ~ div{
    padding-bottom:20px;
  }
  .faq-container li input:checked ~ div.answer{
    height:auto;
  }
  .faq-container li input:checked ~ div.big{
    height:110px;
  }

@media screen and (max-width: 600px) {
  .menu-atas.responsive {position: relative;}
  .menu-atas.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu-atas.responsive a {
    float: none;
    display: block;
    text-align: left;
    margin-top: 10px; 
  }
  .menu-atas img{
    width: 100%;
    float: none;
  }

  .map-block{
    width: 100%;
  }
  .faq-left{
    width: 100%;
  }
   .faq-container{
    width: 100%;
  }

  .nav-chat{
     overflow: hidden;
  background-color: #333;
  width: 100%;
  }

  .nav-chat a{
     float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

  }
  .floatwa{
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: #fff;
  width: 100%;
  height: 90px;
  z-index: 99;
  padding: 2px;
  margin: auto;
  text-align: center;
  box-shadow: 0px -2px 10px #c0c0c0;
}

.tombolwa{
  border: 1px #fff solid;
  width: 33%;
  padding: 4px;
  text-align: center;
  margin: 0;
  border-radius: 5px;
  margin: auto;
  float: left;
  height: 100%;
}
.floatwa a{
  color: #fff;
}

.tombolwa img{
  width: 60%;
  margin: auto;
  margin-top: 7px;

}
.talk.to{
  position: fixed;
}

}