@font-face
{
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSansBold.eot');
    src: url('fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSansBold.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}




/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*/
html
{
    font-family: Gotham;
    font-weight: 500;
}

.glyphicon-top-menu
{
    margin-right: 5px;
}

.carousel-caption,
.nav-bg,
.navbar-full
{
    left: 0;
    right: 0;
}

#header,
.navbar
{
    margin-bottom: 0;
}

.date,
.mini-head,
.title-marked,
h5.title-in
{
    text-transform: uppercase;
}

.btn-danger,
.btn-red
{
    border-color: #ac2925 !important;
}

.ms-promotedActionButton
{
    display: none !important;
}

iframe
{
    margin: 0;
    padding: 0;
    border: none;
}

.ms-core-navigation,
body,
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: Gotham;
    font-weight: 500;
}

#header
{
    position: relative;
    margin-top: 14px;
}

.box-berita-img,
.regulasi-text
{
    border-bottom: solid 1px #d9d9d9;
}

.nav-bg
{
    height: 45px;
    position: absolute;
    bottom: 0;
    display: block;
}

.navbar
{
    min-height: 40px !important;
}

.navbar-default
{
    background: 0 0;
    border: none;
}

.navbar-collapse
{
    padding: 0 !important;
}

.navbar-inner
{
    border: none !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover
{
    background: #f7f7f7;
}

.nav li a
{
    border-right: solid 1px #e4e4e4 !important;
    padding: 15px 20px !important;
    color: #000 !important;
}

    .nav li a:hover
    {
        background: #f7f7f7 !important;
    }

.navbar-full
{
    position: fixed;
    background: red;
}

#topnavbar .nav li.static > .menu-item,
#topnavbar li.static > .menu-item
{
    height: auto !important;
}

.ms-siteicon-img
{
    max-height: 70px !important;
}

#DeltaSiteLogo
{
    margin-bottom: 24px !important;
}

.full-width
{
    width: 100%;
}

.searchbox.pull-right
{
    width: auto;
}

.menu-right-small
{
    float: right;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

    .menu-right-small li
    {
        float: left;
        list-style: none;
    }

        .menu-right-small li a
        {
            float: left;
            font-size: 11px;
            font-weight: 700;
            padding: 2px 20px;
            color: #000;
        }

        .menu-right-small li:last-child a
        {
            border: none !important;
            padding-right: 0 !important;
        }

            .menu-right-small li:last-child a span
            {
                padding-left: 5px;
            }

.showhide .title
{
	color: #fff!important;
}

.ms-srch-sb
{
    float: right;
    padding: 3px;
    -webkit-box-shadow: inset 0 0 7px -3px #ccc;
    box-shadow: inset 0 0 7px -3px #ccc;
    border: 1px solid #e5e5e5;
    margin-right: 30px;
}

#languageLink
{
    font-weight: 400 !important;
}

#footer
{
    padding-top: 20px;
    margin-top: 40px;
}

.footer-in
{
    background: #9e1e21;
    padding-top: 40px;
    margin-top: 20px;
    color: #fff;
    position: relative;
}

#footer p
{
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

    #footer p.footer-text-bold
    {
        font-weight: bold;
        font-size: 14px;
    }

.footer-address-detail
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .footer-address-detail li
    {
        float: left;
        list-style: none;
        font-size: 12px;
        margin-right: 20px;
    }

        .footer-address-detail li a
        {
            float: left;
            text-decoration: none;
            font-size: 12px;
            color: #fff !important;
        }

        .footer-address-detail li i
        {
            font-size: 14px !important;
            color: #fff !important;
            margin-right: 4px;
        }

.dark
{
}

.image-link,
.menu-sub,
h5.title-in
{
    text-align: center;
}

#footer .halo-ojk h4
{
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#footer .halo-ojk h3
{
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

#footer .halo-ojk span
{
    font-size: 11px;
    letter-spacing: 1px;
}

.footer-btm
{
    background: #c52027;
    padding: 20px 0;
    margin-top: 40px;
}

    .footer-btm p
    {
        margin: 0;
        padding: 0;
        color: #fff;
    }

.carousel-caption,
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption p
{
    color: #fff;
}

.carousel-inner > .item
{
    /*max-height: 240px;*/
    overflow: hidden;
}

    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img
    {
        width: 100%;
    }

.image-link
{
    float: left;
    width: 100%;
    padding: 0;
}

    .image-link img
    {
        width: 100%;
    }

.regulasi-text
{
    float: left;
    margin-top: 10px;
    padding-bottom: 5px;
    width: 100%;
}

    .regulasi-text a
    {
        font-weight: 700;
        text-decoration: none;
        color: #000;
    }

h5.title-in
{
    width: 100%;
    margin: 20px 0 15px;
    float: left;
    letter-spacing: 2px;
}

.title-marked
{
    float: left;
    font-weight: 700;
    padding: 0 0 0 35px;
    letter-spacing: 2px;
    background: url(img/marked-bg.png)left center no-repeat;
    width: 90%;
}

.box-berita-wrap
{
    border: 1px solid #d9d9d9;
    background: #fff;
    margin-top: -160px;
}

.box-berita-img
{
    padding: 0;
    float: left;
}

.box-berita
{
    padding: 15px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.box-berita-title
{
    font-weight: 700;
    font-weight: 20px !important;
    font-size: 16px;
}

.date
{
    font-size: 12px;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #8d8f8c;
}

.box-berita p
{
    float: left;
    margin-top: 15px;
}

.box-berita a
{
    color: #000;
}

.mtop20
{
    margin-top: 20px;
}

.mtop30
{
    margin-top: 30px;
}

.mbtm20
{
    margin-bottom: 20px;
}

.mbtm30
{
    margin-bottom: 30px;
}

.mleftmin15
{
    margin-left: -15px;
}

.mrightmin15
{
    margin-right: -15px;
}

@media screen and (min-width:768px)
{
    .carousel-caption
    {
        right: 20%;
        left: auto;
        padding-bottom: 30px;
        top: 10%;
    }

    .article-wrap h1
    {
        font-size: 18px;
        margin-top: 20px;
        font-weight: 700;
    }
}

.col1 ul li ul li
{
    position: relative;
}

    .col1 ul li ul li ul
    {
        display: none !important;
        position: absolute !important;
        background: #d7d7d7;
        top: 0;
        width: 240px;
        z-index: 100;
        padding: 0 10px 10px 15px !important;
        left: 80%;
        border-top: solid 5px #CC2329;
    }

    .col1 ul li ul li:hover ul
    {
        display: block !important;
    }

.col1 ul
{
    margin: 0 !important;
    padding: 0 !important;
}

    .col1 ul li a
    {
        font-weight: 500;
        color: #000 !important;
    }

    .col1 ul li ul li a
    {
        font-weight: 400 !important;
        color: #474747 !important;
        font-size: 13px;
    }

.jetmenu a.active,
.jetmenu a:hover
{
    color: #CC2329 !important;
}

.top-head-bg
{
    width: 100%;
    height: 185px;
    background: url(img/top-head-bg.jpg)center top repeat-y #c3161c !important;
}

.halo-ojk h3,
.halo-ojk h4,
.halo-ojk span
{
    float: left;
    width: 100%;
}

.footer-sm-nav a
{
    margin: 0 10px;
    color: #fff;
}

.menu-sub
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    font-size: 16px;
    color: #000 !important;
    min-height: 60px;
}

.ca-menu li,
.menu-sub
{
    box-sizing: border-box;
}

li:hover .menu-sub
{
    border: none;
}

.wdth20
{
    width: 20%;
}

.noborder
{
    border: none !important;
}

@media screen and (min-width:768px)
{
    .carousel-caption
    {
        right: 20%;
        left: auto;
        padding-bottom: 30px;
        top: 10%;
    }
}

.ca-content,
.ca-icon,
.ca-sub
{
    width: 100%;
    left: 0;
}

@font-face
{
    font-family: WebSymbolsRegular;
    src: url(websymbols/websymbols-regular-webfont.eot);
    src: url(websymbols/websymbols-regular-webfont.eot?#iefix)format(embedded-opentype), url(websymbols/websymbols-regular-webfont.woff)format(woff), url(websymbols/websymbols-regular-webfont.ttf)format(truetype), url(websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular)format(svg);
    font-weight: 400;
    font-style: normal;
}

.ca-menu
{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    border-bottom: solid 1px #dfdfdf;
}

    .ca-menu li
    {
        width: 16.666%;
        height: 170px;
        overflow: hidden;
        position: relative;
        float: left;
        background: #fff;
        margin: 0;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
        border-right: solid 1px #dfdfdf;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-top: 10px;
        list-style: none;
    }

        .ca-menu li:last-child
        {
            margin-right: 0;
        }

        .ca-menu li a
        {
            text-align: left;
            width: 100%;
            height: 100%;
            display: block;
            color: #333;
            position: relative;
        }

.ca-content,
.ca-icon,
.ca-sub
{
    position: absolute;
}

.jetmenu .indicator,
h3.ca-sub
{
    display: none;
}

.ca-icon,
.ca-main,
.ca-sub
{
    text-align: center;
}

.ca-icon
{
    font-family: WebSymbolsRegular, cursive;
    font-size: 60px;
    color: #333;
    text-shadow: 0 0 1px #333;
    line-height: 150px;
    height: 55%;
    top: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

    .ca-icon#heart
    {
        color: #f7002f;
        text-shadow: 0 0 1px #f7002f;
    }

.ca-content
{
    height: 50%;
    top: 55%;
}

.ca-main
{
    opacity: .8;
    font-weight: 500;
    transition: all 200ms linear;
}

.ca-main,
.ca-sub
{
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
}

.ca-sub
{
    font-size: 14px;
    color: #666;
    bottom: 0;
    line-height: 40px;
    opacity: .8;
    transition: all 200ms linear;
}

.ca-menu li:hover
{
    background-color: #c2161c !important;
    z-index: 999;
    border: none;
    margin-top: 0;
}

    .ca-menu li:hover .ca-icon
    {
        color: #cf0;
        font-size: 90px;
        opacity: 1;
    }

    .ca-menu li:hover .ca-content
    {
        margin-top: 10px;
    }

    .ca-menu li:hover .ca-icon#heart
    {
        -webkit-animation: smallToBig 900ms alternate infinite ease;
        -moz-animation: smallToBig 900ms alternate infinite ease;
        -ms-animation: smallToBig 900ms alternate infinite ease;
    }

    .ca-menu li:hover .ca-main
    {
        color: #fff;
        -webkit-animation: smallToBig 300ms ease;
        -moz-animation: smallToBig 300ms ease;
        -ms-animation: smallToBig 300ms ease;
    }

    .ca-menu li:hover .ca-sub
    {
        color: #cf0;
        -webkit-animation: moveFromBottom 500ms ease;
        -moz-animation: moveFromBottom 500ms ease;
        -ms-animation: moveFromBottom 500ms ease;
    }

@-webkit-keyframes smallToBig
{
    from
    {
        -webkit-transform: scale(.1);
    }

    to
    {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes smallToBig
{
    from
    {
        -moz-transform: scale(.1);
    }

    to
    {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes smallToBig
{
    from
    {
        -ms-transform: scale(.1);
    }

    to
    {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom
{
    from
    {
        -webkit-transform: translateY(100%);
    }

    to
    {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes moveFromBottom
{
    from
    {
        -moz-transform: translateY(100%);
    }

    to
    {
        -moz-transform: translateY(0);
    }
}

@-ms-keyframes moveFromBottom
{
    from
    {
        -ms-transform: translateY(100%);
    }

    to
    {
        -ms-transform: translateY(0);
    }
}

.ca-icon
{
    text-indent: -99999px;
    background: url(../images/icon1.png)center center no-repeat;
}

.ca-main
{
    font-size: 12px;
    float: left;
    width: 70%;
    margin: 0 15%;
}

.round1
{
    background: url(img/icon1.png)center center no-repeat;
}

.round2
{
    background: url(img/icon2.png)center center no-repeat;
}

.round3
{
    background: url(img/icon3.png)center center no-repeat;
}

.round4
{
    background: url(img/icon4.png)center center no-repeat;
}

.round5
{
    background: url(img/icon5.png)center center no-repeat;
}

.round6
{
    background: url(img/icon6.png)center center no-repeat;
}

li:hover .round1
{
    background: url(img/icon1.png)center center no-repeat;
}

li:hover .round2
{
    background: url(img/icon2.png)center center no-repeat;
}

li:hover .round3
{
    background: url(img/icon3.png)center center no-repeat;
}

li:hover .round4
{
    background: url(img/icon4.png)center center no-repeat;
}

li:hover .round5
{
    background: url(img/icon5.png)center center no-repeat;
}

.top-section
{
    border-bottom: solid 1px #a2a2a2;
}

.layanan-elektronik ul
{
    /*float: left;*/
    padding: 0;
    margin: 0;
    list-style: none;
    height: 460px;
    overflow-y: scroll;
}

    .layanan-elektronik ul li
    {
        padding: 0;
        margin: 0 0 5px;
        position: relative;
        min-height: 32px;
    }

        .layanan-elektronik ul li a
        {
            float: left;
            font-size: 12px;
            color: #8f8d8c;
            font-weight: 600;
            line-height: 14px;
            padding-left: 40px;
            padding-top: 8px;
        }

            .layanan-elektronik ul li a img
            {
                max-width: 32px;
                max-height: 32px;
                position: absolute;
                left: 0;
                top: 0;
            }

.box-berita-in
{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    height: 130px;
}

.box-berita-in:last-child
{
	border-bottom: none;
	padding-bottom: 0;
}

    .box-berita-in h3
    {
        padding: 0;
        margin: 0;
    }

a.tentang-ojk-menu
{
	padding: 0!important;
}
    
/*a.tentang-ojk-menu
{
    height: 18px;
    padding: 0 !important;
    background: url(img/ojk-home.png)center center no-repeat !important;
}

    a.tentang-ojk-menu:hover
    {
        height: 18px;
        background: url(img/ojk-home.png)center center no-repeat #f7f7f7 !important;
    }*/

.btn-danger
{
    color: #fff !important;
    background-color: #d2322d !important;
}

.home-small-tab
{
    float: left;
    width: 100%;
}

    .home-small-tab li a
    {
        border-radius: 0 !important;
        border: none !important;
    }

    .home-small-tab li.active a,
    .home-small-tab li.active a:focus,
    .home-small-tab li.active a:hover
    {
        text-decoration: none;
        background: #f7f7f7;
        border-radius: 0;
        border: 1px solid #dfdfdf !important;
        border-bottom: none !important;
    }

.article-wrap,
.mid-content-wrap-full,
.table-simple tr td
{
    border-bottom: solid 1px #d9d9d9;
}

.home-small-tab-content
{
    float: left;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
}

.background-none,
.ojkpedia-tab,
.ojkpedia-tab li a,
.table-simple tr th,
ul.ca-menu li:last-child
{
    border: none !important;
}

#galleryslide .carousel-control
{
    background: 0 0 !important;
}

.kanal-menu
{
    padding-left: 0;
}

.social-media
{
    padding: 0;
    margin: 20px 0 0 93px;
}

    .social-media li
    {
        display: inline-block;
        list-style: none;
        margin-left: 20px;
    }

.halo-ojk
{
    position: relative;
    z-index: 1;
}

.halo-ojk-white-flag
{
    height: 79px;
    position: absolute;
    top: 66px;
    right: 0;
    background-color: #fff;
    width: 35%;
    z-index: 0;
}

.box-berita-home
{
    margin-top: 0 !important;
}

#galleryslide
{
    float: left;
    width: 100%;
}

#suiteBarLeft
{
    background: #c3161c !important;
}

.head-title-sect
{
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 30px;
}

    .head-title-sect h1
    {
        font-size: 36px;
        letter-spacing: 8px;
    }

    .head-title-sect h3
    {
        font-size: 18px !important;
        margin: 0;
        font-weight: 300 !important;
        letter-spacing: 0 !important;
        margin-top: 20px !important;
    }

    .head-title-sect .page-current
    {
        float: left !important;
        width: 100% !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        margin-top: 15px !important;
    }

    .head-title-sect h1,
    .head-title-sect h2,
    .head-title-sect h3,
    .head-title-sect h4,
    .head-title-sect h5,
    .head-title-sect h6
    {
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }

    .head-title-sect p
    {
        color: #fff;
        font-size: 13px;
    }

.mid-content-wrap-full
{
    width: 100%;
    margin-bottom: 30px;
}

.table-simple
{
    width: 100%;
    table-layout: auto;
}

    .table-simple a
    {
        color: #428bca !important;
    }

    .table-simple tr th
    {
        font-size: 18px;
    }

    .table-simple tr td
    {
        border-top: none !important;
    }

    .table-simple input
    {
        min-width: 90%;
        width: 90%;
        vertical-align: baseline;
        text-align: left;
    }

.ojkpedia-tab
{
    float: right;
    margin-bottom: 20px !important;
    margin-top: 10px;
}

    .ojkpedia-tab li
    {
        float: left !important;
        border-radius: none !important;
    }

        .ojkpedia-tab li a
        {
            float: left;
            padding: 5px 10px !important;
            border-radius: 0 !important;
            min-width: 30px;
            min-height: 30px;
        }

        .ojkpedia-tab li:hover a
        {
            background: #999 !important;
            min-width: 30px;
            min-height: 30px;
            color: #fff !important;
            font-weight: 700;
        }

        .ojkpedia-tab li.active a
        {
            background: #c41f25 !important;
            color: #fff !important;
            font-weight: 700;
        }

.head-subtitle
{
    margin-top: -25px;
    z-index: 100;
    position: relative;
}

.ojkpedia-wrap
{
    padding: 25px;
    background: #fff;
    margin-top: -25px;
    position: relative;
}

.mini-head
{
    letter-spacing: 2px;
}

.berita-img
{
    max-height: 250px;
    width: 100%;
    min-width: 200px;
    overflow: hidden;
    background: #dfdfdf;
    margin-bottom: 20px;
    display: block;
}

.article-wrap
{
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.kategori-terkait
{
    font-size: 12px;
    float: left;
    width: 100%;
}

    .kategori-terkait a
    {
        font-weight: 700;
        color: #000;
    }

.pagination a,
.pagination span,
.pagination span.disabledbluebutton
{
    border-radius: 5px;
    font-weight: 300 !important;
}

.siaran-pers-lain
{
    float: left;
    width: 100%;
    margin: 0 0 15px;
    font-size: 13px;
}

.background-none
{
    background: 0 0 !important;
}

.article-wrap h1
{
    margin: 0 0 20px;
    font-weight: 700;
    color: #000 !important;
}

.border
{
    border: 1px solid #ececec;
}

.berita-sidemenu
{
    float: left;
    padding: 0 0 20px;
    margin: 0;
}

    .berita-sidemenu li
    {
        float: left;
        width: 100%;
        overflow: hidden;
        list-style: none;
    }

        .berita-sidemenu li a
        {
            float: left;
            text-decoration: none;
            font-size: 13px;
            color: #000;
            border: 1px solid transparent;
            width: 100%;
            padding: 10px 20px;
            box-sizing: border-box;
        }

            .berita-sidemenu li a.active,
            .berita-sidemenu li a:hover
            {
                background: #f8f8f8;
                border-top: solid 1px #e6e6e6;
                border-bottom: solid 1px #e6e6e6;
            }

.foto-box-wrap
{
    display: block;
    float: left;
    width: 100%;
}

.download-counter
{
    padding: 0 !important;
    border: 0 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    color: #428bca !important;
    font-family: 'Open Sans', sans-serif;
}

.download-number
{
    font-size: 11px !important;
    margin-left: 0px;
    background: #c3161c;
    padding: 4px 8px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 4px;
    font-family: arial, sans-serif;
}

.attachments,
.event-calendar h6,
.redtitle
{
    text-transform: uppercase;
}

.pagination a,
.pagination span,
.pagination span.disabledbluebutton
{
    color: #000;
    font-size: 12px;
    padding: 3px 7px;
}

.download-counter:focus,
.download-counter:hover
{
    background: 0 0 !important;
    text-decoration: underline;
    color: #2a6496 !important;
}

.pagination a
{
    border: 1px solid #ccc;
    background: #f8f8f8;
}

.pagination span.disabledbluebutton
{
    border: 1px solid #ccc;
    background: #d9d9d9;
}

.pagination span
{
    border: 1px solid #ccc;
    background: #f8f8f8;
}

#sideNavBox .well
{
    background: #f9f9f9;
    padding: 20px;
}

.ms-srch-item
{
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 100px;
}

.ms-srch-siteSearchResults
{
    margin-left: 15px;
}

.ms-srch-item-summaryPreview
{
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}

.ms-srch-ellipsis a
{
    color: #000;
}

.ms-srch-item-summary
{
    font-size: 13px;
    font-weight: 400;
    color: #999 !important;
}

    .ms-srch-item-summary .ms-srch-item-highlightedText
    {
        color: #999 !important;
    }

.edisc-SearchResultItemContainer:hover,
.ms-srch-item:hover,
.ms-srch-resultHover:hover
{
    background: #f8f8f8 !important;
}

.ms-srch-hover-outerContainer
{
    margin-left: -100px;
    margin-top: -190px;
    visibility: hidden !important;
}

.ms-soften,
.ms-soften:active,
.ms-soften:hover,
.ms-soften:link,
a.ms-soften:visited
{
    font-size: 20px;
}

.ms-srch-item-previewContainer
{
    border: none !important;
}

ul.s4-breadcrumb ul
{
    margin: 0;
    display: inline-block;
    padding-left: : 0;
}

.table-registrasi tr td:first-child
{
    text-align: left;
}

.s4-breadcrumb,
.s4-breadcrumbNode
{
    margin: 0;
    padding: 0;
}

.s4-breadcrumb
{
    height: auto !important;
    margin: 30px 0 0 !important;
    font-family: Arial, Helvetica, sans-serif;
}

    .s4-breadcrumb li,
    .s4-breadcrumb li a,
    .s4-breadcrumb li span
    {
        float: left;
        font-size: 12px;
        list-style: none;
        color: #999;
        height: auto !important;
    }

.s4-breadcrumbCurrentNode
{
    font-weight: 700;
}

.s4-breadcrumb-arrowcont
{
    margin: 0 3px;
    background-image: none !important;
    width: auto !important;
}

#ojkpediarandom
{
    background-color: #f5f5f7;
}

#ojk-pedia-container
{
    border: 1px solid #e1e1e1;
}

    #ojk-pedia-container table td
    {
        vertical-align: top;
    }

        #ojk-pedia-container table td p
        {
            margin: 0;
        }

#ojk-pedia-banner
{
    background-color: #c0161f;
    color: #fff;
    font-size: 1.5em;
    padding: 10px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#ojk-pedia-link
{
    background-color: #860f13;
    font-size: .9em;
    padding: 5px 15px;
    height: 40px;
}

    #ojk-pedia-link a
    {
        color: #fff;
    }

#description-box
{
    padding: 15px;
    background-color: #fff;
}

#ojk-pedia-title
{
    font-style: italic;
    font-size: 1.3em;
    margin-bottom: 5px !important;
}

#ojk-pedia-second-row-title
{
    margin-top: -8px;
}

#galleryslide .carousel-control .icon-next,
#galleryslide .carousel-control .icon-prev
{
    width: 20px;
    height: 20px;
    font-size: 30px;
    color: #000;
    opacity: 1;
    border: 1px solid #d2d2d2;
    background: 0 0 !important;
    line-height: 14px;
}

#galleryslide .carousel-control.left
{
    left: auto;
    right: 2px;
}

#galleryslide .carousel-control
{
    bottom: auto;
    height: auto;
    top: -17px;
    right: -19px;
    opacity: 1;
}

#galleryslide .image-container
{
    max-height: 180px !important;
    overflow: hidden;
}

#galleryslide .carousel-caption
{
    right: auto;
    bottom: auto;
    text-align: left;
    top: auto;
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    #galleryslide .carousel-caption p
    {
        color: #000;
        text-shadow: none;
        font-size: 12px;
        float: left;
        width: 100%;
        line-height: 15px;
        max-height: 30px;
        overflow: hidden;
    }

#galleryslide .item
{
    min-height: 260px;
    max-height: 315px;
}

#galleryslide .date
{
    color: #d2d2d2;
    font-size: .9em;
    margin-bottom: 0;
    float: left !important;
    width: 100% !important;
    margin-top: 0 !important;
}

#s4-bodyContainer
{
    padding-bottom: 0;
}

a.menu-editor-link
{
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-bottom: 0;
    margin-top: 15px;
    float: right;
    margin-left: 10px;
}

.article-wrap p,
.article-wrap p span,
.article-wrap p strong
{
    font-size: 14px !important;
}

.attachments
{
    font-size: 12px;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

    .attachments a,
    .attachments p
    {
        font-size: 12px !important;
    }

.thumbnail > img
{
    margin-right: auto;
    margin-left: auto;
    max-height: 67px;
}

.layanan-elektronik-loggedin ul li
{
    width: 100% !important;
}

.layanan-elektronik h4
{
    float: left;
    margin-bottom: 20px !important;
}

.loggedin-wrap
{
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 0;
    border: 1px solid #dfdfdf;
    background: #fff;
    position: relative;
    z-index: 99;
}

.home-gallery-wrap,
.home-event-banner
{
    margin-bottom: 20px;
    float: left;
}

.home-event-banner .image-link {
	background-color: transparent;
	padding: 0;
}

.home-gallery-wrap
{
    margin: 0 0 20px !important;
    float: left;
    width: 100%;
}

/*.social-wrap,
.social-wrap p,
.social-wrap ul
{
    text-align: left;
}

    .social-wrap p
    {
        width: 100%;
        color: #000 !important;
    }*/

.footer-motto
{
    float: right;
}

.albumfoto
{
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

    .albumfoto li
    {
        float: left;
        width: 239px;
        height: 298px;
        list-style: none;
        margin: 0 1px 1px 0;
        padding: 0;
    }

        .albumfoto li a
        {
            float: left;
            width: 239px;
            height: 298px;
            position: relative;
        }

            .albumfoto li a img
            {
                max-width: 200% !important;
            }

            .albumfoto li a span
            {
                width: 199px;
                float: left;
                padding: 20px;
                color: #fff;
                position: absolute;
                bottom: 0;
                margin: 0;
                background: rgba(0, 0, 0, 1);
                webkit-transition: all .3s ease-out .4s;
                -moz-transition: all .3s ease-out .4s;
                -o-transition: all .3s ease-out .4s;
                -ms-transition: all .3s ease-out .4s;
                transition: all .3s ease-out .4s;
                height: 20px;
            }

            .albumfoto li a:hover span
            {
                height: 158px;
                -webkit-transition-delay: .3s;
                -moz-transition-delay: .3s;
                -o-transition-delay: .3s;
                -ms-transition-delay: .3s;
                transition-delay: .3s;
                -webkit-animation: bounceY .9s linear;
                -moz-animation: bounceY .9s linear;
                -ms-animation: bounceY .9s linear;
                animation: bounceY .9s linear;
                background: rgba(0, 0, 0, .8);
            }

            .albumfoto li a span p
            {
                float: left;
                margin: 0;
            }

.coveralbum
{
    max-height: 400px;
    min-width: 239px;
}

.foto_list_container
{
    float: left;
    width: 960px;
    padding: 0;
    margin: 40px 0;
}

    .foto_list_container li
    {
        float: left;
        width: 159px;
        height: 160px;
        margin-right: 1px;
        margin-bottom: 1px;
        list-style: none;
        background: #fff;
    }

        .foto_list_container li a
        {
            float: left;
            width: 159px;
            height: 160px;
        }

            .foto_list_container li a img
            {
                max-height: 250px;
                min-width: 159px;
                overflow: hidden;
            }

.login-bg
{
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
    max-height: 420px;
    overflow: hidden;
}

#carouselcalendar .carousel-indicators,
#sideNavBox,
.berita-login .date,
.calendar-mobile,
.calendar-mobile .carousel-control.left,
.calendar-mobile .carousel-control.right
{
    display: none;
}

.login-bg img
{
    width: 100%;
}

.berita-login .box-berita a
{
    font-size: 14px !important;
    line-height: 20px;
    float: left;
    padding: 5px 15px;
}

.berita-login .box-berita-in
{
    padding: 0;
    width: 100%;
}

.loggedin-wrap .col-md-4
{
    border-right: solid 1px #dfdfdf;
    min-height: 300px;
    margin-bottom: 0;
}

.loggedin-wrap div:last-child
{
    border-right: none !important;
}

.loggedin-wrap .title-marked
{
    margin: 20px 0;
}

.login-welcome
{
    z-index: 100;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 40px;
}

.loggedin-ca-menu
{
    float: left;
    margin-bottom: 20px;
}

    .loggedin-ca-menu li,
    ul.loggedin-ca-menu li:last-child
    {
        list-style: none;
        border-bottom: solid 1px #a2a2a2 !important;
    }

.btn-red
{
    background: #860f13 !important;
    color: #fff !important;
}

.menu-editor-table
{
    float: left;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    margin-left: 10px;
}

.menu-editor-in
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.menu-editor-text
{
    width: 200px;
    float: left;
}

.menu-editor-input input
{
    border-radius: 5px;
    font-size: 13px;
    padding: 3px 10px;
    width: 40% !important;
}

.treeview-wrap table td
{
    font-size: 13px;
    color: red !important;
    padding-bottom: 10px;
}

    .treeview-wrap table td a
    {
        padding-left: 10px;
        color: #000;
        font-weight: 300 !important;
    }

.panel-faq .panel-heading
{
    padding: 0;
}

.panel-title > a
{
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #ddd;
    box-sizing: border-box;
}

.contact-form-wrap .form-group
{
    box-sizing: border-box !important;
}

.gmaps-btn
{
    font-weight: 700;
    color: #000 !important;
    background: url(../../Banners/gmaps-btn-bg.jpg)10px center no-repeat;
    padding: 15px 10px 15px 50px;
}

.contact-top-wrap
{
    padding-bottom: 40px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 40px;
}

.daftar-alamat-wrap
{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.daftar-alamat-title
{
    float: left;
    width: 100%;
    margin: 0 0 30px;
}

.alamat-list
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
}

    .alamat-list li
    {
        float: left;
        list-style: none;
        font-size: 13px;
        width: 100%;
    }

.alamat-head
{
    font-weight: 700;
    font-size: 14px !important;
}

#search-regulation
{
    float: left;
}

.gallery-view-wrap
{
    background: #ddd;
    padding: 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .gallery-view-wrap .carousel-control
    {
        background: 0 0 !important;
    }

.view-album-title
{
    float: left !important;
    text-align: right !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    margin-top: 35px !important;
    width: 100%;
}

.all-align-left
{
    float: left;
    text-align: left;
}

.head-title-sect.all-align-left
{
    width: 70% !important;
}

div#galleryalbum .item
{
    /*max-height:600px;*/
    overflow: hidden;
}

#slider-thumbs
{
    background: #ddd;
    padding: 0 15px 15px;
}

    #slider-thumbs img
    {
        height: 65px;
    }

    #slider-thumbs ul
    {
        padding: 0;
        margin: 0;
    }

.thumbnail.background-none img
{
    height: auto;
    width: 100%;
    max-height: 100px;
}

.box-berita-img
{
    width: 100%;
    position: relative !important;
}

    .box-berita-img img
    {
        min-height: 200px;
        width: 100%;
        border: 4px solid #fff !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.login-article-text
{
    padding: 15px 5%;
    bottom: 0;
    color: #000;
    font-weight: 700;
    font-size: 13px;
}

.panel-dewan
{
    float: left;
    width: 100%;
}

    .panel-dewan .panel-default
    {
        float: left;
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
        border-bottom: solid 3px #ccc;
        border-radius: 0;
        position: relative;
    }

.dewan-komisaris-img
{
    float: left;
    width: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.dewan-komisaris-text
{
    float: left;
    margin: 0;
    padding-left: 60px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dewan-komisaris-name
{
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.dewan-komisaris-job
{
    font-size: 14px;
    color: #666;
    margin: 0;
    float: left;
    width: 100%;
}

.panel-dewan .panel-body
{
    padding-top: 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .panel-dewan .panel-body p
    {
        font-size: 14px !important;
        line-height: 22px;
    }

.redtitle
{
    background: url("../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../../Style%20Library/ojk/img/marked-bg.png")left center no-repeat !important;
    padding: 20px 20px 20px 40px !important;
    font-weight: 700;
    font-weight: b;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 2px;
    font-size: 23px !important;
}

#galleryslide .image-container img
{
    width: 100%;
    float: left;
}

div#mainbody iframe
{
    max-height: 450px !important;
}

    div#mainbody iframe #DefaultMainFrame
    {
        max-height: 300px !important;
    }

#artikel-utama
{
    float: left;
    width: 100%;
}

.kalendar-list-wrap
{
    float: left;
    width: 100%;
    margin-top: 0;
}

.kalendar-list
{
    float: left;
    margin: 0;
    padding: 15px 0;
    border-bottom: solid 3px #ddd;
    min-height: 125px;
    width: 100%;
    box-sizing: border-box;
}

    .kalendar-list li
    {
        float: left;
        list-style: none;
        width: 100%;
        padding-left: 100px;
        margin-bottom: 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .kalendar-list li a
        {
            float: left;
            text-decoration: none;
            color: #666;
            padding-left: 10px;
            border-left: solid 3px #c3161c;
        }

li.kalendar-list-date
{
    width: 90px;
    position: absolute;
    padding: 10px;
    font-size: 36px;
    font-weight: 700;
    background: #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    list-style: none;
}

.kalendar-list span
{
    font-size: 13px;
    float: left;
    font-weight: 300;
    width: 100%;
    text-align: center;
}

.event-calendar-wrap
{
    float: left;
    min-height: 70px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.event-calendar
{
    padding: 75% 40%;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #2c2c2c;
}

    .event-calendar h6
    {
        color: #fff;
        font-weight: bold;
    }

.nopadding
{
    padding: 0;
}

#carouselcalendar .carousel-control.left,
#carouselcalendar .carousel-control.right
{
    background: 0 0;
}

.sld
{
    /*padding:15px 15px 5px 5px;*/
    height: 72px;
    box-sizing: border-box;
}

.sld1,
.sld2,
.sld3
{
    /*background:#fff;*/
    height: 100%;
}

.sld span
{
    font-size: 20px;
    color: #000;
    width: 30px;
    float: left;
    font-weight: 700;
    margin-right: 10px;
}

.sld p
{
    /*font-size:12px;color:#888;margin-top:4px;font-weight:300;line-height:12px*/
}

.sld span .month-sm
{
    font-size: 12px;
    color: #999;
    width: 100%;
    float: left;
    font-weight: 400;
}

.calendar-selengkapnya
{
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 5px 0 0;
    color: #c3161c !important;
}

.event-detail-wrap
{
    float: left;
    width: 100%;
}

    .event-detail-wrap input[type=submit]
    {
        background: url(img/join-icon.png)15px center no-repeat #449d44;
        padding: 15px 35px 15px 45px;
        color: #fff;
        font-size: 16px;
        border: 1px solid #4cae4c;
        border-radius: 5px;
        font-weight: 700;
        margin: 0 0 20px;
    }

        .event-detail-wrap input[type=submit]:hover
        {
            background: url(img/join-icon.png)15px center no-repeat #297829;
        }

    .event-detail-wrap table
    {
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

        .event-detail-wrap table.ms-formtable tr:first-child td.ms-formlabel
        {
            background: red;
            display: none !important;
        }

    .event-detail-wrap .ms-vb
    {
        display: block !important;
    }

    .event-detail-wrap table tr
    {
        float: left;
        width: 100%;
    }

    .event-detail-wrap table.ms-formtable tr:first-child td:nth-child(2)
    {
        font-size: 36px;
        font-weight: 700;
        margin: 0 0 15px;
        padding: 0 0 10px;
        border-bottom: solid 1px #ddd;
        display: block;
        float: left;
        width: 100% !important;
    }

    .event-detail-wrap table td
    {
        font-size: 14px;
        font-weight: 300;
        margin: 0;
        padding: 5px 0;
        vertical-align: bottom;
    }

        .event-detail-wrap table td.ms-formlabel
        {
            width: 50%;
        }

    .event-detail-wrap table.ms-formtoolbar input[type=button]
    {
        color: #fff;
        border: 1px solid #ac2925;
        border-radius: 5px;
        padding: 10px 15px;
        font-size: 14px;
        background-color: #c9302c;
    }

.left-switchable-wrap
{
    float: left;
}

.kalendar-pengumuman-wrap,
.right-switchable-wrap,
.semboyan
{
    float: right;
}

.social-share
{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.commentbox-wrap textarea
{
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 20px;
    background: #e9e9e9;
}

.btn-calendar-wrap,
.calendar-box-wrap,
.comment-content
{
    float: left;
    width: 100%;
}

.commentbox-wrap div input[type=submit]
{
    padding: 10px 15px;
    margin: 0 0 40px;
    background: #860f13 !important;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-display-wrap
{
    float: left;
    margin: 0 0 5px;
    width: 100%;
    border-bottom: solid 1px #ddd;
    background: #eee;
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.comment-date
{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    color: #777;
}

.comment-by
{
    float: left;
    font-size: 15px;
    font-weight: 700;
}

.comment-content
{
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 5px;
    font-weight: 300;
}

.btn-calendar-wrap
{
    margin-top: 15px;
}

.btn-red-tambah
{
    background: url(img/join-icon.png)15px center no-repeat #ac2925 !important;
    padding: 15px 35px 15px 45px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 700;
    margin: 0 0 20px;
}

#topslide.carousel
{
    min-height: 200px;
    max-height: 450px;
}

@media screen and (max-width:1200px)
{
    .semboyan
    {
        float: left;
        width: 100%;
    }
}

@media screen and (max-width:991px)
{
    #sideNavBox
    {
        display: none;
    }

    .thumbnail.background-none img
    {
        height: auto;
        width: 100%;
        max-height: 160px;
    }

    .article-wrap h1
    {
        font-size: 22px;
        margin-top: 0;
        font-weight: 700;
    }

    .address-wrap,
    .halo-ojk-wrap
    {
        float: left;
        margin-bottom: 20px;
    }
    
    .halo-ojk-white-flag
    {
    	top: 194px;
    }

    .box-berita-home
    {
        margin-top: 0 !important;
        float: left;
    }

    .box-berita-img,
    .box-berita-img img
    {
        float: left;
        width: 100%;
    }

    .semboyan
    {
        float: left;
    }

    .home-gallery-wrap,
    .home-event-banner,
    .layanan-elektronik,
    .regulation-wrap
    {
        float: left;
        margin: 10px -15px 40px;
        padding: 0;
    }

        .home-gallery-wrap .col-md-6,
        .home-event-banner
        {
            margin: 10px -15px 40px;
            padding: 0;
        }

        .home-gallery-wrap .col-md-6,
        .home-event-banner .col-md-6,
        .layanan-elektronik .col-md-6,
        .regulation-wrap .col-md-6
        {
            padding: 0;
        }
        
        .content-section-item
        {
        	margin-bottom: 10px;
        }
        
        .talkshow-section__banner .responsive-image
        {
        	padding-bottom: 77%;
        }
}

.col1 ul li ul li ul
{
    position: relative !important;
    left: 0 !important;
    border-right: none !important;
    border-left: solid 3px #CC2329;
}

.loggedin-wrap .col-md-6
{
    padding: 0;
}

.social-wrap,
.social-wrap p,
.social-wrap ul
{
    float: left;
    text-align: left;
}

.kalendar-list span,
li.kalendar-list-date
{
    width: 100% !important;
    text-align: center !important;
}

.social-wrap p
{
    width: 100%;
    margin-left: 15px;
}

a.menu-editor-link
{
    margin-left: 15px;
    float: left;
}

.footer-sm-nav
{
    /*float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;*/
}

.footer-motto
{
    float: left;
}

li.kalendar-list-date
{
    position: relative !important;
    margin-bottom: 15px !important;
}

.kalendar-list span
{
    font-size: 13px !important;
    float: left !important;
    font-weight: 300 !important;
}

.kalendar-list li
{
    padding-left: 0 !important;
}

.loggedin-wrap .col-md-4
{
    min-height: 100px;
    margin-bottom: 5px;
}

.layanan-elektronik-loggedin ul li
{
    width: 40% !important;
}

.kalendar-pengumuman-wrap
{
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

.event-calendar-wrap
{
    margin-bottom: 30px;
    margin-top: 10px;
    float: left;
}

.image-link
{
    margin-bottom: 15px;
}

    .image-link img
    {
        margin-bottom: 0 !important;
        padding: 0;
    }

.loggedin-ca-menu
{
    border-top: solid 1px #a2a2a2;
}

.footer-sm-nav a:nth-child(1)
{
    margin-left: 0 !important;
}

#footer .halo-ojk
{
    text-align: left;
    margin-bottom: 20px;
    padding-left: 20px;
}

.layanan-elektronik
{
    padding: 0;
    margin: 0;
}

}

@media screen and (min-width:480px)and (max-width:991px)
{
    .image-link img
    {
        width: 50%;
    }
}

@media screen and (max-width:480px)
{
    .layanan-elektronik ul li
    {
        width: 100%;
        margin-right: 0;
    }

    .fom
    {
        float: left;
        width: 100%;
    }

    .fomtop,
    .fomtop li
    {
        float: right;
    }

    .fomtop
    {
        width: 100%;
        text-align: right;
    }

    .login-bg img
    {
        width: 100%;
        min-height: 290px;
        max-width: 500%;
    }

    .login-welcome
    {
        font-size: 30px;
    }

    .ca-icon
    {
        background-size: 80%;
    }

    h2.ca-main
    {
        font-size: 10px;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .footer-sm-nav a
    {
        margin: 0;
        color: #fff;
        font-size: 11px;
        font-weight: 300;
        padding: 0 5px;
    }

        .footer-sm-nav a:nth-child(1)
        {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }
}

@media (max-width:768px)
{
    .box-berita-wrap
    {
        width: 100%;
    }

    .s4-breadcrumb li,
    .s4-breadcrumb li a,
    .s4-breadcrumb li span
    {
        font-size: 10px;
    }

    .top-btn-wrap
    {
        margin-top: 15px;
        margin-bottom: -5px!important;
    }

    .ca-menu li:hover
    {
        background-color: #c2161c !important;
        z-index: 999;
        border: none;
        margin-top: 0 !important;
    }

    li:hover .round1
    {
        background: url(img/icon1.png)center center no-repeat;
        background-size: contain;
    }

    li:hover .round2
    {
        background: url(img/icon2.png)center center no-repeat;
        background-size: contain;
    }

    li:hover .round3
    {
        background: url(img/icon3.png)center center no-repeat;
        background-size: contain;
    }

    li:hover .round4
    {
        background: url(img/icon4.png)center center no-repeat;
        background-size: contain;
    }

    li:hover .round5
    {
        background: url(img/icon5.png)center center no-repeat;
        background-size: contain;
    }

    .layanan-elektronik-loggedin ul li
    {
        width: 100% !important;
    }

    #topslide.carousel
    {
        min-height: 200px;
        max-height: 450px;
    }

    .ca-menu li
    {
        width: 33.333%;
    }

    .carousel-indicators
    {
        left: 5%;
        text-align: left;
        right: auto;
        margin-left: 0;
        top: 5%;
    }

    .ca-menu li a
    {
        border-bottom: solid 1px #dfdfdf;
    }

    .menu-right-small li a
    {
        padding: 2px 5px;
    }

    .searchbox.pull-right
    {
        width: 100%;
    }
}

.sign-in-item input[type=password],
.sign-in-item input[type=text]
{
    float: left;
    width: 100% !important;
}

.sign-in-item span
{
    float: left;
    width: 100%;
    font-size: 12px;
}

.ms-core-menu-list li[text='About Me']
{
    display: none;
}

.ms-formfieldlabelcontainer
{
    margin: 4px 4px 0;
}

.ms-formfieldvaluecontainer
{
    border: 1px solid #c6c6c6;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 5px;
}

div.ms-formfieldlabelcontainer span.ms-formfieldlabel
{
    font-weight: 400;
    text-align: left;
    color: #777;
    padding: 1px 4px;
    border: 1px solid #c6c6c6;
    height: 18px;
}

.article-list-view-wrap h5
{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.article-list-view-wrap .date
{
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-size: 11px;
}

p.descr
{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.article-list-view-wrap
{
    float: left;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 0;
    border-bottom: solid 1px #ddd;
    margin-bottom: 30px;
}

    .article-list-view-wrap h5 a
    {
        color: #000;
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }

.pagination
{
    margin: 10px 0 !important;
}

.home-gallery-wrap iframe
{
    width: 100% !important;
}

.s4-breadcrumbCurrentNode a
{
    float: left;
}

.top-btn-wrap
{
    float: right;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 0;
}

    .top-btn-wrap input[type=submit]
    {
        float: right;
        font-weight: 700;
        color: #000;
        font-size: 13px;
        margin: 0;
        background: #e5e5e5;
        border: none;
        padding: 6px 15px;
        min-width: 30px;
    }

    .top-btn-wrap .active
    {
        background: #9e1e21 !important;
        color: #fff !important;
    }

#zz14_RootAspMenu
{
    display: block !important;
}

#ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAllV4
{
    display: none !important;
}

.carousel-indicators-sm
{
    bottom: 75px !important;
    left: 55px !important;
}

    .carousel-indicators-sm li
    {
        border-radius: 0 !important;
        width: 10px;
        height: 10px;
        background: #e9e9e9;
    }

    .carousel-indicators-sm .active
    {
        width: 11px;
        height: 11px;
        background: #c0161f;
        border: 1px solid #c0161f;
    }

.carousel-indicators li
{
    background: #fff;
    opacity: .5;
}

.carousel-indicators .active
{
    opacity: .8;
}

.carousel-control,
.event-calendar-wrap
{
}

.thumbnail .caption
{
    padding: 0;
}

    .thumbnail .caption h5
    {
        font-size: 13px !important;
        max-height: 14px;
        overflow: visible;
    }

.article-wrap .ms-rtestate-field img
{
    width: 100%;
    height: auto;
}

.ms-asset-icon
{
    width: auto !important;
}

.s4-breadcrumbCurrentNode a
{
    max-height: 14px;
    overflow: hidden;
    max-width: 90%;
}

#DeltaBreadcrumbDropdown
{
    float: left;
    width: 100%;
}

.attachments input
{
    /*max-width:150px!important*/
}

.form-group textarea
{
    padding: 2px 5px !important;
}

#DeltaPlaceHolderMain
{
    float: left;
    width: 100%;
}

.menu-title-unclickable
{
    font-weight: 500;
}

.ms-signInLink
{
    display: none !important;
}

#headArticle
{
    background-color: #860f13;
    color: #fff;
}

.col1 ul li ul li ul.show-left
{
    right: 100%;
    left: auto;
}

.ms-srch-item-icon
{
    float: right;
    display: inline;
    max-height: 25px;
    max-width: 25px;
    height: 25px;
    width: 25px;
}

    .ms-srch-item-icon img
    {
        width: 25px;
        height: 25px;
        max-width: 25px;
        max-height: 25px;
        padding-right: 0;
    }

.ms-srch-item-summaryPreview
{
    padding: 0 !important;
}

.ms-srch-result #Paging
{
    text-align: left;
}

.ms-srch-item-body
{
    width: 100%;
    float: left;
}

.ms-srch-item
{
    position: relative;
}

.ms-srch-item-previewLink, .ms-srch-item-icon
{
    position: absolute;
    top: 0;
    right: 0;
}

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

.minislide-wrap
{
    float: left;
}

/*
.box-berita-in p {
	display:none!important;
}*/

.nav-bg
{
    background: #9e1e21 !important;
}

.jetmenu
{
	padding: 0 10px!important;
}

/*.jetmenu > li:nth-child(2)
{
	display: none!important;
}*/

.jetmenu > li > a
{
    text-transform: uppercase;
    color: #fff !important;
    padding: 15px 20px !important;
    font-size: 11px!important;
}

#carousel22
{
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    height: 65px !important;
}


    #carousel22 .carousel-inner
    {
        padding-right: 34px;
    }

        #carousel22 .carousel-inner .item
        {
            width: 121px;
            float: left;
            height: 65px;
            display: block;
        }

    #carousel22 .carousel-indicators
    {
        display: none;
    }

    #carousel22 .carousel-control.left
    {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        background: #c4151c url('img/arrow-left-bk.png') no-repeat center !important;
        border-bottom: solid 1px #910b10;
    }

    #carousel22 .carousel-control.right
    {
        position: absolute;
        right: 0 !important;
        left: auto !important;
        bottom: 0;
        top: auto !important;
        background: #c4151c url('img/arrow-right-bk.png') no-repeat center !important;
    }


    #carousel22 .carousel-control
    {
        display: block !important;
        width: 34px !important;
        height: 32px;
        background: red !important;
        opacity: 1 !important;
    }

        #carousel22 .carousel-control span
        {
            display: none;
        }

/*=====================START CALENDAR BI===================*/


.main_agenda
{
    margin: 0 auto;
    width: 940px;
    position: relative;
}

.buttonMonthPicker
{
    position: absolute;
    background-color: #de0000 !important;
    border: 0px;
    font-size: 10px;
    width: 15px;
    height: 15px;
    color: yellow;
}

    .buttonMonthPicker.next-month
    {
        right: 30px;
    }

    .buttonMonthPicker.prev-month
    {
        left: 15px;
    }


.monthPicker
{
    margin: 10px 5px 5px 5px;
    font-size: 12px;
}

    .monthPicker input[type=submit]
    {
        min-width: 0;
        color: #fff;
        border-radius: 5px;
        font-family: none;
    }

.monthName
{
    font-size: 20px;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 100%;
}

.dateContainer
{
    margin-left: 5px;
}

.date-item
{
    width: 40px;
    height: 22px;
    background-color: transparent;
    float: left;
    color: white;
    font-weight: bold;
}

.date-item-now
{
    width: 40px;
    height: 22px;
    background-color: #de0000;
    float: left;
    color: white;
    font-weight: bold;
}

.other
{
}

.day-of-month
{
    font-size: 14px;
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    color: #de0000;
}

    .day-of-month:hover
    {
        background-color: #de0000;
        padding: 1px;
    }

        .day-of-month:hover a
        {
            color: #fff;
        }

    .day-of-month a:hover
    {
        text-decoration: none;
        cursor: default;
    }

.now
{
    /*border: solid black 1px;*/
    color: yellow !important;
}

.event
{
    /*border: solid black 1px;*/
    color: #428bca !important;
    /*cursor: pointer !important;*/
}

.normal-day
{
    color: #000;
}

.extended
{
    color: #aaaaaa !important;
}

.info
{
    color: red;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
}

.agenda-calendar
{
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    height: 234px;
    margin-bottom: 30px;
    border-right: none;
}

.readMore1
{
    padding: 0;
    margin-left: 15px;
}

    .readMore1 a
    {
        color: #de0000;
        text-decoration: none;
    }

#ButtonNextMonth
{
    right: 25px;
}

.calendar-agenda-webpart
{
    /*margin-top: 20px;*/
}

/*=====================END CALENDAR BI===================*/

/*=====================START DATEPICKER===================*/

.datepicker-ojk
{
    margin-bottom: 20px;
    height: 235px;
    overflow: hidden;
}

    .datepicker-ojk .ui-datepicker
    {
        width: auto;
    }

    .datepicker-ojk .ui-widget-header
    {
        background: #de0000;
    }

    .datepicker-ojk .ui-widget-content
    {
        background: #f2f2f2;
        border-right: none;
    }

    .datepicker-ojk .ui-corner-all
    {
        border-radius: 0;
    }

.datepicker-event
{
    height: 234px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-left: none;
    padding: 10px;
    overflow-y: scroll;
}

    .datepicker-event table
    {
        width: 100%;
    }

        .datepicker-event table td
        {
            padding: 6px;
        }

            .datepicker-event table td a
            {
                color: #000;
            }

.month-datepicker
{
    font-weight: bold;
    background: #fff;
    width: 40px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    color: #000;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    border: 1px solid #de0000;
    background: #de0000;
    font-weight: bold;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #de0000;
    background: #de0000;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #de0000;
    background: #de0000;
    color: #fff;
}

/*=====================END DATEPICKER===================*/

/*=====================START NEWSFLASH==================*/

marquee li
{
    color: #fff;
    display: inline-block;
    margin-right: 25px;
}

marquee a
{
    text-decoration: none;
    color: #f1c40f;
}

marquee li a:hover
{
    color: #f1c40f;
}

marquee li a:visited,
marquee li a:focus
{
    color: #f1c40f;
    text-decoration: none;
}

marquee ul
{
    list-style: none;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

#table-newsflash
{
    width: 100%;
    margin-left: -15px;
}

#td-newsflash-1
{
    background-color: #3b3b3b;
    background-image: url('/Style Library/ojk/img/newsflash.png');
    background-repeat: no-repeat;
}

    #td-newsflash-1 p
    {
        margin: 0;
        width: 76px;
        font-weight: bold;
        color: #fff;
        margin-left: 5px;
    }

    #td-newsflash-1 img
    {
        height: 45px;
    }


#td-newsflash-2
{
    width: 100%;
    background-color: #3b3b3b;
}

.clear
{
    clear: both;
}

/*=====================END NEWSFLASH==================*/

/*=====================START SURVEI & CALENDAR================*/

.survey-ojk-container
{
    padding: 10px 20px 20px;
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    margin-bottom: 10px;
}

#e-survey-text
{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

#e-survey-title
{
    font-weight: bold;
    font-size: 16px;
    color: #959694;
}

#e-survey-description
{
    text-align: justify;
}

#follow-and-view-survey-container
{
    margin-top: 20px;
}

.follow-the-survey
{
    float: left;
    margin-right: 10px;
}

#view-respondents
{
    margin: 0;
    margin-top: 10px;
    color: #a5a7a4;
}

    #view-respondents span
    {
        margin-left: 10px;
        background-color: #c3161c;
    }

.follow-the-survey:hover
{
    background-color: #c3161c;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.follow-the-survey:visited
{
    color: #000;
}



.content-calendar
{
    border: 1px solid #dedede;
    height: 87px;
}

.date-month-calendar
{
    font-weight: bold !important;
    font-size: 16px;
}

.description-event-calendar a
{
    color: #000;
}

.date-month-calendar,
.description-event-calendar
{
    margin: 0;
}

.each-content-calendar
{
    border-right: 1px solid #dedede;
    padding: 5px 20px;
    height: 85px;
}

#carouselcalendar
{
    border-right: 1px solid #dedede;
    background: url('/Style Library/ojk/img/swirl_pattern_edited.png');
}

    #carouselcalendar .carousel-control.left, #carouselcalendar .carousel-control.right
    {
        display: block;
    }

    #carouselcalendar .carousel-control.left
    {
        background-image: url('/Style Library/ojk/img/Left-arrow.png');
        background-repeat: no-repeat;
        width: 33px;
        height: 33px;
        position: absolute;
        z-index: 9999;
        left: -18px;
        top: 25px;
    }

    #carouselcalendar .carousel-control.right
    {
        background-image: url('/Style Library/ojk/img/Right-arrow.png');
        background-repeat: no-repeat;
        width: 33px;
        height: 33px;
        position: absolute;
        z-index: 9999;
        right: -18px;
        top: 25px;
    }


.survey-container {
    background-color: #f5f5f5;
    padding: 20px;
    border: 1px solid #e6e6e6;
}

a.survey-title {
    color: #959694;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
}

.survey-list-item p {
    font-size: 12px;
    font-weight: normal;
    color: #a5a7a4;
    margin-bottom: 0;
}

.survey-list {
	margin-bottom: 0;
	display: inline-block;
}

.survey-respondent-count {
    background-color: #9f181b;
    color: #fff;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 4px;
}

.survey-content {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
}

/*=====================END SURVEI & CALENDAR================*/

/*=================PELAKU JASA KEUANGAN=====================*/

#text-pelaku-jasa-keuangan
{
    margin: 0;
    margin-bottom: 20px;
}

.pelaku-jasa-keuangan
{
    margin-bottom: 30px;
}

    .pelaku-jasa-keuangan .form-horizontal .control-label
    {
        text-align: left;
        font-weight: bold;
    }

.margin-left-10
{
    margin-left: 10px;
}

.search-group-pelaku-keuangan
{
    margin-bottom: 30px;
}

.width-10
{
    width: 10px;
}

.table-pelaku-jasa-keuangan thead
{
    color: #fff;
    background-color: #860f13;
}

    .table-pelaku-jasa-keuangan thead th
    {
        text-align: center;
    }

.detail-modal
{
    cursor: pointer;
    color: #860f13;
}

    .detail-modal:hover,
    .detail-modal:focus
    {
        color: #860f13;
    }

.table-detail-modal tbody > tr > td
{
    border-top: none;
}

/*==================END PELAKU JASA KEUANGAN=============*/


#infografis
{
    width: 390px;
    height: 240px;
    max-height: 240px;
    overflow: hidden;
    background: #eee;
}

.rancangan-regulasi-btn,
.rancangan-regulasi-btn:hover
{
    float: left;
    width: 100%;
    height: 65px;
    background: url('img/rancangan-reg.png') left center no-repeat #c4151c;
    padding-top: 12px;
    box-sizing: border-box;
    font-size: 12px;
    padding-left: 95px;
    text-decoration: none;
    color: #fff;
}

    .rancangan-regulasi-btn:visited,
    .rancangan-regulasi-btn:focus
    {
        color: #fff;
    }

    .rancangan-regulasi-btn b
    {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        line-height: 18px;
    }

.width100
{
    width: 100%;
}

#ojk-pedia-container
{
    background: url('img/ojkpedia1.png') left center no-repeat;
    background-size: cover;
}

#ojk-pedia-banner, #description-box, #ojk-pedia-link
{
    background: none !important;
}

#description-box
{
    text-align: right;
    color: #fff;
}

#ojk-pedia-title
{
    float: right;
    text-align: right;
    color: #fff;
}

#ojk-pedia-description
{
    font-size: 12px;
    float: right;
    text-align: right;
    padding-left: 20px;
}

    #ojk-pedia-description a
    {
        font-weight: bold;
        color: #fff !important;
    }

/* === SmallBanner === */
#small-banner-wrapper
{
    height: 65px;
    background-image: url(images/small-banner/small-banner-background.gif);
    border-bottom: 1px solid #fff;
}

#small-banner-wrapper2
{
    background-image: url(images/small-banner/small-banner-background2.gif);
    background-repeat: no-repeat;
    background-position: 780px 1px;
}

#small-banner-carousel
{
    width: 760px;
    height: 65px;
}

#small-banner-button
{
    height: 65px;
    width: 35px;
    float: left;
}

#small-banner-button-next
{
    height: 33px;
    cursor: pointer;
}

#small-banner-button-prev
{
    height: 32px;
    cursor: pointer;
}

#small-banner-content
{
    overflow: hidden;
    height: 65px;
    float: right;
    width: 730px !important;
}

    #small-banner-content > ul > li
    {
        display: inline;
        float: left;
        width: 156px !important;
        height: 65px;
        margin-left: 0px;
        text-indent: 0px;
        background: #eee;
    }

    #small-banner-content ul li a img
    {
        width: 100% !important;
        overflow: hidden;
    }

    #small-banner-content > ul > li > a
    {
        width: 100%;
        float: left;
    }

#small-banner-button-prev, #small-banner-button-next
{
    background: #9e1e21;
}

.ms-siteicon-img
{
    max-width: 220px !important;
    max-height: 90px !important;
}

#DeltaSiteLogo
{
    margin-bottom: 10px !important;
}

#infografis .carousel-indicators
{
    display: none;
}

div#galleryalbum .item
{
    /*max-height:675px!important;
	height:675px!important;*/
    overflow: hidden;
}

div#galleryalbum .carousel-inner > .item
{
    /*height:675px!important;
	max-height:675px!important;*/
    overflow: hidden;
}

/*a.tentang-ojk-menu:hover
{
    background: url('img/ojk-home-hover.png')center center no-repeat #fff !important;
    padding: 15px 20px;
}*/

@media (max-width:991px)
{
    .jetmenu > li > a
    {
        color: #CC2329 !important;
    }

    .col1 ul li ul li ul.show-left, .col1 ul li ul li ul.show-right
    {
        right: 100%;
        display: block !important;
        width: 100%;
        border: none;
        background: none;
    }
}

.panel-dewan .panel-title > a
{
    display: table !important;
}

.event-calendar-wrap
{
    display: block !important;
}

.s4-breadcrumbCurrentNode a
{
    max-width: 100% !important;
}

#small-banner-button-prev img,
#small-banner-button-next img
{
    position: absolute;
    left: -3px;
}

/*==================START RESPONSIVE=============*/

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .nav-bg
    {
        height: 96px !important;
    }
}

@media screen and (max-width: 991px)
{
    #infografis
    {
        width: auto;
        height: auto;
        max-height: 100%;
    }

    #small-banner-content > ul > li
    {
        width: 165px !important;
    }

    #table-newsflash
    {
        margin-left: 0;
    }

    .regulasi-text
    {
        float: none;
    }

    .box-berita-home
    {
        float: none !important;
    }
}

@media screen and (max-width: 415px)
{
    #galleryslide .carousel-caption
    {
        position: relative;
    }

        #galleryslide .carousel-caption p
        {
            max-height: none !important;
            float: none !important;
        }

    #galleryslide .item
    {
        min-height: 272px !important;
    }

    #galleryslide .date
    {
        float: none !important;
    }
}


/*==================END RESPONSIVE=============*/

.title-marked-news
{
    float: left;
    font-weight: 700;
    padding: 0 0 0 35px;
    letter-spacing: 2px;
    background: url(img/marked-bg.png)left center no-repeat;
    width: 90%;
    margin-left: 20px;
}

.top-btn-wrap a
{
    float: right;
    font-weight: 700;
    color: #8d8f8c;
    font-size: 13px;
    margin: 0;
    background: #fff;
    border: none;
    padding: 6px 15px;
    min-width: 30px;
}

.top-btn-wrap a.pers.active
{
	margin-right: -1px;
}

.register-form a:visited
{
    color: #000;
}

.s4-breadcrumbRootNode
{
    padding-left: 0;
}

    .s4-breadcrumbRootNode > span:first-child
    {
        display: none;
    }

.list-regulasi-display
{
    margin-bottom: 5px;
}

.subsektor-regulasi-display,
.sektor-regulasi-display
{
    font-weight: bold;
}

/*==================NEW CSS=============*/

.slider-top
{
    margin-bottom: 30px;
}

.pers-regulasi-pengumuman,
.highlight-news-section
{
    margin-bottom: 45px;
}

.header-title
{
    background: url("/Style Library/ojk/img/header-title.jpg");
    padding: 10px 30px;
    color: #fff;
    letter-spacing: 3px;
}

.header-title
{
    padding: 10px 15px;
}

.header-title-logo
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.header-title__text
{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

.header-title p
{
    margin: 0;
}

.view-more-container
{
    text-align: right;
}

	.view-more-container > a
	{
		transition: .5s;
	}

		.view-more-container > a:hover > .view-more-button
		{
			background-color: #9e1e21;
		}

.view-more-button
{
    display: inline-block;
    background-color: #afb0ae;
    color: #fff;
    padding: 5px 10px;
    font-size: 10px;
}

    .view-more-button p
    {
        margin: 0;
        display: inline-block;
        padding: 5px;
    }

.icon-view-more
{
    width: 20px;
}

.header-title-news
{
    background: url("/Style Library/ojk/img/header-title.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 150px;
    color: #fff;
    letter-spacing: 3px;
    display: inline-block;
    margin-bottom: 30px;
}

.newest-news
{
    text-align: center;
}

.header-title-news p
{
    margin: 0;
}

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

    .list-newest-news ul li
    {
        margin-bottom: 15px;
    }

.images-news
{
    width: 120px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .images-news:before
    {
        padding-top: 100%;
        content: '';
        display: block;
    }

.description-news
{
    width: auto;
    overflow: hidden;
    height: 120px;
    padding: 15px;
    background-color: #f5f5f5;
    box-sizing: border-box;
}

.newest-news--title
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newest-news--title > a
{
    color: #7b7b7b;
}

.newest-news--desc,
.newest-news--date
{
    margin: 0;
    color: #7b7b7b;
    font-size: 12px;
}

.newest-news--date
{
    margin-bottom: 5px;
}


/*===== ADMIN HOMEPAGE =====*/
.responsive-image
{
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

.image-replace
{
    display: none;
    width: 100%;
}

.hyperlink__overlay
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    visibility: visible;
    background: transparent;
}

.button
{
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}

.button--add-news
{
    background-image: url("/Style Library/ojk/img/other-news.jpg");
    width: 100%;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.button--playlist,
.button--playlist:hover,
.button--playlist:focus,
.button--playlist:visited,
.button--playlist:active 
{
	text-decoration: none;
    background-color: #9e0b0f;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 10px;
    cursor: pointer;
}

.button--nav-playlist,
.button--nav-playlist:hover,
.button--nav-playlist:focus,
.button--nav-playlist:visited,
.button--nav-playlist:active 
{
	text-decoration: none;
    background-color: #8d8f8c;
    padding: 12px 20px;
    color: #fff;
    font-weight: 300;
    font-size: .9em;
    cursor: pointer;
}

.icon-in-right .icon {
	margin-left: 30px;
    margin-right: -10px;
}

.icon-in-left .icon {
	margin-right: 20px;
    margin-left: -10px;
}

.icon
{
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.icon--add
{
    background-image: url('/Style Library/ojk/img/icon-add.png');
    width: 35px;
    height: 35px;
    margin-right: 15px;
    vertical-align: middle;
}

.icon--add-small
{
    background-image: url('/Style Library/ojk/img/icon-add.png');
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-position: center;
}

.icon--arrow-right-white
{
    background-image: url('/Style Library/ojk/img/icon-arrowright-white.png');
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-position: center;
}

.icon--arrow-right-red
{
	width: 5px;
    display: inline-block;
    margin-left: 5px;
}

.icon--arrow-right
{
    background-image: url('/Style Library/ojk/img/icon-arrowright.png');
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
}

.icon--arrow-right__more-news
{
    background-image: url("/Style Library/ojk/img/icon-next.png");
    width: 30px;
    height: 40px;
    vertical-align: middle;
    background-size: cover;
    background-position: center;
}

.icon--find
{
    background-image: url('/Style Library/ojk/img/icon-find.png');
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
}

.icon--carousel-control
{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    background-position: center;
}

.icon--next
{
    background-image: url('/Style Library/ojk/img/icon-next.png');
}

.icon--previous
{
    background-image: url('/Style Library/ojk/img/icon-previous.png');
}

.icon--gallery
{
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-right: -4px;
}

.icon--pictures
{
    background-image: url('/Style Library/ojk/img/icon-image.png');
}

.icon--play
{
    background-image: url('/Style Library/ojk/img/icon-play.png');
}

.icon--video
{
    background-image: url('/Style Library/ojk/img/icon-playwhite.png');
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
}

.icon--e-survey
{
    background-image: url('/Style Library/ojk/img/icon-e-survey.png');
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
}

.icon--playlist
{
    background-image: url('/Style Library/ojk/img/icon-playwhite.png');
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-position: center;
    float: right;
}

.icon--live 
{
    background-image: url('/Style Library/ojk/img/icon-round.png');
    width: 6px;
    height: 6px;
    vertical-align: top;
}

.icon--radio-banner 
{
    background-image: url('/Style Library/ojk/img/icon-radioplay.png');
    width: 50px;
    height: 50px;
}

.icon--dropdown
{
	background-image: url('/Style Library/ojk/img/icon-dropdown.png');
    width: 9px;
    height: 9px;
}

.icon--collapse
{
	background-image: url('/Style Library/ojk/img/icon-collapse.png');
    width: 9px;
    height: 9px;
}

.original-image
{
	display: block;
}

.welcome-banner
{
    background-image: url('/Style Library/ojk/img/admin-banner.png');
    padding-bottom: 25%;
    background-position: center;
    background-size: cover;
    margin-bottom: 35px;
    position: relative;
}

.welcome-banner-greetings
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
}

.welcome-banner-greetings__text
{
    color: #fff;
    font-size: 1.4em;
    text-align: center;
}

.thumbnail-news-list
{
    margin-bottom: 0;
}

.thumbnail-news-item
{
    position: relative;
    height: 180px;
    margin-bottom: 29px !important;
}

    .thumbnail-news-item:last-child
    {
        margin-bottom: 15px !important;
    }

    .thumbnail-news-item:hover .thumbnail-description-news:before
    {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    .thumbnail-news-item:hover .thumbnail-description-news > p
    {
        color: #fff;
        opacity: 1;
    }

.thumbnail-news
{
    height: 100%;
}

    .thumbnail-news .responsive-image
    {
        padding-bottom: 69% !important;
    }

.thumbnail-description-news
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    transition: .5s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .thumbnail-description-news > p
    {
        color: #7b7b7b;
        font-weight: 100;
        opacity: 0.8;
    }

    .thumbnail-description-news:before
    {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: grey;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.button-add__text,
.button-text
{
    font-size: 1.5em;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.button--add-news .button-add__text
{
	text-align: left;
	font-style: italic;
}

.normal-button {   
    background-color: #c61a22;
    padding: 10px 20px;
    display: inline-block;
    line-height: 1em;
}

.normal-button.disabled {
    background-color: #c2c3c1;
    cursor: not-allowed;
    pointer-events: none;
}

.add-survey-button {
	background-color: #c2c3c1;
	}

.button-text {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.shortcut-link-container
{
	margin-bottom: 30px;
}

.shortcut-link-list
{
}

.shortcut-link-item
{
	margin-bottom: 20px;
}

.shortcut-link-thumbnail .responsive-image
{
    padding-bottom: 70%;
}

.shortcut-link-title,
.shortcut-link-title:visited,
.shortcut-link-title:hover,
.shortcut-link-title:focus
{
    display: table;
    background-color: #f2f2f2;
    padding: 10px;
    height: 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #333;
    text-decoration: none;
}

.shortcut-link-title__text
{
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
    width: auto;
    color: #7b7b7b;
}

.search-text
{
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
}

.gallery-container
{
    margin-bottom: 30px;
}

.gallery-wrapper {
	margin-bottom: 20px;
}

.gallery-head,
.e-survey-head
{
    padding: 2px 0;
    padding-left: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #9e1e21;
}

.gallery-head__title,
.e-survey-head__title
{
    margin-bottom: 0;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    color: #7b7b7b;
    font-size: 1.2em;
}

#galleryCarousel .carousel-inner .item .responsive-image,
.video-thumbnail .responsive-image
{
    padding-bottom: 60%;
}

.gallery-caption
{
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px;
    height: 40px;
    position: relative;
}

.gallery-caption__date,
.gallery-caption__title
{
    margin-bottom: 0;
    color: #7b7b7b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#galleryCarousel .carousel-control
{
    bottom: 61px;
    transition: .5s;
    background-image: none;
}

.video-thumbnail
{
    position: relative;
    display: block;
}

    .video-thumbnail:hover .video-thumbnail__overlay
    {
        background-color: rgba(0, 0, 0, .5);
    }

.video-thumbnail__overlay
{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: unset;
    cursor: pointer;
    transition: .5s;
}

.title-grey-container
    {
        background-color: #dddddc;
        border-left: 10px solid #c52027;
        padding: 10px 20px;
        margin-bottom: 20px;
        display: inline-block;
    }
    .title-grey-text
    {
        color: #8d8f8c;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
    }
    .event-schedule-box
    {
        border: 1px solid #eaeaea;
        padding: 10px 20px;
        margin-bottom: 20px;
    }
    .event-date-container
    {
        color: #8d8f8c;
        margin-bottom: 10px;
    }
    .event-schedule__date
    {
        float: left;
        width: 65px;
        font-size: 40px;
        margin: 0;
        font-weight: bold;
    }
    .event-schedule-month-year
    {
        overflow: hidden;
        width: auto;
        display: block;
        padding-top: 8px;
    }
    .event-schedule__month
    {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
    }
    .event-schedule__year
    {
        margin: 0;
    }
    .event-schedule-text
    {
        color: #8d8f8c;
        border-left: 5px solid #b71c1c;
        padding-left: 10px;
    }
    .more-link-red
    {
        margin-top: 10px;
    }
    
    .add-survey-button:focus,
    .add-survey-button:active,
    .add-survey-button:hover,
    .more-link-red a:focus,
    .more-link-red a:active,
    .more-link-red a:hover
    {
		text-decoration: none;
	}
	
    .more-link-red__text
    {
        text-transform: uppercase;
        font-size: 11px;
        color: #c60000;
        display: inline-block;
    }
    .ojk-pedia-container
    {
        background-image: url('/Style Library/ojk/img/ojk-pedia-background.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        color: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }
    .ojk-pedia__title
    {
        font-size: 15px;
        font-weight: bold;
        margin: 0;
        margin-bottom: 5px;
    }
    .ojk-pedia__desc
    {
        font-style: italic;
        margin: 0;
    }
    .list-related-link
    {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
    }
    
    .each-related-link
    {
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position:relative;
	}
    
    .list-related-link li
    {
        margin-bottom: 10px;
        padding-bottom: 10%;
        display: inline-block;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
        border: 1px solid #eaeaea;
        width: 24%;
        margin: 0.5%;
    }
        /*.list-related-link li:nth-of-type(odd)
        {
            margin-right: 1%;
            width: 49%;
        }
        .list-related-link li:nth-of-type(even)
        {
            margin-left: 1%;
            width: 49%;
        }*/

.embed-twitter-container {
    margin-bottom: 30px;
}

.youtube-player
{
	margin: 0!important;
	padding-bottom: 60.2%!important;
}

.twitter-ojk
{
	text-transform: none;
}

.berita-lainnya
{
	margin-bottom: 30px;
	margin-top: 40px;
}

.berita-lainnya .view-more-button
{
	font-size: 14px;
}



/*===== OJK RADIO =====*/
.content-section--talkshow,
.content-section--media 
{
    margin-bottom: 3.5em;
}

.content-section__title 
{
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2em;
    margin-bottom: 2.5em;
}

	.content-section__title:after 
	{
	    content: "";
	    border-bottom: 3px solid red;
	    width: 40px;
	    height: 1px;
	    display: block;
	    margin: 10px auto;
	}
	
.content-section-list
{
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
}

.talkshow-section 
{
    background-color: rgba(101, 102, 102, .6);
    height: 206px;
}
	
.talkshow-section__banner 
{
    float: left;
    width: 37%;
}

.talkshow-section__detail 
{
    display: block;
    width: auto;
    overflow: hidden;
    padding: 15px 25px;
    color: #fff;
    font-size: .9em;
}

.talkshow-type 
{
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 300;
    font-size: .8em;
}

.talkshow-topic 
{
    text-transform: uppercase;
}

.talkshow-info 
{
    font-weight: 300;
    font-size: .9em;
    margin-bottom: 0;
}

.talkshow-info--speaker 
{
    margin-bottom: 10px;
    max-height: 14px;
    overflow: hidden;
}

.talkshow-info--description 
{
    height: 57px;
    overflow: hidden;
}

.playlist-section 
{
    position: relative;
    margin-bottom: 30px;
}

.playlist-section__thumbnail 
{
    height: 100%;
}

	.playlist-section__thumbnail .responsive-image 
	{
	    padding-bottom: 75%;
	}
	
.playlist-section__content 
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    transition: .5s;
    box-shadow: 0 0 1px transparent;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

.playlist-content__text 
{
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 2.5em;
}

.playlist-hashtag 
{
    height: 47px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #888;
    font-size: 11px;
}

.playlist-hashtag p
{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.playlist-hashtag__main 
{
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
}

.playlist-hashtag__others 
{
    font-weight: 300;
    font-size: .8em;
    color: #8d8f8c;
    margin-bottom: 0;
}

.playlist-section-button 
{
    text-align: center;
    margin-top: 3em;
}

	.playlist-section-button .icon 
	{
	    margin-left: 13px;
	    width: 15px;
	    height: 15px;
	}
	
.radio-banner 
{
    margin-right: -30px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.radio-banner-image 
{
    height: 100%;
}

.radio-banner-image .responsive-image
{
	padding-bottom: 50%;
}

.radio-banner-info 
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 40px 20px 40px;
    background-color: rgba(0,0,0,0.4);
    z-index: 0;
}

.radio-banner-info__play-link
{
    float: right;
    margin-top: 15px;	
}

.radio-banner-info__description 
{
    width: auto;
    display: block;
    overflow: hidden;
}

.radio-banner-info__category 
{
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 500;
    text-shadow: 2px 2px #000;
}

.radio-banner-info__topic 
{
    margin-bottom: 10px;
}

.topic-head 
{
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0;
    text-shadow: 2px 2px #000;
}

.topic-title 
{
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    margin-bottom: 0;
    text-shadow: 2px 2px #000;
}

.radio-banner-info__time 
{
    color: #fff;
    font-size: 1.1em;
    margin-bottom: 0;
    text-shadow: 2px 2px #000;
}

/*===== END OF OJK RADIO =====*/

/*===== OJK TV =====*/
.slider-tv-caption__title 
{
    font-weight: bold;
    font-size: 2em;
    line-height: 1.1em;
}

.slider-tv-caption__date 
{
    font-weight: 500;
    margin-bottom: 0;
    font-size: 1.1em;
}

.media-section__thumbnail 
{
    position: relative;
}

	.media-section__thumbnail .responsive-image 
	{
	    padding-bottom: 70%;
	}

.video-thumbnail-duration 
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: rgba(0,0,0,.3);
    padding: 3px 5px;
    color: #fff;
    font-size: .8em;
    font-weight: 300;
}

.media-title,
.media-title:hover,
.media-title:focus,
.media-title:active,
.media-title:visited 
{
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    height: 19px;
    overflow: hidden;
	text-decoration: none;
	cursor: pointer;
}

.media-date 
{
    color: #fff;
    margin-bottom: 0;
}

.media-section__info .media-date
{
	position:absolute;
	bottom: 0;
}

.list-detail-tv
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.list-ojk-youtube-item
{
	margin-bottom: 50px;
}

.desc-youtube-list
{
	color: #fff;
}

.desc-youtube-list--title
{
	margin: 0;
	margin-bottom: 10px;
}

.desc-youtube-list--title a,
.desc-youtube-list--title a:visited,
.desc-youtube-list--title a:hover,
.desc-youtube-list--title a:focus
{
	color: #fff;
}

.list-other-derail-tv
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.list-other-derail-tv li
{
	margin-bottom: 10px;
}

.media-section__info
{
	height: 100px;
	position: relative;
}

.list-detail-tv .media-section__info
{
	height: auto;
}

.list-other-derail-tv .media-section__info
{
	height: auto;
}

.media-section__info,
.media-section__info a,
.media-section__info a:visited,
.media-section__info a:hover,
.media-section__info a:focus,
.media-section__info p
{
	color: #fff;
}



/*===== END OF OJK TV =====*/


/*===== KANAL =====*/
.welcome-banner-greetings__text--kanal 
{
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 5px;
    font-weight: bold;
}

.newest-news-title 
{
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.newest-news-title__hyperlink,
.newest-news-title__hyperlink:hover,
.newest-news-title__hyperlink:focus,
.newest-news-title__hyperlink:visited 
{
    font-size: .9em;
    text-transform: capitalize;
    color: #000;
    cursor: pointer;
}

.newest-news-timestamp 
{
    font-weight: 300;
    color: #9e1e21;
    font-size: .8em;
    margin-bottom: 20px;
}

.newest-news-image 
{
    margin-bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

	.newest-news-image.responsive-image 
	{
	    padding-bottom: 30%;
	}
	
.newest-news__quotes 
{
    font-weight: 300;
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.newest-news-detail__hyperlink,
.newest-news-detail__hyperlink:hover,
.newest-news-detail__hyperlink:focus,
.newest-news-detail__hyperlink:visited 
{
    font-weight: bold;
    color: #9e1e21;
    cursor: pointer;
}

.header-title--default 
{
    margin-bottom: 20px;
    width: 50%;
    background-size: cover;
}

.laporan-tahunan-body 
{
    background-image: url('/SiteAssets/laporan-tahunan-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 35px 20px;
    margin-bottom: 20px;
}

.laporan-tahunan-body__title 
{
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 5px;
}

.kanal-nav-list 
{
    margin-bottom: 20px;
    padding-left: 20px;
    font-family: 'OpenSans';
    font-weight: bold;
}

.kanal-nav-item 
{
    border-bottom: 1px solid #ccc;
}

.kanal-nav-item__link,
.kanal-nav-item__link:visited,
.kanal-nav-item__link:active 
{
    text-transform: uppercase;
    color: #8d8f8c;
    padding: 10px 15px;
    display: block;
}

.kanal-nav-item__link:hover .icon--dropdown
{
	background-image: url('/Style Library/ojk/img/icon-dropdownred.png');			
}
		
.kanal-nav-item__link:hover .icon--collapse
{
	background-image: url('/Style Library/ojk/img/icon-collapsered.png');			
}

.kanal-nav-item__link > .icon
{
	float: right;
	margin-top: 6px;
}

.kanal-nav-dropdown-list 
{
    padding-left: 30px;
}
		
.kanal-nav-dropdown-item__link,
.kanal-nav-dropdown-item__link:visited,
.kanal-nav-dropdown-item__link:active
{
	text-transform: capitalize;
    color: #8d8f8c;
    padding: 10px 0;
    display: block;
}

.kanal-nav-item__link:hover,
.kanal-nav-item__link:focus,
.kanal-nav-dropdown-item__link:hover,
.kanal-nav-dropdown-item__link:focus
{
	color: #9e1e21;
	text-decoration: none;
	cursor: pointer;
}

.list-unstyled.kanal-nav-list li:nth-child(2),
.list-unstyled.kanal-nav-list li:nth-child(3)
{
	display: none;
}

.index-table thead
{
	background-color: #9e1e21;
	color: #fff;
}

.LabelJudul
{
	color: #fff;
	font-size: 24px;
}
		
/*===== END OF KANAL =====*/

.youtube-player .play
{
	z-index: 2;
}

.width-relative
{
	width: 85%;
}

#UpScopeLinkTop
{
	display: none!important;
}

	#NoResult
	{
		display: none;
	}
	
	.ms-srch-result #ResultFooter
	{
		display: none;
	}
	
	#advanceLink 
	{
	    margin-bottom: 10px;
	    display: inline-block;
	    color: #9e1e21;
	    font-size: 18px;
	    position: absolute;
	    top: 100px;
	}
	
	.ms-srch-result #ResultHeader
	{
	display: none;
}
	
	.jetmenu>li>.megamenu
	{
		top: 45px!important;
	}
	

@media screen and (max-width: 415px)
{

	.top-btn-wrap
	{
		margin-bottom: -5px!important;
	}
		
	.welcome-banner
    {
		padding-bottom: 40%;
	}
	
	.welcome-banner-greetings__text
	{
		font-size: 1.1em;
		margin-top: 15px;
	}
	
	.search-text
	{
		font-size: 0.5em;
	}
	
	.view-more-button
	{
		margin-bottom: 20px;
	}
	
	.halo-ojk-white-flag
	{
		display: none;
	}
	
	#halo-ojk-img 
	{
	    width: 90%;
	    margin-top: 15px;
	}
	
	.social-wrap
	{
		float: none;
		text-align: center;
	}
	
	.social-media
	{
		margin: 0;
		margin-top: 10px;
	}
	
	.social-wrap, .social-wrap p, .social-wrap ul
	{
		float: none;
		text-align: center;
	}
	
	a.menu-editor-link
	{
		float: none;
	}
	
	.menu-editor-footer
	{
		text-align:center;
		margin-top: 15px;
	}
	
	.header-title-news
	{
		padding: 10px 125px;
	}
	
	.carousel-caption h2
	{
		font-size: 14px;
	}
	
	.carousel-caption .date
	{
		font-size: 10px;
	}
	
	#advanceLink
	{
		position: relative;
		right: 0;
		top: 0;
	}
	
	.talkshow-section
	{
		height: auto;
	}
	
	.talkshow-info--description
	{
		height: auto;
	}
}