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

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

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

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

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

/* Home & Master Page */

#s4-titlerow
{
    padding-top: 0;
    height: auto;
    padding-bottom: 0;
}

#sideNavBox
{
    display: none;
}

body
{
    font-family: 'Stilu';
}

.main-menu-container .container
{
    position: relative;
}

.main-menu-container .ms-core-listMenu-selected
{
    font-weight: normal;
    color: #666666 !important;
}

ul.dynamic
{
    list-style: none;
}

.main-menu-container ul.dynamic .dynamic.menu-item:hover
{
    color: #fff;
    background: #b21d21;
    background: -moz-linear-gradient(top, #b21d21 0%, #93191b 100%);
    background: -webkit-linear-gradient(top, #b21d21 0%,#93191b 100%);
    background: linear-gradient(to bottom, #b21d21 0%,#93191b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21d21', endColorstr='#93191b',GradientType=0 );
}

.main-menu-container .menu-item.active
{
    color: #ed1c24 !important;
    border-bottom: 2px solid #ed1c24 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cabang .main-menu-container .menu-item.active
{
    color: #0c6fb8 !important;
    border-bottom: 2px solid #0c6fb8 !important;
}

.mini-menu-container
{
    background-color: #b21d21;
    text-align: right;
    padding: 10px 0;
    font-size: 0.8em;
}

    .mini-menu-container.cabang
    {
        background-color: #0c6fb8;
    }

.mini-menu-list-container,
.language-select
{
    display: inline-block;
    margin-bottom: 0;
    line-height: 0.8em;
}

.mini-menu-list-container
{
    margin-right: 25px;
}

.mini-menu-list
{
    display: inline-block;
    margin: 6px;
}

.mini-menu__link,
.mini-menu__link:hover,
.language__link,
.language__link:hover,
.language__link:visited
{
    color: #fff !important;
}

.mini-menu-container .container
{
    line-height: 0.8em;
}

.language-option
{
    display: inline-block;
}

.language-option
{
    border-right: 1px solid #fff;
    padding: 0 10px;
}

    .language-option:last-child
    {
        border-right: none;
    }

.language__link
{
    padding: 5px 0;
    border-radius: 4px;
    text-decoration: none !important;
}

    .language__link.selected
    {
        padding: 5px 8px;
        background-color: #881215;
    }

.cabang .language__link.selected
{
    background-color: #074471;
}

.language__link img
{
    margin-left: 5px;
}

.ms-mpSearchBox
{
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .ms-mpSearchBox.show
    {
        opacity: 1;
        z-index: 1;
    }

    .ms-mpSearchBox.transition
    {
        opacity: 0;
    }

#titleAreaBox
{
    width: 100%;
    margin: 0;
}

.main-navigation
{
    float: right;
    text-transform: uppercase;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

@media (min-width: 768px)
{
    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background
    {
        padding-right: 0;
        background-image: none;
    }
}

#DeltaTopNavigation > div > ul > li > a
{
    display: none;
}

#siteIcon
{
    height: auto;
    line-height: 0;
    margin: 11px 0;
    position: relative;
    z-index: 1;
}

.head-title-cabang 
{
    display: none;
    float: left;
    margin: 11px 0;
    margin-left: 30px;
}

.head-title-cabang__text 
{
    margin-bottom: 0;
    color: #ec131a;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 43px;
    font-style: italic;
    text-transform: capitalize;
}

.ms-core-navigation
{
    font-family: 'Stilu';
}

#DeltaTopNavigation > div > ul > li > ul > li > a,
#DeltaTopNavigation > div > ul > li > ul > li > span
{
    font-weight: bold;
}

    #DeltaTopNavigation > div > ul > li > ul > li > a,
    #DeltaTopNavigation > div > ul > li > ul > li > span,
    #DeltaTopNavigation > div > ul > li > ul > li > a .menu-item-text,
    #DeltaTopNavigation > div > ul > li > ul > li > span .menu-item-text
    {
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

        #DeltaTopNavigation > div > ul > li > ul > li > a:hover,
        #DeltaTopNavigation > div > ul > li > ul > li > span:hover,
        #DeltaTopNavigation > div > ul > li > ul > li > a .menu-item-text:hover,
        #DeltaTopNavigation > div > ul > li > ul > li > span .menu-item-text:hover
        {
            color: #b21d21;
        }

.cabang #DeltaTopNavigation > div > ul > li > ul > li > a:hover,
.cabang #DeltaTopNavigation > div > ul > li > ul > li > span:hover,
.cabang #DeltaTopNavigation > div > ul > li > ul > li > a .menu-item-text:hover,
.cabang #DeltaTopNavigation > div > ul > li > ul > li > span .menu-item-text:hover
{
    color: #0c6fb8;
}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
{
    padding: 22px 0;
}

.ms-siteicon-img
{
    max-width: 160px;
}

#contentBox
{
    margin: 0;
    min-width: 0;
    position: relative;
    z-index: 1;
}

#DeltaPlaceHolderMain
{
    padding-top: 40px;
}

ul.dynamic
{
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.17);
    width: 200px !important;
    padding: 5px 0;
}

    ul.dynamic .dynamic.menu-item
    {
        text-transform: capitalize;
        padding: 5px 15px;
    }

.main-menu-search-icon
{
    float: right;
    margin: 23px 20px 23px 0;
    cursor: pointer;
}

.ms-core-listMenu-root,
.ms-core-listMenu-root ul
{
    padding-left: 0;
}

#s4-bodyContainer
{
    padding-bottom: 0;
    min-height: 100%;
    position: relative;
}

#contentRow
{
    padding-top: 0;
    padding-bottom: 350px;
    position: relative;
}

    #contentRow::before
    {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url('/Style Library/pelindo1/css/images/pelindo-accent-top.png');
        background-size: 80%;
        background-repeat: no-repeat;
        z-index: 0;
    }

.ms-dialog #s4-workspace::before
{
    display: none;
}

.ms-dialog #DeltaPlaceHolderMain
{
    padding-top: 0;
}

.ms-dialog #contentRow
{
    padding-bottom: 0;
}

#mainHomeCarousel .carousel-inner > .item
{
    padding-top: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

#mainHomeCarousel .carousel-inner.cabang > .item
{
    padding-top: 35%;
}

#mainHomeCarousel .carousel-inner > .item::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.1);
}

.main-menu-container
{
    -webkit-box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.15);
}

.responsive-image
{
    filter: blur(50px);
    transition: all 0.5s linear;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: center;
}

    .responsive-image.loaded
    {
        filter: none;
    }

.original-image
{
    display: none !important;
}

#DeltaPlaceHolderSearchArea
{
    background-color: rgba(255,255,255,0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.ms-srch-sb > input
{
    height: auto;
    padding: 15px;
    width: 400px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-srch-sb-borderFocused
{
    border-radius: 4px;
    background-color: #fff;
}

.ms-srch-sb > .ms-srch-sb-searchLink
{
    margin-top: 12px;
    margin-right: 10px;
}

.ms-srch-sb-border
{
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    background-color: #fff;
}

#searchInputBox
{
    margin-bottom: 0;
    float: none;
    text-align: center;
    margin-top: 8px;
}

.close-search
{
    position: absolute;
    right: 35px;
    top: 11px;
    font-size: 2em;
    cursor: pointer;
}

#mainHomeCarousel .carousel-caption
{
    text-align: left;
    top: 50px;
    left: 50px;
    width: 65%;
}

.carousel-button-container
{
    position: absolute;
    bottom: 30px;
}

.home-carousel-title
{
    margin: 0 0 30px;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'Stilu';
    line-height: 1.3em;
}

.home-carousel-caption
{
    margin-bottom: 30px;
}

.home-carousel-button-contact
{
    background-color: #d32f2f;
    margin-right: 10px;
    border: 2px solid #d32f2f;
}

    .home-carousel-button-contact.cabang
    {
        background-color: #0c6fb8;
        border-color: #0b5d9a;
    }

    .home-carousel-button-contact:hover
    {
        text-decoration: none;
        background-color: #f73d3d;
        color: #fff;
        text-shadow: none;
    }

    .home-carousel-button-contact.cabang:hover
    {
        background-color: #0b5d9a;
    }

.home-carousel-button-meeting
{
    border: 2px solid #fff;
}

    .home-carousel-button-meeting:hover
    {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        text-shadow: none;
        border: 2px solid #ccc;
    }

    .home-carousel-button-contact,
    .home-carousel-button-meeting,
    .home-carousel-button-contact:visited,
    .home-carousel-button-meeting:visited
    {
        color: #fff;
        padding: 10px 20px;
        display: inline-block;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

#mainHomeCarousel
{
    margin-bottom: 59px;
}

    #mainHomeCarousel .carousel-indicators
    {
        bottom: auto;
        top: 77px;
        left: auto;
        right: 100px;
        width: auto;
        margin-left: 0;
        text-align: right;
    }

        #mainHomeCarousel .carousel-indicators .active
        {
            width: 10px;
            height: 10px;
        }

        #mainHomeCarousel .carousel-indicators li
        {
            width: 8px;
            height: 8px;
        }

.home-carousel-button-contact .glyphicon,
.home-carousel-button-meeting .glyphicon
{
    margin-left: 10px;
}

.home-section-title
{
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.home-section-title--first-style
{
    color: #4e8cb5;
}

.home-section-title span
{
    display: inline-block;
    vertical-align: middle;
}

.home-section-accent
{
    font-size: 0.9em;
    margin-top: -4.5px;
    letter-spacing: -1px;
    margin-right: 5px;
}

.home-section-links,
.home-section-links:hover,
.home-section-links:visited,
.home-section-links:focus,
.home-section-links:active
{
    color: #a1a1a1;
    font-weight: 900;
}

.home-section-card__image
{
    padding-top: 55%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-section-card-list
{
    padding-left: 4px;
}

.home-section-card-list-item
{
    display: inline-block;
    width: 31.3%;
    margin-right: 3.2%;
    margin-left: -4px;
    vertical-align: top;
    position: relative;
}

    .home-section-card-list-item:hover .responsive-image
    {
        transform: scale(1.05);
    }

.home-section-card__image-shadow
{
    position: absolute;
    top: 0;
    padding-top: 55%;
    width: 100%;
    -webkit-box-shadow: 0px 10px 26px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 26px -6px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 26px -6px rgba(0,0,0,0.3);
}

.home-section-card-list-item:last-child
{
    margin-right: 0;
}

.first-style
{
    color: #4e8cb5;
}

.second-style
{
    color: #39b54a;
}

.third-style
{
    color: #ec131a;
}

.home-section
{
    margin-bottom: 40px;
}

.home-section-card-text__date
{
    font-weight: 900;
    font-size: 0.8em;
    margin-bottom: 0;
}

.home-section-card-text__title
{
    font-size: 1.1em;
    line-height: 1.3em;
    max-height: 60px;
    overflow: hidden;
    margin-top: 10px;
}

    .home-section-card-text__title a,
    .home-section-card-text__title a:visited
    {
        color: #000;
    }

.first-style .home-section-card-text__title a:focus,
.first-style .home-section-card-text__title a:active,
.first-style .home-section-card-text__title a:hover
{
    color: #4e8cb5;
    text-decoration: none;
}

.second-style .home-section-card-text__title a:focus,
.second-style .home-section-card-text__title a:active,
.second-style .home-section-card-text__title a:hover
{
    color: #39b54a;
    text-decoration: none;
}

.home-section-card-text__content
{
    max-height: 62px;
    overflow: hidden;
}

.home-section-card-text.first-style
{
    border-bottom: 3px solid #4e8cb5;
}

.home-section-card-text.second-style
{
    border-bottom: 3px solid #39b54a;
}

.home-section-card-text.third-style
{
    border-bottom: 3px solid #ec131a;
}

.home-section-card-text.without-image.second-style
{
    border-top: 3px solid #39b54a;
}

.home-section-card-text
{
    padding-bottom: 10px;
    background-color: #fff;
    padding: 15px 10px 20px;
    margin-top: -30px;
    position: relative;
    width: 80%;
    margin: -20px auto 0;
    color: #000;
    max-height: 132px;
    overflow: hidden;
    min-height: 132px;
}

    .home-section-card-text.without-image
    {
        width: 100%;
        -webkit-box-shadow: 0px 4px 30px -2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 4px 30px -2px rgba(0,0,0,0.2);
        box-shadow: 0px 4px 30px -2px rgba(0,0,0,0.2);
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-height: none;
        margin-top: 10px;
        border-bottom: 0;
    }

    .home-section-card-text::after
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        height: 20px;
    }

@media (min-width: 1300px)
{
    .container
    {
        max-width: 1270px;
    }
}

.youtube-lazy-load
{
    background-color: #000;
    margin-bottom: 10px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

    .youtube-lazy-load img
    {
        width: 100%;
        top: -16.84%;
        left: 0;
        opacity: 0.7;
    }

    .youtube-lazy-load .play-button
    {
        width: 90px;
        height: 60px;
        background-color: #333;
        box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
        z-index: 1;
        opacity: 0.8;
        border-radius: 6px;
    }

        .youtube-lazy-load .play-button:before
        {
            content: "";
            border-style: solid;
            border-width: 15px 0 15px 26.0px;
            border-color: transparent transparent transparent #fff;
        }

    .youtube-lazy-load img,
    .youtube-lazy-load .play-button
    {
        cursor: pointer;
    }

        .youtube-lazy-load img,
        .youtube-lazy-load iframe,
        .youtube-lazy-load .play-button,
        .youtube-lazy-load .play-button:before
        {
            position: absolute;
        }

            .youtube-lazy-load .play-button,
            .youtube-lazy-load .play-button:before
            {
                top: 50%;
                left: 50%;
                transform: translate3d( -50%, -50%, 0 );
            }

    .youtube-lazy-load iframe
    {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

.profile-list-item
{
    margin-bottom: 10px;
}

.profile-list__bullets
{
    width: 25px;
    float: left;
}

.profile-list-content
{
    width: auto;
    overflow: hidden;
}

.profile-list__title
{
    margin-top: 0;
    font-size: 1.1em;
    font-weight: 900;
    line-height: 1.2em;
}

.profile-list__description
{
    font-size: 0.98em;
}

.cipta-head 
{
    margin-bottom: 15px;
}

	.cipta-head::after 
	{
	    content: '';
	    clear: both;
	}

.cipta-logo 
{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
}

.cipta-logo__image 
{
    width: 100%;
}

.profile-list__title--cipta 
{
    width: auto;
    overflow: hidden;
    margin-bottom: 0;
    line-height: 25px;
}

.cipta-list 
{
    margin-bottom: 0;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.cipta-item::after
{
	content: '';
	clear: both;
	display: block;
}
	
.cipta-value-icon 
{
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.cipta-value-icon__image 
{
    width: 100%;
}

.cipta-value-body 
{
    width: auto;
    display: block;
    overflow: hidden;
}

.cipta-value-body__title {
    color: #ff6600;
    text-transform: uppercase;
    font-family: 'AvenirLTStd';
    font-weight: 500;
    margin-bottom: 0;
    font-size: 0.7em;
}

.cipta-value-list 
{
    padding-left: 15px;
}

.cipta-value-item 
{
    font-family: 'AvenirLTStd';
    font-weight: 500;
    font-size: .9em;
}

.embed-twitter
{
    border: 1px solid #e6e6e6 !important;
    background-color: #fff;
}

.sidebar-title
{
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 15px;
}

.sidebar-item
{
    margin-bottom: 30px;
}

.event-list-item
{
    border-left: 3px solid #39b54a;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-left: 3px solid #39b54a;
    margin-bottom: 5px;
    background-color: #fff;
}

.event-list-item__date
{
    color: #39b54a;
    font-weight: 900;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.event-list-item__description
{
    font-size: 0.9em;
    margin-bottom: 0;
}

/*.other-link-item.pkbl
{
    background-image: url('/SiteAssets/pkbl.png');
}

.other-link-item.deep.sea.pilot
{
    background-image: url('/SiteAssets/ipc.png');
    width: 100%;
    margin-right: 0;
}

.other-link-item.e-proc
{
    background-image: url('/SiteAssets/e-proc.png');
}

.other-link-item.link-four
{
    background-image: url('/SiteAssets/link-4.png');
}*/

.other-link-list
{
    font-size: 0;
}

.other-link-item
{
	background-image: url('/SiteAssets/default-link.png');
    background-color: #0c6fb8;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    text-align: right;
    font-size: 1.3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .other-link-item:hover
    {
        background-color: #1a8ee4;
    }

    .other-link-item:nth-child(even)
    {
        margin-right: 0;
    }

.other-link__link
{
    font-size: 20px;
    padding: 25px 15px 10px;
    display: block;
    position: relative;
    z-index: 1;
}

    .other-link__link,
    .other-link__link:hover,
    .other-link__link:active,
    .other-link__link:focus,
    .other-link__link:visited
    {
        color: #fff;
        text-decoration: none;
    }

.other-link-item::before
{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.other-link-item:hover::before
{
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.sidebar-menu
{
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 22px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 22px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 22px 0px rgba(0,0,0,0.1);
    padding: 15px 0;
}

.sidebar-menu-item
{
    line-height: 1.5 !important;
}

.sidebar-menu-item__link
{
    display: block;
    padding: 10px 20px;
    color: #000;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .sidebar-menu-item__link:hover,
    .sidebar-menu-item__link:active,
    .sidebar-menu-item__link:focus,
    .sidebar-menu-item__link:visited
    {
        color: #000;
        text-decoration: none;
    }

    .sidebar-menu-item__link:hover
    {
        background-color: #eee;
    }

    .sidebar-menu-item__link.active,
    .sidebar-menu-item.active .sidebar-menu-item__link
    {
        background-color: #d32f2f;
        color: #fff;
    }

    .sidebar-menu-item__link::after
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent;
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .sidebar-menu-item__link.active::after,
    .sidebar-menu-item.active .sidebar-menu-item__link::after
    {
        border-color: transparent transparent transparent #d32f2f;
    }

.ms-breadcrumb-box
{
    height: auto;
    margin-bottom: 40px;
}

.s4-breadcrumb a
{
    color: #fff !important;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.s4-breadcrumbNode
{
    position: relative;
    margin-left: 22px;
}

a.s4-breadcrumbCurrentNode
{
    margin-left: 22px;
    font-weight: bold;
}

li.s4-breadcrumbNode::before,
li.s4-breadcrumbCurrentNode::before
{
    content: ">>";
    color: #fff;
    letter-spacing: -1px;
    font-size: 8px;
    position: absolute;
    top: 1px;
    margin-left: 8px;
}

li.s4-breadcrumbNode,
li.s4-breadcrumbCurrentNode
{
    margin-left: 1px;
    position: relative;
}

ul.s4-breadcrumb, ul.s4-breadcrumb ul
{
    margin: 0;
}

.hamburger
{
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 25px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.hamburger-box
{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger-inner
{
    top: 50%;
    display: block;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
    {
        position: absolute;
        width: 40px;
        height: 4px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        border-radius: 4px;
        background-color: #fff;
    }

.hamburger--spring .hamburger-inner
{
    top: 2px;
    transition: background-color 0s linear .13s;
}

.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before
{
    background-color: #000;
}

.hamburger-inner:after, .hamburger-inner:before
{
    display: block;
    content: "";
}

.hamburger-inner:before
{
    top: -10px;
}

.hamburger--spring .hamburger-inner:before
{
    top: 10px;
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner:after
{
    bottom: -10px;
}

.hamburger--spring .hamburger-inner:after
{
    top: 20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--spring.is-active .hamburger-inner
{
    transition-delay: .22s;
    background-color: transparent;
}

    .hamburger--spring.is-active .hamburger-inner:before
    {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner:after
    {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(-45deg);
    }

.ms-breadcrumb-top
{
    font-size: 0.8em;
}

.asp-pagination a,
.asp-pagination span
{
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #135f9c;
    border: 1px solid #135f9c;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}

.asp-pagination .prev
{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.asp-pagination .next
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.asp-pagination a:hover,
.asp-pagination span:hover,
.asp-pagination a:focus,
.asp-pagination span:focus
{
    color: #fff;
    background-color: #1e7bc7;
    border-color: #1e7bc7;
    text-decoration: none;
}

.asp-pagination .aspNetDisabled,
.asp-pagination span
{
    opacity: 0.5;
}

.custom-ordered-list
{
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}

    .custom-ordered-list li
    {
        position: relative;
        margin-bottom: 20px;
        padding: 20px 20px 20px 75px;
        list-style: none;
        background: #f1f1f1;
    }

        .custom-ordered-list li::before
        {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            top: 0;
            left: 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 35px;
            padding: 7px 5px;
            color: #fff;
            background: #0c6fb8;
            font-weight: bold;
            text-align: center;
        }

.table
{
    background-color: #fff;
}

.page-layout-main-content img
{
    /*max-width: 100%;*/
}

.empty-box
{
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px 0;
    text-align: center;
}

.number-column
{
    width: 40px;
}

.btn
{
    min-width: auto !important;
    font-size: 1em !important;
    font-family: "Stilu" !important;
}

.btn-primary
{
    color: #fff !important;
    background-color: #428bca !important;
    border-color: #357ebd !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

input[type=button], input[type=reset], input[type=submit], button {
	margin-left: 0;
}

.form-section-title {
	font-size: 1.5em;
	margin-bottom: 15px;
}

.form-group > label
{
    font-weight: bold;
    margin-bottom: 5px;
}

.form-group .form-group > label {
	font-weight: normal;
}

.g-recaptcha {
	margin: 10px 0;
}

.loading-container {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    overflow: hidden;
    display: none;
}

.custom-radio-list input[type="radio"],
.custom-checkbox-list input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.custom-radio-list label {
    margin-right: 15px;
}

@-webkit-keyframes load8
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#UpScopeLinkTop {
	display: none!important;
}

/* Home & Master Page */

/* Profile */
.visi-container,
.misi-container,
.company-value-container
{
    display: table;
    background-color: #f1f1f1;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.visi-image-container,
.misi-image-container,
.company-value-image-container
{
    display: table-cell;
    vertical-align: middle;
    width: 200px;
}

.visi__image,
.misi__image,
.company-value__image
{
    width: 100%;
}

.visi-content,
.misi-content,
.company-value-content
{
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}

.visi-title,
.misi-title,
.company-value-title
{
    margin-top: 0;
    font-size: 1.4em;
    letter-spacing: 1px;
}

.visi-content p,
.misi-content p,
.company-value-content p
{
    margin-bottom: 0;
}

.visi-misi-value-normal-text
{
    line-height: 1.8em !important;
    margin-bottom: 40px !important;
}

.visi-title
{
    color: #d32f2f !important;
}

.visi-container
{
    border-right: 8px solid #d32f2f;
}

.misi-title
{
    color: #0c6fb8 !important;
}

.misi-container
{
    border-right: 8px solid #0c6fb8;
}

.company-value-title
{
    color: #39b54a !important;
}

.company-value-container
{
    border-right: 8px solid #39b54a;
}

.page-layout-main-content
{
    padding-left: 70px;
}

.company-value-list-item
{
    margin-bottom: 20px;
}

.company-value__title
{
    background-color: #39b54a;
    color: #fff;
    padding: 10px;
    line-height: 1em;
    font-style: italic;
    font-weight: 900;
    letter-spacing: 0.5px;
    position: relative;
    float: left;
    width: 125px;
    display: block;
    margin-right: 30px;
}

    .company-value__title::after
    {
        width: 0;
        height: 0;
        border-bottom: 34px solid #39b54a;
        border-right: 10px solid transparent;
        content: '';
        position: absolute;
        right: -10px;
        top: 0;
    }

.company-value__content
{
    width: auto;
    overflow: hidden;
    margin-left: 16px;
    display: block;
    line-height: 1.3em;
}

.company-value-list
{
    margin-top: 20px;
    margin-bottom: 40px;
}

.page-layout-title
{
    font-family: 'Stilu';
    color: #000;
    font-size: 1.8em;
    margin: 10px 0 20px;
}

.page-layout-subtitle
{
    font-family: 'Stilu';
    color: #000;
    font-size: 1.6em;
    margin: 10px 0 20px;
}

.manajemen-list
{
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}

.manajemen-list-item
{
    display: inline-block;
    font-size: 0;
    width: 33%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    vertical-align: top;
    margin-bottom: 30px;
}

.manajemen-list-photo-container
{
    padding-top: 90%;
    position: relative;
    width: 90%;
    margin: auto;
    overflow: hidden;
}

.manajemen-list__photo
{
    border-radius: 50%;
    overflow: hidden;
}

.manajemen-list__name
{
    font-size: 18px;
    font-family: 'Stilu';
    font-weight: 900;
    margin-bottom: 5px;
}

.manajemen-list__title
{
    font-size: 14px;
}

.ms-rteTable-6 tr.ms-rteTableOddRow-6
{
    background-color: #fff;
}

.ms-rteTable-6 tr.ms-rteTableEvenRow-6
{
    background-color: #dbeaf4;
}

.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 > th
{
    color: #000;
    border-bottom: 2px solid #0c6fb8;
    background-color: #fff;
}

.kpi-corporate-table > tbody > tr > th,
.kpi-corporate-table > tbody > tr > td
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.annual-report-list-cover-container,
.magazine-list-cover-container
{
    position: relative;
    padding-top: 142%;
    overflow: hidden;
}

.annual-report-list__overlay,
.magazine-list__overlay
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.annual-report-list__item:hover .annual-report-list__overlay,
.magazine-list__item:hover .magazine-list__overlay
{
    opacity: 1;
}

.annual-report-list__content,
.magazine-list__content
{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.annual-report-list__title,
.magazine-list__title
{
    color: #fff;
    font-weight: 900;
}

.annual-report-list__action,
.magazine-list__action
{
    background-color: #0c6fb8;
    color: #fff !important;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    line-height: 40px;
    margin: 0 5px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .annual-report-list__action:hover,
    .magazine-list__action:hover
    {
        background-color: #0b558c;
    }

.annual-report-list__item,
.magazine-list__item
{
    margin-bottom: 30px;
}
/* End of Profile */

/* Publication */
.article-list-item
{
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
}

    .article-list-item::after
    {
        clear: both;
        content: '';
        display: block;
    }

.article__image
{
    width: 230px;
    float: left;
    position: relative;
    padding-top: 23.5%;
    margin-right: 15px;
    overflow: hidden;
}

.article-content
{
    width: auto;
    overflow: hidden;
}

.article__title
{
    font-family: 'Stilu';
    font-size: 1.4em;
    margin: 5px 0 20px;
    line-height: 1.4em;
}

    .article__title a
    {
        color: #3d3935;
    }

.article__text
{
    line-height: 1.8em;
    margin-bottom: 20px;
}

.article__metadata
{
    color: #999998;
}

.article__read-more
{
    font-weight: bold;
}

    .article__read-more,
    .article__read-more:visited
    {
        font-weight: bold;
        color: #0c6fb8;
    }

        .article__read-more .glyphicon
        {
            margin-left: 5px;
        }

.search-row
{
    margin-bottom: 40px;
    margin-top: 40px;
}

.search-row__button
{
    float: right;
    background-color: #0c6fb8;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    width: 86px;
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .search-row__button:hover
    {
        background-color: #074e82;
    }

    .search-row__button .glyphicon
    {
        font-size: 0.8em;
        margin-left: 5px;
    }

.search-row-input-container
{
    width: auto;
    overflow: hidden;
}

.search-row__input
{
    width: 100%;
    padding: 7px 10px !important;
    border: 1px solid #acacac;
}

.search-row::after
{
    clear: both;
    content: '';
    display: block;
}

.page-short-description
{
    line-height: 1.8em;
    margin: 40px 0 30px;
}

.overlay-link
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.video__title
{
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 5px 0 20px;
}

.youtube-custom-container
{
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.youtube-lazy-load-custom
{
    background-color: #000;
    margin-bottom: 10px;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    cursor: pointer;
    background-position: center;
    background-size: 184%;
    filter: blur(10px);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .youtube-lazy-load-custom.loaded
    {
        filter: none;
    }

.play-button-custom
{
    background-color: #fff;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    filter: none;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all .5s ease-in-out;
}

.triangle-play
{
    border-top: 15px solid transparent;
    border-left: 23px solid #d32f2f;
    border-bottom: 15px solid transparent;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
}

.youtube-overlay
{
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 10px;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.youtube-custom-container:hover .youtube-overlay
{
    opacity: 1;
}

.play-button-custom:hover
{
    background-color: #efefef;
}

.youtube-popup
{
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    height: 100%;
}

.youtube-pop-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
}

.close-pop-up
{
    color: #fff;
    position: absolute;
    top: 10px;
    right: 35px;
    font-size: 3em;
    cursor: pointer;
}

.show-youtube .youtube-popup
{
    z-index: 99;
    opacity: 1;
}

.show-youtube #s4-workspace
{
    overflow: hidden;
}

.youtube-pop-up-container
{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    padding-bottom: 35.25%;
    width: 60%;
}

    .youtube-pop-up-container iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.sk-fading-circle
{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .sk-fading-circle .sk-circle
    {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before
        {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #fff;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2
    {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3
    {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4
    {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5
    {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6
    {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8
    {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9
    {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10
    {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11
    {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12
    {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before
    {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before
    {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before
    {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before
    {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before
    {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before
    {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before
    {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before
    {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before
    {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before
    {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before
    {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay
{
    0%, 39%, 100%
    {
        opacity: 0;
    }

    40%
    {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay
{
    0%, 39%, 100%
    {
        opacity: 0;
    }

    40%
    {
        opacity: 1;
    }
}

.gallery-list-item
{
    position: relative;
}

.gallery__image
{
    padding-top: 85%;
    overflow: hidden;
    position: relative;
}

.gallery-title-container
{
    font-size: 1em;
    line-height: 1.4em;
    margin-top: 10px;
    color: #3d3935;
    margin-bottom: 5px;
    font-family: "Stilu";
}

.gallery-list-item .overlay-link:hover + .gallery__image .responsive-image
{
    transform: scale(1.05);
}

.gallery__folder-icon
{
    width: 20px;
    float: left;
    font-size: 0.8em;
}

.gallery__title
{
    width: auto;
    overflow: hidden;
    display: block;
}

.gallery-meta-list
{
    padding-left: 20px;
}

.gallery-meta-list-item
{
    display: inline-block;
    margin-right: 10px;
    font-size: 0.9em;
}

    .gallery-meta-list-item:last-child
    {
        margin-right: 0;
    }

.gallery-meta
{
    color: #a3a9ae;
    display: inline-block;
    font-size: 0.9em;
}

.pswp__button--share
{
    display: none !important;
}

.photoswipe-item
{
    margin-bottom: 20px;
}

.article-page-layout-title
{
    color: #4c4c4c;
    line-height: 1.2em;
    margin-top: 0;
}

.article-page-layout-image,
.article-page-layout-image .ms-rtestate-field img
{
    width: 100%;
}

.article-page-layout-content,
.article-page-layout-notefield
{
    line-height: 2em;
}

.article-page-layout-date,
.article-page-layout-image,
.article-page-layout-note-field,
.article-page-layout-source
{
    margin-bottom: 20px;
}

.article-push-to-root-button input[type="submit"]
{
    margin-left: 0;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #0c6fb8;
    font-family: 'Stilu';
    font-size: 1em;
    border: none;
    border-radius: 4px;
}

    .article-push-to-root-button input[type="submit"]:hover
    {
        background-color: #0d4873;
    }

.highlight-article__image
{
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    margin-bottom: 10px;
}

.highlight-article-title
{
    margin-bottom: 20px;
    font-weight: bold;
}

.highlight__title
{
    font-size: 1.4em;
    margin-bottom: 15px;
}

.highlight-article-wrapper
{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    border-radius: 5px;
}

.highlight-article-item
{
    position: relative;
}

.photoswipe-image
{
    overflow: hidden;
    position: relative;
    padding-top: 85%;
    display: block;
}
/* End Of Publication */

/* Footer */
footer
{
    background-color: #0c6fb8;
    padding: 55px 0 15px;
    color: #fff;
    font-size: 0.9em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    footer .clearfix
    {
        display: none;
    }

.footer-header
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer-address
{
    margin-bottom: 0;
}

.footer-contact-list
{
    margin-top: 15px;
}

.footer-contact__item
{
    margin-bottom: 3px;
}

.footer-contact-icon
{
    margin-right: 10px;
}

.footer-related-links__item,
.footer-related-links__item:hover,
.footer-related-links__item:visited
{
    color: #fff;
    text-decoration: underline;
}

.footer-copyright
{
    margin-top: 45px;
}

.footer-social-media li
{
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
}

.footer-social-media__icon
{
    width: 32px;
}

footer::before
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('/Style Library/pelindo1/css/images/pelindo-accent-footer.png');
    background-size: 45%;
    background-repeat: no-repeat;
    z-index: 0;
    background-position: bottom right;
}
/* End Of Footer */

/* contact */
.map-container
{
    height: 280px;
}

.form-control
{
    padding: 12px !important;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff !important;
}

.form-label
{
    margin-bottom: 5px;
    color: #3d3935;
}

.address-box,
.career-box
{
    background-color: #f1f1f1;
    padding: 0 20px 40px;
    color: #6c6a67;
}

.career-box
{
    margin-bottom: 30px;
}

.address__title,
.career__title
{
    display: inline-block;
    background-color: #0c6fb8;
    color: #fff;
    padding: 6px 10px;
    font-size: 1.6em;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.career__title
{
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.address__street, .address__contact,
.career__description,
.career__date
{
    margin-left: 15px;
    margin-right: 15px;
}

.address__contact
{
    margin-bottom: 0;
}

.submit-form-button
{
    width: 100%;
    background-color: #39b54a !important;
    color: #fff !important;
    font-family: 'Stilu' !important;
    font-size: 1.2em !important;
    letter-spacing: 1px;
    border-radius: 7px;
    padding: 15px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    margin-top: 10px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin: 0 !important;
    cursor: pointer;
}

    .submit-form-button:hover
    {
        background-color: #297d34 !important;
    }
    
.submit-form-button.w50 {
    width: 47.5%;
    margin-right: 5%!important;
    display: inline-block;
}

.url-cabang-host {
    width: 255px;
    float: left;
    margin-top: 12px;
}

.url-cabang-input-container {
    width: auto;
    overflow: hidden;
}

.cancel-form-button
{
    width: 100%;
    background-color: #e74c3c!important;
    color: #fff !important;
    font-family: 'Stilu' !important;
    font-size: 1.2em !important;
    letter-spacing: 1px;
    border-radius: 7px;
    padding: 15px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    box-shadow: 0px 15px 30px -7px rgba(0,0,0,0.2);
    margin-top: 10px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin: 0 !important;
}

    .cancel-form-button:hover
    {
        background-color: #c0392b!important;
    }
    
.cancel-form-button.w50 {
    width: 47.5%;
    margin-left: -4px!important;
    display: inline-block;
}


.default-page-title
{
    font-size: 2em;
    font-family: 'Stilu';
    color: #040404;
    margin: -10px 0 30px;
}

.header-banner
{
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 18.5%;
    position: relative;
    overflow: hidden;
}

.ms-dtinput > .ms-input,
.ms-dttimeinput > select
{
    border: 1px solid #ababab;
    padding: 12px !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .ms-dtinput > .ms-input:focus,
    .ms-dttimeinput > select:focus
    {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    }

/* end of contact */
.tile-row
{
    display: table;
    table-layout: fixed;
}

.tile-column
{
    display: inline-block;
    vertical-align: middle;
}

.title-column
{
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tile-column.column-1
{
    width: 33.33%;
}

.tile-column.column-2
{
    width: 66.66%;
}

.tile-title
{
    margin: 0 0 5px;
    color: #1f77a9;
    font-size: 1.1em;
    text-transform: uppercase;
}

.tile-description
{
    font-size: 0.9em;
}

.tile-image
{
    min-height: 200px;
}

.ms-rtestate-field p
{
    line-height: 1.8;
}

.ms-rtestate-field li
{
    margin: 0px 0px 10px 0px;
    line-height: 1.8;
}

.tile-layout-container
{
    margin-bottom: 30px;
}
/* core business */

/* end of core business */

/*-------------TABS START---------------------*/

.tabs-wrapper p
{
    margin: 0 0 20px;
    line-height: 1.5;
}

div.tabs-wrapper
{
    min-width: 320px;
    max-width: 800px;
    background: #fff;
}

section.tabs-content
{
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

input.tabs-check
{
    display: none;
}

label.tabs-label
{
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}

label:before.tabs-label
{
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}


label:hover.tabs-label
{
    color: #888;
    cursor: pointer;
}

input:checked.tabs-check + label.tabs-label
{
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}

label.checked
{
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}

/*
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}*/



/*-------------TABS END---------------------*/

.visible-xs-block {
	display: none;
}

.ms-breadcrumb-top.cabang .s4-breadcrumb > li > ul > li > ul > li::before {
	display: none;
}

.ms-breadcrumb-top.cabang .s4-breadcrumb > li > ul > li > ul > li > a {
    display: none;
}

/* Vendor Document */
.vendor-list-document .document-vendor .submit-form-button{
    text-align: center;
}

.vendor-list-document .document-vendor .dms-data-table > table {
    border-collapse: separate;
    border-spacing: 0 1em;
    border-color: unset;
}

.vendor-list-document .vendor-name {
    font-size: 3rem;
}
.vendor-list-document input[type="search"].form-control{
    margin-bottom: 0;
    padding: 8px 12px !important;
}
.vendor-list-document #tableListVendorFile_wrapper table thead tr th:nth-child(1){
    width: 3%!important;
}
.vendor-list-document #tableListVendorFile_wrapper table thead tr th:nth-child(2){
    width: 40%!important;        
}
.vendor-list-document #tableListVendorFile_wrapper table thead tr th:nth-child(3){
    width: 25%!important;        
}
.vendor-list-document #tableListVendorFile_wrapper table thead tr th:nth-child(4){
    width: 25%!important;        
}

.vendor-list-document .table thead>tr>th, 
.vendor-list-document .table tbody>tr>th, 
.vendor-list-document .table tfoot>tr>th, 
.vendor-list-document .table thead>tr>td, 
.vendor-list-document .table tbody>tr>td, 
.vendor-list-document .table tfoot>tr>td{
    border-top: unset;
    padding: 14px 8px;
}
.document-vendor .vendor-list-document .ellipsis-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}
.document-vendor .vendor-list-document .dms-data-name .ellipsis-wrapper > a{
    position: absolute ;
    top: 3px;
    bottom: 0;
    left: 32px;
    right: 0;
    cursor: pointer;
    color: #000000;
}
.ellipsis {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.ellipsis.ellipsis--large {
    width: 420px;
}
.document-vendor .vendor-list-document .dms-data-name .dms-data-name__icon{
    margin-right: 1.2rem;
}
.document-vendor .vendor-list-document .dms-data-name .dms-data-name__icon--folder{
    width: 22px;
    height: 17px;
}
.document-vendor .vendor-list-document .dms-data-name .dms-data-name__icon--doc{
    width: 22px;
    height: 24px;
}

#embed-wrapper{
    text-align: center;
}
.page-pdf-button{
    text-align: center;
    margin-top: 2rem;
}
.cipta-list.cipta-list--flex-center {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .other-link-item
    {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 991px)
{
    .page-layout-main-content
    {
        padding-left: 50px;
    }

    .ms-breadcrumb-top
    {
        background-color: rgba(0,0,0,0.2);
        padding: 4px 10px 0;
        border-radius: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .container
    {
        max-width: 950px;
    }
}

@media (max-width: 767px)
{
	li.static.dynamic-children > a.dynamic-children {
		padding: 0!important;
	}
	
	li.static.dynamic-children > a.dynamic-children > span {
		padding: 12px 26px 12px 15px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	.mini-menu-list-container {
	    margin-right: 5px;
	}

	.visible-xs-block {
		display: block;
	}
	
	.cipta-item {
		margin: 5px 0;
	}
	
    .article__image
    {
        width: 100%;
        float: none;
        padding-top: 57.5%;
    }

    .article-content
    {
        width: 100%;
    }

    .article__title
    {
        margin-top: 15px;
    }

    #DeltaTopNavigation > div > ul > li > ul > li > span .menu-item-text:hover
    {
        color: #fff !important;
    }

    .sidebar-menu.marine-service
    {
        display: block;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
        overflow: auto;
        white-space: nowrap;
    }

    .marine-service .sidebar-menu-item
    {
        display: inline-block;
        margin: 0 !important;
    }

    .tile-layout-container
    {
        margin-bottom: 0;
    }

    #contentRow::before
    {
        width: 250px;
    }

    .title-column
    {
        width: 100% !important;
        margin-bottom: 20px;
        padding: 0;
    }

    .tile-image
    {
        display: none;
    }

    .address-box
    {
        margin-top: 80px;
    }

    .ms-breadcrumb-box
    {
        margin-bottom: 10px;
    }

    .page-layout-main-content
    {
        padding-left: 15px;
    }

    .sidebar-menu-item__link::after,
    .sidebar-menu
    {
        display: none;
    }

    .visible-xs-block
    {
        display: block;
    }

    .hamburger
    {
        display: block;
    }

    .main-menu-search-icon
    {
        display: none;
    }

    #siteIcon
    {
        margin: 20px 0;
    }
    
    .ms-siteicon-img 
    {
	    max-width: 125px;
	}
	
	.cabang .head-title-cabang 
	{
	    display: none;
	}

    .main-navigation
    {
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

        .main-navigation.mobile-show
        {
            height: auto;
            opacity: 1;
    		width: 100%;
        }

    #DeltaTopNavigation ul,
    #DeltaTopNavigation li
    {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .head-title-cabang {
	    margin: 15px 0 15px 30px;
	}

    .main-navigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item
    {
        padding: 12px 15px;
        border-bottom: 1px solid #ccc;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
    }

    .main-navigation ul.dynamic
    {
        position: relative;
        left: auto !important;
        top: auto !important;
        box-shadow: none;
        padding: 0;
        border-top: none;
        display: none;
    }

    .main-navigation .ms-core-listMenu-horizontalBox li.static.dynamic-children.mobile-open ul.dynamic
    {
        display: block;
    }

    .main-navigation ul.dynamic .dynamic.menu-item
    {
        text-transform: capitalize;
        padding: 10px 15px;
    }

    .main-navigation .ms-core-listMenu-horizontalBox .dynamic-children.additional-background
    {
        width: 95%;
        display: block;
    }

    .main-navigation .ms-core-listMenu-root
    {
        margin-bottom: 15px;
    }

    .main-navigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover
    {
        color: #fff !important;
        background: #b21d21;
        background: -moz-linear-gradient(top, #b21d21 0%, #93191b 100%);
        background: -webkit-linear-gradient(top, #b21d21 0%,#93191b 100%);
        background: linear-gradient(to bottom, #b21d21 0%,#93191b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21d21', endColorstr='#93191b',GradientType=0 );
    }

    .close-search
    {
        display: none;
    }

    #DeltaPlaceHolderSearchArea
    {
        height: 0;
        opacity: 0;
        position: static;
        background-color: transparent;
        z-index: -1;
        margin-bottom: 20px;
    }

        #DeltaPlaceHolderSearchArea.mobile-show
        {
            height: auto;
            opacity: 1;
            z-index: 1;
        }

    .ms-srch-sb
    {
        display: inline-block;
        width: 90%;
        position: relative;
        margin-top: 10px;
    }

        .ms-srch-sb > input
        {
            padding: 15px 45px 15px 15px;
            width: 100%;
        }

        .ms-srch-sb > .ms-srch-sb-searchLink
        {
            position: absolute;
            top: 13px;
            right: 11px;
            margin: 0;
        }

    #mainHomeCarousel .carousel-caption
    {
        text-align: left;
        top: 50px;
        left: 40px;
        width: 80%;
    }

    #mainHomeCarousel .carousel-indicators
    {
        top: 30px;
        right: 30px;
    }

    .home-section-card-list
    {
        padding-left: 4px;
        overflow: auto;
        white-space: nowrap;
    }

    .home-section-card-list-item
    {
        width: 225px;
    }

    .home-section-card-text
    {
        white-space: normal;
    }

    footer .clearfix
    {
        margin-bottom: 15px;
    }

    #contentRow
    {
        padding-bottom: 405px;
    }

    #mainHomeCarousel .carousel-inner > .item
    {
        min-height: 400px;
        padding-top: 0;
    }

    .home-carousel-button-contact, .home-carousel-button-meeting
    {
        margin-bottom: 10px;
    }
}

@media (max-width: 600px)
{
    #contentRow
    {
        padding-bottom: 500px;
    }
}

@media (max-width: 450px)
{
    footer .col-sm-3.col-xs-6
    {
        width: 100%;
    }

    #contentRow
    {
        padding-bottom: 650px;
    }

    .mini-menu-container
    {
        text-align: center;
    }

    .mini-menu-list-container
    {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 450px) {
	.cipta-item {
		width: 100%;
	}
}

#visi-misi-image-viewer img{
	max-width:280px
}
#cipta-image-viewer img{
	max-width:900px
}