﻿@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url("bootstrap-icons.css");
/*
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.woff2') format('woff2'), url('../fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue bold';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('../fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue light';
    src: url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), url('../fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('../fonts/HelveticaNeue-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: normal;
}
*/
#appsTable {
	margin-top:9rem
}
.htmlAdminMaster #myHeader{
	display:none!important
}
.ms-webpartzone-cell{
	margin-bottom:0
}
.ms-dlgContent *{
	box-sizing: content-box!important
}

#s4-bodyContainer {
    padding-bottom: 0;
}

#side-nav-Container {
    background-color: #f0f4f7;
    padding-top: 1.5rem;
    height: calc(100vh - 5rem);
}

#side-nav-Container .ms-core-listMenu-horizontalBox ul {
    width: 28rem;
    padding: 0;
}

#side-nav-Container .ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item {
    display: flex;
    flex-direction: column;
    padding: 0 2rem;
    text-decoration: none;
    line-height: normal;
    font-size: 1.8rem;
    color: #005ca0;
    font-weight: bold;
    min-height: 40px;
    /* font-family: Arial, Helvetica Neue, sans-serif; */
    font-family: 'Open Sans', sans-serif;
    justify-content: center;
}

#side-nav-Container ul.dynamic {
    left: 28rem!important
}

a {
    transition: all 0.5s ease;
}

body {
    color: #000000;
    background: #FFF;
    /* font-family: Arial, 'Helvetica Neue', sans-serif; */

}

html, body, h1, h2, h3, h4, h5, h6, div, p, a, button, label {
    /* font-family: Arial, Helvetica Neue, sans-serif; */
    line-height:1.5
}
.lightGrayBg {
    background-color: #f6f6f6
}

.darkGrayBg {
    background-color: #3c3c3c
}

.grayBg {
    background-color: #eaeaea
}

.ar_txt {
    font-family: 'Cairo', sans-serif !important;
}

a {
    color: #045b9b;
}

a:hover {
    color: #000;
    text-decoration: none;
}

.white, a.white {
    color: #fff !important
}

a.white:hover {
    color: #eee !important
}

a.black {
    color: #000;
}

a.black:hover {
    color: #03446c;
}

.underlined {
    text-decoration: underline
}

.form-control, .btn, .card, .card-footer:last-child {
    border-radius: 0;
}

.bg-light {
    background: #ededed !important;
}

.bg-secondary {
    background: #b3b5b8 !important;
}

.bg-primary, .btn-primary {
    border-radius: 40px;
    padding: 0.75rem;
    background: #03446c !important;
    border-color: transparent !important;
}

a.bg-primary:hover, .btn-primary:hover {
    background: #03446c !important;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
}

.btn-outline-primary {
    color: #03446c;
    border-color: #03446c;
}

.btn-outline-primary:hover {
    background-color: #03446c;
    border-color: #03446c;
}

.color-primary, .text-primary {
    color: #03446c !important;
}

.btn-div {
    text-align: center;
    padding: 20px;
    margin: 10px 0;
}

.btn-white {
    background: #FFF !important;
    color: #03446c !important;
    border-radius: 25px;
    border: 0;
    font-size: 14px;
    font-weight: lighter;
    padding: 10px;
    min-width: 150px;
}

.btn-white:hover {
    color: #000 !important;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
}

.btn-white-outline {
    background: transparent !important;
    color: #FFF !important;
    border: 1px solid #FFF;
    font-size: 14px;
    font-weight: lighter;
    padding: 10px;
    min-width: 150px;
}

.btn-white-outline:hover {
    background: #FFF !important;
    color: #000 !important;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
}

.btn-primary {
    border: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: lighter;
    margin-top: 15px;
}

.btn-primary:hover {
    background: #FFF !important;
    color: #03446c;
}

.text-black {
    color: #000;
}

.topHeader {
    background-color: #f7f7f7;
    margin-bottom: 1px;
    z-index: 11;
    position: relative;
}

.header-right-block {
    background: #d2d2d2;
    padding: 6px 0;
    position: relative;
}

.header-right-block::before {
    content: "";
    position: absolute;
    /* background-color: #f7f7f7; */
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 40px solid #f7f7f7;
    border-right: 40px solid transparent;
    z-index: 2;
}

.header-right-block:after {
    content: "";
    position: absolute;
    width: 200%;
    background: #d2d2d2;
    height: 100%;
    left: 0;
}

.header-right-block a {
    z-index: 1;
    position: relative;
}

.header-right-block a:hover {
    opacity: 0.8;
    cursor: pointer
}

/**search**/

.header-right-block a {
    padding: 3px 6px;
    color: #000;
    font-size: 0.75rem;
}

.headerSearch {
    background: url("../images/headSearch.png") no-repeat 98% 5px;
    text-align: left;
    /* text-indent: 24px; */
    color: #000;
    display: inline-block;
    /* padding: 0px 15px!important; */
    padding-right: 30px !important;
}

.headerSearch::placeholder {
    color: #000
}

/*---- main navigation -----*/

.mainNav {
    position: relative;
    z-index: 11;
    background-color: transparent;
}

.mainNav a {
    font-size: 0.875rem;
    font-weight: lighter;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #3e3e3e;
}

.mainNav li:hover, .mainNav li.active {
    cursor: pointer;
}

.mainNav .navbar-nav>li {
    position: relative;
}

.menu-area .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.mainmenu a, .menu-area .navbar-default .navbar-nav>li>a, .mainmenu ul li a, .menu-area .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 8px !important;
    display: block !important;
    text-decoration: none;
}

.menu-area .navbar-nav>li {
    padding: 5px 0px !important;
}

.menu-area .navbar-nav>li>a {
    padding: 5px !important;
}

.menu-area .navbar-nav>li:last-child>a {
    border: 0px !important;
}

.mainmenu li a:hover {
    text-decoration: none;
}

.mainNav .navbar-light .navbar-toggler {
    margin: 1rem;
    min-width: 3.5em !important;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
    background: #3e3e3e;
}

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
    background: #3e3e3e;
}

.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
    background: #3e3e3e;
}

.mainmenu .dropdown-menu li a {
    padding: 1rem !important;
    color: #FFF;
}

.mainmenu .collapse ul ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mainmenu .collapse ul ul li a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    background-color: #333
}

.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

.menu-area.menu-ar .mainmenu li a {
    direction: rtl;
    text-align: right;
}

/*---- Slider -----*/

.next-section {
    position: absolute;
    bottom: 4%;
    left: 0;
    right: 0;
    z-index: 1111;
    text-align: center;
}

.next-section a {
    cursor: pointer;
    display: inline-block;
    color: #fff!important;
    font-size: 2.5rem;
    text-align: center;
    display:none
}

.next-section img {
    max-height: 35px;
}

.bounce {
    transition: filter 300ms ease-in-out, transform 1s;
    -moz-animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;
    animation: bounce 5s infinite;
    /* animation-play-state: paused; */
}

.bounce-running {
    animation-play-state: running;
}

@keyframes bounce {
    0% {
        -moz-transform: scale(1) translate(0px, 0px);
        -ms-transform: scale(1) translate(0px, 0px);
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px);
    }
    40% {
        -moz-transform: scale(0.9) translate(0px, 5px);
        -ms-transform: scale(0.9) translate(0px, 5px);
        -webkit-transform: scale(0.9) translate(0px, 5px);
        transform: scale(0.9) translate(0px, 5px);
    }
    60% {
        -moz-transform: scale(0.9) translate(0px, 5px);
        -ms-transform: scale(0.9) translate(0px, 5px);
        -webkit-transform: scale(0.9) translate(0px, 5px);
        transform: scale(0.9) translate(0px, 5px);
    }
    80% {
        -moz-transform: scale(1) translate(0px, 0px);
        -ms-transform: scale(1) translate(0px, 0px);
        -webkit-transform: scale(1) translate(0px, 0px);
        transform: scale(1) translate(0px, 0px);
    }
}

.sliderBG {
    position: relative;
    z-index: 10;
}


/** added by tawbi on 9 May 2021 **/
.htmlAdminMaster #main{
	font-size:14px
}
.adminBody .content{
	padding:0 40px
}
.p-5{
	font-size:16px;padding:1.5rem!important
}
.innerpage-banner img{
	width:100%
}
.innerpage-banner #bannerSlider .carousel-caption {
bottom: 4rem;
    padding: 0rem 2rem;
    margin: 0;
    top: auto;
    right: auto;
    width: 100%;
    position: absolute;
    text-align: left;
    left: 0;
    color:#fff;
    font-size: 1.4rem;	

} 
.black_header #bannerSlider .carousel-caption{
	    color:#000;

}
.innerpage-banner #bannerSlider .carousel-caption a{
color:#fff;
font-size: 1.4rem;	
padding: 0 5px	
}
.black_header #bannerSlider .carousel-caption a{
color:#000;
	
}

.innerpage-banner #bannerSlider .carousel-caption h2{
font-size: 3rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.black_header .carousel-caption h2 {
color:#000
}

/** added by tawbi on 9 May 2021 **/

.sliderBG .carousel-caption h1 {
    font-size: 4.2rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
}



.sliderBG .carousel-inner {
    /* height: 26.5vw;*/
    /* height: 44.5vw; */
    /* height: 37vw; */
    
    /** added by tawbi on 9 May 2021 **/
   /** height: 40vw; **/
    /** added by tawbi on 9 May 2021 **/
}

.carousel-control-prev-icon {
    background-image: url("../imgs/previous.png");
}

.carousel-control-next-icon {
    background-image: url("../imgs/next.png")
}

#bannerSlider .carousel-inner .carousel-item img.bnrImg {
    object-fit: cover;
    height: 100%;
    max-height: 100%;
    width: 100%;
    left: 0;
    /* height: 26.5vw;*/
    /* height: 44.5vw; */
    /* height: 37vw; */
    height: 40vw;
}

#bannerSlider .carousel-caption {
    bottom: 2rem;
    padding: 0rem 0;
    margin: 0;
    top: auto;
    right: 0;
    width: 75%;
    position: absolute;
    text-align: center;
    left: auto;
}

.carousel-control-next, .carousel-control-prev {
    width: 7%;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

.carousel-caption h3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
    letter-spacing:1px

    
}

.carousel-caption h2 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    letter-spacing:1px
}

.contentContainer {
    position: relative;
    z-index: 2;
        background: rgba(0,0,0,0.6);
        padding:1rem
}

.slide_controls .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1
}

.slide_controls .carousel-indicators li.active {
    background-color: #03446c
}

.head {
    margin-bottom: 2rem;
}

.head h2 {
    color: #005ca0;
    font-size: 3rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

/**Announcemnet Section***/

.updated_latest-news {
    color: #000;
    position: relative;
}

.updated_latest-news .container {
    position: relative;
    padding: 2rem 0 5rem
}

.latest-news-content {
    max-width: 96%;
    margin: 0 auto;
}

.updated_latest-news {
    /* background-color: #fff; */
}

.latest-news-content, .updated_latest-news .head {
    position: relative;
    z-index: 1;
}

.updated_latest-news .latest-news-block .latest-news-block-content {
    position: relative;
    height: 100%;
    transition: 2ms;
    background-color: #ffffff;
        border: 2px solid #eee;
}

.latest-news-block:hover .latest-news-block-content {
    cursor: pointer;
}

.updated_latest-news .latest-news-block .latest-news-block-content h3 a {
    font-size: 1.8rem;
    color: #737374;
    font-weight: 500;
}

.updated_latest-news .latest-news-block .latest-news-block-content .dateTxt {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    align-items: center;
    color: #666;
    font-weight: 500;
}

.latest-news-block-content p {
    color: #737374;
    font-size: 1.53rem;
    margin: 0.5rem 0;
    font-weight: normal;
    line-height: 1.5;
    min-height:4rem
}

.latest-news-block-content .more {
    display: none
}

.updated_latest-news .latest-news-block:hover .more, .updated_latest-news .latest-news-block.active .more {
    display: block;
    background-color: #03446c;
    color: #fff;
    text-align: center;
    font-size: 0.875rem;
    padding-top: 5px
}

.all {
    font-size: 1.125rem;
    text-transform: capitalize
}

.all span[class*="icon"] {
    font-size: 1.3rem;
    vertical-align: middle;
    padding: 0 5px
}

.latest-news-content .owl-nav button {
    display: block;
    font-size: 0 !important;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
}

.latest-news-content .owl-nav button:hover {
    opacity: 0.8;
}

.latest-news-content .owl-nav button:focus {
    outline: none
}

.latest-news-content .owl-nav .owl-next {
    background: url("../imgs/News-Green-arrows-right.png") no-repeat !important;
    background-size: auto auto;
    right: -5%;
    position: absolute;
    bottom: 50%;
}

.latest-news-content .owl-nav .owl-prev {
    background: url("../imgs/News-Green-arrows-left.png") no-repeat !important;
    background-size: auto auto;
    left: -4%;
    position: absolute;
    bottom: 50%;
}

.latest-news-block-content>img {
    height: 15rem;
    object-fit: cover;
    background-color: #eee;
    width: 100%;
}

.more-button {
    background-color: #3eb48a;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    color: #fff!important;
    text-align: center;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: normal;
}

.more-button:hover {
    background-color: #045b9b;
    color: #fff;
}

/**Announcemnet Section end***/

/**time-history  start**/

.time-history-container {
    /* background-color: #ffffff */
}

.time-history-block img {
    max-height: 50vh;
    width: 100%;
    object-fit: cover;
}

/**time-history end**/

/****/

.bottom-section-access {
    background-color: #005c9b;
    color: #fff;
}

.bottom-section-access a {
    color: #fff;
}

.bottom-section-access a:hover {
    opacity: 0.7;
    color: #fff;
}

/* Footer */

footer {
    color: #303030;
    /* background: #fff; */
}

.footer-lang-switcher span {
    color: #606162;
    font-size: 1.2rem;
    padding: 0;
    vertical-align: middle
}
#language-title-arabic,#language-title{
	display:none
}

