/****  SharePoint CSS    *********/

#s4-bodyContainer {
    padding-bottom: 0;
}

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

.ms-webpart-zone {
    display: block;
}

.ms-webpart-cell-vertical {
    display: block !important;
}

.ms-webpart-chrome-vertical {
    display: block !important;
}

input[type=button], input[type=reset], input[type=submit], button {
    min-width: auto;
}

.o365cs-nav-contextMenu.o365spo.contextMenuPopup {
    z-index: 999991 !important;
}

.ms-formfieldvaluecontainer * {
    max-width: 100%;
}

body #ms-designer-ribbon[style*='display: none']~div#s4-workspace .navbar {
    position: relative;
}

/****  Fix site / cookie    *********/

body {
    transform: none !important;
}

.optanon-alert-box-wrapper {
    top: 0 !important;
}

img[src*="/www.images-home.com"] {
    width: 0;
    height: 0;
    border: 0;
    display: none;
}

/********** General CSS ***********/

@charset "utf-8";
/*
@font-face {
    font-family: 'Prometo';
    src: url('/Style%20Library/fonts/prometoregular.woff') format('woff'), url('/Style%20Library/fonts/prometoregular.svg#prometoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Prometo-Light';
    src: url('/Style%20Library/fonts/prometolight.woff') format('woff'), url('/Style%20Library/fonts/prometolight.svg#prometolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Prometo-Bold';
    src: url('/Style%20Library/fonts/prometobold.woff') format('woff'), url('/Style%20Library/fonts/prometobold.svg#prometobold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/** Font with its licensing **/

@import url("https://use.typekit.net/yib6plw.css");
@font-face {
    font-family: "prometo";
    src: url("https://use.typekit.net/af/2b603b/0000000000000000000175de/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/2b603b/0000000000000000000175de/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/2b603b/0000000000000000000175de/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Prometo-Light";
    src: url("https://use.typekit.net/af/3a1800/0000000000000000000175dc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/3a1800/0000000000000000000175dc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/3a1800/0000000000000000000175dc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Prometo-Light';
    src: url('/Style%20Library/fonts/prometolight.woff') format('woff'), url('/Style%20Library/fonts/prometolight.svg#prometolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Prometo-Bold";
    src: url("https://use.typekit.net/af/bd543f/0000000000000000000175e2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/bd543f/0000000000000000000175e2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/bd543f/0000000000000000000175e2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

/** Arabic Font **/

@font-face {
    font-family: 'DINNextLTArabic-Regular';
    src: url('/Style%20Library/fonts/Arabic/Linotype-DIN-Next-Ar-Regular.woff') format('woff'), url('/Style%20Library/fonts/Linotype-DIN-Next-Ar-Regular.svg#Linotype-DIN-Next-Ar-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
* {
    transition: all 0.2s ease;
    transition: all 0.2s linear;
}*/

button.navbar-toggler {
    margin-left: auto;
}

.bg-lightBg {
    background: #ebebeb;
}

.whiteBg {
    background: #ffffff;
}

.overflow-hidden {
    overflow: hidden;
}

.blue {
    color: #007096;
}

.lightBlue {
    color: #009cbd;
}

.greyLightBg {
    background: #f6f6f6;
}

.greyBg {
    background: #c9c9c9;
}

.blueBg {
    background: #007096;
}

.naveyBg {
    background: #005670;
}

.lightBlueBg {
    background: #009cbd;
}

.darkgreyBg {
    background: #53565a;
}

.subtitle, ._outerBox .subtitle {
    color: #007096;
    border-bottom: 2px solid #009cbd;
    display: inline-block;
    margin: 0;
}

html, body {
    background-color: #ffffff;
    font-family: Prometo;
    color: #53565a;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1550px;
}

@media (min-width:992px) {
    ._menuMargin {
        margin-top: 70px;
        display: block;
    }
    html, body {
        font-size: 15px;
    }
}

.form-control {
    padding: .375rem .75rem !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}

a, a:visited {
    color: #1b90ae;
}

a:hover, a:active, a:focus {
    color: #196486;
}

._outerBox ul {
    list-style: none;
}

._outerBox ul>li {
    position: relative;
    margin-bottom: 5px;
}

._outerBox ul>li:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    position: absolute;
    right: 100%;
    color: #005670;
    text-shadow: -1px 0px 2px #1a90ad;
}

._outerBox ul ul>li:before {
    content: '\f111';
    font-size: 6.5px;
    top: 7px;
    margin-right: 10px;
    text-shadow: 0 0 4px #1a90ad;
}

._outerBox .h6, ._sbContent h6 {
    /* font-size: 1rem; */
    color: #005670;
}

._outerBox ul.list-unstyled>li::before {
    content: none;
}

._sbContent img {
    max-width: 100%;
}

/*******   Loader   *****/

.loaderPage {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99999;
    top: 0;
    -webkit-animation: loaderBg 5s;
    /* Safari 4+ */
    -moz-animation: loaderBg 5s;
    /* Fx 5+ */
    -o-animation: loaderBg 5s;
    /* Opera 12+ */
    animation: loaderBg 5s;
    /* IE 10+, Fx 29+ */
}

.loaderBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loaderLogo {
    white-space: nowrap;
}

.loaderImg {
    /*     transform: translateX(-50%);
        opacity:0;*/
    transition: all 0.3s linear;
}

/*.loaderImg1{
    width:120px;
}
.loaderImg2{
    width: 147px;
}
.loaderImg3{
        width: 145px;
}*/

.logo_Img1, .logo_Img2, .logo_Img3 {
    width: auto;
    height: 100px;
    margin-right: 3px;
}

.loaderImgIcon1, .loaderImgIcon2, .loaderImgIcon3 {
    height: 110px;
    margin-right: 3px;
}

.loader {
    position: relative;
    width: 80px;
    margin: 70px auto;
}

.loaderImg.loading {
    transform: translateX(0);
    opacity: 1;
}

.duo {
    height: 20px;
    width: 50px;
    background: hsla(0, 0%, 0%, 0.0);
    position: absolute;
}

.duo, .dot {
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.duo1 {
    left: 0;
}

.duo2 {
    left: 30px;
}

.dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #333;
    position: absolute;
}

.dot-a {
    left: 0px;
    background: #005670;
}

.dot-b {
    right: 0px;
    background-color: #007096;
}

div._Listing {
    position: relative !important;
    background: transparent !important;
    height: 200px !important;
    width: 100%;
    z-index: 99999;
    top: 0;
    animation: none;
}

div._Listing .loader {
    margin: auto;
    margin-top: -20px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes onOff {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.duo1 {
    animation-name: spin;
}

.duo2 {
    animation-name: spin;
    animation-direction: reverse;
}

.duo2 .dot-b {
    animation-name: onOff;
}

.duo1 .dot-a {
    opacity: 0;
    animation-name: onOff;
    animation-direction: reverse;
    background-color: #009cbd;
}

.removeLoader {
    opacity: 1;
    visibility: visible;
    -webkit-animation: loaderBg 1s;
    /* Safari 4+ */
    -moz-animation: removeLoader 1s;
    /* Fx 5+ */
    -o-animation: removeLoader 1s;
    /* Opera 12+ */
    animation: removeLoader 1s;
    /* IE 10+, Fx 29+ */
}

@-webkit-keyframes loaderBg {
    0% {
        background: rgba(255, 255, 255, 1);
    }
    50% {
        background: rgba(255, 255, 255, 0.9);
    }
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}

@-moz-keyframes loaderBg {
    0% {
        background: rgba(255, 255, 255, 1);
    }
    50% {
        background: rgba(255, 255, 255, 0.9);
    }
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}

@-o-keyframes loaderBg {
    0% {
        background: rgba(255, 255, 255, 1);
    }
    50% {
        background: rgba(255, 255, 255, 0.9);
    }
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}

@keyframes loaderBg {
    0% {
        background: rgba(255, 255, 255, 1);
    }
    50% {
        background: rgba(255, 255, 255, 0.9);
    }
    100% {
        background: rgba(255, 255, 255, 0.8);
    }
}

@-webkit-keyframes removeLoader {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-moz-keyframes removeLoader {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-o-keyframes removeLoader {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes removeLoader {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/********** Master & Home Pages  ***********/

.menuItems {
    max-width: 1550px;
    padding: 0;
}

.navbar-brand {
    padding: 15px 0;
}

.nav-item .nav-link {
    color: #53565a !important;
    text-transform: uppercase;
}

.nav-item .dropdown-toggle::after {
    color: #009cbd !important;
}

.navbar {
    transition: all .3s ease;
}

.dropdown-menu * {
    transition: all .2s ease;
}

.outerDropdown .nav-item a, .outerDropdown .nav-item a:visited {
    color: #53565a;
    text-decoration: none;
}

.outerDropdown .nav-item a:focus, .outerDropdown .nav-item a:active, .outerDropdown .nav-item a:hover {
    color: #009cbd;
    text-decoration: none;
}

.innerDropdown .dropdown-menu.show {
    margin-bottom: 10px;
}

@media (min-width:992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 13.3px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99;
    }
    .navbar .navbar-nav>.nav-item {
        padding: 2rem 0 .5rem;
        margin: 0 .3rem;
    }
    .navbar .navbar-nav>.nav-item:focus>.nav-link, .navbar .navbar-nav>.nav-item:hover>.nav-link {
        color: #009cbd !important;
        border-bottom: 4.5px solid #009cbd;
        padding-bottom: 3px;
    }
    .navbar .navbar-nav>.nav-item .nav-link {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 2px solid transparent;
    }
    .navbar .navbar-nav>.dropdown {
        position: static;
        transition: all 0.3s ease;
    }
    .navbar .dropdown-menu.outerDropdown {
        z-index: -99999;
        width: 100%;
        left: 0;
        right: 0;
        top: 64.5px;
        min-height: 180px;
        transition: all 0.3s ease;
        opacity: 0;
        transform: scale(0.8);
        margin-top: 8px;
        display: block;
        visibility: hidden;
    }
    .navbar .navbar-nav>.dropdown:hover>.dropdown-menu {
        z-index: 99999;
        opacity: 1;
        transform: scale(1);
        margin-top: 0;
        visibility: visible;
    }
    .navbar .dropdown-menu .nav-item .nav-link {
        text-transform: capitalize;
        color: #53565a;
    }
    .dropdown-menu .nav-item .nav-link:hover {
        color: #009cbd !important;
    }
}

@media (min-width:1200px) {
    .navbar {
        font-size: 14px;
    }
    .navbar .navbar-nav>.nav-item {
        margin: 0 .5rem;
    }
}

.langBtn a {
    padding: 0 .4rem .6rem !important;
    margin-top: 0.2rem;
    outline: 0;
    color: #fff !important;
    background-color: rgba(83, 86, 90, 0.8);
    font-family: 'DINNextLTArabic-Regular';
}

.langBtn a:hover, .langBtn a:focus {
    background: transparent;
    -webkit-box-shadow: 0 0 0 .1rem #196486;
    box-shadow: 0 0 0 .1rem #196486;
    color: #1b90ae !important;
}

@media (max-width:575px) {
    .navbar-brand img {
        max-width: 85%;
    }
}

.dropdown-menu {
    border: none;
    background-color: #ebebeb !important;
    border-top: 2px solid #23a8c4 !important;
    border-bottom: 2px solid #23a8c4 !important;
    border-radius: 0;
    padding: 1rem 0;
}

.dropdown-menu .container {
    max-width: 1460px;
}

.dropdown-menu .nav-item .nav-link {
    text-transform: capitalize;
}

.innerDropdown>.dropdown-menu {
    position: static !important;
    top: 0;
    border: 1px solid #b4b4b4 !important;
    border-left: none !important;
    border-right: none !important;
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: translateY(-30%);
    padding: 0;
}

.innerDropdown .dropdown-menu a.dropdown-item {
    color: rgba(0, 0, 0, 0.5);
    padding: .05rem 1rem;
    white-space: normal;
}

.innerDropdown>.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0);
    padding: 0.8rem 0;
}

.innerDropdown .dropdown-menu a.dropdown-item:focus, .innerDropdown .dropdown-menu a.dropdown-item:hover, .innerDropdown .dropdown-menu a.dropdown-item:active {
    color: #186586;
    background-color: #f8f9fa;
}

.mobileStyle .outerDropdown ul.nav li.nav-item {
    padding-bottom: 5px;
}

.mobileStyle .outerDropdown ul.nav li.nav-item {
    /*    padding-top: 0;
    padding-bottom: 0;*/
}

.mobileStyle .outerDropdown ul.nav .innerDropdown a, .mobileStyle .outerDropdown ul.nav li.innerDropdown {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width:922px) {
    .navbar.shrink {
        min-height: 35px;
        background-color: rgba(248, 249, 250, 0.9) !important;
        box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.4);
    }
    .navbar.shrink .navbar-brand {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    .navbar.shrink a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 13.3px;
    }
    .navbar.shrink .dropdown-menu {
        top: 63px;
    }
}

.active a.dropdown-toggle {
    color: #1b90ae !important;
}

.outerDropdown .nav-item.active a.nav-link {
    color: #1b90ae !important;
}

.outerDropdown a.dropdown-toggle {
    text-transform: none !important;
    color: #53565a !important;
}

.carousel-item img {
    min-height: 280px;
    max-height: 550px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: 50% 20%;
}

.carousel-caption {
    bottom: 50%;
    text-align: left;
    max-width: 25%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    left: 9%;
}

@media (max-width:1300px) {
    .carousel-caption {
        max-width: 30%;
    }
}

@media (max-width:991px) {
    .carousel-caption {
        max-width: 40%;
    }
}

@media (max-width: 991.98px) {
    .mobileStyle ._mobileTop a {
        margin: 0.6rem 0.5rem !important;
    }
    .mobileStyle ._mobileTop a:nth-child(2) {
        padding-top: 0 !important;
        padding-bottom: 0.45rem !important;
        font-family: 'DINNextLTArabic-Regular';
    }
}

@media (max-width:767px) {
    .carousel-caption {
        left: 10%;
        right: 10%;
        max-width: 50%;
    }
}

@media (max-width:575px) {
    .carousel-caption {
        width: 90%;
        right: 5%;
        left: 5%;
        max-width: none;
    }
    .feedback-form {
        overflow-x: auto;
    }
    #carousel-banner .carousel-item img {
        -o-object-fit: initial;
        object-fit: initial;
    }
}

@media (min-width:992px) {
    .carousel-caption h1 {
        font-size: 2.7rem !important;
    }
}

@media (min-width:1200px) {
    .carousel-caption h1 {
        font-size: 3.3rem !important;
    }
}

.carousel-caption p {
    font-size: 1.3rem !important;
}

@media (min-width:992px) {
    .carousel-caption p {
        font-size: 1.5rem !important;
        font-family: 'Prometo-Light';
    }
}

.moreBtn {
    background: #009cbd;
    border-radius: 0;
    border-color: #009cbd;
    /* text-transform: uppercase; */
}

.moreBtn:hover, .moreBtn:focus, .moreBtn:active, .moreBtn:not(:disabled):not(.disabled):active {
    background: #007096;
    border-color: #007096;
}

.quickLinks {
    overflow: hidden;
}

.quickLinks a {
    color: #ffffff;
    display: block;
}

.quickLinks h5 {
    font-family: prometo-light;
}

.fa-chevron-right {
    margin-left: 5px;
}

@media (min-width:1200px) {
    .quickLinks h5 {
        font-size: 1.7rem;
    }
}

.quickLinks .fa-chevron-right {
    font-size: 1rem;
}

.quickLinks ._first {
    background: #009cbd;
    position: relative;
}

.quickLinks ._first:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100vw;
    left: -100vw;
    top: 0;
    z-index: 1;
    background-color: #009cbd;
}

.quickLinks ._second {
    background: #007096;
}

.quickLinks ._third {
    background: #005670;
}

.quickLinks ._fourth {
    background: #53565a;
    position: relative;
}

.quickLinks ._fourth:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100vw;
    right: -100vw;
    top: 0;
    z-index: 1;
    background-color: #53565a;
}

._first, ._second, ._third, ._fourth {
    transition: all 300ms ease;
}

._first:hover, ._second:hover, ._third:hover, ._fourth:hover {
    text-decoration: none;
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
}

.card-body {
    display: block;
    overflow: hidden;
}

@media (min-width:1200px) {
    .card-body {
        padding: 30px;
    }
}

@media (min-width:1200px) {
    .card-body p {
        /*line-height: 2;*/
        font-size: 1.02rem;
       /* max-height: 85px;*/
        overflow: hidden;
    }
    .cardsHomeHorizontal .card-body p {
        max-height: none;
    }

    .cardsHomeVertical .card-body p,
    .cardsHomeHorizontal .card-body p{
        line-height: 1.7;
    }
}

.cardsHome, .cardsHomeVertical, .cardsHomeHorizontal {
    background: #f6f6f6;
}

.card {
    height: 100% !important;
}

.cardsHome .card, .countrycards .card, .cardsHomeVertical .card, .cardsHomeHorizontal .card {
    height: 100% !important;
    transition: all .2s linear;
}

.cardsHomeVertical {
    padding-top: 15px;
}

.cardsHomeHorizontal {
    padding-bottom: 15px;
}

@media (min-width:1200px) {
    section.cardsHome .s4-wpcell-plain:first-child section {
        padding-top: 50px;
    }
    section.cardsHome .s4-wpcell-plain:last-child section {
        padding-bottom: 50px;
    }
    .cardsHomeVertical {
        /*   padding-top:50px;*/
    }
    .cardsHomeHorizontal {
        /*  padding-bottom:50px;*/
    }
    .cardsHome .card h5, .countrycards .card h5, .cardsHomeVertical .card h5, .cardsHomeHorizontal .card h5 {
        font-size: 1.4rem;
    }
}

.cardsHome .card:hover, .countrycards .card:hover, .cardsHomeVertical .card:hover, .cardsHomeHorizontal .card:hover {
    box-shadow: 0 0 4px 3px rgba(171, 172, 174, 0.4);
}

.cardsHome a, .countrycards a, .cardsHomeVertical a, .cardsHomeHorizontal a {
    color: #53565a;
}

.cardsHome a:hover, .countrycards a:hover, .cardsHomeVertical a:hover, .cardsHomeHorizontal a:hover {
    color: #53565a;
    text-decoration: none !important;
}

.horizonCards img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.separatorBnr {
    background-image: url(/Style%20Library/Images/homeSubBanner.JPG);
    background-position: center;
    background-size: cover !important;
}

.separatorBnr ._content {
    color: #ffffff;
}

@media (min-width:992px) {
    .separatorBnr ._content {
        max-width: 90%;
    }
}

@media (min-width:992px) {
    .separatorBnr ._content h2 {
        font-size: 2.3rem;
    }
}

.separatorBnr ._content p {
    font-size: 1.15rem;
}

.separatorBnr ._content .readBtn {
    color: #ffffff;
    transition: .2s linear;
}

.separatorBnr ._content .readBtn:hover {
    text-decoration: none;
    padding-left: 10px;
}

.separatorBnr ._content .readBtn .fa-chevron-right {
    margin-bottom: -1px;
    margin-left: 5px;
}

.card img {
    object-fit: cover;
    object-position: center;
    transition: all .2s linear;
}

.card:hover img {
    transform: scale(1.1, 1.1);
}

.subtitle {
    border-bottom: 2px solid #009cbd;
}

.newsBlocks {
    background: #ffffff;
}

.newsBlocks {
    margin-bottom: 30px;
}

.newsBlocks ._links {
    margin-bottom: 50px !important;
}

.newsBlocks .owl-carousel .owl-stage-outer, .newsBlocks .owl-carousel .owl-stage, .newsBlocks .card, .newsOwl-carousel .owl-stage-outer, .newsOwl-carousel .owl-stage, .newsOwl-carousel .owl-item, .newsOwl-carousel .item {
    height: 100%;
}

.newsBlocks .owl-item, ._news .owl-item, .links .owl-item, .linksOwl-carousel .owl-stage-outer, .linksOwl-carousel .owl-stage, .linksOwl-carousel .owl-item, .linksOwl-carousel a {
    height: 100% !important;
}

.newsBlocks .card-body {
    text-decoration: none;
    color: #53565a;
}

.newsBlocks .card-body h5 {
    line-height: 1.5;
    margin-bottom: 0;
    overflow: hidden;
    margin-bottom: 40px;
}

.newsOwl-carousel .card img {
    height: 15rem;
}

._links section {
    padding-top: 0 !important;
}

@media (max-width:991px) {
    .newsOwl-carousel {
        margin-bottom: 20px;
    }
    ._links>.container {
        margin-bottom: 30px;
    }
}

@media (min-width:1200px) {
    .newsBlocks .card-body h5 {
        font-size: 1.2rem;
    }
}

.newsBlocks .item {
    padding-right: 1px;
    height: 100% !important;
}

.linksOwl-carousel .item {
    padding-right: 1px;
    display: flex;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    text-decoration: none;
    margin-right: 2px;
    transition: all 300ms ease;
}

.linksOwl-carousel .item:hover {
    background: rgba(243, 243, 243, 0.4);
}

.linksOwl-carousel .item h4 {
    color: #007096;
    margin: 0;
}

.linksOwl-carousel .owl-item {
    transition: all .2s linear;
}

.linksOwl-carousel .owl-item img {
    width: auto !important;
    transition: all .2s linear;
    height: 47px;
}

.linksOwl-carousel .owl-item:hover img {
    transform: rotate(-15deg);
    transform: translateY(-5px);
}

.displayBlocks {
    background: #ebebeb;
}

.displayBlocks .card-body a {
    color: #53565a;
    text-decoration: none;
}

.displayBlocks .card-body a:hover {
    color: #005670;
}

.card-body a.hashTags {
    color: #009cbd;
}

.card-footer a {
    color: #b1afaa;
    margin-right: 10px;
    transition: all .2s linear;
}

.card-footer a svg {
    margin-right: 4px;
}

.card-footer a:hover {
    color: #53565a;
    text-decoration: none;
}

.card-footer .twitterLink {
    text-decoration: underline;
}

.card-footer .twitterLink:hover {
    text-decoration: underline;
}

footer {
    background-image: url(/PublishingImages/footerBnr.jpg);
    background-size: cover;
    background-position: center;
    /*background-attachment: fixed;*/
    color: #fff;
}

._footerNav {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

@media (min-width:576px) {
    footer {
        background-attachment: local;
    }
}

footer ._footerNav .nav-link {
    color: #fff;
    padding-top: .3rem;
    padding-bottom: .3rem;
    border: 1px solid transparent;
    line-height: 1.5;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    position: relative;
    padding-right: 10% !important;
    padding-left: .5rem !important;
}

footer ._footerNav .nav-link:hover {}

footer ._footerNav .nav-link:hover span {
    z-index: 5;
    font-weight: bold;
    color: #1b4c5e !important;
}

footer ._footerNav .nav-link:hover:before, footer ._footerNav .nav-link:hover:focus:before {
    right: 10%;
    opacity: 1;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    z-index: 1;
}

footer ._footerNav .nav-link span {
    z-index: 5;
    color: #fff;
    width: 100%;
    position: relative;
}

footer ._footerNav .nav-link::before {
    content: "";
    border-radius: 2px;
    position: absolute;
    left: 0;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    right: 77%;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
}

footer h5 {
    position: relative;
}

footer h5::after {
    content: "";
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    width: 90%;
    position: absolute;
    bottom: -7px;
    left: 0;
}

._follow ul.list-unstyled li {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.4);
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
}

@media (min-width:992px) {
    ._follow ul.list-unstyled li {
        /* width: 45px; */
        /* height: 45px; */
    }
}

._follow ul.list-unstyled li:hover, ._follow ul.list-unstyled li:focus {
    background-color: rgba(0, 0, 0, 0.6);
}

._follow ul.list-unstyled li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

._follow ul.list-unstyled li .fa-lg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width:992px) {
    ._follow ul.list-unstyled li .fa-lg {
        font-size: 19px;
    }
}

._follow h5::after {
    content: none;
}

@media (min-width:992px) {
    ._follow h5 {
        /* font-size: 25px; */
    }
}

._footer {
    background: #53565a;
    font-family: 'Prometo-Light';
    font-size: 13px;
}

._footer ._links .nav-link {
    color: #fff;
    border-right: 2px solid #fff;
}

._footer ._links .nav-link:last-child {
    border-right: 0;
}

._footer div.text-center {
    text-align: left !important;
    padding: 0 3rem;
}

/*** Scroll to top button  ***/

#scroll {
    position: fixed;
    left: 18px;
    bottom: 75px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 200ms ease;
    background-color: rgba(27, 144, 174, 0.6);
    border: 2px solid rgba(27, 144, 174, 0.6);
    z-index: 1000000;
}

@media (max-width:567px) {
    #scroll {
        width: 35px;
        height: 35px;
        bottom: 10px;
        right: 10px;
    }
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -13px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    opacity: .6;
}

#scroll:hover {
    background-color: #1b90ae;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

#scroll:hover span {
    border-bottom-color: #fff;
    opacity: 1;
}

#scroll:active {
    background-color: #1b90ae;
    box-shadow: 0 -2px #999;
    transform: translateY(-4px);
}

