#toTop {
     width:50px;
     height:50px;
     position:fixed;
     bottom:20px;
     right:50%;
     cursor:pointer;
     display:none;
     z-index:999;
     background: url(../../../images/frontend/2/totopoff.png) center center no-repeat;
     border:none;
}


body {
     color: #333;
     font-family: 'Lato', sans-serif;
     padding:0px;
     margin:0px;
     font-size:16px;
}

.background1 {
     background: white;
     border-bottom: 1px solid #e8e8e8;
}
h1 {
     margin:0px 0px 10px 0px;
     font-size:36px;
     font-family: 'Raleway', sans-serif;
}

.tagline {
     font-weight: 300;
     font-size: 13px;
}

.pad7 {padding: 30px 0px;}
.pad8 {padding: 60px 0px;}
.pad9 {padding: 90px 0px;}

.head {
     font-size: 35px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
     font-family: 'Raleway', sans-serif;
     padding-bottom: 10px;
     margin: 20px 0px;
     font-weight: 300;
     background:url(../../../images/frontend/2/head.png) bottom center no-repeat;
}



/* ============  footer =============== */

footer {
     border-top: 2px solid #FFA400;
     font-size: 14px;
}
footer a {color: #686868;}
footer a:hover {color: white;}

.tempat-footer {grid-gap:10px;}



.titile-footer {font-size:20px; padding-bottom:10px; text-transform:uppercase; color:#FD5503;}

.flogo {margin:40px auto 20px auto;;}

.bawah { font-size:12px; text-transform:uppercase; background: #FFA400}


.h1bawah {
        text-align: center;
        text-transform: uppercase;
}

.gap {grid-gap:10px;}



.no-data {
     font-size: 16px;
     font-weight: bold;
     color: #de3713;
}

.tombol-whatsapp {
     grid-template-columns:  3fr max-content;
}
.tombol-whatsapp-01 {
     background-color:#44c767;
	border-radius:35px;
	border:1px solid #18ab29;
     color: white;
}
.tombol-whatsapp-01:hover {
     background-color:#5cbf2a;
}

.tombol-whatsapp-01 > div {
     padding: 15px;
}

.text-headingbanner p {
     margin: 0px 0px 5px 0px;
     padding: 0px;
}


.overlay {
     background: rgba(0, 0, 0, 0.7);
     color: white;
}

.tombol-whatsapp-2 {
     margin: 20px auto 0px auto;
}

.kelebihan {
     padding:50px 30px;
     color: white;
}
.kelebihan strong {
     font-size: 20px;
}
.kelebihan a {
     color: #22A7F0;
     display: block;
     width: 200px;
     text-align: center;
     padding: 15px;
     background: white;
     margin: 10px auto 0px auto;
}

.kelebihan:nth-child(odd) {
     background: #22A7F0;
}

.kelebihan:nth-child(even) {
     background: #19B5FE;
}

.testimoni {
     grid-template-columns: 1fr 2fr;
     grid-gap:20px;
}
.testimoni-name {
     font-size: 20px;
}
.testimoni-detail {
     font-size: 12px;
     color: #7c7c7c;
}
.thumbnail-testimoni {
     width: 150px;
     height: 150px;
     border-radius: 150px;
}


.testimoni-container {
     padding: 25px;
}
.testimoni-container:nth-child(odd) {
     background: #EEEEEE;
}

.testimoni-container:nth-child(even) {
     background: #F2F1EF;
}

.prosesorder {
     background: #F2F1EF;
}
.prosesorder strong {
     display: block;
     padding: 15px;
     font-size: 18px;
     background: #F7CA18;
}

.prosesorder a {
     display: block;
     margin-top: 10px;
     text-transform: uppercase;
     font-weight: 300;
     background: white;
     padding: 15px;
     font-size: 13px;
     letter-spacing: 2px;
     color: #333;
}
.prosesorder a:hover {
     background: #333;
     color: white;
}

.map {
	position: relative;
	height:300px; overflow:hidden;
	display:block;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



@media (max-width: 740px){
     .sticky {position: relative;}
     .wrapper {
          margin-left:10px;
          margin-right:10px;
     }

     .tagline {
          text-align: center;
     }



     .tempat-footer	{grid-template-columns:1fr;}

     .bawah {text-align: center;}

     .bank li{text-align: center;}

     .titile-footer {text-align: center;}

     .overlay {
          padding:100px 0px;
     }

     .text-headingbanner strong,.text-headingbanner h1 {
          font-size: 30px;
     }
     .hubungi-kami {
          font-size: 30px;
     }
     .klien {
          grid-template-columns: 1fr 1fr 1fr 1fr;
     }
}

@media (min-width: 741px){
     .klien {
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
     }
     .prosesorder-container {
          grid-template-columns: 1fr 1fr 1fr 1fr;
     }
     .hubungi-kami {
          font-size: 50px;
     }
     .overlay {
          padding:200px 0px;
     }
     .tombol-whatsapp-01-container {
          display: grid;
          align-content: center;
     }
     .text-headingbanner strong,.text-headingbanner h1 {
          font-size: 60px;
     }
     .tombol-whatsapp-2 {
          width: 250px;
     }
     .sticky {
          position: -webkit-sticky; /* Safari */
          position: sticky;
          top: 0;
          z-index: 1000;
     }
     .bank {
          display: flex;
     }
     .bank li{
          margin-right: 10px;
     }

     .wrapper {
          margin-left:10px;
          margin-right:10px;
     }


     .tempat-footer {grid-template-columns:2fr 1fr 1fr;}
     .atas1 {grid-template-columns:max-content 3fr 1fr;}

     .kelebihan-container {
          grid-template-columns: 1fr 1fr 1fr;
     }
}

@media (min-width: 992px){
     .wrapper {
          margin-right: auto;
          margin-left: auto;
          max-width: 1170px;
     }
}