/* Anchor mega nav */
header {
z-index:1001;
}
.anchor-navigation {
    position:relative; z-index:501;

    top:0;

    transition:top 0.3s ease-in-out 0s; 
}

.anchor-navigation {
    position: relative;
    z-index: 501;
    overflow: visible;
    position: -ms-sticky;
    position: -moz-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    transition: top 0.3s ease-in-out 0s;    
	border-bottom: 1px solid #f2f2f2;
    border-color: #e8e8e8;
}


.anchor-navigation nav.main > ul {
    font-size: 18px
}

    .anchor-navigation nav.main > ul ul {
        font-size: 15px
    }

	body.rtl-site .anchor-navigation nav.main > ul ul {
        font-size: 22px
    }

.anchor-navigation nav.main ul li span {
    position: relative;
    display: block
}

    .anchor-navigation nav.main ul li span i {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 60px;
        height: 60px;
        margin: 0;
        padding-top: 22px;
        text-align: center;
        color: #303434
    }

    .anchor-navigation nav.main ul li span i {
        z-index: 99
    }

html.touch .anchor-navigation nav.main ul li span i {
    z-index: 101;
    background-color: rgba(48, 52, 52, .025)
}

.anchor-navigation nav.main ul li a {
    display: block
}

.anchor-navigation nav.main > ul > li > span a {
    position: relative;
    height: 60px;
    padding: 20px 15px;
    color: #303434;
}

.anchor-navigation nav.main ul li span a {
    z-index: 101
}

html.touch .anchor-navigation nav.main > ul > li > span a {
    z-index: 99
}

.anchor-navigation nav.main ul li ul li span:not(.active) > a:focus,
html.no-touch .anchor-navigation nav.main ul li ul li span:not(.active) > a:hover {
    color: #c9ad7c
}

.anchor-navigation nav.main > ul > li.has-child > span a {
    padding-right: 60px
}

.anchor-navigation nav.main > ul > li > span.active > a,
html.no-touch .anchor-navigation nav.main > ul > li:hover > span > a,
html.touch .anchor-navigation nav.main > ul > li.open > span > a {
    color: #c9ad7c
}

.anchor-navigation nav.main > ul > li:focus-within > span > a {
    color: #c9ad7c
}

.anchor-navigation nav.main ul li ul li span > a {
    display: block;
    color: #303434;
    padding: 15px
}

.anchor-navigation.c1-bg nav.main > ul > li > span a,
.anchor-navigation.c2-bg nav.main > ul > li > span a,
.anchor-navigation.c3-bg nav.main > ul > li > span a,
.anchor-navigation.c1-bg nav.main > ul > li > span > i,
.anchor-navigation.c2-bg nav.main > ul > li > span > i,
.anchor-navigation.c3-bg nav.main > ul > li > span > i {
    color: #ffffff;
}
.anchor-navigation.c1-bg nav.main ul li ul li span:not(.active) > a:focus,
html.no-touch .anchor-navigation.c1-bg nav.main ul li ul li span:not(.active) > a:hover {
    color: #cccccc;
}
.anchor-navigation.c1-bg nav.main > ul > li > span.active > a,
html.no-touch .anchor-navigation.c1-bg nav.main > ul > li:hover > span > a,
html.touch .anchor-navigation.c1-bg nav.main > ul > li.open > span > a { 
	color:#fff;
}
.anchor-navigation.c1-bg nav.main > ul > li:focus-within > span > a {
    color: #fff
}

.anchor-navigation.c1-bg nav.main ul ul li span a:not(.btn):not(.heading):not(.c1-text):not(.c2-text):not(.c3-text) { 
    color: #303434;
}
.anchor-navigation.c1-bg nav.main ul li ul li span:not(.active) > a:not(.btn):not(.heading):not(.c1-text):not(.c2-text):not(.c3-text):focus,
html.no-touch .anchor-navigation.c1-bg nav.main ul ul li span a:not(.btn):not(.heading):not(.c1-text):not(.c2-text):not(.c3-text):hover { 
    color: #c9ad7c;
}

.anchor-navigation nav.main > ul > li.has-child ul {
    position: relative;
    background-color: #fff;
}

    .anchor-navigation nav.main > ul > li.has-child ul ul {
        background-color: #fff;
    }

.anchor-navigation nav.main ul li span a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%
}