#scroll::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 0 10px 6px rgba(27, 144, 174, 0.9);
    right: 0;
    left: 0;
    animation-name: flash;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: flash;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

.image-container {
    overflow: hidden;
    position: relative;
}

.shine-effect::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 9999;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

/*******   BOD    *****/

.bod-box:hover .shine-effect::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.shine-effect::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    z-index: 9999;
    display: block;
    border-bottom: 4px solid #009cbd;
    border-bottom: 4px solid linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
    content: '';
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.bod-box:hover .shine-effect::after {
    transition: .3s ease-in-out all;
    width: 100%;
}

.bod-box ._outerBox {
    box-shadow: 0 0 8px #abacae;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.bod-box ._outerBox .shine-effect::after {
    border-bottom: 4px solid rgba(255, 255, 255, 0.7);
}

.bod-box ._outerBox h4, .bod-box ._outerBox h5 {
    margin-left: 0;
}

.bod-box ._outerBox img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

._desc {
    color: #ffffff;
    font-size: 1.18rem;
    margin-bottom: -4px;
    transition: .3s ease-in-out all;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width:768px) and (max-width:991px) {
    ._desc h4 {
        font-size: 1.18rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    ._desc p {
        font-size: 1rem;
    }
}

.bod-box:hover ._desc {
    transform: translateY(-4px);
}

._bodContainer .bod-box:first-child ._desc, ._bodContainer .bod-box:nth-child(4n+1) ._desc {
    background-color: #009cbd;
}

._bodContainer .bod-box:nth-child(2) ._desc, ._bodContainer .bod-box:nth-child(4n+2) ._desc {
    background-color: #007096;
}

._bodContainer .bod-box:nth-child(3) ._desc, ._bodContainer .bod-box:nth-child(4n+3) ._desc {
    background-color: #005670;
}

._bodContainer .bod-box:nth-child(4) ._desc, ._bodContainer .bod-box:nth-child(4n+4) ._desc {
    background-color: #53565a;
}

._mobileTop {
    background: #196387;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 30px;
}

._mobileTop a.btn-light {
    color: #007096 !important;
}

._mobileTop .close {
    /*     color: #fff;
        padding: 5px 10px !important;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);*/
    position: absolute;
    padding: 3px 0 !important;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
}

._mobileTop .close span {
    background: url(../Images/Close.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    outline: none !important;
    display: inline-block;
    width: 100%;
}

._mobileTop .close:hover {
    color: #fff;
}

._mobileTop .fa-times:before {
    content: "";
}

/****  News Listing & detailed   ***/

.newsLanding {
    padding: 50px 0;
}

/*@media (min-width:992px){.newsLanding{margin-top:70px}}*/

.newsLanding .separatorBnr {
    background-image: url(../images/subpageSubBanner.jpg);
}

.newsLanding .separatorBnr .searchBtn {
    width: 100%;
}

@media (min-width:576px) {
    .newsLanding .separatorBnr .searchBtn {
        width: auto;
    }
}

.newsCarousel .carousel-item .carousel-caption {
    position: static;
    padding: 15px;
    -webkit-transform: none;
    transform: none;
    background: #007096;
    transition: all 300ms ease;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.newsCarousel .carousel-item .carousel-caption:hover {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    filter: brightness(120%);
}

.newsCarousel .carousel-item .carousel-caption h4 {
    overflow: hidden;
    height: 50px;
    font-family: 'Prometo-Light';
}

.newsCarousel .carousel-item .carousel-caption p {
    overflow: hidden;
    font-size: 1.15rem !important;
    height: 5rem;
    font-weight: normal;
    color: #fff;
}

.newsLanding .card img {
    height: 14.5rem;
}

@media (min-width:992px) {
    .newsCarousel .carousel-item img {
        height: 450px;
    }
    .newsCarousel .carousel-item a.carousel-caption {
        padding: 30px;
        color: #fff !important;
    }
    .newsCarousel .carousel-item a.carousel-caption:hover, .newsCarousel .carousel-item a.carousel-caption:visited * {
        color: #fff;
    }
    .newsCarousel .carousel-item .carousel-caption h4 {
        font-size: 23px;
        height: 4rem;
        margin-bottom: 0!important;
    }
    .newsCarousel .carousel-item .carousel-caption p {
        height: 3rem;
    }
}

.newsCarousel .carousel-control-next, .newsCarousel .carousel-control-prev {
    bottom: 20%;
}

.newsCarousel .carousel-control-next-icon {
    background-image: url(/Style%20Library/Images/Arrow-W-R.png);
    width: 30px;
    height: 50px;
}

.newsCarousel .carousel-control-prev-icon {
    background-image: url(/Style%20Library/Images/Arrow-W-L.png);
    width: 30px;
    height: 50px;
}

/*--  Filter  --*/

.filterNews {
    background: #c4c4c5;
}

input.searchBtn {
    width: 100%;
    background: #007096;
    border-color: #007096;
    margin: 0;
    font-size: 1rem;
    color: #fff;
    height: 33.5px;
    border: 0px;
    font-family: Prometo;
}

input.searchBtn:hover, input.searchBtn:focus, input.searchBtn:active, .searchBtn:not(:disabled):not(.disabled):active:focus {
    /* background-color: #0085b4; */
    background-color: #0091c4;
    border-color: #0091c4;
    /*  filter: brightness(120%);*/
}

@media (min-width:992px) {
    input.searchBtn {
        width: 75%;
    }
}

.newsCards .card {
    height: 100%;
}

.newsCards .card .card-title {
    padding-right: 25px !important;
    font-family: Prometo, DINNextLTArabic-Regular, Tahoma;
}

.newsCards .card:hover, .newsCards .card:active {
    box-shadow: 0 0 10px #d2caca;
}

.newsCards .card-body {
    position: relative;
    color: #53565a;
    transition: all 250ms ease;
    border-bottom: 3px solid transparent;
}

.newsCards .overflow-hidden {
    border-radius: .25rem .25rem 0 0;
    border-radius: 0;
}

.sideNews {
    padding: 0;
}

.sideNews .subtitle {
    margin-left: 15px;
}

.sideNews .card img {
    height: 16.5rem;
}

.newsDetails iframe {
    max-width: 100%;
    margin-bottom: 30px;
}

.newsDetails img {
    max-width: 100%;
}

@media (min-width:576px) {
    .sideNews .card img {
        height: 13.5rem;
    }
}

@media (min-width:768px) {
    .sideNews .card img {
        height: 16.5rem;
    }
}

@media (min-width:1200px) {
    .sideNews .card img {
        height: 15rem;
    }
}

.newsCards a, .sideNews a {
    color: #53565a;
    text-decoration: none;
}

.newsCards .card:hover .card-body, .newsCards .card:active .card-body, .newsCards .card:focus .card-body {
    border-bottom: 3px solid #1b90ae;
    border-bottom: 3px solid #28b0db;
}

.newsCards .card-body:hover, .newsCards .card-body:active, .newsCards .card-body:focus, .sideNews .card-body:hover, .sideNews .card-body:active, .sideNews .card-body:focus {
    color: #005670;
    text-decoration: none;
}

.newsCards .fa-share-alt {
    opacity: .5;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 3px 0;
    display: none;
}

.newsCards .fa-share-alt:hover {
    transition: all 300ms ease;
    transform: rotate(-45deg);
}

.page-link {
    background-color: #fff;
    border: 1px solid #fff;
    margin: 0 3px;
    border-radius: 4px;
    color: #53565a;
}

.page-link:hover {
    background-color: #e9ecef;
}

.page-item.active .page-link {
    background-color: #007096;
    border-color: #007096;
    border-radius: 4px;
    margin: 0 3px;
}

.connected {
    background-image: url(/Style%20Library/Images/connected.JPG);
    display: none;
}

.connected input {
    margin: 0 !important;
}

.separatorBnr #search {
    background-color: rgba(255, 255, 255, 0.7);
}

._outerBox .subtitle {
    border-bottom: none;
    font-family: Prometo, DINNextLTArabic-Regular, Tahoma;
}

._newsBody {
    padding: 15px 0;
}

._email {
    background-color: rgba( 255, 255, 255, 0.85);
}

.confirmMsg {
    color: #612141;
    font-size: 1.1rem;
    font-family: prometo-bold;
}

@media (max-width:1199px) {
    .newsCards .card .card-title {
        padding-right: 20px !important;
    }
    .newsCards .fa-share-alt {
        font-size: 1.6rem;
    }
}

@media (min-width:992px) {
    ._newsBody {
        padding: 20px;
    }
}

.social-icons .list-inline-item:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

@media (min-width:992px) {
    .social-icons {
        padding: 0 20px;
    }
}

.social-icons .fa-facebook {
    color: #435fa8;
}

.social-icons .fa-twitter-square {
    color: #59adeb;
}

.social-icons .fa-linkedin {
    color: #1278b3;
}

.social-icons .fa-pinterest-square {
    color: #ea333b;
}

.social-icons .fa-share-alt {
    color: #009cbd;
}

.downloadSec {
    background: url("/Style%20Library/Images/downloadBnr.jpg");
    background-size: cover;
    background-position: center;
    color: #ffffff;
}

.downloadSec a {
    color: #ffffff;
}

@media (min-width:992px) {
    .downloadSec {
        margin: 0 20px;
    }
}

.newsSubscribeBox {
    position: relative;
}

.newsSubscribeBox img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.newsSubscribeBox .card:hover img {
    transform: none !important;
}

.newsSubscribe {
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.newsSubscribeBox2 {
    color: #ffffff;
    background: url("/Style%20Library/Images/News-subscribeBg.JPG");
    background-size: cover;
    background-position: top center;
}

.newsSubscribeBox2 .searchBtn {
    width: 100%;
}

@media (min-width:576px) {
    .newsSubscribeBox2 .searchBtn {
        width: auto;
    }
}

@media only screen and (min-width:576px) {
    ._follow h5 {
        margin-right: 0 !important;
    }
    ._follow ul {
        margin-right: auto !important;
    }
}

/****  Share Icons  ***/

.jssocials {
    color: white;
    margin-bottom: 10px;
    text-align: left;
    display: none;
}

.share-image {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

.share-image .jssocials-shares {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.share-image .jssocials-share {
    display: block;
    text-align: left;
    margin: 0;
}

.share-image .jssocials-share .jssocials-share-link {
    padding: 5px;
}

.share-image ._social {
    position: absolute;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #e11931;
    scrollbar-track-color: #ededed;
    scrollbar-face-color: #e11931;
}

.share-image ._social::-webkit-scrollbar {
    width: 5px;
}

.share-image ._social::-webkit-scrollbar-thumb {
    background-color: #e11931;
    border-radius: 0;
}

.share-image ._social::-webkit-scrollbar-thumb:hover {
    background-color: #e11931;
}

.share-image ._social::-webkit-scrollbar-track {
    background-color: #ededed;
}

.share-image a, .share-image a:visited {
    color: white !important;
}

.share-image:hover ._social {
    display: block;
    opacity: 1;
    z-index: 1;
}

.jssocials-share {
    margin: .3em 0 !important;
}

.jssocials-share-link {
    border-radius: 3px !important;
    padding: .3em .4em !important;
}

.jssocials-share-logo {
    font-size: 1.8em !important;
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
    color: #3b5998 !important;
    background: #fff !important;
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced;
    color: #00aced !important;
    background: #fff !important;
}

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6;
    color: #007bb6 !important;
    background: #fff !important;
}

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027;
    color: #cb2027 !important;
    background: #fff !important;
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    color: #fff !important;
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373 !important;
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #00aced !important;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #007bb6 !important;
}

.jssocials-share-pinterest .jssocials-share-link:hover {
    background: #cb2027 !important;
}

.jssocials-share .fa-twitter {
    padding: 3px;
    color: #fff !important;
    background: #00aced !important;
    border-radius: 2px;
    position: relative;
    height: 1em;
}

.jssocials-share .fa-twitter:before {
    content: "\f099";
    font-size: 20px !important;
    position: absolute;
    top: 3px;
    left: 2px;
}

.jssocials-share-twitter .jssocials-share-link:hover .fa-twitter {
    color: #00aced !important;
    background: #fff !important;
}

@media (min-width:576px) {
    .sideNews .card {
        height: 100%;
    }
    .sideNews .card:hover {
        box-shadow: 0 0 10px #d2caca;
    }
}

.subBanner {
    position: relative;
}

.subBanner img {
    /* min-height: 350px;
        max-height: 550px; */
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.bannerTitle h1 {
    color: #ffffff;
    position: absolute;
    bottom: 30px;
    /*    text-transform: uppercase;*/
    padding-left: 15px;
    text-shadow: 0 2px 3px rgb(0 0 0 / 50%);
}

@media (min-width:992px) {
    .bannerTitle h1 {
        font-size: 2.7rem !important;
        bottom: 15px;
        bottom: 50%;
        transform: translateY(50%);
        max-width: 50%;
    }
    .jssocials {
        padding-left: 20px;
    }
    .subBanner img {
        height: 550px;
    }
}

@media (min-width:1200px) {
    .bannerTitle h1 {
        font-size: 3.3rem !important;
    }
}

._sbContent {
    background: #f6f6f6;
}

._outerBox {
    border: 1px solid #e2e2e2;
    background: #ffffff;
}

.subtitle2 {
    color: #009cbd;
}

@media (max-width:575px) {
    ._outerBox {
        padding: 25px !important;
    }
}

/**** Country  Page ******/

.lightBg2 {
    background: #f7f7f7;
}

.contactBtn .btn, .contactBtn .btn:visited {
    font-size: 1.3rem;
    /*text-transform: uppercase;*/
    color: #fff;
}

.contactBtn .btn:hover {
    color: #53565a;
}

.subtitle2 {
    color: #007096 !important;
    border-bottom: 2px solid #009cbd;
    display: inline-block;
    padding-bottom: 2px;
    margin-top: 15px;
}

.unitSP .subtitle2:first-child {
    margin-top: 0;
}

div.google-maps iframe {
    height: 100% !important;
}

@media only screen and (min-width:576px) {
    .countrycards {
        /*   margin-left: 8px !important;
        margin-right: 8px !important;*/
    }
}

@media only screen and (min-width:768px) {
    .contactBtn .btn {
        font-size: 1.5rem;
    }
}

/****** phot Gallery ******/

#photoGallery .carousel-control-next-icon {
    background-image: url(/Style%20Library/Images/Arrow-W-R.png);
    bottom: 80px;
    width: 30px;
    height: 50px;
}

#photoGallery .carousel-control-prev-icon {
    background-image: url(/Style%20Library/Images/Arrow-W-L.png);
    bottom: 80px;
    width: 30px;
    height: 50px;
}

#photoGallery .carousel-caption {
    bottom: 0;
    left: 0;
    max-width: none;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    padding: 15px 40px;
    background-color: rgba(25, 100, 134, 0.85);
    height: 6rem;
    overflow: hidden;
}

#photoGallery .carousel-caption h4 {
    line-height: 1.3;
    height: 4rem;
    overflow: hidden;
}

