html {margin: 0;padding: 0;}
body{background-color:#f3f3f3; color:#212121; overflow-x:hidden !important;font-size:16px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular', Arial;max-width:100%;}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:#00710b;}
a:hover{color:#005d3f; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:#005d3f !important;}
.trans-h, .headline-cover:after{-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-w{-webkit-transition:width .10s cubic-bezier(0,0,.58,1);-moz-transition:width .10s cubic-bezier(0,0,.58,1);-o-transition:width .10s cubic-bezier(0,0,.58,1);-ms-transition:width .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-def{transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s}
.relative{position:relative;}
.relhid{position:relative;overflow:hidden;}
.marginpage{margin-left:12%;margin-right:12%;}
.mobile-view{display:none;}
.desktop-view{display:block;}
.difle-c{display:flex !important;justify-content: center;align-items: center;}
.difle-l{display:flex !important;justify-content: left;align-items: center;}
.difle-r{display:flex !important;justify-content:right;align-items: center;}
.mainheader{position:fixed;top:0;left:0;right:0;background:#fff;padding:2vh 0 0;z-index:1000;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);}
.headerinner{margin:0 0 2vh;}
.logo img{height:7vh;width:auto;}
.header-right{margin:0 0 0 auto;float:right;}
.social{width:5vh;height:5vh;border-radius:100%;background:rgba(255,255,255,0.5);margin:0 0 0 3px;border:#bdbdbd 1px solid;}
.social img{width:2.5vh;height:2.5vh!important;}
.search{margin:0 15px 0 0;position:relative;}
.search .form-control{line-height:1;height:5vh;border:#bdbdbd 1px solid;border-radius:5vh;background:rgba(255,255,255,0.5);width:250px;font-size:90%;padding:0 6vh 0 15px;}
.searchsubmit, .searchsubmit:hover{position:absolute;right:0;top:0;width:5vh;height:5vh;border:none;outline:none;box-shadow:none;background:transparent;}
.searchsubmit img{width:2.5vh;opacity:0.7;}
.search .form-control:hover, .search .form-control:focus{border:#bdbdbd 1px solid;box-shadow:none;background:#fff;}


.body-absolute{position:absolute;left:0;top:0;right:0;}
.mainbody{position:absolute;left:0;top:18vh;right:0;}
.carousel {position:relative;background:transparent;}
.main-menu .carousel{padding:0 70px 0 calc(7vh + 15px);}
.main-menu .carousel:after{content:"";position:absolute;top:0;width:50px;right:0;height:7vh;z-index:10;background:linear-gradient(to right, transparent, #00892d);}
.carousel-cell {width: 100%;counter-increment: gallery-cell;}
.main-menu .carousel-cell {width:auto;margin:0 15px 0 0;line-height:7vh;}
.carousel-main {margin-bottom: 10px;overflow:hidden;border-radius:5px;}
.carousel-nav{position:relative;overflow:hidden;}
.carousel-nav:before, .carousel-nav:after{content:"";position:absolute;top:0;bottom:0;width:5px;background:#fff;z-index:12;}
.carousel-nav:before{left:0;}
.carousel-nav:after{right:0;}
.carousel-nav .carousel-cell {width:calc(33.33333333% - 10px);margin:0 5px;cursor:pointer;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;}
.recomended .flickity-viewport{position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top:50%;width: 20px;height: 20px;border:none;background-color:transparent;background-position: center;background-repeat: no-repeat;background-size:70% auto;cursor: pointer;z-index:10;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.carousel-nav .flickity-prev-next-button{width: 25px;height: 25px;border-radius:25px;background-color:rgba(0,0,0,0.5);background-size:30% auto;}
.main-menu .flickity-prev-next-button, .carousel-main .flickity-prev-next-button{display:none;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.flickity-prev-next-button{background-repeat:no-repeat !important;}
.flickity-prev-next-button.previous{left:10px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next{right:10px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.thumb-title{position:absolute;left:0;top:0;right:0;height:100%;background:rgba(0,140,135,0.6);padding:0 35px;border-radius:5px;}
.carousel-nav .carousel-cell.is-selected .thumb-title{height:0;overflow:hidden;}
.thumb-title p{font-size:90%;margin:0;padding:0;line-height:1;color:#fff;opacity:0.6;}

.tohome{position:absolute;left:12%;top:0;width:7vh;height:7vh;background:#00571d;z-index:11;}
.tohome svg{width:4vh;fill:#fff;}
.main-menu{position:relative;width:100%;background:#00892d;}
.main-menu:before, .main-menu:after{content:"";position:absolute;top:0;width:12%;height:7vh;background:#00892d;z-index:10;}
.main-menu:before{left:0;}
.main-menu:after{right:0;}
.main-menu {list-style: none;padding:0;margin:0 0!important;}
.main-menu>li{width:auto;display:inline-block;position:relative;line-height:7vh;padding:0;margin:0;font-weight:400;color:#fff!important;cursor:pointer;font-size:100%;}
.main-menu a, .main-menu > li:hover {color: #fff !important;}
.main-menu > li a{color: #fff !important;}
.main-menu > li:hover:not(.active), .main-menu > li:hover a {color: #fff !important;}
.main-menu > li:active:not(.active), .main-menu > li:active:not(.with-submenu){color:#fff!important;}
.main-menu .active {color:#fff !important;cursor: default;}

.submenu{border-top:#00892d 6px solid;display:none;position:absolute;z-index:10;list-style:none;margin:0 0 0 -110px;width:220px;border-radius:0 0 5px 5px;text-align:left;padding:10px 5px;background:#00892d;overflow:hidden;left:50%}
.submenu:before{content:"";position:absolute;left:0;bottom:0;right:0;top:5px;border-radius:5px;background:linear-gradient(to top,var(--bg2),var(--bg1))}
.with-submenu:hover .submenu{display:block}
.submenu>li{position:relative;z-index:2;padding:6px 10px 6px 10px;transition:0.3s all linear;display:block;font-weight:500;line-height:1.1;color:var(--cwhite);opacity:.7}
.submenu > li:hover {color:var(--cwhite);opacity:1;}
.submenu > li:active {color:var(--cwhite);opacity:1;}

.marquee-container{position:relative;overflow:hidden;margin:10px 2px 30px;border-bottom:#bdbdbd 1px solid;padding:0 0 0 100px;}
.marquee{width:100%;}
#marquee{padding:0 0;width:100%;overflow:hidden;}
#marquee p{padding:0 0;font-size: 100%;font-weight: 500;margin:0 40px 0 0;float:left;line-height:34px;}
.flashnews{position:absolute;left:0;top:0;font-size:100%;font-weight:normal;padding:0 10px;margin:0;line-height:34px;text-align:left;width:110px;color:#fffc9f;background:#00677a;}
.flashnews:after{content:"";position:absolute;right:-15px;border-left:#00677a 15px solid;border-top:transparent 34px solid;}

.container-sticky {display: flex;width: 100%;margin: 0 auto;}
.page .container-sticky{margin-top:30px;}
.stickymain {flex: 0 0 70%;}
.sidesticky {flex: 0 0 30%;padding:5px 0;}
.sidesticky-top {position: sticky !important;top:20vh;}
.stickymain-margin{margin-right:40px;padding:5px;}

.image-recomended, .image-thumb, .image-latest, .image-populer, .image-post, .image-author{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-recomended{height:55vh;border-radius:5px;}
.image-thumb{height:20vh;border-radius:5px;}
.image-latest{height:18vh;border-radius:5px;}
.image-populer{height:12vh;border-radius:5px;}
.image-author{height:35px;border-radius:5px;}
.image-post{height:60vh;margin:15px 0 0;}
.imagefull img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}

.mlr-min5{margin-left:-5px;margin-right:-5px;}
.mlr-15{margin-left:15px;margin-right:15px;}

.headmodule{position:relative;}
.headmodule h1{font-size:140%;margin:0;line-height:1;color:#000;border-left:#56ca00 5px solid;padding:0 0 0 5px;}
.box-shadow{background:#fff;border-radius:5px;padding:0;margin:15px 0 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
.iklan{margin:0 0;}
.iklan img, .iklan2 img{display:block;width:100%;margin:0 0 15px;padding:0;line-height:1;border-radius:5px;}
.iklan2 img:first-child{margin:15px 0 15px;}

.recomended{position:relative;margin:0 0 0;padding:10px;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.recomended-title{position:absolute;left:0;right:0;bottom:0;padding:10vh 15px 15px;border-radius:0 0 5px 5px;background:linear-gradient(to top,#000,transparent)}
.recomended-title h2{font-size:160%;margin:0;padding:0;line-height:1.1;color:#fff;}
.recomended-title p, .latest-title p{font-size:100%;margin:0 0 5px;padding:0 0 0 5px;line-height:1;color:#fff;border-left:#ffc900 5px solid;}
.latest-title p{color:#00710b;margin:0 10px 10px 0;}

.latest-row{position:relative;overflow:hidden;margin:0;padding:10px;}
.gridcol{display: flex;flex-flow: row wrap;justify-content: space-between center;}
.latest-image{width:calc(33.33333333% - 10px);margin:0 5px;}
.latest-title{width:calc(66.66666667% - 10px);margin:0 5px;padding:10px 0;}
.latest-title h2{font-size:100%;margin:0 0 0 0;padding:0;line-height:1.3;color:#000;}
.latest-row:hover .latest-title h2{color:#005d3f;}
.populer-inner{padding:0 15px 15px;}
.populer-row{position:relative;overflow:hidden;margin:15px 0 0;}
.populer-image{width:6vw;}
.populer-title{width:calc(100% - 6vw);}
.populer-title h2{font-size:100%;margin:0 10px 0 0;padding:0;line-height:1.1;color:#000;font-weight:normal;}
.populer-title p{font-size:95%;margin:5px 10px 0 0;padding:0;line-height:1;color:#005d3f;}

.detailnews.box-shadow{margin:0;padding:15px 0;}
.news-title h1{font-size:180%;margin:15px 0;padding:0;line-height:1.1;color:#000;font-weight:bold;}
.category-title h2{font-size:100%;margin:0;padding:0 0 0 5px;line-height:1.1;color:#00710b;font-weight:bold;border-left:#ffc900 5px solid;}
.news-meta{line-height:1.1;}
.meta-item{margin:0 15px 0 0;}
.meta-item p{font-size:100%;margin:0;padding:0;line-height:1;color:#000;font-weight:normal;opacity:0.7;}
.meta-item svg{width:auto;height:24px;fill:#000;opacity:0.4;margin:0 3px 0 0;}

.content-inner{margin-top:15px;}
.content-inner, .content-inner h1,.content-inner h2,.content-inner h3,.content-inner h4,.content-inner h5,.content-inner h6,.content-inner p {line-height:1.4;display:block;}
.content-inner h1,.content-inner h2,.content-inner h3,.content-inner h4,.content-inner h5,.content-inner h6,.content-inner p{margin:0 0 10px;}
.content-inner ul{margin:0 0 5px 40px;line-height:1.3;padding:0;}
.content-inner li{margin:0 0 10px 0;line-height:1.3;padding:0;}
.content-inner img{max-width:100%;min-width:40%;margin:10px auto;display:block;}

.sharethis{margin:30px 0 0;}
.share-icon img{height:30px;width:auto;margin:0 2px;}

.content-tags{margin:30px 0 0;padding:5px 0;}
.tags-item{font-size:100%;margin:0 10px 0 0;padding:0;line-height:1;font-weight:normal;color:#00710b;}
.tags-item:hover{color:#004876;}

.pagination{margin:10px 0 0 !important;}
.pagination li{font-size:95%;color:#515151;line-height:1;padding:0;display:flex !important;justify-content: center;align-items: center;}
.pagination li a{color:#515151;border:#bdbdbd 1px solid;width:24px;height:24px;border-radius:24px;display:flex !important;justify-content: center;align-items: center;margin:0 1px;}

.video-height{height:60vh;margin:15px 0 0;width:100%;}
.setting{margin:30px 25% 0;padding:15px;min-height:80vh;}
.setting-admin p{font-family: 'Raleway SemiBold';font-weight:bold;margin:0 10px;padding:0 0 5px;line-height:1.2;font-size:120%;border:none;border-bottom:1px solid;}
.profile-tab-content{position:relative;overflow:hidden;margin:40px 0 0;}
.profile-tab-content .form-control {margin-top:0;width:100%;height: auto;line-height: 1.2;border-radius: 4px;padding: 10px 50px 10px 10px;}
.profile-tab-content .form-control:focus {color: #313131;width:100%;}
.foto-admin img{width:auto;height:80px;margin:0 auto;}

.author{border-top:#bdbdbd 1px solid;padding:10px 0 0;margin:30px 15px 0;}
.author-image{position:relative;width:35px;background:#bdbdbd;border-radius:40px;}
.author-title{position:relative;width:calc(100% - 45px);margin:0 0 0 5px;}
.author-title p{font-size:95%;margin:0;padding:0;line-height:1;font-weight:normal;}

.footer{background:#fff;margin:30px 0 0;-webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.15);}
.footer-inner{position:relative;overflow:hidden;padding:20px 0;}
.footer-inner h3{font-size:95%;margin:0 10px 0 0;padding:0;line-height:1;color:#000;font-weight:normal}
.footer-inner p{font-size:95%;margin:0 0 0 auto;padding:0;line-height:1;color:#000;font-weight:normal;float:right;}