@font-face {
    font-family: 'Guardian Text Egyptian Web';
    src: url('/ipos1/fonts/guardian-fonts/GuardianTextEgyp-Bold-Web.woff2') format('woff2'),
         url('/ipos1/fonts/guardian-fonts/GuardianTextEgyp-Bold-Web.woff') format('woff');
    font-weight:  700;
    font-style:   normal;
    font-stretch: normal;
  }
  
  .GuardianTextEgyp-Bold-Web {
    font-family: 'Guardian Text Egyptian Web';
    font-weight:  700;
    font-style:   normal;
    font-stretch: normal;
  }
  .row.ads-top-home {
    margin-top: 15px;
}
.example1 {
    height: 30px;	
    overflow: hidden;
    position: relative;
   }
.example1 h3 {
    font-size: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 30px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: example1 30s linear infinite;
    -webkit-animation: example1 30s linear infinite;
    animation: example1 30s linear infinite;
   }
   /* Move it (define the animation) */
   @-moz-keyframes example1 {
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
   }
   @-webkit-keyframes example1 {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
   }
   @keyframes example1 {
    0%   { 
    -moz-transform: translateX(100%); /* Firefox bug fix */
    -webkit-transform: translateX(100%); /* Firefox bug fix */
    transform: translateX(100%); 		
    }
    100% { 
    -moz-transform: translateX(-100%); /* Firefox bug fix */
    -webkit-transform: translateX(-100%); /* Firefox bug fix */
    transform: translateX(-100%); 
    }
   }

.dropdown:hover>.dropdown-menu {
    display: block;
}
  
  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
      pointer-events: none;
}
  
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
h2 {font-size: 23px;}
h3 {font-size: 15px;}
.list-judul-tengah-cat time,
.head-category time,
.list-head-category time {
    font-size: 13px;
    color: #c70000;
    font-weight: 700;
}
.berita-lainnya .text time,
.box-berita-terkait time,
time.list-terkini,
.list-headline2 time,
.headline2-format1 time,
.col-headline1 time,
.col-headline1-list time {
    font-size: 13px;
    color: #1279c2;
    font-style: italic;
}
.row.list-cat-tengah{
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.list-head-category .row {
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
}
.col-md-8.col-content {
    padding-right: 0px;
}
.col-md-12.ads-content-kanan img,
.col-ads-cat img{
width: 100%;
height: auto;
}
.list-category ul,
.img-list-tengah-cat,
.img-list-head-cat,
.list-head-category ul {
    padding: 0px;
    margin: 0px;
}
.img-list-tengah-cat img,
.img-list-head-cat img {
    width: 100%;
}
.voice-tengah1 .col-md-4 {
    padding: 0px;
}
.col-wrap-footer .p-2{
    font-size: 23px;
}
.nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    margin-right: 5px;
}
.circle-top p {
    box-sizing: border-box;
    display: block;
    padding: 0.375rem 1.25rem 1.1875rem;
    position: relative;
    color: #FFF;
    text-align: center;
    font-weight: 700;
}
.circle-top {
    background: #121212;
    border-radius: 50%;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    padding-top: 57%;
    position: absolute;
    right: 0;
    transition: background-color 250ms ease-out;
}
.wrap-logo .col-md-4.logo {
    margin-top: 15px;
}
.wrap-logo {
    background: #f6f6f6;
    padding-bottom: 10px;
    padding-top: 10px;
}
.menu-toplah {
    height: 60px;
    margin-bottom: 22px;
}
.logo img {
    width: 322px;
}
.nav-header-top{
    background: #f6f6f6;
    border-bottom: 1px solid #DDD;
}
.navbar-top {
    padding: 0px !important;
}
a.nav-link.active {
    font-size: 16px;
    font-weight: 700;
}
header:after {
    background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem);
    background-position: bottom;
    background-size: 0.0625rem 0.8125rem;
    background-color: #ffffff;
    content: '';
    display: block;
    height: 0.8125rem;
}
p.p-headline1 {
    margin-top: 25px;
}
.row.col-headline1-list {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 10px;
}
.list-fokus h3 {
    font-size: 18px;
}
.col-md-12.iklan-latest-kanan img {
width: 100%;
}
.row-list-terkini .img-list {
    padding-right: 0px;
}
.judul-list-terkini h3 {
    font-size: 17px;
}
.list-populer h3 {
    margin-left: 38px;
    padding-right: 10px;
    font-size: 19px;
}