#photoGallery .carousel-control-next, #photoGallery .carousel-control-prev {
    bottom: 15%;
    width: 10%;
    color: #fff;
}

._mediaBox {
    position: relative;
    display: block;
    box-shadow: 0 0px 8px 1px #d2caca;
}

._mediaBox * {
    transition: all .2s linear;
}

._mediaBox img {
    opacity: 0.9;
    height: 23rem;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    min-width: 100%;
}

._mediaBox:hover img {
    transform: scale(1.1, 1.1);
    opacity: 1;
}

._mediaBox:hover .mediaTitle {
    background-color: rgba(25, 100, 134, 1);
    color: #fff !important;
}

.mediaTitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(25, 100, 134, 0.8);
    z-index: 12;
    color: #fff;
    font-family: Prometo, DINNextLTArabic-Regular;
}

.mediaTitle h5 {
    color: #fff;
    height: 2.5rem;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
}

@media (min-width:768px) {
    ._mediaBox img {
        height: 15rem;
    }
}

@media (min-width:992px) {
    .mediaTitle h5 {
        height: 3rem;
        font-size: 1.25rem;
    }
    ._mediaBox img {
        height: 20rem;
    }
}

@media (min-width:1600px) {
    ._mediaBox img {
        height: 24.5rem;
    }
}

#photoGallery iframe {
    width: 100%;
    min-height: 400px;
    height: 550px;
}

._mediaBox.videoBox:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
}

._mediaBox.videoBox:after {
    content: url(/Style%20Library/Images/Youtube.PNG?csf=1&e=uZLumh);
    position: absolute;
    top: 35%;
    left: 40%;
    transform: scale(0.6);
    z-index: 11;
    transition: all .2s linear;
}

._mediaBox.videoBox:hover:after {
    transform: scale(0.8);
}

/******.bootpag *****/

.pagination {
    justify-content: flex-end;
}

.pagination li {
    background: #fff;
    border-radius: 4px;
    margin: 0 3px;
    padding: .5rem .75rem;
}

.pagination li:hover {
    background-color: rgba(0, 112, 150, 0.8);
    cursor: pointer;
}

.pagination li a {
    color: #53565a;
}

.pagination li:hover a {
    text-decoration: none;
    color: #fff;
}

.pagination li.active {
    background-color: rgba(0, 112, 150, 1);
    border-color: #007096;
    border-radius: 4px;
    margin: 0 3px;
    color: #fff;
}

.pagination li.active a {
    color: #fff;
}

.pagination li.active:hover, .pagination li.active a:hover {
    cursor: default !important;
}

li.prev.disabled, li.next.disabled {
    cursor: default;
    background: rgba(51, 51, 51, 0.2);
    color: #53565a;
}

li.prev.disabled a, li.next.disabled a {
    cursor: default;
    color: #53565a;
}

/****   Financial Listing   *****/

.groupBox {
    margin-bottom: 20px;
}

.year {
    color: #007096;
    border-bottom: 2px solid;
    padding-bottom: 3px;
}

.year h4 {}

.quarter {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 25px;
}

.q1st,.quarter {
    background: #009cbd;
}

.q2nd {
    /* background: #007096; */
}

.q3rd {
    /* background: #005670; */
}

.q4th {
    /* background: #53565a; */
}

.qtitle {
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.qtitle span {
    z-index: 2;
}

.qtitle:after {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    right: 0;
    width: 0;
    height: 100%;
    top: 0;
    transition: width 1s ease-in-out;
    transition: width 600ms ease-in-out;
    z-index: 1;
}

.quarter:hover .qtitle:after, .quarter:active .qtitle:after, .quarter:focus .qtitle:after {
    width: 100%;
}

.qlink {
    padding: 0;
}

.qlink a {
    color: #fff;
    padding: 15px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
}

.quarter:hover .qlink a {
    background: none;
}

.LoadBtn {
    text-align: center;
    margin-top: 1.5rem;
}

.LoadBtn a {
    display: inline-block;
    margin: auto;
    font-size: 1.2rem;
    color: #53565a;
}

.LoadBtn a:hover {
    color: #006f96;
    text-decoration: none;
}

.LoadBtn span {
    display: block;
    margin-bottom: 10px;
    transition: all 250ms ease;
}

.LoadBtn a:after {
    content: url(../images/Arrow-D.png);
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    transition: all 250ms ease;
    opacity: 0.5;
}

.LoadBtn a:hover:after, .LoadBtn a:active:after, .LoadBtn a:focus:after {
    transform: translateY(5px);
    opacity: 1;
}

@media (min-width:992px) {
    .year {
        margin-bottom: 30px !important;
    }
}

.annualReports ._thumbnail {
    overflow: hidden;
}

.annualReports ._thumbnail img {
    height: 190px;
    object-fit: cover;
    object-position: top;
}

.annualReports .groupBox {
    margin-bottom: 0;
    margin-top: 20px;
}

.annualReports .year {
    display: none;
}

.annualReports .quarter {
    height: calc(100% - 20px);
    overflow: hidden;
}

.annualReports .quarter .row {
    height: 100%;
}

.annualReports .qtitle {
    height: calc(100% - 190px);
}

.annualReports .qlink a {
    height: 100%;
}

/******    Investor Relations   *********/

.firstRowBoxes, .secondRowBoxes, .thirdRowBoxes {
    padding: 1.3rem;
    height: 100%;
}

.firstRowBoxes, .firstRowBoxes *, .secondRowBoxes, .secondRowBoxes *, .thirdRowBoxes, .thirdRowBoxes *, .fourthRowBoxes *, .fifthRowBoxes * {
    transition: all 0.3s ease;
}

.firstRowBoxes:hover, .secondRowBoxes:hover, .thirdRowBoxes:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    opacity: 0.95;
}

.topicLink {
    min-height: 9rem;
}

.topicLink a.h5 {
    color: #fff;
    text-decoration: none;
}

.listLink {
    border-top: 1px solid #fff;
}

.listLink a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.listLink .arrowView {
    position: absolute;
    right: -2px;
    top: calc(50% - 7px);
}

.arrowView, .arrowView2 {
    opacity: 0;
    visibility: hidden;
    margin-left: 10px;
    transform: translateX(-15px);
}

.firstRowBoxes a {
    padding-right: 20px;
}

