@charset "UTF-8";
/*------------------------------------------------------------------
[Table of contents]
1. BASE
2. SIDEBAR ELITE
3. ARSIP ELITE
4. PAGINATION ELITE
5. FOOTER ELITE
6. HEADER ELITE 
7. MENU NAVIGASI ELITE
8. SINGLE PAGE ELITE 
9. 404 ELITE
10. MAIN KONTEN ELITE
11. SINGLE POST ELITE 
12. KOMENTAR ELITE
13. WIDGET ELITE
14. NEWS INDEX ELITE
15. Parallax
-------------------------------------------------------------------*/

@media (min-width: 992px){
.widget_dis_kategori_2 {
    flex: 0 0 auto;
    width: 50%;
}
}
.widget_dis_kategori_2 .list-mini {
    border-bottom: 1px solid #f5f7fc;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.widget_dis_kategori_2 .list-mini:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.widget_dis_kategori_2 .discat-judul, .widget_dis_kategori_3 .discat-judul  {
    font-weight: 500;
    font-size: 1rem;
}
.discat-info, .discat-info a {
    color:#666;
}
.discat-info .avatar {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin-right: 3px;
}

/*------------------------------------*\
    BASE
\*------------------------------------*/
.screen-reader {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 1px;
    word-wrap: normal!important;
}
figcaption {
    font-size: 14px;
    font-style: italic;
    padding: 5px;
    background: #f5f7fc;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
figure {
    max-width: 100% !important;
}
table {
    width: 100%;
    margin: 20px 0;
}
thead, tbody, tfoot, tr, td, th {
    border-width: 1px;
    padding: 5px 10px;
    border-color: #eee;
}
pre {
    background: #000000;
    color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 20px;
}
blockquote {
    background: #f5f7fc;
    border-left: 5px solid rgba(121,128,136,0.07);
    padding: 15px 20px;
    font-style: italic;
    margin: 20px 0 20px 32px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration:none;
  color:#304358;
}

textarea.form-control {
  resize: none;
}

fieldset {
  clear: both;
  overflow: hidden;
}

a:hover, a:focus {
  color: #1967D2;
}

a:focus, .btn:focus {
  outline: none !important;
}

.btn, button {
  outline: none !important;
}

ins {
  text-decoration: none;
}

option {
  padding: 5px;
}
.image-lazy-loading .image-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" stroke="rgba(102,102,102,0.25)"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg transform="translate(1 1)" stroke-width="2"%3E%3Ccircle stroke-opacity=".55" cx="18" cy="18" r="18"/%3E%3Cpath d="M36 18c0-9.94-8.06-18-18-18"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  max-height: 100%;
}
.image-lazy-loading .image-wrapper img {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.image-lazy-loading .image-wrapper.image-loaded {
  background: none;
}
.image-lazy-loading .image-wrapper.image-loaded img {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*------------------------------------*\
    SIDEBAR ELITE
\*------------------------------------*/
.sidebar {
  overflow: hidden;
  background-color: #F5F7FC;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding: 26px 30px 0;
}
.widget {
  margin-bottom: 30px;
  position: relative;
  padding: 0px;
  background: transparent;
}
.widget .widget-title, .widget .widgettitle, .widget .widget-heading, .wp-block-group__inner-container h2 {
  font-size: 18px;
}

/*------------------------------------*\
    ARSIP ELITE
\*------------------------------------*/
.box-optimasi {
    background: #F5F7FC;
}
.heading-optimasi {
    font-size: 20px;
    font-weight: bold;
}

/*------------------------------------*\
    PAGINATION ELITE
\*------------------------------------*/
.navigation {
  display: block;
  clear: both;
}
.pagination,
.bamz-pagination {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .pagination,
  .bamz-pagination {
    padding: 20px 0;
  }
}
.pagination li,
.bamz-pagination li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.pagination li > span, .pagination li > a,
.bamz-pagination li > span,
.bamz-pagination li > a {
  border: 0;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  float: none;
  color: #696969;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background: #fff;
  padding: 0 5px;
  min-width: 35px;
  line-height: 35px;
}
@media (min-width: 768px) {
  .pagination li > span, .pagination li > a,
  .bamz-pagination li > span,
  .bamz-pagination li > a {
    margin: 0 3px;
    padding: 0 10px;
    min-width: 44px;
    line-height: 44px;
  }
}
.pagination li > span:hover, .pagination li > span.current, .pagination li > a:hover, .pagination li > a.current,
.bamz-pagination li > span:hover,
.bamz-pagination li > span.current,
.bamz-pagination li > a:hover,
.bamz-pagination li > a.current {
  color: #fff;
  background: #304357;
}
.pagination > span, .pagination > a,
.bamz-pagination > span,
.bamz-pagination > a {
  border: 0;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  float: none;
  color: #696969;
  border-radius: 10% !important;
  -webkit-border-radius: 10% !important;
  -moz-border-radius: 10% !important;
  -ms-border-radius: 10% !important;
  -o-border-radius: 10% !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background: #f1f3f8;
  padding: 0 5px;
  min-width: 35px;
  line-height: 35px;
}
@media (min-width: 768px) {
  .pagination > span, .pagination > a,
  .bamz-pagination > span,
  .bamz-pagination > a {
    margin: 0 3px;
    padding: 0 10px;
    min-width: 44px;
    line-height: 44px;
  }
}
.pagination > span:hover, .pagination > span.current, .pagination > a:hover, .pagination > a.current,
.bamz-pagination > span:hover,
.bamz-pagination > span.current,
.bamz-pagination > a:hover,
.bamz-pagination > a.current {
  color: #fff;
  background: #304357;
}
.pagination ul.page-numbers,
.bamz-pagination ul.page-numbers {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------*\
    FOOTER ELITE
\*------------------------------------*/
.footer-default {
    margin-top: 20px;
}

/*------------------------------------*\
    HEADER ELITE
\*------------------------------------*/
.logo img {
    max-width: 265px;
    height: auto;
}
.navbar-brand h1 {
    font-size: 28px;
    margin: 0;
    font-weight: bold;
}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
    color: #304358;
}
/*------------------------------------*\
    MENU NAVIGASI ELITE
\*------------------------------------*/
.navbar-default {
    background-color: #F5F7FC;
}
.nav-link {
    font-weight: 500;
}
.dropdown-toggle::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d7";
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #304358;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    background-color: #304358;
}
/*------------------------------------*\
    SINGLE PAGE ELITE
\*------------------------------------*/
.page-header {
    border-bottom: 1px solid #f5f7fc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

/*------------------------------------*\
    404 ELITE
\*------------------------------------*/
.main-page {
    border-radius: 20px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
    padding: 30px;
}
.page-404 .not-found {
  padding: 40px 0;
}
.page-404 .top-image {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .page-404 .top-image {
    margin-bottom: 50px;
  }
}
.page-404 .top-image img {
  max-width: 80%;
}
.page-404 .description {
  margin-bottom: 30px;
  font-size: 17px;
}
.page-404 .title-big {
  font-size: 30px;
  margin: 10px 0;
}
@media (min-width: 1200px) {
  .page-404 .title-big {
    font-size: 60px;
    margin: 20px 0;
  }
}
.page-404 .page-content {
  max-width: 870px;
  margin: auto;
}

/*------------------------------------*\
    MAIN KONTEN ELITE
\*------------------------------------*/

.grid-thumbnail {
    max-height: 170px;
    overflow:hidden;
}
.list-artikel {
  padding: 10px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid #ECEDF2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin-bottom: 1rem
}
@media(max-width:767px){
.flex-shrink-0 {
    max-width:100px;
    }
}
.list-artikel .flex-shrink-0 img,
.gambar-artikel img,
.list-artikel .grid-thumbnail img,
.discat-gambar-besar img,
.related-grid-thumbnail img,
.widget_recent_post_thumb .flex-shrink-0 img,
.widget_random_post_thumb .flex-shrink-0 img {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.list-artikel .entry-title {
  font-size: 20px;
}
.entry-title {
  font-size: 25px;
  margin: 0;
  word-wrap: break-word;
  font-weight: bold;
}
.list-artikel:hover {
  -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.1);
  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.1);
}
.kategori {
    color: #666;
    font-weight: 500;
}
.kategori a {
    color: #666;
    padding: 10px 0;
}

.post.no-results {
  text-align: center;
}
@media (min-width: 768px) {
  .post.no-results .title-no-results {
    margin: 50px 0;
  }
}
.post.no-results .no-results-description {
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .post.no-results .no-results-description {
    margin-bottom: 30px;
  }
}

/*------------------------------------*\
    SINGLE POST ELITE
\*------------------------------------*/

.gambar-artikel {
  margin-bottom: 1rem;
}

.breadcrumbs-artikel {
    font-weight: 500;
    color: #666;
    margin-bottom: 0.5rem;
    font-size: 0.875em;
}
.breadcrumbs-artikel a {
    color: #1967D2;
}

.detail-artikel {
    margin-top: 10px;
    line-height: 1.8;
    color: #333;
}
.detail-artikel h1,
.detail-artikel h2,
.detail-artikel h3,
.detail-artikel h4,
.detail-artikel h5,
.detail-artikel h6 {
    font-weight: bold;
}
.detail-artikel h1 {
    font-size: 25px;;
}
.detail-artikel h2 {
    font-size: 23px;;
}
.detail-artikel h3 {
    font-size: 21px;;
}
.detail-artikel h4 {
    font-size: 19px;;
}
.detail-artikel h5 {
    font-size: 17px;;
}
.detail-artikel h6 {
    font-size: 15px;;
}

.post-nav-links .post-page-numbers {
    background: #f1f3f8;
    padding: 3px 10px;
    color: #333;
}
.post-nav-links a {
    color: #333;
}
.post-nav-links .current {
    background: #304358;
    color: #fff;
}

.tags-artikel a {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  padding: 3px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #f5f7fc;
  color: #696969;
  font-weight: 500;
}
.tags-artikel a:last-child {
  margin: 0;
}
.tags-artikel a:hover, .tags-artikel a:focus {
  color: #202124;
}

.bagikan-artikel {
  margin-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
.bagikan-artikel a {
  background-color: #f5f7fc;
  font-weight: 500;
  text-transform: uppercase;
}
.share-artikel a {
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 4px 10px;
  background-color: #1967D2;
  color: #fff;
  font-size: 14px;
  margin-right: 6px;
}
.share-artikel a i {
  display: inline-block;
  margin-right: 5px;
}
.share-artikel a.facebook {
  background-color: #1967D2;
}
.share-artikel a.twitter {
  background-color: #0fa9e3;
}
.share-artikel a.whatsapp {
  background-color: #50e46f;
}

.author-artikel {
    border-radius: 10px;
    background: #f5f7fc;
    padding: 1rem;
    margin-bottom: 1rem;
}
.author-artikel .author-title {
    font-size: 18px;
    text-transform: capitalize;
}
.author-artikel .flex-shrink-0 img {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 5px;
}
.author-artikel .author-deskripsi {
    color: #666;
    margin-bottom: 0.5rem;
}

.post-navigation {
  position: relative;
  margin-bottom: 1rem;
}
.post-navigation .screen-reader-text {
  display: none;
}
.post-navigation .nav-links {
  overflow: hidden;
  line-height: 1.6;
}
.post-navigation .nav-links > * {
  width: 40%;
  float: left;
}
.rtl .post-navigation .nav-links > * {
  float: right;
}
.post-navigation .nav-links > *.nav-next {
  float: right;
  text-align: right;
}
.rtl .post-navigation .nav-links > *.nav-next {
  float: left;
}
.rtl .post-navigation .nav-links > *.nav-next {
  text-align: left;
}
.post-navigation .nav-links > *.nav-next i {
  font-size: 14px;
  margin-left: 5px;
}
.rtl .post-navigation .nav-links > *.nav-next i {
  margin-right: 5px;
  margin-left: 0;
}
.post-navigation .nav-links > *.nav-previous i {
  font-size: 14px;
  margin-right: 5px;
}
.rtl .post-navigation .nav-links > *.nav-previous i {
  margin-left: 5px;
  margin-right: 0;
}
.post-navigation .nav-links .inner {
  overflow: hidden;
  display: block;
}
.post-navigation .nav-links .navi {
  display: block;
  color: #1967D2;
  font-size: 16px;
  font-weight: 500;
}
.post-navigation .nav-links .title-direct {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-navigation .inner {
  -webkit-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
}
.post-navigation .inner:hover, .post-navigation .inner:hover a {
  color: #1967D2;
}

.terkait-artikel h2 {
    font-size: 25px;
    display: block;
    font-weight: bold;
}
.terkait-artikel h2 span {
    font-weight: 400;
}
.grid-v1 .artikel-terkait-judul {
    font-size: 15px;
}
.artikel-terkait-judul {
    font-size: 17px;
    font-weight: bold;
}

/*------------------------------------*\
    KOMENTAR ELITE
\*------------------------------------*/
#commentform {
  margin-bottom: 30px;
}
#commentform label {
  font-weight: 400;
  color: #202124;
  margin: 0 0 7px;
}
#commentform .comment-form-cookies-consent label {
  margin-bottom: 0;
}
#commentform textarea.form-control {
  height: 150px;
  resize: none;
}
#commentform .form-group {
  margin-bottom: 15px !important;
}
@media (min-width: 1200px) {
  #commentform .form-group {
    margin-bottom: 25px !important;
  }
}
#commentform .form-group.yourview {
  margin-bottom: 15px !important;
}
#commentform .form-group.yourview .your-rating {
  display: none;
}
@media (min-width: 1200px) {
  #commentform .space-comment {
    margin: 0 0 30px;
  }
}
#commentform .form-submit {
  margin-bottom: 0;
}
#commentform #cancel-comment-reply-link {
  color: #e44343;
}
.flex-top {
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  display: flex;
  align-items: flex-start;
}
.flex-top .ali-right {
  margin-left: auto;
}
.comment-list {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.75;
}
@media (min-width: 1200px) {
  .comment-list .comment-respond {
    padding-bottom: 20px;
  }
}
.comment-list #cancel-comment-reply-link {
  color: #e44343;
}
.comment-list .comment-author strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 75px;
}
.comment-list .comment-edit-link {
  color: #dc3545;
  margin-right: 15px;
  font-weight: 500;
}
.comment-list strong {
  font-size: 16px;
  color: #202124;
  font-weight: 500;
}
.comment-list .comment-reply-link {
  color: #1967D2;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-weight: 500;
}
.comment-list .comment-reply-link:hover,
.comment-list .comment-reply-link:active {
  color: #517920;
}
.comment-list .comment-box {
  overflow: hidden;
}
.comment-list .comment-text {
  margin: 15px 0 0;
}
.comment-list .comment-text p:last-child {
  margin: 0;
}
.comment-list div.avatar {
  width: 75px;
  padding-right: 15px;
  float: left;
}
@media (min-width: 1200px) {
  .comment-list div.avatar {
    width: 110px;
    padding-right: 30px;
  }
}
.comment-list img.avatar {
  width: 55px;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0;
}
@media (min-width: 1200px) {
  .comment-list img.avatar {
    width: 80px;
  }
}
.comment-list .the-comment {
  padding: 0 0 20px;
}
@media (min-width: 1200px) {
  .comment-list .the-comment {
    padding: 0 0 45px;
  }
}
.comment-list > li:last-child > .the-comment:last-child {
  padding-bottom: 0;
}

