#toTop {
     width:50px;
     height:50px;
     position:fixed;
     bottom:20px;
     right:60px;
     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: 'Open Sans', sans-serif;
     padding:0px;
     margin:0px;
     font-size:15px;
}

h1 {
     text-transform:uppercase;
     margin-top:5px;
     font-size: 10px;
     letter-spacing: 1px;
     font-weight: 300;
     text-align: center;
}
h2 {
     margin:0px 0px 10px 0px;
     font-size:36px;

}



.background1 {
     background: #172B34;
}

.background2 {
     background: #FDB819;
}



.border1 {
     border-bottom: 1px solid #45555D ;
}

.tulisan-putih {
     color: white;
}

.pad7 {
     padding: 30px 0px;
}

.pad8 {
     padding: 60px 0px;
}

.pad9 {
     padding: 90px 0px;
}

.gap10 {
     grid-gap: 10px;
}

.gap20 {
     grid-gap: 20px;
}

.gap30 {
     grid-gap: 30px;
}



.alamat {
     font-size: 12px;
}
.alamat p {
     margin: 0px;
     padding: 0px;
}

.stickyMenu {
     position: fixed;
     top: 0;
     z-index: 2;
}



.head {
     font-size: 25px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;

     background:url(../../../images/frontend/2/head.png) bottom center no-repeat;
     padding-bottom: 10px;
     margin-top: 20px;
}

.isi {margin-bottom: 30px;}



#search {
     grid-template-columns:6fr 1fr;
     background: white;
     border-radius: 5px;
     overflow: hidden;
}
#search input { border:none; background:none;  color:#000; padding: 15px; }
#search button {margin:0;border:none;cursor:pointer;padding: 15px; background: url(../../../images/frontend/2/find.png) center center no-repeat #FDB819;}
#search button:hover { background: url(../../../images/frontend/2/find.png) center center no-repeat #ccc;}


.no-data {
     font-size: 16px;
     font-weight: bold;
     color: #de3713;
}

.logo {
     display: block;
     margin: 10px auto 0px auto;
}

.kotak-sidebar {
     padding: 20px;
     border: 2px solid #FDB819;
     border-radius: 5px;
}


/* ============  sidebar =============== */

.label {
     padding: 10px;
     background: #FDB819;
     color: white;
     font-weight: bold;
     text-transform:uppercase;
     text-align: center;
     border-radius: 5px 5px 0px 0px;
}
.testimony-sidebar {
     font-size: 13px;
     padding: 20px 0px;
}
.testimony-sidebar p {
     margin: 0px;
}
.testimony-sidebar img {
     width: 70px;
     height: 70px;
     border-radius: 70px;
     overflow:hidden;
     object-fit: cover;
}
.selengkapnya {
     text-align: center;
     color: #239fd2;
}
.selengkapnya a{
     color: #239fd2;
     text-decoration: underline;
}
.selengkapnya a:hover{
     color: #333;
}


@media (max-width: 740px){
     #isi {
          order: 1;
     }
     #sidebar {
          order: 2;
     }
	.sticky {position: relative;}

     .wrapper {
          margin-left:10px;
          margin-right:10px;
     }
     .alamat {
          text-align:center;
     }

     h1 { text-align:center;}

     .bawah {text-align: center;}

     #tombol-kategori {
          display: none;
     }

     .sidebanner {
          width: 95vw;
          margin: 0px auto;
     }
}

@media (min-width: 741px){
     
     .wrapper {
     margin-left:10px;
     margin-right:10px;
     }


     #header1 {
     grid-template-columns: max-content 1fr 1fr;
     }
     #header2 {
     grid-template-columns: 2fr 4fr 2fr;
     }


     .sticky {
     position: -webkit-sticky; /* Safari */
     position: sticky;
     top: 0;
     z-index: 1000;
     }

     #tombol-kategori {
     text-align: center;
     border-radius: 5px;
     color : white;
     background-color: #FDB819;
     padding: 15px;
     cursor: pointer;
     }

     #tombol-kategori:hover {
     background-color: #ba860e;
     }

     #layout-satu {
          grid-template-columns: 200px 3fr;
     }
}

@media (min-width: 992px){
     .wrapper {
     margin-right: auto;
     margin-left: auto;
     max-width: 1170px;
     }

     #layout-satu {
     grid-template-columns: 270px 2fr;
     }
}