.firstRowBoxes a:hover .arrowView {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.boxTitle {
    color: #fff;
}

.boxBody {
    min-height: 13rem;
    color: #fff;
}

.boxBody ._text {
    width: 100%;
}

.srFirst {
    background-image: url(../images/InvRelations1.jpg);
    background-position: center;
    background-size: cover;
}

.srSecond {
    background-image: url(../images/InvRelations2.jpg);
    background-position: center;
    background-size: cover;
}

.srthird {
    background-image: url(../images/InvRelations3.jpg);
    background-position: center;
    background-size: cover;
}

a.docLink {
    color: #fff;
}

.docLink:hover, .docLink:focus {
    color: #fff;
    text-decoration: underline;
}

.secondRowBoxes a {
    padding-right: 15px;
}

.readLink a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.readLink .arrowView {
    position: absolute;
    right: -2px;
    top: calc(50% - 7px);
}

.readLink .arrowView2 {
    position: absolute;
    right: -10px;
    top: calc(50% - 7px);
    transition-delay: 0.3s;
}

.readLink a:hover .arrowView, .readLink a:hover .arrowView2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

/*
.boxBody .whiteTable * {
    color: #fff;
}*/

.boxBody .table-responsive table {
    margin: 0;
}

.table-bordered td, .table-bordered th {
    font-family: Prometo;
    font-weight: normal;
}

.table-bordered.whiteTable td, .table-bordered.whiteTable th {
    font-family: Prometo-Bold;
    font-weight: normal;
}

/*
.whiteTable tbody tr:hover th, .whiteTable tbody tr:hover td{
        color:#005670;}
    */

.whiteTable tbody tr {
    background-color: rgba(248, 249, 250, 0.7);
}

.whiteTable tbody tr th, .whiteTable tbody tr td {
    color: #005670;
}

.whiteTable {
    width: auto;
    margin: auto;
}

.whiteTable tbody tr:hover {
    background-color: rgba(248, 249, 250, 0.55);
}

.thirdRowBoxes {}

.thirdRowBoxes .boxTitle a {
    position: relative;
    padding-right: 20px;
}

.thirdRowBoxes .boxTitle .arrowView {
    position: absolute;
    right: -2px;
    top: calc(50% - 10px);
}

.thirdRowBoxes a {
    color: #fff;
    text-decoration: none;
}

.thirdRowBoxes a:hover .arrowView {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.thrSecond {
    background-image: url(../images/InvRelations4.jpg);
    background-position: center;
    background-size: cover;
}

.thirdRowBoxes .boxBody {
    min-height: 15rem;
}

.fou1st {
    background-image: url(../images/InvRelations5.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: 0.95;
}

.fou2nd {
    background-image: url(../images/InvRelations6.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: 0.95;
}

.fou3rd {
    background-image: url(../images/InvRelations7.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: 0.95;
}

.fou4th {
    background-image: url(../images/InvRelations8.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
    opacity: 0.95;
}

.fourthRowBoxes .boxTitle {
    opacity: 0.9;
}

.fourthRowBoxes .boxTitle:hover {
    opacity: 1;
}

.fourthRowBoxes .flex-column {
    position: relative;
}

.fourthRowBoxes .flex-column:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.fourthRowBoxes .fou1st:before, .fourthRowBoxes .fou3rd:before, .fourthRowBoxes .fou4th:before {
    background-color: rgba(12, 12, 12, 0.5);
}

.fourthRowBoxes .fou2nd:before {
    background-color: rgba(0, 86, 112, 0.85);
}

.fou1st, .fou2nd, .fou3rd, .fou4th {
    opacity: 0.95;
}

.fou1st:hover, .fou2nd:hover, .fou3rd:hover, .fou4th:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    opacity: 1;
}

.fourthRowBoxes, .fifthRowBoxes {
    padding: 0 8px;
}

.fourthRowBoxes .boxBody {
    padding: 15px 20px 10px;
    z-index: 5;
}

.fourthRowBoxes .boxBody a, .fourthRowBoxes .boxTitle a {
    color: #fff;
    text-decoration: none;
}

.fourthRowBoxes .boxTitle {
    padding: 15px 20px;
    font-weight: bold;
    z-index: 5;
}

.fou2nd .boxTitle {
    /*  background-color: rgba(0, 86, 112, 0.8);*/
}

.docslist {
    width: 100%;
    margin: 0;
}

.docslist li {
    padding: 8px 0;
    border-bottom: 1px solid #fff;
    display: block;
}

.docslist li:last-child {
    border-bottom: none;
}

.docslist a:hover {
    text-decoration: underline;
}

.fourthRowBoxes .docslist {
    /*   -ms-flex-item-align:end;
    align-self: flex-end;
     */
}

.fif1st, .fif2nd {
    padding: 15px;
    height: 100%;
}

.fifthRowBoxes .boxBody {
    min-height: auto;
}

.fifthRowBoxes .boxTitle a {
    color: #005670;
}

.defaultTable th {
    color: #005670;
    background-color: #c9c9c9;
    border: 1px solid #fff;
    font-family: Prometo-Bold;
}

.defaultTable td {
    color: #53565a;
    background-color: #ededed;
    border: 1px solid #fff;
    /*    font-weight: bold;*/
}

.defaultTable td a {
    color: #53565a;
}

.defaultTable tbody tr:hover td {
    background-color: rgba(237, 237, 237, 0.5);
}

.ContactDetails a {
    color: #53565a;
}

.fif1st:hover, .fif2nd:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.fif2nd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fif2nd .readLink * {
    color: #005570;
}

.fif2nd .readLink {
    margin-top: auto;
}

.readLink a {
    padding-right: 15px;
}

@media only screen and (min-width:992px) {
    .firstRowBoxes, .secondRowBoxes, .thirdRowBoxes {
        padding: 2rem;
    }
    .topicLink {
        min-height: 11rem;
    }
}

@media only screen and (min-width:1200px) {
    .topicLink {
        min-height: 13rem;
    }
}

/***  Card Design   **/

.option1, .option2, .option3, .option4, .option5, .option6, .option7, .option8 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.cardDesign {
    /* padding-left: 22.5px; */
    /* padding-right: 22.5px; */
}

.cardDesign .card {
    height: 100%;
    transition: all .2s linear;
}

.cardDesign .card:hover {
    box-shadow: 0 0 4px 3px rgba(171, 172, 174, 0.4);
}

.cardDesign a:hover {
    color: #53565a;
    text-decoration: none !important;
}

.readMoreBtn {
    color: #fff;
    background: #009cbd;
    border-color: #009cbd;
    border-radius: 2px;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    transition: all 0.3s linear;
    position: absolute;
    bottom: 0;
    left: calc(50% - 56px);
}

.readMoreBtn:hover, .readMoreBtn:active, .readMoreBtn:focus {
    background: #007096;
    border-color: #007096;
    color: #fff !important;
    /*  filter: brightness(120%);*/
}

.cardDesign .card-body {
    position: relative;
    overflow: hidden;
    color: #53565a;
    padding-bottom: 30px;
}

.cardDesign .card-body:hover .readMoreBtn, .cardDesign .card:hover .readMoreBtn {
    transform: translateY(0);
    opacity: 1;
    color: #fff;
}

.cardDesign ._shareIcon {
    color: #53565a;
    position: absolute;
    right: 15px;
    bottom: 8px;
    opacity: 1;
    transition: all 0.3s linear;
}

.option1 .card-body:hover .card-title {
    color: #009cbd;
}

.cardDesign .card-body ._shareIcon:hover, .cardDesign .card-body ._shareIcon:active, .cardDesign .card-body ._shareIcon:focus {
    transition: all 300ms ease;
    transform: rotate(-45deg);
    color: #009cbd;
}

a._shareIcon[type="button"] {
    -webkit-appearance: initial;
}

/* option2 */

.option2 .card-body {
    color: #fff;
}

/* option3 */

.option3 .card-body {
    color: #fff;
}

.option3 .readMoreBtn {
    background: rgba(97, 33, 65, 0.6);
    border-color: rgba(97, 33, 65, 0.6);
}

.option3 .readMoreBtn:hover, .option3 .readMoreBtn:active, .option3 .readMoreBtn:focus {
    background: rgba(97, 33, 65, 0.9);
    border-color: rgba(97, 33, 65, 0.9);
}

/* option4 */

.option4 .card-body, .option4 .card-body:hover {
    color: #fff;
    padding: 1.25rem;
}

.option4 .card-title {
    padding-right: 15px;
    margin-bottom: 0;
}

.rightArrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s linear;
}

.rightArrow img {
    width: 14px;
}

.option4 .card-body:hover .rightArrow {
    transform: translate(0, -50%);
    opacity: 1;
    visibility: visible;
}

.option4 .card-body:hover {
    filter: brightness(105%);
}

/* option 5*/

.option5 a {
    color: #53565a;
}

.option5 .card-title {
    margin-bottom: 20px;
    padding-right: 16px;
    transition: all 0.3s linear;
}

.option5 .card-body:hover .subText {
    opacity: 1;
}

/* option 6*/

.option6 .card-body {
    height: 100%;
    padding: 15px 0;
}

/* option 7*/

.option7 .card-body {
    height: 100%;
    color: #fff;
    padding: 15px 0;
}

.option7 .card-body:hover, .option7 .card-body:active {
    color: #fff;
}

/* option 8*/

.option8 .card-body {
    color: #fff;
    background-size: cover;
    background-position: center;
}

.option8-block1 {
    background: url("../images/CardDesign1.jpg");
}

.option8-block2 {
    background: url("../images/CardDesign2.jpg");
}

.option8-block3 {
    background: url("../images/CardDesign3.jpg");
}

.option8-block4 {
    background: url("../images/CardDesign4.jpg");
}

.option8 .readMoreBtn {
    background: #007096;
    border-color: #007096;
    z-index: 10;
    color:#fff;
}

.option8 .readMoreBtn:hover, .option8 .readMoreBtn:active, .option8 .readMoreBtn:focus {
    background: #009cbd;
    border-color: #009cbd;
    /*  filter: brightness(120%);*/
}

.option8 .cardDesign .card-body {
    position: relative;
}

.option8 .cardDesign .card-body .card-title, .option8 .cardDesign .card-body .card-text {
    position: relative;
    z-index: 15;
}

.option8 .cardDesign .card-body:before {
    content: "";
    background: rgba(51, 51, 51, 0.5);
    width: 100%;
    height: 100%;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    position: absolute;
}
div.cardDesign .px-sm-2 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

div.cardDesign .overflow-hidden img {
min-height:200px;
}
@media (min-width:768px) {
    .readMoreBtn {
        transform: translateY(35px);
        opacity: 0;
    }
    .cardDesign ._shareIcon {
        opacity: 0;
    }
    .cardDesign .card-body:hover ._shareIcon {
        opacity: 1;
        z-index: 100;
    }
    .rightArrow {
        transform: translate(-30px, -50%);
        opacity: 0;
        visibility: hidden;
    }
    /*op 5*/
    .option5 .subText {
        position: absolute;
        opacity: 0;
        transition: all 0.3s linear;
    }
    .option5 .card-body:hover .card-title {
        transform: translateY(20px);
    }
    /*op 6*/
    .option6 .card-body {
        padding: 30px;
    }
}

.cardPage .opts:first-child {
    padding-top: 50px;
}

.cardPage .opts:last-child {
    padding-bottom: 50px;
}

@media (min-width:992px) {
    /*op 6*/
    .option6 .card-body {
        padding: 20px;
    }
}

@media (min-width:1200px) {
    .cardDesign .card h5 {
        font-size: 1.5rem;
    }
    .cardDesign .card-body {
        padding: 30px;
    }
    .cardDesign .card-body p {
        line-height: 2;
        font-size: 1.05rem;
        max-height: none;
        overflow: hidden;
    }
    .option3 .cardDesign .card-body p, .option8 .cardDesign .card-body p {
        min-height: 10rem;
        max-height: none;
    }
    .option4 .card-body {
        padding: 20px 30px !important;
    }
    .rightArrow img {
        width: 16px;
    }
    .option6 .card-body p {
        max-height: 10rem;
    }
    /*op 6*/
    .option6 .card-body {
        height: 100%;
        padding: 15px;
    }
}

@media (min-width:1600px) {
    .option6 .card-body {
        padding: 30px;
    }
}

/****** Share icon *******/

._shareIcon {
    opacity: .5;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 3px 0;
}

#ss {
    display: none;
}

.popover.show .popover-body #ss {
    display: block;
}

/****** Share icon Modal *******/

.modal {
    padding-right: 0 !important;
    outline: 0;
    position: absolute;
    top: 80%;
    right: -4.5%;
    height: auto;
    left: auto;
    padding-top: 6px;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: 7px 15px;
    background-color: rgb(247, 247, 247);
}

.modal-dialog:before {
    content: '';
    border-left: 1px solid #969696;
    border-top: 1px solid #969696;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: rgb(247, 247, 247);
    right: 22px;
    top: -6px;
    transform: rotate3d(1, 1, 16, 45deg);
    z-index: 1050;
}

.modal-title {
    font-size: 1rem;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

/******* Share Dropdown Menu  *******/

._shareDropDown {
    width: auto;
    padding: 0px;
    border-radius: 5px;
    background-color: white !important;
    border: 1px solid #cccccc !important;
    top: calc(100% - 15px) !important;
    left: auto !important;
    right: 7px !important;
    opacity: 0;
    transform: none !important;
    transform: translateY(-50%) !important;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, opacity 0.5s ease;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

._shareDropDown .shareTitle {
    padding: 8px 15px;
    background-color: rgb(247, 247, 247);
    border-bottom: 1px solid #dee2e6;
    border-radius: 5px 5px 0 0;
    color: #53565a;
}

._shareDropDown:before {
    content: '';
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: rgb(247, 247, 247);
    right: 22px;
    top: -6px;
    transform: rotate3d(1, 1, 16, 45deg);
    z-index: 1050;
}

._shareDropDown.show {
    opacity: 1;
    transform: translateY(0) !important;
}

._shareDropDown .share {
    padding: 0 15px;
}

@media (min-width:576px) {
    ._shareDropDown {
        width: 60%;
    }
}

@media (min-width:768px) {
    ._shareDropDown {
        width: 93%;
    }
    ._shareDropDown .share {
        padding: 0 7px;
    }
}

@media (min-width:992px) {
    ._shareDropDown {
        width: 90%;
    }
    ._shareDropDown .share {
        padding: 0 15px;
    }
}

/**** Forms ***/

 .contactForm-ttl {
    font-size: 1.5rem;
    color: #007096;
    display: inline-block;
    margin: 0;
}
.feedback-form .form-group .control-label{
    /* font-weight: 600; */
    display: inline-block;
    margin-bottom: 10px;
}
.feedback-form textarea, .feedback-form input[type="file"] {
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    width: 100%;
}

.feedback-form input[type="submit"] {
    background: #007096;
    border-color: #007096;
    margin: 0;
    font-size: 1rem;
    color: #fff;
    height: 33.5px;
    border: 0px;
    font-family: Prometo;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: 15px;
    margin-right: 15px;
}

.feedback-form input[type="submit"]:hover, .feedback-form input[type="submit"]:active, .feedback-form input[type="submit"]:focus, .feedback-form input[type="submit"]:active:not(:disabled):not(.disabled):active:focus {
    background-color: #0091c4;
    border-color: #0091c4;
}

.feedback-form textarea {
    overflow: auto;
    resize: vertical;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
    width: 100%;
}

.subtitleCustom {
    background-color: #007096;
    border-bottom: 5px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 7px 10px;
    border-radius: 2px;
    margin-bottom: 0.8rem;
    font-size: 1.15rem;
}

/******* Career Form *******/

/*********************************
.formGroup{
    margin-bottom:25px;
}
.groupTitle {
    color: #fff;
    background-color: #1a6487;
    padding: 8px 15px;
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 1.2rem;
}

.form-line{
    margin-left: auto;
    margin-right: auto;
        padding: 0 15px;
}
.form-line label {
   padding-left: 15px;
   padding-right: 15px;
}
.groupItems {
    padding: 1.5rem 0 1rem;
    background-color: #ececec;
    border-radius: 0 0 0.25rem 0.25rem;
}
.formLabel, .formLabel2{
   width: 100%;
}
.formInput, .formInput2 {
    width: 100%;
    padding: 0 15px;
}
@media (min-width:576px){
    .form-line label {
    padding-right: 0;
    text-align: right;
}
    .formLabel,.formLabel2{
            width: 110px!important;
        display: inline-block;
    }
    .formInput,.formInput2 {
        width: calc(100% - 110px);
        padding: 0 15px;
    }

}
@media (min-width:992px){
    .groupItems {
        padding: 2rem 0 1.5rem;
    }


     .formLabel{
            width: 180px!important;
    }
    .formInput {
        width: calc(100% - 180px);
    }
    .formLabel2{
            width: 110px!important;
    }
    .formInput2 {
        width: calc(100% - 110px);
    }

}
@media (min-width:1200px){
    .groupItems {
        padding: 3rem 0 2.5rem;
    }
    .form-line{
        padding-right: 5%;
}
}
********/

.contact_title {
    background: #1b90ae;
    color: #fff;
    padding: 8px;
    border-radius: 2px 2px 0 0;
    margin: 0 !important;
    text-align: center;
}

.contact_body {
    padding: 0 8px;
    border: 1px solid #1b90ae;
    padding-top: 10px;
    text-align: center;
}

.defaultBtn, .defaultBtn:visited, input.defaultBtn, input.defaultBtn:visited {
    background: #007096;
    border-color: #007096;
    margin: 0;
    font-size: 1rem;
    color: #fff;
    border: 0px;
    font-family: Prometo;
    padding: 8px 12px;
}

.defaultBtn:hover, .defaultBtn:focus, .defaultBtn:active, input.defaultBtn:hover, input.defaultBtn:focus, input.defaultBtn:active {
    background-color: #0091c4;
    border-color: #0091c4;
    color: #fff;
}

/** Accordion Style ***/

div#accordionEx {
    height: auto !important;
}

.accStyle .card {
    border: 0;
    margin-bottom: 25px;
    height: auto !important;
}

.accStyle .card .card-header {
    background-color: #007096;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px 4px 0 0 !important;
}

.accStyle .card .card-header button {
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    white-space: normal;
}

.accStyle .card .collapse {
    /* padding: 0 2px; */
}

.accStyle.option2 .card, .accStyle.option2 .card .card-body {
    height: 100% !important;
    padding-bottom: 0;
}

.accStyle.option2 .card .collapse {
    height: 100%;
    padding: 0 2px;
}

.accStyle .card .card-body {
    background-color: #f3f3f3;
    /* background-color: #ebebeb; */
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    color: #53565a;
}

.option2 .card .card-header {
    background-color: #1b90ae;
}

.S-opt3 .card .card-header {
    background-color: #005670;
}

.S-opt4 .card .card-header {
    background-color: #007096;
}

@media (min-width:768px) {
    .option2 .card .card-header {
        background-image: linear-gradient(to right, #1b90ae 40%, #9ccfdc);
    }
    .S-opt3 .card .card-header {
        background-image: linear-gradient(to right, #007096 40%, #8fbecf);
        background-image: linear-gradient(to right, #005670 40%, #1b4c5f);
    }
    .S-opt4 .card .card-header {
        background-image: linear-gradient(to right, #007096 40%, #8fbecf);
        /* background-image: linear-gradient(to right, #007096 40% , #abcedc);*/
    }
}

@media (min-width: 1200px) {
    .S-opt3 .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/******  Content Card  *********/

.content-cards .card {
    border: 0;
    margin-bottom: 25px;
    height: auto !important;
}

.content-cards._boxes .card {
    border: 0;
    margin-bottom: 0;
    height: 100% !important;
}

.content-cards .card .card-header {
    background-color: #007096;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px 4px 0 0 !important;
    width: 100%;
    font-size: 1.1rem;
}

.content-cardse.option2 .card, .content-cards.option2 .card .card-body {
    height: 100% !important;
    padding-bottom: 0;
    padding: 0 2px;
}

.content-cards .card .card-body {
    background-color: #ebebeb;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 15px;
    margin: 0 1px;
}

.content-cards.style2 .card-header {
    background: #005670;
}

/*
.option2 .card .card-header {
    background-color: #1b90ae;

}
.S-opt3 .card .card-header {
    background-color: #275662;

}
.S-opt4 .card .card-header {
    background-color: #007096;

}
@media (min-width:768px){
    .option2 .card .card-header {
        background-image: linear-gradient(to right, #1b90ae 40% , #9ccfdc);

}
    .S-opt3 .card .card-header {
 background-image: linear-gradient(to right, #007096 40% , #8fbecf);
    background-image: linear-gradient(to right, #005670 40% , #bbd1d8);

}
    .S-opt4 .card .card-header {
 background-image: linear-gradient(to right, #007096 40% , #8fbecf);
/* background-image: linear-gradient(to right, #007096 40% , #abcedc);*/

/*/}
}
@media (min-width: 1200px){
.S-opt3 .col-xl-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
}*/

/******* Career Form *******/

.formGroup {
    margin-bottom: 25px;
}

.groupTitle {
    color: #fff;
    background-color: #1a6487;
    padding: 8px 15px;
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 1.2rem;
}

.form-line {
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.form-line label {
    padding-left: 15px;
    padding-right: 15px;
}

.groupItems {
    padding: 1.5rem 0 1rem;
    background-color: #ececec;
    border-radius: 0 0 0.25rem 0.25rem;
}

.formLabel, .formLabel2 {
    width: 100%;
}

.formInput, .formInput2 {
    width: 100%;
    padding: 0 15px;
}

.edu {}

.edu .form-check {
    margin-right: 10px;
}

.edu .form-check-label {
    text-align: left;
}

.gender .form-check-input, .edu .form-check-input {
    margin-top: 0px;
}

.gender .form-check-label {
    padding: 0;
}

@media (min-width:576px) {
    .form-line label {
        padding-right: 0;
        text-align: right;
    }
    .formLabel, .formLabel2 {
        width: 110px;
        display: inline-block;
    }
    .formInput, .formInput2 {
        width: calc(100% - 110px);
        padding: 0 15px;
    }
    .edu .formLabel, .edu .formInput {
        width: 100%;
        text-align: left;
    }
}

@media (min-width:992px) {
    .groupItems {
        padding: 2rem 0 1.5rem;
    }
    .formLabel, .edu .formLabel {
        width: 180px;
    }
    .formInput, .edu .formInput {
        width: calc(100% - 180px);
    }
    .formLabel2 {
        width: 110px;
    }
    .formInput2 {
        width: calc(100% - 110px);
    }
}

@media (min-width:1200px) {
    .groupItems {
        padding: 3rem 0 2.5rem;
    }
    .form-line {
        padding-right: 5%;
    }
}

.addBtn, .addBtn:visited {
    background: #0091c4;
    border-color: #0091c4;
    font-size: 1rem;
    color: #fff;
    border: 0px;
    font-family: Prometo;
    padding: 10px 12px;
    height: 100%;
    border-bottom-right-radius: 0;
}

.defaultBtn, .defaultBtn:visited {
    background: #007096;
    border-color: #007096;
    margin: 0;
    font-size: 1rem;
    color: #fff!important;
    border: 0px;
    font-family: Prometo;
    padding: 8px 12px;
    border-radius: 0;
}

.defaultBtn:hover, .defaultBtn:focus, .defaultBtn:active {
    background-color: #0091c4;
    border-color: #0091c4;
    color: #fff!important;
}

.groupTitle {
    padding-right: 75px;
    position: relative;
}

.careerMoreButton {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.gender {
    padding-right: 10px;
}

.genderText {
    padding-left: 5px !important;
}

/** languages */

.lang .formInput, .skills .formInput {
    width: 100%;
    margin-bottom: 8px;
}

.submitApp {
    text-align: center;
}

.submitApp .defaultBtn {
    display: block;
}

#txtOtherCountry {
    margin-top: 7px;
}

@media (min-width:576px) {
    .lang label {
        width: auto;
    }
    .lang .formInput2 {
        width: 100%;
    }
    .skills .formLabel2 {
        width: auto;
    }
    .skills .formInput2 {
        width: calc(100% - 58px);
    }
    .submitApp .defaultBtn {
        display: inline-block;
    }
}

.uploadCV .formLabel, .desiredPosition .formLabel {
    width: auto;
    text-align: left;
}

.uploadCV .formInput, .uploadCV label, .desiredPosition .formInput, .desiredPosition label {
    width: 100%;
    text-align: left;
}

@media (min-width:768px) {
    .uploadCV .formLabel, .desiredPosition .formLabel {
        width: 180px;
        text-align: right;
    }
    .uploadCV .formInput, .desiredPosition .formInput {
        width: calc(100% - 180px);
    }
}

@media (min-width:992px) {
    .lang label {
        width: auto;
    }
    .employment .formLabel2 {
        width: 180px;
    }
    .employment .formInput2 {
        width: calc(100% - 180px);
    }
}

@media (min-width:1200px) {
    .lang .formInput2 {
        width: calc(100% - 58px);
    }
}

.address, .contact, .certification, .skills {
    margin-top: -27px;
}

.certification .groupItems .form-line, .lang .groupItems .form-line, .skills .groupItems .form-line {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.certification .groupItems .form-line:first-child, .lang .groupItems .form-line:first-child, .skills .groupItems .form-line:first-child {
    padding-top: 0;
    border: none;
}

/** Footer Describtion ***/

.footer-desc {
    padding: 0 15px;
    display: block;
    text-align: center;
}

@media (min-width:768px) {
    .footer-desc {
        padding: 0 3rem;
        text-align: left;
    }
}

/****************/

.firstRowBoxes .arrowView {
    position: relative;
    right: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
}

/***   Document Download  ***/

.docBox {
    position: relative;
    transition: all 0.25ms ease;
    display: inline-block;
}

.download-Box {
    width: 100%;
    height: 100%;
    /* background: rgba(0, 116, 153, 0.8); */
    /*  background: rgba(83, 86, 90, 0.8);*/
    background: url(/Style%20Library/Images/rec.PNG);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: 35% 50%;
    position: absolute;
    top: 0;
    display: inline-block;
    left: 0;
    /*clip-path: polygon(0 0, 0 100%, 100% 50%);*/
    opacity: 0;
    margin-top: 25px;
}

.docBox:hover .download-Box, .showDoc a.active .download-Box, .showDoc a.focus .download-Box {
    opacity: 1;
    left: 15px;
}

i.download-Icon {
    position: absolute;
    top: calc(50% - 17.5px);
    color: #fff;
    left: 35%;
    font-size: 2.5rem;
}

.docBox img {
    display: inline-block;
    max-width: 100%;
}

@media (max-width:576px) {
    .download-Box {
        opacity: 1;
        left: 15px;
    }
    i.download-Icon {
        top: calc(50% - 14px);
        font-size: 2rem;
    }
    .download-Box {
        background-size: 60%;
    }
}

h5.subheading {
    margin-top: 0.5rem;
}

.table-striped {
    font-family: Prometo;
}

/* Cookie Policy CSS */

.policy-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.70);
    z-index: 9999;
    color: white;
    /* display: flex; */
    padding: 15px;
}

.policy-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
}

.policy-btn {
    background: #006699;
    border: 1px solid white;
    padding: 6px 17px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.policy-content a {
    /*color: white;*/
    color: rgba(255, 255, 255, 0.67);
}

.policy-box-container {
    display: flex;
    margin: auto;
    max-width: 1200px;
}

.policy-content {
    width: calc(100% - 48px);
    padding-right: 20px;
}

.policy-btn:hover {
    background: #006699;
}

.policy-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** New Menu Style **/

.langBtn-new .active {
    color: #005670 !important;
}

@media (min-width: 992px) {
    .langBtn-new {
        position: relative !important;
    }
    .langBtn-new .dropdown-menu {
        left: auto;
        right: auto;
        top: 58px;
    }
    .langBtn-new .dropdown-menu.outerDropdown {
        min-height: auto;
    }
}

.digital-btn {
    background-image: url(/PublishingImages/digital-bg.jpg);
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 1.3rem 0 0.5rem !important;
}

.digital-btn-mobile {
    background-image: url(../images/digital-bg.jpg);
    background-position: center;
    background-size: cover;
    color: #fff !important;
    vertical-align: middle;
    border: 0;
}

.digital-btn-mobile span {
    color: #fff !important;
}

.navbar .digital-btn a {
    color: #fff !important;
    padding: 0 10px !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.digital-btn img, .digital-btn-mobile img {
    width: 20px;
}

.digital-btn span {
    margin-top: 5px;
}

body .navbar li.digital-btn a.nav-link:hover, body .navbar li.digital-btn:hover a.nav-link, .navbar .navbar-nav>.nav-item.digital-btn:hover>.nav-link {
    color: #005670 !important;
}

.langBtn-new .dropdown-menu .nav-item .nav-link[href*="/ar"] {
    font-family: DINNextLTArabic-Regular;
}

._mobileTop a.digital-btn-mobile {
    background: url(/PublishingImages/digital-bg.jpg);
}

/*** New style for CEO page  ***/

.blue-Bg-box {
    background-image: url(/PublishingImages/BG-new.JPG);
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none!important;
}

.blue-Bg-box img {
    padding: 10px;
    transition: 0.3s;
}
a.blue-Bg-box:hover img {
    transform: scale(0.9);
}
.blue-Bg-box h3 {
    padding: 20px;
    color: #fff;
}

@media (min-width: 1200px) {
    .blue-Bg-box h3 {
        font-size: 30px;
    }
}

/** Products new **/

.product-card {
    height: 100%!important;
}

.icon-list {
    text-align: center;
}

.icon-list img {
    max-width: 40px;
}

.product-card:hover .icon-list img, .product-card2:hover .icon-list img {
    transform: none;
}

.product-card .card-body, .product-card2 .card-body, .pro-sml-cards .card-body {
    background: #f4fafc;
    background: #fff;
}
.product-card span.overflow-hidden{
    display: block;
}
@media (min-width:992px) {
    .product-card {
        height: calc(100% - 72px) !important;
    }
   /* .product-card2 {
        height: calc(100% - 36px) !important;
    }*/
}

.separatorBnr._new {
    background: url(/en/wholesale/PublishingImages/New-Sep-Banner.jpg);
    background-attachment: initial;
}

.cols-5 {
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width:1200px) {
    .cols-5 .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .cols-5 .card-body p {
         max-height: none;
    }
}

.img-box {
    width: 100%;
    height: 100%;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 30px;
}

.sml-box {
    padding: 15px;
    border: 1px solid #ebebeb;
    background: #f4fafc;
}

@media (min-width:992px) {
    .linked {
        overflow: hidden;
    }
    .linked a {
        display: none;
        transition: 300ms ease;
        text-decoration: none;
    }
    .linked:hover a {
        display: inline-block;
    }
    .linked .fas {
        width: 8px;
    }
    .img-box {
        max-height: none;
    }
}

.dropdown-menu .nav-item .nav-link {
    text-transform: none !important;
}

/**== AGM forms ==**/

.meeting-details {
    padding: 1.5rem;
    background-color: #ececec;
    border-radius: 0.25rem 0.25rem;
    margin: 25px 0;
}

.meeting-details ._details {
    max-width: 1300px;
    margin: auto;
    background: #ececec;
}

.input-col {
    padding-right: 60px;
    position: relative;
}

.input-col span {
    position: absolute;
    right: 30px;
    top: 8px;
}

@media (min-width:992px) {
    .meeting-details {
        padding: 3.5rem 1.5rem;
    }
    .meeting-details .form-group {
        padding: 0 30px;
    }
}

/* ===================================
      New for Group

    Header & Navigation
====================================== */

header {
    width: 100%;
    z-index: 99;
}

/* logo change */

header .logo .logo-dark, header .logo .logo-light {
    visibility: hidden;
    opacity: 0;
    width: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    display: none;
}

header .logo .logo-dark.default, .header-appear .logo .logo-dark, header .logo .logo-light.default {
    visibility: visible;
    opacity: 1;
    width: auto;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    display: block;
}

/*
    header.header-appear nav .logo .logo-light, header.header-appear nav.header-dark .logo .logo-light {
        visibility: visible;
        opacity: 1;
        width: auto;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

    header.header-appear nav .logo .logo-dark, header.header-appear nav.header-dark .logo .logo-dark {
        visibility: hidden;
        opacity: 0;
        width: 0;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

    header.header-appear nav .logo .logo-dark, header.header-appear nav.header-light .logo .logo-dark {
        visibility: visible;
        opacity: 1;
        width: auto;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }

    header.header-appear nav .logo .logo-light, header.header-appear nav.header-light .logo .logo-light {
        visibility: hidden;
        opacity: 0;
        width: 0;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }
    */

header a.logo {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}

header a.logo img {
    max-height: 35px;
    max-width: 150px;
    /*vertical-align: sub;*/
}

/*header top bar*/

.top-header-area {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.top-header-area .header-top-text i {
    font-size: 18px;
}

.top-header-area~.navbar-top-default {
    background-color: #ffffff;
    top: 45px;
    height: 65px;
}

.header-appear .top-header-area {
    display: none;
}

.header-appear .top-header-area~.navbar-top-default {
    top: 0;
}

/* nav top default */

.navbar-top-default {
    position: absolute;
    top: 0;
    z-index: 99;
    overflow: hidden;
    height: 90px;
    width: 100%;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.navbar-top-default.navbar-gradient .navbar-nav .nav-link {
    padding: .4rem 0;
    color: #FFFFFF;
    font-weight: 300;
    min-width: 100px;
    text-align: center;
}

.header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link, .header-appear .navbar-top-default.navbar-gradient .navbar-nav .nav-link.active {
    color: #FFFFFF;
}

.header-appear .navbar-top-default.navbar-gradient .navbar-nav .menu-line {
    color: #FFFFFF;
}

.header-appear .navbar-top-default {
    height: 70px;
    position: fixed;
    z-index: 999;
    background: #ffffff;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.header-appear .navbar-top-default.navbar-gradient {
    background: #3264f5;
    background: -moz-linear-gradient(left, #7202bb 2%, #3264f5 82%);
    background: -webkit-linear-gradient(left, #7202bb 2%, #3264f5 82%);
    background: linear-gradient(to right, #7202bb 2%, #3264f5 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264f5', endColorstr='#7202bb', GradientType=1);
}

.navbar-top-default #wexim {
    margin-right: -10px;
}

.nav-icon .navbar-nav {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-line {
    position: absolute;
    top: -20px;
    font-size: 20px;
    color: #ffffff;
    left: 0;
    display: block;
    text-align: center;
    width: 100px;
    height: 30px;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
    transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}

.nav-icon .navbar-nav .nav-link:nth-child(1).active~.menu-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(2).active~.menu-line {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(3).active~.menu-line {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(4).active~.menu-line {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(5).active~.menu-line {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(6).active~.menu-line {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(7).active~.menu-line {
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(1):hover~.menu-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(2):hover~.menu-line {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(3):hover~.menu-line {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(4):hover~.menu-line {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(5):hover~.menu-line {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(6):hover~.menu-line {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0);
}

.nav-icon .navbar-nav .nav-link:nth-child(7):hover~.menu-line {
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0);
}

/*Navbar Simple*/

.navbar-simple .navbar-nav .nav-link {
    padding: 0.4rem 1.5rem;
    margin-left: .5rem;
    color: #fff;
    font-weight: 300;
}

.navbar-top-default.navbar-dark .navbar-nav .nav-link, .navbar-top-default.navbar-dark .navbar-nav .nav-link.active {
    color: #151515;
    font-weight: 400;
}

.navbar-top-default.navbar-dark .menu-line {
    color: #151515;
}

.navbar-dark .sidemenu_btn span {
    background: #151515;
}

.header-appear .navbar-simple .navbar-nav .nav-link {
    color: #2b2b2b;
    font-weight: 400;
}

.nav-box-round .navbar-nav .nav-link {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.header-appear .nav-box-round .navbar-nav .nav-link.active {
    background-color: #00bcd4;
    color: #ffffff !important;
}

.header-appear .nav-box-round .navbar-nav .nav-link:hover {
    /*color: #00bcd4;*/
}

/*nav line*/

.nav-line .navbar-nav .nav-link.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
    opacity: 1;
}

.nav-line .navbar-nav .nav-link:before {
    position: relative;
    content: '';
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: table;
    height: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    bottom: -28px;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background: #00bcd4;
    visibility: hidden;
    opacity: 0;
}

/*Navbar Center Logo*/

.center-logo .logo {
    left: 50%;
    position: absolute;
    margin-top: -14px;
    top: 50%;
    text-align: center;
    transform: translateX(-50%);
    z-index: 1;
    text-decoration: none !important;
}

/*.center-logo .navbar-nav .nav-link:nth-child(5)*/

.center-logo .navbar-nav .langs-container {
    margin-left: auto;
    margin-right: 15px;
}

/*Bottom Nav*/

.bottom-nav, .header-appear .bottom-nav {
    position: absolute;
    top: auto;
    height: 70px;
    bottom: 0;
    -webkit-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.bottom-nav.navbar-bottom-top {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    margin: auto !important;
}

/*Navbar Box*/

.navbar-box {
    height: auto;
    top: 50px;
}

.header-appear .navbar-box {
    top: 0;
}

.navbar-box .container {
    height: 65px;
    border-radius: 5px;
    background-color: #ffff;
    padding: 0 30px;
}

.navbar-box .sidemenu_btn {
    display: none !important;
}

.header-appear .navbar-box .sidemenu_btn {
    display: inline-block !important;
}

/*side nav*/

.navbar-side {
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 90px;
}

.header-appear .navbar-side .logo {
    transform: scale(0) !important;
}

.header-appear .navbar-side .sidemenu_btn span {
    background: #151515;
}

/* side menu button */

.menu-container {
    position: relative;
    padding-right: 40px !important;
}

.sidemenu_btn {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 50px;
    padding: 6px;
    margin-right: 0;
    position: absolute;
    right: 0;
    display: inline-block;
}

.sidemenu_btn.parallax-btn {
    width: 70px;
}

.sidemenu_btn_inner {
    height: 70px;
    width: 70px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    float: left;
}

.sidemenu_btn_inner .animated-element {
    width: 25px;
    text-align: center;
}

.sidemenu_btn span {
    height: 2px;
    width: 100%;
    background-color: #FFFFFF;
    display: block;
}

.sidemenu_btn span:nth-child(2) {
    margin: 4px 0;
}

/*Navbar Right*/

.navbar.navbar-right {
    background: #fff;
    border: none;
    display: inline-table;
    width: 290px;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: fixed;
    top: 0;
    z-index: 110;
    height: 100%;
    padding: 3rem 2rem;
    border-right: 1px solid rgba(0, 0, 0, .07);
    left: 0;
    overflow-x: hidden;
}

.navbar.navbar-right.left {
    left: auto;
    right: 0;
}

.navbar.navbar-right .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-align: center;
}

.navbar.navbar-right a.logo {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 8rem;
}

.navbar.navbar-right .navbar-nav .nav-link {
    display: block;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    font-weight: 300;
}

.navbar.navbar-right .navbar-nav .nav-link.active {
    color: #00BCD4;
}

.wrapper {
    padding-left: 290px;
}

.wrapper.right {
    padding-left: 0;
    padding-right: 290px;
}

.side-right-social {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
}

.side-right-social a {
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    border: 1px solid #00BCD4;
    color: #FFFFFF;
    background: #00BCD4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.side-right-btn {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    width: 40px;
    padding: 10px;
    display: none;
    position: fixed;
    background: #ffffff;
    z-index: 999;
    top: 20px;
    left: 20px;
    cursor: pointer;
}

.side-right-btn>span {
    height: 2px;
    width: 100%;
    background: #1d1d1d;
    display: block;
}

.side-right-btn>span:nth-child(2) {
    margin: 4px 0;
}

/* slider */

/* animation */

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

/* ===================================
           Side Menu
====================================== */

.side-menu {
    width: 90%;
    position: fixed;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 1032;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    overflow: hidden;
}

.side-menu.left {
    left: 0;
    right: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.side-menu.before-side {
    width: 280px;
}

.side-menu.side-menu-active, .side-menu.before-side {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pul-menu .side-menu.side-menu-active {
    visibility: visible;
    opacity: 1;
}

.side-menu .navbar-brand {
    margin: 0 0 2.5rem 0;
}

/*Side overlay*/

#close_side_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    display: none;
    z-index: 1031;
    opacity: 0.6;
}

/*side clode btn*/

.side-menu .btn-close {
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.side-menu.before-side .btn-close {
    display: none;
}

.side-menu .btn-close::before, .side-menu .btn-close::after {
    position: absolute;
    left: 16px;
    content: ' ';
    height: 30px;
    width: 2px;
    background: #939393;
    top: 5px;
}

.side-menu .btn-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-menu .btn-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*side open btn*/

.sidemenu_btn.left {
    left: 15px;
    right: auto;
}

.sidemenu_btn span {
    height: 2px;
    width: 100%;
    background: #FFFFFF;
    display: block;
}

.header-appear .navbar-simple .sidemenu_btn span {
    background: #666666;
}

.header-appear .navbar-gradient .sidemenu_btn span {
    background: #FFFFFF;
}

.sidemenu_btn span:nth-child(2) {
    margin: 4px 0;
}

.side-menu .inner-wrapper {
    padding: 10rem 2rem 3rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    text-align: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pul-menu.pushwrap .side-menu .inner-wrapper {
    padding: 3.5rem 2.5rem;
}

.side-menu .side-nav {
    margin-bottom: 30px;
    display: block;
}

.side-nav .navbar-nav .nav-item {
    display: block;
    margin: 10px 0;
    padding: 0 !important;
    opacity: 0;
    -webkit-transition: all 0.8s ease 500ms;
    -o-transition: all 0.8s ease 500ms;
    transition: all 0.8s ease 500ms;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

.side-nav .navbar-nav .nav-item:first-child {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.side-nav .navbar-nav .nav-item:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.side-nav .navbar-nav .nav-item:nth-child(3) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.side-nav .navbar-nav .nav-item:nth-child(4) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.side-nav .navbar-nav .nav-item:nth-child(5) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.side-nav .navbar-nav .nav-item:nth-child(6) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.side-nav .navbar-nav .nav-item:nth-child(7) {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.side-nav .navbar-nav .nav-item:nth-child(8) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.side-nav .navbar-nav .nav-item:nth-child(9) {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}

.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.side-nav .navbar-nav .nav-link {
    display: inline-table;
    color: #fff;
    padding: 2px 0 3px 0 !important;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: normal;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.side-nav .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-nav .navbar-nav .nav-link:hover::after, .side-nav .navbar-nav .nav-link:focus::after, .side-nav .navbar-nav .nav-link.active::after {
    width: 100%;
}

.side-nav .navbar-nav .nav-link.active {
    background: transparent;
}

.side-menu p {
    font-size: 13px;
    margin-top: .5rem;
    margin-bottom: 0;
}

.social-icons-simple {
    margin-bottom: 0;
    margin-left: -10px;
}

.social-icons-simple li {
    display: inline-block;
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.social-icons-simple li a:hover {
    background-color: #FFFFFF;
}

.social-icons-simple li.animated-wrap a:hover {
    background-color: transparent;
    color: #ffffff;
}

@media screen and (max-width:767px) {
    .side-menu {
        width: 90%;
    }
}

/* ===================================
      Search
====================================== */

#search {
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    z-index: 1000001;
}

#search input {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0);
    font-size: 30px;
    font-family: 'Prometo';
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    border-bottom: 2px solid #009cbd;
}

#search .main-button {
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    /* border-radius: 20px; */
    font-size: 13px;
    /*font-weight: 600;*/
    padding: 11px 25px;
    letter-spacing: 1px;
    transform: translateX(-15%);
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    background-color: #009cbd;
    border: black;
    width: auto;
}

#search .close {
    border-radius: 50%;
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    /* background-color: rgb(0 156 189 / 0); */
    outline: none;
    opacity: 1;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 28px;
    background-image: url(/Style%20Library/Images/Close.png);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 300ms ease;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search .close:hover {
    background-color: rgba(0, 156, 189, 1);
}

@media screen and (min-width:768px) {
    #search input {
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (min-width:992px) {
    #search input {
        width: 50%;
    }
}

/* ===================================
      Digital Button & Nav changes
====================================== */

.side-menu .nav-item .nav-link {
    color: #fff !important;
    text-transform: none;
}

.search-icon a {
    background-color: transparent;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.search-icon a:hover {
    background: rgba(204, 204, 204, 0.5);
}

.digital-btn-main {
    /*background-image: url(../images/digital-bg.jpg);
    background-image: url(https://beta.bank-abc.com/PublishingImages/digital-bg.jpg);*/
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    border: 1px solid #fff !important;
    position: relative;
    overflow: hidden;
    padding: 0.4rem 1rem;
    color: #fff !important;
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 38px;
}

.digital-btn-main:after {
    content: "";
    right: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    transition: 500ms ease;
    opacity: 0;
    top: 0;
    bottom: 0;
    background: #019abb;
    width: 0%;
    border-radius: 0;
}

.digital-btn-main:hover:after, .digital-btn-main:active:after, .digital-btn-main:focus:after {
    width: 100%;
    opacity: 1;
}

.digital-btn-main span {
    z-index: 10;
}

.digital-btn-main img {
    width: 20px;
    margin-left: 6px;
    z-index: 10;
}

.header-appear .nav-box-round .navbar-nav .nav-link:hover, .header-appear .nav-box-round .digital-btn-main:hover {
    /*color: #009cbd;*/
}

.header-appear .navbar-simple .navbar-nav .digital-btn-main, .header-appear .navbar-simple .digital-btn-main {
    background-image: url(/PublishingImages/digital-bg.jpg);
    color: #fff;
    font-weight: 400;
}

.header-appear .navbar-simple .navbar-nav .digital-btn-main:hover, .header-appear .navbar-simple .digital-btn-main:hover {
    background-image: url(/PublishingImages/digital-bg.jpg);
    color: #fff;
    font-weight: 400;
}

/***  Search icon  ****/

.search-icon {
    margin-right: 16px;
}

.search-icon img {
    width: 25px;
}

.search-icon-g {
    display: none;
}

.header-appear .search-icon-w {
    display: none;
}

.header-appear .search-icon-g {
    display: inline-block;
}

/***  menu-icon  ***/

.menu-icon {
    display: grid;
    place-items: center;
    height: 27px;
    width: 40px;
    position: relative;
    cursor: pointer;
}

.menu-icon>span {
    width: 40px;
    height: 2px;
    background: #ffffff;
    display: block;
    transition: all 0.3s ease-in-out;
}

.menu-icon .line-3 {
    width: 25px;
    justify-self: end;
}

.menu-icon:hover span:nth-child(3) {
    width: 40px;
}

.center-logo .navbar-nav .nav-link.lang-btn-main {
    display: inline-block;
    float: right;
    padding-right: .3rem;
    padding-left: .3rem;
    margin: 0;
}

.lang-btn-main {
    background-color: transparent;
    width: 40px;
    height: 40px;
    font-family: Prometo-Light;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 2.3;
    font-size: 17px;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.lang-btn-main:first-child {
    font-family: 'DINNextLTArabic-Regular';
    font-size: 16px;
    line-height: 1;
}

.center-logo .navbar-nav .nav-link.lang-btn-main:first-child {
    margin-right: 5px !important;
}

@media screen and (min-width:992px) {
    .digital-btn-main {
        padding: 0.4rem 1rem;
        margin-left: .5rem;
    }
}

@media screen and (min-width:992x) {
    .lang-btn-main:hover {
        background: rgba(204, 204, 204, 0.5);
    }
}

@media screen and (max-width:575px) {
    .search-icon {
        margin-right: 5px;
    }
    .sidemenu_btn {
        width: 38px;
        overflow: hidden;
    }
}

/*****************************************/

ul#slidebarMenu>li {
    margin-bottom: 10px;
}

@media screen and (min-width:768px) {
    .side-menu {
        width: 90%;
    }
}

@media screen and (min-width:992px) {
    .side-menu {
        width: 80%;
    }
    #slidebarMenu {
        position: relative;
        width: 100%;
        min-height: 50%;
        transition: height 300ms ease;
    }
    ul#slidebarMenu>li {
        margin-bottom: 0;
        width: 60%;
        padding-right: 15px;
    }
    ul.subMenus {
        position: absolute;
        right: 0;
        top: 0;
        width: 40%;
        padding-bottom: 50px;
    }
    .side-menu .inner-wrapper {
        padding: 3.5rem 5rem;
        padding-top: 10rem;
        margin-bottom: 10rem;
        height: calc(100% - 10rem);
        /*-webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
        text-align: left;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .side-footer {
        margin-top: auto;
        position: absolute;
        bottom: 30px;
    }
}

@media screen and (min-width:1200px) {
    .side-menu {
        width: 70%;
    }
    ul#slidebarMenu>li {
        margin-bottom: 0;
        width: 50%;
    }
    ul.subMenus {
        width: 50%;
    }
}

@media screen and (min-width:1500px) {
    .side-menu {
        width: 60%;
    }
}

/*****************************/

.side-menu {
    background: #fff;
}

.side-menu .dropdown-toggle, .noSubmenu {
    color: #939393;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}

.noSubmenu:hover, .noSubmenu:visited {
    color: #939393;
    text-decoration: none;
}

a.dropdown-toggle.current, .noSubmenu.current {
    color: #006e96;
}

.side-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .155em;
    content: "";
    border: none;
    border-top: 2px solid;
    border-right: 2px solid;
    /* border-bottom: .2em solid transparent; */
    /* border-left: .2em solid transparent; */
    width: 13px;
    height: 13px;
    margin-left: 15px;
    transform: rotate(45deg);
}

.side-menu a.dropdown-toggle:before, .noSubmenu:before {
    content: "";
    position: absolute;
    background: #006e96;
    display: inline-block;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.side-menu a.dropdown-toggle:hover::before, .side-menu a.dropdown-toggle:focus::before, .side-menu a.dropdown-toggle.active::before, .noSubmenu:hover::before, .noSubmenu:focus::before, .noSubmenu.active::before {
    width: 100%;
}

.side-menu a.dropdown-toggle.current::before, .noSubmenu.current::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -2rem;
    border-left: 0.2em solid;
    height: 60%;
    width: initial;
}

ul.subMenus a {
    color: #939393;
    font-size: 1.2rem;
}

ul.subul {
    padding-left: 15px;
}

ul.subul a {
    font-family: 'Prometo-Light';
}

.sidebar-langs {
    text-align: center;
    position: absolute;
    top: 83px;
    right: 110px;
    cursor: pointer;
    border-right: 3px solid #939393;
    padding-right: 15px;
}

.sidebar-langs .lang-btn-main {
    color: #939393;
    font-weight: 600;
    text-decoration: none;
    padding: 3px;
    margin-left: 15px;
    color: #939393;
    font-weight: 600;
    text-decoration: none;
    padding: 3px;
    margin-left: 15px;
    float: right;
    font-size: 16px;
    font-family: Prometo-Light;
}

.sidebar-langs .lang-btn-main:first-child {
    font-family: 'DINNextLTArabic-Regular';
    font-size: 18px;
    line-height: 0.8;
    height: 30px;
}

.sidebar-langs .lang-btn-main:hover, .sidebar-langs .lang-btn-main:active, .sidebar-langs .lang-btn-main:hover {
    color: #006e96;
}

/* ===================================
      sidebar-social Icons 
====================================== */

.side-footer {
    margin-top: auto;
}

.sidebar-social a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
    color: #006e96;
}

.sidebar-social a:hover {
    background: rgba(147, 147, 147, 0.6);
}

.copyRight {
    color: #006e96;
    text-align: center;
}

@media screen and (min-width:768px) {
    .side-menu .dropdown-toggle, .noSubmenu {
        font-size: 2rem;
    }
    ul.subMenus a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:767px) {
    .side-menu .dropdown-toggle.current::after {
        transform: rotate(135deg);
    }
}

@media all and (max-width:575px) {
    .sidebar-social li {
        margin: 0.2rem !important;
    }
    .sidebar-social a {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        width: 30px;
    }
}

/* ======================================
      change the Style of Sidebar Menu  
   ====================================== */

.side-menu .dark-light-buttons {
    text-align: center;
    position: absolute;
    top: 80px;
    right: 28px;
}

a.btn-customized-4 {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 3px;
    padding: 0;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    box-shadow: none;
    text-indent: -999999px;
    outline: 0;
    cursor: default;
}

a.btn-customized-4.btn-customized-light {
    background: #ccc;
}

a.btn-customized-4.btn-customized-dark {
    background: #009dbd;
}

.dark a.btn-customized-4.btn-customized-dark {
    background: #5fd0df;
}

a.btn-customized-4.btn-customized-light:hover, a.btn-customized-4.btn-customized-light:active, a.btn-customized-4.btn-customized-light:focus, a.btn-customized-4.btn-customized-light:active:focus, a.btn-customized-4.btn-customized-light.active:focus, a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active, a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: #939393;
    border: 0;
    color: #fff;
    box-shadow: none;
}

a.btn-customized-4.btn-customized-dark:hover, a.btn-customized-4.btn-customized-dark:active, a.btn-customized-4.btn-customized-dark:focus, a.btn-customized-4.btn-customized-dark:active:focus, a.btn-customized-4.btn-customized-dark.active:focus, a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active, a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: #5fd0df;
    border: 0;
    color: #fff;
    box-shadow: none;
}

.dark {
    background: #009dbd;
}

.dark .btn-close::before, .dark .btn-close::after {
    background: #fff;
}

.dark a.dropdown-toggle, .dark .noSubmenu {
    color: #fff;
}

.dark ul.subMenus a {
    color: #fff;
}

.dark a.dropdown-toggle.current, .dark .noSubmenu.current {
    color: #f6be00;
}

.side-menu.dark a.dropdown-toggle:before, .side-menu.dark .noSubmenu:before {
    background: #f6be00;
}

.side-menu.dark a.dropdown-toggle.current::before {
    border-left: 0.2em solid #f6be00;
}

.dark .sidebar-social a {
    color: #fff;
}

.dark .sidebar-social a:hover {
    background: rgba(246, 190, 0, 0.8);
}

.dark .copyRight {
    color: #fff;
}

.dark .copyRight a {
    color: #fff;
    text-decoration: underline;
}

.dark .copyRight a:hover {
    color: #f6be00;
}

.dark .sidebar-langs {
    border-right: 3px solid #fff;
}

.dark .sidebar-langs .lang-btn-main {
    color: #fff;
}

.dark .sidebar-langs .lang-btn-main:hover {
    color: #f6be00;
}

/* ===================================
      Footer change to Accordion 
        in Mobile View
====================================== */

footer h5 a {
    width: 100%;
    display: block;
}

#accordionFooter ._footerNav h5::after {
    width: 100%;
}

#accordionFooter ._footerNav .nav-link::before {
    width: 100%;
}

@media screen and (min-width:768px) {
    #accordionFooter .collapse {
        display: block;
    }
}

@media screen and (max-width:767px) {
    #accordionFooter h5 {
        margin-top: 2rem !important;
    }
    #accordionFooter h5 a:after {
        background-image: url(../images/Arrow-W-R.png);
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 9px;
        width: 14px;
        height: 22px;
        transform: rotate(0deg);
        margin-top: 0px;
        transition: 300ms ease;
    }
    #accordionFooter h5 a[aria-expanded="false"]:after {
        transform: rotate(90deg);
        margin-top: 2px;
    }
}

@media screen and (min-width:992px) {
    #accordionFooter ._footerNav h5::after {
        width: 0;
    }
    #accordionFooter ._footerNav .nav-link::before {
        width: auto;
    }
}

/* ===================================
      Search Results Page
====================================== */

.ms-srch-item {
    width: 100% !important;
}

.ms-srch-result-groups div.ms-srch-hover-outerContainer {
    display: none !important;
}

#Paging li:before {
    display: none;
}

ul#Paging {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center;
}

/*li#PagingSelf {
    background-color: rgba(0, 112, 150, 1);
    border-color: #007096;
    border-radius: 4px;
    margin: 0 3px;
    color: #fff;
}*/

ul#Paging li a {
    background: #fff;
    border-radius: 4px;
    margin: 0 7px !important;
    padding: 0.5rem .75rem !important;
    /* color: red; */
}

.ms-srch-result ul#Paging li a:hover {
    background-color: rgba(0, 112, 150, 0.8);
    cursor: pointer;
    color: #fff;
}

.ms-srch-result ul#Paging li#PagingSelf a, .ms-srch-result ul#Paging li#PagingSelf a:hover {
    background-color: rgba(0, 112, 150, 1);
    border-color: #007096;
    border-radius: 4px;
    color: #fff;
    cursor: default;
}

div#SearchBox {
    float: initial;
}

.ms-srch-sbLarge {
    width: 100%;
}

.ms-srch-sbLarge>input {
    font-family: 'prometo';
    width: calc(100% - 40px);
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink img {
    max-width: initial;
    float: right;
}

ul.ms-srch-Paging li {
    display: flex !important;
}

.ms-promlink-button-image {
    display: none;
}

a#PageLinkNext, a#PageLinkPrev {
    width: 28px;
    height: 35px;
}

a#PageLinkNext:after {
    content: '';
    border: none;
    border-top: 1.5px solid;
    border-right: 1.5px solid;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 5px);
}

a#PageLinkNext:before {
    content: '';
    border: none;
    border-top: 1.5px solid;
    border-right: 1.5px solid;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    display: inline-block;
    position: absolute;
    left: calc(50% - 3px);
    top: calc(50% - 5px);
}

a#PageLinkPrev:after {
    content: '';
    border: none;
    border-top: 1.5px solid;
    border-left: 1.5px solid;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 5px);
}

a#PageLinkPrev:before {
    content: '';
    border: none;
    border-top: 1.5px solid;
    border-left: 1.5px solid;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    left: calc(50% - 0px);
    top: calc(50% - 5px);
}

@media (min-width:992px) {
    .ms-srch-sbLarge {
        width: 80%;
    }
    .ms-srch-item {
        width: 90% !important;
    }
    .ms-srch-result-groups div.ms-srch-hover-outerContainer {
        right: 0 !important;
        left: auto !important;
    }
}

/****Extra Fixing to New design*****/

.newsDetails {
    padding-top: 120px !important;
}

/*body.ms-backgroundImage, #aspnetForm{
    width:100%;
    overflow-x:hidden;
}*/

/*
#s4-workspace{
    width:100vw!important;
}

div#ms-designer-ribbon {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    bottom: 0;
    width:100%;
}
body.ms-backgroundImage:hover div#ms-designer-ribbon {
    opacity: 1;
    visibility: visible;
}
    */

body.ms-backgroundImage:hover div#ms-designer-ribbon {
    opacity: 1;
    visibility: visible;
    /* position: static; */
}

body.ms-backgroundImage:hover div#ms-designer-ribbon:focus {
    /* bottom: 50%; */
}

div#ms-designer-ribbon {
    /* display: none; */
}

@media screen and (max-width:575px) {
    header .center-logo a.logo {
        overflow: hidden !important;
        width: 45px !important;
    }
    .center-logo a.logo {
        overflow: hidden !important;
        width: 45px !important;
    }
    header .logo .logo-light.default {
        visibility: hidden;
        opacity: 0;
    }
    a.logo.scroll.noindex:after {
        content: "";
        background: url(/PublishingImages/Logo-abc-white.png);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: left;
        z-index: 1000;
        background-position: left;
        background-size: cover;
        display: block;
        position: absolute;
        top: 0;
    }
    .header-appear a.logo.scroll.noindex:after {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .digital-btn-main:hover:after, .digital-btn-main:active:after, .digital-btn-main:focus:after {
        display: none;
    }
    .digital-btn-main:hover, .digital-btn-main:active, .digital-btn-main:focus {
        background: #009cbd;
    }
}

@media screen and (min-width:768px) {
    .side-footer.w-100.d-md-none, .sidebar-langs.d-md-none {
        display: block !important;
    }
}

@media screen and (min-width:992px) {
    .side-footer.w-100.d-md-none, .sidebar-langs.d-md-none {
        display: none !important;
    }
}

.owl-carousel.owl-theme.newsOwl-carousel.owl-loaded.owl-drag a {
    text-decoration: none;
}

@media screen and (-ms-high-contrast:none) {
    .sidemenu_btn {
        top: 0;
    }
    .menu-icon {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        top: 4px;
    }
    .menu-icon>span {
        margin-bottom: 8px !important;
        margin-top: 0 !important;
    }
}

/* Changes in 28-4-2021  */

.header-appear .digital-btn-main:after {
    background: #1e7e93;
}

.linksOwl-carousel .item {
    position: relative;
    overflow: hidden;
    background: #f3f3f3 !important;
}

.linksOwl-carousel .item:before {
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #fafafa;
    z-index: 1;
    transition: .9s;
    transform: translateX(-100%);
}

.linksOwl-carousel .item>* {
    z-index: 2;
}

.linksOwl-carousel .item:hover:before {
    transform: translateX(0%);
}

._follow ul.list-unstyled li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black;
    border-radius: 100%;
    transform: scale(0);
    transition: .6s;
}

._follow ul.list-unstyled li {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3) !important;
}

._follow ul.list-unstyled li:hover:before {
    transform: scale(1);
}

#search .main-button:hover {
    background: #01849f;
    cursor: pointer;
}