@media (min-width:0) and (max-width:991px) {
    .anchor-navigation nav.main {
        border-width: 0 0 1px;
        border-style: solid;
        border-color: rgba(48, 52, 52, .1)
    }

        .anchor-navigation nav.main ul li {
            border-width: 1px 0 0;
            border-style: solid;
            border-color: rgba(48, 52, 52, .1)
        }

            .anchor-navigation nav.main ul li.has-child ul {
                display: none
            }

            .anchor-navigation nav.main ul li.has-child.open-mobile > ul {
                display: block
            }

            .anchor-navigation nav.main ul li.has-child ul li a {
                height: 60px;
                padding: 22px 15px
            }

        .anchor-navigation nav.main > ul > li > span a {
            z-index: 99
        }

        .anchor-navigation nav.main ul li span.active a::before {
            background-color: #c9ad7c
        }

        .anchor-navigation nav.main ul li span i {
            z-index: 101;
            background-color: rgba(48, 52, 52, 0)
        }

        .anchor-navigation nav.main ul li span i {
            border-width: 0 0 0 1px;
            border-style: solid;
            border-color: #e8e8e8
        }
		.anchor-navigation.c1-bg nav.main > ul > li > span > i,
		.anchor-navigation.c2-bg nav.main > ul > li > span > i,
		.anchor-navigation.c3-bg nav.main > ul > li > span > i { 
            border-color: rgba(48, 52, 52, .1)
		}

        .anchor-navigation nav.main ul li.has-child.open > span i::before {
            border-width: 0 1px 0 0;
            transform: rotate(180deg)
        }

        .anchor-navigation nav.main ul li.more-children {
            display: none !important
        }
}

@media (min-width:992px) {
    .navigation,
    .anchor-navigation nav.main,
    .anchor-navigation nav.main ul {
        z-index: 500;
        position: relative;
        overflow: visible
    }

    html.nav-down .anchor-navigation {
        top: 180px;
    }

    html.nav-up .anchor-navigation {
        top: 80px;
    }

    .anchor-navigation nav.main {
        position: relative;
        height: 80px;
    }

        .anchor-navigation nav.main > ul {
            position: relative;
            z-index: 1000;
            line-height: 0;
            overflow: visible;
            border: 0 none
        }

            .anchor-navigation nav.main > ul > li {
                float: left
            }

        .anchor-navigation nav.main ul li span i {
            width: 20px;
            height: 80px;
            padding-top: 24px;
            font-size: 12px
        }

        .anchor-navigation nav.main > ul > li > span > i {
            right: 10px
        }

    html.touch .anchor-navigation nav.main ul li span i {
        width: 25px;
        background-color: rgba(242, 242, 242, .5)
    }

    .anchor-navigation nav.main > ul > li > span {
        position: relative
    }

        .anchor-navigation nav.main > ul > li > span a {
            height: 80px;
            padding: 22px 15px
        }

    html.touch .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-right: 40px
    }

    .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-right: 30px
    }

    .anchor-navigation nav.main > ul > li {
        z-index: 1000
    }

        .anchor-navigation nav.main > ul > li.has-child {
            position: relative
        }

            .anchor-navigation nav.main > ul > li.has-child ul {
                position: absolute;
                top: 79px;
				/* edited 'changed left > right' to fix extra horizontal scroll on sub navigation language drop down on rtl pages on March 3 */
                left: -999em;
                z-index: 2000;
                min-width: max-content;
				max-width: 400px;
                height: auto;
                padding: 0;
                text-align: left;
                border-width: 1px;
                /* border-style: solid; */
                border-color: #e8e8e8;
                box-shadow: 0px 1px 11px rgba(48,52,52,0.2);
            }

                .anchor-navigation nav.main > ul > li.has-child ul li {
                    position: relative;
					white-space: normal !important;
                }
	
	body.rtl-site .anchor-navigation nav.main > ul > li.has-child ul {
		/* edited 'changed left > right' to fix extra horizontal scroll on sub navigation language drop down on rtl pages on March 3 */
		right: -999em;
	}
	

    .anchor-navigation nav.main ul li.has-child ul li span a {
        display: block;
        float: none;
        height: auto
    }

    html.touch .anchor-navigation nav.main > ul > li.has-child > ul > li.has-child > span a {
        padding-right: 40px
    }

    .anchor-navigation nav.main ul li.has-child ul li span i {
        top: 0;
        bottom: 0;
        font-size: 10px;
        padding-top: 18px;
        height: 100%
    }

    .anchor-navigation nav.main ul li.has-child ul li span a::before {
        background-color: rgba(48, 52, 52, 0)
    }

    html.no-touch .anchor-navigation nav.main ul li.has-child ul li span a:hover::before {
        background-color: rgba(48, 52, 52, .2)
    }

    .anchor-navigation nav.main ul li.has-child ul li span.active a::before,
    html.no-touch .anchor-navigation nav.main ul li.has-child ul li span.active a:hover::before {
        background-color: #c9ad7c
    }

    html.no-touch .anchor-navigation nav.main ul li.has-child:hover ul,
    html.touch .anchor-navigation nav.main ul li.has-child.open ul {
        left: 0
    }

    .anchor-navigation nav.main ul li.has-child:focus-within ul {
        left: 0
    }

    html.no-touch .anchor-navigation nav.main ul li.has-child:hover ul ul,
    html.touch .anchor-navigation nav.main ul li.has-child.open ul ul {
        top: -1px;
        left: -999em
    }

    .anchor-navigation nav.main ul li.has-child:focus-within ul ul {
        top: -1px;
        left: -999em
    }

    html.no-touch .anchor-navigation nav.main ul li ul li.has-child:hover ul,
    html.touch .anchor-navigation nav.main ul li ul li.has-child.open ul {
        left: 239px
    }

    .anchor-navigation nav.main ul li ul li.has-child:focus-within ul {
        left: 239px
    }

    .anchor-navigation nav.main > ul > li:last-of-type > ul > li.has-child:focus-within ul {
        right: auto;
        left: -239px
    }

    .anchor-navigation nav.main ul li.more-children ul.more-dropdown i,
    .anchor-navigation nav.main ul li.more-children ul.more-dropdown ul {
        display: none !important
    }

    .anchor-navigation nav.main > ul > li.has-child.multi-col > ul {
        width: 480px
    }

        .anchor-navigation nav.main > ul > li.has-child.multi-col > ul > li {
            float: left;
            width: 50%
        }

            .anchor-navigation nav.main > ul > li.has-child.multi-col > ul > li:nth-child(2n+1) {
                clear: both
            }
}

