/*
@font-face {
    font-family: BoldHei;
    src: url(/fonts/SourceHanSansTC-Normal.otf);
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);        
*/
/* 
    @font-face {
        font-family: VoltraHei;
        src: url(/fonts/CHei3HK-Bold.otf);
    }
*/

    @font-face {
        font-family: HeavyBlack;
        src: url(/fonts/NotoSansCJKtc-Black.otf); 
        /* src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Heavy.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Heavy.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Heavy.otf) format('opentype'); */
    }    

    @font-face {
        font-family: 'Noto Sans TC';
        font-style: normal;
        /* src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype'); */
        src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
    }

    /*    
    @font-face {
        font-family: UniversLTStd;
        src: url(/fonts/UniversLTStd.otf);
    }
*/
    
    @font-face {
        font-family: UniversLTStd;
        src: url(/fonts/UniversLTStd Light.otf);
        /*        font-weight: 100; */
    }
/*    
    @font-face {
        font-family: UniversLTStd;
        src: url(/fonts/UniversLTStd Bold.otf);
        font-weight: 600;
    }
*/
    
    body,
    td,
    .BodyText {
        /* font-family: UniversLTStd, BoldHei; */
        font-family: UniversLTStd, 'Noto Sans TC', sans-serif;
        /*font-family: UniversLTStd, system-ui, sans-serif;*/
        /* font-family: UniversLTStd, 'Microsoft YaHei', system-ui, sans-serif; */
        /* font-family: 'Noto Sans TC', sans-serif; */
        font-size: initial;
    }
    
    a,
    a:visited,
    a:active {
        color: black;
        text-decoration: none;
    }
    
    body {
        margin: 0px;
        padding: 0px;
        height: auto;
        position: relative;
        line-height: initial;
        background-color: #dddddd;
    }
    
    #Main {
        width: 100%;
        margin: 0px auto;
        max-width: 1280px;
        border: 1px solid #cccccc;
        background-color: white;
        /* line-height: 0px; */
    }
    
    img {
        border: 0px;
    }
    
    .fleft {
        float: left;
    }
    
    .fclear {
        clear: both;
        height: 1px;
        content: " ";
        line-height: 1px;
        display: block;
    }
    
    .showInDesktop {
        display: block;
    }
    
    .showInMobile {
        display: none;
    }
    
    .BannerTitle {
        font-family: VoltraHei, 'Noto Sans TC';
    }
    
    .SectionHead {
        background-color: #2f82a6;
        color: #ffffff;
    }
    
    .Button,
    a.Button,
    a.Button:visited,
    a.Button:active {
        background-color: #070657;
        color: #ffffff;
        padding: 8px 30px;
        text-decoration: none;
        border-radius: 5px;
        font-size: 1em;
        display: inline-block;
        border: 0px;
        /* line-height: 1.5em;
    min-height: 46px; */
    }
    
    .Button:disabled {
        opacity: 0.5;
    }
    
    .Button_Small,
    a.Button_Small,
    a.Button_Small:visited,
    a.Button_Small:active {
        background-color: #070657;
        color: #ffffff;
        padding: 6px 15px;
        text-decoration: none;
        border-radius: 5px;
        font-size: 0.75em;
        display: inline-block;
    }
    
    .Button_Green,
    a.Button_Green,
    a.Button_Green:visited,
    a.Button_Green:active {
        background-color: #607839 !important;
    }
    
    .Button_Orange,
    a.Button_Orange,
    a.Button_Orange:visited,
    a.Button_Orange:active {
        background-color: #c76826 !important;
    }
    
    #TopBar {
        background-color: #070657;
        /* height: 60px; */
        /* border-bottom: 2px solid #717b3c;*/
        color: white;
    }
    
    #TopLogo {
        float: left;
        padding: 0px 30px;
        height: 60px;
    }
    
    #TopLogoImg {
        max-height: 60px;       
        /* font-size: 30px; */
    }
    
    a#TopLogoLink:hover {
        text-decoration: none;
    }
    
    #MenuTarget {
        float: left;
        padding: 20px 5px 5px 5px;
    }
    
    #MenuTarget>span {
        font-size: 20px;
        font-weight: 100;
        /* color: #d3dadc */
    }
    
    #MenuTarget a,
    #MenuTarget a:visited,
    #MenuTarget a:active {
        color: white;
        text-decoration: none;
    }
    
    #TopLang a,
    #TopLang a:visited,
    #TopLang a:active {
        color: white;
        text-decoration: none;
    }
    
    #TopLogin {
        float: right;
        padding: 22px 20px 3px 20px;
    }
    
    #TopLogin a,
    #TopLogin a:visited,
    #TopLogin a:active {
        color: white;
        text-decoration: none;
    }
    
    #TopPhone {
        float: right;
        font-weight: 600;
        padding: 23px 20px 13px 20px;
        height: 60px;
    }

    #TopCountry {
        float: right;
        font-weight: 600;
        padding: 18px 20px;
        height: 60px;        
    }
    
    #TopCountry a,
    #TopCountry a:hover,
    #TopCountry a:visited,
    #TopCountry a:active {
        color: white;
        text-decoration: none;
    }
    
    #TopMenu {
        float: right;
        font-size: 30px;
        padding: 12px 20px 0px 20px;	
        height: 60px;
        cursor: pointer;
    }
    
    #TopMenu a,
    #TopMenu a:visited,
    #TopMenu a:active {
        color: white;
    }
    
    #MenuBlock {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9999;
    }
    
    #Menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 300px;
        /* min-height: 3000px; */
        height: 100%;
        background: rgba(224, 226, 221, 0.9);
        color: #070657;
        padding: 10px 10px 10px 40px;
    }
    
    #Menu a,
    #Menu a:visited,
    #Menu a:active {
        color: #070657;
    }
    
    .MenuLv1 {
        padding: 15px 0px;
        font-size: 1.2em;
    }
    
    .MenuLv2 {
        padding: 0px 0px 15px 20px;
        font-size: 1em;
    }

    .MenuLv3 {
        padding: 0px 0px 15px 40px;
        font-size: 1em;
    }    
    
    .MenuLv1 a,
    .MenuLv2 a,
    .MenuLv3 a {
        width: 100%;
        display: block;
    }
    
    .MenuExpand a::after {
        content: "\f0d7";
        font-family: "FontAwesome";
        position: absolute;
        right: 50px;
        padding-top: 5px;
    }
    
    .MenuCollapse a::after {
        content: "\f0da";
        font-family: "FontAwesome";
        position: absolute;
        right: 50px;
        padding-top: 5px;
    }
    
    .Block {
        padding: 10px 30px;
        margin: 20px 0px;
    }
    
    .BlockCol3,
    .BlockCol3_Left,
    .BlockCol3_MarginB,
    .BlockCol3_MarginRB {
        width: 32%;
        float: left;
    }
    
    .BlockCol3_MarginRB {
        margin-right: 2%;
        margin-bottom: 20px;
    }
    
    .BlockCol3_MarginB {
        margin-bottom: 20px;
    }
    
    .BlockCol3_Gap {
        width: 2%;
        float: left;
    }
    
    .BlockCol4,
    .BlockCol4_Left {
        width: 23%;
        float: left;
    }
    
    .BlockCol4_Gap1 {
        width: 2%;
        float: left;
    }
    
    .BlockCol4_Gap2 {
        width: 3%;
        float: left;
    }
    
    .PageTitle {
        padding-bottom: 10px;
        font-family: HeavyBlack, 'Noto Sans TC';
        color: #070657;
    }

    .PageTitle a, .PageTitle a:hover, .PageTitle a:visited, .PageTitle a:active, .PageTitle a:focus {
        font-family: HeavyBlack, 'Noto Sans TC';
        color: #070657;
    }


    .BlockTitle {
        font-family: HeavyBlack, 'Noto Sans TC';
        font-size: 1.5em;
        letter-spacing: 2px;
        color: #ffffff;
        background: #070657;
        text-align: center;
    }

    .BlockTitle h2 {
        margin-top: 10px !important;        
    }

    .BlockContent {}
    
    .BlockDark {
        background-color: #055b7a;
        color: white;
        padding: 10px 30px;
        margin: 30px 0px;
    }
    
    .BlockDark .BlockTitle {
        color: white;
    }
    
    .BlockDark a,
    .BlockDark a:visited,
    .BlockDark a:active {
        color: white;
        text-decoration: none;
    }
    
    .BlockGrey {
        padding: 30px;
        background-color: #f1eee6;
    }

    .ImgCaptionWrapper {
        position: relative;
    }

    .ImgCaption {
        position: absolute;
        top: 32%;
        left: 0;
        padding: 10px 10px 10px 8%;
        width: 80%;
        color: #ffffff;
        font-family: HeavyBlack, 'Noto Sans TC';
        font-size: 2.8em;
        text-shadow: 0 1px 2px rgba(0,0,0,.8);
        background-color: rgba(0,0,0,0.4);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .HomeTopBanner .item img {
        width: 100% !important;
    }    

    .ColumnSection {
        background-color: #0e5a78;
        padding: 20px 10px 20px 10px;        
        margin-top: 50px;        
        margin-bottom: 50px;
    }
    .ColumnSection .BlockTitle {
        background-color: #0e5a78;
    }


    .center {
        text-align: center;
    }

    .center a.kc_button {
        margin: auto;
    }

    a.kc_button,  a.kc_button:hover, a.kc_button:visited, a.kc_button:active {
        color: #ffffff !important;
        text-decoration: none !important;
        background-color: #070657 !important;
        padding: 8px 30px !important;
        border-radius: 5px;
        display: inline-block;
    }
    .ColumnSection a.kc_button, .ColumnSection a.kc_button:visited, .ColumnSection a.kc_button:hover, .ColumnSection a.kc_button:active {
        background-color: #0e5a78 !important;
    }    

    .LogoCarousell .item {
        padding: 10px;
        text-align: center;
    }    
    .LogoCarousell .item img {
        width: 90%;
        text-align: center;
    }

    #TopCarouselBlock {
        margin: auto;
        /* border: 1px solid black;*/
        height: 400px;
        /* line-height: 0; */
    }
    
    #TopCarousel,
    #TopCarousel .carousel-inner>.item {
        height: 400px;
        /* line-height: 0; */
    }
    
    #TopCarousel .carousel-inner a {
        /* line-height: 0; */
    }
    
    #TopCarousel .carousel-inner>.item>img,
    #TopCarousel .carousel-inner>.item>a>img {
        width: 100%;
        /* line-height: 0; */
    }
    
    #TopCarousel .carousel-control,
    #BottomCarousel .carousel-control {
        width: 5%;
    }
    
    #PartnerCarousel .carousel-control {
        width: 10%;
    }
    
    #TopCarousel .carousel-control>.fa-angle-left,
    #TopCarousel .carousel-control>.fa-angle-right,
    #BottomCarousel .carousel-control>.fa-angle-left,
    #BottomCarousel .carousel-control>.fa-angle-right,
    #PartnerCarousel .carousel-control>.fa-angle-left,
    #PartnerCarousel .carousel-control>.fa-angle-right {
        margin-top: -10px;
        position: absolute;
        font-size: 4em;
        top: 40%;
        z-index: 5;
        display: inline-block;
        line-height: 1;
    }
    
    #TopCarousel .carousel-indicators {
        top: 20px;
        height: 20px;
    }
    
    #TopCarousel .carousel-indicators li,
    #TopCarousel .carousel-indicators .active {
        margin: 1px 15px;
    }
    
    #TopCarousel .carousel-caption {
        top: 25%;
        left: 10%;
        text-align: left;
        font-size: 1.5em;
    }
    
    #TopCarousel .carousel-caption .BannerTitle {
        font-size: 2.05em;
        line-height: 1.1em;
    }
    
    #SearchBar {
        position: absolute;
        width: 100%;
        bottom: 20px;
    }
    
    #SearchBarInner {
        width: 760px;
        margin: 0px auto;
    }
	#SearchButton {
		border-top-right-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
	}
    #SearchBarInner input {
		border-style: none !important;
		border-top-left-radius: 4px !important;
		border-bottom-left-radius: 4px !important;
        padding: 10px 20px;
        width: 600px;
        background: rgba(255, 255, 255, 0.9);
    }
    
    #SearchButton {
        padding: 10px 28px 10px 28px;
        width: 160px;
    }
    
    #SearchButton,
    #SearchButton a,
    #SearchButton a:visited,
    #SearchButton a:active {
        background-color: #055b7a;
        color: white;
        text-decoration: none;
    }
    
    #SearchBarPopup {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 10px;
        border: 5px solid #a7b559;
        /* #055b7a;*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        width: 760px;
        margin: 0px auto;
    }
    
    .SearchResultBox {
        background: #ffffff;
        padding: 3px;
        border: 1px solid #8a8a8a
    }
    
    .SearchDetailsBox {
        padding: 30px !important;
    }
    
    .SearchResultCountryItem {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100px;
        border-bottom: 1px dotted #666666;
        margin-bottom: 2px;
        cursor: pointer;
    }
    
    .SearchResultCountryItem_Background {
        background: rgba(0, 0, 0, 0.2);
        padding: 20px;
    }
    
    .SearchResultCountryItem_Country {
        text-align: center;
        color: #ffffff;
        font-weight: 900;
        font-size: 1.5em;
        text-shadow: 1px 1px 1px #000000;
    }
    
    .SearchResultCountryItem_Project {
        text-align: center;
        color: #ffffff;
        font-weight: 900;
        text-shadow: 1px 1px 1px #000000;
    }
    
    .SearchResultItem {
        padding: 10px;
        border-bottom: 1px dotted #666666;
    }
    
    .SearchResultItem_Dark {
        background: #eeeeee;
    }
    
    .SearchResultItem_Date {
        color: #607839;
        font-weight: 600;
        margin-bottom: 3px;
        padding-right: 3px;
    }
    
    .SearchResultItem_Location {
        color: #888888;
        text-align: right;
        padding-right: 3px;
    }
    
    .SearchResultItem_Title {
        font-size: 1.5em;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .SearchResultItem_Cost {
        text-align: right;
        margin-bottom: 5px;
    }
    
    .SearchDetailsItem {
        border-bottom: 1px dotted #666666;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .SubBlock {
        width: 100%;
        height: 275px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .SubBlock_Spacer {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    
    .SubBlock_Caption {
		padding: 10px;
        position: absolute;
        width: 100%;
        bottom: 0px;
        color: white;
        font-size: 0.8em;
        text-align: center;
        padding: 10px 0px 7px 0px;
        /* display: inline-block; */
        /* background-color: rgba(0, 0, 0, 0.5); */
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    }
    
    .SubBlock_Caption a,
    .SubBlock_Caption a:visited,
    .SubBlock_Caption a:active {
        color: white;
        text-decoration: none;
    }
    
    .SubBlockTitle {
        font-size: 1.5em;
    }
    
    .SubBlock_Tag {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 30px;
        font-size: 0.8em;
        text-align: center;
        padding: 5px;
    }
    
    .SubBlock_Tag_Article {
        background-color: #624c37;
    }
    
    .SubBlock_Tag_Share {
        background-color: #c76826;
    }
    
    .SubBlock_Tag_Voltrazine {
        background-color: #df9a23;
    }
    
    .SubBlock_Tag_Workcamp {
        background-color: #6c8cbe;
    }
    
    .SubBlock_BottomLine_Article {
        border-bottom: 4px solid #624c37;
    }
    
    .SubBlock_BottomLine_Share {
        border-bottom: 4px solid #c76826;
    }
    
    .SubBlock_BottomLine_Voltrazine {
        border-bottom: 4px solid #df9a23;
    }
    
    .SubBlock_BottomLine_Workcamp {
        border-bottom: 4px solid #6c8cbe;
    }

    .HomepageIconWrapper img {
        max-width: 200px !important;
        width: 100% !important;
        padding: 5px;
        margin-bottom: 20px;
    }

    .HomepageIconWrapper .owl-item, .HomepageIconWrapper .item {
        max-width: 250px !important;
    }    

    .HomepageIcon {
        max-width: 250px !important;
        width: 100% !important;
        padding: 5px;
        margin-bottom: 20px;
    }

    .innerEvent {
        height: 260px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 40px; /* updated from 10px */
        padding: 0px !important;
    }

    .innerEvent img {
        visibility: hidden;
        height: 260px;        
    }

    .innerEvent .caption {
        text-Overflow: initial;
        white-space: initial;
        overflow: initial;
        padding-Top: 10px;
        padding-Bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0px;
        position: absolute;
        bottom: 0px;
        background-color: rgba(0,0,0,0.7);
        width: 100%;
        text-align: center;        
    }

    .innerEvent .caption a, .innerEvent .caption a:hover, .innerEvent .caption a:visited, .innerEvent .caption a:focus, .innerEvent .caption a:active {
        font-size: 16px;
        color: #ffffff;
        text-decoration: none;
        line-height: 16px;
        text-align: center;
    }    

    .innerEvent .calendar {
        top: 0px;
        left: 0px;
        height: 80px;
        width: 80px;
        background-color: rgba(255,255,255,0.9);
        border-right: 1px solid rgba(128,128,128,0.7);
        border-bottom: 1px solid rgba(128,128,128,0.7);
        font-size: 0.8em;
        position: absolute;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;    
    }

    .EventNotice {
        background: url('/images/event_notice.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .SchoolIcon {
        width: auto !important;
        max-width: 200px !important;        
        height: auto !important;
        max-height: 120px;
        margin-bottom: 10px;
    }
    
	.panel-heading-collapse a,
    .panel-heading-collapse a:visited,
    .panel-heading-collapse a:active,
	.panel-heading-expand a,
    .panel-heading-expand a:visited,
    .panel-heading-expand a:active	{
		width:100%;
		display: inline-block;
	}
	
	
    #Infograph {
        width: 100%;
        height: 400px;
        max-height: 400px;
        background-image: url(/images/banner/dream-big-2_for-website.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    
    #PartnerCarousel .carousel-control.left,
    #PartnerCarousel .carousel-control.right {
        background-image: none;
    }
    
    .BackToTop {
        float: right;
    }
    
    .Tab,
    a.Tab,
    a.Tab:hover,
    a.Tab:visited,
    a.Tab:active {
        color: #d3daac;
        float: left;
        margin-top: 10px;
        font-size: 1em;
        padding: 8px 15px;
    }
    
    .TabActive,
    a.TabActive,
    a.TabActive:hover,
    a.TabActive:visited,
    a.TabActive:active {
        color: #2689a1;
        float: left;
        margin-top: 10px;
        font-size: 1em;
        padding: 8px 15px;
    }
    
    .SectionHeadBanner {
        height: 200px;
        background-size: cover;
        background-position: center center;
    }
    
    .Calendar_Table {
        text-align: center;
        width: 100%;
    }
    
    .Calendar_Table th {
        background: #5d7534;
        color: white;
        width: 14%;
        text-align: center;
        vertical-align: middle;
        height: 40px;
    }
    
    .Calendar_Table td {
        background: #ffffff;
        text-align: center;
        width: 14%;
    }
    
    .Calendar_MonthArrow {
        background: #bec9ad;
        height: 40px;
        padding-top: 11px;
    }
    
    .Calendar_MonthArrow_DoubleLeft {
        display: none;
    }
	.datepicker--pointer {
		background: #bec9ad !important;
	}
	.datepicker--nav-action {
		width: 35px !important;
		border-radius:0px !important;
		background: #bec9ad;
	}
	.datepicker--nav {
		padding:0px !important;
		border-bottom: 0px !important;
	}
	.datepicker--nav, .datepicker--nav-title i {
	    background: #5d7534;
		color:white;
	}
	.datepicker--cell.datepicker--cell-day {
		border: 1px dotted #dddddd;
		border-radius:0px !important;
	}
	.datepicker--content {
		padding:0px !important;
	}
    .datepicker--days-names {
		margin: 0px !important;
	}
    .Calendar_Week_Day,.datepicker--day-name{
        background: #94a155 !important;
        color: white !important;
		padding: 10px 5px 10px 5px;
    }
    
    .Calendar_Week_Sun, .datepicker--day-name.-weekend-{
        background: #c76826 !important;
        color: white !important;
    }
    
    .Calendar_Week_Sat {
        background: #c6c45d !important;
        color: white;
    }
    
    .Calendar_Day {
        border: 1px dotted #dddddd;
        height: 50px;
        vertical-align: top;
        padding-top: 5px;
    }
    
    .Calendar_Sun {
        border: 1px dotted #dddddd;
        height: 50px;
        vertical-align: top;
        padding-top: 5px;
        color: #c76826;
    }
    
    .Calendar_Sat {
        border: 1px dotted #dddddd;
        height: 50px;
        vertical-align: top;
        padding-top: 5px;
        color: #c6c45d;
    }
    
    .Calendar_Event::after {
        content: "\f111";
        font-family: "FontAwesome";
        position: relative;
        color: #000000;
        font-size: 0.5em;
        bottom: 3px;
    }
    
    .Calendar_Today {
        background: #94a155 !important;
        color: white !important;
    }
    
    .Calendar_Today.Calendar_Event::after {
        color: white !important;
    }
    
    .ArticleList_Item {
        padding-bottom: 10px;
    }
    
    .ArticleList_Subject {
        padding-bottom: 10px;
    }
    
    .ArticleList_Subject>a,
    .ArticleList_Subject>a:hover,
    .ArticleList_Subject>a:visited,
    .ArticleList_Subject>a:active {
        color: #2689a1 !important;
        font-size: 1.3em;
        font-weight: 600;
        line-height: 1.2em;
    }
    
    .ArticleList_Summary {}
    
    .ArticleList_Thumbnail {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .TopBackToList,
    .ArticleDetails_Subject {
        color: #070657;
        font-size: 1.3em;
        font-weight: 600;
        line-height: 1.2em;
    }
    
    h4.ArticleDetails_Subject {
        margin: 20px 0px 0px 0px;
    }
    
    h4.ArticleDetails_Subject>a,
    h4.ArticleDetails_Subject>a:hover,
    h4.ArticleDetails_Subject>a:visited,
    h4.ArticleDetails_Subject>a:active {
        color: #070657;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    
    h4.panel-small.ArticleDetails_Subject>a,
    h4.panel-small.ArticleDetails_Subject>a:hover,
    h4.panel-small.ArticleDetails_Subject>a:visited,
    h4.panel-small.ArticleDetails_Subject>a:active {
        color: #070657;
        font-size: 1.1em;
        line-height: 1.1em;
    }
    
    .ArticleDetails_Category {
        color: #b6b6b6;
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 0.9em;
    }
    
    .ArticleDetails_Category>a,
    .ArticleDetails_Category>a:hover,
    .ArticleDetails_Category>a:visited,
    .ArticleDetails_Category>a:active {
        color: #b6b6b6;
    }
    
    .FormBlock {
        padding: 10px 30px;
        margin: 0px;
    }
    
    .FormItem_Subject,
    .FormItem_Subject a,
    .FormItem_Subject a:visited,
    .FormItem_Subject a:hover,
    .FormItem_Subject a:active {
        color: #070657;
        font-size: 1.2em;
        font-weight: 600;
        line-height: 1.2em;
    }
    
    .FormItem_Content {
        font-weight: 100;
    }
    

    h4.kc_title {
        text-align: center !important;
        font-size: 13px !important;
        line-height: 2.5em;
        margin-top: 20px;
        padding-top: 5px;
        background-color: #2E5FA1; 
        color: #ffffff;
    }

    .OurTeamBlock {
        /* padding: 0px !important; */
        /* height: 200px; */
        float: left;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 25%;
        /* padding-bottom: 25%; */
    }
    
    .OurTeamBlock_Spacer {
        width: 100%;
        opacity: 0;
    }
    
    .OurTeamBlock_Highlight {
        /*
        border-color: #607839;
        border-style: solid;
        border-width: 10px 10px 0px 10px;
        box-sizing: border-box;
        */
        box-shadow: inset -10px 10px 0 #607839, inset 10px 0px 0 #607839;
    }
    
    .OurTeamBlock_Highlight::after {
        content: "\f0d8";
        font-family: "FontAwesome";
        font-size: 4em;
        color: #607839;
        right: 15%;
        position: absolute;
        /* bottom: -20px; */
        bottom: -30px;
    }
    
    .OurTeamCaption {
        float: left;
        width: 100%;
        background: #607839;
        padding: 20px;
        display: none;
    }
    
    .OurTeamCaption_Subject {
        font-weight: 600;
        font-size: 1.3em;
        color: white;
        width: 100%;
        padding-bottom: 5px;
        border-bottom: 1px solid #ffffff;
    }
    
    .OurTeamCaption_Content {
        padding-top: 10px;
        color: white;
    }
    
    .panel {
        border: 0px;
        border-bottom: 1px solid #ababab;
        border-radius: 0px !important;
        padding-bottom: 20px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    .panel.panel-small {
        border-bottom: 0px !important;
        border-radius: 0px !important;
        padding-bottom: 20px;
    }
    
    .panel-heading-expand::after {
        color: #2689a1;
        font-size: 1.2em;
        line-height: 1.2em;
        content: "\f107";
        font-family: "FontAwesome";
        right: 20px;
        position: absolute;
    }
    
    .panel-heading-collapse::after {
        color: #070657;
        font-size: 1.2em;
        line-height: 1.2em;
        content: "\f105";
        font-family: "FontAwesome";
        right: 20px;
        position: absolute;
    }
    
    .TopBackToList a,
    .TopBackToList a:hover,
    .TopBackToList a:visited,
    .TopBackToList a:active {
        color: #070657;
    }
    
    .ArticleDetails_Subject {
        margin-bottom: 20px;
    }
    
    .ArticleDetails_Image {
        height: 400px;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }
    
    .ArticleDetails_ImageSpacer {
        opacity: 0;
    }
    
    .Login {
        font-size: 0.8em;
    }
    
    .Login_LoginBox {
        float: left;
        width: 50%;
        padding: 20px;
        border-right: 1px solid #b1b0ad;
    }
    
    .Login_RegisterBox {
        float: left;
        width: 50%;
        padding: 20px;
    }
    
    .Login_Title {
        font-size: 1.5em;
        font-weight: 600;
        padding-bottom: 20px;
        color: #607839;
    }
    
    .Login_Button {
        width: 100%;
    }
    
    .ApplyStepIndicator {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 65px;
        margin-bottom: 20px;
    }
    
    .ApplyStepIndicator1 {
        background-image: url(/images/desktop/BT_form_step1_desktop.png);
    }
    
    .ApplyStepIndicator2 {
        background-image: url(/images/desktop/BT_form_step2_desktop.png);
    }
    
    .ApplyStepIndicator3 {
        background-image: url(/images/desktop/BT_form_step3_desktop.png);
    }
    
    .ApplyStepIndicator4 {
        background-image: url(/images/desktop/BT_form_step4_desktop.png);
    }
    
    .LangFluentSelect {
        background-color: #99a55d;
        color: #ffffff;
    }
    
    .InputTag {
        background-color: #99a55d;
        color: white;
        font-size: 1em;
        padding: 5px;
        border-radius: 3px;
    }
    
    .bootstrap-tagsinput {
        width: 100%;
        padding: 8px 6px !important;
    }
    
    .twitter-typeahead .tt-query,
    .twitter-typeahead .tt-hint {
        margin-bottom: 0;
    }
    
    .twitter-typeahead .tt-hint {
        display: none;
    }
    
    .tt-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
        cursor: pointer;
    }
    
    .tt-suggestion {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
    }
    
    .tt-suggestion:hover,
    .tt-suggestion:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }
    
    #divCovenant {
        height: 300px;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 2s ease 1s;
        -moz-transition: all 2s ease 1s;
        -ms-transition: all 2s ease 1s;
        -o-transition: all 2s ease 1s;
        transition: all 2s ease 1s;
    }
    
    #divCovenant ol li {
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 1.5em;
    }
    
    .divCovenant_Hidden {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 50px;
        background: linear-gradient(to bottom, rgba(137, 255, 241, 0) 0%, rgba(241, 238, 230, 1) 100%);
    }
    
    #PassportPopupContainer {
        position: fixed;
        overflow: hidden;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9999;
    }
    
    #PassportPopup {
        position: relative;
        top: 20%;
        left: 25%;
        width: 50%;
        height: 60%;
        background: #ffffff;
        padding: 20px;
    }
    
    #PassportPopup_Desc {
        position: relative;
        padding: 10px 0px;
        margin: 20px 0px;
        height: 50%;
        overflow: auto;
    }
    
    .SiteMapTitle {
        background-color: #070657;
        color: white;
        padding: 5px 0px;
        text-align: center;
    }
    
    .SiteMapBody_Desktop {
        background-color: #e2e3e2;
        padding: 10px 30px 10px 16%;
        font-size: 0.8em;
        line-height: 2em;
    }
    
    .SiteMapBody_Mobile {
        background-color: #e2e3e2;
        padding: 10px 30px 10px 10%;
        font-size: 0.8em;
        line-height: 2em;
    }
    
    .SiteMapSection {
        float: left;
        width: 15%;
        padding: 10px;
    }
    
    .SiteMapSectionHead a,
    .SiteMapSectionHead a:visited,
    .SiteMapSectionHead a:active {
        text-decoration: none;
        color: black !important;   
        font-weight: 600;     
    }
    
    .SiteMapLink a,
    .SiteMapLink a:visited,
    .SiteMapLink a:active {
        text-decoration: none;
        color: #070657;
    }
    
    #Footer {
        background-color: #c1c2c1;
        padding: 20px 40px;
    }
    
    #Copyright {
        float: left;
        font-size: 0.8em;
    }
    
    #FollowUs_Desktop {
        float: right;
        font-size: 0.8em;
        color: #5b5c5b;
        min-width: 200px;
    }
    
    .FollowUsIcon {
        float: left;
        padding: 5px 10px 8px 0px;
        color: #4d4d4d;
    }
    
    .FollowUsIcon a,
    .FollowUsIcon a:visited,
    .FollowUsIcon a:hover,
    .FollowUsIcon a:active {
        color: #4d4d4d;
    }

    #breadcrumbs{list-style:none; margin:10px 0; padding-left: 0px; xpadding-left:63px;overflow:hidden;}
    #breadcrumbs li{float:left;margin-right:10px;}
    #breadcrumbs a{color:#6D6E70;}
    #breadcrumbs .separator{font-size:20px;color:#6D6E70; font-size:9px; padding-top: 7px;}

    .entry p {overflow:hidden;}    

    .kc_image_gallery.kc-grid .item-grid img {
        padding: 5px;
    }    

    .kc_tabs>.kc_wrapper>.kc_tabs_nav {
        /* border-bottom: 1px solid #666666 !important; */
    }    
    .kc_tabs_nav>.ui-tabs-active {
        background: #ffffff !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-top: 1px solid #666666 !important;
        border-left: 1px solid #666666 !important;
        border-right: 1px solid #666666 !important; 
        border-bottom: 1px solid #ffffff !important; 
    }
    .kc_tabs_nav>.ui-tabs-active>a {    
        background: initial !important;
    }    
    .kc_tabs_nav~.kc_tab.ui-tabs-body-active {
        background: initial !important;
    }

    .kc_text_block ul li {
        padding-bottom: 10px;
    }

    #divStickyBottom {
        display: none;
    }
    #divStickyBottom img {
        width: 100%;
    }    

    .whitelink a, .whitelink a:visited, .whitelink a:hover {
        color: #ffffff;
    }

    @media screen and (min-width: 769px) and (max-width: 900px) {
        #MenuTarget {

        }
        .ImgCaption {
            top: 30%;
            font-size: 2em;
        }
        .BlockTitle h2 {
            font-size: 24px;
        }        
    }
    
    @media screen and (min-width: 481px) and (max-width: 768px) {
        /* Tablet */
        .showInDesktop {
            display: none;
        }
        .showInMobile {
            display: block;
        }
        #TopLogin {
            padding: 5px 20px 3px 20px;
        }
        #MenuTarget {
            font-size: 14px;
        }
        #MenuTarget>span {
            font-size: 16px;
        }
        #TopPhone {
            display: none;
        }                
        #TopKeepInTouch,
        #TopLang,
        #SearchFrom,
        #SearchTo,
        #SearchButtonText {
            display: none;
        }
		#TopLang1 {
			display: inline;
			position: absolute;
			top: 10px;
		}

        .ImgCaption {
            top: 25%;
            font-size: 1.5em;
        }
        .BlockTitle h2 {
            font-size: 22px;
        }

        #TopCarouselBlock,
        #TopCarousel,
        #TopCarousel .carousel-inner>.item {
            height: 300px;
        }
        #TopCarousel .carousel-caption {
            top: 20%;
            font-size: 1.5em;
        }
        #TopCarousel .carousel-caption .BannerTitle {
            font-size: 1.75em;
        }
        #TopCarousel .carousel-control>.fa-angle-left,
        #TopCarousel .carousel-control>.fa-angle-right,
        #BottomCarousel .carousel-control>.fa-angle-left,
        #BottomCarousel .carousel-control>.fa-angle-right,
        #PartnerCarousel .carousel-control>.fa-angle-left,
        #PartnerCarousel .carousel-control>.fa-angle-right {
            font-size: 3em;
            top: 40%;
        }
        #SearchBarInner,
        #SearchBarPopup {
            width: 360px;
        }
        #SearchBarInner input {
            width: 300px;
        }
        #SearchButton {
            padding: 10px 18px 10px 18px;
            width: 60px;
        }
        .SearchResultItem_Date {
            margin-bottom: 0px;
        }
        .SearchResultItem_Location {
            text-align: left;
            margin-bottom: 5px;
        }
        .SearchResultItem_Cost {
            margin-bottom: 10px;
        }
        .Block {
            padding: 10px 10px;
        }
        .SubBlock {
            height: 375px;
        }
        .BlockCol3,
        .BlockCol3_Gap,
        .BlockCol4,
        .BlockCol4_Gap1,
        .BlockCol4_Gap2 {
            display: none;
        }
        .BlockCol3_GapRow {
            clear: both;
            height: 20px;
        }
        .BlockCol3_Left,
        .BlockCol3_MarginB,
        .BlockCol3_MarginRB,
        .BlockCol4_Left {
            width: 100%;
        }
        .SectionHeadBanner {
            height: 150px;
        }
        .Calendar_MonthArrow_DoubleLeft {
            display: block;
        }
        .ArticleDetails_Image {
            height: 300px;
        }
        .Login_LoginBox {
            width: 100%;
            padding: 0px 0px 20px 0px;
            border-right: 0px;
            border-bottom: 1px solid #b1b0ad;
        }
        .Login_RegisterBox {
            width: 100%;
            padding: 20px 0px;
        }
        .Login_Button {
            width: 66%;
        }
        .ApplyStepIndicator1 {
            background-image: url(/images/mobile/BT_form_step1.png);
        }
        .ApplyStepIndicator2 {
            background-image: url(/images/mobile/BT_form_step2.png);
        }
        .ApplyStepIndicator3 {
            background-image: url(/images/mobile/BT_form_step3.png);
        }
        .ApplyStepIndicator4 {
            background-image: url(/images/mobile/BT_form_step4.png);
        }
        #Footer {
            padding: 20px 20px;
        }
        #Copyright {
            text-align: center;
            width: 100%;
        }
        #FollowUs_Desktop {
            display: none;
        }
        .SiteMapSectionHead {
            float: none;
            padding: 10px 0px;
            border-bottom: 1px solid #999999;
        }
        .SiteMapSectionHead a::after {
            content: "\e801";
            font-family: "HkiesWebfont";
            position: absolute;
            right: 50px;
        }
        .SiteMapSectionHead a {
            display: block;
        }
        .CenterInMobile {
            text-align: center !important;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .NoPaddingInMobile {
            padding: 0px !important;
        }
        #divStickyBottom {
            display: block;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }        
        #Footer {
            margin-bottom: 100px;
        }        
    }
    
    @media screen and (min-width: 360px) and (max-width: 480px) {
        /* Phone */
        .showInDesktop {
            display: none;
        }
        .showInMobile {
            display: block;
        }
        #TopLogo {
            width: 160px;
            padding: 0px 10px;
        }
        #TopLogoImg {
            font-size: 24px;
        }
        #TopLogin {
            padding: 3px 20px 3px 20px;
        }
        #MenuTarget {
            font-size: 12px;
            width: 130px;
        }
        #MenuTarget>span {
            font-size: 14px;
        }             
        #TopPhone {
            display: none;
        }
        #TopKeepInTouch,
        #TopLang,
        #SearchFrom,
        #SearchTo,
        #SearchButtonText,
        #ScheduleButtonText {
            display: none;
        }

        .ImgCaption {
            top: 20%;
            font-size: 1.2em;
        }
        .BlockTitle h2 {
            font-size: 18px;
        }

        #TopCarouselBlock,
        #TopCarousel,
        #TopCarousel .carousel-inner>.item {
            /*height: 225px;*/
            height: 450px;
        }
        #TopCarousel .carousel-caption {
            top: 20%;
            font-size: 1.6em;
        }
        #TopCarousel .carousel-caption .BannerTitle {
            font-size: 1.3em;
        }
        #TopCarousel .carousel-control>.fa-angle-left,
        #TopCarousel .carousel-control>.fa-angle-right,
        #BottomCarousel .carousel-control>.fa-angle-left,
        #BottomCarousel .carousel-control>.fa-angle-right,
        #PartnerCarousel .carousel-control>.fa-angle-left,
        #PartnerCarousel .carousel-control>.fa-angle-right {
            font-size: 3em;
            top: 40%;
        }
        #SearchBarInner,
        #SearchBarPopup {
            width: 320px;
        }
		#SearchButton {
		    border-top-right-radius: 4px !important;
			border-bottom-right-radius: 4px !important;
		}
        #SearchBarInner input {
		    border-style: none !important;
		    border-top-left-radius: 4px !important;
			border-bottom-left-radius: 4px !important;
            padding: 5px 20px;
            width: 260px;
        }
        #SearchButton {
            padding: 5px 18px 5px 18px;
            width: 60px;
        }
        .SearchResultBox {
            border: 0px;
            padding: 10px !important;
        }
        .SearchDetailsBox {
            padding: 10px 5px !important;
        }
        .SearchResultItem_Date {
            margin-bottom: 0px;
        }
        .SearchResultItem_Location {
            text-align: left;
            margin-bottom: 10px;
        }
        .SearchResultItem_Cost {
            margin-bottom: 10px;
        }
        .Button {
            padding: 8px 20px;
        }
        .Block {
            padding: 10px 10px;
        }
        .SubBlock {
            height: 275px;
        }
        .BlockCol3,
        .BlockCol3_Gap,
        .BlockCol4,
        .BlockCol4_Gap1,
        .BlockCol4_Gap2 {
            display: none;
        }
        .BlockCol3_Left,
        .BlockCol3_MarginB,
        .BlockCol3_MarginRB,
        .BlockCol4_Left {
            width: 100%;
        }
        .SectionHeadBanner {
            height: 150px;
        }
        .Calendar_MonthArrow_DoubleLeft {
            display: block;
        }
        .ArticleDetails_Image {
            height: 250px;
        }
        .OurTeamBlock {
            width: 50%;
        }
        .Login_LoginBox {
            width: 100%;
            padding: 0px 0px 20px 0px;
            border-right: 0px;
            border-bottom: 1px solid #b1b0ad;
        }
        .Login_RegisterBox {
            width: 100%;
            padding: 20px 0px;
        }
        .Login_Button {
            width: 100%;
        }
        .ApplyStepIndicator1 {
            background-image: url(/images/mobile/BT_form_step1.png);
        }
        .ApplyStepIndicator2 {
            background-image: url(/images/mobile/BT_form_step2.png);
        }
        .ApplyStepIndicator3 {
            background-image: url(/images/mobile/BT_form_step3.png);
        }
        .ApplyStepIndicator4 {
            background-image: url(/images/mobile/BT_form_step4.png);
        }
        #Footer {
            padding: 20px 20px;
        }
        #Copyright {
            text-align: center;
            width: 100%;
        }
        #FollowUs_Desktop {
            display: none;
        }
        .SiteMapSectionHead {
            float: none;
            padding: 10px 0px;
            border-bottom: 1px solid #999999;
        }
        .SiteMapSectionHead a::after {
            content: "\e801";
            font-family: "HkiesWebfont";
            position: absolute;
            right: 50px;
        }
        .SiteMapSectionHead a {
            display: block;
            color: black !important;
        }
        .CenterInMobile {
            text-align: center !important;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .NoPaddingInMobile {
            padding: 0px !important;
        }
        #PassportPopup {
            top: 10%;
            left: 10%;
            width: 80%;
            height: 80%;
            padding: 20px;
        }

        #divStickyBottom {
            display: block;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }        
        #Footer {
            margin-bottom: 80px;
        }
    }
    
    @media screen and (max-width: 359px) {
        /* Old Phone */
        .showInDesktop {
            display: none;
        }
        .showInMobile {
            display: block;
        }
        #TopLogo {
            width: 100px;
            padding: 0px 10px;
        }
        #TopLogoImg {
            font-size: 20px;
        }
        #TopLogin {
            padding: 3px 20px 3px 20px;
        }
        #MenuTarget {
            font-size: 12px;
            width: 130px;
        }
        #MenuTarget>span {
            font-size: 14px;
        }             
        #TopPhone {
            display: none;
        }
        #TopKeepInTouch,
        #TopLang,
        #SearchFrom,
        #SearchTo,
        #SearchButtonText,
        #ScheduleButtonText {
            display: none;
        }
        #TopCarouselBlock,
        #TopCarousel,
        #TopCarousel .carousel-inner>.item {
            /*height: 200px;*/
            height: 400px;
        }
        #TopCarousel .carousel-caption {
            top: 15%;
            font-size: 1.4em;
        }
        #TopCarousel .carousel-caption .BannerTitle {
            font-size: 1.4em;
        }
        #TopCarousel .carousel-control>.fa-angle-left,
        #TopCarousel .carousel-control>.fa-angle-right,
        #BottomCarousel .carousel-control>.fa-angle-left,
        #BottomCarousel .carousel-control>.fa-angle-right,
        #PartnerCarousel .carousel-control>.fa-angle-left,
        #PartnerCarousel .carousel-control>.fa-angle-right {
            font-size: 2em;
            top: 40%;
        }
        #SearchBarInner,
        #SearchBarPopup {
            width: 260px;
        }
		#SearchButton {
		    border-top-right-radius: 4px !important;
			border-bottom-right-radius: 4px !important;
		}
        #SearchBarInner input {
		    border-style: none !important;
		    border-top-left-radius: 4px !important;
			border-bottom-left-radius: 4px !important;
            padding: 5px 20px;
            width: 200px;
        }
        #SearchButton {
            padding: 5px 18px 5px 18px;
            width: 60px;
        }
        .SearchResultBox {
            border: 0px;
            padding: 5px !important;
        }
        .SearchDetailsBox {
            padding: 10px!important;
        }
        .SearchResultItem_Date {
            margin-bottom: 0px;
        }
        .SearchResultItem_Location {
            text-align: left;
            margin-bottom: 10px;
        }
        .SearchResultItem_Cost {
            margin-bottom: 20px;
        }
        .SearchDetailsItem {
            margin: 0px;
        }
        .Button {
            padding: 8px 20px;
        }
        .Block {
            padding: 5px 10px;
        }
        .SubBlock {
            height: 200px;
        }
        .BlockCol3,
        .BlockCol3_Gap,
        .BlockCol4,
        .BlockCol4_Gap1,
        .BlockCol4_Gap2 {
            display: none;
        }
        .BlockCol3_Left,
        .BlockCol3_MarginB,
        .BlockCol3_MarginRB,
        .BlockCol4_Left {
            width: 100%;
        }
        .SectionHeadBanner {
            height: 150px;
        }
        .Calendar_MonthArrow_DoubleLeft {
            display: block;
        }
        .ArticleDetails_Image {
            height: 200px;
        }
        .OurTeamBlock {
            width: 50%;
        }
        .Login_LoginBox {
            width: 100%;
            padding: 0px 0px 20px 0px;
            border-right: 0px;
            border-bottom: 1px solid #b1b0ad;
        }
        .Login_RegisterBox {
            width: 100%;
            padding: 20px 0px;
        }
        .ApplyStepIndicator1 {
            background-image: url(/images/mobile/BT_form_step1.png);
        }
        .ApplyStepIndicator2 {
            background-image: url(/images/mobile/BT_form_step2.png);
        }
        .ApplyStepIndicator3 {
            background-image: url(/images/mobile/BT_form_step3.png);
        }
        .ApplyStepIndicator4 {
            background-image: url(/images/mobile/BT_form_step4.png);
        }
        #Footer {
            padding: 20px 20px;
        }
        #Copyright {
            text-align: center;
            width: 100%;
        }
        #FollowUs_Desktop {
            display: none;
        }
        .SiteMapSectionHead {
            float: none;
            padding: 10px 0px;
            border-bottom: 1px solid #999999;
        }
        .SiteMapSectionHead a::after {
            content: "\e801";
            font-family: "HkiesWebfont";
            position: absolute;
            right: 50px;
        }
        .SiteMapSectionHead a {
            display: block;
        }
        .CenterInMobile {
            text-align: center !important;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .NoPaddingInMobile {
            padding: 0px !important;
        }
        #PassportPopup {
            top: 5%;
            left: 5%;
            width: 90%;
            height: 90%;
            padding: 20px;
        }
        #divStickyBottom {
            display: block;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }        
        #Footer {
            margin-bottom: 60px;
        }
    }


    .kc-feature-boxes img {
        width: 100%;
    }    

    .kc_button.button_green {
        background-color: rgb(34,102,13) !important;
        color: #ffffff !important;
    }
    
    .kc_button.button_orange {
        background-color: rgb(189,44,44) !important;
        color: #ffffff !important;	
    }
    
    .kc_button.button_paleblue {
        background-color: rgb(30,173,255) !important;
        color: #ffffff !important;	
    }