/* avenir font */
/* #### Generated By: http://www.cufon../Fonts.com #### */

@font-face
{
    font-family: 'Avenir LT Std 95 Black';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdBlack.eot?#iefix') format('embedded-opentype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlack.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlack.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlack.svg#AvenirLTStdBlackOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 95 Black Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdBlackOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdBlackOblique.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlackOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlackOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBlackOblique.svg#AvenirLTStdBlackOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 45 Book';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdBook.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdBook.woff2') format('woff2'), */
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBook.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBook.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBook.svg#AvenirLTStdBook') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 45 Book Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdBookOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdBookOblique.woff2') format('woff2'), */
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBookOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBookOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdBookOblique.svg#AvenirLTStdBookOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 85 Heavy';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdHeavy.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdHeavy.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdHeavy.woff') format('woff'), 
    	url('f/Style Library/Kemlu/onts/AvenirLTStdHeavy.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdHeavy.svg#AvenirLTStdHeavy') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 85 Heavy Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdHeavyOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdHeavyOblique.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdHeavyOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdHeavyOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdHeavyOblique.svg#AvenirLTStdHeavyOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 35 Light';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdLight.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdLight.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLight.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLight.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLight.svg#AvenirLTStdLight') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 35 Light Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdLightOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdLightOblique.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLightOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLightOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdLightOblique.svg#AvenirLTStdLightOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 65 Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdMedium.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdMedium.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMedium.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMedium.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMedium.svg#AvenirLTStdMedium') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 65 Medium Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdMediumOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdMediumOblique.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMediumOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMediumOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdMediumOblique.svg#AvenirLTStdMediumOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 55 Oblique';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdOblique.eot?#iefix') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdOblique.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdOblique.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdOblique.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdOblique.svg#AvenirLTStdOblique') format('svg');
}

@font-face
{
    font-family: 'Avenir LT Std 55 Roman';
    font-style: normal;
    font-weight: normal;
    src: url('/Style Library/Kemlu/fonts/AvenirLTStdRoman.eot') format('embedded-opentype'), 
    	/*url('/Style Library/Kemlu/fonts/AvenirLTStdRoman.woff2') format('woff2'),*/
    	url('/Style Library/Kemlu/fonts/AvenirLTStdRoman.woff') format('woff'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdRoman.ttf') format('truetype'), 
    	url('/Style Library/Kemlu/fonts/AvenirLTStdRoman.svg#AvenirLTStdRoman') format('svg');
}

/* akhir avenir font */


/* ------------Sticky footer styles------------ */

html
{
    position: relative;
    min-height: 100%;
}

#main
{
    background-image: url('/Style Library/Kemlu/img/floral.png');
    background-repeat: repeat-x;
    padding-top: 30px;
    background-color: #f3f3f3;
}

#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 45px;
    background-color: #232323;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 45px;
}

/* ------------End of Sticky footer styles------------ */


/*====================GLOBAL OVERRIDING======================*/
.qr-code-image
{
	max-width: 100%;
}

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

.ms-dialog #s4-bodyContainer,
.ms-dialog #main
{
    background: none;
}

.ms-dialog #main
{
    padding-top: initial;
    padding-bottom: initial;
}

#DeltaTopNavigation
{
    display: none;
}

@media (max-width: 767px)
{
    #main
    {
        padding-bottom: 480px;
    }

    #footer
    {
        height: 460px;
    }
}

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

body
{
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
}

#sideNavBox
{
    display: none;
}

#Ribbon\.EditingTools\.CPEditTab\.Font\.Fonts-Medium,
#Ribbon\.EditingTools\.CPEditTab\.Font\.FontSize-Medium
{
    display: none;
}

.navbar-default
{
    background-color: transparent;
    border-color: transparent;
}

.ms-rtestate-write span,
.ms-rtestate-write p,
.ms-rtestate-write div,
.ms-rtestate-write font,
.ms-rtestate-field span,
.ms-rtestate-field p,
.ms-rtestate-field div,
.ms-rtestate-field font
{
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif!important;
    font-size: 14px!important;
    line-height: 1.428571429!important;
    color: #333!important;
    background-color: transparent!important;
}

.atss
{
	top: 31%!important;
}

.ms-searchCenter-result-main .ms-srch-sbLarge
{
	margin-bottom: 20px;
}

.ms-searchCenter-result-main .ms-srch-sb-searchLink
{
	margin-top: 0;
}

.ms-searchCenter-result-main h2
{	
    font-size: 1.46em;
    margin-top: 0;
    margin-bottom: 0;
}

.ms-searchCenter-result-main h3
{	
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 26px;
}

.kepala-perwakilan-picture 
{
    width: 70px;
    margin-right: 20px;
    float: left;
}

.kepala-perwakilan-content 
{
    display: block;
    overflow: hidden;
    width: auto;
}
/*====================GLOBAL OVERRIDING END======================*/


/*====================GLOBAL STYLING======================*/

#bg-garuda
{
    position: absolute;
    right: 0;
    z-index: -1;
}