@media (min-width:992px) {
    .anchor-navigation nav.main > ul > li > span a {
        padding: 30px 20px
    }

    .anchor-navigation nav.main ul li.has-child span i {
        padding-top: 33px
    }

    .anchor-navigation nav.main > ul > li:first-of-type > span a {
        padding-left: 0 !important
    }

    .anchor-navigation nav.main ul li ul li span a {
        padding: 20px
    }

    .anchor-navigation nav.main ul li.has-child ul li span i {
        padding-top: 22px
    }
}

@media (min-width:1200px) {
    .anchor-navigation nav.main > ul {
        font-size: 17px
    }

        .anchor-navigation nav.main > ul > li > span a {
            padding: 28px 19px
        }
}

@media (min-width:1200px) {
    body.rtl-site .anchor-navigation nav.main > ul {
        font-size: 22px
    }
}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10 - 11 specific styles go here */
    .anchor-navigation {
        position: relative !important;
        top: 0 !important;
    }
}


.anchor-navigation .expand {
	position: relative;
	font-size: 85%;
	width: 100%;
	height: 80px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	transition: all 0.3s ease-in-out 0s
}
/*
.anchor-navigation .expand span:before,
.anchor-navigation .expand span,
.anchor-navigation .expand span:after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	background-color: #fff;
	opacity: 1;
	transition: all 0.3s ease-in-out 0s
}
*/
.anchor-navigation .expand span:before,
.anchor-navigation .expand span,
.anchor-navigation .expand span:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	border-radius: 0;
	position: absolute;
	right: 0;
	background-color: #fff;
	opacity: 1;
	transition: all 0.3s ease-in-out 0s
}

.anchor-navigation.c4-bg .expand span:before,
.anchor-navigation.c4-bg .expand span,
.anchor-navigation.c4-bg .expand span:after,
.anchor-navigation.c5-bg .expand span:before,
.anchor-navigation.c5-bg .expand span,
.anchor-navigation.c5-bg .expand span:after,
.anchor-navigation.c6-bg .expand span:before,
.anchor-navigation.c6-bg .expand span,
.anchor-navigation.c6-bg .expand span:after { 
	background-color:#000;
	}
/*
.anchor-navigation .expand span {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
*/
.anchor-navigation .expand span {
	top: 50%;
	right: -8px;
	transform: translate(-50%, -50%)
}
.anchor-navigation .expand.anchor-active span {
	top: 50%;
	right: 5% !important;
	transform: translate(-50%, -50%)
}
/*
.anchor-navigation .expand span:before {
	top: 0;
	left: -12px
}

.anchor-navigation .expand span:after {
	top: 0;
	left: auto;
	right: -12px
}
*/
.anchor-navigation .expand span:before {
	top: -8px;
}

.anchor-navigation .expand span:after {
	top: 8px;
}

