/* CSS */
/* line 22, style.scss */
@import url('https://fonts.googleapis.com/css?family=Tenor+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900');


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; clear: both;}
/* close commented backslash hack */


body {
    color: #333;
    font-size: 15px;
    /* font-family: "MyriadProRegular", sans-serif;
    font-family: 'Open Sans', sans-serif; */
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 23px;
    margin: 0;
    background: #f7f7f7; }

/* line 31, style.scss */
.bgcover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

/* line 38, style.scss */
.animatecss, .mainmenu ul li, .mainmenu ul li.active, .mainmenu ul li:hover, .mainmenu ul li.current, .sidebarmenu ul a .fa, .sidebarmenu ul a:hover .fa, .sidebarmenu ul a.active .fa , .mainmenu ul li.current-menu-item  {
    -webkit-transition: all ease-out 0.4s;
    -moz-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s; }

/* line 45, style.scss */
a {
    color: #00a499;
    text-decoration: none;
    -webkit-transition: all ease-out 0.4s;
    -moz-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
    cursor: pointer; }

/* line 55, style.scss */
a:hover, a:active {
    color: inherit;
    text-decoration: underline;
    -webkit-transition: all ease-out 0.4s;
    -moz-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s; }

/* line 64, style.scss */
.clear {
    clear: both; }

/* line 68, style.scss */
.alpha {
    padding-left: 0 !important; }

/* line 72, style.scss */
.omega {
    padding-right: 0 !important; }

/* line 76, style.scss */
.no-padding {
    padding: 0 !important; }

/* line 80, style.scss */
img.border {
    border: 1px solid #B1B1B1;
    margin-bottom: 5%;
    max-width: 100%; }

/* line 86, style.scss */
img.border:hover, img.border:active {
    /* border: 1px solid #858585; */
    cursor: pointer;
    -webkit-transition: all ease-out 0.4s;
    -moz-transition: all ease-out 0.4s;
    -o-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s; }

/* line 95, style.scss */
.wrapper {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px; }

/* line 96, style.scss */
.imgwrp img {
    max-width: 100%; }

/* line 97, style.scss */
img {
    max-width: 100%; }

/* --------------------- HEADER LAYOUT --------------------- */
/* line 102, style.scss */
#headerweb .top {
    background: #00a499;
    width: 100%;
    height: 40px; }
.top .catHeadPar {
    border: 0;
}
.top .catHeadPar li{
    border: 0;
}
/* line 112, style.scss */
#headerweb .contenttop {
    text-align: left; }
/* line 114, style.scss */
#headerweb .contenttop .left {
    background: #02b9ad;
    color: #fff;
    display: inline-block;
    padding: 8px 0;
    float: left;
    width: 17%;
    min-width: 195px;
    position: relative;
    z-index: 5; }
/* line 125, style.scss */
#headerweb .contenttop .right {
    width: 81%;
    float: left;
    color: #fff;
    font-size: 16px;
    position: relative;
    background: #181818;
    height: 40px; }
/* line 133, style.scss */
#headerweb .contenttop .right span.green {
    background: #02b9ad;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    top: 5px;
    position: relative;
    margin-left: 5px; }
/* line 143, style.scss */
#headerweb .contenttop .right span.red {
    background: #cb213d;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    top: 5px;
    position: relative;
    margin-left: 5px; }
/* line 153, style.scss */
#headerweb .contenttop .right .iteminfoslide {
    padding-top: 10px;
    padding-left: 43px;
    padding-right: 43px; }
/* line 158, style.scss */
#headerweb .contenttop .right .owl-pagination {
    display: none; }
/* line 161, style.scss */
#headerweb .contenttop .right .owl-theme .owl-controls {
    margin-top: 0; }
/* line 164, style.scss */
#headerweb .contenttop .right .owl-buttons {
    position: absolute;
    top: 0;
    width: 100%; }
/* line 168, style.scss */
#headerweb .contenttop .right .owl-buttons .owl-prev, #headerweb .contenttop .right .owl-buttons .owl-next {
    position: absolute;
    margin: 0;
    opacity: 1;
    padding: 11px 17px;
    height: 40px;
    background: #444444;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    border-radius: 0; }
/* line 180, style.scss */
#headerweb .contenttop .right .owl-buttons .owl-prev {
    left: 0; }
/* line 183, style.scss */
#headerweb .contenttop .right .owl-buttons .owl-next {
    right: 0; }
/* line 189, style.scss */
#headerweb .bottom {
    background: white;
    width: 100%;
    /*min-height: 100px; */
}
.container-menucontent .bottom ul li:last-child {
    border-right: #eceded solid 1px;
}
.container-menucontent .bottom ul {
    border-right: 0 !important;
}
/* line 199, style.scss */
#headerweb .content-mainheader {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden; }
/* line 205, style.scss */
#headerweb .content-mainheader .mainlogo {
    float: left;
    color: #393939;
    position: relative;
    /*transition: all .7s;*/
}
/* line 208, style.scss */
#headerweb .content-mainheader .mainlogo a {
    display: inline-block;
    position: relative;
    min-height: 1px;
    padding: 5px 0;
}
#headerweb .content-mainheader .mainlogo img,  .container-login .mainlogo img {
    position: absolute;
    width: 45px;
    height: 45px; 
    left: 0;
    top: 0;
    transition: all .7s;
}
/* line 211, style.scss */
#headerweb .content-mainheader .mainlogo .txtlogo,  .container-login .mainlogo .txtlogo {
    display: block;
    text-align: left;
    vertical-align: middle;
    padding-left: 48px;
    transition: all .7s;
    width: 108px;
}

/* line 217, style.scss */
#headerweb .content-mainheader .mainlogo h3,  .container-login .mainlogo h3 {
    font-family: "MyriadProBold", sans-serif; 
    /*font-family: 'Nunito', sans-serif;*/
    font-size: 8px;
    /*font-weight: 600;*/
    color: #393939;
    margin: 0; 
    margin-bottom: 3px;
    margin-top: 1px;
    max-width:100px;
    transition: all .7s;
}

#headerweb .content-mainheader .desclogo {
    float: left;
    text-align: left;
    /*border-left: 1px solid #aaa;*/
    font-weight: bold;
    /*padding-left: 10px;*/
    margin-top: 5px;
}
#headerweb .content-mainheader .desclogo p {
    padding: 0;
    margin: 0;
    font-size: 9px;
    line-height: 15px;
}

/* line 222, style.scss */
/* #headerweb .content-mainheader .mainlogo p,  .container-login .mainlogo p { */
.container-login .mainlogo p {
    color: #393939;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Tenor Sans', sans-serif;
    margin-bottom: 0;
    line-height: 15px;
}



.container-login .mainlogo h3,  .container-login .mainlogo p  {
    color: #00a499;
}

.txtlogo .descryptlogo{
    float:left;
    position:relative;
    left:70px;
}
/* line 229, style.scss */
#headerweb .content-mainheader .item-rightbox {
    float: right;
    text-align: right; 
    /*width: 500px; */
}
/* line 232, style.scss */
#headerweb .content-mainheader .socmed {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all .7s;
}
/* line 237, style.scss */
#headerweb .content-mainheader .socmed a {
    color: #02b9ad;
    font-size: 23px;
    margin-left: 0px;
    transition: all .5s;
    margin-top: 5px; }
#headerweb .content-mainheader .socmed a:first-child { margin-left: 5px; }
/* line 242, style.scss */
#headerweb .content-mainheader .socmed a:hover {
    opacity: .7;
}

/* line 229, style.scss */
.btn-kemenkes, .btn-kemenkes2 {
    display:block;
    font-family: "MontserratRegular";
    color: #fff;
    padding: 2px 15px;
    background: #CDC928;
    border-bottom: #CDB728 solid 4px;
    font-size: 11px;
    position: relative;
    letter-spacing: 0.1px;
    margin: 2px;
    float: right;
}

