/*** Tools ***/
.text-orange {
    color: #ebbd3f;
}

.display-none,
.display-hide {
    display: none;
}

.no-space {
    margin: 0px !important;
    padding: 0px !important;
}

.img-responsive {
    width: 80%;
    margin: 0 auto;
}

.media-object {
    margin-bottom: 10px;
}

.media-thumb {
    background: #fff;
    border: 1px solid #eee;
    padding: 8px;
    width: 100%;
}

.first-stuff {
    padding-left: 0px !important;
}

.last-stuff {
    padding-right: 0px !important;
}

.no-stuff {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.stuff {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-100 {
    margin-top: 90px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-100 {
    padding-top: 90px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.bold {
    font-weight: 600 !important;
}

.fix-margin {
    margin-left: 0px !important
}

.border {
    border: 1px solid red;
}

.inline {
    display: inline;
}

article {
    margin-bottom: 10px;
}

blockquote small.date {
    color: #a30046;
    display: block;
    margin-bottom: 7px;
}

.tab-content {
    padding: 30px 0;
    background: none;
    border-left: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
    /* float: left; */
}

@media (min-width: 1200px) {
    .container {
        width: 1044px !important;
    }
}

a:focus,
a:hover {
    text-decoration: none !important;
}

/*========top-header=======*/
body {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
}

.header-top {
    background: #16625e;
    padding: 5px 0;
}

.menu-top p,
.menu-top a {
    color: #d3de8b;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    /* padding: 5px 0; */
}

ul.menu-top.list-inline {
    margin: 0;
}

/*========menu-primary============*/
.header-utama {}

.header-utama>.fox {
    background: rgba(7, 42, 44, 0.6901960784313725);
    padding: 1em;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.header-utama>.fox:after {
    content: '';
    clear: both;
    display: flex;
}

nav#site-navigation ul li {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    padding: 11px 0;
}

nav#site-navigation ul li ul {
    padding: 0;
}
nav#site-navigation ul li ul li {
    width: 100%;
    text-align: left;
    padding: 0;
    font-size: .9rem;
}

nav#site-navigation ul li ul li a {
    width: 100%;
    display: block;
    margin: 0;
    padding: 8px 15px;
}

nav#site-navigation {
    padding: 10px 0;
    margin: 0;
    text-align: right;
}

nav#site-navigation ul li a {
    color: #ffffff;
    margin: 0 8px;
    text-decoration: none;
    font-weight: 100;
}

ul.dropdown-menu {
    background: rgba(7, 42, 44, 0.9);
}

ul.dropdown-menu li a {
    color: #fff;
    /* background: rgba(7, 42, 44, 0.6); */
    padding: 0;
}

ul.dropdown-menu li a:hover {
/*     color: rgb(22, 98, 94) !important; */
    background: rgb(22, 98, 94);
}

nav#site-navigation ul li>a:hover,
nav#site-navigation ul li>a.active {
    color: #ffffff;
    text-decoration: none;
    position: relative;
}

.title-slider h3 {
    font-size: 44px;
    line-height: 2em;
}

span.title-logo p,
span.title-logo h2 {
    margin: 0;
}

span.title-logo h2 {
    font-size: 21px;
}

span.logo-web {
    /* float: left; */
    margin-right: 1px;
    display: inline-block;
    vertical-align: top;
}

span.title-logo {
    vertical-align: middle;
    color: #fff;
    font-family: 'Lato', sans-serif;
    display: inline-block;
}

.container-image {
    height: 900px;
    /* background-image: url('../img/header-bg.jpg'); */
    background-size: cover;
}

.container-image:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #d0141440;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1;
}

.container-image:after {
    content: '';
    clear: both;
}

.container-image .text-top {
    padding-top: 240px;
    text-align: center;
    display: block;
    z-index: 11;
}

.container-image .text-top h2 {
    color: #fff;
    font-size: 1.7em;
    font-family: 'Lato', sans-serif;
}

