body {
  /* font-family: 'Nunito Sans';
  font-size: 22px; */
}

.kode_banner_wrap.banner2 .them_overlay::before {
       background-color: #3e3d3d91;
       opacity: 0.95;
     }
 pre{
  white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        border: 0px;
        background-color: rgba(0,0,0,0);
        font-size: 18px;
        word-break: keep-all;
      font-family: 'Roboto Slab';
      font-size:'20px';
 }

 .kode_pagination li a {
display: inline-block;
height: 30px;
width: 30px;
text-align: center;
line-height: 10px;
font-weight: bold;
color: #000;
border-radius: 2px;
margin-right: 5px;
font-size: 10px;
}

.kode_tem_fig figcaption {
position: absolute;
left: 0px;
right: 0px;
bottom: -53px;
background-color: #444444;
padding: 17px 0px 20px;
text-align: center;
}

.customBorder{
border:1px solid #ececec;
}

.customBorderFront{
border:2px solid #00963F;
border-radius: 5px;
}

.kode_contact_service ul li {
display: inline-block;
background-color: #f7f7f7;
padding: 45px 10px 10px 10px;
margin-right: 20px;
width: 280px;
position: relative;
z-index: 9;
overflow: hidden;
height: 239px;
border-radius: 5px;
border: 2px solid #00963F;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
z-index: 2;
color: #fff;
cursor: default;
background-color: #00963F;
border-color: #025324;
}

.float3 {
position: fixed;
width: 150px;
height: 50px;
bottom: 45px;
right: 15px;
background-color: #00963F;
color: #FFF;
border-radius: 5px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 1000;

}
.float4 {
position: fixed;
width: 350px;
height: 50px;
top: 45px;
right: 15px;
background-color: #00963F;
color: #FFF;
border-radius: 5px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 1000;

}

body{
        top: 0px !important;
        position: static !important;
    }
    .goog-te-banner-frame{
        display:none !important
    }
    .goog-te-combo{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border:2px solid #34302a;
    }
    .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
        font-size: 12px;
        font-weight: bold;
        color: #040f1c00;
        text-decoration: none;
        visibility: hidden;
    }
    .VIpgJd-ZVi9od-ORHb-OEVmcd{
        display: none;
    }
    .VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc{

    }
    .navigation ul li .active{
         /* color: #d2973b;
         background-color: #d2973b00; */
    }
    .modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 320px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
     -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
left: -320px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
left: 0;
}
.header .navigation ul > li > a {
padding: 0px 0px;
font-size: 14px;
font-weight: 600;
}
.br5px{
border-radius: 5px;
}
@media (min-width: 768px){
.col-md-4 {
float: left;
width: 33.333333%;
height: 420px;
}
.custom-col-md-4{
  height: auto;
}
}

iframe {
  border-radius: 5px;
}