/**
 * 14.0 - Main Menu
 * ----------------------------------------------------------------------------
 */
 body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
.grve-main-menu{
    width: 95%;
    margin: 0 auto;
}
.grve-menu-item > a {
	font-size: 14px;
	padding: 0px;
}

.grve-menu-item  a {
	font-weight: 400;
}

.grve-close-btn {
    background-image: url(../img/arrows.svg);
    background-position: 0 -120px;
    top: 5px;
    right: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    float: right;
    z-index: 10000;
    position: absolute;
}

   .grve-submenu {
	display: none;
	background-color: #666d6c;
    width: 100%;
    left:0;
    z-index: 100;
  
    }
    
    .grve-submenu li{
        line-height: 1.2;
        border-bottom: 1px solid #c2b9b9;
        padding: 10px 20px 10px;
    }
a {
    text-decoration: none;
    outline: 0;
    color: #fff;
    text-rendering: optimizeLegibility;
    font-family: Helvetica, sans-serif;
}

ul li ul li a:hover { color:#FC0 }

/**
 * 15.0 - Sidebar
 * ----------------------------------------------------------------------------
 */			
         a.thumb-info1 span.thumb-info-action1,
         div.thumb-info1 span.thumb-info-action1 {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: rgba(21,20,20, .6);
    bottom: 0;
    filter: alpha(opacity=100);
    height: 35%;
    left: 0;
    opacity: 1.0;
    position: absolute;
    transition: all 0.4s;
    width:100%;
    color:#fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}


a.thumb-info1:hover span.thumb-info-action1,
div.thumb-info1:hover span.thumb-info-action1 {
	filter: alpha(opacity=100);
	opacity: 0.9;
    height: 100%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    
}
.linkpolri{
float: left;
position: relative;
/*height: 200px;*/
width: 16.66666666666667%;
padding: 0;
}
.nd{
    display: flex;
}

@media screen and (max-width: 920px ){
    .linkpolri{  height: 140px;}
    }   
    
       
@media screen and (max-width: 800px ){
    .linkpolri{  height: 120px;}
    .judul{font-size: 14px;}
    }  
      
@media screen and (max-width: 669px ){
    .linkpolri{  height: auto;width:33.3%;}
    .judul{font-size: 20px;}
    .nd, .ndb{display: none;}
    .grve-submenu {position: fixed;height: 100%;;top: 0;}
    .judul-logo{font-size: 16px;}
    .img-logo{width:100px; }
    .grve-main-menu {width: 100%;}
    .mleft{margin-left:15%;}
    .kotak{height:100px;}
    }
@media screen and (min-width: 670px ){
    .nda{display: none;}
    .judul-logo{font-size: 28px;}
    .moto-logo{font-size: 48px;}
    .img-logo{width:200px; }
    .grve-submenu {position: absolute;height: auto;}
    .kotak{height:180px;}
    }
@media screen and (max-width: 320px ){
    .kotak{height:78px;}
}
ol,ul,li {
	list-style: none;
    padding-left: 5px;
}

.judul{
    width: 50%;
    line-height: 1.0;
    padding: 5px 10px;
    display: inline-block;
    text-transform: capitalize;
}
.pengumuman1 {
    color: white;
    text-align: right;
    font-size: 0.75em;
    background-color: #999;
color: white;
text-align: right;
padding: 5px 10px 5px 0px;
font-size: 0.75em;
-webkit-box-flex: 0;
-ms-flex: 0 0 15.777777%;
flex: 0 0 15.777777%;
max-width: 15.777777%;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.5;
}
.pengumuman2 {
    background-color: black;
    color: white;
    font-size: 0.75em;
    padding: 5px 0px 5px 10px;
    -webkit-box-flex: 0;
-ms-flex: 0 0 82.533333%;
flex: 0 0 82.533333%;
max-width: 82.533333%;
position: relative;
width: 100%;
min-height: 1px;
}
.judul-menu {
    line-height: 2;
    background: #000;
    color: #f4d55a;
    padding: 5px;
    margin-left: -5px;
    font-family: arial;
}
.ndas{text-align: center; background: #fff;padding-bottom: 10px; }
.judul-logo{color: #000;font-weight: 600;}
.moto-logo{color: #000;font-weight: 800;}