.col-md-9.judul-list-terkini {
    padding-right: 0px;
}

.terkini-home li {
    border-top: 1px solid #DDD;
    margin-bottom: 10px;
    padding-top: 10px;
}
.terkini-home ul {
    padding: 0px;
}
ul {
    list-style: none;
}

ol{margin:0 0 13px 10px; list-style-type:decimal}
ol {counter-reset:li;list-style: none;font:15px;padding:0;margin-bottom:2em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
ol li{padding-bottom:3px}
ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;text-decoration:none;
transition:all .3s ease-out;}
ol li:before {
    color: #c70000;
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
    font-size: 31px;
    margin-left: 70px;
}
ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}


.list-populer li {
    border-bottom: 1px solid #DDD;  
    margin-left: -10px;
}
.box-list-populer {
    padding: 0px;
    border: 3px solid #DDD;
    background-color: #f6f6f6;
    margin-bottom: 10px;
}
.judul-list-terkini {
    font-size: 17px;
    line-height: 17px;
}
.line {
    width: 100%;
}
.img-list img {
    width: 100%;
}

.col-headline1 {
    border-top: 1px solid #c70000;
    background-color: #f6f6f6;
}

.berita-lainnya .text strong,
.box-berita-terkait .text strong,
.judul-list-terkini b,
.micosite-lists b,
.news-slider .text-content b,
.l-headline1,
.l-headline2,
.l-headline3 {
    color: #c70000; 
    font-weight: 700;  
}
html,
body {
    font-family: "Guardian Text Egyptian Web", Georgia, 'Times New Roman', Times, serif;
    font-size: 15px;
    /* padding-top: 6.5rem; */
    padding-top: 0rem;
}
a {
    color: #000;
}
.header-indopos {
    background: #FFF;
}

.headline2-format1 time,
.headline2-format1 .h-headline2 {
    padding-left: 10px;
    padding-right: 10px;
}
.col-headline2 h3 {
    font-size: 21px;
}
.col-md-2.jdl-headline {
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
}
.running-text .col-md-10 {
    padding-left: 0px;
}
.running-text .col-md-2 {
    max-width: 11%;
    padding-right: 0px;
}
.col-headline2 .col-md-12 h3 {font-size: 17px;}
.col-md-12.list-headline2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px; 
}
.col-md-12.list-headline3 {
    padding: 0px;
}
h3.h-headline3{
    padding: 5px;
    border-top: 1px solid #c70000;
    background-color: #f6f6f6;
    font-size: 15px;
}
.col-kanan1 {
    padding-right: 0px;
    padding-left: 0px;
    border-top: 1px solid #c70000;
    background-color: #f6f6f6;
}
p.p-headline3,
h2.h-headline3 {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.voice-tengah1 img{
    width: 100%;
}
.voice-tengah1 .col-md-8 {
    background: #333333;
    color: #fffef9;
}
h3.h-voice-tengah1 {
    font-size: 22px;
}
.h-voice-tengah1 b {
    color: #f36855;
}
.col-kiri-judul {
    font-size: 28px;
    font-weight: 700;
}
.col-kiri-subjudul {
    font-size: 25px;
    font-weight: 700;
}
.col-kiri-date {
    font-size: 17px;
    font-weight: 700;
    color: #c70000;
}
.col-md-4.headline2-format2 {
    padding-left: 0px;
    padding-right: 0px;
}
.cuaca {
    border: 3px solid #DEDEDE;
}

/* Gallery Carousel */

#custom_carousel .item  .top {
    overflow:hidden;
    max-height:300px;
    margin-bottom:15px;
}
#custom_carousel .item {

    color:#000;
    background-color:#fff;
    padding:20px 0;
    overflow:hidden
}
#custom_carousel .item img{
width:100%;
height:auto
}