.comment-respond .title {
  margin: 0 0 15px;
  font-size: 18px;
}

.reset-button-default #commentform {
  margin-bottom: 0;
}
.reset-button-default #respond {
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .reset-button-default #respond {
    padding: 45px 50px 50px;
    margin-top: 55px;
  }
}
.comments-area.no-comment .reset-button-default #respond {
  margin-top: 0;
}
.box-comment {
  border-top: 1px solid #ECEDF2;
  padding-top: 20px;
}
.comments-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px;
}
.commentform .comment-notes {
  display: none;
}
.logged-in-as {
  margin-bottom: 25px;
}
.logged-in-as a + a {
  color: #1967D2;
}

.comment-navigation {
  overflow: hidden;
  padding: 20px 0;
}
.comment-navigation .nav-links > div {
  display: inline-block;
}
.comment-navigation .nav-links > div + div {
  line-height: 1.1;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 2px solid #ECEDF2;
}
.rtl .comment-navigation .nav-links > div + div {
  margin-right: 15px;
  margin-left: 0;
}
.rtl .comment-navigation .nav-links > div + div {
  padding-right: 15px;
  padding-left: inherit;
}
.rtl .comment-navigation .nav-links > div + div {
  border-right: 2px solid #ECEDF2;
  border-left: inherit;
}