.container-image .text-top p {
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

.container-image .text-top h1 {
    color: #ebbd3f;
    font-weight: 900;
    font-size: 3em;
    font-family: 'Lato', sans-serif;
}

.menu-header .menu-atas,
.menu-header .menu-bawah {
    list-style: none;
    display: flex;
    text-align: center;
    justify-content: center;
}

.menu-header .menu-atas>li,
.menu-header .menu-bawah>li {
    width: 160px;
    height: 160px;
    position: relative;
}

.menu-header .menu-atas>li i,
.menu-header .menu-bawah>li i {
    font-size: 6.65em;
    display: block;
    color: #fff;
    margin-bottom: .1em;
}

.menu-header .menu-atas>li a,
.menu-header .menu-bawah>li a {
    display: flex;
    padding: 1em;
    margin: 0 !important;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-header .menu-atas > li:hover,
.menu-header .menu-bawah > li:hover {
    background: rgba(235, 189, 63, 0.8);
}

.menu-header .menu-atas > li:nth-child(1n) {background: #1abc9c; }
.menu-header .menu-atas > li:nth-child(2n) {background: #2ecc71; }
.menu-header .menu-atas > li:nth-child(3n) {background: #3498db; }
.menu-header .menu-atas > li:nth-child(4n) {background: #e74c3c; }
.menu-header .menu-atas > li:nth-child(5n) {background: #f39c12; }
.menu-header .menu-atas > li:nth-child(6n) {background: #34495e; }
.menu-header .menu-atas > li:nth-child(7n) {background: #8e44ad; }
.menu-header .menu-bawah > li:nth-child(1n) {background: #34495e; }
.menu-header .menu-bawah > li:nth-child(2n) {background: #8e44ad; }
.menu-header .menu-bawah > li:nth-child(3n) {background: #673ab7; }
.menu-header .menu-bawah > li:nth-child(4n) {background: #CDDC39; }
.menu-header .menu-bawah > li:nth-child(5n) {background: #3498db; }
.menu-header .menu-bawah > li:nth-child(6n) {background: #e74c3c; }
.menu-header .menu-bawah > li:nth-child(7n) {background: #f39c12; }

.menu-header .menu-atas > li:nth-child(1n):hover {background: #148f77; }
.menu-header .menu-atas > li:nth-child(2n):hover {background: #25a25a; }
.menu-header .menu-atas > li:nth-child(3n):hover {background: #217dbb; }
.menu-header .menu-atas > li:nth-child(4n):hover {background: #d62c1a; }
.menu-header .menu-atas > li:nth-child(5n):hover {background: #c87f0a; }
.menu-header .menu-atas > li:nth-child(6n):hover {background: #222f3d; }
.menu-header .menu-atas > li:nth-child(7n):hover {background: #703688; }
.menu-header .menu-bawah > li:nth-child(1n):hover {background: #222f3d; }
.menu-header .menu-bawah > li:nth-child(2n):hover {background: #703688; }
.menu-header .menu-bawah > li:nth-child(3n):hover {background: #512e90; }
.menu-header .menu-bawah > li:nth-child(4n):hover {background: #b2c022; }
.menu-header .menu-bawah > li:nth-child(5n):hover {background: #217dbb; }
.menu-header .menu-bawah > li:nth-child(6n):hover {background: #d62c1a; }
.menu-header .menu-bawah > li:nth-child(7n):hover {background: #c87f0a; }

.menu-header .menu-atas>li span,
.menu-header .menu-bawah>li span {
    font-size: 1.3em;
    font-family: 'Lato', sans-serif;
    display: block;
    color: #fff;
    font-weight: 400;
}

.menu-header .menu-atas>li ul,
.menu-header .menu-bawah>li ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
}

.menu-header .menu-atas>li:hover ul,
.menu-header .menu-bawah>li:hover ul {
    display: block;
    z-index: 1;
    background: rgba(235, 189, 63, 0.8);
}

.menu-header .menu-atas>li:nth-child(1n):hover ul { background: #148f77; }
.menu-header .menu-atas>li:nth-child(2n):hover ul { background: #25a25a; }
.menu-header .menu-atas>li:nth-child(3n):hover ul { background: #217dbb; }
.menu-header .menu-atas>li:nth-child(4n):hover ul { background: #d62c1a; }
.menu-header .menu-atas>li:nth-child(5n):hover ul { background: #c87f0a; }
.menu-header .menu-atas>li:nth-child(6n):hover ul { background: #222f3d; }
.menu-header .menu-atas>li:nth-child(7n):hover ul { background: #703688; }

.menu-header .menu-bawah>li:nth-child(1n):hover ul { background: #222f3d; }
.menu-header .menu-bawah>li:nth-child(2n):hover ul { background: #703688; }
.menu-header .menu-bawah>li:nth-child(3n):hover ul { background: #512e90; }
.menu-header .menu-bawah>li:nth-child(4n):hover ul { background: #b2c022; }
.menu-header .menu-bawah>li:nth-child(5n):hover ul { background: #217dbb; }
.menu-header .menu-bawah>li:nth-child(6n):hover ul { background: #d62c1a; }
.menu-header .menu-bawah>li:nth-child(7n):hover ul { background: #c87f0a; }

.menu-header .menu-atas>li ul li a:hover,
.menu-header .menu-atas>li ul li:hover,
.menu-header .menu-bawah>li ul li a:hover,
.menu-header .menu-bawah>li ul li:hover {
    background: rgb(13, 170, 175);
}

.menu-header .menu-atas > li:nth-child(1n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(1n) ul li:hover {background: #0e6252; }

.menu-header .menu-atas > li:nth-child(2n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(2n) ul li:hover {background: #1b7943; }

.menu-header .menu-atas > li:nth-child(3n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(3n) ul li:hover {background: #196090; }

.menu-header .menu-atas > li:nth-child(4n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(4n) ul li:hover {background: #a82315; }

.menu-header .menu-atas > li:nth-child(5n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(5n) ul li:hover {background: #976008; }

.menu-header .menu-atas > li:nth-child(6n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(6n) ul li:hover {background: #10161c; }

.menu-header .menu-atas > li:nth-child(7n) ul li a:hover,
.menu-header .menu-atas > li:nth-child(7n) ul li:hover {background: #522764; }

.menu-header .menu-bawah > li:nth-child(1n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(1n) ul li:hover {background: #10161c; }

.menu-header .menu-bawah > li:nth-child(2n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(2n) ul li:hover {background: #522764; }

.menu-header .menu-bawah > li:nth-child(3n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(3n) ul li:hover {background: #3b216a; }

.menu-header .menu-bawah > li:nth-child(4n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(4n) ul li:hover {background: #89951a; }

.menu-header .menu-bawah > li:nth-child(5n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(5n) ul li:hover {background: #196090; }

.menu-header .menu-bawah > li:nth-child(6n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(6n) ul li:hover {background: #a82315; }

.menu-header .menu-bawah > li:nth-child(7n) ul li a:hover,
.menu-header .menu-bawah > li:nth-child(7n) ul li:hover {background: #976008; }


.menu-header .menu-atas>li ul li a,
.menu-header .menu-bawah>li ul li a {
    color: #fff;
}

.menu-header .menu-atas>li ul li a:hover,
.menu-header .menu-bawah>li ul li a:hover {
    font-weight: 600;
}

.custom-icon i {
    width: 50px;
    height: 50px;
    fill: #ffffff;
    color: #fff;
}
.custom-icon.dunia-usaha i {
    content: url('svg/dunia-usaha.svg')
}
.custom-icon.app-center i {
    content: url('svg/app-center.svg')
}
.custom-icon.e-government i {
    content: url('svg/e-government.svg');
    color: #fff;
}
.custom-icon.info-masyarakat i {
    content: url('svg/info-masyarakat.svg')
}
.custom-icon.e-lapor i {
    content: url('svg/e-lapor.svg')
}
.custom-icon.panggilan-darurat i {
    content: url('svg/panggilan-darurat.svg')
}
.custom-icon.berita-terkini i {
    content: url('svg/berita-terkini.svg')
}
.custom-icon.lpg i {
    content: url('svg/lpg.svg')
}
.custom-icon.info-pasar i {
    content: url('svg/info-pasar.svg')
}

section#slider {
    background: url(../img/bg-triangle.png);
    padding-top: 3em;
}

.content-slider {
    position: absolute;
    bottom: 0;
    background: #0daab1;
    color: #fff;
    width: 100%;
}

.title-slider {
    padding: 2em;
}

.title-slider h2 {
    margin: 0;
}

.grid-top img,
.grid-bottom img {
    width: 100%;
    -webkit-filter: brightness(70%);
    /* Safari 6.0 - 9.0 */
    filter: brightness(70%);
}

.grid-top {
    margin-bottom: 20px;
    position: relative;
}

.title-img {
    position: absolute;
    bottom: 26px;
    left: 22px;
    color: #fff;
}

#slider-home .owl-dots {
    float: left;
}

#slider-home .owl-dots .owl-dot.active span {
    background: #16625e;
}

.menu-menu-primary-container ul {
    margin: 0;
}

span.logo-web img {
    width: 78%;
}

#site-navigation ul li.menu a.active:after,
#site-navigation ul li.menu a:hover:after {
    content: '';
    background: #cdde8b;
    width: 23px;
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0;
}

/*===========Berita-terbaru===========*/
.post-on a,
.post-on {
    color: #8e8e8e;
}

span.byline {
    margin-right: 20px;
}

span.post-date {
    color: #8e8eaa;
}

.post-img img,
.banner-show img,
.item-image img {
    width: 100%;
}

.section-title h2 {
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #0eaab0;
    font-family: 'Lato', sans-serif;
    margin-left: 30px;
}

.section-title:before {
    content: '';
    width: 10px;
    height: 50px;
    position: absolute;
    bottom: -10px;
    background: #ebbd3f;
}

.section-title:after {
    /*     content: ''; */
    width: 60px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    background: #16625e;
}

.section-title {
    position: relative;
    margin: 2em 0;
    z-index: 1;
}

.section-title small a {
    text-transform: initial;
    float: right;
    color: #0daaaf;
    font-size: .7em;
    font-weight: 100;
    font-family: 'Lato', sans-serif;
}

.post-title a {
    color: #ebbd3f;
    text-decoration: none;
    font-weight: 600;
}

span.author.vcard a {
    color: #444444;
}

.entry-content p {
    line-height: 2;
}

.grid_item_title a {
    color: #444444;
    text-decoration: none;
}

.post-title a:hover {
    color: #b58e21;
}

.grid_item_title a:hover {
    color: #16625e;
}

span.byview i {
    color: #16625e;
}

.img-box .grid_item_title {
    background: #0daab1;
    padding: 15px;
    color: #fff;
    position: relative;
    z-index: 9;
}

.img-box .grid_item_title span {
    color: #d3de8b;
    text-transform: uppercase;
    font-weight: 700;
}

.img-box .grid_item_title:before {
    content: "";
    border-bottom: 15px solid #0daab1;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 159px;
    z-index: 10;
}

.recent-new-grid {
    margin: 3em 0;
}

.highlight-news {
    margin: 2em 0;
    padding: 2em 0;
    border-bottom: 1px #eee solid;
}

.grid_item_title h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

.grid_item_title {
    padding: 15px 0;
}

span.post-date i {
    color: #16625e;
    margin-right: 7px;
}

.button-box {
    float: left;
    width: 100%;
    text-align: center;
}

a.more.btn.btn-primary {
    background: #0daab1;
    border: 0;
    color: #d3e055;
    padding: 10px 40px;
    text-transform: uppercase;
}

.img-box img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

/* ------------video-kegiatan------- */
section#video-kegiatan {
    padding: 3em 0;
    position: relative;
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.48);
    position: absolute;
    bottom: 0;
    left: 0px;
    font-size: 2em;
    font-weight: 700;
    padding: 46px;
    z-index: -1;
}

.img-box.video:before {
    content: "";
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(owl.video.play.png) no-repeat;
    width: 17%;
    height: 33%;
    background-size: 50px;
    z-index: 9;
}

.img-box.video {
    position: relative;
}

.img-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.47);
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    z-index: 1;
}

a:hover .img-box.video .img-shadow:after {
    opacity: 0;
}

.img-box.video .grid_item_title:before {
    left: 44%;
}

section#video-kegiatan:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    background-image: url(../img/tn610_DSC_0323.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    top: -1px;
}

/* -----------daftar-pasar---------- */
.section-title.title-center:after {
    left: calc(50% - 20px);
}

ul.list-pasar li {
    list-style: none;
    color: #16625e;
    margin-bottom: 10px;
    font-size: 1em;
}

ul.list-pasar li:before {
/*     content: "\f101"; */
    font-family: FontAwesome;
    margin-right: 8px;
}

section#list-pasar {
    margin: 3em 0;
}

.list-box {
    padding: 2em 0;
}

section#new-news {
    /* padding: 2em 0; */
}

ul.menu-top {
    color: #d4e058;
}

ul.menu-top li a:hover {
    color: #fff;
}

/*-------------------section-aplikasi-----------*/
.grid-box img {
    max-width: 100%;
    max-height: 115px;
}

section#aplikasi-pendukung {
    /* background: #eef8f0; */
    padding: 3em 0;
}

#aplikasi-pendukung .grid-box {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0rem 1rem 0 rgba(0,0,0,.175);
    position: relative;
}

img.play-store {
    width: 75%;
}

.grid-box a {
    color: inherit;
}

.coming-soon {
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: .9em;
    text-align: center;
    color: #fff;
    background: rgba(64, 64, 64, 0.8);
    position: absolute;
    bottom: 0;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    font-size: 2em;
    font-weight: 700;
    padding: 46px;
}

.grid-box a:hover .coming-soon {
    opacity: 1;
}

.box-outer {
    float: left;
    padding: 2em 0;
}

#aplikasi-pendukung .grid-box {
    min-height: 138px;
    overflow: inherit;
}

/* =============Program-perdagangan======== */
#program .grid_item_title {
    background: #eef8f0;
    box-shadow: 0px 1px 13px -5px;
    position: relative;
    padding: 15px;
}

.button-box {
    margin: 2em 0;
}

section#program {
    margin: 2em 0;
}

.section-title.light h2 {
    color: #fff;
}

#program .outer-box {
    padding: 2em 0;
}

.video .grid_item_title h3 {
    font-size: 19px;
    font-weight: 600;
}

/*===========footer==================*/

section#above-footer {
    background: #212121;
}

.content-footer {
    padding: 2em 0;
    color: #fff;
}

.copyright {
    color: #fff;
    padding: 20px 0 10px;
    border-top: 1px #9E9E9E solid;
    text-align: center;
}

span.title-logo h2 {
    font-weight: 700;
}

h4.title-menu {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}

ul.list-footer a,
ul.menu-footer a {
    color: #dedede;
}

.text-footer {
    float: left;
    width: 100%;
    padding: 15px 0;
}

ul.list-footer li i {
    width: 43px;
}

ul.menu-footer li a:before {
/*     content: "\f101"; */
    font-family: FontAwesome;
    margin-right: 8px;
}

ul.menu-footer li {
    padding: 5px 0;
}

ul.menu-footer li {
    /* border-bottom: 1px #3a7f7c solid; */
    padding: 8px 0;
}


/*---------------------single-post-------------------*/
section#header-page {
    background: url('../img/bg-triangle.png');
    margin-top: 3em;
}

ul.breadcrumb {
    background: inherit;
    margin-bottom: 0;
    align-items: center;
}

ul.breadcrumb li a {
    color: #797979;
}

.title-page {
    text-align: center;
    padding: 1.5em;
}

.title-page h2 {
    color: #16625e;
    font-weight: 700;
}

ul.breadcrumb li:last-child {
    font-weight: bold;
    color: #4c4c4c;
}

h1.post-title {
    font-size: 1.6em;
    font-weight: 600;
    margin: 13px 0;
    color: #424242;
}

p.meta-info {
    margin-bottom: 0;
    font-size: 13px;
}

ul.entry-meta {
    padding: 0;
    list-style: none;
}

ul.entry-meta li {
    display: inline-block;
}

ul.entry-meta li a {
    color: #5d5d5d;
}

li.view_count i {
    color: #16625e;
}

p.meta-info span i {
    color: #16625e;
}

.post-heading {
    /* padding: 2em 0 0; */
}

ul.entry-meta li {
    font-size: 13px;
}

.post-content img {
    width: 100%;
}

img.featured_image {
    margin-bottom: 2em;
}

input.form-control {
    border-radius: 0;
    border: #bfc5c1 1px solid;
    height: 43px;
}

.form-control:focus {
    border-color: #eef7f0;
}

.input-group-btn button {
    border-radius: 0;
}

.news-search-form input.form-control {
    outline: none;
    background: #eef7f0;
    border: 0;
}

button.btn.btn-search {
    background: #0daab1;
    color: #fff;
    padding: 14px 15px;
}

.box-gallery img {
    width: 100%;
}

.box-gallery {
    position: relative;
}

.title_gallery {
    z-index: 9;
    position: absolute;
    color: #fff;
    padding: 0 20px;
}

.title_gallery h3 {
    font-size: 20px;
    font-weight: 700;
}

a.link_to {
    position: absolute;
    bottom: 38px;
    left: 22px;
    background: #0daab1;
    color: #d3de8b;
    padding: 10px;
    border-radius: 5px;
}

div#sidebar {
    padding: 3em;
}

.search-box {
    margin-bottom: 1em;
}

.news-search-form input.form-control {
    padding: 25px;
}

.box-gallery:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(22, 98, 94, 0.37);
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    z-index: 0;
}

a.link_to:hover {
    color: #d2de58;
    font-weight: 700;
}

.widget_title {
    background: #0daab1;
    color: #fff;
    padding: 16px;
    font-weight: 700;
}

div#widget_gallery {
    margin-bottom: 2em;
}

#widget_category li.list-group-item {
    border: 0;
    background: #eef7f0;
    padding: 10px 0;
}

ul.list-group li a {
    color: #16625e;
    font-family: 'Lato', sans-serif !important;
}

ul.list-group li a:hover {
    color: #d5e05b;
}

ul.list-group li:before {
    content: "\f101";
    font-family: FontAwesome;
    margin-right: 8px;
}

ul.recent_post {
    list-style: none;
    padding: 0;
    margin-bottom: 2em;
}

ul.recent_post li img {
    width: 38%;
    float: left;
    margin-right: 11px;
    clear: both;
}

ul.recent_post li {
    padding: 20px;
    background: #eef7f0;
    border-bottom: 1px #d4d4d4 solid;
}

ul.recent_post li a {
    color: #117f84;
    font-weight: 600;
}

ul.recent_post li a:hover {
    color: #d3de8b;
}

a.rsswidget h4 {
    font-size: 13px;
    font-weight: 600;
    width: 57%;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.6;
}

.recent_post p.meta-info {
    font-size: 10px;
    color: #424242;
}

.comment-box {
    float: left;
    width: 100%;
    position: relative;
}

.comment-meta {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 80%;
}

.tags-link-wrap {
    margin-bottom: 1em;
    border-bottom: 1px #cbcbcb solid;
    padding-bottom: 2em;
}

.comment-content {
    padding: 15px 0;
    border-bottom: 1px #afafaf solid;
    margin-bottom: 2em;
}

.commentform {
    float: left;
    width: 100%;
    padding: 15px;
}

.btn-comment {
    background: #16625e;
    color: #fff;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: 13px;
}

input#author,
input#email,
textarea#comment {}

h4.heading {
    text-transform: uppercase;
    color: #16625e;
    font-weight: 600;
}

.comment-box h3 {

    font-size: 19px;
    font-weight: 700;
    color: #16625e;
}

.comment-meta .fn {
    display: inline-block;
    color: #16625e;
    font-weight: 600;
}

.comment-meta .date {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 700;
}

.widget_body {
    padding: 25px;
    background: #eef7f0;
    margin-bottom: 15px;
    box-shadow: 1px 2px 9px 0px #dcdcdc;
}

ul.recent_post li:last-child {
    margin-bottom: 0;
}

.comment-box ol.children {
    list-style: none;
}

.reply {
    position: absolute;
    right: 83px;
    top: 0;
}

.comment-author.vcard {
    position: relative;
}

header.comment-header {
    position: relative;
}

.reply a {
    text-transform: uppercase;
    color: #16625e;
}

ul.list-group {
    margin-bottom: 0;
}

#widget_category li.list-group-item:first-child {
    padding-top: 0;
}

ul.list_tag {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.list_tag li {
    display: inline-block;
    padding: 10px;
    background: #fff;
    margin-bottom: 5px;
    margin-right: 8px;
}

ul.list_tag li a {
    color: #696969;
}

ul.list_img_ig img {
    width: 100%;
}

ul.list_img_ig li {
    width: 32%;
    margin-bottom: 8px;
    padding-right: 0px;
    display: inline-block;
}

.page.contact_us {
    background: #eaf3ea;
}

.content_contact {
    margin: 2em 0 5em;
}

.content_contact h3 {
    color: #16625e;
    font-weight: 600;
    font-size: 20px;
}

ul.list_contact {
    list-style: none;
    padding: 0;
}

ul.list_contact li i {
    padding-right: 15px;
    color: #16625e;
}

ul.list_contact li {
    margin-bottom: 15px;
}

h1.page_title {
    color: #16625e;
    position: relative;
    margin-bottom: 1.5em;
    font-weight: 700;
    font-size: 2.6em;
}

h1.page_title:after {
    content: '';
    width: 84px;
    height: 2px;
    position: absolute;
    background: #000;
    bottom: -17px;
    left: 0;
}

.featured_img img {
    width: 100%;
}

ul.list_tag li a:hover {
    color: #16625e;
}

.sidebar-left {
    border-right: 1px #deebdb solid;
    padding-top: 3em;
}

article.single-post {
    padding-right: 24px;
}

.list_style .grid_item_title {
    padding-top: 0;
    margin-bottom: 2em;
}

.pagination-box {
    text-align: center;
}

ul.pagination a.active {
    background: #16625e;
    color: #fff;
}

ul.pagination a {
    color: #676262;
    margin: 0 5px;
    border-radius: 3px;
    background: #eaf3ea;
    border: 0;
}

#gallery-view {
    /*max-height: 200px;*/
}

#gallery-view .item-bapok {
    /* width: 144px; */
    /*     float: left; */
}

:is(#bahan-pokok, #stok-bahan-pokok) .top {
    background: linear-gradient(180deg, #ffffff 0%, #ebbd3f 120%);
}

:is(#bahan-pokok, #stok-bahan-pokok) .top span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
}

:is(#bahan-pokok, #stok-bahan-pokok) .bottom {
    background-color: #0daaaf;
    font-family: 'Lato', sans-serif;
}

:is(#bahan-pokok, #stok-bahan-pokok) button.owl-prev {
    position: absolute;
    left: -30px;
    top: calc(50% - 30px);
    color: #ebbd3f;
    font-size: 3em;
}

:is(#bahan-pokok, #stok-bahan-pokok) button.owl-next {
    position: absolute;
    right: -30px;
    top: calc(50% - 30px);
    color: #ebbd3f;
    font-size: 3em;
}

#widget_category,
#widget_subscribe {
    display: block;
    width: 100%;
}

.icon-footer {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5em;
    font-size: 2em;
    color: #fff;
}
.icon-footer:hover {
    color: #cccccc;
}

.icon-footer.facebook {
    background: #2562a1;
}

.icon-footer.twitter {
    background: #03b3e6;
}

.icon-footer.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.icon-footer.youtube {
    background: #ea3125;
}

.xcontainer {
    background-image: url('../img/bg-fix2.jpg');
    background-size: cover;
    background-color: #eee;
    background: 
        linear-gradient(rgba(0, 0, 0, 0.3),
        rgba(0, 0, 0, 0.3)),
        url('../img/bg-fix2.jpg') center center / cover no-repeat,
        #eeeeee
    ;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.xcontainer iframe {
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

#pojok-social-media .card .card-header {
    background-color: #0daaaf;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 0;
}

#pojok-social-media .card .card-body {
    height: 400px;
    overflow: scroll;
    overflow-x: hidden; 
}