.anchor-navigation .expand.anchor-active span {
	width: 0
}

.anchor-navigation .expand.anchor-active span:before,
.anchor-navigation .expand.anchor-active span:after {
	top: 2px;
	left: -9px;
	border-radius: 0;
	width: 20px;
	height: 3px
}

.anchor-navigation .expand.anchor-active span::before {
	transform: rotate(-45deg)
}

.anchor-navigation .expand.anchor-active span::after {
	transform: rotate(45deg)
}

@media (min-width:0) and (max-width:991px) {
    .anchor-navigation nav.main:not(.open-mobile) {
        display: none
    }
    .anchor-navigation .container { 
        width:100%!important; margin:0; padding:0;
    }
}

@media (min-width:992px) {
	.anchor-navigation .expand {
		display: none
	}
}

/* Anchor mega nav - RTL */
body.rtl-site .anchor-navigation nav.main ul {
    text-align: right;
}

body.rtl-site .anchor-navigation nav.main ul li span i {
    left: 0;
    right: auto;
}

body.rtl-site .anchor-navigation nav.main > ul > li.has-child > span a {
    padding-right: 15px;
    padding-left: 60px;
}

body.rtl-site .anchor-navigation nav.main ul li span a::before {
    left: auto;
    right: 0;
}

@media (min-width: 0) and (max-width: 991px) {
    body.rtl-site .anchor-navigation nav.main ul li span i {
        border-width: 0 1px 0 0;
    }
}