/*------------------------------------*\
    WIDGET ELITE
\*------------------------------------*/
.widget_recent_post_thumb .terbaru-thumb, .widget_random_post_thumb .terbaru-thumb {
    border-bottom: 1px solid #DDD;
    padding: 0.5rem 0;
}
.widget label {
  font-weight: 400;
}
.widget .widget_sp_image-image-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.widget .widget_sp_image-image-link img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.widget.widget_text img {
  margin: 15px 0;
  height: auto;
}
.widget.widget_rss .widget-title {
  background: none;
}
.widget.widget_rss .widget-title img {
  vertical-align: middle;
}
.widget.widget_rss ul, .widget.widget_rss ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_rss ul li:last-child, .widget.widget_rss ol li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget.widget_rss ul li .children > li:before, .widget.widget_rss ol li .children > li:before {
  top: 24px;
}
.widget.widget_rss ul ul li:first-child, .widget.widget_rss ol ul li:first-child {
  padding-top: 14px;
  background-position: 0 24px;
}
.widget.widget_rss ul li {
  background: none;
  margin: 0 0 18px;
}
.widget.widget_rss ul li:last-child {
  margin-bottom: 0;
}
.widget.widget_recent_comments ul, .widget.widget_recent_comments ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget.widget_recent_comments ul li:last-child, .widget.widget_recent_comments ol li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget.widget_recent_comments ul li .children > li:before, .widget.widget_recent_comments ol li .children > li:before {
  top: 24px;
}
.widget.widget_recent_comments ul ul li:first-child, .widget.widget_recent_comments ol ul li:first-child {
  padding-top: 14px;
  background-position: 0 24px;
}
.widget.widget_recent_comments ul li {
  background: none;
}
.widget_meta ul,
.widget_archive ul,
.widget_recent_entries ul,
.widget_categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul {
  padding-left: 25px;
}
.rtl .widget_meta ul ul, .rtl
.widget_archive ul ul, .rtl
.widget_recent_entries ul ul, .rtl
.widget_categories ul ul {
  padding-right: 25px;
  padding-left: inherit;
}
.widget_meta ul li,
.widget_archive ul li,
.widget_recent_entries ul li,
.widget_categories ul li {
  padding: 0;
}
.widget_meta ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a,
.widget_categories ul li a {
  color: #696969;
  display: inline-block;
  padding: 5px 0;
  padding-left: 15px;
  position: relative;
}
.rtl .widget_meta ul li a, .rtl
.widget_archive ul li a, .rtl
.widget_recent_entries ul li a, .rtl
.widget_categories ul li a {
  padding-right: 15px;
  padding-left: inherit;
}
.widget_meta ul li a:before,
.widget_archive ul li a:before,
.widget_recent_entries ul li a:before,
.widget_categories ul li a:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: inline-block;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  background-color: #202124;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rtl .widget_meta ul li a:before, .rtl
.widget_archive ul li a:before, .rtl
.widget_recent_entries ul li a:before, .rtl
.widget_categories ul li a:before {
  right: 0;
  left: auto;
}
.widget_meta ul li:hover > a, .widget_meta ul li.current-cat-parent > a, .widget_meta ul li.current-cat > a,
.widget_archive ul li:hover > a,
.widget_archive ul li.current-cat-parent > a,
.widget_archive ul li.current-cat > a,
.widget_recent_entries ul li:hover > a,
.widget_recent_entries ul li.current-cat-parent > a,
.widget_recent_entries ul li.current-cat > a,
.widget_categories ul li:hover > a,
.widget_categories ul li.current-cat-parent > a,
.widget_categories ul li.current-cat > a {
  color: #1967D2;
}
.widget_meta ul li:hover > a:before, .widget_meta ul li.current-cat-parent > a:before, .widget_meta ul li.current-cat > a:before,
.widget_archive ul li:hover > a:before,
.widget_archive ul li.current-cat-parent > a:before,
.widget_archive ul li.current-cat > a:before,
.widget_recent_entries ul li:hover > a:before,
.widget_recent_entries ul li.current-cat-parent > a:before,
.widget_recent_entries ul li.current-cat > a:before,
.widget_categories ul li:hover > a:before,
.widget_categories ul li.current-cat-parent > a:before,
.widget_categories ul li.current-cat > a:before {
  background-color: #1967D2;
}