#custom_carousel .izq 
{
    position:absolute;
  left: -25px;
  top:40%;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
}
/* Next button  */
#custom_carousel .der 
{
       position:absolute;
  right: -25px !important;
  top:40%;
  left:inherit;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
}
#custom_carousel .controls{

    overflow:hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    border:0;
}
#custom_carousel .controls .nav{

    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    width: auto;
    border: 0;
}
#custom_carousel .controls li {
    transition: all .5s ease;
    display: inline-block;
    max-width: 100px;
    height: 90px;
    opacity:.5;
}
#custom_carousel .controls li a{
    padding:0;
}
#custom_carousel .controls li img{
width:100%;
height:auto
}

#custom_carousel .controls li.active {
    background-color:#fff;
    opacity:1;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}
.microsite-widget {
    border: 3px solid #DDD;
}
img.img-background-voice {
    width: 100%;
}
.microsite-item {
    border-top: 1px solid #DDD;
    padding: 5px;
}
.micosite-lists {
    background: #f7f7f7;
}
h2.judul-microsite.text-center {
    background: #f6f6f6;
    color: #c70000;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
}

/* Gallery Thumbnails */
.thumb-box {
    padding: 1.4em 0 1em;
    margin-left: -1%;
    width: 102%;
        .thumbs {
            @include clearfix;
                li {
                    float: left;
                    width: 25%;
                    text-align: center;
                    padding: 0 1%;
                    img {
                        width: 100%;
                        opacity: .8;
                        @include transition(opacity .32s);
                        border-bottom: 4px solid transparent;
                        &.active {
                        border-color: $bc-rk-blue;
                        opacity: 1;
                        }
                    }
                    &:hover {
                        img {
                        opacity: 1;
                        @include transition(opacity .2s);
                        }
                    }
                    }
            }
}

.thumb-box{
    padding:0.4em 0 0.4em;
    margin-left:-1%;
    width:102%
}
.thumb-box .thumbs{
    overflow:hidden;
    *zoom:1
}
.thumb-box .thumbs li{
    float:left;
    width:25%;
    text-align:center;
    padding:0 1%
}
.thumb-box .thumbs li img{
    width:100%;
    opacity:.8;
    -moz-transition:opacity 0.32s;
    -o-transition:opacity 0.32s;
    -webkit-transition:opacity 0.32s;
    transition:opacity 0.32s;
    border-bottom:4px solid transparent
}
.thumb-box .thumbs li img.active{
    border-color:#31ace2;
    opacity:1
}
.thumb-box .thumbs li:hover img{
    opacity:1;
    -moz-transition:opacity 0.2s;
    -o-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
    transition:opacity 0.2s
}

.thumb-box ul {
    list-style: none;
    padding-left: 0px;
}