.ms-srch-item-path {
    color: #5fd0df;
}

@media screen and (max-width: 767px) {
    html body .col-12.mt-5.d-sm-flex.justify-content-center.text-center._follow h5.pr-3.align-self-center {
        position: relative;
        top: -19px;
    }
}

/* new blocks */

.new-block {
    display: block;
    background: #f4f9fc;
    border: 1px solid #d0d0d2;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding: 20px;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
}

.block-img {
    position: relative;
}

.block-img img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.block-img img {
    height: 90px !important;
    width: auto !important;
    transition: .3s;
}

.block-text {
    padding-left: 20px;
    font-size: 18px;
}

.linksOwl-carousel .owl-item:hover .block-img img {
    transform: inherit;
}

.new-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #007098;
    z-index: 1;
    transition: .3s;
    transform: translateX(-100%);
}

.new-block>* {
    z-index: 4;
    position: relative;
}

.new-block:hover {
    border-color: #007098;
    color: white;
}

.new-block:hover .block-text {
    color: white;
}

.new-block:hover .block-img img:first-child {
    opacity: 0;
}

.new-block:hover .block-img img:last-child {
    opacity: 1;
}

.new-block:hover:before {
    transform: inherit;
}


/* Double rows section */
.mainText {
    padding: 20px;
}
.s-grey {
    background: #e6e6e6;
}