/*------------------------------------*\
    search
\*------------------------------------*/

.widget-search form {
  position: relative;
}
.widget-search form .btn {
  height: 48px;
  border: 0;
  background-color: transparent !important;
  color: #77838F;
  padding: 5px 15px;
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  .widget-search form .btn {
    height: 58px;
  }
}
.widget-search form .btn:hover, .widget-search form .btn:focus {
  color: #1967D2;
}
.rtl .widget-search form .btn {
  right: 8px;
  left: auto;
}
.widget-search .form-control {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  padding-left: 58px;
  background-color: #fff !important;
}
.widget-search .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget-search .form-control::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget-search .form-control:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget-search .form-control:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  filter: alpha(opacity=100);
}

/*------------------------------------*\
    Tags Widget
\*------------------------------------*/
.tagcloud {
  overflow: hidden;
}
.tagcloud a {
  text-transform: capitalize;
  margin-bottom: 8px;
  margin-right: 6px;
  font-size: 14px !important;
  display: inline-block;
  padding: 3px 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background: #fff;
  color: #696969;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.rtl .tagcloud a {
  margin-left: 6px;
  margin-right: 0;
}
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a.active {
  color: #fff;
  background: #262626;
  border-color: #262626;
}

/*-----------------------------*\
        Widget video
\*-----------------------------*/
@-webkit-keyframes boxscale {
  from {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
  }
}
/* Standard syntax */
@keyframes boxscale {
  from {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2);
  }
}
.video-wrapper-inner {
  position: relative;
}
.video-wrapper-inner .popup-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  -o-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
  z-index: 1;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #202124;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  -webkit-animation: boxscale 1.2s linear 0s infinite alternate;
  /* Safari 4.0 - 8.0 */
  animation: boxscale 1.2s linear 0s infinite alternate;
}
@media (min-width: 1200px) {
  .video-wrapper-inner .popup-video {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 30px;
  }
}
.video-wrapper-inner .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.video-wrapper-inner .image-wrapper img {
  width: 100%;
}
.video-wrapper-inner:hover .popup-video {
  color: #1967D2;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

/*-----------------------------*\
    Widget Vertical Menu
\*-----------------------------*/
.vertical-menu {
  display: none !important;
  padding: 0;
  background: #fff;
  z-index: 999;
}
.vertical-menu > .nav {
  position: relative;
  width: 100%;
  height: auto;
}
.vertical-menu > .nav .open > a, .vertical-menu > .nav .open > a:hover, .vertical-menu > .nav .open > a:focus,
.vertical-menu > .nav .active > a,
.vertical-menu > .nav .active > a:hover,
.vertical-menu > .nav .active > a:focus {
  color: #1967D2;
}
.vertical-menu > .nav > li {
  float: none;
  position: static;
  border-bottom: 1px solid #ECEDF2;
}
.vertical-menu > .nav > li.active > a {
  color: #1967D2;
  background: #fafafa;
}
.vertical-menu > .nav > li > a {
  color: #414141;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.vertical-menu > .nav > li > a:hover {
  color: #1967D2;
  background: #fafafa;
}
.vertical-menu > .nav > li > a .fa {
  font-size: 15px;
  min-width: 15px;
  margin-right: 12px;
}
.rtl .vertical-menu > .nav > li > a .fa {
  margin-left: 12px;
  margin-right: 0;
}
.vertical-menu > .nav > li .dropdown-menu {
  min-width: 230px;
  min-height: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.vertical-menu > .nav .product-block {
  padding: 0 !important;
  overflow: hidden;
  display: block;
}
.vertical-menu .dropdown-menu {
  margin: 0;
  padding: 30px;
  border: none;
  top: 0;
}
.vertical-menu .dropdown-menu:before, .vertical-menu .dropdown-menu:after {
  content: " ";
  display: table;
}
.vertical-menu .dropdown-menu:after {
  clear: both;
}
.vertical-menu .dropdown-menu ul {
  padding: 0;
  list-style: none;
}
.vertical-menu .dropdown-menu ul li {
  line-height: 34px;
}
.vertical-menu .dropdown-menu ul li a {
  color: #414141;
}
.vertical-menu .dropdown-menu ul li a:hover, .vertical-menu .dropdown-menu ul li a.active {
  color: #1967D2;
}
.vertical-menu .dropdown-menu ul ul {
  padding-left: 15px;
}
.rtl .vertical-menu .dropdown-menu ul ul {
  padding-right: 15px;
  padding-left: inherit;
}
.vertical-menu .dropdown-menu .widget-title {
  border: none;
  font-size: 16px;
  padding: 0 0 15px;
  color: #202124;
}
.vertical-menu .dropdown-menu .woocommerce .product-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.vertical-menu.menu-left .dropdown-menu {
  left: 100% !important;
  right: auto !important;
}
.rtl .vertical-menu.menu-left .dropdown-menu {
  right: 100% !important;
  left: auto;
}
.rtl .vertical-menu.menu-left .dropdown-menu {
  left: auto !important;
  right: auto;
}
.vertical-menu.menu-right .dropdown-menu {
  left: auto !important;
  right: 100% !important;
}
.rtl .vertical-menu.menu-right .dropdown-menu {
  right: auto !important;
  left: auto;
}
.rtl .vertical-menu.menu-right .dropdown-menu {
  left: 100% !important;
  right: auto;
}
.vertical-menu .icon-ver {
  margin-right: 10px;
}
.rtl .vertical-menu .icon-ver {
  margin-left: 10px;
  margin-right: 0;
}

/*-----------------------------*\
    Widget Recent Comments
\*-----------------------------*/

#recentcomments > li {
  margin: 0 0 7px;
  padding: 0 0 7px;
}
#recentcomments > li:last-child {
  margin: 0;
  padding: 0;
}