.btn-kemenkes2 { background: #03a9f4; border-bottom: #038EF6 solid 4px; }

/* line 241, style.scss */
.btn-kemenkes:hover {
    color: #fff; }

/* line 245, style.scss */
.mainmenu {
    display: block;
    font-family: "MontserratBold";
    font-size: 14px;
    position: relative;
}
/* line 250, style.scss */
.mainmenu ul {
    margin-bottom: 0; border-top: #eceded solid 1px; border-left: #eceded solid 1px; border-right: #eceded solid 1px; }
/* line 252, style.scss */
.mainmenu ul li {
    display: inline-block;
    /* background: #02b9ad; */
    padding: 0px 17px;
    margin-left: -1px;
    margin-right: -1px;
    /* border-top: #00a499 solid 4px; */
    border-right: #eceded solid 1px;
    position: relative;
    vertical-align: top; }
/* line 262, style.scss */

.mainmenu ul li:last-child { border-right:0;}

.mainmenu ul li a {
    color: #777;
    padding: 9px 0;
    display: block; 
    text-transform: uppercase;}
.mainmenu ul li ul li a {
    color: #fff;
}
/* line 267, style.scss */
.mainmenu ul li a:hover {
    text-decoration: none; }
.mainmenu ul .submenu ul li a:hover {
    transition: all .7s;
    opacity: 0.7;
}
/* line 271, style.scss */
.mainmenu ul li.active, .mainmenu ul li:hover, .mainmenu ul li.current, .mainmenu ul li.current-menu-item  {
    /* background: #00a499;
    border-top: #02b9ad solid 4px; */
    text-decoration: none; }
/* line 278, style.scss */
.mainmenu .menu-item-has-children a {
    background-image: url(../images/arr-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px
}

.mainmenu ul .submenu ul, .mainmenu ul .menu-item-has-children ul {
    position: absolute;
    left: 0;
    z-index: 10;
    font-family: "MontserratRegular";
    font-size: 13px;
    display: none; 
    z-index: 100;}
/* line 285, style.scss */
.mainmenu ul .submenu ul li, .mainmenu ul .menu-item-has-children ul li {
    display: block;
    width: 280px;
    text-align: left;
    border-top: none;
    padding: 0px 22px;
    background: #02b9ad; 
    border-bottom: 1px solid #f7f7f7;
}

.mainmenu ul .submenu ul li:last-child, .mainmenu ul .menu-item-has-children ul li:last-child {
    padding-bottom: 5px;
}

.mainmenu ul .submenu ul li a {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* line 293, style.scss */
.mainmenu ul .submenu ul li:hover, .mainmenu ul .menu-item-has-children ul li:hover {
    border-top: top;
    background: #02b9ad; 
}
/* line 298, style.scss */
.mainmenu ul .submenu .container-menucontent, .mainmenu ul .menu-item-has-children .sub-menu {
    position: absolute;
    left: 0;
    z-index: 10;
    font-family: "MontserratRegular";
    font-size: 14px;
    width: 700px;
    display: none;
    z-index: 100; }

.mainmenu ul .submenu .container-menucontent .topTag {
    background-color: #00a499;
    color: white;
    padding: 15px;
    font-weight: 100;
    font-family: "MyriadProRegular", sans-serif;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: .3px solid #fff;
    box-shadow: 0 0 5px #fff;
}

/* line 306, style.scss */
.mainmenu ul .submenu .container-menucontent .top, .mainmenu ul .submenu .container-menucontent .bottom {
    height: auto !important; }
/* line 309, style.scss */
.mainmenu ul .submenu .container-menucontent .top ul li, .mainmenu ul .submenu .container-menucontent .bottom ul li {
    width: auto; }
/* line 314, style.scss */
.mainmenu ul .submenu .container-menucontent .top {
    background: #02b9ad !important;
    overflow: hidden;
    padding-top: 15px; }
/* line 318, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom {
    background: #00a499 !important;
    width: 100%;
    display: block;
    overflow: hidden; }
/* line 323, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom ul {
    font-size: 12px;
    float: left;
    width: 33.33333%;
    border-right: #0a3b22 solid 1px; }
/* line 328, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom ul li {
    background: none; }
/* line 330, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom ul li a {
    padding: 4px 0; 
    font-size: 11px;
}
/* line 333, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom ul li a:hover {
    text-decoration: underline; }
/* line 338, style.scss */
.mainmenu ul .submenu .container-menucontent .bottom ul:last-child {
    border-right: none; }
/* line 342, style.scss */
.mainmenu ul .submenu .container-menucontent .left, .mainmenu ul .submenu .container-menucontent .right {
    display: inherit;
    float: left; }
/* line 346, style.scss */
.mainmenu ul .submenu .container-menucontent .left {
    width: 40%; }
/* line 349, style.scss */
.mainmenu ul .submenu .container-menucontent .right {
    width: 60%;
    border-left: #104b29 solid 2px;
    position: relative;
    z-index: 10;
    min-height: 145px; }
/* line 356, style.scss */
.mainmenu ul .submenu .container-menucontent ul {
    display: block;
    position: relative; }
/* line 362, style.scss */
.mainmenu ul li i {
    margin-left: 4px;    
}

.mainmenu ul .submenu .subsubmenu .fa {
    right: 20px;
    position: absolute;
    margin-top: 5px; }
/* line 367, style.scss */
.mainmenu ul .submenu .subsubmenu ul, .mainmenu ul .menu-item-has-children .sub-menu ul, .mainmenu ul li.submenu ul li.page_item_has_children ul{
    left: 0;
    top: 0;
    margin-top: 0;
    display: none !important; 
}
/* line 378, style.scss */
.mainmenu ul .submenu .subsubmenu:hover ul, .mainmenu ul .menu-item-has-children .sub-menu .menu-item-has-children:hover ul, .mainmenu ul li.submenu ul li.page_item_has_children:hover ul {
    display: block !important; 
}
/* line 384, style.scss */
.mainmenu ul .submenu:hover ul, .mainmenu ul .menu-item-has-children:hover ul {
    display: block; }
/* line 387, style.scss */
.mainmenu ul .submenu:hover .container-menucontent {
    display: block; }
/* line 392, style.scss */
.mainmenu .searchbtn {
    min-height: 30px;
    padding: 12.9px 0;
    padding-bottom: 8px;
    padding-top: 10px; }
/* line 396, style.scss */
.mainmenu .wrpsearchform {
    position: absolute;
    right: 0;
    top: 0;
    background: #0a3b22;
    z-index: 10;
    width: 470px;
    display: none;
    margin-top: -4px; }
/* line 405, style.scss */
.mainmenu .wrpsearchform input[type="text"] {
    display: inline-block;
    width: 358px;
    border-style: none;
    padding: 10px 15px;
    vertical-align: top;
    font-family: "MontserratRegular";
    background: none;
    border-bottom: #02b9ad solid 2px;
    color: #fff; }
/* line 416, style.scss */
.mainmenu .wrpsearchform input[type="submit"], .mainmenu .wrpsearchform input[type="button"] {
    display: inline-block;
    font-family: "FontAwesome";
    background: #02b9ad;
    border-style: none;
    color: #fff;
    padding: 11px 20px;
    vertical-align: top; }
/* line 425, style.scss */
.mainmenu .wrpsearchform .closesearch {
    display: inline-block;
    background: #02b9ad;
    vertical-align: top;
    border-style: none;
    color: #fff;
    padding: 15px 20px; }

/* line 436, style.scss */
.shadow, .container-welcome .contentwelcome, .container-boxberitakegiatan .content-box, .wrp-beritautama .contentcenter .imageslider, .container-galerifoto .content-gallerifoto, .box-agenda, .bgwhite, .bgwhite2, .slidegallery .imageslider, .container-video, .container-login .bodylogin {
    -webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15); }

/* line 442, style.scss */
.shadow2 {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75); }

/* --------------------- END HEADER LAYOUT --------------------- */
/* --------------------- BODYWEB LAYOUT --------------------- */
/* line 455, style.scss */
.gradient-orange, .content-beritakini label, .map-apps .content a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f47733+0,ee531a+100 */
    background: #ef5350;
    border-bottom: 4px solid #e53935; }

/* line 464, style.scss */
.content-beritakini {
    text-align: left;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.15);
    position: relative;
    padding: 15px 0;
    padding-left: 135px;
    background: #fff; }
/* line 473, style.scss */
.content-beritakini label {
    color: #fff;
    padding: 5px 10px 1px 10px;
    position: absolute;
    left: 10px;
    top: 10px;
    font-family: "MyriadProRegular"; }
/* line 482, style.scss */
.content-beritakini .wrp-caraousel-berita {
    font-family: "MontserratSemiBold"; }
/* line 484, style.scss */
.content-beritakini .wrp-caraousel-berita span {
    color: #00a499;
    font-family: "MontserratBold"; }
/* line 489, style.scss */
.content-beritakini .owl-theme .owl-controls {
    display: none !important; }

/* line 494, style.scss */
.container-mainbaner {
    margin: 10px 0;
    display: block; 
}
/* line 497, style.scss */
.container-mainbaner #sync2.owl-carousel {
    margin: 0 auto;
    margin-top: -11px; }
/* line 500, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-wrapper {
    max-width: 500px;
    width: auto;
    margin: 0 auto;
    font-family: "MyriadProBold";
    color: #00a499;
    font-size: 28px; }
/* line 508, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    color: #02b9ad;
    cursor: pointer;
    padding-top: 10px;
    margin-left: -0.5px;
    margin-right: -0.5px; }
/* line 517, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item .item span {
    padding: 23px 10px;
    display: block;
    border-left: #e8e8e8 solid 1px; }
/* line 525, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item:last-child span {
    border-right: #e8e8e8 solid 1px; }
/* line 529, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item.synced {
    color: #fff;
    position: relative; }
/* line 533, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item.synced .item span {
    background: #02b9ad; }
/* line 537, style.scss */
.container-mainbaner #sync2.owl-carousel .owl-item.synced .item:after {
    content: "";
    color: #02b9ad;
    position: absolute;
    pointer-events: none;
    /*        border-color: rgba(136, 183, 213, 0);
            border-bottom-color: $color-green1;*/
    background: url("../images/arrowslidertop.png") no-repeat center;
    top: 0;
    left: 0;
    width: 53px;
    height: 17px;
    margin-left: 2px; }
/* line 553, style.scss */
.container-mainbaner #sync2.owl-carousel .arrow_box {
    position: relative;
    background: #88b7d5; }
/* line 557, style.scss */
.container-mainbaner #sync2.owl-carousel .arrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #88b7d5;
    border-width: 30px;
    margin-left: -30px; }
/* line 572, style.scss */
.container-mainbaner .slider-mainbaner {
    -webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
    background: #fff;
    position: relative; 
    width: 100%; 
    float: left;
    margin-bottom: 10px;
}
/* line 578, style.scss */
.container-mainbaner .slider-mainbaner .left, .container-mainbaner .slider-mainbaner .right {
    font-family: "MontserratRegular";
    color: #02b9ad;
    padding: 10px;
    position: absolute;
    bottom: 23px;
    padding: 0 20px;
    font-size: 10px; color: #666; }
/* line 587, style.scss */
.container-mainbaner .slider-mainbaner .left {
    left: 0; }
/* line 590, style.scss */
.container-mainbaner .slider-mainbaner .right {
    right: 0; }
/* line 594, style.scss */
.container-mainbaner .owl-theme .owl-controls {
    display: none !important; }

/* line 599, style.scss */
.container-welcome {
    padding: 10px 0;
    display: block;
    /*overflow: hidden; */
}
/* line 603, style.scss */
/* .container-welcome .contentwelcome {
   background: #fff;
   width: 100%;
   min-height: 100px;
   overflow: hidden; 
   position: relative; 
   float: right; 
 }*/

.contentwelcome {
    background: #fff;
    width: 100%;
    padding-top: 0;
    overflow: hidden; 
    position: relative; 
    box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
}
.contentwelcome .welcomeimage {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 5px;*/
}
.contentwelcome .welcomeimage img {
    position: absolute;
    left: 5px;
    top: 0px;
    width:37%;
}
.contentwelcome .welcomeimage .textwelcome {
    display: block;
    width: 100%;
    text-align: center;
    /*margin-top: 15px;*/
    padding: 7px 5px 5px 40%;
    font-size: 14px;
    line-height: 15px;
}
.contentwelcome .cwEmail { 
    background: #f5f5f5; position: unset; bottom: 0; left:0; right:0; padding-top: 10px; padding-bottom: 25px;}
.contentwelcome .cwEmail input { border:0; padding: 8px; }
.contentwelcome .cwEmail input[type=email] { width: 225px; font-size: 13px; }
.contentwelcome .cwEmail input[type=submit] { background: #02b9ad; color: white; font-weight: bold; font-size: 13px;}
.contentwelcome .cwEmail h4 { font-size: 16px; font-weight: bold; }

/* line 609, style.scss */
.container-welcome .contentwelcome .left, .container-welcome .contentwelcome .center, .container-welcome .contentwelcome .right {
    display: inline-block;
    float: left; }
/* line 613, style.scss */
.container-welcome .contentwelcome .left {
    width: 25%;
    padding: 50px 0; }
/* line 617, style.scss */
.container-welcome .contentwelcome .center {
    width: 50%;
    text-align: left;
    padding: 20px 0; }
/* line 622, style.scss */
.container-welcome .contentwelcome .right {
    width: 25%;
    text-align: center; }

/* line 629, style.scss */
.container-boxberitakegiatan {
    margin-top: 20px;
    margin-bottom: 20px; }
/* line 632, style.scss */
.container-boxberitakegiatan .content-box {
    background: #fff; }
/* line 635, style.scss */
.container-boxberitakegiatan .content-box .main-title {
    font-family: "MyriadProBold";
    color: #00a499;
    font-size: 28px;
    position: relative; }
/* line 640, style.scss */
.container-boxberitakegiatan .content-box .main-title hr {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
    margin: 0;
    border-color: #e1e1e1; }
/* line 648, style.scss */
.container-boxberitakegiatan .content-box .main-title span {
    background: #fff;
    position: relative;
    z-index: 5;
    display: inline-block;
    padding: 25px 30px; }
/* line 656, style.scss */
.container-boxberitakegiatan .content-box .main-title.small {
    font-size: 20px; }
/* line 658, style.scss */
.container-boxberitakegiatan .content-box .main-title.small span {
    padding: 12px 25px; }
/* line 661, style.scss */
.container-boxberitakegiatan .content-box .main-title.small hr {
    top: 25px; }

/* line 668, style.scss */
.wrp-beritautama {
    padding-left: 30px;
    padding-right: 30px; }
/* line 671, style.scss */
.wrp-beritautama .col-md-2 {
    width: 15.6667%; }
/* line 674, style.scss */
.wrp-beritautama .col-md-8 {
    width: 64.6667%;
    padding: 0; }
/* line 678, style.scss */
.wrp-beritautama .col-md-2.left {
    padding-right: 0; }
/* line 680, style.scss */
.wrp-beritautama .col-md-2.left .item-smallnews {
    padding-right: 15px; 
}
/* line 684, style.scss */
.wrp-beritautama .col-md-2.right {
    padding-left: 0; }
/* line 686, style.scss */
.wrp-beritautama .col-md-2.right .item-smallnews {
    padding-left: 15px; }
/* line 690, style.scss */
.wrp-beritautama .col-md-8.center {
    background: #fafafa;
    min-height: 100px;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(226, 226, 226, 0.75);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(226, 226, 226, 0.75);
    box-shadow: inset 0px 0px 10px 0px rgba(226, 226, 226, 0.75); }
/* line 697, style.scss */
.wrp-beritautama .item-smallnews {
    text-align: left;
    border-bottom: #e1e1e1 solid 1px;
    padding-top: 25px;
    padding-bottom: 25px; 
}
/* line 702, style.scss */
.wrp-beritautama .item-smallnews .tagtitle {
    position: relative;
    display: block;
    clear: left;
    margin-bottom: 10px; 
}

/* line 708, style.scss */
.wrp-beritautama .item-smallnews .tagtitle a {
    background: #02b9ad;
    color: #fff;
    position: relative;
    font-family: "MyriadProRegular";
    padding: 3px 8px;
    line-height: 18px;
    font-weight: bold;
    font-size: 12.9px; 
    display: block;
    width: 100%;
}
.wrp-beritautama .item-smallnews .tagtitle img {
    width: 100%;
}
/* line 720, style.scss */
.wrp-beritautama .item-smallnews .date {
    font-size: 12px;
    color: #868686; }
/* line 724, style.scss */
.wrp-beritautama .item-smallnews h5 {
    margin: 0;
    font-family: "MyriadProBold";
    font-size: 16px;
    margin-bottom: 10px; 
    max-height: 34px;
    overflow: hidden;

}
/* line 730, style.scss */
.wrp-beritautama .item-smallnews p {
    line-height: normal; 
    height: 60px;
    overflow: hidden;
}
/* line 733, style.scss */
.wrp-beritautama .item-smallnews a {
    color: #0a3b22;
    font-family: "MyriadProBold"; }
/* line 738, style.scss */
.wrp-beritautama .item-smallnews:last-child {
    border-bottom: 0; }
/* line 741, style.scss */
.wrp-beritautama .contentcenter {
    padding: 25px; }
/* line 743, style.scss */
.wrp-beritautama .contentcenter .imageslider {
    padding: 7px;
    margin: 1px; }
/* line 749, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls {
    position: absolute;
    top: 27%;
    width: 100%; }
/* line 753, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls .owl-pagination {
    display: none; }
/* line 756, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls .owl-buttons {
    width: 100%; }
/* line 758, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: none;
    position: absolute;
    padding: 0;
    margin: 0; }
/* line 765, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0; }
/* line 768, style.scss */
.wrp-beritautama .contentcenter .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0; }
/* line 775, style.scss */
.wrp-beritautama .itemtext {
    position: relative;
    min-height: 100px;
    margin-top: 20px;
    padding-left: 110px;
    text-align: left; }
/* line 781, style.scss */
.wrp-beritautama .itemtext .left {
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px 17px;
    text-align: center;
    border: #e1e1e1 solid 1px; }
/* line 788, style.scss */
.wrp-beritautama .itemtext .left .fa-camera {
    margin-left: 5px;
    font-size: 23px;
    color: #868686;
    margin-bottom: 5px; }
/* line 794, style.scss */
.wrp-beritautama .itemtext .left span {
    display: block;
    font-family: "MyriadProLight";
    font-style: italic; }
/* line 800, style.scss */
.wrp-beritautama .itemtext .date {
    font-size: 14px;
    color: #868686; }
/* line 804, style.scss */
.wrp-beritautama .itemtext h3 {
    margin: 0;
    font-family: "MyriadProBold";
    color: #000;
    margin-bottom: 10px;
    font-size: 18px;
}
.wrp-beritautama .itemtext p {
    font-size: 14px;
    line-height: 18px;
}
/* line 810, style.scss */
.wrp-beritautama .itemtext a {
    color: #0a3b22;
    font-family: "MyriadProBold";
    font-size: 14px;
}

/* line 817, style.scss */
.wrp-kegiatanpptm {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    position: relative;
}
.wrp-kegiatanpptm .btn-allkegiatan,
.content-gallerifoto .btn-allgallery {
    position: relative;
    display: block;
    padding: 3px 0px;
    text-align: center;
    font-size: 12px;
    font-family: "MyriadProBold";
    background: #CDC928;
    border-bottom: #CDC928 solid 4px;
    text-decoration: none;
    transition: all .5s;
    color: #ffffff;
}
.wrp-kegiatanpptm .btn-allkegiatan {
    width: calc(100%+30px);
    margin-left: -15px;
    margin-right: -15px;
}
.content-gallerifoto .btn-allgallery {
    margin: 10px;
}
.wrp-kegiatanpptm .btn-allkegiatan:hover {
    border-bottom: #CDB028 solid 4px;

}
/* line 821, style.scss */
.wrp-kegiatanpptm .itemkegiatanpptm {
    display: block;
    /*width: 100%;*/
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px;
    height: 80px;
    overflow: hidden;
    background: #fafafa;
    border: .3px solid #adadad;
}
/* line 826, style.scss */
.wrp-kegiatanpptm .imgitem {
    float: left;
    width: 30%;
    height: 100%;
    position: relative;
}
.wrp-kegiatanpptm .imgitem img {
    width: 100%;
    height: 100%;
}
/* line 829, style.scss */
.wrp-kegiatanpptm .imgitem a {
    position: absolute;
    left: 0;
    top: 0;
    background: #02b9ad;
    color: #fff;
    font-family: "MyriadProBold";
    padding: 3px 10px;
    font-size: 12.9px; 
}
/* line 840, style.scss */
.wrp-kegiatanpptm .content-txt {
    float: left;
    width: 70%;
    font-size: 12px;
    text-align: left;
    padding: 5px 5px 5px 10px;
}
/* line 844, style.scss */
.wrp-kegiatanpptm .date {
    display: block;
    color: #868686;
    font-size: 10px;
}
/* line 849, style.scss */
.wrp-kegiatanpptm h4 {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "MyriadProBold";
    font-size: 12px; 
    max-height: 41px;
    overflow: hidden;
}
.itemkegiatanpptm h4 a:hover {
    color: #868686;
}
/* line 855, style.scss */
.wrp-kegiatanpptm p {
    line-height: normal; }
/* line 858, style.scss */
.wrp-kegiatanpptm a {
    color: #0a3b22;
    font-family: "MyriadProBold"; }
/* line 862, style.scss */
.wrp-kegiatanpptm .btn-kemenkes {
    color: #fff;
    padding: 7px 35px;
    font-size: 16px;
    font-family: "MyriadProBold";
    margin: 10px 0; }

/* line 872, style.scss */
.container-galerifoto .content-gallerifoto {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}
/* line 877, style.scss */
.container-galerifoto .content-gallerifoto .main-title {
    font-family: "MyriadProBold";
    color: #00a499;
    font-size: 28px;
    position: relative; }
/* line 882, style.scss */
.container-galerifoto .content-gallerifoto .main-title hr {
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
    margin: 0;
    border-color: #e1e1e1; }
/* line 890, style.scss */
.container-galerifoto .content-gallerifoto .main-title span {
    background: #fff;
    position: relative;
    z-index: 5;
    display: inline-block;
    padding: 25px 30px; }
/* line 898, style.scss */
.container-galerifoto .content-gallerifoto .main-title.small {
    font-size: 20px; }
/* line 900, style.scss */
.container-galerifoto .content-gallerifoto .main-title.small span {
    padding: 12px 25px; }
/* line 903, style.scss */
.container-galerifoto .content-gallerifoto .main-title.small hr {
    top: 25px; }
/* line 908, style.scss */
.container-galerifoto .slider-galleri {
    padding-left: 60px;
    padding-right: 60px;
    position: relative; }
/* line 913, style.scss */
.container-galerifoto .slider-galleri .owl-controls .owl-pagination {
    display: none; }
/* line 917, style.scss */
.container-galerifoto .slider-galleri .wrp-content {
    display: block; }
/* line 919, style.scss */
.container-galerifoto .slider-galleri .wrp-content .date {
    color: #868686;
    font-size: 12px;
    display: block;
    margin-top: 10px; }
/* line 925, style.scss */
.container-galerifoto .slider-galleri .wrp-content a {
    display: block;
    font-family: "MyriadProBold";
    color: #000;
    height: 97px;
    overflow: hidden; }

.container-galerifoto .slider-galleri .wrp-content a img { margin-top: -17px; }

.slider-galleri .owl-carousel  .owl-item { padding: 5px; }

/* line 933, style.scss */
.container-galerifoto .owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    top: 60px; }
/* line 938, style.scss */
.container-galerifoto .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    opacity: 1;
    color: #0a3b22;
    background: none;
    font-size: 23px; }
/* line 945, style.scss */
.container-galerifoto .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -30px; }
/* line 948, style.scss */
.container-galerifoto .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -30px; }
/* line 954, style.scss */
.container-galerifoto .btn-kemenkes {
    color: #fff;
    padding: 7px 35px;
    font-size: 16px;
    font-family: "MyriadProBold";
    margin: 10px 0; }

/* line 963, style.scss */
.container-bodyfooter {
    margin: 20px 0; }
/* line 965, style.scss */
.container-bodyfooter .content-bodyfoot {
    min-height: 100px; }
/* line 967, style.scss */
.container-bodyfooter .content-bodyfoot .row {
    margin-left: -10px;
    margin-right: -10px; }
/* line 971, style.scss */
.container-bodyfooter .content-bodyfoot .col-md-4 {
    width: 30.3333%;
    padding-left: 10px;
    padding-right: 10px; }
/* line 976, style.scss */
.container-bodyfooter .content-bodyfoot .col-md-4:first-child {
    width: 39.3333%; }

/* line 982, style.scss */
.map-apps {
    background: url("../images/map.png") 0px 5px #03a9f4 no-repeat;
    width: 100%;
    min-height: 190px;
    padding: 10px; }
/* line 987, style.scss */
.map-apps .content {
    text-align: left;
    color: #fff;
    padding: 30px 20px; }
/* line 991, style.scss */
.map-apps .content h4 {
    margin: 0;
    font-family: "MyriadProBold";
    font-size: 25px;
    margin-bottom: 17px; }
/* line 997, style.scss */
.map-apps .content a {
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    font-family: "MyriadProBold"; }

/* line 1006, style.scss */
.box-agenda {
    background: #fff;
    text-align: left; }
/* line 1010, style.scss */
.box-agenda h5 {
    margin: 0;
    font-family: "MontserratBold";
    color: #02b9ad;
    font-size: 16px;
    padding: 12px 15px;
    border-bottom: #e1e1e1 solid 1px; }
/* line 1018, style.scss */
.box-agenda .itemagenda {
    margin: 8px 0;
    line-height: normal;
    font-size: 12px;
    font-family: "MontserratBold"; }
/* line 1023, style.scss */
.box-agenda .itemagenda .date {
    font-size: 11px;
    font-family: "MontserratBold";
    color: #02b9ad; }
/* line 1028, style.scss */
.box-agenda .itemagenda p {
    margin: 0; }

/* line 1033, style.scss */
.box-newsletter {
    background: #3c3c3c;
    color: #fff;
    width: 100%;
    min-height: 20px; }
/* line 1038, style.scss */
.box-newsletter h5 {
    margin: 0;
    color: #02b9ad;
    font-family: "MontserratBold";
    font-size: 16px;
    text-align: left;
    display: block;
    border-bottom: #555555 solid 1px;
    padding: 12px 15px; }

.box-newsletter input[type="text"] { max-width: 250px !important; }

/* line 1049, style.scss */
.formsubscribe {
    position: relative;
    padding: 10px 15px;
    padding-bottom: 28px;
    font-size: 12.9px;
    line-height: normal;
    text-align: left;
    overflow: hidden; }
/* line 1056, style.scss */
.formsubscribe input[type="text"] , .formsubscribe input[type="email"] {
    float: left;
    background: #252525;
    color: #fff;
    border-style: none;
    font-style: italic;
    padding: 10px 15px;
    width: 100%;
    max-width: 200px;
    margin-top: 7px; }
/* line 1067, style.scss */
.formsubscribe input[type="submit"], .formsubscribe input[type="button"] {
    float: left;
    background: #00a499;
    color: #fff;
    border-style: none;
    font-family: "MyriadProBold";
    padding: 11px 20px;
    margin-top: 7px; }

/* line 1081, style.scss */
.style-scrollcustom .content {
    overflow: auto;
    position: relative;
    width: 740px;
    max-width: 100%;
    height: 147px;
    padding: 10px 15px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
/* line 1092, style.scss */
.style-scrollcustom .content.hidden {
    display: none; }
/* line 1094, style.scss */
.style-scrollcustom .content.light {
    background-color: #ddd;
    color: #333; }
@media only screen and (min-width: 1229px) {
    /* line 1100, style.scss */
    .style-scrollcustom .showcase .horizontal-images.content {
        width: 1060px; } }
@media only screen and (min-width: 1629px) {
    /* line 1104, style.scss */
    .style-scrollcustom .showcase .horizontal-images.content {
        width: 700px; } }

/* line 1108, style.scss */
.container-paginglink {
    padding: 10px 0; }
/* line 1110, style.scss */
.container-paginglink ul {
    margin: 0;
    text-align: left; }
/* line 1113, style.scss */
.container-paginglink ul li {
    display: inline-block; }
/* line 1117, style.scss */
.container-paginglink ul li a:after {
    content: "\f105";
    font-family: "FontAwesome";
    padding-left: 7px;
    padding-right: 7px;
    color: #0a3b22; }
/* line 1124, style.scss */
.container-paginglink ul li a:hover {
    text-decoration: none;
    color: #0a3b22; }
/* line 1130, style.scss */
.container-paginglink ul li:last-child a:after {
    content: ""; }

/* line 1140, style.scss */
.bgwhite {
    background: #fff;
    width: 100%;
    min-height: 200px;
    margin-bottom: 30px; }

/* line 1148, style.scss */
.sidebarmenu {
    text-align: left;
    padding-top: 20px; }
/* line 1151, style.scss */
.sidebarmenu h4 {
    color: #00a499;
    font-size: 15px;
    margin: 25px 20px;
    margin-bottom: 20px;
    display: block; }
/* line 1158, style.scss */
.sidebarmenu i {
    background: #00a499;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px; }
/* line 1167, style.scss */
.sidebarmenu ul {
    margin: 0;
    font-size: 16px;
    margin-bottom: 30px; }

.sidebarmenu li .children li {
    background-image: url(../images/list-icon-full.jpg);
    background-repeat: no-repeat;
    background-position: 25px 17px;
    padding-left: 30px;
}


/* line 1173, style.scss */
.sidebarmenu ul a {
    padding: 15px 20px;
    border-bottom: #c4c4c4 solid 1px;
    display: block; }
/* line 1177, style.scss */
.sidebarmenu ul a .fa {
    margin-left: -10px;
    visibility: hidden;
    opacity: 0; }
/* line 1186, style.scss */
.sidebarmenu ul a:hover, .sidebarmenu ul a.active {
    text-decoration: none;
    color: #00a499; }
/* line 1189, style.scss */
.sidebarmenu ul a:hover .fa, .sidebarmenu ul a.active .fa {
    margin-left: 10px;
    margin-right: 10px;
    visibility: visible;
    opacity: 1; }

/* line 1200, style.scss */
.content-pages {
    text-align: left;
    padding: 20px 0;
    padding-right: 15px;
    max-width: 700px; }
/* line 1205, style.scss */
.content-pages h2 {
    font-family: "MyriadProBold";
    color: #104b29;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 25px;
    display: block;
    text-align: center; }
/* line 1214, style.scss */
.content-pages h4, .content-pages h1 {
    margin: 0;
    font-size: 28px;
    font-family: "MyriadProBold";
    color: #00a499;
    margin-bottom: 15px; }
/* line 1221, style.scss */
.content-pages h5 {
    margin: 0;
    font-size: 19px;
    line-height: 27px; }
/* line 1226, style.scss */
.content-pages h6, .content-pages h5, .content-pages strong {
    font-size: 19px;
    font-family: "MyriadProBold";
    color: #00a499;
    margin: 15px 0; }
/* line 1232, style.scss */
.content-pages ol {
    list-style: decimal;
    margin: 0 15px;
    margin-left: 30px;
    margin-bottom: 20px;
}
/* line 1236, style.scss */
.content-pages ol li {
    padding-left: 10px;
    color: #181818;
    margin-top: 15px; 

}

.content-pages ol li strong {

    font-family: "MyriadProBold";
}
/* line 1242, style.scss */
.content-pages ol span {
    margin-bottom: 15px;
    display: block; }
/* line 1246, style.scss */
.content-pages ol p {
    font-family: "MyriadProRegular"; }
/* line 1250, style.scss */
.content-pages ul {
    margin-left: 0; 
    margin-bottom: 20px;}
/* line 1255, style.scss */
.content-pages ul li {
    padding: 7px 20px;
    padding-left: 40px;

    border-bottom: #eaeaea solid 1px;
    display: block; }
/* line 1262, style.scss */

.content-pages ul li a {color: #00a499;}
.content-pages ul li {
    background-image: url(../images/arrow-right.jpg);
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 13px;

}

.content-pages ul i {
    left: 10px;
    top: 10px; }

/* line 1269, style.scss */
.boxshare-socmed {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    text-align: center; }
/* line 1275, style.scss */
.boxshare-socmed .totalshare {
    border: #eeeeee solid 1px;
    border-radius: 10px;
    padding: 10px 15px;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0;
    line-height: 10px;
    color: #ccc;
    text-align: center;
    margin-right: 10px; }
/* line 1287, style.scss */
.boxshare-socmed h5 {
    margin: 0 !important;
    font-size: 25px;
    letter-spacing: 0px;
    position: relative;
    margin-top: -5px !important;
    color: #181818; }
/* line 1295, style.scss */
.boxshare-socmed .socmedshare {
    display: inline-block;
    vertical-align: super; }
/* line 1298, style.scss */
.boxshare-socmed .socmedshare a {
    color: #fff;
    padding: 5px 5px;
    font-family: "MontserratSemiBold";
    font-size: 12px;
    background: #181818;
    min-width: 40px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px; }
/* line 1309, style.scss */
.boxshare-socmed .socmedshare .fa {
    font-size: 16px; }
/* line 1312, style.scss */
.boxshare-socmed .socmedshare .fb {
    background: #3b5998; }
/* line 1315, style.scss */
.boxshare-socmed .socmedshare .tw {
    background: #1dcaff; }
/* line 1318, style.scss */
.boxshare-socmed .socmedshare .google {
    background: #dd4b39; }
/* line 1321, style.scss */
.boxshare-socmed .socmedshare .mail {
    background: #cd1c1f; }
/* line 1324, style.scss */
.boxshare-socmed .socmedshare .copy {
    background: #7cbf4b; }

/* line 1330, style.scss */
.wrp-boxstaff {
    border: #eaeaea solid 1px;
    padding-bottom: 20px; }
/* line 1333, style.scss */
.wrp-boxstaff .title {
    background: #fff;
    display: block;
    padding: 10px 20px;
    font-size: 24px;
    font-family: "MyriadProBold";
    margin: 0 auto;
    text-align: center;
    margin-top: -20px;
    max-width: 100px;
    color: #00a499; }
/* line 1345, style.scss */
.wrp-boxstaff .item-staff {
    font-size: 15px;
    display: inline-block;
    margin: 20px;
    width: 43%;
    text-align: center; }
/* line 1352, style.scss */
.wrp-boxstaff h5 {
    margin-bottom: 0px;
    font-family: "MyriadProBold";
    color: #00a499;
    font-size: 15px; }
/* line 1358, style.scss */
.wrp-boxstaff img {
    border: #eaeaea solid 1px; }

/* line 1363, style.scss */
table {
    font-size: 12px; }

/*sedikit bayangan yang soft*/
/* line 1364, style.scss */
table th {
    padding: 3px 10px;
    font-weight: bold;
    background: #eaebec;
    color: #181818;
    border: #dddddd solid 1px; }

/* line 1371, style.scss */
table td {
    padding: 10px 5px;
    border: #dddddd solid 1px; }

@media (max-width: 700px) {
    /* line 1377, style.scss */
    table, tbody, tr, td {
        display: block;
        position: relative; }

    /* line 1381, style.scss */
    tr {
        border-bottom: 3px solid #eaebec; }

    /* line 1382, style.scss */
    th {
        display: none; }

    /* line 1383, style.scss */
    td:before {
        display: block;
        content: attr(data-content);
        width: 80px;
        background: #eaebec;
        color: #181818;
        text-transform: uppercase;
        font-weight: bold;
        height: 100%;
        line-height: 40px;
        position: absolute;
        text-indent: 0px;
        padding: 0px 10px; }

    /* line 1397, style.scss */
    td {
        text-indent: 120px;
        /*disesuaikan dengan kebutuhan*/
        line-height: 40px;
        /*line-height disamakan dengan td:before, supaya tampilan teksnya rata*/
        background: #eaebec; } }
/* line 1404, style.scss */
.accordion div.pane {
    padding: 5px 10px;
    display: none; }

/* line 1409, style.scss */
.contentleft-white {
    background: #fff;
    overflow: hidden; }

/* line 1416, style.scss */
.program-accordion .accordion .title-accordion {
    font-family: "MyriadProBold";
    color: #104b29;
    font-size: 19px;
    position: relative;
    border: #104b29 solid 1px;
    background: url("../images/bgaccordion-plus.jpg") no-repeat center right;
    padding: 14px 20px;
    margin: 18px 0;
    cursor: pointer; }
/* line 1427, style.scss */
.program-accordion .accordion .title-accordion.current {
    background: url("../images/bgaccordion-minus.jpg") no-repeat center right; }
/* line 1430, style.scss */
.program-accordion .accordion .pane {
    font-family: "MyriadProRegular";
    font-size: 15px;
    padding: 5px;
    padding-left: 20px; }
/* line 1435, style.scss */
.program-accordion .accordion .pane h5 {
    font-family: "MyriadProBold";
    font-size: 19px;
    color: #104b29;
    margin: 15px 0; }
/* line 1444, style.scss */
.program-accordion .accordion .pane ul li ul li, .program-accordion .accordion .pane ol li ul li {
    padding: 0;
    padding-left: 25px;
    font-weight: normal;
    font-family: "MyriadProRegular";
    color: #616060;
    margin-top: 1px; }
/* line 1451, style.scss */
.program-accordion .accordion .pane ul li ul li i, .program-accordion .accordion .pane ol li ul li i {
    top: 5px;
    left: -5px; }

/* line 1464, style.scss */
.container-category .row {
    margin-left: -10px;
    padding-right: -10px; }
/* line 1468, style.scss */
.container-category .col-md-9, .container-category .col-md-3 {
    padding-left: 10px;
    padding-right: 10px; }
/* line 1472, style.scss */
.container-category .item.bgwhite2 {
    margin-bottom: 20px; }
/* line 1475, style.scss */
.container-category .item.bgwhite2 .style-scrollcustom .content {
    height: 187px; }
/* line 1479, style.scss */
.container-category .item.bgwhite2 .map-apps {
    background: #02b9ad url("../images/map.png") -20px 90% no-repeat;
    min-height: 282px; }
/* line 1482, style.scss */
.container-category .item.bgwhite2 .map-apps .content {
    padding: 10px;
    padding-bottom: 0; }
/* line 1485, style.scss */
.container-category .item.bgwhite2 .map-apps .content h4 {
    font-size: 20px; }
/* line 1491, style.scss */
.container-category .item.bgwhite2 .formsubscribe input[type="text"] {
    display: block;
    widows: 100%;
    max-width: 100%; }
/* line 1496, style.scss */
.container-category .item.bgwhite2 .formsubscribe input[type="submit"], .container-category .item.bgwhite2 .formsubscribe input[type="button"] {
    display: block;
    width: 100%;
    font-size: 16px; }

/* line 1505, style.scss */
.bgwhite2 {
    background: #fff;
    width: 100%;
    min-height: 100px;
    margin-bottom: 30px; }

/* line 1513, style.scss */
.item-bigcategory {
    padding-left: 30px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 30px;
    display: block; 
    clear: both;
}
/* line 1519, style.scss */
.item-bigcategory .title {
    padding: 10px 0;
    display: block;
    overflow: hidden; 
    top: -10px;
    margin-left: -15px;
    font-size: 18px;
    font-weight: 700;
}
/* line 1528, style.scss */
.item-bigcategory .title span {
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 10px;
    padding-right: 20px;
    padding-left: 0;
    float: left; 
    /*top: -20px;*/
}
/* line 1537, style.scss */
.item-bigcategory .title hr {
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    /*top: 35px;*/
    width: 100%; 
}
/* line 1546, style.scss */
.item-bigcategory .left {
    float: left;
    margin-right: 15px;
    margin-left: -15px;
    width: 100%; 
}
/* line 1551, style.scss */
.item-bigcategory .left .img {
    position: relative; }
.item-bigcategory .left .img img {
    width: 100%; }
/* line 1553, style.scss */
.item-bigcategory .left .img a {
    background: #02b9ad;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 10px;
    font-family: "MyriadProBold";
    font-size: 12.9px; 
}
/* line 1564, style.scss */
.item-bigcategory .left .content {
    background: #f7f7f7;
    padding: 10px;
    font-family: "MyriadProRegular";
    font-size: 14px;
    line-height: normal; 
    margin-bottom: 10px;
}
/* line 1569, style.scss */
.item-bigcategory .left .content h4 {
    font-family: "MyriadProBold";
    font-size: 20px;
    margin: 0;
    margin-bottom: 5px; 
}
/* line 1575, style.scss */
.item-bigcategory .left .content .more {
    display: block;
    color: #0a3b22;
    font-family: "MyriadProBold"; }
/* line 1582, style.scss */
.item-bigcategory .right {
    float: left; 
}
.item-bigcategory .itemarchive {
    width: calc(100% + 10px);
    margin-left: -15px;
}
/* line 1584, style.scss */
.item-bigcategory .right a.viewall {
    border: #00a499 solid 1px;
    padding: 10px;
    display: block;
    text-align: center;
    color: #00a499 !important;
    font-family: "MyriadProBold";
    margin-top: 5px; }
/* line 1593, style.scss */
.item-bigcategory .right a.viewall:hover {
    background: #00a499;
    color: #fff !important;
    text-decoration: none; }
/* line 1599, style.scss */
.item-bigcategory .expandcategory {
    background: #f7f7f7;
    overflow: hidden;
    margin-right: 15px;
    margin-left: -15px;
}
/* line 1603, style.scss */
.item-bigcategory .expandcategory h4 {
    margin: 0;
    margin-bottom: 5px;
    font-size: 28px;
    font-family: "MyriadProBold"; 
}
/* line 1609, style.scss */
.item-bigcategory .expandcategory .imgbig {
    float: left;
    position: relative;
    width: 100%;
}
.item-bigcategory .expandcategory .imgbig img {
    margin: 0 auto;
}
/* line 1613, style.scss */
.item-bigcategory .expandcategory .imgbig a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #02b9ad;
    color: #fff;
    padding: 5px 10px;
    font-family: "MyriadProBold";
    font-size: 12.9px; }
/* line 1624, style.scss */
.item-bigcategory .expandcategory .content {
    float: left;
    position: relative;
    width: 100%;
    padding: 15px; }
.item-bigcategory .expandcategory .content h4 {
    font-size: 20px;
    padding-bottom: 5px;
}
.item-bigcategory .expandcategory .content p {
    font-size: 14px;
    line-height: 18px;
}
/* line 1629, style.scss */
.item-bigcategory .expandcategory .content .more {
    color: #00a499;
    font-family: "MyriadProBold"; 
}

/* line 1638, style.scss */
.item-bigcategory.highlight .wrp-smallmain {
    float: left;
    width: 100%;
    margin-left: -15px;
}
/* line 1641, style.scss */
.item-bigcategory.highlight .wrp-highlight {
    float: right;
    width: calc(100% + 10px);
    margin-left: 0px; 
    margin-right: 10px; 
    vertical-align: top;
    border: #00a499 solid 1px;
}
/* line 1647, style.scss */
.item-bigcategory.highlight .wrp-highlight .title {
    background: #f7f7f7;
    color: #00a499;
    padding: 12px 10px; 
    font-size: 16px;
}
/* line 1652, style.scss */
.item-bigcategory.highlight .wrp-highlight ul {
    margin-bottom: 0; 
}
/* line 1655, style.scss */
.item-bigcategory.highlight .wrp-highlight ul li a {
    display: block;
    border-bottom: #c2c2c2 solid 1px;
    font-family: "MyriadProBold";
    color: #000;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 10px; 
    transition: all .5s;
}
/* line 1663, style.scss */
.item-bigcategory.highlight .wrp-highlight ul li a:hover {
    text-decoration: none;
    background: #02b9ad;
    color: #fff; 
}
/* line 1670, style.scss */
.item-bigcategory.highlight .wrp-highlight ul li:last-child a {
    border-bottom: 0; 
}

/* line 1678, style.scss */
.item-smallmain {
    position: relative;
    padding-left: 105px;
    width: 100%;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: #eaeaea solid 1px;
    min-height: 120px; 
}
/* line 1689, style.scss */
.item-smallmain .img {
    position: absolute;
    left: 0;
    top: 10px; 
}
/* line 1694, style.scss */
.item-smallmain .date {
    font-size: 10px; 
}
/* line 1696, style.scss */
.item-smallmain .date a {
    display: block;
    font-size: 10px; 
    font-family: "MyriadProBold";
    color: #02b9ad; 
}
/* line 1701, style.scss */
.item-smallmain h5 {
    margin: 0;
    font-size: 14px;
    font-family: "MyriadProBold";
    margin: 5px 0;
    color: #000; 
}
/* line 1707, style.scss */
.item-smallmain h5 a {
    display: block;
    max-height: 31px;
    overflow: hidden;
    opacity: 1;
    color: #000; 
}
.item-smallmain p {
    max-height: 45px;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
}

/* line 1714, style.scss */
.item-smallmain:last-child {
    margin-bottom: 0;
    border-bottom: 0; }

/* line 1720, style.scss */
.container-ptmlain .title {
    position: relative;
    display: block;
    width: 100%;
    clear: left; }
/* line 1725, style.scss */
.container-ptmlain .title h5 {
    margin: 0;
    font-family: "MyriadProBold";
    font-size: 24px;
    color: #00a499;
    background: #fff;
    display: inline-block;
    padding: 10px 25px;
    position: relative;
    z-index: 4; }
/* line 1736, style.scss */
.container-ptmlain .title hr {
    margin: 0;
    width: 100%;
    left: 0;
    top: 24px;
    z-index: 1;
    position: absolute; }

/* line 1747, style.scss */
.container-sliderptmlainya {
    padding: 0 60px;
    margin-top: 20px;
    position: relative;
    padding-bottom: 40px; }
/* line 1752, style.scss */
.container-sliderptmlainya .wrp-itemptmlain {
    background: #f7f7f7;
    margin: 0 10px; 
}
/* line 1756, style.scss */
.container-sliderptmlainya .img {
    position: relative;
    font-family: "MyriadProBold";
    font-size: 12.9px;
}
/* line 1760, style.scss */
.container-sliderptmlainya .img img {
    width: 100%;
    max-width: none; }
/* line 1764, style.scss */
.container-sliderptmlainya .img a {
    color: #fff;
    background: #02b9ad;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    top: 0; }
/* line 1773, style.scss */
.container-sliderptmlainya .content {
    padding: 15px;
    text-align: left;
    line-height: normal;
    height: 180px;
    overflow: hidden;
}
/* line 1777, style.scss */
.container-sliderptmlainya .content h5 {
    font-family: "MyriadProBold";
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    margin-bottom: 5px; 
    max-height: 56px;
    overflow: hidden;
}
.container-sliderptmlainya .content p {
    font-size: 14px;
    line-height: 16px;
    max-height: 80px;
    overflow: hidden;
}
/* line 1783, style.scss */
.container-sliderptmlainya .content .more {
    font-size: 14px;
    color: #00a499;
    font-family: "MyriadProBold"; }
/* line 1789, style.scss */
.container-sliderptmlainya .owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 40%; }
/* line 1795, style.scss */
.container-sliderptmlainya .owl-theme .owl-controls .owl-pagination {
    display: none; }
/* line 1799, style.scss */
.container-sliderptmlainya .owl-theme .owl-controls .owl-buttons .owl-prev, .container-sliderptmlainya .owl-theme .owl-controls .owl-buttons .owl-next {
    background: none;
    color: #02b9ad;
    font-size: 36px;
    opacity: 1;
    position: absolute;
    margin: 0;
    padding: 0;
    font-weight: bold; }
/* line 1809, style.scss */
.container-sliderptmlainya .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    margin-left: -20px; }
/* line 1813, style.scss */
.container-sliderptmlainya .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    margin-right: -20px; }

/* line 1822, style.scss */
ul.tabs, ul.tabsI {
    margin: 0px;
    padding: 0px;
    list-style: none; 
    margin-bottom: 15px;
}

/* line 1827, style.scss */
ul.tabs li , ul.tabsI li {
    background: none;
    display: inline-block;
    cursor: pointer; }

/* line 1836, style.scss */
.tab-content , .tabI-content {
    display: none; }

/* line 1840, style.scss */
.tab-content.current , .tabI-content.current {
    display: inherit; }

/* line 1844, style.scss */
.wrp-tabpopolarbaru {
    font-family: "MyriadProRegular"; }
/* line 1846, style.scss */
.wrp-tabpopolarbaru ul.tabs {
    border-bottom: #eaeaea solid 1px; }
/* line 1850, style.scss */
.wrp-tabpopolarbaru ul.tabs li {
    width: 50%;
    margin-left: -1px;
    margin-right: -1px;
    font-size: 16px;
    color: #999;
    padding: 10px 0; }
/* line 1858, style.scss */
.wrp-tabpopolarbaru ul.tabs li.current {
    background: #02b9ad;
    color: #fff;
    font-family: "MyriadProBold"; }
/* line 1864, style.scss */
.wrp-tabpopolarbaru .item-small {
    position: relative;
    text-align: left;
    line-height: normal;
    font-size: 12px;
    padding: 10px;
    padding-left: 79px;
    min-height: 82px;
    border-bottom: #eaeaea solid 1px; }
/* line 1873, style.scss */
.wrp-tabpopolarbaru .item-small .img {
    position: absolute;
    left: 10px;
    top: 10px; }
/* line 1878, style.scss */
.wrp-tabpopolarbaru .item-small .date {
    color: #999; }
/* line 1881, style.scss */
.wrp-tabpopolarbaru .item-small a {
    font-family: "MyriadProBold";
    color: #000; }
/* line 1885, style.scss */
.wrp-tabpopolarbaru .item-small a:hover {
    text-decoration: none;
    color: #00a499; }
/* line 1890, style.scss */
.wrp-tabpopolarbaru .item-small:last-child {
    border-bottom: 0; }
/* line 1893, style.scss */
.wrp-tabpopolarbaru .tab-content {
    padding-bottom: 10px; }

/* line 1898, style.scss */
.pagingstyle {
    font-size: 12px;
    font-family: "MyriadProBold";
    display: block;
    margin-top: 20px;
    margin-bottom: 22px;
    text-align: center; 
}
/* line 1904, style.scss */
.pagingstyle ul {
    margin-bottom: 0; }
/* line 1906, style.scss */
.pagingstyle ul li {
    display: inline-block; }
/* line 1908, style.scss */
.pagingstyle ul li a {
    display: block;
    border: #d2d5d6 solid 1px;
    padding: 3px 10px;
    color: #d2d5d6; }
/* line 1914, style.scss */
.pagingstyle ul li a:hover, .pagingstyle ul li a.current, .pagingstyle ul li a.active {
    background: #02b9ad;
    color: #fff;
    text-decoration: none; }

/* line 1923, style.scss */
.wrp-contenttxt {
    max-width: 665px;
    position: relative;
    float: left;
    padding-left: 30px; }

.wrp-contenttxt img { margin-top: 20px; margin-bottom: 20px; }

.wrp-contentinfo {
    max-width: 785px;
    position: relative;
    float: left;
    padding-left: 30px; }

.wrp-contentinfo img { margin-top: 20px; }

/* line 1930, style.scss */
.detailartikel {
    padding: 20px;
    text-align: left;
    position: relative;
    overflow: hidden; }
/* line 1935, style.scss */
.detailartikel .date {
    font-family: "MyriadProRegular";
    color: #999;
    font-size: 12px; }
/* line 1939, style.scss */
.detailartikel h2 {
    margin: 0;
    color: #000;
    font-weight: normal;
    font-family: "MyriadProBold";
    margin-bottom: 7px; 
    font-size: 18px;
}

.detailartikel h1 {
    margin: 0;
    color: #000;
    font-size: 32px;
    font-weight: normal;
    font-family: "MyriadProBold";
    margin-bottom: 10px;
    margin-top: 10px; }


/* line 1946, style.scss */
.detailartikel hr {
    margin: 5px 0; }
/* line 1949, style.scss */
.detailartikel h5 {
    font-family: "MyriadProRegular";
    font-size: 19px;
    color: #000;
    margin: 20px 0; }

.detailartikel strong {
    font-family: "MyriadProBold";
}

.wrp-contenttxt p {
    font-size: 18px;
    font-family: "MyriadProLight";    
}

/* line 1955, style.scss */
.detailartikel h4 {
    font-family: "MyriadProBold";
    font-size: 19px;
    color: #000;
    margin: 20px 0; }
/* line 1961, style.scss */
.detailartikel p {
    margin-bottom: 15px; }
.detailartikel ol,
.detailartikel ul{
    list-style: inherit !important;
    margin-left: 18px;
    font-size: 18px;
    font-family: "MyriadProLight";
    margin-bottom: 15px;
}

/* line 1966, style.scss */
.labelname {
    color: #999;
    margin-bottom: 7px; }
/* line 1969, style.scss */
.labelname span {
    color: #00a499; }

/* line 1974, style.scss */
.subpraragraph {
    padding-left: 20px;
    margin-bottom: 20px; }
/* line 1977, style.scss */
.subpraragraph label {
    margin: 15px 0; }

/* line 1982, style.scss */
.wrp-relatedartikel {
    font-family: "MyriadProBold";
    margin-bottom: 40px; }
/* line 1985, style.scss */
.wrp-relatedartikel h4 {
    font-size: 24px;
    margin: 0;
    margin-bottom: 5px;
    font-family: "MyriadProBold"; }
/* line 1991, style.scss */
.wrp-relatedartikel ul {
    margin-bottom: 0;
    margin-left: 30px; }
/* line 1994, style.scss */
.wrp-relatedartikel ul li {
    padding-left: 5px;
    list-style-type: square;
    font-size: 17px;
    color: #aeaeae; }
/* line 1999, style.scss */
.wrp-relatedartikel ul li a {
    color: #aeaeae; }
/* line 2002, style.scss */
.wrp-relatedartikel ul li a:hover {
    color: #00a499;
    text-decoration: none; }
/* line 2007, style.scss */
.wrp-relatedartikel ul li:hover {
    color: #00a499; }

/* line 2013, style.scss */
.wrp-commentartikel {
    padding-bottom: 30px; }

/* line 2017, style.scss */
.socmedinfo-side {
    position: relative;
    float: left; }
/* line 2020, style.scss */
.socmedinfo-side a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 7px 8px;
    margin-bottom: 10px; }
/* line 2027, style.scss */
.socmedinfo-side span {
    display: block;
    font-size: 10px;
    font-family: "MyriadProBold"; }
/* line 2032, style.scss */
.socmedinfo-side .fb {
    background: #3b5998; }
/* line 2035, style.scss */
.socmedinfo-side .tw {
    background: #1dcaff; }
/* line 2038, style.scss */
.socmedinfo-side .gp {
    background: #dd4b39; }
/* line 2041, style.scss */
.socmedinfo-side .msg {
    background: #cd1c1f; }
.socmedinfo-side .print {
    background: #333; }
/* line 2046, style.scss */
.container-pagekegiatan {
    overflow: hidden; }

/* line 2050, style.scss */
.title-pagekegiatan {
    font-family: "MyriadProRegular";
    overflow: hidden;
    padding: 15px 25px;
    border-bottom: #eaeaea solid 1px; }
/* line 2055, style.scss */
.title-pagekegiatan h4 {
    font-family: "MyriadProBold";
    color: #00a499;
    font-size: 24px;
    display: inline-block;
    float: left;
    margin: 0; }
/* line 2063, style.scss */
.title-pagekegiatan .wrp-select {
    font-size: 14px;
    float: right;
    color: #00a499; }
/* line 2068, style.scss */
.title-pagekegiatan select {
    font-family: "MyriadProBold"; }
/* line 2070, style.scss */
.title-pagekegiatan select option {
    padding: 5px 15px; }

/* line 2076, style.scss */
.maincontent-kegiatan {
    padding: 20px 25px;
    text-align: left;
    overflow: hidden; }
/* line 2080, style.scss */
.maincontent-kegiatan .imgwrp {
    position: relative;
    float: left;
    overflow: hidden;
    width: 37%;
}
/* line 2085, style.scss */
.maincontent-kegiatan .imgwrp a {
    display: block;
    background: #02b9ad;
    color: #fff;
    padding: 5px 15px;
    font-family: "MyriadProBold";
    font-size: 17px; 
}
/* line 2096, style.scss */
.maincontent-kegiatan .content-text {
    font-family: "MyriadProRegular";
    font-size: 14px;
    text-align: left;
    padding-left: 30px;
    float: left;
    width: 63%;
    line-height: normal; }
/* line 2104, style.scss */
.maincontent-kegiatan .content-text .date {
    color: #868686;
    margin-bottom: 5px; }
/* line 2108, style.scss */
.maincontent-kegiatan .content-text h4  {
    font-size: 28px;
    font-family: "MyriadProBold";
    color: #000;
    margin: 0;
    line-height: 30px; }

.content-text h4 a { color: black !important; }

/* line 2115, style.scss */
.maincontent-kegiatan .content-text h6 {
    font-weight: normal;
    margin: 7px 0; }
/* line 2118, style.scss */
.maincontent-kegiatan .content-text h6 span {
    color: #00a499; }
/* line 2122, style.scss */
.maincontent-kegiatan .content-text a {
    display: inline-block;
    color: #00a499;
    font-family: "MyriadProBold"; }

/* line 2130, style.scss */
.itemcontent-kegiatan {
    text-align: left;
    position: relative;
    padding-left: 246px;
    line-height: normal;
    padding-top: 23px;
    padding-bottom: 23px;
    border-top: #eaeaea solid 1px;
    min-height: 236px; }
/* line 2139, style.scss */
.itemcontent-kegiatan .imgwrp {
    position: absolute;
    left: 25px;
    top: 20px; }
/* line 2143, style.scss */
.itemcontent-kegiatan .imgwrp a {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #02b9ad;
    color: #fff;
    padding: 5px 15px;
    font-family: "MyriadProBold";
    font-size: 17px; }
/* line 2154, style.scss */
.itemcontent-kegiatan .content-text {
    font-family: "MyriadProRegular";
    font-size: 14px;
    text-align: left;
    max-width: 495px; }
/* line 2159, style.scss */
.itemcontent-kegiatan .content-text .date {
    color: #868686;
    margin-bottom: 5px; }
/* line 2163, style.scss */
.itemcontent-kegiatan .content-text h4 {
    font-size: 28px;
    font-family: "MyriadProBold";
    color: #000;
    margin: 0;
    line-height: 30px; }
/* line 2170, style.scss */
.itemcontent-kegiatan .content-text h6 {
    font-weight: normal;
    margin: 7px 0; }
/* line 2173, style.scss */
.itemcontent-kegiatan .content-text h6 span {
    color: #00a499; }
/* line 2177, style.scss */
.itemcontent-kegiatan .content-text a {
    display: inline-block;
    color: #00a499;
    font-family: "MyriadProBold"; }

/* line 2187, style.scss */
.slidegallery .owl-theme .owl-controls {
    position: absolute;
    top: 27%;
    width: 100%; }
/* line 2191, style.scss */
.slidegallery .owl-theme .owl-controls .owl-pagination {
    display: none; }
/* line 2194, style.scss */
.slidegallery .owl-theme .owl-controls .owl-buttons {
    width: 100%; }
/* line 2196, style.scss */
.slidegallery .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: none;
    position: absolute;
    padding: 0;
    margin: 0; }
/* line 2203, style.scss */
.slidegallery .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0; }
/* line 2206, style.scss */
.slidegallery .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0; }
/* line 2212, style.scss */
.slidegallery .imageslider {
    text-align: center;
    position: relative;
    max-height: 800px;  
    padding: 7px;
    margin: 1px; }

.slidegallery .imageslider img { max-height: 500px; width: auto; }



/* line 2217, style.scss */
.slidegallery .itemtext {
    position: relative;
    min-height: 100px;
    margin-top: 20px;
    padding-left: 110px;
    text-align: left; }
/* line 2223, style.scss */
.slidegallery .itemtext .left {
    position: absolute;
    left: 0;
    top: 0;
    padding: 12px 17px;
    text-align: center;
    border: #e1e1e1 solid 1px; }
/* line 2230, style.scss */
.slidegallery .itemtext .left .fa-camera {
    margin-left: 5px;
    font-size: 23px;
    color: #868686;
    margin-bottom: 5px; }
/* line 2236, style.scss */
.slidegallery .itemtext .left span {
    display: block;
    font-family: "MyriadProLight";
    font-style: italic; }
/* line 2242, style.scss */
.slidegallery .itemtext .date {
    font-size: 14px;
    color: #868686; }
/* line 2246, style.scss */
.slidegallery .itemtext h3 {
    margin: 0;
    font-family: "MyriadProBold";
    color: #000;
    margin-bottom: 10px; }
/* line 2252, style.scss */
.slidegallery .itemtext a {
    color: #0a3b22;
    font-family: "MyriadProBold"; }

/* line 2259, style.scss */
.container_galleri {
    margin: 25px 0;
    padding-left: 25px;
    padding-right: 25px; }
/* line 2263, style.scss */
.container_galleri .row {
    margin-left: -7px;
    margin-right: -7px; }
/* line 2266, style.scss */
.container_galleri .row .col-md-4 {
    padding-left: 7px;
    padding-right: 7px; }
/* line 2271, style.scss */
.container_galleri .itemgalleri {
    border: #eaeaea solid 1px;
    margin-top: 7px;
    margin-bottom: 7px;
    /*      margin-left: -15px;
          margin-right: -15px; */
    height: auto;
    /*height: 333px;*/
}
.container_galleri .itemgalleri .imgwrp img{
    width: 100%;
}
/* line 2275, style.scss */
.container_galleri .itemgalleri .contenttxt {
    padding: 5px 10px;
    min-height: 70px; 
    text-align: left;
}
/* line 2283, style.scss */
.container_galleri .itemgalleri .date {
    font-family: "MyriadProRegular";
    font-size: 12px;
    color: #999; 
}
/* line 2288, style.scss */
.container_galleri .itemgalleri a {
    color: #000;
    font-family: "MyriadProBold";
    font-size: 14px;
    line-height: normal;
    margin: 0;
    display: block; 
}
/* line 2295, style.scss */
.container_galleri .itemgalleri .info {
    font-family: "MyriadProRegular";
    font-size: 14px;
    color: #999; 
}

/* line 2303, style.scss */
.container-video {
    padding: 10px;
    min-height: 100px;
    border: #f0f0f0 solid 1px; }
/* line 2308, style.scss */
.container-video audio, .container-video canvas, .container-video progress, .container-video video {
    width: 100%; }


.wrp-contentvid {
    max-width: 790px;
    width: 100%;
    position: relative;
    float: left;
    padding-left: 0px;
}
.wrp-contentvid .mainimg img {
    width: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* line 2313, style.scss */
.container-document {
    padding: 10px 0; }
/* line 2315, style.scss */
.container-document .title {
    position: relative;
    width: 100%;
    font-family: "MyriadProBold";
    font-size: 24px;
    color: #104b29;
    padding: 10px 0;
    padding-left: 30px;
    display: block;
    overflow: hidden; }
/* line 2325, style.scss */
.container-document .title span {
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 10px;
    padding-right: 20px;
    padding-left: 0;
    float: left; }
/* line 2334, style.scss */
.container-document .title hr {
    margin: 0;
    position: absolute;
    left: 30px;
    z-index: 1;
    top: 35px;
    width: 100%; }

/* line 2345, style.scss */
.wrp-listdocument {
    padding-bottom: 5px; }
/* line 2347, style.scss */
.wrp-listdocument .item-document {
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: #eaeaea solid 1px;
    margin: 16px 30px; }
/* line 2354, style.scss */
.wrp-listdocument .left {
    position: relative;
    text-align: left;
    padding-left: 75px;
    padding-right: 10px;
    width: 55%;
    float: left;
    overflow: hidden;
    min-height: 75px; }
/* line 2363, style.scss */
.wrp-listdocument .left .imgwrp {
    position: absolute;
    left: 10px;
    top: 0px; }
/* line 2369, style.scss */
.wrp-listdocument h4 {
    margin: 0;
    font-family: "MyriadProBold";
    font-size: 17px; 
    margin-top: 5px; }
/* line 2374, style.scss */
.wrp-listdocument .info {
    font-family: "MyriadProRegular";
    color: #999;
    font-size: 12.9px; }
/* line 2379, style.scss */
.wrp-listdocument .right {
    position: relative;
    width: 45%;
    float: left; }
/* line 2383, style.scss */
.wrp-listdocument .right a {
    display: inline-block;
    color: #fff;
    background: #007236;
    position: relative;
    padding: 8px;
    padding-left: 65px;
    padding-right: 20px;
    font-family: "MontserratRegular";
    font-size: 14px;
    margin: 14px 5px;
    padding-bottom: 7px;
    overflow: hidden; }
/* line 2395, style.scss */
.wrp-listdocument .right a span {
    background: #059047;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 38px;
    padding: 12px;
    text-align: center; }
/* line 2407, style.scss */
.wrp-listdocument .right a:last-child {
    background: #333333; }
/* line 2409, style.scss */
.wrp-listdocument .right a:last-child span {
    background: #454545; }
/* line 2413, style.scss */
.wrp-listdocument .right a:hover {
    text-decoration: none;
    border-radius: 22px; 
}

/* line 2420, style.scss */
.container-login {
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 790px;
    text-align: center;
    margin-top: 3%;
    font-size: 12px;
    font-family: "MyriadProRegular"; }
/* line 2431, style.scss */
.container-login .bodylogin {
    background: #fff;
    overflow: hidden;
    min-height: 100px;
    border-radius: 5px;
    margin-top: 30px;
    padding: 30px 0;
    margin-bottom: 20px; }
/* line 2441, style.scss */
.container-login .left, .container-login .right {
    padding: 20px 40px;
    min-height: 300px;
    text-align: left; }
/* line 2446, style.scss */
.container-login .left {
    float: left;
    width: 50%;
    min-height: 100px; }
/* line 2451, style.scss */
.container-login .right {
    float: left;
    width: 50%;
    border-left: #eaeaea solid 1px; }
/* line 2455, style.scss */
.container-login .right a {
    display: inline-block;
    color: #999; }
/* line 2459, style.scss */
.container-login .right input[type="button"], .container-login .right input[type="submit"] {
    display: inline-block; }
/* line 2464, style.scss */
.container-login .wrp-btn a {
    display: block;
    color: #02b9ad;
    padding: 12px 10px;
    margin: 10px 0;
    font-family: "MontserratBold";
    font-size: 12.9px;
    border: #dddddd solid 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,eeeeee+100 */
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 );
    /* IE6-9 */
    text-align: center; }
/* line 2481, style.scss */
.container-login h4 {
    font-family: "MyriadProBold";
    font-size: 26px;
    margin: 0;
    font-weight: bold; }
/* line 2487, style.scss */
.container-login input[type="text"], .container-login input[type="email"], .container-login input[type="password"] {
    display: block;
    width: 100%;
    border-radius: 5px;
    border-style: none;
    background: #f0eef0;
    border: #e1e1e1 solid 1px;
    font-family: "MyriadProRegular";
    font-size: 12px;
    padding: 12px 20px;
    padding-right: 12%;
    margin: 15px 0; }
/* line 2500, style.scss */
.container-login input[type="text"] {
    background: url("../images/iconuser.png") no-repeat 95% center #f0eef0; }

.container-login input[type="email"]  {
    background: url("../images/iconmail.png") no-repeat 95% center #f0eef0; }

/* line 2503, style.scss */
.container-login input[type="password"] {
    background: url("../images/iconlock.png") no-repeat 95% center #f0eef0; }
/* line 2506, style.scss */
.container-login input[type="button"], .container-login input[type="submit"] {
    background: #02b9ad;
    color: #fff;
    border-style: none;
    padding: 9px 30px;
    font-family: "MyriadProBold";
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px; }

/* line 2518, style.scss */
.wrp-menumobile {
    background: #02b9ad;
    display: block;
    overflow: hidden;
    width: calc(100% + 25px);
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
    padding: 5px 0; }
/* line 2527, style.scss */
.wrp-menumobile .left, .wrp-menumobile .right {
    float: left;
    width: 50%; }
/* line 2531, style.scss */
.wrp-menumobile .left {
    font-family: "MontserratBold";
    font-size: 26px;
    color: #fff;
    text-align: left;
    padding-left: 60px; }
/* line 2538, style.scss */
.wrp-menumobile .right {
    font-family: "FontAwesome";
    text-align: right;
    padding-right: 60px; }
/* line 2542, style.scss */
.wrp-menumobile .right input[type="submit"], .wrp-menumobile .right input[type="button"] {
    font-family: "FontAwesome";
    border-style: none;
    background: none;
    color: #fff;
    font-size: 18px;
    padding: 5px; }
/* line 2550, style.scss */
.wrp-menumobile .right input[type="text"] {
    color: #fff;
    border: none;
    background: none;
    font-family: "MyriadProBold";
    font-size: 16px;
    width: 90%;
    max-width: 200px; }
/* line 2560, style.scss */
.wrp-menumobile .btnmenu {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer; }
/* line 2565, style.scss */
.wrp-menumobile .btnmenu span {
    display: block;
    background: #fff;
    width: 50px;
    height: 5px;
    margin: 5px 0; }

/* --------------------- END BODYWEB LAYOUT --------------------- */
/* --------------------- FOOTER LAYOUT --------------------- */
/* line 2581, style.scss */
.container-footermenu {
    background: #00a499;
    color: #fff;
    overflow: hidden;
    padding-top: 30px; }
/* line 2586, style.scss */
.container-footermenu .itemmenu {
    width: 25%;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    border-left: #42d2c9 solid 1px;
    min-height: 310px; }
/* line 2594, style.scss */
.container-footermenu .itemmenu h4 {
    margin: 0;
    margin-bottom: 10px; }
/* line 2599, style.scss */
.container-footermenu .itemmenu ul li {
    font-size: 12px; }
/* line 2603, style.scss */
.container-footermenu .itemmenu a {
    color: #fff; }
/* line 2607, style.scss */
.container-footermenu .itemmenu:first-child {
    border-left: none; }

.footLogoLeft { position: relative; float: left; }
.footLogoLeft img { max-width: 60px; height: auto; }
.footLogoRight { color: #393939; position: relative; float: left; text-align: left; font-size: 11px; max-width: 70px;  margin-left:5px; font-family: 'Tenor Sans', sans-serif; line-height: 15px; }
.footLogoRight p {  }
.footLogoRight h3 { 
    width:70px; 
    font-size: 8px; 
    margin:0; 
    font-weight: 900; 
    font-family: 'Nunito', sans-serif; 
    margin-top: 12px; 
    margin-bottom: 5px; 
}

/* line 2612, style.scss */
.container-footerinfo {
    overflow: hidden;
    background: #fafafa;
    color: #666;
    padding: 30px 0; }
/* line 2617, style.scss */
.container-footerinfo a {
    color: #333; }
/* line 2620, style.scss */
.container-footerinfo .wrp-iteminfo {
    margin-left: -15px;
    margin-right: -15px; }
/* line 2624, style.scss */
.container-footerinfo .item-info {
    float: left;
    text-align: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 20px; }
/* line 2633, style.scss */
.container-footerinfo h4 {
    margin: 0;
    margin-bottom: 10px;
    font-family: "MyriadProBold";
    font-size: 18px; }
/* line 2639, style.scss */
.container-footerinfo p {
    margin: 0; }
/* line 2642, style.scss */
.container-footerinfo .wrp-tentang {
    position: relative;
    padding-left: 0;
    text-align: center; }

.container-footerinfo .wrp-tentang h4 { font-size: 15px; font-family: 'Nunito', sans-serif;
                                        font-weight: 900; }
/* line 2646, style.scss */
.container-footerinfo .logofooter {
    position: absolute;
    left: 0;
    top: 0; }
/* line 2651, style.scss */
.container-footerinfo .socmed {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 10px; 
    margin-left: -5px;}
/* line 2656, style.scss */
.container-footerinfo .socmed a {
    color: #02b9ad;
    font-size: 23px;
    margin-left: 7px; }
/* line 2661, style.scss */
.container-footerinfo .socmed a:hover {
    opacity: .5; 
}

/* line 2670, style.scss */
.copyright {
    background: #999;
    color: #fff;
    padding: 7px 0;
    font-size: 12px; }

.copyright a { color: white; }

/* --------------------- END FOOTER LAYOUT --------------------- */
/* Mobile device */
@media (max-width: 767px) {

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

    /* line 2681, style.scss */
    .content-pages {
        padding: 20px; }

    /* line 2685, style.scss */
    #headerweb .top {
        /*display: none; */
    }
    /* line 2688, style.scss */
    #headerweb .bottom {
        background: white; }
    /* line 2691, style.scss */
    #headerweb .contenttop {
        display: none; }
    /* line 2693, style.scss */
    #headerweb .contenttop .left {
        display: none; }
    /* line 2696, style.scss */
    #headerweb .contenttop .right {
        width: 104%;
        margin-left: -2%;
        margin-right: -2%; }
    /* line 2703, style.scss */
    #headerweb .content-mainheader oo {
        width: 100%;
        position: relative;
        top: 15px; }

    #headerweb .content-mainheader { padding-top:5px; padding-bottom:0; }
    #headerweb .content-mainheader .mainlogo .txtlogo, .container-login .mainlogo .txtlogo { 
        /*position: relative; 
        float: left;  
        width: 89%; */
    }
    /*  #headerweb .content-mainheader .mainlogo h3, .container-login .mainlogo h3 { font-size: 9.8px; margin-bottom: 3px; }
      #headerweb .content-mainheader .mainlogo p, .container-login .mainlogo p { font-size: 13px; margin-top: -1px; line-height: 13px; font-size: 7.2px; letter-spacing: -1px;  }
      #headerweb .content-mainheader .mainlogo img, .container-login .mainlogo img { float: left; position: relative; width: 11%; display: block; }
    */  
    .content-mainheader .mainlogo > a:hover {text-decoration: none !important;}
    .wrp-menumobile { margin-top: 5px; }

    /* line 2711, style.scss */
    .wrp-menumobile .left {
        font-size: 16px;
        margin-left: 5px;
        width: 30%;
        padding-left: 0px; }
    /* line 2716, style.scss */
    .wrp-menumobile .left label {
        display: none; }
    /* line 2719, style.scss */
    .wrp-menumobile .left span {
        width: 30px; }
    /* line 2723, style.scss */
    .wrp-menumobile .right {
        width: 68%;
        padding-right: 15px; }
    /* line 2726, style.scss */
    .wrp-menumobile .right input[type="text"] { 
        width: auto; }

    .wrp-menumobile .right input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: white;
    }
    .wrp-menumobile .right input[type="text"]::-moz-placeholder { /* Firefox 19+ */
        color: white;
    }
    .wrp-menumobile .right input[type="text"]:-ms-input-placeholder { /* IE 10+ */
        color: white;
    }
    .wrp-menumobile .right input[type="text"]:-moz-placeholder { /* Firefox 18- */
        color: white;
    }

    .mainmenu ul .submenu ul li, .mainmenu ul .menu-item-has-children ul li { background-color: #1cc9be; }
    .mainmenu ul li.active, .mainmenu ul li:hover, .mainmenu ul li.current, .mainmenu ul li.current-menu-item, .mainmenu ul li { border-top: 0;}


    /* line 2731, style.scss */
    .btn-kemenkes {
        padding: 4px 8px;
        font-size: 10px; }

    /* line 2736, style.scss */
    #headerweb .top {
        height: 60px; }
    /* line 2740, style.scss */
    #headerweb .contenttop .right {
        height: 60px; }
    /* line 2742, style.scss */
    #headerweb .contenttop .right .owl-buttons {
        top: 7px; }

    /* line 2748, style.scss */
    .mainmenu {
        display: none; 
        margin-left: -10px;
        margin-right: -10px;
        height: calc(100vh - 96px);
        overflow-y: scroll; 
        padding-bottom: 10px;
    }
    /* line 2751, style.scss */
    .mainmenu ul li {
        display: block;
        padding-left: 0;
        padding-right: 0; }
    /* line 2757, style.scss */
    .mainmenu ul .submenu ul {
        position: relative; }
    /* line 2759, style.scss */
    .mainmenu ul .submenu ul li {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0; }
    /* line 2766, style.scss */
    .mainmenu ul .submenu .container-menucontent {
        position: relative;
        width: 100%; }
    /* line 2769, style.scss */
    .mainmenu ul .submenu .container-menucontent .left, .mainmenu ul .submenu .container-menucontent .right {
        border: none;
        width: 100%; }
    /* line 2775, style.scss */
    .mainmenu ul .submenu .subsubmenu ul {
        position: relative;
        width: 100%;
        left: auto;
        right: auto; }
    /* line 2780, style.scss */
    .mainmenu ul .submenu .subsubmenu ul li {
        padding-left: 0;
        padding-right: 0; }

    /* line 2789, style.scss */
    .content-beritakini {
        padding: 10px; }
    /* line 2791, style.scss */
    .content-beritakini label {
        display: none; }

    /* line 2797, style.scss */
    .container-mainbaner .slider-mainbaner .right, .container-mainbaner .slider-mainbaner .left {
        display: none; }
    /* line 2802, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-wrapper {
        max-width: none; }
    /* line 2805, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-item {
        float: left; }
    /* line 2809, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-item.synced .item::after {
        background: none; }

    /* line 2817, style.scss */
    .container-welcome .contentwelcome .left, .container-welcome .contentwelcome .center, .container-welcome .contentwelcome .right {
        width: 100%; }
    /* line 2820, style.scss */
    .container-welcome .contentwelcome .left {
        padding: 20px; }
    /* line 2823, style.scss */
    .container-welcome .contentwelcome .center {
        padding: 10px 20px; }

    /* line 2832, style.scss */
    .wrp-beritautama .col-md-2, .wrp-beritautama .col-md-8 {
        width: 100%; }
    /* line 2835, style.scss */
    .wrp-beritautama .itemtext {
        padding: 10px; 
    }
    /* line 2837, style.scss */
    .wrp-beritautama .itemtext .left {
        display: none; }
    /* line 2843, style.scss */
    .wrp-beritautama .contentcenter .owl-theme .owl-controls {
        top: 2%; }

    /* line 2851, style.scss */
    .container-bodyfooter .content-bodyfoot .col-md-4:first-child {
        width: 100%;
        margin-bottom: 20px; }
    /* line 2855, style.scss */
    .container-bodyfooter .content-bodyfoot .col-md-4 {
        width: 100%;
        margin-bottom: 20px; }

    /* line 2862, style.scss */
    .container-footermenu .itemmenu:first-child {
        width: 100%;
        border: none;
        min-height: 0; }
    /* line 2867, style.scss */
    .container-footermenu .itemmenu {
        width: 100%;
        border: none;
        min-height: 0;
        text-align: center;
        margin-bottom: 20px; }

    /* line 2876, style.scss */
    .container-footerinfo .item-info:first-child {
        text-align: left; }
    /* line 2877, style.scss */
    .container-footerinfo .item-info:first-child h4 {
        text-align: left; }
    /* line 2882, style.scss */
    .container-footerinfo .item-info {
        width: 100%;
        height: auto;
        margin-bottom: 25px;
        text-align: center; }
    /* line 2887, style.scss */
    .container-footerinfo .item-info h4 {
        text-align: center; }
    /* line 2891, style.scss */
    .container-footerinfo .socmed {
        text-align: center; }

    /* line 2896, style.scss */
    .container-login .left {
        width: 100%; }
    /* line 2899, style.scss */
    .container-login .right {
        width: 100%; }

    /* line 2903, style.scss */
    .socmedinfo-side {
        display: none; }

    /* line 2906, style.scss */
    .wrp-contenttxt {
        padding-left: 0; }

    /* line 2911, style.scss */
    .boxshare-socmed .socmedshare a {
        margin-top: 5px; }

    /* line 2916, style.scss */
    .title-pagekegiatan {
        text-align: left; }

    /* line 2920, style.scss */
    .maincontent-kegiatan .imgwrp {
        width: 100%; }
    /* line 2923, style.scss */
    .maincontent-kegiatan .content-text {
        width: 100%;
        padding: 20px 0; }

    /* line 2928, style.scss */
    .itemcontent-kegiatan {
        position: relative;
        padding: 20px; }
    /* line 2931, style.scss */
    .itemcontent-kegiatan .imgwrp {
        width: 100%;
        position: relative;
        left: auto;
        top: auto; }
    /* line 2937, style.scss */
    .itemcontent-kegiatan .content-text {
        padding: 20px 0; }

    /* line 2944, style.scss */
    .pagingstyle ul li a {
        margin-bottom: 10px; }

    /* line 2950, style.scss */
    .wrp-contenttxt {
        float: none;
        display: block; }

    /* line 2955, style.scss */
    .slidegallery .itemtext {
        padding: 20px; }
    /* line 2957, style.scss */
    .slidegallery .itemtext .left {
        display: none; }
    /* line 2962, style.scss */
    .slidegallery .owl-theme .owl-controls {
        top: 2%; }
    /* line 2964, style.scss */
    .slidegallery .owl-theme .owl-controls .owl-buttons {
        display: none; }
    /* line 2967, style.scss */
    .slidegallery .owl-theme .owl-controls .owl-pagination {
        display: block; }
    /* line 2970, style.scss */
    .slidegallery .owl-theme .owl-controls .owl-pagination .owl-page span {
        background: #02b9ad; }

    /* line 2978, style.scss */
    .wrp-boxstaff {
        margin-top: 30px; }
    /* line 2980, style.scss */
    .wrp-boxstaff .item-staff {
        width: 100%;
        margin: 0;
        padding: 10px; }

    /* line 2986, style.scss */
    table {
        min-width: 600px; }

    /* line 2990, style.scss */
    .wrp-listdocument .left {
        width: 100%; }
    /* line 2993, style.scss */
    .wrp-listdocument .right {
        width: 100%; }

    /* line 2997, style.scss */
    .program-accordion .accordion .title-accordion {
        padding-right: 55px; }

    /* line 3000, style.scss */
    .item-smallmain {
        /*padding-right: 15px; */
    }

    /* line 3004, style.scss */
    .item-bigcategory .right {
        padding-right: 10px; 
    } 
}
/* Tablet device */
@media (min-width: 768px) and (max-width: 991px) {
    /* line 3012, style.scss */
    .mainmenu {
        display: none; }
    /* line 3015, style.scss */
    .mainmenu ul li {
        padding: 0 11.5px; }

    /* line 3022, style.scss */
    #headerweb .contenttop .left {
        display: none; }
    /* line 3025, style.scss */
    #headerweb .contenttop .right {
        width: 104%;
        margin-left: -2%;
        margin-right: -2%; }
    /* line 3032, style.scss */
    /*#headerweb .content-mainheader .mainlogo {
      width: 100%;
      position: relative;
      top: 15px; }*/

    /* line 3039, style.scss */
    .btn-kemenkes {
        padding: 4px 8px;
        font-size: 10px; }

    /* line 3044, style.scss */
    #headerweb .top {
        height: 60px; }
    /* line 3048, style.scss */
    #headerweb .contenttop .right {
        height: 60px; }
    /* line 3050, style.scss */
    #headerweb .contenttop .right .owl-buttons {
        top: 7px; }

    /* line 3058, style.scss */
    .mainmenu ul li {
        display: block;
        padding-left: 0;
        padding-right: 0; }
    /* line 3064, style.scss */
    .mainmenu ul .submenu ul {
        position: relative; }
    /* line 3066, style.scss */
    .mainmenu ul .submenu ul li {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0; }
    /* line 3073, style.scss */
    .mainmenu ul .submenu .container-menucontent {
        position: relative;
        width: 100%; }
    /* line 3076, style.scss */
    .mainmenu ul .submenu .container-menucontent .left, .mainmenu ul .submenu .container-menucontent .right {
        border: none;
        width: 100%; }
    /* line 3082, style.scss */
    .mainmenu ul .submenu .subsubmenu ul {
        position: relative;
        width: 100%;
        left: auto;
        right: auto; }
    /* line 3087, style.scss */
    .mainmenu ul .submenu .subsubmenu ul li {
        padding-left: 0;
        padding-right: 0; }

    /* line 3098, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-wrapper {
        max-width: 737px; }
    /* line 3102, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-item.synced .item::after {
        left: 22px; }
    /* line 3108, style.scss */
    .container-mainbaner .slider-mainbaner .left, .container-mainbaner .slider-mainbaner .right {
        display: none; }

    /* line 3114, style.scss */
    .wrp-beritautama .col-md-2 {
        width: 100%; }
    /* line 3117, style.scss */
    .wrp-beritautama .col-md-8 {
        width: 100%; }
    /* line 3121, style.scss */
    .wrp-beritautama .col-md-2.right .item-smallnews {
        text-align: center; }
    /* line 3125, style.scss */
    .wrp-beritautama .item-smallnews {
        text-align: center; }
    /* line 3128, style.scss */
    .wrp-beritautama .item-smallnews .tagtitle a {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 120px; }

    /* line 3139, style.scss */
    .wrp-kegiatanpptm .imgitem a {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 120px; }

    /* line 3149, style.scss */
    .container-bodyfooter .content-bodyfoot .col-md-4:first-child {
        width: 100%;
        margin-bottom: 20px; }
    /* line 3153, style.scss */
    .container-bodyfooter .content-bodyfoot .col-md-4 {
        width: 100%;
        margin-bottom: 20px; } }
/* Desktop small screen */
@media (min-width: 1150px) and (max-width: 1220px) {
    /* line 3165, style.scss */
    .mainmenu ul li {
        margin-left: -1.5px;
        margin-right: -1.5px; } }
@media (min-width: 992px) and (max-width: 1199px) {
    /* line 3176, style.scss */
    .mainmenu ul li {
        padding: 0  16.8px; }

    /* line 3183, style.scss */
    #headerweb .contenttop .left {
        display: none; }
    /* line 3186, style.scss */
    #headerweb .contenttop .right {
        width: 100%; }
    /* line 3191, style.scss */
    #headerweb .content-mainheader .mainlogo {
        /*width: 68%; */
    }

    /* line 3198, style.scss */
    .container-mainbaner .slider-mainbaner .left, .container-mainbaner .slider-mainbaner .right {
        display: none; }
    /* line 3203, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-wrapper {
        max-width: 990px; }
    /* line 3207, style.scss */
    .container-mainbaner #sync2.owl-carousel .owl-item.synced .item::after {
        left: 40px; }

    /* line 3214, style.scss */
    .style-scrollcustom .content {
        height: 185px; }

    /* line 3218, style.scss */
    .map-apps {
        min-height: 228px; } }
/* Desktop large screen */
@media (min-width: 1200px) {
    /* line 3226, style.scss */
    #headerweb .bottom {
        background: white; } }


/** omeoo edit **/


.foot333 { color: #333 !important; font-size: 13px !important; }
.container-footerinfo ul { padding-left: 0 !important; }

.infoPTMsec {
    position: relative;
    margin-right: 30px;
}

.infoPTMsec ul li { margin-left: 15px; }

.infoPTMsec ol li {
    list-style-type: decimal; 
    margin-left: 40px;
}

.infoPTMtab { display: block; height: 0; text-align: left; position: relative; float: initial; margin-bottom: 20px; background-color: #fdfdfd; width: 100%; overflow:hidden; border: .3px solid #e4e4e4;}
.infoPTMtab li { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; display: block; width: 100%;}
.infoPTMtab li.current { background-color: #02b9ad; }
.infoPTMtab li.current { color: white; }

.infoPTMtabR { position: relative; float: initial; padding-left: 20px; padding-top: 5px; width: 100%; }

div.title-about {
    display: block;
    background-color: #02a0ad !important;
    position: relative;
    display: block;
    padding: 6px 30px 6px 18px;
    color: #fff;
    transition: all .5s;
    /*line-height: 15px;*/
}
div.title-about span {
    font-weight: 700;
}
div.title-about i {
    position: absolute;
    top: 10px;
    right: 15px;
    transition: all .1s;
}
.mobileTab { 
    overflow: visible;
    height: 100%;

}

.item-document .imgwrp {
    background-image: url('../images/iconpdf.jpg');
    width: 48px;
    height: 64px;
    color: white;
    font-family: "MyriadProBold";
    text-align: center;
    padding-top: 25px;
}

.catHeadPar { position: relative; padding-bottom: 10px; }
.catHeadPar li { position: relative; float: left; width: 48% !important; height: 50px; margin: 0; padding: 0; line-height: 18px; }
.catHeadPar li a { text-transform: none !important; }
.catHeadPar li:nth-child(odd) { }

.pagev2 { text-align: left !important; padding: 20px; }
.pagev2 h1 {
    margin: 0;
    font-size: 28px;
    font-family: "MyriadProBold";
    color: #00a499;
    margin-bottom: 15px;
}
.pagev2 ul li {
    background-image: url(../images/arrow-right.jpg);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 10px;
}
.pagev2 ul li {
    padding: 4px 0px;
    padding-left: 30px;
    display: block;
}

.galeriVideo .imgwrp { position: relative; overflow: hidden; height: 145px; }
.galeriVideo .imgwrp img { margin-top: -25px; }

.backdore {
    display: none;
    width: 100%;
    height: 100%;
    background: #adadad;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .9;
    z-index: 0;
}
.message {
    position: absolute;
    display: none;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: #555555;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 0 .3px #ffffff, 0 0 .6px #ffffff;
    padding: 10px;
    text-align: center;
}

.singlepage {
    padding: 30px 0;
}
.singlepage p{
    font-weight: 700;
}
.singlepage h3{
    padding: 10px 0;
    border-bottom: 1px solid #adadad;
}
.singlepage ul {
    list-style-type: disc;
    padding-left: 20px;
}
.singlepage ol {
    padding-left: 20px;
}
.singlepage li ul {
    padding-left: 40px;
}
.singlepage li ul li ul {
    padding-left: 60px;
}
.singlepage .parent {
    padding: 5px 0;
    border-bottom: .3px solid #adadad; 
    /*background: #adadad;*/
}
.singlepage .child {
    padding-left: 30px;
}
.singlepage .child li {
    list-style-type: circle;
}
.petasitus ul.parent {
    list-style: circle;
    padding: 0;
    margin-left: 30px;
}
.petasitus ul.parent li a{
    display: block;
    padding: 5px;
}
.petasitus ul.parent li ul.child {
    margin-left: 0px;
}
.petasitus ul.parent li ul.child li a{
    display: block;
    padding: 5px;
}
.petasitus ul.parent li ul.child li ul.child-child, .petasitus ul.parent li ul.child li ul {
    margin-left: 20px;
}
.petasitus ul.parent li ul li ul.child-child li a{
    display: block;
    padding: 5px;
}
.petasitus ul.parent li ul {
    display: none;
}

.sidebarmenu .mobileheader {
    position: relative;
    display: block;
    font-size: 20px;
    padding: 5px;
}
.sidebarmenu > ul {
    display: none;
}

.sidebarmenu .mobileheader span {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
}  
.sidebarmenu .mobileheader span i {
    margin-left: 5px;
}
.down-arrow {
    -webkit-transform: rotateZ(90deg); /* Safari */
    transform: rotateZ(90deg);
    -webkit-animation-name: downArrow;
    animation-name: downArrow;

}
.up-arrow {
    -webkit-transform: rotateZ(0deg); /* Safari */
    transform: rotateZ(0deg);
}
@keyframes downArrow {
    from {
        -webkit-transform: rotateZ(0deg); /* Safari */
        transform: rotateZ(0deg);
    }
    to {      
        -webkit-transform: rotateZ(90deg); /* Safari */
        transform: rotateZ(90deg);
    }
}
@keyframes UpArrow {
    from {
        -webkit-transform: rotateZ(90deg); /* Safari */
        transform: rotateZ(90deg);
    }
    to {      
        -webkit-transform: rotateZ(0deg); /* Safari */
        transform: rotateZ(0deg);
    }
}
.wrp-readmore {
    display: block;
    padding: 10px;
    border: 1px solid #cec6c6;
    background: #e4e4e4;
    border-radius: 3px;
    margin-bottom: 20px;
}
.about-author {
    display: block;
    width: 100%;
    padding: 10px 0;
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    clear: both;
}
.about-author img {
    float: left;
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 0;
}
.about-author .labelname {
    display: block;
    padding-top: 15px;
}
.about-author .labelname.any {
    padding-left: 60px;
}
.no-preview {
    display: block;
    width: 100%;
    min-height: 200px;
    position: relative;
    background: #e4e4e4;
    text-align: center;
}
.no-preview span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #555555;
    color: #fff;
    font-size: 14px;
    font-weight: 0;
    border-radius: 10px;
    box-shadow: .1px .1px 2px #adadad;
}
.item-document .right a.no_file:hover > .file-not-found{
    display: block !important;
}
.file-not-found {
    display: none;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    /*z-index: 2;*/
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 7px;
    color: #000;
    border: 1px solid #000;
}
.bodylogin .center {
    width: 50%;
    margin: 0 auto;
}
.center button[type=submit] {
    background: #02b9ad;
    color: #fff;
    border-style: none;
    padding: 9px 30px;
    font-family: "MyriadProBold";
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
}
.center select {
    display: block;
    width: 100%;
    border-radius: 5px;
    border-style: none;
    background: #f0eef0;
    border: #e1e1e1 solid 1px;
    font-family: "MyriadProRegular";
    font-size: 12px;
    padding: 16px 20px;
    padding-right: 12%;
    margin: 15px 0;}
.no-file-to-download {
    width: 100%;
    display: block;
    padding: 40px 10px;
    text-align: center;
}
.no-file-to-download span {
    padding: 10px 40px;
    background: #555555;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: .1px .1px 2px #adadad;
}
.filter {
    position: relative; 
    top: 10px;
    right: 10px; 
    z-index: 10;
    float: right;
}
.filter-city {
    display: block;
    background: #fff;
    padding: 4px 12px;
    border: 1px solid #e4e4e4;
}
.wrp-tentang {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}
.wrp-tentang a img {
    width: 15%;
    position: absolute;
    left: 30%;
    top: -17px;
}
.wrp-tentang a h3 {
    display: block;
    padding-left: 46%;
    max-width: 70px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    top: -12px;
}

/*

@cocot89

*/
@media (min-width: 768px) {
    /*sosmed header*/
    #headerweb .bottom .content-mainheader .socmed {
        color: #333;
        font-size: 12px;
        display: block;
        margin-bottom: 0; 
        float: right; 
        position: relative;
        top: 0px;
        right: 0px;
    }
    /*main logo header*/
    /* line 208, style.scss */
    #headerweb .content-mainheader .mainlogo img {
        vertical-align: middle; 
        width: 60px; 
        height: auto;
        position: absolute;
        /*      top: 0;
              left: 0;*/
    }
    /* line 211, style.scss */
    #headerweb .content-mainheader .mainlogo .txtlogo {
        display: block;
        text-align: left;
        vertical-align: middle;
        padding-left: 67px; 
        padding-top: 3px;
    }    
    #headerweb .content-mainheader .mainlogo .txtlogo h3 {
        font-family: "MyriadProBold", sans-serif; 
        /*font-family: 'Nunito', sans-serif;*/
        font-size: 12px; 
        font-weight: 700;
        color: #393939;
        /*margin: 0; */
        margin-bottom: 3px;
        margin-top: -5px;
        max-width:100px;
    }
    /*desc logo*/
    #headerweb .content-mainheader .desclogo {
        float: left;
        text-align: left;
        border-left: 1px solid #aaa;
        font-weight: bold;
        padding-left: 10px;
        margin-top: 5px;
        margin-left: 50px;
    }
    #headerweb .content-mainheader .desclogo p {
        font-size: unset;
        line-height: unset;
    }
    /*slider home*/
    .container-mainbaner .slider-mainbaner {
        width: 70%; 
    }
    /* line 578, style.scss */
    .container-mainbaner .slider-mainbaner .left, .container-mainbaner .slider-mainbaner .right {
        padding: 10px;
        position: absolute;
        bottom: 23px;
        color: #02b9ad;
        font-family: "MontserratRegular";
        padding: 0 20px;
        font-size: 10px; color: #666; }
    /* line 587, style.scss */
    .container-mainbaner .slider-mainbaner .left {
        left: 0; }
    /* line 590, style.scss */
    .container-mainbaner .slider-mainbaner .right {
        right: 0; }

    /*content welcome home*/
    .contentwelcome {
        background: #fff;
        width: 28.5%;
        padding-top: 0;
        overflow: hidden; 
        position: relative; 
        float: right;
        box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.15);
        background: #fff; 
        height: 348px; 
        position: relative; 
    }
    .contentwelcome .welcomeimage {
        display: block;
        width: 100%;
        position: relative;
        padding: 0px;
    }
    .contentwelcome .welcomeimage img {
        position: unset;
        width: unset;

    }
    .contentwelcome .welcomeimage .textwelcome {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        padding: 7px;
        font-size: unset;
        line-height: unset;
    }
    .contentwelcome .cwEmail { 
        background: #f5f5f5; position: absolute; bottom: 0; left:0; right:0; padding-top: 10px; padding-bottom: 25px;}
    .contentwelcome .cwEmail input { border:0; padding: 8px; }
    .contentwelcome .cwEmail input[type=email] { width: 225px; font-size: 13px; }
    .contentwelcome .cwEmail input[type=submit] { background: #02b9ad; color: white; font-weight: bold; font-size: 13px;}
    .contentwelcome .cwEmail h4 { font-size: 16px; font-weight: bold; }

    /*berita utama left*/
    .wrp-beritautama .item-smallnews {
        text-align: left;
        border-bottom: #e1e1e1 solid 1px;
        padding-top: 25px;
        padding-bottom: 25px; 
    }
    /* line 702, style.scss */
    .wrp-beritautama .item-smallnews .tagtitle {
        position: relative;
        display: block;
        clear: left;
        margin-bottom: 10px; 
    }
    .wrp-beritautama .item-smallnews .tagtitle img{
        width: unset;
    }

    /* line 708, style.scss */
    .wrp-beritautama .item-smallnews .tagtitle a {
        background: #02b9ad;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        font-family: "MyriadProRegular";
        padding: 3px 8px;
        line-height: 18px;
        font-weight: bold;
        font-size: 12.9px;
    }
    .wrp-beritautama .item-smallnews .date {
        font-size: 12px;
        color: #868686; 
    }
    .wrp-beritautama .item-smallnews h5 {
        margin: 0;
        font-family: "MyriadProBold";
        font-size: 16px;
        margin-bottom: 10px; 
        height: auto;
    }
    .wrp-beritautama .item-smallnews p {
        height: auto;
    }
    .wrp-beritautama .item-smallnews a {
        color: #0a3b22;
        font-family: "MyriadProBold"; }
    .wrp-beritautama .item-smallnews:last-child {
        border-bottom: 0; 
    }

    .wrp-beritautama .itemtext .date {
        font-size: 14px;
        color: #868686; }
    /* line 804, style.scss */
    .wrp-beritautama .itemtext h3 {
        font-size: 24px;
    }
    .wrp-beritautama .itemtext p {
        font-size: unset;
        line-height: unset;
    }
    /* line 810, style.scss */
    .wrp-beritautama .itemtext a {
        font-size: usnet;
    }

    /* line 817, style.scss */
    .wrp-kegiatanpptm {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
        position: relative;
    }
    .wrp-kegiatanpptm .btn-allkegiatan,
    .content-gallerifoto .btn-allgallery {
        position: absolute;
        right: 10px;
        bottom: -20px;
        display: unset;
        width: unset;
        margin-left: 0;
        margin-right: 0;
        padding: 7px 35px;
        text-align: center;
        font-size: 16px;
        border-bottom: 4px solid #CDB728;
        margin: 10px 0;
    }
    .wrp-kegiatanpptm .btn-allkegiatan:hover {
        border-bottom: #CDB028 solid 4px;

    }
    /* kegiatan pptm home */
    .wrp-kegiatanpptm .itemkegiatanpptm {
        /*width: 100%;*/
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        margin-bottom: 40px;
        height: auto;
        overflow: unset;
        border: 0;
    }
    .wrp-kegiatanpptm .imgitem {
        float: unset;
        width: 100%;
        height: 100%;
    }
    .wrp-kegiatanpptm .content-txt {
        float: unset;
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    /* line 844, style.scss */
    .wrp-kegiatanpptm .date {
        display: block;
        color: #868686;
        font-size: 12px;
    }
    /* line 849, style.scss */
    .wrp-kegiatanpptm h4 {
        margin: 0;
        padding: 0;
        color: #000;
        font-family: "MyriadProBold";
        font-size: 18px; 
        max-height: unset;
        height: 78px;
        overflow: hidden;
    }
    .itemkegiatanpptm h4 a:hover {
        color: #868686;
        text-decoration: none;
    }

    /*page information*/

    /*artikel terkait*/
    .item-bigcategory {
        padding-left: 30px;
    }
    .item-bigcategory .title {
        font-size: 24px;
        margin-left: 0;
    }
    .item-bigcategory.highlight .wrp-smallmain {
        width: 62%;
        margin-left: 0;
    }
    .item-bigcategory.highlight .wrp-highlight {
        width: calc(38% - 50px);
        margin-right: 25px;
    }
    /* line 1647, style.scss */
    .item-bigcategory.highlight .wrp-highlight .title {
        font-size: 24px;
        padding: 12px 10px; 
    }
    /* line 1652, style.scss */
    /* line 1655, style.scss */
    .item-bigcategory.highlight .wrp-highlight ul li a {
        font-size: 17px;
        padding: 12px 10px; 
    }
    .item-smallmain .img {
        position: absolute;
        left: 0;
        top: 10px; 
    }
    /* line 1694, style.scss */
    .item-smallmain .date {
        font-size: 12px; 
    }
    /* line 1696, style.scss */
    .item-smallmain .date a {
        display: inline-block;
        font-size: 12px; 
        font-family: "MyriadProBold";
        color: #02b9ad;
        text-decoration: none;
    }
    /* line 1701, style.scss */
    .item-smallmain h5 {
        margin: 0;
        font-size: 16px;
        font-family: "MyriadProBold";
        margin: 5px 0;
        color: #000; 
    }
    /* line 1707, style.scss */
    .item-smallmain h5 a {
        display: block;
        max-height: 35px;
        overflow: hidden;
        opacity: 1;
        color: #000; 
    }
    .item-smallmain p {
        max-height: 55px;
        overflow: hidden;
        font-size: 14px;
        line-height: 18px;
    }

    .item-bigcategory .expandcategory {
        margin-right: 25px;
        margin-left: 0;
    }
    /* line 1603, style.scss */
    .item-bigcategory .expandcategory h4 {
        font-size: 28px;
    }
    /* line 1609, style.scss */
    .item-bigcategory .expandcategory .imgbig {
        width: 40%;
    }
    .item-bigcategory .expandcategory .imgbig a{
        right: initial;
    }
    /* line 1624, style.scss */
    .item-bigcategory .expandcategory .content {
        width: 60%;
    }
    .item-bigcategory .expandcategory .content h4 {
        font-size: 28px;
    }
    .item-bigcategory .expandcategory .content p {
        font-size: 16px;
        line-height: normal;
    }

    /*archive kegiatan*/
    .item-bigcategory .left {
        margin-right: 25px;
        margin-left: 0px;
        max-width: 322px; 
    }
    .item-bigcategory .left .content {
        padding: 20px;
    }
    .item-bigcategory .left .content h4{
        font-size: 20px;
    }
    .item-bigcategory .left .content p{
        font-size: normal;
    }
    .item-bigcategory .itemarchive {
        max-width: 476px;
        margin-left: 0;
    }
    .container-sliderptmlainya .content {
        padding: 15px;
        text-align: left;
        line-height: normal;
        height: 200px;
        overflow: hidden;
    }
    /* line 1777, style.scss */
    .container-sliderptmlainya .content h5 {
        font-size: 18px;
        line-height: normal;
        max-height: 66px;
    }
    .container-sliderptmlainya .content p {
        font-size: 14px;
        line-height: normal;
        max-height: 80px;
        overflow: hidden;
    }
    /* line 1783, style.scss */
    .container-sliderptmlainya .content .more {
        font-size: 14px;
        color: #00a499;
        font-family: "MyriadProBold"; 
    }

    .loadmore {
        position: relative;
        z-index: 210;
        transition: height .7s;
    }
    /* .loadmore:before { */
    /* content: 'Loading'; */
    /* position: absolute; */
    /* top:0; */
    /* left:0; */
    /* right: 0; */
    /* bottom: 0; */
    /* /*transform: translate(-50%, -50%);*/ */
    /* text-align: center; */
    /* letter-spacing: 2px; */
    /* background: #00a499; */
    /* vertical-align: middle; */
    /* padding-top: 10px; */
    /* z-index: 10; */
    /* } */
    /* archive gallery*/
    .container_galleri .itemgalleri {
        height: 320px;
        overflow: hidden;
        padding-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;

    }
    .container_galleri .itemgalleri .contenttxt {
        padding: 15px 10px;
        height: 120px;
        overflow: hidden;
        text-align: center;
    }
    /* line 2283, style.scss */
    .container_galleri .itemgalleri .date {
        font-size: 14px;
    }
    /* line 2288, style.scss */
    .container_galleri .itemgalleri a {
        font-size: 16px;
    }
    .galeriVideo .item-video {
        height: 260px;
    }
    /* line 1898, style.scss */
    .pagingstyle {
        font-size: 15px;
        font-family: "MyriadProBold";
        display: block;
        margin-top: 20px;
        margin-bottom: 22px; }
    /* line 1904, style.scss */

    .pagingstyle ul li a {
        padding: 5px 12px;
    }

    .wrp-contentvid {
        padding-left: 30px;
    }

    /* profile */
    .sidebarmenu ul {
        display: block;
    }
    .sidebarmenu .mobileheader{
        display: none;
    }

    /*informasi*/
    .infoPTMtab { height: 100%; text-align: left; position: relative; float: left; background-color: #fdfdfd; max-width: 25%;  border: 0;}
    .infoPTMtab li { display: block !important; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
    .infoPTMtab li.current { background-color: #02b9ad; }
    .infoPTMtab li.current { color: white; }
    .infoPTMtabR { position: relative; float: left; padding-left: 20px; padding-top: 5px; max-width: 72%; }
    .no-preview {
        display: block;
        width: 100%;
        min-height: 600px;
        position: relative;
        background: #e4e4e4;
    }

    .no-preview span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px 40px;
        background: #555555;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        border-radius: 10px;
        box-shadow: .1px .1px 2px #adadad;
    }
    .detailartikel h2 {
        font-size: 30px;
    }
    .filter {
        top: 20px;
    }
    .filter-city {
        display: initial;
    }
    /*.item-bigcategory .title
    .item-bigcategory .title span, {
    }
    */
    /*top: 0;*/
    /*margin-left: 0;*/

    /* line 1519, style.scss */
    .item-bigcategory .title {
        position: relative;
        width: 100%;
        font-family: "MyriadProBold";
        font-size: 24px;
        line-height: 18px;
        color: #104b29;
        padding: 20px 0;
        display: block;
        overflow: hidden; 
        /*top: -10px;*/
        margin-left: 0;
    }
    /* line 1528, style.scss */
    .item-bigcategory .title span {
        background: #fff;
        position: relative;
        z-index: 10;
        padding: 10px;
        padding-right: 20px;
        padding-left: 0;
        float: left; 
        top: 0;
    }
    /* line 1537, style.scss */
    .item-bigcategory .title hr {
        margin: 0;
        position: absolute;
        left: 0;
        z-index: 1;
        top: 45px;
        width: 100%; }
    /* line 1546, style.scss */
    .item-bigcategory .left {
        float: left;
        margin-right: 15px;
        margin-left: -15px;
        width: 100%; 
    }
    .wrp-tentang {
        display: block;
        width: 100%;
        position: relative;
    }
    .wrp-tentang a img {
        width: 25%;
        position: absolute;
        left: 0;
        top: -17px;
    }
    .wrp-tentang a h3 {
        display: block;
        padding-left: 26%;
        max-width: 70px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        position: relative;
        top: -10px;
    }
    .wrp-menumobile { margin-top: 13px; }
    #headerweb .content-mainheader { padding-top:13px; }
    .wrp-menumobile .right input[type="submit"], .wrp-menumobile .right input[type="button"] {
        font-style: 24px;
    }
    .mainmenu { 
        max-height: unset;
        overflow: unset; 
    }
    .mainmenu ul .submenu .subsubmenu ul, .mainmenu ul .menu-item-has-children .sub-menu ul, .mainmenu ul li.submenu ul li.page_item_has_children ul{
        left: 280px;
        margin-top: -41px;
        background: #02b9ad;
    }
    .item-bigcategory .title span {
        /*top: -20px;*/
    }
    .item-bigcategory .title hr {
        height: 35px;
    }
    .boxshare-socmed .socmedshare a {
        padding: 7px 10px;
        min-width: 80px;
    }
    .informasi-highlight .title {
        top: 0;
    }
    .item-province {
        position: relative; 
        top: 20px; 
        right: 10px; 
        z-index: 10;
    }
}

@media (max-width: 767px) { 
    #headerweb {
        position: fixed;
        display: block;
        width: 100%;
        background: #fff;
        z-index: 9999;
        transition: all .5s;
        padding-top: 10px;
    }
    #bodyweb {
        padding-top: 90px;
    }
    .mainmenu ul li.submenu ul li.page_item_has_children ul li {
        background: #155d58;
        color: #000;
        border-bottom: 1px solid #e4e4e4;
    }
    .informasi-title span {
        top: -10px;
        font-weight: 700;
    }
    .informasi-title hr {
        top: 45px;
    }
    .informasi-image img {
        width: 100%;
    }
    .informasi-highlight .title {
        margin-left: 0;
    }
    .kegiatan-title {
        margin-left: -30px !important;
        padding: 0 10px !important;
        border-bottom: .3px solid #e4e4e4;
        margin-bottom: 10px;
    }
    .kegiatan-title hr {
        display: none
    }
    .item-archive p {
        max-height: 60px;
    }
    .item-province {
        position: relative; 
        top: 0px; 
        right: 10px; 
        z-index: 10;
    }
}
.content ul,
.content ol {
    padding-left: 20px;
}
.content ul.tabs, .content ul.tabsI {
    padding: 0px;
}