.row-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    min-height: 26vw;
}

.s-blue {
    background: #071530;
    color: white;
}

.container-l {
    padding: 15px;
    margin-left: 3vw;
    /* padding-left: 0; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-r {
    margin-right: 6vw;
    padding-right: 15px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.double-row-content {
    padding: 50px 40px;
    width: 100%;
}

.container-l .double-row-content {
    padding-left: 0;
    color: #53565a;
}
.container-l .double-row-content p{
    color: #53565a;
    font-size: 1.2rem;
    font-family: 'Prometo-Light';
    font-weight: 600;
}
.container-r .double-row-content {
    padding-right: 0;
}

.abc-btn {
    display: inline-block;
    background: #1c91ae;
    color: white !important;
    padding: 10px 20px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    transition: .3s;
    text-align: center;
}

.abc-btn:before, .abc-input:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b4c5f;
    z-index: 1;
    transform: translateX(-102%);
    transition: .3s;
}

.abc-btn>* {
    position: relative;
    z-index: 2;
}

.abc-btn:hover:before, .abc-input:hover:before {
    transform: inherit;
    text-decoration: none;
}

.s-blue .abc-btn:before {
    background: #ffffff;
}

.s-blue .abc-btn:hover {
    color: #071530 !important;
}

.abc-btn:hover, .abc-input:hover {
    box-shadow: 0 0 0 7px rgba(8, 22, 51, 0.251);
}

.s-blue .abc-btn:hover {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.251);
}


.mainText .row.no-gutters {
    /* margin: -15px; */
    box-shadow: 0px 0px 4px 2px rgba(136, 136, 136, 0.2);
    -webkit-box-shadow: 0px 0px 4px 2px rgba(136, 136, 136, 0.2);
    -moz-box-shadow: 0px 0px 4px 2px rgba(136, 136, 136, 0.2);
}