/*End Footer*/

/**top header**/

.top-links {
    margin-bottom: 0;
}

.top-links li {
    list-style-type: none;
    padding: 0 1rem;
    justify-items: center;
}

.top-links a {
    color: #fff;
    font-size: 1rem;
}

.top-links a:hover {
    opacity: 0.7;
}

.search-contanier {
    display: none;
    position: relative;
}

.search-contanier input {
    width: 33rem;
    border-radius: 3rem;
    background: #f0f4f7;
    padding: 2rem;
    font-size: 1.4rem;
    border: 0;
    color: #777;
    position: absolute;
    bottom: 4rem;
    right: 3rem;
    transition: all 0.5s ease;
    top: 4.9rem;
}
.search-contanier input:focus {
    outline: none;
    border: none;
}

.search-contanier input::placeholder {
    color: #777;
    /* font-family: Arial, 'Helvetica Neue', sans-serif; */
    font-family: 'Open Sans', sans-serif;
}

.ethics-integrity {
    position: relative;
}

.ethics-content {
    position: absolute;
    top: 10%;
    left: 8%;
    width: 29%;
}

.ethics-content h2 {
    color: #005ca0;
    font-size: 3rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.ethics-content h3 {
    color: #737374;
    font-size: 1.7rem;
    margin-bottom: 1rem;
    font-weight: 500;
}
.blue{
	color:#005ca0!important
}

.time-history p {
    font-size: 1.7rem;
    font-weight: 300;
    color: #737374;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.ethics-bottom-links {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    list-style-type: none;
    margin-bottom: 0;
   /* background: #5fb572;*/
    left: 0;
    right: 0;
    margin: 0;
}

.ethics-bottom-links li {
    list-style-type: none;
}

.ethics-bottom-links a {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
}

.ethics-bottom-links a:hover {
    opacity: 0.7;
}

.ethics-bottom-links a::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 3rem;
    vertical-align: middle;
}

.ethics-bottom-links li:first-child a::before {
    display: none;
}

.bottom-section-access h3 {
    font-size: 1.7rem;
    text-transform: capitalize;
    margin-top: 1rem;
    color: #fff;
}

.bottom-section-access img {
    height: 50px;
}
.other-sites{
	    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;}

.other-sites li {
    list-style-type: none;
}
.other-sites li a:after{
	content:"-";
	display:inline-block;
	    padding: 0 0.5rem;
}
.other-sites li:last-child a:after{
display:none
}

.other-sites a {
    font-size: 1.4rem;
    font-weight: 700;
    color: #737374;
    vertical-align: middle;
   /* margin: 0 0.5rem;*/
}

.other-sites a:hover {
    opacity: 0.7;
}

.footer-nav {
	padding-left:0px;
    border-top: 2px solid #ccc;
}

.footer-nav li {
    list-style-type: none;
}

.footer-nav a {
    font-size: 1.7rem;
    font-weight: 300;
    color: #606162;
    vertical-align: middle;
    margin: 0 2rem;
    
}

.footer-nav a:hover {
    opacity: 0.7;
}

.copyright {
    font-weight: 300;
    font-size: 1rem;
    color: #005c9b;
}

/* Inner Page Additions */
.content-spacing{
	max-width:90%;
	margin:0 auto;
}
#myHeader + div{
		min-height:75vh

}
/**Code of conduct**/

.breadcrumb {
    border-radius: 0;
    margin-bottom: 0;
    font-size: 1.3rem;
    padding: 1rem;
}
.breadcrumbCurrentNode{
	font-size: 1.4rem;
    padding: 0 5px;
}
.corporateimages {
    max-width: 140px !important;
    width: 140px !important;
    height: 80px !important;
}

.coc_header {
    background: #010729 url("../imgs/coc_header_bg.png") top right no-repeat;
    background-size: contain;
    padding: 10px;
    color: #FFF;
    text-align: center;
    margin-bottom: 5px;
}

.coc_header h1, .coc_header h3 {
    color: #FFF !important;
    margin: 0;
    padding: 0;
}

.coc_header h1 {
    border: 0;
    font-style: normal;
    font-size: 48px;
    font-weight: lighter;
}

.coc_header h3 {
    font-size: 28px;
    font-weight: normal;
}

.coc_cell_img {
    border: 0 !important;
    height: auto !important;
}

.dataBlock p {
    margin: 0 5px 15px 5px;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.5;
}

.moreLink a {
    font-size: 1.6rem;
}

.coc_page .rowBlock {
    padding: 2rem;
}

.coc_page .titleBar {
    font-size: 2.2rem;
    padding: 1rem;
    color: #fff;
}

.bg_blue {
    background: #005c9b;
}

.bg_navy {
    background: #32c7f5;
}

.bg_leafgreen {
    background: #245c49;
}

.bg_palegreen {
    background: #3eb48a;
}

.bg_graybrown {
    background: #474748;
}

.defTable td {
    vertical-align: top;
}

/* Inner Page Additions */
@media only screen and (min-width: 1600px) {
.content-spacing {
    max-width: 80%;
    margin: 0 auto;
}

}
@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 767px) {}

@media (max-width: 1023px) and (min-width: 768px) {}

@media (max-width: 767px) {
    .defTable td {
        display: block;
        width: 100%;
    }
    .imgBlock {
        text-align: CENTER;
        margin-bottom: 1rem;
    }
}

@media (max-width: 1480px) {
    .owl-carousel {
        width: 90%;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {}

@media (max-width: 991px) {
    #bannerSlider .carousel-caption {
        width: 100%;
    }
    .latest-news-content .owl-nav .owl-prev {
        left: -7%;
        background-size: contain!important;
        width: 26px;
        height: 26px;
    }
    .latest-news-content .owl-nav .owl-next {
        right: -9%;
        background-size: contain!important;
        width: 26px;
        height: 26px;
    }
    .ethics-integrity img {
        min-height: 180px;
    }
    .ethics-content {
        top: 10%;
        left: 4%;
        width: 96%;
    }
        #bannerSlider .carousel-caption{top:17px}
        .carousel-control-next-icon, .carousel-control-prev-icon{
	background-size:100%;
	    width: 30px;
    height: 30px;
}

}

@media only screen and (max-width: 767px) {
.top-links li{
	    padding: 0 0.2rem;

}
    .ethics-content h2 {
        font-size: 2rem;
    }
    .ethics-bottom-links li a::before {
        display: none;
    }
    .ethics-bottom-links a {
        font-size: 1.5rem;
        padding: 0 5px;
    }
    .bottom-section-access a {
        margin: 1rem 0;
    }
    .other-sites a {
        margin: 1rem;
        text-align: left;
        display: inline-block;
    }
    .social-icons {
        margin-top: 1rem;
    }
    .footer-nav a {
        margin: 1rem 2rem;
        display: inline-block;
    }
    
    .carousel-caption h3{font-size:2.5rem}
    .carousel-caption h2{font-size:2rem}
    .innerpage-banner #bannerSlider .carousel-caption h2{font-size:2rem}
}

@media only screen and (max-width: 576px) {}

.cmp-accordion__header {
    margin: 0
}

.cmp-accordion__button {
    display: block;
    width: 100%;
    text-align: left
}

.cmp-accordion__panel--hidden {
    display: none
}

.cmp-accordion__panel--expanded {
    display: block
}

.base ul li, ol, ul {
    list-style: none
}

#scroll-to-top, .center {
    text-align: center
}

.fa, body {
    -moz-osx-font-smoothing: grayscale
}

.main-container, html .page-header-content, img.mfp-img {
    max-width: 100%
}

#global-search .results-container, .slider {
    scrollbar-base-color: #f4fafc;
    scrollbar-face-color: #005ca0;
    scrollbar-3dlight-color: #005ca0;
    scrollbar-highlight-color: #005ca0;
    scrollbar-track-color: #f4fafc;
    scrollbar-arrow-color: #005ca0;
    scrollbar-shadow-color: #005ca0;
    scrollbar-dark-shadow-color: #005ca0
}

.mfp-arrow, .slick-slider {
    -webkit-tap-highlight-color: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.section:not(.anchor):not(.magazinecontentmodule) .component-container {
    display: block;
    overflow: hidden
}

.section:not(.anchor):not(.magazinecontentmodule) .component-container.space-below_none {
    margin-bottom: 0
}

.section:not(.anchor):not(.magazinecontentmodule) .component-container.space-below_normal {
    margin-bottom: 1.5rem
}

.section:not(.anchor):not(.magazinecontentmodule) .component-container.space-below_big {
    margin-bottom: 4.5rem
}

.section.downloadlist * .component-container, .section:not(.anchor):not(.magazinecontentmodule)>.component-container {
    margin-bottom: 2.5rem
}

.section.factbox>.component-container {
    margin-bottom: 3rem
}

.section.bannerinline>.component-container, .section.bannerquote>.component-container, .section.text>.component-container {
    margin-bottom: 0
}

.skip-to-main {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    top: -10px
}

.skip-to-main:active, .skip-to-main:focus, .skip-to-main:hover {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #323232;
    background-color: #fff;
    padding: 2rem;
    width: auto;
    height: auto;
    text-align: center;
    overflow: visible;
    z-index: 9999;
    font-size: 1.8rem;
    line-height: 1.5
}

#global-search.show-results header #search-field-label .mobile, #scroll-to-top span, .content.newsroom-content .search-and-sort .list-search-container label, .list-container .search-and-sort .list-search-container label, .subscription-form label, .visually-hidden, footer.reinvent-footer section.footer-social ul.social-links li a span.link-description {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

#scroll-to-top {

    display: none;
    position: fixed;
    right: 4rem;
    bottom: 4rem;
    color: #000;
    background-color: #fff;
    border-radius: 2.5rem;
    font-size: 0;
    z-index: 10400000;
    cursor: pointer!important;
}

#scroll-to-top:before {
    font-size: 2rem;
    font-weight: 700
}
body, html {
    width: 100%;
    font-size: 62.5%; 
    background: #fff;
    transform: none !important
}