/*-----------------------------*\
    Widget Page
\*-----------------------------*/

.widget_pages ul,
.widget_nav_menu ul {
  list-style: none;
  padding: 0;
}
.widget_pages ul li,
.widget_nav_menu ul li {
  padding-bottom: 5px;
  margin: 0 0 5px;
}
.widget_pages ul li:last-child,
.widget_nav_menu ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget_pages ul ul,
.widget_nav_menu ul ul {
  margin-top: 5px;
  padding-top: 5px;
  padding-left: 25px;
}
.rtl .widget_pages ul ul, .rtl
.widget_nav_menu ul ul {
  padding-right: 25px;
  padding-left: inherit;
}

/*-----------------------------*\
    Widget Lain Lain
\*-----------------------------*/

.widget_text select,
.widget_categories select,
.widget_archive select {
  width: 100%;
  padding: 8px 15px;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border: 1px solid #F0F5F7;
  background: url("../images/select.png") #fff right 15px center no-repeat;
  height: 50px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media (min-width: 1200px) {
  .widget_text select,
  .widget_categories select,
  .widget_archive select {
    height: 60px;
  }
}

/*-----------------------------*\
    Widget Vertical Menu
\*-----------------------------*/

@media (max-width: 991px) {
  .comment-list .children {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .share-artikel .title {
    display: block;
    margin: 0 0 10px;
  }
}


/*------------------------------------*\
    NEWS INDEX ELITE
\*------------------------------------*/
.category-list::after {
    content: '';
    flex: 1 1 auto;
    border-top: 2px solid #2f4256;
}
.category-list::before {
        font: normal normal normal 14px/1 FontAwesome;
    content: "\f3b1";
    color: #2f4256;
}
.category-list {
    margin-bottom: 20px;
}
.category-list {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

/*------------------------------------*\
    Paralax
\*------------------------------------*/

.paralax_div {
  position: relative;
  overflow: visible;
  width: 300px;
  height: 250px;
  margin-right: 20px;
  display: inline-block;
  float: left;
  z-index: 99;
}
.paralax_div > div {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(auto auto auto auto);
}
.paralax_div > div > div {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  margin: 0 auto;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.paralax_div > div > div > div {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 0;
  border: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.paralax_div > div > div > div > * {
  margin: 0;
  margin-top: 0;
}
.paralax_div > div > div > div > a {
  width: 100%;
  height: 100vh;
}
.paralax_div img,.paralax_div iframe,.paralax_div ins {
  height: 600px;
  width: 300px;
}
.clear {
  clear: both;
  display: block
}

@media screen and (max-width:640px) {
  .paralax_div {
    width: 100%;
    height: 650px;
    margin: 0 auto;
    float: none;
  }
  .paralax_div > div > div > div {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .paralax_div > div > div {
    width: 100%;
    left:0;
    text-align: center;
  }
  .paralax_div img {
    margin: 0 auto;
    width:auto;
    max-width:100%;
    height:auto;
  }
}
@media screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {
    margin: 0 auto;
    width:100%;
    height:650px;
  }
}

/*------------------------------------*\
    Float Banner
\*------------------------------------*/



.gmr-floatbanner {position: relative;z-index:9999;}
.gmr-floatbanner-left {left: 50%;margin-left: -795px;position: fixed;overflow:hidden;top: auto;width: 300px;}
.gmr-floatbanner-right {right: 50%;margin-right: -795px;position: fixed;overflow:hidden;top: auto;width: 300px;}
.inner-floatleft {float:right;}
.inner-floatright {float:left;}
.gmr-floatbanner-left img,
.gmr-floatbanner-right img {max-width: none !important;}
.gmr-floatbanner-footer {z-index: 999;position: fixed;text-align: center;bottom: 0;left:0;right:0;}
.admin-bar .gmr-floatbanner-left,
.admin-bar .gmr-floatbanner-right {top:auto;}
.gmr-floatbanner button {text-align: center;font-size:12px;padding: 1px 5px;margin:0;background-color: #ffffff;border-radius: 0 !important;border:none;color: #111111 !important;z-index:9;}
.inner-floatleft button {position: absolute; right: 0;}
.inner-floatright button {position: absolute; left: 0;}
.inner-floatbottom button {position: absolute; left: auto;right: auto;}
.infeed-ads {padding: 0px 0 18px;}
@media(max-width: 991px){
	.gmr-floatbanner {
		display: none;
	}
	.gmr-floatbanner.gmr-floatbanner-footer {
		display: block !important;
	}
}