._txt {
    background: #fff;
}


@media (min-width: 768px) and (max-width:1199px) {
    #bod-content .col-md-6.col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
        #bod-content .col-md-6.col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}

/******* Latest Updates *******/

section.cardsHomeVertical .px-sm-2,
section.cardsHomeHorizontal .px-sm-2  {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.cardsHomeVertical .card-title,
.cardsHomeHorizontal .card-title{
    color: #006d96;
    font-family: 'prometo-light';
}
.card-ttl {
    margin-bottom: 25px;
    color: #009bc0;
    margin-top: 10px;
}
.card-long-text {
    display: block;
    line-height: 1.8;
    margin-bottom: 10px;
}
.without-ttle .product-card {
    margin-top: 30px;
}
@media (min-width: 992px){
.without-ttle .product-card {
    margin-top: 72px;
}
}

.lines{
    padding: 30px;
    padding-left: 50px;
    height: 100%;
    align-items: center;
    display: flex;
    font-size: 17px;
    border-radius: 6px;
    font-family: prometo-light;
    background: rgba(0, 86, 112, 0.09);
    position: relative;
    /* overflow: hidden; */
    
}
.lines:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 10px;
    height: 80%;
    width: 5px;
    background: rgb(0 112 150 / 60%);
    transform: rotate(31deg);
    border-radius: 4px;
    max-height: 120px;
    background: rgb(252 186 19 / 80%);}

.line{
    padding: 30px;
    padding-left: 50px;
    height: 100%;
    align-items: center;
    /* display: flex; */
    font-size: 17px;
    border-radius: 6px;
    font-family: prometo-light;
    background: rgba(0, 86, 112, 0.09);
    background: #ffffff;
    position: relative;
    
}
.line:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 10px;
    height: 80%;
    width: 5px;
    max-height: 120px;
    background: rgb(0 112 150 / 60%);
    transform: rotate(31deg);
    border-radius: 4px;
}  

.line-blue:before {
    background: #69cada;}  
.line-purple:before {
    background: #5e0040;}   
.line-yellow:before {
    background: rgb(252 186 19 / 80%);}   

@media (max-width:575px){
    .lines, .line {
        overflow: hidden;
    }
    
    .lines:before , .line:before{
        left: 0;
        height: 50%;
        opacity: 0.5;
    }
}


.subtitle5 {
    font-family: 'Prometo-Light';
    padding-left: 20px;
    /* border-left: 5px solid #3199b4; */
    position: relative;
}
.subtitle5:before {
    content: "";
    border: 2px solid #3199b4;
    /* border-right: 3px solid #3199b4; */
    background: #3199b4;
    width: 4px;
    left: 4px;
    top: -6px;
    height: 37px;
    position: absolute;
    transform: rotate(17deg);
    border-radius: 2px;
}
.-updateCards p,
.pro-sml-cards p {
    height: auto;
    max-height: initial;
}


._outerBox ul.abc-list>li:before {
    content: "";
    background: #1a90ad;
    /* border-left: 3px solid #1a90ad; */
    width: 2px;
    height: 20px;
    transform: rotate(27deg);
    top: -2px;
    margin-right: 15px;
    border-radius: 6px;
}

._news.mb-4{
    margin-bottom: 0!important;
}
.horizonCards {
    margin-top: 15px!important;
    margin-bottom: 15px;
}
 .subtitle{
    font-family: 'Prometo-Light';
    padding-left: 20px;
    border-bottom:0;
    position: relative;
    font-weight:bold;
}
.subtitle:before {
    content: "";
    border: 2px solid #3199b4;
    background: #3199b4;
    width: 4px;
    left: 4px;
    top: -6px;
    height: 37px;
    position: absolute;
    transform: rotate(17deg);
    border-radius: 2px;
}

._outerBox .subtitle {
    padding-left: 0;
    font-family: 'Prometo-Light';
}

._outerBox .subtitle:before {
    display: none;
}
.snap-img {
    margin-top:15px;
    margin-bottom:15px;
    display:block;
}

.snap-img img {
    width: 100%;
    height: 100%;
}

@media (max-width:576px){
    .digital-btn-main {
        padding: 0rem 0.4rem;
    font-size: 11px;
    height: 28px;
    }

    .digital-btn-main img {
        width: 15px;
    }
}

.contacts-info p {
    max-height: none;
}
#divCopyright a {
    font-weight: bold;
}


.newsOwl-carousel {
    position: relative;
}

.newsOwl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -70px;
}

.newsOwl-carousel .owl-nav button{
    border:1px solid #eee!important;
    width: 40px;
    height: 40px;
}
.newsOwl-carousel .owl-nav button{
    font-size:25px!important;
    border: 1px solid rgba(0,0,0,.125)!important;
}

.newsOwl-carousel .owl-dots {
    margin-top: 10px;
}
.newsOwl-carousel .owl-nav button:focus{
    outline:0!important;
    border:1px solid red;
}
.newsOwl-carousel .owl-nav [class*=owl-]:hover{
    background:#1c91ae!important;
    background: transparent!important;
    color: #1c91ae!important;
    border-color: #1c91ae!important;
}

.newsOwl-carousel .owl-dots button{ 
    outline:0!important;
}
.owl-theme .owl-nav button {
    /* width: 60px; */
    transition: all 0.3s ease;
}

.owl-theme .owl-nav button:hover {
    width: 60px;
}
.newsOwl-carousel .card-body:before {
    content: "Read more";
    position: absolute;
    bottom: 0;
    color: #196586;
    margin-bottom: 20px;
    transition: 0.3s;
}

.newsOwl-carousel .item:hover .card-body:before {
    color: #1c91ae;
    padding-left:5px;
}
div.newsOwl-carousel .item img{
    display:none;
}
.cardsHomeVertical .card-body,
.newsCards .card-body{
    padding-bottom: 55px;
}
._news .card-body:before,
.cardsHomeHorizontal .card-body:before,
.cardsHomeVertical .card-body:before,
.newsCards .card-body a.d-block:before {
    content: "Read more";
    position: absolute;
    bottom: 0;
    color: #196586;
    margin-bottom: 25px;
    transition: 0.3s;
}

._news .horizonCards:hover .card-body:before,
.cardsHomeHorizontal .horizonCards:hover .card-body:before,
.cardsHomeVertical .card:hover .card-body:before,
.newsCards .card:hover .card-body a.d-block:before{
    color: #1c91ae;
    padding-left:5px;
}
div.newsOwl-carousel .item img{
    display:none;
}
._news .horizonCards .card-body, 
.cardsHomeHorizontal .horizonCards .card-body{
    margin-bottom: 35px;
}

@media (min-width:992px){._news .horizonCards .card-body,
    ._news .cardsHomeHorizontal .horizonCards .card-body {
    margin-bottom: 40px;
}

}
@media (min-width:1200px){
    ._news .horizonCards .card-body,
.cardsHomeHorizontal .horizonCards .card-body {
    margin-bottom: 3
    0px;
}
}
/**  Values **/

.values {
    margin: 15px 0;
}
.value-item {
    text-align: center;
    border-right: 1px solid #ebebeb;
}
.value-item h5{
    margin-top:15px;
    font-family: prometo-light;
}
.product-card:hover .value-item img{
    transform:none;
}

.value-item:last-child {
    border: 0;
}
/**********/

a.readmoreBtn {
    color: #196586;
    display: flex;
    align-items: center;
    transition: 0.3s ease;
    margin-top: auto;
    /* position: absolute; */
    bottom: 30px;
}

a.readmoreBtn:hover {
    padding-left: 5px;
    color: #1c91ae;
}
a.readmoreBtn span{
    display: none;
}
@media (max-width:767px){
    a.readmoreBtn {
    position: inherit;
    }
}
/****  Award crousel  *****/


.award-carousel {
    position: relative;
    margin-top: 80px;
}

.award-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -70px;
}

.award-carousel .owl-nav button{
    border:1px solid #eee!important;
    width: 40px;
    height: 40px;
}
.award-carousel .owl-nav button{
    font-size:25px!important;
    border: 1px solid rgba(0,0,0,.125)!important;
}

.award-carousel .owl-dots {
    margin-top: 10px;
}
.award-carousel .owl-nav button:focus{
    outline:0!important;
    border:1px solid red;
}
.award-carousel .owl-nav [class*=owl-].disabled:hover{
  border: 1px solid rgba(0,0,0,.125)!important;
  width: 40px!important;
  background:transparent;
  color: rgba(0,0,0,.125)!important;
}
.award-carousel .owl-nav [class*=owl-]:hover{
    background:#1c91ae!important;
    background: transparent!important;
    color: #1c91ae!important;
    border-color: #1c91ae!important;
}

.award-carousel .owl-dots button{ 
    outline:0!important;
}
.award-carousel .owl-nav button {
    /* width: 60px; */
    transition: all 0.3s ease;
}

.award-carousel .owl-nav button:hover {
    width: 60px;
}

.award-carousel h5.card-title {
    font-family: 'Prometo-Light';
    /* font-weight: bold; */
    font-size: 32px;
    text-align: center;
    margin-bottom: 25px;
    color: #196586;}

.award-carousel ul {
    padding-left: 18px;
}
.award-carousel ul li {
    color: #1b4c5f;
    margin-bottom: 15px;
}

.award-carousel .owl-item {
    height: 100%!important;
}

.award-carousel .owl-stage {
    height: 100%;
}

.award-carousel .owl-stage-outer {
    height: 100%;
}
.award-carousel .card:after {
    content: "";
    position: absolute;
    right: -15px;
    /* border: 0; */
    border-right: 1px solid #dfdfdf;
    border-radius: 0;
    height: 1000%;
}
.award-carousel .card {
    border: 0;
}
.awards {
    padding: 15px;
    max-width: 1550px;
    margin: auto;
}

.awards-ttl {
    font-family: 'Prometo-Light';
    color: #196586;
    text-align: center;
}

img.card-img-top {
    border-radius: 0;
}

.card {
    border-radius: 0;
}

.accStyle .card .card-header {
    border-radius: 0!important;
}

.accStyle .card, 
.accStyle .card .card-body,
.collapse {
    border-radius: 0!important;
    box-shadow: none;
}
.row-bg {
    transition: all 0.3s linear;
}
.mainText:hover .row-bg {
    transform: scale(1.07);
}

section.mid-banner{
    background: url(/en/AboutABC/PublishingImages/global-Bnr.jpg);
    min-height: 300px;
    display: flex;
    align-items: center;
    /* background-position: center; */
    background-size: cover;
}

.mid-banner h3 {
    font-size: 46px;
    margin-bottom: 0;
}

.mid-banner ._content p {
    font-size: 35px;
    font-family: 'Prometo-Light';
}

.mid-banner ._content {
    color: #fff;
}
@media (max-width:767px){
    .mid-banner h3 {
        font-size: 36px;
    }
    
    .mid-banner ._content p {
        font-size: 30px;
        font-family: 'Prometo-Light';
    }
}

.form-control {
    border-radius: 0;
}

.searchBtn, input.btn {
    border-radius: 0;
}
@media (min-width: 1200px){
    .horizonCards .card-body {
        padding: 20px;
    }
    }
    @media (max-width:575px){
        .value-item {
            border-right: 0;
            padding-bottom: 10px;
            padding-top: 15px;
            border-bottom: 1px solid #ebebeb;
        }
        .value-item:first-child {
            padding-top: 0;
        }
        .values {
        max-width: 230px!important;
        margin: auto;
        margin-bottom:20px
        }
    }
    
    .CC-Contacts {
        background: #1c91ae;
        font-size: 19px;
        font-family: 'Prometo-light';
        padding: 25px!important;
        color: #fff;
        background: #0ea2bd linear-gradient(#0ea2bd, rgb(72 86 100 / 50%) );
    }    
    .units-list {
        /* margin-top: 30px; */
    }
    .units-list .btn-link {
        padding-left: 22px;
        font-family: 'Prometo-Light';
        font-size: 16px!important;
        color: #53565a!important;
        font-weight: bold;
        padding-right: 0;
    }
    .units-list .card-body {
        padding: 20px;
        background: transparent!important;
    }
    .units-list .abc-list {
        /* margin-left: -10px; */
        margin-bottom: 0;
    }  
    
    .card-header {
        position: relative;
    }
    .units-list .btn-link:after {
        content:"";
        position:absolute;
        left: 9px;
        top: calc(50% - 1px);
        border-top: 2px solid #1c91ae;
        width: 14px;
    }
    /*
    .units-list .btn-link:before {
        content:"";
        position:absolute;
        right:20px;
        top: calc(50% - 8px);
        border-right:2px solid #fff;
        height: 0px;
        transition: 0.3ms;
        
    }*/
    .pluse:before{
        content:"";
        position:absolute;
        left: 15px;
        top: calc(50% - 7px);
        border-right: 2px solid #1c91ae;
        height: 14px;
        transition: 0.3ms;
}
.units-list .card-header {
    background: transparent!important;
}

.units-list p {
    margin-bottom: 3px;
}


/**** Investor Relations 20Feb 2022 ****/
/**** shareholder Information ****/
.investor {
}

.lightblue-ttl {
    font-family: 'prometo';
    color: #009bc0;
    margin-bottom: 15px;
}
.link-list {
    font-family: 'Prometo-Light';
    margin-bottom: 50px;
}
.link-item {
    color: #323232;
    padding: 5px 8px;
    border-bottom: 1px solid #bfbfc1;
}

.link-item a {
    color: #323232;
    margin-right: 5px;
    position: relative;
}

.link-item a:after {
    content: "";
    border-right: 8px solid #00a1c4;
    /* border-left: 10px solid #323232; */
    border-bottom: 8px solid #fff;
    /* width: 0; */
    /* height: 0; */
    right: -14px;
    position: absolute;
    top: 41%;
    transform: rotate(45deg);
    /* margin-left: 15px; */
}

.link-item:last-child {
    border-bottom: 0;
}

.table-list {
    font-family: 'Prometo-Light';
    margin-bottom: 50px;
}

.table-item {
    display: flex;
    color: #323232;
    padding: 5px 8px;
    border-bottom: 1px solid #bfbfc1;
}
.table-item:last-child{
    border-bottom:0;
}

/**** shareholder Information ****/
.investor-cards {
    background-image: url(/Style%20Library/Images/Investor-Relations-Bg1.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;
}

.investor-cards {
    padding: 2rem;
}

.investor-content {
    width: 45%;
    margin-left: auto;
}

.box-height {
    color: #fff;
    min-height: 9rem;
    color: #fff;
    align-items: center;
    justify-content: flex-start;
    justify-items: flex-start;
    display: flex;
}

.mt-auto.d-block.pt-2.readLink {
    color: red;
}
.investor-card-ttl.box-height {
    min-height: 12rem;
}
.investor-cards {
    /* background-image: url(/Style%20Library/Images/Investor-Relations-Bg3.jpg); */
}

.investor-content-row2 .box-height {
    /* display: block; */
}

.white-bg-investors {
    /* background: #fff; */
}

h4 {}

.Capital-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #bfbfc1;
    padding: 5px 0;
    width: 100%;
    /* flex-direction: column; */
}

.Capital-list {
    margin: 15px 0 30px;
    width: 100%;
    font-size: 14px;
}

.white-bg-investors .readLink a {color: #00a1c4;}

.investor-content-row2 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cap-list-ttl {
    /* padding-right: 15px; */
}

.Capital-list a {
    color: #323232;
    transition: 0.3ms;
    color: #fff;
}

.investor-card-ttl h4 {
    color: #00a1c4;
    line-height: 1.2;
}

.Capital-item:hover {
    color: #00a3c6;
    background: #f6f6f6;
    text-decoration: none;
    /* transform: scale(1.02); */
}

.full-row-content {
    background: url(/Style%20Library/Images/Investor-Relations-Bg5.JPG);
    padding: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

h4.full-row-tt {
    color: #fff;
    margin-bottom: 15px;
}

.full-row-subtt {
    color: #424242;
    margin-bottom: 10px;
    font-size: 18px;
}

.investor-full-row {
    margin: 15px 0 30px;
}
/*** Blue Head Table ***/

.blue-tbl .thead-light {
    background: #00a1c4;
    color: #fff;
}

.blue-tbl tr {
    border-bottom: 1px solid #dee2e6;
}

.readLink * {
    transition: all 0.2s ease;
    transition: all 0.2s linear;
}

/** Financial Accordion ***/
.acc-extend
{
    display: none;
}

@keyframes bg-anim {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 100%;
    }
}

.fin-title
{
    display: block;
    background-color: #00a1c4;
    background-image: url(/PublishingImages/whitelinesBg.png);
    padding: 10px 25px;
    color: white !important;
    background-size: 165px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    /* padding-left: 80px; */
    animation: bg-anim 100s linear infinite;
    padding-right: 42px;
    font-size: 22px;
    font-family: 'Prometo-Light';
    font-weight: bold;
    letter-spacing: 1px;
}

.fin-content
{
    padding: 15px 25px;
}

.fin-item
{
    margin-bottom: 16px;
    /* color: black; */
    /* box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15); */
    /* border: 1px solid #c3c3c3; */
    /* border-radius: 10px; */
    overflow: hidden;
}

.fin-acc
{
    counter-reset: faq-counter;
}

.fin-title:before
{
    counter-increment: faq-counter;
    content: counter(faq-counter);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #94383d;
    background: linear-gradient(135deg, #94383d, transparent);
    font-size: 26px;
    width: 192px;
    padding-top: 7px;
    padding-left: 29px;
    z-index: 1;
    display: none;
}

.fin-title span
{
    position: relative;
    z-index: 2;
}

.fin-title:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    z-index: 3;
    opacity: 0;
    transition: .15s;
}

.fin-title:hover:after
{
    opacity: .1;
}

.fin-arrow {
    position: absolute !important;
    /* height: 18px; */
    /* width: 18px; */
    /* border-left: 24px solid white; */
    border-right: 13px solid white;
    border-bottom: 13px solid transparent;
    top: calc(50% - 10px);
    right: 25px;
    display: block;
    transform: rotate(135deg);
    transition: .3s;
}

.fin-item.open .fin-arrow {
    transform: rotate(315deg);
    margin-top: 9px;
}


.fin-list a {
    border-bottom: 1px solid #bfbfc1;
    display: block;
    color: #323232;
    margin-bottom: 5px;
    padding-bottom: 6px;
}
.fin-list a:hover{
    text-decoration:none;
    color:#1b90ae;
}

.fin-list a::before {
/*    position: absolute !important;*/
    /* height: 18px; */
    /* width: 18px; */
    /* border-left: 24px solid white; */
    border-right: 18px solid #06a3c5;
    border-bottom: 18px solid transparent;
    top: calc(50% - 14px);
    right: 25px;
    display: block;
    transform: rotate(135deg);
    transition: .3s;
}

span.fin-arrow-blue {
    /* position: absolute !important; */
    /* height: 18px; */
    /* width: 18px; */
    /* border-left: 24px solid white; */
    border-right: 10px solid #00a1c4;
    border-bottom: 10px solid transparent;
    /* top: calc(50% - 14px); */
    /* right: 25px; */
    display: inline-block;
    transform: rotate(45deg);
    transition: .3s;
}

 .fin-list a:after{
    /* position: absolute !important; */
    /* height: 18px; */
    /* width: 18px; */
    /* border-left: 24px solid white; */
    content:"";
    border-right: 10px solid #00a1c4;
    border-bottom: 10px solid transparent;
    /* top: calc(50% - 14px); */
    /* right: 25px; */
    display: inline-block;
    transform: rotate(45deg);
    transition: .3s;
    margin-left: 5px;
}


/**** Location Icon *****/

.location {
    /* content: "\f124"; */
    /* font-family: 'Font Awesome 5 Brands'; */
    color: #fff;
    font-size: 20px;
    margin-left: auto!important;
    padding-top: 3px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
   display: none;
}
.location svg {
    width: 19px;
    color: #fff;
    fill: #fff;
}
.location:hover {
    background: rgba(204, 204, 204, 0.5);
}

.header-appear .location,
.header-appear .location svg {
    color: #464648;
    fill: #009cbd;
}


  /* homepage popup */
  
  .abc-popup-container.home-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(73, 73, 73, 0.722);
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    overflow: auto;
}

.abc-popup-box.home-pop-box {
    max-width: 900px;
    width: 100%;
    position: relative;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.11);
}