body {
    height: 100%;
    font-size: 1rem;
    color: #333;
    line-height: 1.5rem;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.main-container {
    height: 100%;
    margin-right: auto;
    overflow: visible;
    margin-left: 0;
    padding: 0;
}

.banner-top, html {
    overflow-x: hidden
}

.main-container:after {
    content: " ";
    display: block;
    clear: both
}

.fa, .fa-stack {
    display: inline-block
}

html {
    overflow-y: auto
}

html {
    height: 100%
}

.mfp-wrap, .slider {
    overflow-y: hidden
}

@media(min-width:100px) {
    .content {
        box-sizing: border-box;
        width: 100%;
        float: left;
        margin-top: 7.6rem;
        /*background: #FFF url("../imgs/watermark_bg-light.png") center center no-repeat;
        background-size: 100% !important;
        background-attachment: fixed;*/
    }
}

.mfp-container, img.mfp-img {
    -moz-box-sizing: border-box
}

@media(min-width:1200px) {
    .content {
        width: calc(100% - 28rem);
        margin-left: 28rem;
        margin-top: 0;
        border-left: 0 solid rgba(36, 55, 70, .1)
    }
    .mfp-content .content {
        border-left: 0
    }
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0 {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

.mfp-bg {
    top: 0;
    z-index: 1042;
    overflow: hidden;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0 !important;
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    background: #ffecde;
    height: auto;
    width: 100%;
    cursor: auto
}

.mfp-image-holder .mfp-content {
    background: #000;
    height: 100%
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.magazine-content .filter-options1, .mfp-close, .mfp-preloader {
    text-align: center
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
    overflow-y: hidden
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

.mfp-figure:after, .mfp-iframe-scaler iframe {
    left: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    filter: alpha(opacity=65);
    font-style: normal;
    /* font-family: Arial, Baskerville, monospace */
    font-family: 'Open Sans', sans-serif;
    }

.custom-dropdown, .form-error, .italic {
    font-style: italic
}

.mfp-close:focus, .mfp-close:hover {
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-ajax-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-wrap .mfp-close {
    border-radius: 30px;
    background: #CCC;
    top: 2rem;
    right: 2rem;
    font-size: 35px;
    text-align: center;
    color: #333
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow .mfp-a, .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b, .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-ajax-holder, .mfp-iframe-holder {
    padding-top: 0;
    padding-bottom: 0
}

.mfp-ajax-holder .mfp-content, .mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 100%;
    float: right
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF
}

.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #000
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    left: 50%;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }
    .mfp-arrow-left {
        transform-origin: 0 0
    }
    .mfp-arrow-right {
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 0;
        padding-right: 0
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-fade .mfp-ajax-holder .mfp-content {
    width: 100%
}

.mfp-fade.mfp-bg {
    opacity: 0;
    background-color: #fff;
    transition: all .3s ease-out
}

html.cssanimations .mfp-fade.mfp-bg.mfp-ready {
    opacity: 1
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    width: 100%;
    transition: all .3s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-slide .mfp-ajax-holder .mfp-content {
    width: 90rem;
    height: 100%;
    overflow: auto
}

.mfp-slide .mfp-ajax-holder .mfp-content .content {
    max-height: 100%
}

.mfp-slide .mfp-ajax-holder .mfp-content .mfp-close {
    position: fixed
}

.mfp-slide.mfp-bg {
    opacity: 0;
    background-color: #fff;
    transition: all .3s ease-out
}

.mfp-slide.mfp-bg.mfp-ready {
    opacity: .7
}

.mfp-slide.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-slide.mfp-wrap .mfp-content {
    right: -90rem;
    transition: all .5s ease-out
}

.mfp-slide.mfp-wrap.mfp-ready .mfp-content {
    right: 0
}

.mfp-slide.mfp-wrap.mfp-removing .mfp-content {
    right: -90rem
}

body:not(.edge):not(.ie) .blur-in {
    overflow: hidden
}

.magazine-article-content, .magazine-content {
    background-color: #fff
}

.magazine-article-content .colctrl-2c-wideleft.highlighted, .magazine-article-content .colctrl-2c-wideright.highlighted, .magazine-article-content .colctrl-2c.highlighted, .magazine-article-content .colctrl-3c.highlighted, .magazine-article-content .colctrl-4c.highlighted, .magazine-article-content .cq-colctrl-default.highlighted, .magazine-content .colctrl-2c-wideleft.highlighted, .magazine-content .colctrl-2c-wideright.highlighted, .magazine-content .colctrl-2c.highlighted, .magazine-content .colctrl-3c.highlighted, .magazine-content .colctrl-4c.highlighted, .magazine-content .cq-colctrl-default.highlighted {
    background-color: #d5eaf4
}

.magazine-article-content .colctrl-2c-wideleft.btn.panel, .magazine-article-content .colctrl-2c-wideleft.default, .magazine-article-content .colctrl-2c-wideleft.panel.add-to-calendar, .magazine-article-content .colctrl-2c-wideright.btn.panel, .magazine-article-content .colctrl-2c-wideright.default, .magazine-article-content .colctrl-2c-wideright.panel.add-to-calendar, .magazine-article-content .colctrl-2c.btn.panel, .magazine-article-content .colctrl-2c.default, .magazine-article-content .colctrl-2c.panel.add-to-calendar, .magazine-article-content .colctrl-3c.btn.panel, .magazine-article-content .colctrl-3c.default, .magazine-article-content .colctrl-3c.panel.add-to-calendar, .magazine-article-content .colctrl-4c.btn.panel, .magazine-article-content .colctrl-4c.default, .magazine-article-content .colctrl-4c.panel.add-to-calendar, .magazine-article-content .cq-colctrl-default.btn.panel, .magazine-article-content .cq-colctrl-default.default, .magazine-article-content .cq-colctrl-default.panel.add-to-calendar, .magazine-content .colctrl-2c-wideleft.btn.panel, .magazine-content .colctrl-2c-wideleft.default, .magazine-content .colctrl-2c-wideleft.panel.add-to-calendar, .magazine-content .colctrl-2c-wideright.btn.panel, .magazine-content .colctrl-2c-wideright.default, .magazine-content .colctrl-2c-wideright.panel.add-to-calendar, .magazine-content .colctrl-2c.btn.panel, .magazine-content .colctrl-2c.default, .magazine-content .colctrl-2c.panel.add-to-calendar, .magazine-content .colctrl-3c.btn.panel, .magazine-content .colctrl-3c.default, .magazine-content .colctrl-3c.panel.add-to-calendar, .magazine-content .colctrl-4c.btn.panel, .magazine-content .colctrl-4c.default, .magazine-content .colctrl-4c.panel.add-to-calendar, .magazine-content .cq-colctrl-default.btn.panel, .magazine-content .cq-colctrl-default.default, .magazine-content .cq-colctrl-default.panel.add-to-calendar {
    background-color: #eaf4f9
}

.magazine-content .filter-options1 .filter {
    border: 1px solid #41547c;
    background-color: #e9eef1
}

.magazine-content .filter-options1 .filter.active {
    background-color: #41547c;
    color: #fff
}

@media(min-width:1400px) {
    .magazine-article-content, .magazine-content, .magazine-content .topcarousel {
        max-width: 100%
    }
}

.magazine-content .topcarousel .carousel .next, .magazine-content .topcarousel .carousel .prev {
    z-index: 1;
    font-size: 8rem;
    color: #fff
}

.magazine-content .topcarousel .carousel h2, .magazine-content .topcarousel .carousel h3 {
    color: #fff;
    text-shadow: .1rem .1rem 0 rgba(0, 0, 0, .75)
}

.magazine-content .topcarousel .carousel .carousel-wrap {
    width: 100%;
    margin-left: 0
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption {
    position: absolute;
    right: 9rem;
    width: 80%;
    height: 60%
}

@media(min-width:100px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption {
        top: 40%
    }
}

@media(min-width:769px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption {
        top: 20%;
        width: 50%
    }
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption h3 {
    font-size: 1.6rem;
    text-align: right
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon {
    box-sizing: border-box;
    width: 100%;
    float: left
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon .icon-content {
    box-sizing: border-box;
    width: 16.66667%;
    float: left;
    float: right
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon h2 {
    box-sizing: border-box;
    width: 58.33333%;
    margin: 0 0 1.5rem;
    text-align: right;
    float: right
}

@media(min-width:100px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon h2 {
        font-size: 2.75rem
    }
}

@media(min-width:769px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon h2 {
        font-size: 3rem
    }
}

@media(min-width:992px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption {
        top: 35%
    }
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption .title-icon h2 {
        font-size: 5rem
    }
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption p {
        top: 35%
    }
}

.magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption p {
    color: #fff;
    text-shadow: .1rem .1rem 0 rgba(0, 0, 0, .75);
    text-align: right;
    padding: 0;
    display: inline-block;
    float: right
}

@media(min-width:100px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption p {
        display: none
    }
}

@media(min-width:769px) {
    .magazine-content .topcarousel .carousel .carousel-wrap li figure figcaption p {
        max-width: 65%;
        font-size: 2.1rem;
        display: block
    }
}

.mfp-wrap .mfp-close {
    font-size: 0;
    padding: .3rem
}

.mfp-wrap .mfp-close:before {
    font-size: 1.8rem
}

.mfp-close {
    font-size: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 2.5rem;
    padding: .3rem;
    opacity: 1
}

.mfp-close:before {
    font-size: 1.8rem
}

.mfp-close:focus, .mfp-close:hover {
    opacity: .9
}

.news-content .news-page .header {
    margin: 0 auto
}

@media(min-width:100px) {
    .news-content .news-page {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .news-content .news-page .header {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media(min-width:769px) {
    .news-content .news-page {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
    .news-content .news-page .header {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

@media(min-width:992px) {
    .news-content .news-page .header {
        padding-left: 15rem;
        padding-right: 15rem
    }
}

.news-content .news-page .header h1 {
    text-align: left;
    padding: 0 1.66666%
}

.news-content .news-page .header .date {
    padding: 0 1.66666% 1rem
}

.news-content .news-page .parsys_column.colctrl-2c, .news-content .news-page .parsys_column.colctrl-2c-wideleft, .news-content .news-page .parsys_column.colctrl-2c-wideright, .news-content .news-page .parsys_column.colctrl-3c, .news-content .news-page .parsys_column.colctrl-4c, .news-content .news-page .parsys_column.colctrl-5c, .news-content .news-page .parsys_column.colctrl-6c, .news-content .news-page .parsys_column.colctrl-7c, .news-content .news-page .parsys_column.cq-colctrl-default-c0 {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

@media(min-width:100px) {
    .news-content .news-page .parsys_column.colctrl-2c, .news-content .news-page .parsys_column.colctrl-2c-wideleft, .news-content .news-page .parsys_column.colctrl-2c-wideright, .news-content .news-page .parsys_column.colctrl-3c, .news-content .news-page .parsys_column.colctrl-4c, .news-content .news-page .parsys_column.colctrl-5c, .news-content .news-page .parsys_column.colctrl-6c, .news-content .news-page .parsys_column.colctrl-7c, .news-content .news-page .parsys_column.cq-colctrl-default-c0 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .content.newsroom-content {
        padding-top: 3rem
    }
}

@media(min-width:769px) {
    .news-content .news-page .parsys_column.colctrl-2c, .news-content .news-page .parsys_column.colctrl-2c-wideleft, .news-content .news-page .parsys_column.colctrl-2c-wideright, .news-content .news-page .parsys_column.colctrl-3c, .news-content .news-page .parsys_column.colctrl-4c, .news-content .news-page .parsys_column.colctrl-5c, .news-content .news-page .parsys_column.colctrl-6c, .news-content .news-page .parsys_column.colctrl-7c, .news-content .news-page .parsys_column.cq-colctrl-default-c0 {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

@media(min-width:992px) {
    .news-content .news-page .parsys_column.colctrl-2c, .news-content .news-page .parsys_column.colctrl-2c-wideleft, .news-content .news-page .parsys_column.colctrl-2c-wideright, .news-content .news-page .parsys_column.colctrl-3c, .news-content .news-page .parsys_column.colctrl-4c, .news-content .news-page .parsys_column.colctrl-5c, .news-content .news-page .parsys_column.colctrl-6c, .news-content .news-page .parsys_column.colctrl-7c, .news-content .news-page .parsys_column.cq-colctrl-default-c0 {
        padding-left: 15rem;
        padding-right: 15rem
    }
}

.news-content .news-page .image .figure-module {
    margin-bottom: 3rem
}

.newsroom-body .navigation-fixed_language, .newsroom-body .navigation-fixed_search {
    display: none
}

body.gray, body.gray>.main-container {
    background-color: #e3e5e7
}

.content.newsroom-content {
    max-width: 100%;
    background-color: #d5eaf4;
    margin-top: 0
}

.mfp-content.inverted, .mfp-content.inverted .panel-content, .mfp-content.inverted .panel-content .colctrl.wrapper>.parsys_column {
    background-color: #3e3e3e
}

@media(min-width:769px) {
    .content.newsroom-content {
        padding-top: 5rem
    }
    .content.newsroom-content .list-search-container .search {
        top: -9rem
    }
}

.content.newsroom-content .search-and-sort {
    width: 100%;
    padding-top: 2rem;
    overflow: visible
}

@media(min-width:100px) {
    .content.newsroom-content .search-and-sort {
        padding-left: 0;
        height: 15rem
    }
    .content.newsroom-content .search-and-sort .list-search-container {
        width: 100%;
        float: left;
        clear: both;
        padding-bottom: 2rem
    }
}

@media(min-width:769px) {
    .content.newsroom-content .search-and-sort {
        padding-left: 20%;
        height: 7.5rem
    }
}

@media(min-width:992px) {
    .content.newsroom-content .search-and-sort {
        padding-left: 30%
    }
}

@media(min-width:769px) {
    .content.newsroom-content .search-and-sort .list-search-container {
        width: 50%;
        clear: none;
        float: right;
        padding-bottom: 2rem
    }
}

.content.newsroom-content .search-and-sort .list-search-container input[type=search]:focus {
    box-shadow: 0 0 0 1px #7db9f6;
    outline: 0
}

@media(min-width:100px) {
    .content.newsroom-content .search-and-sort .sort-options-container {
        width: 100%;
        clear: both;
        padding-left: 0;
        padding-bottom: 2rem;
        float: left
    }
    .news-page h1 {
        text-align: center;
        padding-top: 8rem;
        padding-bottom: 2rem
    }
}

@media(min-width:769px) {
    .content.newsroom-content .search-and-sort .sort-options-container {
        width: 25%;
        clear: none;
        padding-left: 2rem;
        padding-bottom: 2rem;
        float: right
    }
}

.content.newsroom-content .search-and-sort .sort-options-container .selectric-wrapper {
    width: 100%;
    float: left
}

.content.newsroom-content .search-and-sort .sort-options-container:after {
    content: "";
    display: table;
    clear: both
}

.form-error, .mfp-content .cookie-alert, .mfp-content .page-footer, .mfp-content footer {
    display: none
}

.news-page {
    position: relative;
    width: 100%;
    max-width: 110rem;
    margin: 0 auto
}

@media(min-width:769px) {
    .news-page h1 {
        padding-top: 2rem
    }
}

.news-page .button-container {
    margin: 0 3rem
}

.panel-content .page-container {
    margin: 0 auto;
    float: none
}

.panel-content .page-container .section.title>.component-container {
    padding-top: 6rem
}

.mfp-content .page-container.panel-page {
    padding: 0
}

.mfp-content .panel-content {
    padding: 0 10rem 0 7rem
}

.mfp-content .panel-page .colctrl-2c-wideleft, .mfp-content .panel-page .colctrl-2c-wideright, .mfp-content .panel-page .colctrl-3c, .mfp-content .panel-page .colctrl-4c, .mfp-content .panel-page .cq-colctrl-default .colctrl-2c, .mfp-content .panel-page .parsys_column.colctrl-2c, .mfp-content .panel-page .parsys_column.colctrl-2c-wideleft, .mfp-content .panel-page .parsys_column.colctrl-2c-wideright, .mfp-content .panel-page .parsys_column.colctrl-3c, .mfp-content .panel-page .parsys_column.colctrl-4c, .mfp-content .panel-page .parsys_column.colctrl-5c, .mfp-content .panel-page .parsys_column.colctrl-6c, .mfp-content .panel-page .parsys_column.colctrl-7c, .mfp-content .panel-page .parsys_column.cq-colctrl-default-c0 {
    padding-left: 0;
    padding-right: 0
}

.mfp-content .arrow-left {
    width: 0;
    height: 0;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-right: 2rem solid #efefef;
    position: absolute;
    float: left;
    left: -2rem;
    top: 180px
}

.mfp-content .content {
    width: 100%;
    margin-left: 0
}

.mfp-content.inverted, .mfp-content.inverted .text a {
    color: #fff
}

.mfp-content.inverted .panel-content h1, .mfp-content.inverted .panel-content h2, .mfp-content.inverted .panel-content h3, .mfp-content.inverted .panel-content h4, .mfp-content.inverted .panel-content h5 {
    color: #ccc
}

.mfp-content.inverted .panel-content p, .mfp-content.inverted .panel-content ul>li {
    color: #fff
}

.mfp-content.inverted .panel-content .text-content a {
    color: #98dced
}

.mfp-content.inverted .panel-content .figure-module_caption, .mfp-content.inverted .panel-content .figure-module_information, .mfp-content.inverted .panel-content .figure-module_reference {
    color: #fff !important
}

.mfp-content.inverted .panel-content .colctrl.wrapper tr:nth-child(odd), .mfp-content.inverted .panel-content .table tr:first-child {
    color: #fff
}

.mfp-content.inverted .panel-content .table tr {
    border-bottom: 0
}

.mfp-content.inverted .panel-content .colctrl.wrapper tr:nth-child(even) {
    background-color: #525252;
    color: #fff
}

.section .parsys_column, .section .text {
    max-width: 140rem;
    margin: 0 auto
}

.section .bannerinline-container {
    max-width: 100%
}

@media(min-width:769px) {
    .ie .navigation-list.show-subtree .selected-subtree.closing>ul {
        transform: rotateY(90deg)
    }
}

@media(min-width:992px) {}

.news-page .text-content ol li, .news-page .text-content ul li, .page-container .text-content ol li, .page-container .text-content ul li {
    padding-bottom: 0
}

ul {
    list-style: disc
}

ol {
    list-style-type: decimal;
    padding-left: 2.5rem
}

.news-page .text-content ul, .page-container .text-content ul {
    margin: 0;
    list-style-type: none
}

.news-page .text-content ul li:before, .page-container .text-content ul li:before {
    content: '\2022';
    font-size: 3.6rem;
    vertical-align: sub;
    padding-right: 1rem;
    margin-left: -2.5rem
}

.news-page .text-content ol, .page-container .text-content ol {
    margin: 0
}

button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    line-height: normal;
    -moz-user-select: text
}

.navigation-list.show-subtree li, .navigation-list>li, ul.navigation-list ul.navigation-list-subtree li {
    border-bottom: 0
}

body[data-whatinput=mouse] button:focus, body[data-whatinput=touch] button:focus {
    outline: 0
}

[data-namespace=s7viewers].s7container[mode=fullscreen] {
    position: absolute !important
}

.ie ul.navigation-list {
    perspective: none
}

body.show-menu {
    width: 100%;
    overflow: hidden
}

@media(min-width:769px) {
    .topnav {
        position: relative;
        background-color: #fff;
        z-index: 100
    }
}

.main-navigation {
    background-color: #fff;
    font-weight: 500;
    z-index: 100
}

.main-navigation b, .main-navigation strong {
    font-weight: 700
}

.main-navigation .selected-subtree:hover>.navigation-list-item, .main-navigation .selected-subtree>.navigation-list-item {
    background-color: #E3F4ED;
    border-radius: 10px;
}

@media(min-width:100px) {
    .main-navigation {
        box-sizing: border-box;
        width: 100%;
        float: left;
        position: fixed;
        padding: 0
    }
}

@media(min-width:769px) {
    .main-navigation.expand-menu, .main-navigation.expand-menu .navigation-list {
        width: 28rem
    }
    .main-navigation.expand-menu .navigation-list .navigation-list-link {
        display: -ms-flexbox;
        display: flex
    }
    .main-navigation.expand-menu .navigation-list .navigation-list-arrow {
        display: -ms-flexbox;
        display: flex;
        cursor: pointer
    }
    .main-navigation.expand-menu .navigation-header {
        padding-top: 2rem;
        width: 30rem;
        height: 15.5rem
    }
    .main-navigation.expand-menu .navigation-header .expand-menu-button {
        display: block;
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0
    }
    .main-navigation.expand-menu .navigation-header .expand-menu-button .fa:before {
        content: "Ã¯â€žâ€ž"
    }
}

@media(min-width:769px) and (min-width:1200px) {
    .main-navigation.expand-menu .navigation-header .expand-menu-button {
        display: none
    }
}

@media(min-width:769px) {
    .main-navigation.expand-menu .navigation-header .add-to-calendar, .main-navigation.expand-menu .navigation-header .medium {
        display: none
    }
    .main-navigation.expand-menu .navigation-header .btn.panel, .main-navigation.expand-menu .navigation-header .default, .main-navigation.expand-menu .navigation-header .panel.add-to-calendar {
        display: inline
    }
}

@media(min-width:1200px) {
    .ie .navigation-list .navigation-list-subtree {
        transition: all .5s ease-in;
    }
    .main-navigation {
        width: 28rem;
        height: 100vh;
    }
    .main-navigation .main-logo {
        padding: 1.5rem
    }
    .main-navigation:not(.expand-menu) .navigation-list.show-subtree .opening>ul, .main-navigation:not(.expand-menu) .navigation-list.show-subtree .selected-subtree>ul {
        display: block
    }
    .main-navigation.expand-menu, .main-navigation.expand-menu .navigation-list {
        width: 28rem
    }
    .main-navigation.expand-menu .navigation-list .navigation-list-link {
        display: -ms-flexbox;
        display: flex
    }
    .main-navigation.expand-menu .navigation-list .navigation-list-arrow {
        display: -ms-flexbox;
        display: flex;
        cursor: pointer
    }
    .main-navigation.expand-menu .navigation-header {
        padding-top: 2rem;
        width: 28rem;
        height: 15.5rem
    }
    .main-navigation.expand-menu .navigation-header .expand-menu-button {
        display: block;
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0
    }
    .main-navigation.expand-menu .navigation-header .expand-menu-button .fa:before {
        content: "Ã¯â€žâ€ž"
    }
}

@media(min-width:1200px) and (min-width:1200px) {
    .main-navigation.expand-menu .navigation-header .expand-menu-button {
        display: none
    }
}

@media(min-width:1200px) {
    .main-navigation.expand-menu .navigation-header .add-to-calendar, .main-navigation.expand-menu .navigation-header .medium {
        display: none
    }
    .main-navigation.expand-menu .navigation-header .btn.panel, .main-navigation.expand-menu .navigation-header .default, .main-navigation.expand-menu .navigation-header .panel.add-to-calendar {
        display: inline
    }
}

.main-navigation .hide {
    display: none
}

.navigation-header {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: #f0f5f7;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 80px
}

.navigation-header img {
    height: 5rem
}

@media(min-width:100px) {
    .navigation-header img.add-to-calendar, .navigation-header img.medium {
        display: none
    }
    .navigation-header img.btn.panel, .navigation-header img.default, .navigation-header img.panel.add-to-calendar {
        display: inline
    }
}

@media(min-width:769px) {
    .navigation-header img.btn.panel, .navigation-header img.default, .navigation-header img.panel.add-to-calendar {
        display: inline
    }
    ul.navigation-list ul.navigation-list-subtree li {
        border-left: 0
    }
}

@media(min-width:1200px) {
.navigation-header {
	min-height:180px !important;
}
    .navigation-header img {
        width: 50%;
        height: auto
    }
    .navigation-header img.add-to-calendar, .navigation-header img.medium {
        display: none
    }
    .navigation-header img.btn.panel, .navigation-header img.default, .navigation-header img.panel.add-to-calendar {
        display: inline;
        width: 100%
    }
    .navigation-header img.wide-logo {
        margin: 15px 10px;
        width: 90%
    }
}

.navigation-header .expand-menu-button {
    color: #bbbbba;
    cursor: pointer
}

.navigation-header .expand-menu-button:hover {
    color: #005ca0
}

@media(min-width:100px) {
    .navigation-header {
        border-bottom: 0
    }
    .navigation-header .expand-menu-button {
        display: none;
        width: 5rem;
        height: 5rem;
        line-height: 4rem;
        font-size: 2.5rem
    }
}

@media(min-width:1200px) {
ul.navigation-list{
	border-top:0!important
}
    .navigation-header {
        width: 28rem;
        padding-top: 0;
        /*height: 13.9rem;*/
        background-color: #fff;
                height: 9rem;
                    border-right: 1px solid #eee;

    }
  
    .sticky-top-header {
       /* height: 13.9rem;*/
        background-color: #fff;
        transition: all 0.5s ease;
                position: fixed;
    width: calc(100% - 17px);
    left: 0;
    z-index: 11;
    height: 5rem;

    }
    .sticky {
        position: fixed;
       /** top: 0;**/
         width: calc(100% - 17px);
        left: 0;
        z-index: 11;
        height: 5rem;
    }
    .sticky-header {
        height: 9rem;
        min-height: auto;
        padding: 0;
        transition: all 0.5s ease;
    }
    
    .sticky+.sliderBG {
        padding-top: 12.5rem;
    }
    .top-links a {
        color: #005ca0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: normal;
    }
    .navigation-header .expand-menu-button, .navigation-header .menu-button {
        display: none
    }
    .navigation-header img {
        width: auto;
       /* max-width: 90%;*/
               width: 70%;

    }
    .sticky-header img {
        width: 70%;
    }
    .sticky-header .main-logo,.main-navigation .main-logo  {
        padding: 0.5rem
    }
    .sliderBG{
	padding-top:5rem
}
  .no-banner-content-header{
	    padding-top: 5rem!important;

}
}

@media(max-width:1199px) {
#ms-designer-ribbon{
	display:none
}
.top-links{
	padding:0
}
    .sticky-top-header {
       /** display: none!important;**/
       padding:8px 0;
      justify-content: center!important;
    background: #fff;
    position: fixed;
    top: 57px;
    z-index: 1000;
    width: 100%;    }
    .sticky-top-header > .d-flex.px-0{
	display:none!important
}
.top-links{
	
}
.top-links a{
	    color: #045b9b;
	    font-size: 1.4rem;
}
}

.navigation-header .menu-button {
    position: absolute;
    left: 10px;
    top: 8px
}

ul.navigation-list {
    padding: 0;
    background-color: #fff;
    perspective: 40rem;
    padding-top: 1.5rem;
}

@media(min-width:100px) {
    .navigation-header .menu-button {
    background-color:transparent;
        width: 5rem;
        height: 6.5rem;
        line-height: 6.5rem;
        cursor: pointer;
        text-decoration: none;
        color: #045b9b;
        font-size: 0
    }
    .navigation-header .menu-button:before {
        font-size: 2rem
    }
    ul.navigation-list {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100vh - 5rem)
    }
    ul.navigation-list ul.navigation-list-subtree {
        padding: 0
    }
}

ul.navigation-list:after {
    content: "";
    display: block;
    width: 100%;
    height: 20rem;
    background-color: #f0f4f7
}

ul.navigation-list.show-subtree:after {
    float: left
}

@media(min-width:1200px) {
    ul.navigation-list {
        overflow-y: visible;
        padding-right: 1rem;
        border-right: 1px solid #eee;
    }
    ul.navigation-list:after {
        display: none
    }
    ul.navigation-list ul.navigation-list-subtree {
        height: calc(100vh - 9rem);
        overflow-y: auto;
        position: absolute;
        top: 5rem;
        padding-top: 1rem;
    }
}

.navigation-list {
    position: relative;
    margin: 0;
    padding: 0
}

@media(min-width:100px) {
    .navigation-list {
        display: none;
        box-sizing: border-box;
        width: 100%;
        float: left
    }
    .navigation-list.show-subtree .selected-subtree.closing>ul {
        opacity: 1
    }
    .navigation-list.show-subtree .selected-subtree>ul {
        opacity: 1;
        display: block;
        overflow: hidden
    }
}

@media(min-width:1200px) {
    .navigation-list {
        display: block;
        width: 28rem
    }
    .navigation-list.show-subtree>li>.navigation-list-item {
        display: -ms-flexbox;
        display: flex
    }
    .navigation-list.show-subtree .selected-subtree.closing>ul {
        opacity: 1;
        transition: all .5s ease-out;
    }
    .navigation-list.show-subtree .selected-subtree.instant>ul {
        transform: none;
        transition: none
    }
    .navigation-list.show-subtree .selected-subtree>ul {
        opacity: 1;
        display: block;
        transition: all .5s ease-out;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden
    }
}

.navigation-list .navigation-list-arrow {
    cursor: pointer;
    border-radius: 0 5rem 5rem 0
}

.navigation-list.show-subtree li.selected-subtree>div .navigation-list-link {
    color: #005ca0
}

.navigation-list.show-subtree li.current-page>div .navigation-list-link {
    color: #fff
}

.navigation-list.show-subtree li.current-page>div .navigation-list-link.sublink, .navigation-list>li>.navigation-list-item.no-subtree:hover .navigation-list-link, .navigation-list>li>.navigation-list-item.no-subtree:hover .navigation-list-link .icon:before, .navigation-list>li>.navigation-list-item:hover .navigation-list-link, .navigation-list>li>.navigation-list-item:hover .navigation-list-link .icon:before {
    color: #005ca0
}

.navigation-list li {
    display: block;
    padding: 0;
    color: #66737e;
    background-color: #fff;
    transition: all .1s ease-in;
    /*  border-bottom: 1px solid #d8e2ea;*/
}

.navigation-list li.only-mobile {
    background-color: #fff2f5
}

@media(min-width:1200px) {
    .navigation-list li.only-mobile {
        display: none
    }
}

@media(min-width:100px) {
    .navigation-list li.current-page>.navigation-list-item:hover .navigation-list-link {
        color: #fff
    }
    .navigation-list li.current-page>.navigation-list-item:hover .navigation-list-link .icon:before {
        color: #005ca0
    }
    .navigation-list li.current-page>div .navigation-list-link:not(.sublink) {
        background-color: #cce3e3;
        color: #005ca0
    }
    .navigation-list li.current-page>div .navigation-list-arrow {
        background-color: #cce3e3
    }
    .navigation-list li.current-page>div .navigation-list-arrow .icon:before {
        color: #fff
    }
    .navigation-list li.current-page .current-page {
        background: #f4f5f6
    }
    .navigation-list li.current-page.partner>div .navigation-list-link, .navigation-list li.current-page.partner>div.no-subtree .navigation-list-link, .navigation-list li.current-page.partner>div.no-subtree .navigation-list-link .icon:before {
        color: #fff
    }
    .navigation-list li.current-page.partner>div .navigation-list-arrow {
        color: #fff;
        cursor: pointer
    }
    .navigation-list li.current-page.partner>div .navigation-list-arrow .icon:before {
        color: #fff
    }
    .navigation-list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 5rem;
        padding: 0.5rem 0;
        /* height: 5rem */
    }
}

@media(min-width:769px) {
    .navigation-list.show-subtree>li {
        border-bottom: 0
    }
    .navigation-list li.current-page>div .navigation-list-arrow {
        background-color: #cce3e3;
        cursor: pointer;
        border-radius: 0 5rem 5rem 0;
    }
}

@media(min-width:100px) {
    .navigation-list-arrow, .navigation-list-back, .navigation-list-link, .navigation-list-thumb {
        -ms-flex-order: 0;
        order: 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .navigation-list-back, .navigation-list-thumb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-width: 5rem;
        text-align: center;
        text-decoration: none;
        -ms-flex-item-align: center;
        align-self: center;
        line-height: 1.8rem;
        font-size: 1.6rem
    }
    .navigation-list-back .icon, .navigation-list-thumb .icon {
        font-size: 0;
        margin: 0 auto;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .navigation-list-back .icon:before, .navigation-list-thumb .icon:before {
        font-size: 3rem;
        color: #66737e
    }
    .navigation-list-link {
        padding: 0 1rem
    }
}

.navigation-list-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-decoration: none;
    line-height: 1.8rem;
    font-size: 2rem;
    color: #005ca0;
    font-weight: normal;
}

.navigation-list-link:visited {
    color: #005ca0
}

@media(min-width:1200px) {
    .navigation-list-link {
        display: -ms-flexbox;
        display: flex;
        padding: 0 2rem
    }
}

.navigation-list-link.header .link-text {
    font-size: 2.1rem
}

.navigation-list-link .link-text {
    font-size: 1.5rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    line-height: 1.5;
}

.navigation-list-link .link-text img {
    display: none
}

.navigation-list-link .link-text .arrow-sectionpage-container {
    display: inline-block;
    width: 1px
}

.navigation-list-link .link-text .arrow-sectionpage-link {
    height: 10px;
    width: 16px;
    padding: 8px;
    font-size: 1rem
}

@media(min-width:1200px) {
    .navigation-list-link .link-text img {
        display: inline-block;
        margin-left: 8px
    }
    .has-third-level {
        /* position: absolute; */
    }
    .has-third-level-parent {
        overflow: initial!important;
    }
    .third-level {
        left: 28rem!important;
        top: 4.9rem!important;
        position: absolute!important;
        opacity: 1!important;
        
        /* background-color: red!important; */
    }
    html[dir="rtl"] .third-level {
    	left: auto !important;
        right: 28rem!important;
        }

    .third-level .navigation-list-link .link-text {
        font-size: 1.6rem;
    }
}

@media(min-width:100px) {
    .navigation-list-link.sublink {
        /*   -ms-flex-order: 1;
        order: 1 */
    }
    .navigation-list-arrow {
        display: none
    }
}

@media(min-width:992px) {
    .navigation-list-arrow {
        display: none
    }
}

@media(min-width:1200px) {
    .navigation-list-arrow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        cursor: pointer;
        /*min-width: 8rem;*/
    }
    .navigation-list-arrow .icon {
        text-align: center;
        /*-ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;*/
        min-width: 5rem;
        background: url("../imgs/menu-arrow-level2.svg") no-repeat center center;
        background-size: 8px;
    }
    .current-page .navigation-list-arrow .icon {
        background: url("../imgs/menu-arrow-level2.svg") no-repeat center center;
        background-size: 30%;
    }
    .navigation-list-arrow .icon:before {
        color: #66737e;
        font-size: 2.5rem
    }
    .navigation-list-arrow:hover .icon:before {
        color: #005ca0
    }
}

@media(min-width:1200px) and (min-width:1200px) {
    .navigation-list-arrow:hover .icon:before {
        color: #66737e
    }
}

.navigation-list-arrow-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.navigation-list-arrow-mobile .icon {
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    min-width: 5rem;
    /* font-family: Arial, 'Helvetica Neue', sans-serif; */
    font-family: 'Open Sans', sans-serif;
}

.navigation-list-arrow-mobile .icon:before {
    color: #66737e;
    font-size: 2.5rem;
    content: "+"
}

.selected-subtree .navigation-list-arrow-mobile .icon:before {
    content: "-"
}

.current-page .navigation-list-arrow-mobile {
    background-color: #cce3e3
}

.current-page .navigation-list-arrow-mobile .icon:before {
    color: #fff
}

@media(min-width:1200px) {
    .navigation-list-arrow-mobile {
        display: none
    }
}

.navigation-list-subtree {
    margin: 0
}

@media(min-width:100px) {
    .navigation-list-subtree {
        display: none;
        background-color: #fff
    }
    .navigation-list-subtree .navigation-list-back {
        display: none;
        padding-left: 0;
        cursor: pointer
    }
    .navigation-list-subtree .navigation-list-back .icon:before {
        color: #005ca0
    }
    .navigation-list-subtree li .navigation-list-link {
        color: #005ca0
    }
    .navigation-list-subtree li .navigation-list-link:hover {
        color: #005ca0
    }
    .navigation-list-subtree.partner li .navigation-list-back .icon:before {
        color: #fff
    }
    .navigation-list-subtree li {
        background-color: transparent
    }
    .navigation-list-subtree li.current-page>div .navigation-list-link {
        color: #005ca0
    }
    .navigation-list-subtree li:first-child>.navigation-list-item>.navigation-list-back {
        display: -ms-flexbox;
        display: flex
    }
    .navigation-list-subtree li:first-child>.navigation-list-item>.navigation-list-link {
        margin-left: 0
    }
}

.navigation-list-subtree .navigation-list-thumb {
    display: none;
    background-color: #fff;
    border-bottom: 0;
    padding-left: 0
}

.navigation-list-subtree .navigation-list-thumb .thumb-image-container {
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
    margin: .25rem
}

.navigation-list-subtree .navigation-list-thumb img {
    position: relative;
    left: -.65rem;
    width: 6.3rem;
    height: 4.5rem
}

.navigation-list-subtree li {
    min-height: 5rem;
    min-width: 28rem
}

@media(min-width:1200px) {
    .navigation-list-subtree {
        border: 1px solid rgba(36, 55, 70, .3);
        opacity: 0;
        position: absolute;
        margin-top: -5rem;
        left: 24rem;
        transition: all .5s ease-in;
        transform-origin: 0 0;
        /* transform: rotateY(73deg) */
    }
    html[dir="rtl"] .navigation-list-subtree {
    left: auto;
	right: 24rem;
    }
    .navigation-list-subtree .navigation-list-thumb {
        display: -ms-flexbox;
        display: flex
    }
    .navigation-list-subtree li {
        opacity: 1 !important;
        background-color: transparent
    }
    .navigation-list-subtree li .navigation-list-item>.navigation-list-link {
        margin-left: 0
    }
    .navigation-list-subtree li .navigation-list-link {
        color: #005ca0;
        margin-left: 5rem
    }
    .navigation-list-subtree li .navigation-list-link:hover, .navigation-list-subtree li.current-page>div .navigation-list-link {
        color: #005ca0
    }
    .navigation-list-subtree {
        display: none
    }
}

.navigation-list-subtree a.sublink {
    padding-left: 3rem
}

.navigation-list-subtree a {
    line-height: 2rem;
    padding-left: 3rem
}

@media(max-width:1200px) {
    .main-menu-list-item>.navigation-list-item .navigation-list-link {
        font-size: 1.8rem
    }
    .navigation-list-arrow .icon {
        /* font-family: Arial, 'Helvetica Neue', sans-serif; */
        font-family: 'Open Sans', sans-serif;
    }
    .navigation-list-arrow .icon:before {
        content: "+"
    }
    .selected-subtree .navigation-list-arrow .icon:before {
        content: "-"
    }
    .navigation-header{
	background-color:#fff
}
}

.search-and-language-wrapper {
    display: -ms-flexbox;
    display: flex;
    float: right
}

@media(min-width:100px) {
    .search-and-language-wrapper .language-button {
        display: block;
        position: fixed;
        background-color: #fff;
        border: 1px solid #005c9b;
        color: #005c9b;
        font-size: 0;
        text-decoration: none;
        right: 5rem;
        top: 2.5rem;
        padding: 5px;
        line-height: 1.2;
    }
    .search-and-language-wrapper .language-button:before {
        /* font-family: Arial, 'Helvetica Neue', sans-serif; */
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        text-transform: none;
        font-size: 1.7rem;
        content: attr(data-lang)
    }
    .search-and-language-wrapper .language-button:before b, .search-and-language-wrapper .language-button:before strong {
        font-weight: 700
    }
}

@media(min-width:1200px) {
    .search-and-language-wrapper .language-button {
        display: none
    }
}

@media(min-width:100px) {
    .search-and-language-wrapper .search-button {
        display: block;
        position: fixed;
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #005c9b;
        text-align: center;
        color: #005c9b;
        text-decoration: none;
        font-size: 0;
        right: 1rem;
        top: 2.5rem;
        padding: 5px;
    }
    .search-and-language-wrapper .search-button:before {
        font-size: 2rem
    }
    .search-and-language-wrapper .moveRight {
        right: 1rem
    }
}

.search-btn-wrapper .language-button--desktop, .search-btn-wrapper .site-switch-button {
    font-size: 1.6rem;
    height: auto;
    line-height: 1.8rem;
    padding: .5rem 1.5rem;
    color: #333;
    transition: background-color .2s;
    margin-left: 1rem;
    font-weight: 500;
    text-decoration: none
}

@media(min-width:1200px) {
    .search-and-language-wrapper .search-button {
        display: none
    }
}

.search-btn-wrapper {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 4rem;
    right: 4rem
}

@media(min-width:0) and (max-width:992px) {
    .search-btn-wrapper {
        display: none!important
    }
}

.search-btn-wrapper .site-switch-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #cce3e3;
    background-color: #fff
}

.search-btn-wrapper .site-switch-button:focus, .search-btn-wrapper .site-switch-button:hover {
    background-color: #fff2f5
}

.search-btn-wrapper .language-button--desktop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #cce3e3;
    background-color: #fff
}

.search-btn-wrapper .language-button--desktop:focus, .search-btn-wrapper .language-button--desktop:hover {
    background-color: #fff2f5
}

.search-btn-wrapper .search-button--desktop {
    margin-left: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cce3e3;
    color: #cce3e3;
    text-decoration: none;
    font-size: 0
}

.search-btn-wrapper .search-button--desktop:before {
    font-size: 2rem
}

.search-btn-wrapper #navigation-fixed_search {
    position: fixed;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #cce3e3;
    text-align: center;
    right: 4rem;
    top: 4rem;
    color: #cce3e3;
    font-size: 0;
    padding-top: 0
}

.search-btn-wrapper #navigation-fixed_language, .search-btn-wrapper #navigation-fixed_sites {
    position: fixed;
    width: 4rem;
    height: 4rem;
    right: 4rem;
    top: 10rem;
    color: #005ca0;
    background-color: #fff
}

.search-btn-wrapper #navigation-fixed_search:before {
    font-size: 2rem
}

.search-btn-wrapper #navigation-fixed_language {
    border-radius: 3px;
    border: 1px solid #cce3e3;
    font-size: 0
}

.search-btn-wrapper #navigation-fixed_language:before {
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-transform: none;
    content: attr(data-lang)
}

.search-btn-wrapper #navigation-fixed_language:before b, .search-btn-wrapper #navigation-fixed_language:before strong {
    font-weight: 700
}

.search-btn-wrapper #navigation-fixed_sites {
    display: block;
    border-radius: 3px;
    border: 1px solid #cce3e3;
    font-size: 0
}

.image, .image .figure-module .figure-module_image, .image .figure-module img {
    width: 100%
}

.search-btn-wrapper #navigation-fixed_sites:before {
    font-weight: 500;
    font-size: 2rem;
    text-decoration: none;
    text-transform: none
}

.search-btn-wrapper #navigation-fixed_sites:before b, .search-btn-wrapper #navigation-fixed_sites:before strong {
    font-weight: 700
}

.search-btn-wrapper #navigation-fixed_language, .search-btn-wrapper #navigation-fixed_search {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media(min-width:1200px) {
    .search-btn-wrapper #navigation-fixed_language, .search-btn-wrapper #navigation-fixed_search {
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width:1200px) {
    .main-navigation .selected-subtree:hover>.navigation-list-item, .main-navigation .selected-subtree>.navigation-list-item {
        border-radius: 0;
    }
}

/* Rakesh Styles */
.embed-responsive-8by3{
   padding-bottom: 37.5%;
}

.breadcrumb-section {position: relative; background-color: #FFF; box-shadow: 0 9px 12px 0 rgba(4, 91, 155, 0.07);}
.breadcrumb-section .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 1rem 0;}
.breadcrumb-section h2 {font-size: 3rem; font-weight: normal; margin: 0 0.5rem;
    padding-top: 1.5rem;}
.breadcrumb-section .breadcrumb {background: none; padding: 2rem 0; margin: 0 0.5rem;}
.breadcrumb-section, .breadcrumb-section a {color: #494949;}
.breadcrumb-section  .overlay, .breadcrumb-section  .overlay a {color: #FFF;}
.breadcrumb-section a:hover, .highlightBar a:hover {text-decoration: underline;}
.breadcrumb-section .bi {display: inline-block; margin-left: 0.5rem; margin-right: 0.5rem;}
.breadcrumb-section .bi-chevron-right::before {font-weight: bold !important;}
.breadcrumb-img {object-fit: cover;}

.media-tabs .nav-tabs {border-bottom: solid 1px #045b9b; margin-bottom: 2rem;}
.media-tabs .nav-tabs .nav-item {margin-bottom: -2px; padding-left: 2rem; padding-right: 2rem;}
.media-tabs .nav-tabs .nav-link {color: #045b9b; font-size: 1.5rem; font-weight: 500; border: 0; border-radius: 0;border-bottom: solid 3px transparent; padding: 1rem 0; 
}
.media-tabs .nav-tabs .nav-item.show .nav-link, .media-tabs .nav-tabs .nav-link.active {
    background: transparent; border: 0; border-bottom: solid 3px #3eb48a;
}

.coc-section {padding: 3rem 0;}
/** added by tawbi on 14 May 2021 **/
.coc-section {padding-top: 0rem!important;}
.section-heading, .section-content, .highlightBar {padding: 0  0.5rem;}
.section-content .section-heading, .section-content .highlightBar {padding: 0;}
.section-heading h3 {color: #045b9b; font-size: 2.5rem; margin-bottom: 1rem; font-weight: normal;}
.section-content { padding-bottom: 1rem;}
.section-content p {color: #494949; font-size: 1.6rem; line-height: 1.6;}
.section-actions { display:flex; justify-content: flex-end; padding: 1rem 0.5rem; margin-bottom: 2rem;}
.section-actions .more-button {font-size: 1.15rem; border-radius: 0.5rem; min-width: 12rem;}

.highlightBar {background: #37b08c; color: #FFF; margin: 1.5rem 0; }
.highlightBar a {display: inline-block; padding: 1rem 0; color: #FFF; /*font-size: 1.15rem;*/}
.coc-block {margin: 3rem 0; position: relative; z-index: 1; border-bottom: 2px solid #00456b;}
.coc-block h4, .faq-body h4 {text-transform: uppercase; font-size: 2rem; margin: 3rem 0 1.5rem 0; font-weight: 500; color: #045b9b;}
.coc-block:nth-child(1) {border-color: #00456b;}
.coc-block:nth-child(1) h4 {color: #00456b;}
.coc-block:nth-child(2) {border-color: #37b08c;}
.coc-block:nth-child(2) h4 {color: #37b08c;}
.coc-block:nth-child(3) {border-color: #0086cf;}
.coc-block:nth-child(3) h4 {color: #0086cf;}
.coc-block:nth-child(4) {border-color: #23725a;}
.coc-block:nth-child(4) h4 {color: #23725a;}
.coc-block:nth-child(5) {border-color: #494949;}
.coc-block:nth-child(5) h4 {color: #494949;}
.coc-block p {color: #737374; line-height: 1.75;}
.coc-block-img {display: flex;}
.coc-block-img img {margin-bottom: -2px; border-radius: 4rem; flex: 1; object-fit: cover;}
.faq-body .coc-block-img img, .faq-block, .news-block, .history-list-item img, .project-img, .rlesc-block .media {border-radius: 0 2rem 2rem 2rem;}
.coc-block:nth-child(odd) .coc-block-img img {border-top-left-radius: 0;}
.coc-block:nth-child(even) .coc-block-img img {border-bottom-left-radius: 0px;}
.coc-block-content {position: relative; z-index: 1; padding-bottom: 4rem;}
.link-arrow {    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5rem 5rem;
    border-color: transparent transparent #c2d8e7 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 15px;
    margin-bottom: 0;
}
.link-arrow:hover {border-bottom-color: #045ba1;}
.link-arrow i {position: absolute;
    left: -2.25rem;
    top: 2.75rem;
    font-size: 1.5rem; color: #FFF;
}

.projects-block {padding-bottom: 1rem; margin-bottom: 1rem;}
.projects-block p {color: #333; }
.projects-block .section-heading {margin-bottom: 2rem;}
.project-img {margin-bottom: 1rem;}

.faq-row {    margin: 1.5rem 0;}
.faq-head {border: 1px solid #c2d8e7; background-color: #FFF; padding: 1rem; color: #737374; border-radius: 0.75rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 1.25rem;} 
.faq-head h3, .rlesc-block .media h4 {font-size: 1.75rem; margin: 0; font-weight: 500; color: #00456b;}
.faq-head i { color: #cce1e3; font-size: 1.75rem;}
.faq-head[aria-expanded="true"] i {transform: rotateZ(90deg); transition: all 1s;}

.faq-body {margin: 0;}
.faq-body h4 {font-size: 1.5rem;  font-weight: 500; margin: 0.5rem 0; text-transform: none;}
.faq-body p {color: #737374; font-size: 1rem;}
.faq-body a:hover {text-decoration: underline;}
.faq-body .coc-block-content {padding: 1rem 1.5rem;
-ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.faq-block, .news-block {border: 1px solid transparent; transition: all 300ms; margin: 1rem 0;}
.faq-block {background-image: linear-gradient(to right, #ffffff, #f0f4f7 99%); }
.news-block {background-image: linear-gradient(to bottom, #ffffff, #f0f4f7 99%); 
    display: flex;
    flex-direction: column;}
.news-date {margin: 0.5rem 0 1rem 0; display: flex; align-items: center;}
.news-date img {max-height: 1.5rem;}
.news-date span {margin: 0 0.5rem; color: #5f5f5f; font-size: 1.1rem;}

.faq-block:hover, .news-block:hover {border-color: #c2d8e7; background-image: linear-gradient(to right, #ffffff, #ffffff 99%);}

.faq-text {    background-image: linear-gradient(to bottom, #ffffff, #f0f4f7 20%); padding: 1.5rem 1rem 0.5rem 1rem; }
.faq-text p {font-size: 1.2rem; color: #737374; }

.faq-body .link-arrow {margin: -1px;}



.history-block {position: relative; }
.history-block .swiper-container { margin-left: 4.5rem; margin-right: 4.5rem; padding-top: 3rem; padding-bottom: 3rem;}
.swiper-button-next, [dir="rtl"] .swiper-button-prev {right: 0; left: auto;}
.swiper-button-prev, [dir="rtl"] .swiper-button-next {left: 0px; right: auto;}
.swiper-button-prev:after, [dir="rtl"] .swiper-button-next:after { content: 'prev';}
.swiper-button-next:after, [dir="rtl"] .swiper-button-prev:after { content: 'next';}

.swiper-button-next, .swiper-button-prev {width: 4rem; height: 4rem; border-radius: 50%; text-align: center; border: 1px solid #c2d8e7; background-color: #FFF;}
.swiper-button-prev:after, .swiper-button-next:after {font-size: 2rem; font-weight: bold;}

.history-list-item {position: relative; display: flex; text-align: center; justify-content: center;}
.history-list-item img {object-fit: cover;}
.history-list-content { background-image: linear-gradient(to bottom, rgb(255 255 255 / 90%) 10%, rgb(240 244 247 / 90%)); color: #045b9b; font-size: 1.25rem; position: absolute; bottom: 1rem; margin: 1rem; left: auto; right: auto; padding: 0.75rem; border-radius: 2rem; width: calc(100% - 2rem);}

.paging {margin: 2rem 0; }
.paging .pagination {flex-wrap: wrap;}
.paging-item {display: inline-block; padding: 0.5rem; }
.paging-link, .rlesc-contactIcon {display: flex; align-items: center; justify-content: center; padding: 0.5rem;  color: #045b9b; font-weight: 500; background-color: #FFF; border: 1px solid #c2d8e7;font-size: 1.5rem; width: 3.5rem; height: 3.5rem; text-align: center; border-radius: 50%;}
.paging-item:first-child .paging-link, .paging-item:last-child .paging-link {font-size: 2.25rem; width: 5rem; height: 5rem; margin-left: 1rem; margin-right: 1rem;}
.paging-item .paging-link:hover, .paging-item .paging-link:focus,
.paging-item.active .paging-link, .paging-item .paging-link.active {background-color: #c2d8e7; color: #494949;}
.paging-item.disabled .paging-link, .paging-item .paging-link.disabled {
    color: #cce1e3;
    pointer-events: none;
    cursor: auto;
    border-color: #cce1e3;
}
.roundImgContainer {width: 10rem; height: 10rem; border-radius: 50%; border: 2px solid #c2d8e7; margin-right: 1.5rem;}
.media-body .section-content {
    padding-bottom: 0;
}
.rlesc-block {padding: 1rem 0; margin: 1rem 0; }
.rlesc-block .media {border: solid 1px #c2d8e7;  background-color: #ffffff; padding: 1rem; margin-top: 1.5rem; margin-bottom:2.5rem; flex-flow: wrap; overflow: hidden;}
.rlesc-block .media-footer {flex: 100%;
    background: #fbfcfd;
    margin: -1rem;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    border-top: solid 1px #c2d8e7;
}
.rlesc-block .media h4 {color: #045b9b; font-weight: 500;}
.rlesc-block .media h5, .adress-block h4 {color: #045b9b; font-size: 1.5rem;}
.rlesc-block .media-footer h5 {color: #3eb48a;}
.rlesc-block .media-footer p {font-size: 1.2rem;}
.media-footer .card {border: 0; background: 0; border-radius: 0; margin: 1rem; margin-top: 2rem; text-align: center;}
.media-footer .card-img-top {max-height: 6rem; margin: auto;}
.media-footer .card h5 {color: #045b9b;}
.media-footer .card .card-body, .adress-block {border: solid 1px #c2d8e7; border-radius: 0 1rem 1rem 1rem; margin-top: 1rem;}

.rlesc-contactInfo {margin: 0; padding: 0; list-style: none;}
.rlesc-contactInfo li {display: inline-flex; align-items: center;}
.section-content .rlesc-contactInfo li { padding-left: 0;}
.section-content .rlesc-contactInfo li:before {display: none; content: '';}
.rlesc-contactIcon {    
    color: #045b9b;  
    font-size: 1.25rem;
    width: 3rem;
    height: 3rem;}
 .rlesc-contactText{
	direction:ltr
}   
.rlesc-contactText, .adress-block p, .adress-block p a, 
.adress-block h5 {font-size: 1.25rem; color: #737374; font-weight: 500; padding: 0.5rem;}
.mapEmbed {margin: 1rem 0;}
.adress-block h4 {font-size: 1.53rem;}
.adress-block h5, .adress-block h5 a {color: #3eb48a;  padding: 0; padding-top: 0.5rem;}
.adress-block {padding: 1rem; background: #f0f4f7; border-color: #f0f4f7; margin: 1rem 0;}
.adress-block p {margin-bottom: 0.5rem; padding: 0}
 .adress-block p a {text-decoration: underline; padding: 0}

.section-content ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}
.section-content li {
    padding-left: 3rem;
    margin: 0.5rem 0;
    color: #494949;
    font-size: 1.2rem;
    line-height: 1.5;
}
/**.section-content li:before {
  content: "\F111";   font-family: "Font Awesome 5 Free";
  display: inline-block;
      margin-left: -1.75rem;
    width: 1.75rem;
  font-size: 1rem;
  color: #045b9b; 
}**/

.section-content li:before {
	display: inline-block;
    margin-left: -1.75rem;
    border: 2px solid #045b9b;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    content: '';
    margin-right: 0.5rem;}


.media-tabs .section-content li:before{
	display:none!important
}
.news-block h4 a{
	font-size: 1.5rem;
    font-weight: 600;
    margin: 0.5rem 0;
    text-transform: none;
    color: #045b9b!important
}




.contact-section {background-image: linear-gradient(to bottom, #ffffff 10%, #f0f4f7 50%); padding: 1rem; }
.contact-form {background: #FFF; border: 1px solid #c2d8e7; border-radius: 1rem; padding: 1rem 2rem; width: 74%; margin: 2rem auto;}
.field-control {margin: 1rem 0;}
.field-control input, .field-control select, .field-control textarea {border: 1px solid #c2d8e7; border-radius: 1rem; width: 100%; display: block; min-height: 4rem; font-size: 1.5rem; color: #737374; margin-bottom: 0.5rem;}
.field-control input::placeholder, .field-control textarea::placeholder,
.field-control input:-ms-input-placeholder, .field-control textarea:-ms-input-placeholder,
.field-control input::-ms-input-placeholder, .field-control textarea::-ms-input-placeholder {color: #c7c7c7;}
.field-control textarea {min-height: 10rem;}

.field-control input:focus, .field-control select:focus, .field-control textarea:focus {
    color: #045b9b;
    border-color: #045b9b;
    outline: 0;
    box-shadow: none;
}
.error {color: #e97777; font-size: 1.2rem; display: inline-block;}

.no-rounded {border-radius: 0;}
.no-margin {margin: 0;}
.col-container .news-block, .col-container .adress-block {flex: 1;}
.col-container {display: flex;}


/** added by tawbi 10 May 2021 **/
a[id$="_csr_SearchLink"] {
display:none!important
}

.ms-signInLink{
	display:none!important
}
span[id$="_SiteMapPath"] span:nth-child(2) {
display:none
}
.breadcrumbRootNode{
	display:none;
}

.no-banner-content-header{
	padding: 3rem 1.2rem 1.2rem 1.5rem;
	/* font-family:Arial, 'Helvetica Neue', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	
	-webkit-box-shadow: 0px 16px 10px rgb(4 91 155 / 7%);
	-moz-box-shadow:0px 1px 1px #de1dde;
	box-shadow: 0px 8px 7px rgb(4 91 155 / 7%);
	background: white;
}.no-banner-content-header h2{
	/* font-family:Arial, 'Helvetica Neue', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-size: 3rem;
	color:#494949;font-weight:normal
}
.no-banner-content-header #breadcrumb span{
	color:#494949;font-size:1.3rem

}
.no-banner-content-header #breadcrumb a{
	color:#494949;font-size:1.3rem;padding: 0.5rem;
}

.coc-block .descriptionDiv img{
	max-width:100%
}

.locationDiv{
	/* font-family: Arial, 'Helvetica Neue', sans-serif; */
	font-family: 'Open Sans', sans-serif;
    font-size: 1.7rem;
    margin-bottom: 1rem;
    color: #23725a;
}
h1{
color: #045b9b!important;
    font-size: 2.75rem;
    margin-bottom: 1rem;
    font-weight: normal;
}
.QPInnerPageLayoutDiv img{
	max-width:100%
}
/** added by tawbi 10 May 2021 **/



@media(max-width:767px)  {
    .coc-block .coc-block-img {-ms-flex-order: 1; order: 1;}
    .coc-block .coc-block-content {-ms-flex-order: 2; order: 2;}
    .history-block .swiper-container { margin-left: 3.5rem; margin-right: 3.5rem;}
    .swiper-button-next, .swiper-button-prev {width: 3rem; height: 3rem;}
    .swiper-button-prev:after, .swiper-button-next:after {font-size: 1.5rem;}
    .section-content .media {display: block;}
    .section-content .media .roundImgContainer {margin-bottom: 1rem; }
    .contact-form {width: 100%;}
    .paging-item {padding: 0.25rem;}
    .paging-item:first-child .paging-link, .paging-item:last-child .paging-link {
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.rlesc-block .media-footer {padding: 1rem;}
.no-banner-content-header h2{
	font-size: 2.75rem;
	
}
.contentleftscholar{
	width:auto!important
}
.contentrightscholar{
	width:auto!important
}
.contentleftscholarCheck{
	width:auto!important
}
.middlecomment{
	width:auto!important
}
}


.defaultImage{
	height: auto!important;
    flex: none!important;
    object-fit: none!important;
}

.table.table-striped tr td:first-child{
    font-weight:600
}
.table.table-striped .form-control{
	    font-size: 1.4rem;
}
.backToMainPageBtn{
background-color: #3eb48a;
	
padding: 1rem 1.5rem;
	
border-radius: 8px;
	
color: #fff!important;
	
text-align: center;
	
display: inline-block;
	
font-size: 1.7rem;
	
font-weight: normal;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a{
	/* font-family:Arial, 'Helvetica Neue', sans-serif; */
	font-family: 'Open Sans', sans-serif;
}
.lastscholarLessWidth {
    font-family: Cairo, Arial, sans-serif!important;
}
.lastscholarLessWidth{
	 font-family: Cairo, Arial, sans-serif!important;
}
.lastscholarmorewidth{
	font-family: Cairo, Arial, sans-serif!important;
}
.lastscholar{
	font-family: Cairo, Arial, sans-serif!important;
}
.contentrightscholar{
	 font-family: Cairo, Arial, sans-serif!important;
}
.contentrightscholar *{
	 font-family: Cairo, Arial, sans-serif!important;
}

.contentleftscholar{
	/* font-family:Arial, 'Helvetica Neue', sans-serif!important; */
	font-family: 'Open Sans', sans-serif;
	    direction: ltr;
    text-align: left;
}
.contentleftscholar *{
	/* font-family:Arial, 'Helvetica Neue', sans-serif!important; */
	font-family: 'Open Sans', sans-serif;
}
.scholarform{
	width:100%!important
}

.contentleftscholar1{
	text-align:left;
	direction: ltr;
}
.updateform{
	text-align:left
}
.updateform .text-right{
	direction:rtl
}
#divvacancysrch input[id$="btnsearch"]{
	background: #3eb48a;
    border: 0;
    color: white;
    font-weight: 600;
    line-height: 1.4;
    font-size: 1.4rem;
}
input[id$="btnCalculate"]
{
	background: #3eb48a;
    border: 0;
    color: white;
    font-weight: 600;
    line-height: 1.4;
    font-size: 1.4rem;
	
}

.grdTable {
    border: none;
    border-top: 4px solid #143776;
    border-bottom: 4px solid #143776;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-collapse: collapse;
}

.grdTable th {
    padding: 4px;
    background: #E5EDFB;
    color: #143776;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom: none;
    text-align: left;
}

.articleTitle a,.articleTitle span,.sectionHeading {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
    color: #01B460;
    display: block;
}

.grdTable td {
    background: #f5f8fe;
    padding: 8px 6px;
    border-right: 1px solid #E5EDFB;
    border-left: 1px solid #E5EDFB;
    border-bottom: 1px solid #fff;
    font-size: 12px;
}

.cntButtonsBlock button{
    background-color: #01B460!important;
    color: #fff;
    padding: 8px 10px;
    margin: 0px 10px;
    }
    
.cntButtonsBlock{
	width:100%
}
#btnbuytenderonline{
	float:right;
	background-color: #01B460!important;
    color: #fff;
    padding: 8px 10px;
    margin: 0px 10px;

}

.contentLTR{
	float:none!important;clear:both
}
#searchcriteria .searchCriteriaBlock label{
	display:block
}
.searchCriteriaBlock{
	display:inline-block
}
.searchCriteriaBlock2{
	display:inline-block
}
.searchCriteriaBlock2 label{
	display:block
}
.searchCriteriaButton{
	display:inline-block;position: relative;
    top: 8px;
}
.searchCriteriaButton button{
	background-color: #01B460!important;
    color: #fff;
    padding: 8px 10px;
    margin: 0px 10px;

}
.contentLTR .hasDatepicker{
	width:90px
}
#yuievtautoid-2{
	width:100%
}
#yuievtautoid-0{width:100%}
.yui-skin-sam .yui-dt table th a{
	    font-weight: 600;
    font-size: 1.4rem;
}

.navButtonBlock, .navButtonBlock2 {
    padding: 10px 0;
}
.bckButton {
    background: #56bd99!important;
    color: white!important;
    text-decoration: none;
    font-size: 1.53rem!important;
    border-radius: 8px!important;
    padding: 10px!important;
    display: inline-block;
    border:0!important
    
    }
.contentBlockBox {
    padding: 15px;
       background: linear-gradient(to bottom, #ffffff, #f0f4f7 99%);
    border: 1px solid #f0f4f7;margin-bottom: 2rem;}
.contentBlockBox h2{
	
	    color: #045b9b!important;
	    margin-bottom:1rem
}
.viewTendersTableBlock {
	width:100%
}
.viewTendersTableBlock td {
    padding: 8px 10px 8px 0;
    vertical-align: top;
    text-align: left;
    border-top: 1px solid #E5EDFB;
}

div[id$="divdefaultnotes"]{
	width:auto
}
div[id$="divdefaultnotes"] *{
	width:auto
}

.history-list-content{
	text-decoration:underline
	
}

.trcheck label{
	margin:0 5px
}
#txtpersonalemail{
	width:100%
}

.btnsContainerDiv .col{
	margin-bottom: 1rem;
    padding-left: 5px;
    padding-right: 5px;
}
.btnsDiv{
	
height: 100%;
}
.btnsDiv a{
	
background: #3eb48a;
	
width: 100%;
	
height: 100%;
	
color: white!important;
	
border-radius: 5px;
	
padding: 5px;
	
text-align: center;
	
display: flex;
	
align-items: center;
	
justify-content: center;
}

#GetBoardOfDirectors .section-heading h4{
	font-weight:bold
}
#GetCodeOfConduct h4{
	font-weight:bold
}

.goBackBtn{
    background: #56bd99;
    color: white!important;
    text-decoration: none;
    font-size: 1.53rem;
    border-radius: 8px;
    padding: 10px;
    display: inline-block;	
}
.radiolabel tr:nth-of-type(odd){
	    background-color: transparent!important;

}
#secondary-navigation .btnsDiv a{
	border-radius: 0 2rem 2rem 2rem;
	background: #fbfcfd;
	color:#005ca0!important;
	font-weight: 600;
	border: 1px solid #005ca0!important;
}
#secondary-navigation .btnsDiv a:hover,#secondary-navigation .btnsDiv a.active{
	background: #005ca0;
	color:#fbfcfd!important;
	border: 1px solid #fbfcfd!important;

	font-weight: 600;
}

@media screen and (min-width:0\0) {
    .rlesc-block .col-container{display:block}
    .media-footer .card-img-top{max-height:none;height:6rem}
    .history-list-content{bottom:5rem}
    ul.navigation-list ul.navigation-list-subtree{overflow:visible!important}
}


@media(min-width:768px)  {
    .coc-block::after {content: ""; position: absolute; height: 100%; width: 20%; bottom: -2px; left: 0;background-color: #FFF; z-index: -1;}
    .coc-block:nth-child(even)::after {left: auto; right: 0;}
    .coc-block:nth-child(even) .link-arrow {margin-right: -15px;}
    .faq-body .coc-block-img img {height: 15rem; width: 100%; object-fit: cover; }
    .news-block .coc-block-img img {height: 100%;}
}
@media(max-width:380px) {
.sliderBG {
    padding-top: 4rem;}
}
.googleMap button {

min-width: auto;
}

#GetMasterFooterOtherWebSites{
	display:none
}

.cntButtonsBlockActive button {
	background-color:#143776 !important; 
}



/**maggie scholar**/
.scholarform .table{
	direction:ltr
}
.scholarform .table td{
width:33%;
float:none
}
.scholarform .proficiency-table td{
	width:20%;

}
.scholarform .table radio + label{
	margin-bottom:0
}
.scholarform .table td input[type=password],.scholarform .table td input[type=text],.scholarform .table td input[type=file],.scholarform .table td textarea,.scholarform .table td .ms-inputBox{
	padding:inherit;
	width:100%
}
.scholarform .table .form-control{
	    height: calc(3.25rem + 2px);
    padding: 0.375rem 1.75rem!important;
    margin-bottom: 0.5rem;
}
.table.table-striped tr td:first-child{
	text-align:left
}

.ms-rteTable-1 tr:first-child td{
	 color: #fff;
    background-color: #005ca0;
    border-color: #005ca0;
    font-weight:600

}
.table .thead-dark th {
    color: #fff;
    background-color: #005ca0;
    border-color: #005ca0;
}
.table-striped tbody tr:nth-of-type(odd),.ms-rteTable-1 tbody tr:nth-of-type(odd){
    background-color: rgba(0, 0, 0, .03);
}
.ms-rteTable-1 tbody tr:nth-of-type(even){
    background-color: rgba(0, 0, 0, .03);
}
.ms-rteTable-1 tbody tr:nth-of-type(odd){
    background-color: rgba(0, 0, 0, 0);
}
.ms-rteTable-1 td{
	padding: .75rem;

}
.rounded {
	 border-radius: 10px;
}
.table-rounded ,.ms-rteTable-1{
    border-collapse: separate!important;
    border-spacing: 0px 5px;
    border: 0!important;
    border-spacing: 0 10px;
    border: solid #ccc 1px;
    border-radius: 10px;
    border-left:0px;
}
.table-rounded td, .table-rounded th,.ms-rteTable-1 td {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
}
.table-rounded th {
    border-top: none;
}
.table-rounded th:first-child,.ms-rteTable-1 tr:first-child td:first-child {
    border-radius: 0px 0 0 10px;
}
.table-rounded th:last-child,.ms-rteTable-1 tr:first-child td:last-child {
    border-radius: 0 10px 10px 0;
}
.table-rounded th:only-child,.ms-rteTable-1 tr:first-child td:only-child{
    border-radius: 10px 10px 0 0;
}
.table-rounded  td:first-child ,.ms-rteTable-1  td:first-child{
    border-radius: 0px 0px 0 10px;
    font-weight: 600;
}
.table-rounded  td:last-child,.ms-rteTable-1  td:last-child
 {
    border-radius: 0 10px 10px 0;
}
.table-bottomBorder{
	border-collapse: separate!important;
    border-spacing: 0 8px;

}
.table-bottomBorder td{
	border-bottom:2px solid #005ca0
}
/**Maggie scholar **/


.mediaPlayerContainer div.mediaPlayerInitialPlayButton {
    position: absolute;
    bottom: 45%;
    right: 45%;
    width: 80px;
    height: 80px;
    background-color: rgba( 0,0,0,0.6 );
    border: 0px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: CENTER;
    text-align: center;
}
.mediaPlayerContainer div.mediaPlayerInitialPlayButton a span {
    display: block;
    border-bottom: 21px solid transparent;
    border-left: 30px solid #FFFFFF;
    border-top: 21px solid transparent;
        margin-top: 0;
    margin-left: 0;
    }
 .mediaPlayerContainer   ul.mediaPlayerAdditionalControls li a img{
	max-width:initial
}

.main-menu-list-item:hover>.navigation-list-item, .navigation-list-subtree .navigation-list-item:hover {
    background: #E3F4ED;
    border-radius: 10px;
}
.main-menu-list-item, .main-menu-list-item > .navigation-list-item, 
.navigation-list-subtree .navigation-list-item,
.main-menu-list-item >.navigation-list-item .navigation-list-link, 
.navigation-list-subtree .navigation-list-item .navigation-list-link {
	transition: all 0.5s;
}
.main-menu-list-item:hover>.navigation-list-item .navigation-list-link, 
.navigation-list-subtree .navigation-list-item:hover .navigation-list-link {
	font-weight: bold;
}

/* Rakesh Changes */
.main-menu-list-item > .navigation-list-item {
	position: relative;
}
.main-menu-list-item > .navigation-list-item::before {
	content: " ";
    position: absolute;
    width: calc(100% - 4rem);
    height: 1px;
    background: #155199;
    border-radius: 4px;
    bottom: 0;
    left: 2rem;
    right: 2rem;
}
.main-menu-list-item:hover > .navigation-list-item::before {
	height: 2px;
    background: #44B388;
}
.footer-container > .container-fluid {
	padding-left: 0; padding-right: 0;
}

.footer-container {
	background: #155199;
    padding: 2rem;
    border-radius: 1rem;
    color: #7E9FC7;
}
.footer-container a {
	color: #7E9FC7;
	margin-bottom: 0.25rem;
}
.footer-container h4 a {font-size: 1.5rem;}
.footer-container a:hover {
	text-decoration: none;
	color: #FFF;
}

.footer-container ul {
	margin: 0; padding: 0;
}
.footer-container ul li {
	list-style: none;
}
.footer-container ul li a, .footer-copyright {
	font-size: 1.2rem;
}
.footer-social {
	margin-top: 0;
}
.footer-social p {
	margin-bottom: 0.5rem;
}
.footer-social a {
	font-size: 3rem; display: inline-block; padding: 0.1rem 0.4rem;
		margin-bottom: 0.25rem;
}
.footer-social a:hover {
	color: #FFF;
}
.footer-copyright {
	padding-top: 2rem;
}
.footer-copyright a, .footer-copyright span {
	margin-top: 0.5rem !important;
    display: inline-block;
}
.footer-copyright .copyright-end {
	text-align: center;
}
.footer-copyright .copyright-end a {
	margin: 0 0.5rem;
}

.footer-copyright .copyright-end i {
	display: inline-block;
    padding: 0.5rem;
    border-radius: 50%;
    background: #7E9FC7;
    color: #155199;
}
.footer-copyright .copyright-end a:hover {
	color: #FFF;
}
.footer-copyright .copyright-end a:hover i {
	
	background: #FFF;

}
.footer-container .col-lg-3 > img.img-fluid,
.footer-container  .footer-social > p {
	display: none;
}


@media (min-width: 1200px){
	.navigation-header, ul.navigation-list {
    	border-right: 0px solid #eee;
	}
	html[dir="rtl"] .navigation-header, 
	html[dir="rtl"] ul.navigation-list {
    	border-left: 0px solid #eee;
	}
	ul.navigation-list {
		margin: 2rem;
		padding: 0px;
		background: #F6FBF9;
		border: 0;
		border-radius: 10px;
    	width: calc(100% - 4rem);
    	box-shadow: 4px 8px 8px 4px rgb(0 0 0 / 15%);
	}
	html[dir="rtl"] ul.navigation-list {
		padding: 0;
		box-shadow: -4px 8px 8px 4px rgb(0 0 0 / 15%);
	}
	.navigation-list li {
		background: transparent;
	}
	.footer-container .row > .col-lg-3 {
		text-align: center;
	}

}

.ms-srch-result #Paging img {
max-width: none !important;
}
.ms-srch-result #Paging .ms-promlink-button {
width: 26px;
height: 26px;
}

.ms-srch-sb-prompt{
	height:34 !important;
}




