body,html,.row-offcanvas {
  height:auto;
}

#sidebar {
  width: inherit;
  min-width: 220px;
  max-width: 220px;
  background-color:#FFFFFF;
  float: left;
  height:auto;
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
}

#main {
padding-top:5px;
  height:auto;
  overflow-y:auto;
}

.nav-pills>li>a:hover{
background-color:#f39c12;
color:#FFFFFF;}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 220px);
  }
    
  .row-offcanvas-left
  {
    left: -220px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position:relative;
    top: 0;
  }
}





.control-label .text-info { display:inline-block; }

.barang:a{
text-decoration:none;
}

.barang:hover{
text-decoration:none;
}

.barang:active{
text-decoration:none;
}

.best{
background-color:#FFFFFF;
}

.line{
height:50;
background-color:#FF0000;
}
  
body{
padding-top:0px;
background-color:#FFFFFF;}

.btn-custom{
background-color:#f39c12;
border-color:#f39c12;
color:#FFFFFF;
}

.btn-custom:hover{
background-color:#f39c12;
color:#FFFFFF;
}

.background{
background-color:#FFFFFF;
margin-top:0;
padding-top:0px;
padding-bottom:10px;
}

.kanan{
	color:#FFFFFF;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.kiri{
	color:#FFFFFF;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.kanan:hover{
color:#FFFFFF;
text-decoration: none;
}

.kanan:active{
font-color:#FFFFFF;
text-decoration: none;
}

.kanan:a{
color:#FFFFFF;
text-decoration: none;
}

.kiri:hover{
color:#FFFFFF;
text-decoration: none;
}

.kiri:active{
font-color:#FFFFFF;
text-decoration: none;
}

.kiri:a{
color:#FFFFFF;
text-decoration: none;
}

.header{
	background-color:#f39c12;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom:5PX;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.panelbarang{
    min-height: 450px;
	height: 450px;
    overflow-y:auto; 
}
.paneltestimoni{
 min-height: 200px;
	height: 200px;
    overflow-y:auto; 
}	
.panel-primary>.panel-heading{
background-color:#f39c12;
border-color:#f39c12;}

.panel-primary{
border-color:#f39c12;
padding-bottom:10px;}

.panel-default>.panel-heading{
background-color:#337ab7;
border-color:#337ab7;}

.panel-default{
border-color:#337ab7;
padding-bottom:10px;}

.jumbotron {
background-image:url(../../img/map.jpg);
background-size: cover;}

.map{
list-style-type: none;
}

.footer{
	border-top-style:solid;
	border-top-color:#f39c12;
	background-color:#1F1F1F;
	padding-top:20px;
	border-top-width: 5px;
}

.mitra{
height:100px;
padding-top:4px;
padding-bottom:4px;
background-color:#333333;
}

.testimoni
{
text-decoration:none;
color:#FFFFFF;}
.testimoni:a
{
text-decoration:none;
color:#FFFFFF;}
.testimoni:hover
{
text-decoration:none;
color:#FFFFFF;}
.testimoni:active
{
text-decoration:none;
color:#FFFFFF;}
/*
 * TULISAN BERKEDIP HTML
 * --------------------------------------------------
 */
<style>
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
</style>
<span class="blink">TULISAN BERKEDIP</span>