.abc-popup-box.home-pop-box svg {
    top: -60px;
    background: #424242ad;
    color: white;
    transition: .3s;
}

.abc-popup-box.home-pop-box svg:hover {
    background: #009cbd;
}

.abc-pop-content {
    max-height: calc(100vh - 120px);
    overflow: auto;
    background: #fff;
    /* padding: 25px; */
}

.abc-popup-container.home-popup.open {
    visibility: visible;
    opacity: 1;
}



.popup-close svg {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px;
    color: #0e285a;
    cursor: pointer;
    z-index: 2;
}

.popup-close svg:hover {
    background: #f2f4f6;
}

.pop-ttl {
    background: #009cbd;
    background: #009cbd linear-gradient(to bottom, #009cbd, rgb(72 86 100 / 30%) );
    text-align: center;
    font-family: 'Prometo-Light';
    font-weight: bold;
    padding: 25px;
    color: #fff;
    position: relative;
}

.pop-ttl:after {
    content: "";
    border-right: 30px solid #1588a3;
    border-bottom: 30px solid transparent;
    position: absolute;
    bottom: -14px;
    right: calc(50% - 15px);
    transform: rotate(135deg);
}

.inner-abc-pop {
    padding: 25px;
}


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

.pop-title {
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 30px;
        font-family: 'Prometo-Light';
        font-size: 18px!important;
        color: #53565a!important;
        font-weight: bold;
        padding-right: 0;
        position:relative;
        border-bottom: 1px solid rgba(0,0,0,.125);
        display:block;
        cursor: pointer;
}

.pop-title:before{
        content: "";
    position: absolute;
    left: 15px;
    top: calc(50% - 7px);
    border-right: 2px solid #1c91ae;
    height: 14px;
    transition: height 0.3ms ease;
}

.pop-title:after{
    content: "";
    position: absolute;
    left: 9px;
    top: calc(50% - 1px);
    border-top: 2px solid #1c91ae;
    width: 14px;
}

.pop-item.open .pop-title:before{
    height:0;
}
.pop-list a{padding: 2px 4px;padding-right: 10px;display: inline-block;}
.pop-list a:after {
    content: "";
    border-right: 8px solid #1c91ae;
    border-bottom: 8px solid transparent;
    /* top: calc(50% - 14px); */
    /* right: 25px; */
    display: inline-block;
    transform: rotate(45deg);
    transition: .3s;
    margin-left: 5px;
display:none;
}

.pop-content {
    padding: 10px 5px 5px 25px;
}
.newsBlocks .item:hover .card
{
    border: 1px solid #3199b4;
}
/* Modify because of last changes */
.cardDesign .card-body:before{
    display:none;
}
.custom-lg-col {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    @media (min-width: 992px) {
        .custom-lg-col {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

/***** BOD Changes 6/08/2023****/

._bodContainer .bod-box p {
    color:#5fd0df;
}
._bodContainer .bod-box ._desc {
margin-top: -1px!important;
    background-color: #005670!important;
}

@media (min-width:1200px){
.Capital-item {
    flex-direction: column;
}
    .cap-list-ttl {
    padding-right: 0;
}
}
@media (max-width:400px){
.Capital-item {
    flex-direction: column;
}
    .cap-list-ttl {
    padding-right: 0;
}
}
.sus-ttl {
    text-align: left;
    width: 100%;
}

.bg-img {
     height: 200px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.newCards>div:nth-child(1) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-1.JPG);
}
.newCards>div:nth-child(2) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-2.JPG);
}
.newCards>div:nth-child(3) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-3.JPG);
}
.newCards>div:nth-child(4) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-4.JPG);
}
.newCards>div:nth-child(5) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-5.JPG);
}
.newCards>div:nth-child(6) .card .bg-img {
    background-image: url(/en/PublishingImages/Sustainability-6.JPG);
}


.WBDT>div:nth-child(1) .card .bg-img {
    background-image: url(/PublishingImages/WBDT-s1.JPG);
}
.WBDT>div:nth-child(2) .card .bg-img {
    background-image: url(/PublishingImages/WBDT-s2.JPG);
}
.WBDT>div:nth-child(3) .card .bg-img {
    background-image: url(/PublishingImages/WBDT-s1.JPG);
}
.WBDT>div:nth-child(4) .card .bg-img {
    background-image: url(/PublishingImages/WBDT-s4.JPG);
}

.conBnr {
    background-image: url(/Style%20Library/Images/homeSubBanner.JPG);
    background-position: center;
    background-size: cover !important;
    position: relative;
}

.conBnr p {
    text-align: center;
    font-size: 17px;
    font-family: 'Prometo-Light';
    font-weight: 600;
}

.conlogo {
    background: url(/Style%20Library/Images/libyaLogo.PNG);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 30%;
    height: 100%;
}

.con-overlayLine {
        background: url(/Style%20Library/Images/overlay-line-sml.PNG);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 28px;
}

.conBnr .container {
    padding-top: 30px;
    padding-left: 30px;
}
@media (min-width:576px){
    .conBnr .container {
    padding-top: 30px;
    padding-left: 15%;

}
}
@media (min-width:768px){
    .conBnr .container {
        padding-top: 0;
        padding-left: 15%;
    }
    .conlogo{
        max-width:26%;
    }
}

@media (min-width:992px){
        .conBnr .container {
        padding-right: 5%;
        padding-left: 20%;
    }
    .conlogo{
        max-width:24%;
    }
        .conBnr p {
    font-size: 20px;
    }
}
@media (min-width:1500px){
        .conBnr .container {
        margin-right: 4%;
        max-width: 90%;
        }
}


._follow ul.list-unstyled li img, .side-footer ul.list-unstyled li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


._follow ul.list-unstyled li a img:last-child{
    display:none;
}

.side-footer ul.list-unstyled li a img:first-child{
    display:none;
}

/**************************/
 
.fatemaIcon
{
    position: fixed;
    bottom: 15px;
    right: 30px;
    /* overflow: hidden; */
    width: 96px;
    height: 117px;
    text-align: center;
    /* border: 1px solid #1d4c5e; */
    /* background: white; */
    border-radius: 50%;
    display: inline;
    z-index: 999;
} 
.fatemaIcon a {
    display: inline-block;
    height: 100%;
    width: 96px;
    position: relative;
}
.fatemaIcon img
{
    width: 105px;
    height: 105px;
    width: 180%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position:absolute;
    top: 0;
    left: -39px;
    right: 0;
    bottom: 0;
    /* margin: auto; */
}
 
 
.askFatema
{
    color: #000e3c;
    position: fixed;
    overflow: visible;
    text-align: center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    bottom: 10px;
    right: 38px;
    width: 78px;
    height: 17px;
    font-size: 0.7rem;
    border-radius: 2px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 51%, rgba(255,255,255,1) 100%);
    background-image: -webkit-linear-gradient(top,#fff 0%,#fff 50%,#eee 100%);
    z-index: 1000;
    display: none;
}
.askFatema span{
    /* display: none; */
    color: #000e3c;
    color: #005670;
    padding-top:1px;
    display:inline-block;
}
.askFatema:hover{
    text-decoration:none;
}

@media (max-width: 767.98px){
.fatemaIcon {
    display:none;
}
  .askFatema {
        right: 0;
        border-radius: 4px 0 0 4px;
        bottom: 20px;
        width: 30px;
        height: 130px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-text-orientation: mixed;
        text-orientation: mixed;
        padding-right: 1px;
        font-size: 1.1rem;
        background: #fff;
        background: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(51%,rgba(247,246,246,.973)),to(#fff));
        background: linear-gradient(90deg,#fff,rgba(247,246,246,.973) 51%,#fff);
        color:#005670;
        z-index: 1000;
        display: block;
    }
}


iframe{
    max-width:100%;
}
@media only screen and (max-width:575px){
    iframe{
    height:300px;
}
}


/**** New Form ***/
.business-form {/* max-width: 1550px; *//* margin: auto; *//* padding: 15px; */}
.business-form .form-horizontal {
        /* border: 1px solid #e2e2e2; */
        background: #ffffff;
        padding-top: 3rem!important;
}
.business-form .form-horizontal .row{
        max-width:800px;
        position: relative;
}
.FormTitle{
    font-size: 1.5rem;
    color: #007096;
    display: inline-block;
    margin-bottom: 20px;
    padding:0;
}

.business-form label{
    padding:0;

}
.business-form .form-Btn input{
    background: #007096;
    border-color: #007096;
    margin: 0;
    font-size: 1.2rem;
    color: #fff;
    border: 0px;
    padding: 0.6rem 2rem;
}

.confirm-message {
    font-size: 20px;
    border: 1px solid green;
    padding: 5px 15px;
    /* margin-top: 30px; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    color: green!important;
    background: #fff;
}

.business-form .form-horizontal .row>.col-md-12:last-child {
    position: static;
}

.business-form .control-label {
    -ms-flex: 0 0 100%;
    flex: 0 0 33.333333%;
    max-width: 100%;
}


.flexStyle {
display:flex;
justify-content:space-between;

}
.flexStyle img, .card:hover .flexStyle img {
    transform:rotate(90deg);
}
.card .flexStyle[aria-expanded="true"] img {
transform:initial;
}

.video-box {
    text-align: center;
}

.video-media {
    width: 100%;
    max-width: 1100px;
}

.custom-cards {
    background-image: url(/Style%20Library/Images/Sustainability-01.jpg);
}

.custom-cards2 {
    background-image: url(/Style%20Library/Images/Sustainability-02.jpg);
}

@media (min-width:992px){
    .custom-cards {
        background-size: 100% 200%;
    }
}

/** New Award **/

.award-filter {
    max-width: 500px;
    margin: 50px auto;
    display: flex;
    align-content: center;
}

.award-filter label {
    padding-top: 10px;
    padding-right:15px;
    font-weight:600;
    font-size: 18px;
}


.award-filter select {
    font-size: 18px;
    padding: 5px;
    height: auto;
    flex: 1 1 auto;
    width: 1%;
}

.award-tabel th {
    font-size: 18px;
    font-family: 'Prometo-Light';
    color:#009cbd;
    color:#fff;
    background:#005670;
}
.award-tabel thead th:not(:last-child){
    width:40%;
}

h1.awards-ttl {
    margin-bottom: 70px!important;
}

@media (max-width:767px){
.award-tabel tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom:2px solid #005670;
}

.award-tabel thead{
    display:none;
}

.award-tabel tr td:first-child{
    font-weight:bold;
}

.award-tabel tr td:last-child{
    text-align:center;
    font-weight:bold;
    color: #007096;
    font-size:18px;
    font-family:'Prometo-light';
}
}

ul.pagination.bootpag>li:before {
    display:none;
}

/* New Egypt Form */
.successMsg {
    text-align: center;
    /* display: flex; */
}

.successMsg .confirm-message {
    color: green!important;
    border-bottom: 1px solid green;
    font-size: 22px;
    padding: 5px 15px;
    text-shadow: 0 0 2px #33333369;
    margin: 10px 0;
    display: inline-block;
    background: #eee;
    margin-right: auto;
}

.captcha-error {
    color: red;
}


.branch-alert {
    font-family: prometo-light;
    box-shadow: #eeeeee 0px 0px 4px 4px;
    color: #1d4c5e;
    background: rgb(131 228 241 / 49%);
    padding: 30px 50px 30px 30px;
}
.branch-alert .close {
    padding: 5px 10px;
    margin-right: 5px;
}
.branch-alert .close:focus{
    outline:none;
}

/* New Bod with popUp*/

.bod-content:hover{
    box-shadow: 0 0 4px 3px rgba(171, 172, 174, 0.4);
    text-decoration: none;
    cursor: pointer;
}
.bod-content {
    overflow: hidden;
}
.popUp-overlay{
    background: rgb(0 0 0 / 70%);
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 555;
    opacity: 0;
    visibility: hidden;
}
.popUp-overlay.open{
    opacity: 1;
    visibility: inherit;

}
.popUp {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 556;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
    overflow-y: scroll;
    margin-top: 30px;
}
.popUp.open {
    opacity: 1;
    visibility: visible;
}
.popUp .container {
    margin: auto;
    position: relative;
    z-index: 556;
}

.popUp-content {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}

.popUp-content .member-name {
    color: #1d4c5e;
}

.popUp-content .position, 
.popUp-content .represent-info {
    font-family: 'prometo-light';
    font-weight: 600;
    color: #2491ad;
}

.depen-info, .membership-date {
    font-family: 'prometo-light';
    font-weight: 600;
}

.popUp-content .member-body {
    padding-top: 20px;
    border-top: 1px solid #cacaca;
    margin-top: 25px;
}

.popUp-container {
    transition: 0.5s;
    transform: translateY(-50px);
    opacity: 0;
}

.popUp.open .popUp-container {
    transform: initial;
    opacity: 1;
}
.popUp-open{
    overflow: hidden;
}
.member-img-box {
    padding: 30px 0;
}
.member-img {
    width: 356px;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 5px solid #fff;
    border-radius: 5px;
    outline: 3px solid #2491ad;
    margin:auto;
    max-width: 100%;
}

span.close {
    font-size: 50px;
    padding: 5px 10px;
    /* line-height: normal; */
    margin-top: -15px;
    position: absolute;
    right: 30px;
    z-index: 300;
}
.bod-info {
    position: relative;
    padding-bottom: 20px;
}
.read-Btn {
    background: #2491ad;
    border-color: #2491ad;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 46px;
    transform: translateY(100%);
    transition: 0.3s;
}
.read-Btn:hover, .read-Btn:active, .read-Btn:focus {
    background:transparent;
    border-color: #fff;
    color: #fff;
}

@media (min-width: 768px) {
    .bod-info {
        padding-bottom: 0;
    }
    
    .read-Btn {
        right: 3px;
        bottom: 3px;
        transform: translateY(100%);
    }
    .bod-content:hover .read-Btn {
        transform: initial;
    }

}

/********  CSS for Upgrading bootstrap and jquery  *************/

.separatorBnr ._content h2 {
    font-family: 'prometo';
    color: #fff;
}

.newsBlocks .card-body h5 {
    font-family: 'prometo';
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'prometo';
    color: inherit;
}

.separatorBnr ._content h3 {
    color: #fff!important;
}

.mid-banner h3 {
    color: #fff;
}

footer h5 a, footer h5 a:visited, footer h5 a:hover {
    color: #5fd0df;
    text-decoration: none;
}

table,.table {
    color: #53565a;
}

button:hover {
    background: none;
    border-color: transparent;
}

.LoadBtn a:focus {
    box-shadow: none;
}

a.fin-title {
    text-decoration: none;
}

/** Units style **/
.dropdown-menu .container .row {
    width: 100%;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}