#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:0px;
     font-size: 13px;
     letter-spacing: 1px;
     font-weight: 300;
}
h2 {
     margin:0px 0px 10px 0px;
     font-family: 'Roboto Slab', serif;
}



.background1 {
     background: #F2F2F2;
}
.background2 {
     background: #282828;
     color: white;
}



.alamat {
     font-size: 12px;
}
.alamat p {
     margin: 0px;
     padding: 0px;
}



.pad7 {padding: 30px 0px;}

.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;
}


/* ============  search =============== */
.search input {font-size:11px; padding:10px; background:#fff;border:none; color:#333333;}
.search select {font-size:11px; padding:9px; background:#fff;border:none;color:#333333;}
.search .submit {padding:9px; cursor:pointer;background:#333; color:white;}
.search .submit:hover {background:#000;}

/* ============  footer =============== */
footer {color: #686868;}
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; }
.bawah a {color:#2C2D2F;}
.bawah a:hover {color:#EC5353;}

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


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

.greeting {
     font-size: 12px;
}


/* ============  sidebar =============== */

.klik {
     font-family: 'Roboto Slab', serif;
	font-size:14px;
	text-transform:uppercase;
	color: red;
     text-decoration: underline;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/* ============  sidebar =============== */

.label {
     padding: 10px;
     background: black;
     color: white;
     font-weight: bold;
     text-transform:uppercase;
     text-align: center;
     border-radius: 5px 5px 0px 0px;
}
.testimony-sidebar {
     font-size: 13px;
}
.testimony-sidebar p {
     margin: 0px;
}
.testimony-sidebar img {
     width: 70px;
     height: 70px;
}
.selengkapnya {
     text-align: center;
     color: #239fd2;
}
.selengkapnya a{
     color: #239fd2;
     text-decoration: underline;
}
.selengkapnya a:hover{
     color: #333;
}

.koleksiterbaik  a {
     color:white;
     display: block;
     text-align:center;
     font-size:16px;
     background-image: linear-gradient(to bottom right, red, #9a1c3f);
     padding: 10px;
     font-weight: bold;
     text-shadow:1px 1px 0 #871837,1px 1px 0 #871837,1px 1px 0 #871837,1px 1px 0 #871837;
}
.koleksiterbaik  a:hover  {
     background-image: linear-gradient(to bottom right, #9a1c3f, red);
}

.operatoricon li {
     padding:5px;
     display: grid;
     justify-content: center;
     align-content: center;
}
.operatoricon li img:hover {
     -webkit-transform:scale(1.5);
     transform:scale(1.5);
}
.operatoricon li img {
     -webkit-transition: all 0.7s ease;
     transition: all 0.7s ease;
}

@media (max-width: 740px){
    .operatoricon {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
     .search {
          grid-template-columns:49% 49%;
          grid-gap: 2%;
     }
	.search .submit {grid-column: 1/3;}

     .greeting {
          text-align:center;
     }
     .sticky {position: relative;}

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

     .alamat {
          text-align:center;
     }

     .logo {
		display: block;
		margin: 10px auto 0px auto;
	}

     h1 { text-align:center;}

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

     .bawah {text-align: center;}

     h2 {font-size:18px;}

     .bank li{text-align: center;}

}

@media (min-width: 741px){
     .bank {
         display: flex;
    }
    .bank li{
         margin-right: 10px;
    }
    .operatoricon {
        display: flex;
    }
     .search {grid-template-columns:repeat(7, 1fr); grid-column-gap:10px; }

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

     .logo-container {
          display: grid;
          justify-content: flex-start;
          align-content: center;
     }

     .logo {
          height:30px;
     }

     .tempat-footer {grid-template-columns:1fr 1fr 1fr 1fr;}
     .layout1 {
          grid-template-columns:24% 74%;
          grid-gap:2%;
     }

     .sticky {
          position: -webkit-sticky; /* Safari */
          position: sticky;
          top: 0;
          z-index: 1000;
     }

     h2 {font-size:36px;}


}

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