/* Slider Gallery Photo*/
.news-slider {

  }
  .news-slider .text-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1em;
    width: 34%;
    height: 100%;
  }

  .news-slider .text-content h2 {
    margin: 0;
    font-size: 35px;
    line-height: 35px;
  }
  .news-slider .text-content p {
    margin: 1em 0;
    font-size: 15px;
    line-height: 17px;
  }
  .news-slider .text-content a.button-link {
    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 1em;
    right: 1em;
  }
  .news-slider .image-content {
    line-height: 0;
  }
  .news-slider .image-content img {
    width: 100%;
  }
  .news-slider .news-pager {
    text-align: right;
    display: block;
    margin: 0.2em 0 0;
    padding: 0;
    list-style: none;
  }
  .news-slider .news-pager li {
    display: inline-block;
    padding: 0.6em;
    margin: 0 0 0 1em;
  }
  .news-slider .news-pager li.sy-active a {
    color: #31ace2;
  }
  .news-slider .news-pager li a {
    font-weight: 500;
    text-decoration: none;
    display: block;
    color: #222;
  }
  footer {
    background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 0.0625rem 0.8125rem;
    margin-top: 0.75rem;
    padding-top: 1.125rem;
  }
  .footer-wrap {
    border-bottom: 1px solid #DDD;
    background: #FFF;
    padding-left: 30px;
  }
  .col-wrap-footer {
    margin-bottom: 0px !important;
}
.footer-body img {
    width: 57%;
}
.footer-bts {
    border-right: 1px solid #DDD;
}
.footer-body{
    background: #f6f6f6;
}
.footer-menu ul {
    padding-left: 0px;
}
.footer-menu ul li {
    border-bottom: 1px solid #DEDEDE;
    margin-top: 5px;
}
.footer-menu .footer-jdl {
    font-weight: 700;
    border-bottom: 1px solid #DDD;
}
.footer-copyright p {
    margin-left: 15px;
}
.footer-list h2 {
    margin-top: 20px;
    font-weight: 700;
}
.ads-top-home-wrap {
    margin-bottom: 25px;
}
.ads-skin-kanan{
    right: 50%;
    margin-right: -851px;
}
.ads-skin-kiri{
    left: 50%;
    margin-left: -851px;
}
.ads-skin{
    position: fixed;
    width: 300px;
    top: 182px;
}
.editor .editorpic {
    width: 50px;
    border-radius: 50px;
    margin-right: 10px;
    margin-top: -10px;
    float: left;
 }
.col-editor .editor {
        color: #7f8c8d;
        font-size: 12px;
        line-height: 140%;
 }
.col-editor .share .fb {
    display: inline-block;
    padding: 5px 0;
    width: 70px;
    text-align: center;
    color: #fff;
    background-color: #3370aa;
    margin: 0 10px 10px 0;
}
.col-editor .share .gp {
    background-color: #d6492b;
}
.col-editor .share .tw {
    background-color: #01b9ff;
}
.tags-artikel strong {

}
.tags-artikel p {
    float: left;
    padding: 5px;
    background: #DEDEDE;
    margin-right: 5px;    
}
.box-berita-terkait {
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.at-share-btn-elements {
    border: 1px solid #DDD;
    background-color: #f6f6f6;
    margin-top: 20px;
    padding-top: 5px;
    padding-left: 3px;
}
.col-editor {
    border: 1px solid #DDD;
    background-color: #f6f6f6;
    padding-top: 13px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 0px;
}
p.caption {
    color: #767676;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.box-berita-terkait h3 {
    font-size: 18px;
}
.box.ads-sigle-slipan {
    margin-top: 15px;
    margin-bottom: 15px;
}
.wrap-berita-terkait,
.wrap-berita-lainnya {
    border: 1px solid #DDD;
    padding: 5px;
    margin-left: 0px;
    width: 100%;
}
.col-lg-12.col-sm-12.col-berita-terkait {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.box-berita-terkait,
.berita-lainnya {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
}

/* Portfolio */
.portfolio .sy-controls {
    display: block;
  }
  .portfolio .sy-pager {
    margin: 1.5em 0;
  }
  .portfolio .external-captions {
    background-color: #fff;
    padding: 1em;
  }


  .top-banner .w-100 {
    width: fit-content !important;
    margin-left: auto;
    margin-right: auto;
}
.col-ads-cat,
.ads-970-panjang-1,
.ads-970-panjang-2,
.ads-970-panjang-3 {
    text-align: center;
    width: fit-content !important;
    margin-left: auto;
    margin-right: auto;
}
.wrap-content img {
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.content-artikel a {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
    font-weight: 700;
}
.galeri .thumb img {
    float: left;
    width: 196px;
    padding: 2px;
}