@media (min-width: 992px) {
    body.rtl-site .anchor-navigation nav.main > ul > li {
        float: right;
    }
	
	/* Add margin between anchor navigation lists on rtl */
	 body.rtl-site .anchor-navigation nav.main > ul > li:not(:first-child) {
			margin-right: 15px;
    }

    html.touch body.rtl-site .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-left: 40px;
        padding-right: 15px;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-left: 30px;
        padding-right: 15px;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child ul {
        text-align: right;
        box-shadow: -5px 5px 0 rgba($c3, 0.05);
    }

    html.touch body.rtl-site .anchor-navigation nav.main > ul > li.has-child > ul > li.has-child > span a {
        padding-left: 40px;
        padding-right: 15px;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child.multi-col > ul > li {
        float: right;
    }

    body.rtl-site .anchor-navigation nav.main ul li.has-child ul li span i {
        transform: rotate(180deg);
        text-align: center;
    }

    body.rtl-site .anchor-navigation nav.main ul li span i {
        text-align: right;
    }

    html.touch body.rtl-site .anchor-navigation nav.main ul li.has-child.open ul,
    html.no-touch body.rtl-site .anchor-navigation nav.main ul li.has-child:hover ul {
        right: 0;
    }

    body.rtl-site .anchor-navigation nav.main ul li.has-child:focus-within ul {
        right: 0;
    }

    html.touch body.rtl-site .anchor-navigation nav.main ul li.has-child.open ul ul,
    html.no-touch body.rtl-site .anchor-navigation nav.main ul li.has-child:hover ul ul {
        top: -1px;
		/* edited to fix extra horizontal scroll on sub navigation language drop down on rtl pages on March 3 */
        /* left: -999em; */
        right: 0;
    }

    body.rtl-site .anchor-navigation nav.main ul li.has-child:focus-within ul ul {
        top: -1px;
        left: -999em;
        right: auto;
    }

    html.touch body.rtl-site .anchor-navigation nav.main ul li ul li.has-child.open ul,
    html.no-touch body.rtl-site .anchor-navigation nav.main ul li ul li.has-child:hover ul {
        right: 239px;
    }

    body.rtl-site .anchor-navigation nav.main ul li ul li.has-child:focus-within ul {
        right: 239px;
    }
    /* MULTI COLUMN DROPDOWN FOR MORE THAN 8*/
    body.rtl-site .anchor-navigation nav.main > ul > li.has-child.multi-col > ul {
        width: 480px;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child.multi-col > ul > li {
        float: right;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child.multi-col > ul > li:nth-child(2n+1) {
        clear: both;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li:not(.has-child) > span a {
        padding-left: 22px !important;
        padding-right: 0 !important;
    }

    html.touch body.rtl-site .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-left: 38px !important;
        padding-right: 0 !important;
    }

    body.rtl-site .anchor-navigation nav.main > ul > li.has-child > span a {
        padding-left: 30px !important;
        padding-right: 0 !important;
    }
}

.related-content.listingSmallHeading .item .heading {
    font-size: 16px !important;
    line-height: 30px !important;
}

.related-content .item div.meta {
    margin-top: 20px !important;
}

.meta .categories {
    padding: 0 15px;
}

.related-content.listingSmallHeading .item .meta .categories {
    padding: 0;
}

    .related-content.listingSmallHeading .item .meta .author-date + .categories::before,
    .related-content.listingSmallHeading .item .meta .author-date + .fco::before,
    .related-content.listingSmallHeading .item .meta .categories + .fco::before {
        content: "|";
        display: inline-block;
        padding: 0 2.5px;
        opacity: 0.35;
    }

@media (min-width:0) and (max-width:991px) {
    body.rtl-site .navigation nav.main ul li.has-child span i,
    body.rtl-site .anchor-navigation nav.main ul li.has-child span i {
        margin-left: 0;
        padding-top: 20px;
    }
}

@media (min-width:992px) {
    body.rtl-site .navigation nav.main > ul > li.has-child.multi-col > ul,
    body.rtl-site .anchor-navigation nav.main > ul > li.has-child.multi-col > ul {
        width: 580px;
    }

    html.touch body.rtl-site .navigation nav.main ul li.has-child span i,
    html.touch body.rtl-site .anchor-navigation nav.main ul li.has-child span i {
        margin-left: 10px !important;
    }
}

.custom-calendar-rtl .row, #ContactFormContainer1596 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	 -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap
}


.custom-flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
}

.custom-flex-justify-content-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.custom-flex-align-items-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.custom-calendar-rtl table td, table th {
	padding: 8px
}

.corona-instructions .item {
	padding: 5px !important;	
}

/* very important class used to show the overflow mainly used for anchor navigations of Entities */
.overflow-visible{
	overflow: visible !important;
}
.sticky-navigation {	
    z-index: 501;
    overflow: visible;
    position: -ms-sticky;
    position: -moz-sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    transition: top 0.3s ease-in-out 0s;
}
/* classes specified for prime minister page details for social media section */
.pm-social-media-table {
	border: 0;
	width: auto;
	background-color: #303434;
}

.pm-social-media-table tr td {
	border: none;
	padding: 20px 5px;
}

.pm-social-media-table tr td a{
	display: inline-block; 
	border-radius: 60px; 
	box-shadow: 0px 0px 2px #888; 
	padding: 0.5em 0.6em; 
	background-color: rgba(255,255,255,.25); 
	color: #303434;
	margin: 0;
}

.pm-social-media-table tr td a:hover{
	background-color: #fff;
	color: #303434
}

@media only screen 
and (min-width : 600px) 
and (max-width : 970px)  {
	.pm-social-media-table {
			width: auto;
	}
}
/* Mobile Screens */
@media only screen and (max-width: 600px) {
	.pm-social-media-table {
			width: auto;
	}
}
/* iPad Landscape and Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.pm-social-media-table {
			width: auto;
	}
}
/* iPad Pro Landscape and Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  .pm-social-media-table {
			width: auto;
	}
}

/* break line for long footer quick links text */
@media only screen and (max-width: 600px) {
	body .quick-links ul li a {
		white-space: break-spaces;
	}
}


/* Custom styling for DXS page */

.dxs-body {
	overflow-x: hidden;
}

.dxs-body #site {
	overflow-x: clip;
}


.sticky-table-of-content-section {
	margin-top: 3.5%;	
	overflow-y: auto;
	max-height: 100vh
}

.sticky-table-of-content-section h5, span, div {
	scroll-margin-top: 250px;
}

.sticky-table-of-content-section p{
	padding: 0 !important;
	margin: 0 !important;
}

.content-of-sticky-table-of-content-section p {
	padding: 0 !important;
	margin: 0 !important;
}

.content-of-sticky-table-of-content-section .apc {
	padding: 22px 0 !important;
}

.content-of-sticky-table-of-content-section .items-3 .image {
	text-align: center;
	text-align: -webkit-center;
}

.content-of-sticky-table-of-content-section .items-3 .image img {
	width: 45%;
}



@media screen and (min-width: 768px) {    
    .sticky-table-of-content-section {
        position: sticky;
        top: 60px;
        float: left;
        width: 27%;
        left: 15%;
    }

    .sticky-table-of-content-section .container {
        width: 100%
    }


    .content-of-sticky-table-of-content-section {
        left: 20%;
        width: 60%;
        flex-wrap: wrap;
    }

    .content-of-sticky-table-of-content-section .container {
        width: 100%
    }
}


/* Add a wrap to the long texts in the main menu that go out of container */
nav.main ul > li > span > a {
	white-space: initial;
	line-height: 21px	
}