#bg-picture
{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

@media (max-width: 767px)
{
    #bg-picture
    {
        width: 80%;
    }
}

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

.margin-top-50
{
    margin-top: 50px;
}

.margin-right-5
{
    margin-right: 5px;
}

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

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

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

.clear
{
    clear: both;
}

.menubar
{
    color: inherit;
}

    .menubar ul
    {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
        margin-left: 4px;
        width: 100%;
    }

        .menubar ul li
        {
            display: inline-block;
            margin-left: -4px;
        }

            .menubar ul li a
            {
                color: inherit;
            }

.box-frame-border
{
    border: 1px solid rgba(0, 0, 0, .23);
}

.dropdown-submenu > a:active,
.dropdown-submenu > a:focus,
.dropdown-submenu > a:hover
{
	color: #fff!important
}

@media (max-width: 767px)
{
	.first-dropdown-link
	{
		display: inline-block!important;
	}
}

@media (min-width: 768px)
{
    .menu-container .dropdown.last:hover > .dropdown-menu
    {
        left: auto;
        right: 0;
    }

        .menu-container .dropdown.last:hover > .dropdown-menu .dropdown-submenu .dropdown-menu
        {
            left: auto;
            right: 100%;
        }

    .menu-container .last .dropdown-submenu > a:after
    {
        float: left;
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
        border-left-color: transparent;
        margin-left: -10px;
    }
}

.asp-pagination a,
.asp-pagination span
{
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ababab;
    font-size: smaller;
    letter-spacing: 1px;
}

.asp-pagination .prev
{
    margin-left: 0;
}

.asp-pagination a:hover,
.asp-pagination span:hover,
.asp-pagination a:focus,
.asp-pagination span:focus
{
    color: #000;
    background-color: #eee;
    border-color: #ababab;
}

.asp-pagination .aspNetDisabled,
.asp-pagination span
{
    opacity: 0.7;
    pointer-events: none;
}

span.disabledbluebutton
{
    background-color: #eee;
}

@media (max-width: 767px)
{
    .asp-pagination a,
    .asp-pagination span
    {
        padding: 5px 10px;
    }
}

.justified-paragraph
{
    text-align: justify;
}

.two-columns-list ul li
{
    width: 50%;
    float: left;
    vertical-align: top;
}

.width-divided-3
{
    width: 32.5%;
    margin-right: 0.5%;
}

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

.padding-20
{
    padding: 20px;
}

.background-color-white
{
    background-color: #fff;
}

.width-120px
{
    width: 120px;
}

.breadcrumb
{
    background: none;
    margin: 5px 0 10px 0;
    padding: 0;
}

ol.breadcrumb li a,
ol.breadcrumb li a:active,
ol.breadcrumb li a:visited,
ol.breadcrumb li a:focus
{
    letter-spacing: 1px;
    text-decoration: none;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    color: inherit;
}

.active-page
{
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: 5px 0;
    color: #000 !important;
    font-size: 30px;
    margin-bottom: 20px;
}

.sub-active-page
{
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 767px)
{
    .active-page
    {
        font-size: 25px;
        margin-right: 100px;
    }

    .main-title-news,
    .main-news-title
    {
        font-size: 20px !important;
    }

    .sub-active-page
    {
        font-size: 18px;
        letter-spacing: normal;
    }
}

#pop-up-background,
#pop-up-close,
#pop-up-image-container 
{
    -webkit-transition:all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

#pop-up-background 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    z-index: -1;
    opacity: 0;
}

#pop-up-close 
{
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
    z-index: -1;
    opacity: 0;
    font-size: 24px;
    cursor: pointer;
}

#pop-up-image-container 
{
    position: absolute;
    top: 25%;
    left: 20%;
    width: 60%;
    z-index: -1;
    opacity: 0;
    background-color: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#PopUpImageBanner 
{
    width: 100%;
}

@media (max-width: 767px)
{
	#pop-up-image-container
	{
		top: 12%;
	}
}
/*====================GLOBAL STYLING END======================*/


/*===================HEADER===================*/

.upmost-header-container
{
    padding: 10px;
    color: #414141;
    border-bottom: 1px solid #ddd;
}

.newsticker-container
{
    float: none;
    width: 100%;
}

.newsflash
{
    letter-spacing: 2px;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    text-transform: uppercase;
    padding-right: 15px;
    width: 120px;
}

#newsticker
{
    min-width: 0;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
}

    /*#newsticker ul
    {
		width: inherit;
	}*/

    #newsticker li
    {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #newsticker a
    {
        color: #000 !important;
    }

.choose-language
{
    float: right;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    color: #fff;
}

    .choose-language ul li:last-child a
    {
        margin-right: 0 !important;
    }

    .choose-language ul li a.chosen-language
    {
        color: #fbf436;
    }

.language-separator
{
    border: 1px solid white;
    padding: 7px 0;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px;
}

.language-select-container
{
    width: 130px;
}

#HyperLinkBahasaIndonesia,
#HyperLinkBahasaEnglish,
#HyperLinkBahasaLokal
{
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 5px;
    text-shadow: 1px 1px 1px #000;
}

div#header
{
    position: relative;
    z-index: 2;
}

.header-container
{
    padding: 20px 0;
}

.header
{
    margin: 0;
}

.main-title
{
    display: inline-block;
    float: left;
}

    .main-title h2,
    .main-title h1
    {
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        vertical-align: middle;
        display: inline-block;
        line-height: 20px;
        margin-left: 10px;
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
        color: #373737;
        margin-top: 15px;
    }
    
    .main-title-2 h2,
    .main-title-2 h1
    {
        font-size: 13px;
        letter-spacing: 2px;
        text-transform: uppercase;
        vertical-align: middle;
        display: inline-block;
        line-height: 20px;
        margin-left: 10px;
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
        color: #373737;
        margin-top: 15px;
    }

#country-ministry
{
    font-weight: bold;
}

@media screen and (max-width: 991px)
{
    .main-title
    {
        display: block;
        width: 100%;
        text-align: center;
    }

    #DeltaSiteLogo
    {
        float: none !important;
        display: inline-block;
        vertical-align: middle;
    }
}

.header-side
{
    display: inline-block;
    float: right;
    padding: 15px 0;
}

.quickmenu
{
    display: inline-block;
}

    .quickmenu.menubar ul li a,
    .quickmenu.menubar ul li a:focus,
    .quickmenu.menubar ul li a:visited
    {
        margin: 0 10px;
        font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
    }

        .quickmenu.menubar ul li a:hover
        {
            color: #446CB3;
            text-decoration: none;
	    	-webkit-transition: color 0.5s ease;
			-moz-transition: color 0.5s ease;
			-o-transition: color 0.5s ease;
            transition: color 0.5s ease;
        }

#newsticker ul
{
	width: 100%;
	margin-bottom: 0;
}

@media screen and (max-width: 767px)
{
    .header-side
    {
        margin: auto;
        display: block;
        float: none;
        text-align: center;
    }

    .quickmenu
    {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.header .searchbox
{
    float: none;
    display: inline-block;
}

.ms-srch-sb-border,
.ms-srch-sb-borderFocused,
#SearchBox input[type=text]:hover
{
    background-color: #fff;
}

.ms-srch-sb > input
{
    display: inline-block;
    border-style: none;
    outline-style: none;
    height: 35px;
    margin: 0;
    padding: 0 15px;
    width: 140px;
    background-color: #fff;
}

.ms-srch-sb-searchLink
{
    margin-top: 7px;
}

    .ms-srch-sb-searchLink:hover
    {
        background-color: inherit;
    }

.navigation
{
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    padding-left: 0;
}

.logo-kemlu
{
    width: 65px;
}

.menu-container
{
    border-top: 1px solid #ddd;
}

@media (max-width: 1199px)
{
    .menu-container .nav > li > a
    {
        padding: 10px 6px !important;
    }
}

@media (max-width: 1199px) and (min-width: 767px)
{
    .menu-container .nav > li > a
    {
        padding: 10px 15px;
        border-right: none;
    }

    .navigation > ul > li
    {
        float: none;
        display: inline-block;
    }

    .navbar-nav
    {
        text-align: center;
    }
}

.menu-container .navigation > ul > li
{
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    letter-spacing: 1px;
}

.menu-container .navigation > ul > li:hover
{
	cursor: pointer;
}

.menu-container .navbar-nav > li > a
{
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 769px)
{
    .menu-container .navbar-nav > li > a
    {
        padding-top: 0;
        padding-bottom: 0;
        border-right: none;
    }
}

@media (max-width: 767px)
{
    .menu-container .navbar-nav
    {
        margin: 7.5px 0;
    }

        .menu-container .navbar-nav > li > .dropdown-menu
        {
            width: 100%;
        }

    .menu-container .nav > li > a
    {
        padding: 10px 1% !important;
    }
}

.menu-container .nav > li > a
{
    padding: 10px 15px;
    border-right: 1px solid #ddd;
    color: inherit;
    line-height: 11px;
    -webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.menu-container .navigation > ul > li:hover > a {
    color: #083AA3;
}

.menu-container .nav > li:first-child > a
{
    padding-left: 0;
}

.menu-container .nav > li:last-child > a
{
    border-right: none;
    padding-right: 0;
}

.menu-container .nav > li > a:hover,
.menu-container .nav > li > a:focus
{
    background-color: transparent;
}

a:visited
{
    color: inherit;
}

.menu-container .nav .open > a,
.menu-container .nav .open > a:hover,
.menu-container .nav .open > a:focus
{
    background-color: transparent;
    color: #333333;
}

.menu-container .navbar-toggle
{
    border: 1px solid #020291;
    background-color: #1b2d63;
}

    .menu-container .navbar-toggle .icon-bar
    {
        background-color: #ebd824;
    }

    .menu-container .navbar-toggle:focus,
    .menu-container .navbar-toggle:active,
    .menu-container .navbar-toggle:hover
    {
        background-color: #ebd824;
        border-color: #020291;
    }

        .menu-container .navbar-toggle:focus .icon-bar,
        .menu-container .navbar-toggle:active .icon-bar,
        .menu-container .navbar-toggle:hover .icon-bar
        {
            background-color: #1b2d63;
        }


.menu-container .dropdown-menu li a
{
    font-family: 'Avenir LT Std 65 Medium', Helvetica, sans-serif;
    text-transform: capitalize;
}

@media (min-width: 768px)
{
    .menu-container .dropdown:hover > .dropdown-menu
    {
        display: block;
    }
}

.menu-container .nav a:hover .caret,
.menu-container .nav a .caret
{
    border-top-color: #000;
    border-bottom-color: #000;
}

.menu-container .dropdown-menu > li:hover,
.menu-container .dropdown-menu > li:focus
{
    background-color: #07236f;
}

.menu-container .dropdown-menu > li >a:hover,
.menu-container .dropdown-menu > li >a:focus
{
    background-color: transparent;
}

.menu-container .dropdown-submenu
{
    position: relative;
}

    .menu-container .dropdown-submenu > .dropdown-menu
    {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

@media (min-width: 768px)
{
    .menu-container .dropdown-submenu:hover > .dropdown-menu
    {
        display: block;
    }
}

.menu-container .dropdown-submenu > a:after
{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: 5px;
    margin-right: -10px;
}

.menu-container .dropdown-submenu:hover > a:after
{
    border-left-color: #fff;
}

.menu-container .dropdown-submenu:hover > a
{
    background-color: #07236f;
    color: #fff;
}

.menu-container .dropdown-submenu.pull-left
{
    float: none;
}

    .menu-container .dropdown-submenu.pull-left > .dropdown-menu
    {
        left: -100%;
        margin-left: 10px;
    }

.menu-container .dropdown-menu
{
    border-radius: 0;
}

@media (max-width: 767px)
{
    .menu-container .dropdown:hover > .dropdown-menu
    {
        position: relative;
        margin-bottom: 10px;
        border: none;
        box-shadow: none;
    }

    .dropdown-menu > li > a
    {
        padding: 3px 10px;
    }

    .menu-container .nav > li > a
    {
        border-right: none;
    }

    .navbar-collapse
    {
        max-height: none;
    }

    .menu-container .dropdown-submenu > .dropdown-menu
    {
        position: relative;
        margin-top: auto;
        left: auto;
        width: 100%;
        border: none;
        box-shadow: none;
    }

    .menu-container .dropdown-submenu > a:after,
    .menu-container .dropdown-submenu:hover > a:after
    {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid #000000;
        border-right: 4px solid transparent;
        border-bottom: 0 dotted;
        border-left: 4px solid transparent;
        content: "";
        border-top-color: #000;
        border-bottom-color: #000;
    }

    .menu-container .navbar-nav .open-custom .dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a
    {
        padding-left: 40px;
    }

    .menu-container .navbar-nav .open .dropdown-menu > li > a
    {
        white-space: normal;
    }
    
    .menu-container .navbar-nav .dropdown-menu > li.dropdown-submenu > a
    {
        display: inline-block;
    }
    
    li.dropdown-submenu.open:hover .dropdown-menu,
	li.dropdown-submenu.open:focus .dropdown-menu
	{
	    background-color: #eee;
	}
	
	.menu-container .dropdown-submenu > .dropdown-menu
    {
        margin-left: 0;
    }
}

@media( max-width: 991px)
{
    .upmost-header-container .container
    {
        max-width: 100%;
        padding: 0;
    }
    
    #newsticker a
    {
		color: #fff!important;
	}

    .upmost-header-container
    {
        background-color: rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    #HyperLinkBahasaIndonesia, #HyperLinkBahasaEnglish
    {
        background-color: transparent;
    }
}

@media( max-width: 768px)
{
    .newsflash
    {
        padding: 0;
    }
}

/*===================HEADER END===================*/


/*===================FOOTER===================*/

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

    #footer > .container > .menubar
    {
        display: inline-block;
        float: left;
    }

        #footer > .container > .menubar ul li
        {
            vertical-align: top;
            margin-right: 27px;
        }

@media (max-width: 767px)
{
    #footer > .container > .menubar
    {
        float: none;
        text-align: center;
        width: 100%;
    }
}

ul.sitemap-list li
{
    display: block;
}

    ul.sitemap-list li:first-child
    {
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
        color: #e7d742;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 10px;
        font-size: larger;
    }

.address
{
    float: right;
    text-align: right;
}

@media (max-width: 991px) and (min-width: 767px)
{
    .address
    {
        width: 275px;
    }

    .location-kemlu
    {
        margin-right: 0 !important;
    }
}

.address-title
{
    text-transform: uppercase;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    letter-spacing: 2px;
    font-size: larger;
}

.location-kemlu
{
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}

.contact-kemlu
{
    display: inline-block;
    vertical-align: top;
}

    .contact-kemlu a
    {
        color: #fff;
    }

.contact-kemlu-phone,
.contact-kemlu-email
{
	margin-bottom: 0;
}

.bottom-links
{
    display: inline-block;
    margin-right: 15px;
}

    .bottom-links > ul > li > a
    {
        margin-right: 15px;
    }

        .bottom-links > ul > li > a,
        .bottom-links > ul > li > a:hover,
        .bottom-links > ul > li > a:visited,
        .bottom-links > ul > li > a:focus
        {
            color: #fff;
        }

.copyright
{
    display: inline-block;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    text-align: right;
}

    .copyright > p > span
    {
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    }

@media (max-width: 767px)
{
    .address
    {
        float: none;
        display: block;
        text-align: center !important;
        padding: 20px;
        margin-top: 20px;
    }

    .location-kemlu
    {
        margin-right: 0;
        display: block;
    }

    .bottom-links
    {
        margin-right: 0;
        display: block;
    }

    .contact-kemlu
    {
        display: block;
    }

    .copyright
    {
        display: block;
    }

    .bottom-links > ul > li > a
    {
        margin-right: 0;
    }
}

.socmed-icon
{
    margin-right: 10px;
    height: 20px;
}

.sidebar-element-item .socmed-icon
{
    margin-right: 5px;
    height: 48px;
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .sidebar-element-item .socmed-icon
    {
        height: 32px;
    }
}

/*.socmed
{
    background-color: #383838;
    margin-bottom: 45px;
}

    .socmed .container
    {
        text-align: center;
    }

.socmed .container .menubar ul li
{
    border-right: 1px solid #505050;
}

    .socmed .container .menubar ul li:last-child
    {
        border-right: none;
    }

    .socmed .container .menubar ul li a
    {
        text-transform: uppercase;
        font-size: larger;
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
        padding: 15px 25px;
        display: inline-block;
    }

@media (max-width: 767px)
{
    .socmed .container .menubar ul li
    {
        padding: 10px;
    }
}*/

.lowermost-footer
{
    float: right;
    margin-top: 10px;
}

@media (max-width: 767px)
{
    .lowermost-footer
    {
        float: none;
        text-align: center;
    }
}

/*===================FOOTER END===================*/


/*-----------Carousel-----------*/

.carousel-container
{
    position: relative;
}

    .carousel-container .ms-webpartzone-cell
    {
        margin-bottom: 0;
    }

#home-carousel .carousel-inner > .item
{
    max-height: 420px;
}

#home-carousel .item
{
    width: 100%;
    height: 420px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img
{
    display: block;
}

#home-carousel .carousel-caption
{
    position: absolute;
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    width: 94%;
    text-align: left;
    background-image: url('../img/slider-caption-background.png');
    padding: 3%;
    z-index: 0;
    background-position: bottom;
    background-repeat: repeat-x;
}

.carousel-picture
{
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-news-title
{
    font-size: 25px;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    display: inline;
    color: #fff;
}

    .carousel-news-title:hover,
    .carousel-news-title:active,
    .carousel-news-title:focus
    {
        text-decoration: none;
        color: #fff;
    }

a.carousel-read-more
{
    margin: auto;
    padding: 2px 5px;
    color: #000;
    display: inline-block;
    background-color: #e8d842;
    border: none;
}

.carousel-read-more:hover
{
    color: #000;
    text-decoration: none;
}

.focus-container
{
    position: absolute;
    top: 42px;
    left: 6px;
    z-index: 10;
}

.ribbon-in-focus
{
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    left: 51px;
    top: 6px;
}

/*-----------Carousel END-----------*/


/*-----------Calendar Event-----------*/

.bx-viewport
{
    margin: auto;
    position: initial !important;
    border: none !important;
}

.visible-theme-three .bx-wrapper
{
    margin-bottom: 0;
}

.bx-wrapper .bx-pager
{
    display: none;
}

.bx-wrapper .bx-prev
{
    left: -18px !important;
}

.bx-wrapper .bx-next
{
    right: -15px !important;
}

.calendar-head-container
{
    color: #fff;
    padding-right: 0;
}

.calendar-head-container-bg
{
    background-color: #020291;
    padding: 10px 15px;
    height: 70px;
    background-image: url('/Style Library/Kemlu/img/calendar.png');
    background-repeat: no-repeat;
    background-position-x: 110%;
    background-position-y: 20px;
    border: 1px solid #ccc !important;
    margin-top: -1px;
}

.calendar-head-title
{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: small;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
}

@media (max-width:991px)
{
    .calendar-head-container-bg
    {
        background-position-x: 102%;
    }
}

@media (max-width: 767px)
{
    .calendar-head-container
    {
        padding-right: 15px;
    }

    .event-list-container
    {
        padding-left: 15px !important;
    }

    .event-date
    {
        font-size: larger !important;
    }

    .event-title
    {
        font-size: x-small;
    }
}

a.see-all
{
    letter-spacing: 2px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    color: #444444;
    background-color: #e8d842;
    padding: 3px 8px;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    position: absolute;
    bottom: 10px;
}

    a.see-all:hover,
    a.see-all:focus,
    a.see-all:visited
    {
        text-decoration: none;
    }

.event-list-container
{
    padding-left: 0;
}

.col-md-10 .bx-wrapper
{
    margin-bottom: 30px;
}

.event-list li
{
    padding: 10px 15px;
    font-size: smaller;
    font-weight: 500;
    height: 70px;
    background-color: #fff;
    border-right: 1px solid #ccc;
}

.event-date
{
    display: block;
    margin: 0 0 5px 0;
    line-height: normal;
    vertical-align: inherit;
    width: auto;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    font-size: large;
    text-transform: uppercase;
}

.event-title
{
    display: block;
    width: auto;
    vertical-align: inherit;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    line-height: 16px;
    height: 35px;
    overflow: hidden;
}

/*-----------Calendar Event END-----------*/


/*-----------Menlu Profile-----------*/

.menlu-profile-container
{
    padding: 12px 0;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+44,000000+44,001649+99 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 44%, #000000 44%, #001649 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(44%,#000000), color-stop(44%,#000000), color-stop(99%,#001649)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 44%,#000000 44%,#001649 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 44%,#000000 44%,#001649 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #000000 44%,#000000 44%,#001649 99%); /* IE10+ */
    background: linear-gradient(to right, #000000 44%,#000000 44%,#001649 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#001649',GradientType=1 ); /* IE6-9 */
}

.menlu-profile-picture
{
    margin-right: 10px;
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .menlu-profile-picture
    {
        margin: auto;
        display: block;
    }

    .menlu-profile-content
    {
        display: block !important;
        margin-top: 10px;
        text-align: center;
    }

    .menlu-links li a
    {
        text-align: left;
    }
}

@media (max-width:991px)
{
    .profil-menlu-container
    {
        width: 49%;
        margin-right: 1%;
        float: left;
    }

    .layanan-container
    {
        float: left;
        width: 49%;
        margin-left: 1%;
    }

    /*.services-container
    {
        width: 49%;
        margin-left: 1%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }*/

    .menlu-profile-container
    {
        padding: 40px 0;
        text-align: center;
    }

    .menlu-profile-content
    {
        text-align: left;
    }

    .media-thumbnail
    {
        height: 400px !important;
    }
}

@media (max-width: 767px)
{
    /*.services-container,*/
    .profil-menlu-container,
    .layanan-container
    {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }

    .menlu-profile-content
    {
        text-align: left;
    }

    .menlu-profile-container
    {
        padding: 12px 0;
        text-align: center;
    }

    .menlu-links li a
    {
        text-align: left;
        width: auto !important;
    }

    /*.socmed .container .menubar ul li
    {
        border: none;
    }

        .socmed .container .menubar ul li a
        {
            padding: 4px !important;
        }*/

    .media-thumbnail
    {
        height: 200px !important;
    }

    #home-carousel .carousel-inner > .item
    {
        max-height: 350px;
    }
}

/*@media (max-width:991px)
{
    .socmed .container .menubar ul li a
    {
        padding: 15px;
    }
}*/

.menlu-profile-content
{
    display: inline-block;
    vertical-align: middle;
}

.menlu-profile-container ul
{
    list-style: none;
    padding: 0;
    font-weight: lighter;
}

.menlu-title
{
    font-family: 'Avenir LT Std 35 Light', Helvetica, sans-serif;
    font-size: 12px;
}

    .menlu-title span
    {
        font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
        font-size: medium;
    }

ul.menlu-links li
{
    margin-bottom: 5px;
}

    ul.menlu-links li a,
    ul.menlu-links li a:hover,
    ul.menlu-links li a:visited,
    ul.menlu-links li a:focus
    {
        text-decoration: none;
        color: #fff;
        display: inline-block;
        font-size: small;
    }

.menlu-link-icon
{
    vertical-align: top;
}

/*.services-container
{
    background-color: #fff;
    position: relative;
    padding: 20px 25px;
}*/

.services-title
{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: auto auto 10px auto;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    color: #444444;
    float: left;
}

ul.services-list
{
    list-style: url('/Style Library/Kemlu/img/garuda-bullet.png');
    padding-left: 20px;
    margin-bottom: 0;
}

    ul.services-list > li
    {
        border: none;
        padding: 5px 0 5px 5px;
    }

        ul.services-list > li > a,
        ul.services-list > li > a:visited,
        ul.services-list > li > a:focus
        {
            text-decoration: none;
            color: inherit;
        }

            ul.services-list > li > a:hover
            {
                color: #446CB3;
			    -webkit-transition: color 0.5s ease;
			    -moz-transition: color 0.5s ease;
			    -o-transition: color 0.5s ease;
                transition: color 0.5s ease;
            }

/*.embedded-twitter
{
    margin-bottom: 15px;
    padding: 20px 25px;
    background-color: #fff;
}*/

/*-----------Menlu Profile END-----------*/


/*-----------Banner-----------*/

.banner ul
{
    padding: 0;
}

    .banner ul li
    {
        list-style: none;
        margin-bottom: 10px;
        text-align: center;
        padding: 5px;
    }

.banner img
{
    width: 100%;
}

#carousel-link-banner .img-banner-box
{
    border: 1px solid #ccc;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#carousel-link-banner .carousel-indicators .active
{
    background-color: #020291;
}

#carousel-link-banner .carousel-indicators li
{
    border: 1px solid #020291;
}

#carousel-link-banner .carousel-indicators
{
    bottom: -20px;
}

/*-----------Banner END-----------*/


/*-----------Banner BOTTOM-----------*/

.banner-bottom > div.bx-wrapper
{
    margin: 0;
    padding: 15px 0;
}

    .banner-bottom > div.bx-wrapper img
    {
        margin: 0 30px;
    }

    .banner-bottom > div.bx-wrapper > div.bx-controls > div.bx-controls-direction > a.bx-prev,
    .banner-bottom > div.bx-wrapper > div.bx-controls > div.bx-controls-direction > a.bx-next
    {
        margin-left: 0;
        margin-right: 0;
    }

/*-----------Banner BOTTOM END-----------*/


/*-----------Section Box-----------*/

.section-box-title
{
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
    color: #000;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    margin-bottom: 10px;
    float: left;
}

a.section-box-index
{
    letter-spacing: 2px;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #e8d842;
    padding: 3px 6px;
    float: left;
    display: block;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    margin-top: -1px;
}

a.section-box-index,
a:hover .section-box-index,
a:visited .section-box-index,
a:focus .section-box-index
{
    color: #444444;
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .section-box-title
    {
        letter-spacing: 0px;
    }
}

/*-----------Section Box END-----------*/

.media-container
{
    background-color: #fff;
    padding: 21px 25px;
    margin-bottom: 15px;
}

    .media-container p
    {
        display: block;
    }

    .media-container .tab-pane
    {
        display: none;
    }

        .media-container .tab-pane.active
        {
            display: block;
        }

    .media-container .ms-webpartzone-cell
    {
        margin: auto !important;
    }

ul.tabs
{
    text-align: center;
    border-bottom: none;
}

.tabs li
{
    float: none;
    display: inline-block;
}

.tabs > li.active > a,
.tabs > li.active > a:hover,
.tabs > li.active > a:focus
{
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #000 !important;
}

.tabs > li > a,
.tabs > li > a:hover,
.tabs > li > a:focus
{
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
    padding: 3px 8px !important;
    border-radius: 0;
    letter-spacing: 1px;
    font-weight: bold;
    display: inline-block;
    color: #555555;
    margin: auto auto 10px auto;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    border: 1px solid #ccc;
    line-height: initial;
}

a.download,
a:hover.download,
a:visited.download,
a:focus.download,
input.download,
input:hover.download,
input:visited.download,
input:focus.download
{
    letter-spacing: 2px;
    color: #fff;
    border: 1px solid #020291;
    background-color: #020291;
    padding: 6px 12px;
    float: right;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: smaller;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
}

.news-date
{
    font-size: small;
    margin-top: 5px;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    font-weight: 100;
}

.news-update-container ul
{
    padding-left: 0;
    overflow: hidden;
}

.news-update-item
{
    width: 33%;
    margin-bottom: 0.63333%;
    margin-right: 0.33333%;
    display: block;
    float: left;
    margin-left: 0;
}

@media screen and (min-width: 769px)
{
    .news-update-item.multiple-of-three
    {
        width: 33.33%;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px)
{
    .news-update-item
    {
        width: 100%;
        display: block !important;
        float: none;
        margin-right: 0%;
    }
}

.news-update-caption h2
{
    max-height: 57px;
    overflow: hidden;
    line-height: 19px;
}

ul.news-updates::after,
ul.embassy-news::after,
ul.press-releases::after
{
    clear: both;
    content: '';
    display: block;
}

.play-video-icon
{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin: -25px auto auto -25px;
    cursor: pointer;
}

#video-audio-link-index
{
    margin-bottom: 10px;
}

button.close
{
    min-width: 0;
}

#audio.tab-pane .icon-audio
{
    width: 90px;
    margin: 4px auto 20px;
    display: block;
}

.audiojs .time
{
    margin: 0;
    padding: 0 4px 0 8px;
}

@media screen and (min-width: 992px)
{
    .embassy-news-container
    {
        padding-left: 2px;
    }

    .press-release-container
    {
        padding-right: 2px;
    }

    .catatan-pejambon-container,
    .sorotan-media-container
    {
        padding-left: 2px;
        padding-right: 2px;
    }
}

ul.press-releases
{
    overflow: hidden;
}

.press-release-item,
.catatan-pejambon-item,
.sorotan-media-item
{
    height: 114px;
    margin-bottom: 4px;
    background-color: #fff;
    padding: 10px;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    position: relative;
    margin-right: 0;
    float: none;
}

@media (max-width: 1199px) and (min-width: 992px)
{
    .section-box-title.catatan-pejambon,
    .section-box-title.sorotan-media
    {
        letter-spacing: 0;
    }

    .news-update-caption,
    .embassy-news-caption
    {
        padding: 21px;
    }
}

@media screen and (max-width: 991px)
{
    .press-release-container
    {
        margin-bottom: 20px;
    }

    .embassy-news-item
    {
        float: left;
        width: 49% !important;
        margin-right: 1%;
        margin-bottom: 1% !important;
    }

        .embassy-news-item.multiple-of-two
        {
            margin-right: 0;
            margin-left: 1%;
        }
}

@media screen and (max-width: 767px)
{
    .press-release-container
    {
        padding-right: 15px;
    }

    .press-release-item
    {
        display: block !important;
        float: left;
        padding: 3%;
    }
    
    .catatan-pejambon-container,
    .sorotan-media-container
    {
        margin-bottom: 20px;
    }
}

.embassy-news-item
{
    margin-bottom: 4%;
    width: 100%;
}

@media screen and (max-width: 767px)
{
    .embassy-news-container
    {
        padding-left: 15px;
    }
    
    .embassy-news-item
    {
        width: 100% !important;
        display: block !important;
    }

    #footer > .container > .menubar ul li
    {
        margin: 0 5px;
    }

    #footer .menubar ul
    {
        margin: 0 0 5px 0;
    }

    .copyright
    {
        text-align: center;
    }
}

.press-release-item h2,
.catatan-pejambon-item h2,
.sorotan-media-item h2
{
    max-height: 39px;
    overflow: hidden;
}

a.read-more,
a:hover.read-more,
a:focus.read-more,
a:visited.read-more
{
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    font-size: smaller;
    letter-spacing: 1px;
    position: absolute;
    bottom: 20px;
}

.news-update-thumbnail,
.media-thumbnail,
.embassy-news-thumbnail
{
    background-repeat: no-repeat;
    background-size: cover;
    height: 140px;
    background-position: center;
}

.article-image img,
.article-image-page img
{
    height: 350px;
    width: auto;
    margin: auto;
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
}

.original-image
{
    display: none;
}

.news-update-image
{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.media-thumbnail
{
    position: relative;
}

.media-caption
{
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    margin: 20px 0;
}

    .media-caption a
    {
        color: #000;
    }

.news-update-caption,
.embassy-news-caption
{
    background-color: #fff;
    padding: 18px;
    height: 90px;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
}

.embassy-news-caption
{
    padding-top: 21px;
}

    .news-update-caption h2,
    .press-release-item h2,
    .embassy-news-caption h2,
    .catatan-pejambon-item h2,
    .sorotan-media-item h2
    {
        font-size: large;
        margin: 0;
    }

    .embassy-news-caption h2
    {
        max-height: 57px;
        overflow: hidden;
    }
    
    @media (max-width: 767px)
    {
	    .news-update-caption h2,
	    .press-release-item h2,
	    .embassy-news-caption h2,
	    .catatan-pejambon-item h2,
	    .sorotan-media-item h2
	    {
	        font-size: 15px;
	        margin: 0;
	        max-height: 35px;
	    }
	 }

        .news-update-caption h2 a,
        .press-release-item h2 a,
        .embassy-news-caption h2 a,
        .catatan-pejambon-item h2 a,
        .sorotan-media-item h2 a
        {
            font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
            color: #000;
			-webkit-transition: color 0.5s ease;
			-moz-transition: color 0.5s ease;
			-o-transition: color 0.5s ease;
            transition: color 0.5s ease;
        }

            .news-update-caption h2 a:hover,
            .news-update-caption h2 a:focus,
            .press-release-item h2 a:hover,
            .catatan-pejambon-item h2 a:hover,
            .sorotan-media-item h2 a:hover,
            .press-release-item h2 a:focus,
            .catatan-pejambon-item h2 a:focus,
            .sorotan-media-item h2 a:focus,
            .embassy-news-caption h2 a:hover,
            .embassy-news-caption h2 a:focus,
            .media-caption a:hover,
            .media-caption a:focus
            {
                text-decoration: none;
                color: #446CB3;                
			    -webkit-transition: color 0.5s ease;
			    -moz-transition: color 0.5s ease;
			    -o-transition: color 0.5s ease;
                transition: color 0.5s ease;
            }
            
.hyperlink-wrapper
{
	display: block;
    width: 100%;
    height: 100%;
}

.sumber-berita 
{
    margin-bottom: 0;
    font-size: 12px;
    color: #999;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
}
/*-----------News Update, Press Release, Embassy News, Media END-----------*/

#home-carousel .carousel-control
{
    width: 60px;
    background-image: none !important;
}

    #home-carousel .carousel-control .glyphicon
    {
        background-color: #e8d842;
        padding: 7px 10px 13px;
        line-height: 20px;
        vertical-align: top;
        border-radius: 50%;
    }

    #home-carousel .carousel-control .glyphicon-chevron-left,
    #home-carousel .carousel-control .glyphicon-chevron-right
    {
        left: 10px;
        margin-top: -10px;
    }

/*===================BODY END===================*/


/*===================BODY[LIST ELEMENT] START===================*/

/*#daftar-berita-page-title
{
    display: inline-block;
}*/

/*ul.news-list,*/
ul.list-elements
{
    list-style: none;
    padding: 0;
}

    /*ul.news-list > li,*/
    ul.list-elements > li
    {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
    }

.list-item-info
{
    margin-top: 0;
    overflow: hidden;
    width: auto;
}

.list-item-info--title
{
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    margin-top: 5px;
    font-size: 20px;
}

@media (max-width: 767px)
{
    .list-item-info--title
    {
        font-size: 18px;
    }
}

/*.news-item-title > a,
.news-item-title > a:hover,
.news-item-title > a:visited,
.news-item-title > a:focus,*/
.list-item-info--title > a,
.list-item-info--title > a:visited,
.list-item-info--title > a:focus
{
    text-decoration: none;
    color: inherit;
    -webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

    .list-item-info--title > a:hover
    {
        text-decoration: none;
        color: #446CB3;
    }


/*.news-item-title
{
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    font-size: x-large;
}*/

/*.news-author
{
    font-weight: bold;
    font-size: small;
    display: inline-block;
}*/

.list-item-info--author
{
    font-weight: bold;
    font-size: small;
}

.news-item-date
{
    font-size: small;
    margin-top: 0;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    font-weight: bold;
    display: inline-block;
}

.list-item-info--date
{
    font-size: small;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    font-weight: bold;
}

/*.news-by
{
    display: inline-block;
}*/

/*.news-item-picture,
.news-item-thumbnail img
{
    height: 130px;
    float: left;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, .12) !important;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    margin: 0 15px 10px 0;
}*/

.list-item--picture
{
    float: left;
    width: 45%;
    margin-right: 30px;
}

    .list-item--picture img
    {
        width: 100%;
        padding: 3px;
        border: 1px solid rgba(0, 0, 0, .12) !important;
        -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
        -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
        box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    }

.list-item-picture
{
    float: left;
    padding: 3px;
    width: 45%;
    margin-right: 30px;
    border: 1px solid rgba(0, 0, 0, .12) !important;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
}

.list-item-picture--image
{
    width: 100%;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.list-item-picture-small
{
    float: left;
    padding: 3px;
    width: 25%;
    margin-right: 30px;
    border: 1px solid rgba(0, 0, 0, .12) !important;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
}

.list-item-picture-small--image
{
    width: 100%;
    height: 160px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.list-item-multimedia-thumbnail
{
    float: left;
    padding: 3px;
    width: 10%;
    margin-right: 30px;
}

.list-item-video-thumbnail
{
    float: left;
    padding: 3px;
    width: 30%;
    margin-right: 30px;
}

.list-item-multimedia-image
{
    width: 100%;
}

@media (max-width: 991px) and (max-width: 767px)
{
    .list-item-multimedia-thumbnail
    {
        width: 10%;
        margin-right: 10px;
    }
}

@media (max-width: 767px)
{
    .list-item-multimedia-thumbnail
    {
        width: 15%;
        margin-right: 10px;
    }
}

a.read-full-text,
a.read-full-text:hover,
a.read-full-text:visited,
a.read-full-text:focus
{
    font-weight: bold;
    color: inherit;
}

    a.read-full-text:focus
    {
        text-decoration: none;
    }

.filter-container
{
    float: right;
    margin-top: -50px;
}

p.filter
{
    display: inline-block;
}

.filter-option
{
    display: inline-block;
    width: auto;
}

.index-selector .filter-option
{
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
    font-weight: bold;
}

@media (max-width: 767px)
{
    .filter-container
    {
        margin-top: -40px;
    }
}

.pagination-container
{
    text-align: center;
    margin: 20px 0;
}

@media (max-width: 767px)
{
    .list-item-picture--image
    {
        height: 200px;
    }
}

/*===================BODY[LIST ELEMENT] END===================*/


/*===================BODY[PAGE LAYOUT] START===================*/

.page-layout-input-box input,
.page-layout-input-box textarea
{
    width: 98% !important;
}

.page-layout-input-box .ms-formfieldvaluecontainer
{
    padding: 1%;
    margin-top: 2px;
}

.page-layout-input-box .ms-rtestate-field
{
    /*background-color: #fff;*/
}

.main-title-news,
.main-news-title
{
    margin: 0;
    margin-bottom: 5px;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    font-size: x-large;
    color: #000;
}

.images-detail-news
{
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
}

.article--info,
.date-time-news
{
    color: #777;
}

/*.author-news
{
    color: #07236f;
}

    .author-news:hover
    {
        cursor: pointer;
        text-decoration: none;
    }*/

.main-article-container > img
{
    width: 300px;
    float: left;
    margin: 0 20px 20px 0;
}

.images-width-100,
.images-width-100 img
{
    width: 100%;
}

.news--image
{
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.paragraph-detail-news
{
    text-align: justify;
    margin-bottom: 20px;
}

/*===================BODY[PAGE LAYOUT] END===================*/


/*===================BODY[related links / sidebar element item] START===================*/

.related-links-container,
.sidebar-element-item
{
    padding: 20px 25px;
    background-color: #fff;
    margin-bottom: 15px;
}

.related-links-title,
.sidebar-element-item-title
{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: auto auto 10px auto;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    color: #444444;
}

ul.related-articles-list
{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: bold;
    margin-left: -4px;
}

ul.related-links-list
{
    list-style: url('/Style Library/Kemlu/img/garuda-bullet.png');
    padding-left: 20px;
    margin-bottom: 0;
}

    ul.related-links-list > li,
    ul.related-articles-list > li
    {
        border: none;
        padding: 5px 0 5px 5px;
    }

        ul.related-articles-list > li > p
        {
            font-weight: normal;
        }
        
        ul.related-links-list > li > a,
        ul.related-articles-list > li > a
        {
            text-decoration: none;
            color: inherit;
        }

            ul.related-links-list > li > a:hover,
            ul.related-articles-list > li > a:hover
            {
                text-decoration: none;
                color: #446CB3;
			    -webkit-transition: color 0.5s ease;
			    -moz-transition: color 0.5s ease;
			    -o-transition: color 0.5s ease;
                transition: color 0.5s ease;
            }

/*===================BODY[related links / sidebar element item] END===================*/

/*.update-news
{
    text-transform: uppercase;
    font-size: large;
    letter-spacing: 3px;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
}

.title-update-news
{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

    .title-update-news > a
    {
        color: #000;
    }

        .title-update-news > a:hover,
        .title-update-news > a:focus
        {
            text-decoration: none;
        }*/

/*.button-read-full > a
{
    color: #fff;
}

    .button-read-full > a:hover,
    .button-read-full > a:focus
    {
        text-decoration: none;
    }

.button-read-full
{
    color: #fff;
    padding: 5px 10px;
    background-color: #000;
    border-radius: 5px;
}

.back-to-news:hover
{
    text-decoration: none;
    cursor: pointer;
}*/


/*===================BODY[LIST MAPS / MAP LIST] START===================*/

/*.right-banner
{
    padding: 35px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.img-banner-right
{
    width: 100%;
    margin-bottom: 35px;
}

.consulat
{
    width: 250px;
    margin: auto;
    margin-bottom: 20px;
}

    .consulat td
    {
        height: 30px;
    }*/

.list-maps ul
{
    text-align: center;
}

    .list-maps ul li
    {
        width: 110px;
        text-align: center;
        margin: 10px 25px;
        vertical-align: top;
    }

        .list-maps ul li a
        {
        	-webkit-transition: color 0.5s ease;
		    -moz-transition: color 0.5s ease;
		    -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
            color: #000;
        }

            .list-maps ul li a:hover,
            .list-maps ul li a:focus,
            .list-maps ul li a:visited
            {
                text-decoration: none;
            }

            .list-maps ul li a:hover
            {
                color: #446cb3;
            }

ul.list-detail-maps
{
    padding-left: 15px;
    margin-top: 20px;
    overflow: hidden;
}

    ul.list-detail-maps li
    {
        float: left;
        width: 200px;
        margin-bottom: 10px;
    }

        ul.list-detail-maps li a
        {
			-webkit-transition: color 0.5s ease;
			-moz-transition: color 0.5s ease;
			-o-transition: color 0.5s ease;
            transition: color 0.5s ease;
            color: #000;
        }

            ul.list-detail-maps li a:hover,
            ul.list-detail-maps li a:focus,
            ul.list-detail-maps li a:visited
            {
                text-decoration: none;
            }

            ul.list-detail-maps li a:hover
            {
                color: #446cb3;
            }

@media (max-width: 767px)
{
    .list-maps ul li
    {
        margin: 10px 5px;
    }
}

/*===================BODY[LIST MAPS / MAP LIST] END===================*/

.collapsible-title
{
    display: block;
}

.flag-picture
{
    width: 130px;
    float: left;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    margin: 0 15px 10px 0;
}

.country-profile-summary
{
    display: block;
    overflow: hidden;
    width: auto;
}

.detail-country-profile h4
{
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: bold;
}


/*===================BODY[MANAJEMEN MENU] START===================*/

#menu-editor-zone input[type="checkbox"]
{
    margin: 0 5px 0 0;
}

#management-menu-button-container,
.treeview-wrap
{
    margin-bottom: 20px;
}

.menu-editor-in
{
    margin-bottom: 10px;
}

span.menu-editor-text
{
    width: 235px;
    display: inline-block;
}

#management-menu-button-container.asp-pagination a,
#management-menu-button-container.asp-pagination span
{
    margin-left: -1px;
}

/*===================BODY[MANAJEMEN MENU] END===================*/


/*===================BODY[PROFIL MENTERI] START===================*/

.full-profile-content img
{
    text-align: center;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    float: left;
    margin: 0 20px 10px 0;
    height: 250px;
}

.full-profile-content p
{
    text-align: justify;
}

/*===================BODY[PROFIL MENTERI] END===================*/


/*===================BODY[FORM STYLING] START===================*/

.form-area
{
    text-align: center;
}

.form-area-container
{
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
}

.form-area-title
{
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
}

.form-area-container a
{
    margin: auto;
    display: block;
    width: 68px;
}

    .form-area-container input[type="submit"],
    .form-area-container a,
    .form-area-container a:hover,
    .form-area-container a:focus
    {
        letter-spacing: 2px;
        font-size: small;
        border: none;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        background-color: #020291;
        padding: 5px 10px;
        border-radius: 0;
        font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    }

.form-area-container table
{
    width: 100%;
}

.contact-webpart p
{
    margin-bottom: 0;
}

.contact-webpart input[type=text],
.contact-webpart .form-control
{
    border: 1px solid #ccc;
}

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

.captcha-input input[type="text"]
{
    width: 100%;
}

.captcha-warning
{
    color: red;
}

/*===================BODY[FORM STYLING] END===================*/


/*===================BODY[STRUKTUR KEMLU] START===================*/

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

ul.structure-orgz > li
{
    width: auto !important;
}

ul.profile-list > li
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}

    ul.profile-list > li.full-width
    {
        display: block;
        margin: auto;
    }

.profile-function > a,
.profile-function > a:focus,
.profile-function > a:visited
{
    text-decoration: none;
    color: #000;
    -webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

    .profile-function > a:hover
    {
        text-decoration: none;
        color: #446CB3;
    }

.profile-function
{
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    font-size: larger;
    text-align: center;
    padding: 5px 0;
    height: 30px;
}

.panel .profile-function
{
    text-align: left;
    margin-bottom: 0;
    height: auto;
    min-height: auto;
}

.panel-heading a > .profile-function
{
    color: #000;
}

.panel-heading a:hover,
.panel-heading a:visited,
.panel-heading a:focus
{
    text-decoration: none;
    color: #000;
}

.panel .profile-function-label
{
    height: auto;
    display: block;
}

.item-profile-picture
{
    height: 200px;
    float: left;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.39);
    margin: 0 15px 10px 0;
}

.profile-function-label
{
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: auto auto 5px auto;
    height: 35px;
    font-size: 12px;
    display: table;
    overflow: hidden;
}

    .profile-function-label span
    {
        display: table-cell;
        vertical-align: middle;
    }

.profile-name
{
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    font-size: large;
}

.profile-detail ol,
.profile-detail ul
{
    margin-left: 16px;
    padding: 0;
}

    .profile-detail ol li,
    .profile-detail ul li
    {
        position: relative;
        left: 16px;
        padding-right: 16px;
    }

.circular-image
{
    width: 150px;
    height: 150px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin: 10px auto;
}

.panel-body div
{
    margin: 5px 0;
}

/*===================BODY[STRUKTUR KEMLU] END===================*/


/*===================BODY[Kedutaan / Konsulat di Perwakilan untuk Indonesia] START===================*/

.embassy-title
{
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: small;
    margin-top: 0;
    font-weight: bold;
}

.sub-embassy-title
{
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
}

.tab-style
{
    margin-bottom: 15px;
}

    .tab-style .nav-tabs > li > a,
    .tab-style .nav-tabs > li > a:hover,
    .tab-style .nav-tabs > li > a:focus
    {
        letter-spacing: 1px;
        text-decoration: none;
        background: rgba(255,255,255,0.5);
        border: none;
        border-radius: 0;
        text-transform: uppercase;
        font-size: smaller;
        color: #000 !important;
    }

        .tab-style .nav-tabs > li > a .embassy-title,
        .tab-style .nav-tabs > li > a:hover .embassy-title,
        .tab-style .nav-tabs > li > a:focus .embassy-title
        {
            color: rgba(0,0,0,0.4) !important;
        }

    .tab-style .nav-tabs > li.active > a,
    .tab-style .nav-tabs > li.active > a:hover,
    .tab-style .nav-tabs > li.active > a:focus
    {
        cursor: default;
        border: none;
        letter-spacing: 1px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 0;
        background: rgba(255,255,255,0.8);
    }

        .tab-style .nav-tabs > li.active > a .embassy-title,
        .tab-style .nav-tabs > li.active > a:hover .embassy-title,
        .tab-style .nav-tabs > li.active > a:focus .embassy-title
        {
            color: #000 !important;
        }

    .tab-style .tab-content
    {
        background: rgba(255,255,255,0.8);
        padding: 15px;
    }

.nav-tabs
{
    border-bottom: 1px solid transparent;
}

/*===================BODY[Kedutaan / Konsulat di Perwakilan untuk Indonesia] END===================*/


/*===================BODY[INDEX] START===================*/

.index-selector p
{
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
}

.ui-datepicker-trigger
{
    margin: 0 10px;
}

.datepicker-container
{
    display: inline-block;
    padding: 5px;
    background: rgba(255,255,255,0.5);
}

    .datepicker-container .btn.btn-default
    {
        border-radius: 0;
    }

#datepicker
{
    margin: 0 10px;
}

.index-table
{
    width: 100%;
}

    .index-table a
    {
		-webkit-transition: color 0.5s ease;
	    -moz-transition: color 0.5s ease;
	    -o-transition: color 0.5s ease;
        transition: color 0.5s ease;
        color: #000;
    }

        .index-table a:hover,
        .index-table a:focus,
        .index-table a:visited
        {
            text-decoration: none;
        }

        .index-table a:hover
        {
            color: #446cb3;
        }

tr.index-table-head,
tr.index-table-head th
{
    border-bottom: 2px solid #000;
    font-weight: bold;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    font-size: 15px;
    background-color: #cdcdcd;
    text-align: center;
}

.index-table td,
.index-table th
{
    padding: 5px;
    border: 1px solid;
}

    .index-table td:first-child
    {
        width: 115px;
        text-align: center;
    }

@media (max-width: 767px)
{
    .index-table td:first-child
    {
        width: 85px;
    }
}

.index-table.hit-count-table td:first-child,
.index-table.hit-count-table .index-table-head th:first-child
{
    width: 30px;
}

.hit-count-table td:last-child
{
    width: 80px;
    text-align: center;
}

#ui-datepicker-div
{
    z-index: 2 !important;
}

.datepicker-container
{
    vertical-align: middle;
    margin-left: 10px;
}

#datepicker
{
    border: none;
    background-color: transparent;
    color: #000;
    font-weight: bold;
    width: 75px;
}

.ui-datepicker-trigger
{
    margin: 0 10px;
    width: 20px;
}

/*===================BODY[INDEX] END===================*/


/*===================BODY[DOCUMENT LIBRARY] START===================*/

.black-text-color a
{
    color: #000;
}

.document-library-style table table
{
    width: 100%;
}

    .document-library-style table table tbody tr td
    {
        padding: 10px !important;
    }

    .document-library-style table table .ms-itmHoverEnabled:hover > *,
    .document-library-style table table .ms-headerCellStyleHover
    {
        background-color: rgba(0,0,0,0.1);
        border: 1px solid transparent;
    }

.ms-headerSortTitleLink,
.ms-headerSortArrowLink
{
    font-size: 15px;
}

.document-library-style .band
{
    padding: 5px 10px;
    background: rgba(255,255,255,0.8);
    margin-top: 10px;
}

.document-library-style .groupheader
{
    font-size: 12pt;
}

.document-library-style .dfwp-list
{
    padding: 0 0 0 10px;
}

.document-library-style .ms-webpart-titleText.ms-webpart-titleText
{
    letter-spacing: 2px;
    font-size: 25px;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    margin-top: 0;
    overflow: visible;
}

/*===================BODY[DOCUMENT LIBRARY] END===================*/

.detail-country-profile
{
    width: auto;
    overflow: hidden;
}

    .detail-country-profile img
    {
        width: 300px;
        margin: 30px auto !important;
        display: block;
    }

.embassy-delegation
{
    width: 200px;
    float: left;
    margin-right: 40px;
}

.embassy-flag
{
    border: 10px solid #fff;
    min-height: 125px;
    max-width: 180px;
}

.embassy-info
{
    width: auto;
    overflow: hidden;
}

.embassy-info table span
{
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif!important;
    font-size: 14px!important;
    line-height: 1.428571429!important;
    color: #333!important;
    background-color: transparent!important;
}

.embassy-country,
.sub-element-title
{
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 25px;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
}

.separator-border
{
    border-bottom: 1px solid #ccc;
}

.position-relative
{
    position: relative;
}

    .position-relative .asp-pagination .prev
    {
        position: absolute;
        left: 0;
    }

    .position-relative .asp-pagination .next
    {
        position: absolute;
        right: 0;
    }

/*===================ACCORDION START===================*/

.panel-title
{
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    font-size: larger;
    padding: 5px 0;
}

    .panel-title > a:hover,
    .panel-title > a:focus
    {
        text-decoration: none;
    }

.collapse-head
{
    font-size: larger;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    background: rgba(255,255,255,0.8);
    padding: 10px 15px;
    border: 1px solid #e3e3e3;
    margin-bottom: 0;
}

.well
{
    background: rgba(255,255,255,0.5);
    border-radius: 0;
}

.nested-collapse .collapse-head
{
    margin-top: 10px;
    font-size: 15px;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
}

.nested-collapse .well
{
    background: rgba(255,255,255,0.8);
}

#faq-list .well
{
    min-height: auto;
    padding: 10px;
    margin-bottom: 20px;
}

.list-unstyled > li > ul > li
{
    margin: 10px;
}

#faq-list .collapse .well
{
    padding: 10px;
}


/*===================ACCORDION END===================*/


/*===================BODY[GALLERY] START===================*/

.album-gallery--image
{
    width: 100%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.album-gallery-title-container
{
    background: rgba(225,225,225,0.6);
    color: #000;
    position: absolute;
    bottom: 0;
    -webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    width: 100%;
    height: 80px;
}

    .album-gallery-title-container:hover,
    .album-gallery-title-container:focus,
    .album-gallery-title-container:visited
    {
        color: #000;
        text-decoration: none;
    }

.album-gallery--image:hover .album-gallery-title-container
{
    height: 100%;
}

.album-gallery--title
{
    margin: 10px;
    max-height: 30px;
    overflow: hidden;
    font-family: 'Avenir LT Std 85 Heavy', Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
}

.album-gallery-title-container:hover .album-gallery--title
{
    height: auto;
}

.album-gallery--date
{
    font-size: small;
    margin: 5px;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
    text-align: center;
}

/*===================BODY[GALLERY] END===================*/


/*===================PPID START===================*/

.ppid-list
{
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    font-size: 16px;
}

    .ppid-list > li
    {
        position: relative;
        padding-right: 60px;
    }

        .ppid-list > li > span
        {
            padding-top: 10px;
            padding-bottom: 10px;
            display: block;
        }

.ppid-list-link
{
    width: 50px;
    position: absolute;
    right: 0px;
    top: 11px;
    font-size: 14px;
}

.ppid-sublist
{
    margin-left: -40px;
    padding-left: 40px;
    background-color: #fff;
    margin-right: -60px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

    .ppid-sublist > li
    {
        position: relative;
        padding-right: 60px;
    }

        .ppid-sublist > li > span
        {
            padding-top: 10px;
            padding-bottom: 5px;
            display: block;
        }

/*===================PPID END===================*/


/*===================CONTROL PANEL START===================*/

.link-list
{
    float: left;
    width: 50%;
}

    .link-list > li
    {
        margin-bottom: 20px;
    }

    .link-list a
    {
    	-webkit-transition: .65s;
		-moz-transition: .65s;
		-o-transition: .65s;
        transition: .65s;
    }

.link-head
{
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Avenir LT Std 95 Black', Helvetica, sans-serif;
    margin-bottom: 10px;
    font-size: 15px;
}

    .link-head a
    {
        text-decoration: none;
        color: #444;
    }

        .link-head a:hover
        {
            text-decoration: underline;
        }

.sublink-list
{
    padding: 0 15px;
}

    .sublink-list span
    {
        padding-right: 10px;
    }

    .sublink-list ul
    {
        list-style-type: none;
    }

.sublink-head
{
    color: #428bca;
    padding-left: 22px;
}

.alert-notifikasi
{
    -webkit-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.74);
    -moz-box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.74);
    box-shadow: 1px 3px 16px -3px rgba(0,0,0,0.74);
    background-color: #fff;
}

.plain-table p
{
    margin-bottom: 0;
}

.plain-table td
{
    padding: 5px;
}

.noticeable
{
    background-color: #020291;
}

/*===================CONTROL PANEL END===================*/


.ms-rtestate-field img
{
    max-width: 100%;
}

/*===================GALLERIA START===================*/

#galleria
{
    margin-bottom: 20px;
}

.galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right
{
    background-image: url('../img/galleria-control-custom.png');
}

.galleria-theme-classic .galleria-image-nav-right
{
    background-position: -40px 0;
}

.galleria-theme-classic .galleria-image-nav-left
{
    background-position: 0 0;
}

.galleria-image-nav-right:hover
{
    background-position: -40px -40px;
}

.galleria-image-nav-left:hover
{
    background-position: 0 -40px;
}

.galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right
{
    width: 40px;
    height: 40px;
}

.galleria-theme-classic .galleria-image-nav
{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    height: 40px;
    left: 0;
}

.galleria-theme-classic .galleria-info
{
    width: 100%;
    bottom: 60px;
    left: 0;
    top: auto;
}

.galleria-theme-classic .galleria-counter
{
    top: 10px;
    bottom: auto;
}

.galleria-theme-classic .galleria-info-title
{
    text-align: center;
    margin-bottom: 0;
    font-family: 'Avenir LT Std 55 Roman';
    font-weight: normal;
    font-size: 14px;
}

.galleria-theme-classic .galleria-info-text
{
    background: rgba(0,0,0,0.7);
}

/*===================GALLERIA END===================*/

.menu-container .nav.en > li > a
{
    padding: 10px 35px;
}

.menu-container .nav.en > li:first-child > a
{
    padding-left: 0;
}

@media (max-width: 1199px)
{
    .menu-container .nav.en > li > a
    {
        padding: 10px 21px !important;
    }
}

/*===================LIST OF LINKS STYLING START===================*/

ul.list-of-links
{
    padding-left: 20px;
    overflow: hidden;
}

    ul.list-of-links li a
    {
    	-webkit-transition: color 0.5s ease;
		-moz-transition: color 0.5s ease;
		-o-transition: color 0.5s ease;
        transition: color 0.5s ease;
        color: #6c9ef0;
        font-weight: bold;
    }

        ul.list-of-links li a:hover,
        ul.list-of-links li a:focus,
        ul.list-of-links li a:visited
        {
            text-decoration: none;
        }

        ul.list-of-links li a:hover
        {
            color: #446cb3;
        }

/*===================LIST OF LINKS STYLING END===================*/


/*===================VIDEO/AUDIO GALLERY START===================*/

.audio-container
{
    margin-bottom: 30px;
    text-align: center;
}

.icon-audio
{
    width: 70px;
    margin-bottom: 10px;
}

.video-container
{
    margin: auto;
    padding: 10px;
}

.table-link-download
{
    width: 100%;
}

    .table-link-download td:first-child
    {
        width: 500px;
        padding-right: 5px;
    }

    .table-link-download a
    {
        color: inherit;
    	-webkit-transition: color 0.5s ease;
		-moz-transition: color 0.5s ease;
		-o-transition: color 0.5s ease;
        transition: color 0.5s ease;
    }

        .table-link-download a:hover
        {
            color: #446cb3;
            text-decoration: none;
        }

.video-container a.download,
.video-container a:hover.download,
.video-container a:visited.download,
.video-container a:focus.download,
.audio-container a.download,
.audio-container a:hover.download,
.audio-container a:visited.download,
.audio-container a:focus.download
{
    float: none !important;
}

.audio-container .audiojs,
.video-container .video-js
{
    margin-bottom: 10px;
}

/*===================VIDEO/AUDIO GALLERY END===================*/


/*===================SITEMAP START===================*/

.sitemap-style a
{
    -webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: #6c9ef0;
    font-weight: bold;
}

    .sitemap-style a:hover
    {
        color: #446CB3;
        text-decoration: none;
    }

/*===================SITEMAP END===================*/

@media (max-width: 767px)
{
    .navbar-nav .open-custom > .dropdown-menu
    {
        position: static;
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }


    .navbar-nav .open-custom .dropdown-menu > li > a,
    .navbar-nav .open-custom .dropdown-menu .dropdown-header
    {
        padding: 5px 15px 5px 25px;
        line-height: 20px;
        white-space: normal;
    }
}


/* mobile */

@media (max-width: 991px)
{
	#twitter-widget-container
	{
    	text-align: center;
	}
	
	#carousel-link-banner .img-banner-box
	{
	    width: 50%;
	    margin-left: auto;
	    margin-right: auto;
    }
}

@media (max-width: 1199px)
{
    .career .nav > li > a
    {
        padding: 10px;
        font-size: 11px !important;
    }

    .contact-webpart input[type="text"],
    .contact-webpart textarea
    {
        width: 100%;
    }
}

@media (max-width: 1199px)
{
    .menu-container .nav > li > a
    {
        border: none;
    }

    .nav.navbar-nav li ul li
    {
        text-align: left;
    }
}

@media (max-width: 767px)
{
    .newsflash
    {
        display: none !important;
    }

    ul.profile-list > li
    {
        width: 100%;
    }

    .list-item-picture
    {
        float: none;
        width: 100%;
        margin: 0 0px 10px;
    }

    .article-image img, .article-image-page img
    {
        height: auto;
    }

    .embassy-delegation
    {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .embassy-flag
    {
        display: block;
        margin: auto;
    }
    
    #carousel-link-banner .img-banner-box
	{
	    width: 80%;
	    margin-left: auto;
	    margin-right: auto;
    }
}

@media (max-width: 450px)
{
    .main-title h1
    {
        margin: 10px 5px;
        font-size: 12px;
    }
}

@media (max-width: 350px)
{
    .contact-webpart input[type="text"], .contact-webpart textarea
    {
        width: 80%;
    }
}

/* end of mobile */


/*===================SITE PERWAKILAN START===================*/

.upmost-header-container-perwakilan
{
    background-color: #fff;
    padding: 10px;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.newsflash-perwakilan
{
    letter-spacing: 2px;
    font-weight: bold;
    font-family: 'Avenir LT Std 55 Roman', Helvetica, sans-serif;
    width: 120px;
    text-transform: uppercase;
}

.choose-language-perwakilan
{
    float: right;
    font-family: 'Avenir LT Std 45 Book', Helvetica, sans-serif;
}

    .choose-language-perwakilan ul li:last-child a
    {
        padding-right: 0;
    }

    .choose-language-perwakilan ul li a.chosen-language
    {
        color: #02246e;
        font-weight: bold;
    }

.alert-zone
{
    background-color: #ffe401;
    padding: 15px 10px;
}

.alert-text
{
    color: #000;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.contact-map
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 460px;
}

    .contact-map iframe
    {
        width: 100%;
        height: 100%;
    }

.contact-webpart
{
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    padding-left: 5%;
}

@media (max-width: 767px)
{
    .contact-map
    {
        width: 100%;
        display: block;
        height: 150px;
        margin-bottom: 10px;
    }

    .contact-webpart
    {
        width: 100%;
        display: block;
        margin-left: 0;
        padding-left: 0;
    }
}

.article-caption
{
    margin-bottom: 0;
    font-family: 'Avenir LT Std 65 Medium';
    text-align: center;
    font-size: small;
}

    .article-caption .fa
    {
        font-style: italic;
        font-size: 10px;
    }

/*===================SITE PERWAKILAN END===================*/

.audiojs .play {
    background: url("/Style Library/Kemlu/js/player-graphics.gif") -2px -1px no-repeat!important;
}

.audiojs .pause {
    background: url("/Style Library/Kemlu/js/player-graphics.gif") -2px -91px no-repeat!important;
}

.audiojs .loading {
    background: url("/Style Library/Kemlu/js/player-graphics.gif") -2px -31px no-repeat!important;
}

.audiojs .error {
    background: url("/Style Library/Kemlu/js/player-graphics.gif") -2px -61px no-repeat!important;
}