body {
    padding: 0px;
    margin: 0px;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: 'Poppins', sans-serif !important;
}
img{
    border-radius:10px;
}
.rita-fix{
    height: 300px;
}
@font-face {
    font-family: 'Christopherhand';
    font-style: normal;
    font-weight: normal;
    src: local('Christopherhand'), url('fonts/comesinhandy.woff') format('woff');
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: RedHat, sans-serif !important; */
}

.d_flex_column_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.f_w_bold{
    font-weight: bold !important;
}

.mainColor {
    color: #354080;
}

.borderMainColor {
    border: solid 1px #354080;
}

.borderRightMainColor {
    border: solid 1px #fff;
    border-right: solid 1px #354080;
}

.borderLeftMainColor {
    border: solid 1px #fff;
    border-left: solid 1px #354080;
}

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

.borderBottomMainColor {
    border: solid 1px #fff;
    border-bottom: solid 1px #354080;
}

.active-lang {
    border-bottom: 3px solid #354080 !important;
}

.mobile_eu {
    display: none;
}

.mobile_header {
    display: none;
}

.m_menu_disp {
    display: none;
}

.margin_container {
    /* margin: 50px 0px; */
    background: #f8f9fa;
    padding: 10px;
}
.fa-twitter{
    color:#1DA1F2;
}
.fa-x-twitter{
    color:#000;
}
.red-color{
    color: #cd201f !important;
}
.fa-linkedin-in{
    color:#0077B5;
}
.fa-rss{
    color:#ee802f;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* START HEADER */

header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10000;
    box-shadow: rgb(105, 105, 105) 0px 5px 50px;
    width: 100%;
}

.container {
    max-width: 1000px;
    margin: auto;
}
.p-top-100{
    padding-top:100px;
}
.containerheader {
    max-width: 1200px;
    margin: auto;
}
.fa-angle-up{
    color:#cecece;
}
.header {
    width: 100%;
    display: flex;
    animation: 0.8s;
}

.left_logo {
    width: fit-content;
    padding: 10px;
    padding-left: 0px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.left_logo img {
    width: 80px;
    transition: 0.5s;
}

.right_header {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.uright_header {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header_socialmedia {
    width: 90%;
}

.header_socialmedia ul {
    display: flex;
    padding: 5px;
    margin: 0;
}

.header_socialmedia ul li {
    padding: 10px;
    list-style-type: none;
    cursor: pointer;
    width: 40px;
    border-radius: 20px;
    margin-right: 3px;
    text-align: center;
    transition: 0.5s;
    font-size: 19px;
}

.header_socialmedia ul li a i {
    transition: 0.2s;
}

.header_socialmedia ul li:hover i {
    transform: scale(1.3);
}
.header_socialmedia h3{margin:0;padding:18px 10px 8px 10px;color:#354080;}

.bright_header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.right_logo img {
    width: 180px;
    transition: 0.5s;
}

.menu_header {
    display: flex;
    margin: 0px;
    padding: 0px 10px;
    position: relative;
}

.menu_header>li:hover .submenu_header {
    display: block;
    opacity: 1;
}

.submenu_header>li:hover .subsubmenu_header {
    display: block;
    opacity: 1;
}

.menu_header .fa-angle-down {
    color: #323e78;
}

.menu_header:first-child {
    width: 95%;
}

.menu_header li {
    padding: 19px 10px;
    list-style-type: none;
    font-size: 15px;
    cursor: pointer;
}
.menu_header.icons li{font-size:inherit;}

.menu_header li a {
    text-decoration: none;
    color: #000;
    position: relative;
}

.menu_header li .current {
    /* border-bottom: 3px solid #354080; */
    /* background-color: #efefef; */
}

.menu_header li a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #354080;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}

.submenu_header {
    z-index: 999;
    opacity: 0;
    animation: 0.4s linear 0s slide;
    -ms-animation: slide 0.5s linear;
    -webkit-animation: slide 0.5s linear;

}

.subsubmenu_header {
    position: absolute;
    background: white;
    bottom: -97px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px;
    padding: 0;
    width: 200px;
    left: 199px;
    display: none;
}

.tx-article {
    width: 100%;
    width: 100%;
    position: relative;
}

@keyframes slide {
    from {
        top: 100px;
    }
    to {
        top: 100%;
    }
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    60% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

.submenu_header li a::after {
    position: absolute;
    background: transparent;
}

.submenu_header li {
    position: relative;
}

.menu_animation li:hover a::after {
    transform: scaleX(1);
    transform-origin: left;
}

.submenu_header {
    position: absolute;
    background: white;
    top: 55px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px;
    padding: 0;
    width: 200px;
    display: none;
}

.submenu_header li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 100;
    transition: 0.5s;
    padding:0px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.submenu_header li i{
    padding-right: 10px;
}
.submenu_header li a {
    text-decoration: none;
    color: #696969;
    font-weight: 500;
    padding: 15px !important;
    display: table;
}

.submenu_header li:hover {
    background: #e6e6e6;
}

#search_button {
    transition: 0.2s;
    margin-left:50px;
}

.images-bck {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid white;
}
/* END HEADER */
/* SEARCH HOMEPAGE */

.search_container {
    width: 100%;
    /* position: fixed; */
    background: rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    /* top: 120px; */
    /* z-index: 1000; */
}

.search_form {
    padding: 20px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.search_form input[type='text'] {
    width: 100%;
    margin-right: 5px;
    outline: none;
    border: none;
    background: #fff;
    padding: 10px;
    border: 1px solid #cecece;
    color: #696969;
    border-radius: 10px;
}

.search_news {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.image_search {
    overflow: hidden;
    border-radius: 50px;
    width: 90px;
    height: 90px;
}

.image_search img {
    height: 100%;
}

.sn_container {
    width: 25%;
    padding: 10px;
    display: flex;
    border-right: 1px solid #cecece;
    flex-wrap: nowrap;
}

.sn_container:last-child {
    border: none;
}

.sn_container p {
    margin-left: 10px;
    width: 60%;
    color: #696969;
    font-weight: 700;
    font-size: 14px;
}

.search_form h3 {
    font-size: 20px;
    color: #696969;
    font-weight: 900;
}

#search_button_:hover {
    background: #cecece;
}

#search_container {
    display: none;
}
/* END SEARCH HOMEPAGE */
/* LANGUAGE HEADER */

.language_disp {
    display: flex;
    margin: 1em;
    animation: 0.8s;
}

.language_disp li {
    list-style: none;
    padding: 0px 10px;
    font-weight: 700;
    font-size: 14px;
}

.language_disp li a {
    text-decoration: none;
    color: #000;
    font-weight: initial;
    font-size: 14px;
    position: relative;
}

.language_disp li a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #354080;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}
/* START HOMEPAGE BANNER */

.homepage_bck {
    background-image: url("../images/BackgroundFlag-272021.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.homepage_banner {
    padding-top: 80px;
}

.latest_news {
    width: 100%;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    padding-left: 0px;
    height: 565px;
    padding-top: 50px;
}

.img_latest {
    width: 75%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.img_latest img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.content_latest {
    height: 380px;
    position: absolute;
    right: 100px;
    top: 280px;
    width: 470px;
}

.content_latest h2 a {
    font-size: 60%;
    background-color: #eeeeee;
    padding: 10px;
    color: #323e78;
    line-height: 2.7;
    text-decoration: none;
    transition: 0.5s;
    /*
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    -moz-box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    Shows a box shadow on text only in firefox */
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: 5px;


}

.content_latest h2 a:hover {
    color: #323e78;
    background: #e6e6e6;
}

#banner_slider .owl-nav {
    /* top: 0; */
    left: 2px;
    width: 92% !important;
    top: 220px !important;
    display: none;
}

#banner_slider .owl-prev img {
    width: 13px;
}

#banner_slider .owl-prev,
#banner_slider .owl-next {
    width: 35px;
    height: 40px !important;
    height: 100px;
    position: absolute;
    top: 140%;
    margin-left: -10px;
    padding: 10px !important;
    outline: none;
    /* border: 1px solid #cecece !important; */
    /* height: 26px; */
    display: block !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.0);
    cursor: pointer;
    height: 40px;
    width: 40px;
    transition: 0.7s;
    background: rgba(255, 255, 255, 0.5);
}

#banner_slider .owl-prev:hover,
#banner_slider .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#banner_slider .owl-next img {
    width: 13px;
}
/* END HOMEPAGE BANNER */

.space_between {
    width: 100%;
    /* height: 100px; */
}

.title_section {
    font-size: 20px;
    color: #323e78;
    padding: 10px;
    font-weight: bold;
    padding-left: 0px;
    text-align: left;
}

.flex-disp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
/* START OTHER NEWS */

.o_news {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.lo_news {
    width: 450px;
    position: relative;
    padding: 20px;
    padding-left: 0px;
    border-radius: 10px;
}

.lo_image {
    width: 100%;
}
.factsheetImg{
    width: 70%;
}
.factsheetImg img{
    max-width: 100% !important;
}
.lo_image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.lo_news:hover .lo_content h2 a {
    background: #323e78 !important;
    color: #fff;
}

.lo_news:hover .lo_image {
    /* transform: scale(1.5); */
}

.lo_content {
    position: absolute;
    right: 10px;
    width: 415px;
    bottom: 20px;
    left: 10;
}

.lo_content h2 a {
    font-size: 60%;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    color: #323e78;
    line-height: 2.8;
    text-decoration: none;
    transition: 0.5s;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 10px;
    border-radius: 10px;
}

.ro_image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 560px;
    padding: 0px;
    height: 100%;
}

.ro_article {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    margin: 5px;
    width: 48%;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    transition: 0.3s;
    transform: translateY(2px);
    background-color: #fff;
    border: none;
    /* border-radius: 8px; */
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-sizing: border-box;
}

.mobile_ro_article {
    display: none;
}

.ro_article:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}

.ro_article:hover p:last-child {
    color: #354080;
    background-color: #eeeeee;
}

.ro_article:nth-child(-n+2) {
    margin-top: 0px;
}
/* .ro_article:hover {

background: #89c3e3;

} */

.ro_article:hover .tx-article p:last-child {
    background: #323e78 !important;
    color: #e6e6e6
}

.image_article {
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden;
    border-radius: 10px;
}

.image_article img {
    width: 100%;
}

.ro_article p {
    height: 65px;
    overflow: hidden;
    padding: 0px 10px;
    font-size: 14px;
    position:relative;
    color: #323e78;
}

.ro_article p:last-child {
    background: #eeeeee;
    border-bottom-right-radius: 10px;
    color: #323e78;
    width: fit-content;
    padding: 4px;
    font-size: 12px;
    margin: 0px;
    position: absolute;
    right: 0;
    border-top-left-radius: 10px;
    height: fit-content;
    height: -moz-max-content;  
    min-width: 105px;
    bottom:0
}

.ro_article:hover .mob-text p:last-child {
    color: #eeee;
    background-color: #354080 !important;
}

.view_more {
    text-align: center;
    margin-bottom: 0px;
    padding: 20px;
    margin: 0px;
}

.view_more a {
    text-decoration: none;
    color: #002c71;
}

.view_more a i {
    transition: 0.5s
}

.view_more a:hover i {
    -webkit-animation: linear infinite alternate;
    animation: run 1s;
    padding-left: 5px;
    color: #002c71
}

.select-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px 0px 10px 0px;
    position: relative;
}

.select-widget p {
    color: #323e78;
    padding: 5px;
    border: 1px solid #cecece;
    cursor: pointer;
    margin: 0px;
    font-size: 15px;
    width: 150px;
}

.select-widget p i {
    float: right;
}

.year-list {
    background: white;
    border: 1px solid #cecece;
    margin: 0px;
    padding: 0px;
    width: 150px;
    margin-top: 5px;
    position: absolute;
    top: 55px;
    z-index: 999;
    display: none;
    height: 250px;
    overflow-y: scroll
}

.year-list li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid #cecece;
    transition: 0.5s;
    display: flex;
    width: 100%;
    color: #696969;
}

.year-list li a {
    text-decoration: none;
    font-size: 15px;
    display: flex;
    width: 100%;
    color: #696969;
}

.year-list li:hover {
    background: #e6e6e6;
    color: white;
}

#openYear {
    position: relative;
    transition: 0.5s;
    border-radius: 10px;
    padding:10px;
}

#openYear:hover {
    box-shadow: 0px 8px 20px 0px rgba(206, 206, 206, 0.4);
}

#openYear i {
    transition: 0.7s;
    font-size: 15px;
    right: 5px;
    position: absolute;
    transform: rotate(0deg);
}

.changeArrow i {
    transition: 0.7s !important;
    transform: rotate(180deg) !important;
    bottom: 12px;
}

.showYear {
    display: block;
    animation: fadeInUpYear 1s;
    border-radius: 10px;
}

.active_year {
    color: #002751 !important;
}

@keyframes fadeInUpYear {
    from {
        opacity: 0.8;
        transform: translate3d(0, 10px, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes run {
    0% {
        left: 0;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

.ptop {
    padding: 30px 0px;
}
.our_people{
    text-align: center;
}
/* END OTHER NEWS */
/* START VIDEO GALLERY */

.video_gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    animation: fadeInDown 2.5s;
}

.vg_container {
    display: flex;
    position: relative;
    width: 31%;
    cursor: pointer;
    margin: 15px;
    box-sizing: border-box;
    color: #696969;
    padding: 6;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px rgba(206, 206, 206, 1);
}

.vg-more-container {
    width: 100%;
}

.vg_container:first-child {
    margin-left: 0px;
}

.vg_container:last-child {
    margin-right: 0px;
}

.vg_container img {
    width: 100%;
}

.vg_text {
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.2);
    position: absolute;
    width: 250px;
    height: 80px;
    bottom: -65px;
    background: #e6e6e6;
    left: 30px;
    text-align: center;
    padding: 25px;
    transition: 0.5s;
    overflow: hidden;
    padding-top: 15px;
    border-radius: 10px;
}
.owl-carousel .owl-item img{
    width:100%;
    /* height:100%; */
    object-fit: contain;
    border-radius: 10px;
}
.vg_text p {
    margin: 0px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #002c71;
}

.vg_container:nth-child(4) {
    margin-top: 30px;
}

.vg_container span {
    position: absolute;
    right: 40%;
    bottom: 5px;
    z-index: 999;
    bottom: -10px;
}
/* .vg_container:hover .overlay-video {

opacity: 0;

} */

.vg_container:hover .vg_text {
    background: #323e78;
}

.vg_container:hover .vg_text p {
    color: #fff !important;
}
/* END VIDEO GALLERY */
/* START PHOTO GALLERY */

.photo_gallery {
    display: flex;
    flex-direction: row;
}

.pg_container {
    margin: 10px;
    height: 155px;
}

@keyframes fadeInBanner {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#banner_slider .owl-dots {
    position: absolute !important;
    top: 0;
    right: 365px;
    width: 205px !important;
    top: 541px !important;
    display: flex;
}

#banner_slider .owl-dot
{
    padding: 10px;
    background: #cecece !important;
    width: 90px;
    height: 3px;
    margin: 4px;
    outline: none;
    box-shadow: 0px 8px 20px 0px rgba(206, 206, 206, 1) !important;
}

#gallery_slider .owl-dot{
    padding: 10px;
    background: #cecece !important;
    width: 60px;
    height: 3px;
    margin: 4px;
    outline: none;
    box-shadow: 0px 8px 20px 0px rgba(206, 206, 206, 1) !important;
}
.p-top{
    padding-top:40px;
}
#banner_slider .owl-dots .active,
#gallery_slider  .owl-dots .active{
    background: #323e78 !important;
}

#gallery_slider  .owl-dots {
    position: absolute !important;
    top: 0;
    right: calc(50% - 65px);
    width: fit-content;
    width: -moz-max-content;  

    top: 215px !important;
    display: flex;
}

#gallery_slider .item {
    margin: 10px;
    box-sizing: border-box;
    height: 180px;
}
/* END PHOTO GALLERY */
/* START OF FEATURES AND CAMPAIGNS */

.cmpt-ft-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 605px;
    background: #fff !important;
    padding: 20px;
    margin: 15px;
}

.gray_bck {
    width: 100%;
    background-color: #e6e6e6;
    padding: 20px 0px;
}

#cmp-feature {
    width: 70%;
}

.ftrs-text {
    display: flex;
    flex-direction: column;
    width: 75%;
}

.cmp-article {
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
}

.cmp-article a {
    padding: 10px;
    color: #696969;
    font-weight: bold;
    font-size: 15px;
    margin: 0px;
    width: 100%;
}

.cmp-article:nth-child(odd) a:first-child {
    background: #323e78;
    width: 240px;
    color: #fff !important;
    margin: 0px;
    position: relative;
    font-size: 14px;
    padding: 10px;
    width: 90%;
}

.cmp-article:nth-child(even) a:first-child {
    background: #323e78;
    width: 240px;
    color: #fff !important;
    margin: 0px;
    position: relative;
    font-size: 14px;
    padding: 10px;
    width: 90%;
    margin-left: 22px;
}

.cmp-article:nth-child(even) .cmp-names::after {
    content: "";
    position: absolute;
    left: -18px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-right: 18px solid #323e78;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

.cmp-article:nth-child(odd) .cmp-names::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 18px solid #323e78;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

#select_campaigns {
    width: fit-content;
    width: -moz-max-content;  
    padding: 0px !important;
    margin-bottom: 0px !important;
    background: transparent;
    display: flex;
    flex-direction: row;
    border-bottom: 0;
}

.active_compaign {
    color: #fff !important;
    background-color: #323e78 !important;
    border-radius: 10px;
}

.active_div {
    display: block;
}

.campaign_feature:hover {
    background: #323e78;
}

.campaign_feature {
    margin: 0;
    background: #fff;
    padding: 10px;
    width: 220px;
    font-size: 18px;
    font-weight: 800;
    color: #cecece;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    text-align: center;
    margin-right: 3px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
}

.cmp-feature-container {
    /* background: #efefef; */
    margin-top: 10px;
    width: 100%;
    animation: 1s;
}

.cmp-article {
    padding: 10px;
    /* background: #efefef; */
    display: flex;
    align-items: center;
}

.cmp-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 150px;
    border-radius: var(--cs-image-border-radius);
    overflow: hidden;
}

.cmp-image img {
    width: 100%;
}

#features a {
    text-decoration: none;
    text-align: center;
}

#campaigns {
    display: none;
}

#campaigns a {
    text-decoration: none;
}

.bg-cmp {
    width: 50%;
    padding: 10px;
    overflow: hidden;
    display: flex;
}

.bg-cmp img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
/* END OF FEATURES AND CAMPAIGNS */
/* OTHER STORIES */

.othr_str {
    height: 210px;
    overflow: hidden;
}

.oth_videos {
    width: 685px;
    height: 250px;
    overflow: hidden;
}

.str-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.spc-str {
    width: 300px;
}

.str-article {
    width: 100%;
    margin-right: 5px;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
    flex-direction: column;
    margin-left: 10px;
    cursor: pointer;
    padding: 10px;
    background: #e6e6e6;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.2);
    text-align: center;
}

.imagestr_article {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.imagestr_article img {
    width: 100%;
}

.imagestr_article+p {
    color: #696969;
    font-weight: bold;
}

.u_othr_str {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.2);
}

.article_str {
    display: flex;
    margin-right: 5px;
    width: 25%;
}

.str_img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 80px;
    margin-right: 1rem;
    border-radius: var(--cs-image-border-radius);
    overflow: hidden;
    height: 90px;
}

.str_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article_str p {
    color: #696969;
    font-size: 0.6rem;
    line-height: 2;
    letter-spacing: 0.1;
    margin: 0px;
}
/* END OTHER STORIES */
/* FLAG BACKGROUND */

.flag_bck {
    width: 100%;
    background-image: url(../images/flag-eulex.jpeg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-attachment: fixed;
    height: 300px;
    position: relative;
}

.flag_bck>p {
    position: absolute;
    border-radius: 10px;
    bottom: -95px;
    /* text-align: center; */
    background: rgba(0, 0, 0, 0.5);
    left: 38%;
    font-size: 4rem;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 400px;
    padding: 10;
    bottom: -95;
    color: white;
    font-family: 'Christopherhand', sans-serif !important;
    color: white!important;
    font-weight: 300;
    z-index: 2;
}
/* END FLAG */
/* STAR OF BIOGRAPHY */

.bio-wrapper {
    width: 33.3%;
    margin: 10px;
    position: relative;
    height: 260px
}

.bio-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bio-wrapper h2 {
    position: absolute;
    bottom: 0;
    left: 10px;
}

.bio-wrapper h2 a {
    font-size: 14px;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    color: #323e78;
    line-height: 2.6;
    text-decoration: none;
    transition: 0.5s;
    -webkit-box-decoration-break: clone;
    padding: 10px;
}

.l-more {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 50px;
}

.r-more {
    width: 300px;
    margin-left: 5px;
    /* margin-top: 50px; */
    margin-left: 50px;
}

.b-mission {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: fit-content;
    height: -moz-max-content;  

}

.b-bio {
    padding: 10px;
    width: 50%;
    display: flex;
    box-shadow: 0px 1px 2px 1px rgb(73 73 73 / 22%);
    margin-right: 20px;
    background: #fff;
    flex-direction: column;
    padding: 5px;
    text-align: center;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 30%);
    height: fit-content;
    height: -moz-max-content;  
    cursor: pointer;
    text-decoration: none;
    margin: 5px;
    color: #323e78;
    border: 1px solid #eaeaea;
}

.b-bio p {
    margin: 0px;
    padding: 5px;
}

.b-img {
    width: 100%;
    height: 185px;
    overflow: hidden;
}

.b-img img {
    width: 100%;
}

.r-bio {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding: 10;
    /* bottom: -61; */
    /* left: 17%; */
    padding-left: 0;
    top: 100px;
    display: flex;
    flex-direction: column;
}

.flip-moreEU {
    background-color: transparent;
    width: 130px;
    height: 130px;
    perspective: 1000px;
    margin: 20px;
    /* Remove this if you don't want the 3D effect */
}

.flip-moreEU-front img {
    width: 130px;
    height: 130px;
    border-radius: 100px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
}
/* This container is needed to position the front and back side */

.flip-moreEU-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-moreEU:hover .flip-moreEU-inner {
    transform: rotateY(180deg);
}
/* Position the front and back side */

.flip-moreEU-front,
.flip-moreEU-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Style the front side (fallback if image is missing) */

.flip-moreEU-front {
    color: black;
}
/* Style the back side */

.flip-moreEU-back {
    background-color: #fff;
    color: #323e78;
    transform: rotateY(180deg);
    border-radius: 100px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    padding: 15px 0px;
    font-size: 14px;
}
/* .o-prnts:last-child {

border-bottom: none;

} */
a{
    text-decoration: none;
}
.img-othr {
    width: 100px;
    overflow: hidden;
    overflow: hidden;
}

.img-othr img {
    width: 100%;
    object-fit: cover;
}

.o-prnts p {
    margin-left: 10px;
}

.s-media {
    width: 100%;
    background: #fff !important;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 10%);
    margin-top: 10px;
    height: 350px;
    overflow: hidden;
    margin: 10px;
    border-radius: 10px;
}
.s-media blockquote{
    margin:0px;
    padding:10px;
    color:#002751;
    font-size: 14px;
    display: flex;
}
.s-media blockquote a{
    padding:10px;
}

.web_socialmedia {
    width: fit-content;
    width: -moz-max-content;  
    margin: auto;
}

.web_socialmedia ul li {
    padding: 0px;
    width: 50px;
    height: 50px;
    background: #ededef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.web_socialmedia ul li a {
    font-size: 14px;
}

.fa-facebook-f {
    color: #4267B2;
}

.fa-twitter {
    color: #1DA1F2;
}

.s-media p {
    color: #696969;
    font-size: 0.8rem;
    line-height: 2;
    letter-spacing: 0.1;
    margin: 0px;
}

.s-media p:first-child {
    font-size: 16px;
}

.str-cs {
    margin-top: 20px;
}

.str-cs img {
    width: 100%;
}

.bio-widg {
    display: flex;
    width: 55%;
    margin: auto;
    padding: 0px 0px 80px 0px;
    margin: auto;
}

.widg-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-shadow: 0px 14px 48px -15px rgb(0 0 0 / 15%);
    margin: 10px;
    position: relative;
    height: 260px;
}
.a-case{
    width:40%;
}

.gray {
    background: #f8f9fa;
}

.widg-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.widg-para {
    position: absolute;
    bottom: -60px;
    margin: 0px;
    /* color: white; */
    color: #323e78;
    left: 0;
    font-weight:500;
    width:90%;

}

.widg-para a {
    font-size: 17px;
    background: #eeee;
    padding: 10px;
    color: #323e78;
    line-height: 2.6;
    text-decoration: none;
    transition: 0.5s;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 10px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    -moz-box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    border-radius: 5px;

}

.widg-container:hover .widg-para a {
    color: #eeee;
    background: #323e78;
}

.widg-para a:hover {
    color: #323e78;
    background: #e6e6e6;
}
/* END OF BIOGRAPHY */
/* START FOOTER */

footer {
    background: #f8f9fa !important;
    width: 100%;
    float: left;
    margin-top: 50px;
}

.footer-padding {
    margin-top: 0px !important;
}

.c-logo {
    position: relative;
    width: 200px;
    margin: auto;
}

.c-logo img {
    width: 100%;
    position: absolute;
    top: -50px;
    background: #ededef;
    padding: 10px;
    box-shadow: 0px 8px 20px 0px rgba(24, 32, 111, 0.1);
}

.m-footer {
    padding: 50px 0px 0px 0px;
}

.m-footer ul {
    display: flex;
    /* margin-left: 0px; */
    padding-left: 0;
    margin: 10px auto;
}

.m-footer ul li {
    padding: 10px;
    margin-right: 5px;
    /* width: 190px; */
    list-style-type: none;
    width: 20%;
    font-size: 16px;
    text-align: center;
}

.m-footer ul li a {
    text-decoration: none;
    color: #696969;
    position: relative;
}

.m-footer ul li a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #354080;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}

.info-f {
    padding: 10px;
    background: #efefef;
}

.info-f p {
    text-align: center;
    font-size: 14px;
    margin: 0px;
    padding: 10px;
    color: #696969;
}

.info-f p a {
    text-decoration: none;
    color: #696969;
}

.copyrights p {
    text-align: center;
    margin: 0px;
    font-size: 14px;
    color: #696969;
    padding: 5px;
}

.copyrights p a {
    color: #696969;
    text-decoration: none;
}

.copyrights {
    margin-top: 5px;
}
/* END FOOTER */

#top-button {
    position: fixed;
    right: 0;
    bottom: 31px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: #323e78;
    border-radius: 50px;
    padding: 7px 14px;
    display: none;
    animation: topBottom 2.5s;
    z-index: 9999;
}

#top-button i {
    color: #fff !important;
}

@keyframes topBottom {
    0% {
        top: 70%;
    }
    100% {
        top: 92%;
        ;
    }
}

#top-button svg {
    height: 18px;
    fill: #354080;
}

.stars-bck {
    background-image: url(../images/starts-backgroundhome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
    padding-bottom: 20px;
}

.pathbar_stl {
    position: relative;
}

.pathbar_stl p {
    position: absolute;
    bottom: 0px;
    color: white;
    font-size: 20px !important;
    font-weight: bold;
}

.pathbar_stl p a {
    color: #fff !important;
    font-weight: initial;
}

.social_media_bar {
    display: flex;
    flex-direction: column;
}

.social_media_bar #fb-root {
    padding: 10px;
}

.media-widget {
    width: 100%;
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
}

.social-media {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-right: 40px;
    padding-right: 50px;
}

.border-gr {
    padding: 50px 0px;
    /* background-image: url(https://eulex-kosovo.eu/inc/images/EULEX-BACKGROUND24-21.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background: #ededef !important;
    margin-bottom: 30px;
}
/* #rightnav {

display: none;

} */

#news h2.head_g {
    background: #323e78;
    padding: 10px;
}

#news .box_g {
    margin-left: 0px;
}

.section a.nmore {
    background: #323e78;
    color: white;
    font-weight: bold;
    border: 1px solid #323e78;
    float: left;
    transition: 0.4s;
}

#gallery h2.title {
    background: #323e78;
    color: white;
    width: 100%;
    font-weight: bold;
}

#gallery h2.title a {
    color: white;
}

.section a.nmore:hover {
    background: white;
    color: #323e78;
    border: 1px solid #323e78;
    text-decoration: none;
}

h1 {
    padding-top: 60px;
}

#content h3 {
    color: #323e78;
}

#content h2 {
    color: #323e78;
}

.box h2 a {
    color: #323e78;
}

#gal_nav {
    background: #323e78;
    color: white;
    padding-top: 20px;
    padding-bottom: 70px;
}

#gal_nav label {
    color: white;
}

.oneThird {
    width: 30%;
    margin-right: 4.5px;
    float: left;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 50%);
    margin: 10px;
    max-height: 205px;
    border-radius: 10px;
    overflow: hidden;
}

#news .boxil {
    margin: 5px;
    margin-top: 15px;
    width: calc(100% - 30px);
    float: left;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    /* border-radius: 8px; */
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
        transform: translateY(2px);
        transition: 0.3s;
        padding: 0px !important
}

.press_year {
    background: white;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 50%);
}

.listDocsByYear ul.press_year li {
    background: #fff;
}

.listDocsByYear ul.press_year li label {
    background-color: #fff;
    color: #323e78;
}

.listDocsByYear {
    background: white;
    border: none;
    margin-top: 0px;
}
.mt-50{margin-top:50px;}
#content {
    width: 90%;
    min-height: 200px;
}

.listDocsByYear .list {
    min-height: initial;
}

.wrapp a,
table.judgements td a {
    color: #323e78;
}

.judgements tr:first-child {
    background: #ededef;
    color: #323e78;
}
/* .judgements tr td:first-child {

background: #eeeeee;

color: #323e78;

} */

.judgements tr td {
    font-size: 16px;
    padding: 10px;
    text-align: start !important;
    line-height: 1.5 !important;
}


table.judgements {
    border: none;
}

table.judgements tr {
    background: #fff;
    border: 1px solid #eee;
}

table.judgements th,
table.judgements td {
    border: initial;
    text-align: start !important;

}

#news .box_g a,
.section a,
#pathbar p a,
#news .boxil a {
    color: #323e78;
}

#news .box_g {
    width: 100%;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/* OTHER PAGES STYLE */

.section_title {
    /* padding-top: 54px; */
    position: absolute;
    bottom: -15px;
    /* color: #FFCC00; */
    padding-top: 0px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 56px;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px;
    border-radius: 10px;
    max-width: 65%;
}

.section_header h1 {
    color: #323e78
}

.section_header h2 {
    color: #323e78
}

.section_header p {
    line-height: 35px;
    font-size: 15px;
    font-weight: 300;
}

.section_header ol li {
    padding: 10px;
    background: #f8f9fa;
    font-size: 14px;
    /* border-left: 1px solid #cecece; */
    letter-spacing: 0;
    padding: 10px !important;
    font-size: 14px;
    border-left: 3px solid #002751;
    margin-bottom: 5px;
}

.section_header p a {
    text-decoration: none;
    transition: 0.5s;
}

.section_header p a:hover {
    color: #696969 !important;
}

.section_header p a:link {
    color: #354080 !important;
    font-weight: bold;
}

.section_header p a:active {
    color: #cecece !important;
}

.section_header p a:visited {
    color: #323e78;
}

.section_header p img {
    width: 50%;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 10%);
}

.section_header p:first-child {
    padding-top: 20px;
}

.mob-section {
    display: none;
}

.title-press {
    background: #fff;
    color: #fff;
    padding: 10px;
    float: left;
    width: 315px;
    margin-bottom: 10px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
}
/* START PRESS RELEASE PAGE */

.frst-pressrelease {
    position: relative;
    width: 600px;
    background-color: #ffffff;
    padding: 20px;
    padding-left: 0px;
    padding-top: 0px;
}

.othr-press-rls {
    width: 40%;
    margin-left: 10px;
}

.frst-pressrelease img {
    transition: 0.5s;
    width: 100%;
    transition: 0.5s;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-release-txt {
    position: absolute;
    color: #fff;
    width: 100%;
    /* top: 0; */
    left: 10px;
    bottom: 0;
}

.p-release-txt h2 a {
    font-size: 15px;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    color: #323e78;
    line-height: 2.9;
    text-decoration: none;
    transition: 0.5s;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 10px;
    border-radius: 10px;
}

.frst-pressrelease:hover .p-release-txt h2 a {
    background: #323e78;
    color: #fff;
}

.p-release-disp {
    display: flex;
    flex-direction: row;
    line-height: 20px;
}

.p-release-txt p {
    font-size: 14px;
}

.p-release-txt p:first-child {
    font-size: 18px;
    line-height: 1.3;
}

.othr-pr-nws {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    border: 1px solid #efefef;
    position: relative;
    border-radius: 10px;
    margin-top: 5px;
    text-decoration: none !important;

}

.othr-pr-nws:first-child {
    padding-top: 0px;
}

.othr-pr-nws:last-child {
    border-bottom: 0px;
}
.p-oth-txt p:nth-child(2){
    position: absolute;
    right: 0;
    bottom: 0;
    width: fit-content;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 4px;
    font-size: 13px;
    background-color: #eeeeee;
}
.othr-pr-nws:hover .p-oth-txt p:nth-child(2) {
    color: #eeeeee;
    background-color: #354080;
}

.pr-2212:hover p:nth-child(3) {
    color: #eeeeee;
    background-color: #354080;
}

.img-othr-nws {
    width: 40%;
    position: relative;
}

.img-othr-nws img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-oth-txt {
    width: 60%;
    padding: 0px 10px;
}

.p-oth-txt p {
    margin: 0px;
    transition: 0.5s;
}

.p-oth-txt p {
    color: #323e78;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}

.img-othr-nws p {
    background: #eeeeee;
    border-bottom-right-radius: 10px;
    color: #323e78;
    width: fit-content;
    width: -moz-max-content;  
    padding: 4px;
    font-size: 12px;
    margin: 0px;
    position: absolute;
    right: 0;
    border-top-left-radius: 10px;
    bottom: 0;
}

.img-othr-nws:hover.img-othr-nws p{
    background: #323e78;
    color: #eeeeee;
}

.othr_press_rls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pr-2212 {
    width: 32%;
    display: flex;
    flex-direction: column;
    margin: 10px;
    margin-left: 0px;
    text-decoration: none;
    color: black;
    margin-bottom: 20px;
    border: none;
/* border-radius: 8px; */
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    position: relative;
    height: 300px;
    border-radius: 10px;
    position: relative;
}

.pr-2212 p:nth-child(3) {
    background: #eeeeee;
    color: #354080;
    width: fit-content;
    width: -moz-max-content;  
    padding: 4px;
    transition: 0.5s;
    margin: 0px 0px 10px 10px;
    font-size: 13px;
    height: -moz-max-content;
    width: -moz-max-content;
    height: auto;
    position: absolute;
    bottom: 0;
    border-bottom-right-radius: 10px;
    color: #323e78;
    width: fit-content;
    padding: 4px;
    font-size: 13px;
    margin: 0px;
    position: absolute;
    right: 0;
    border-top-left-radius: 10px;
    right: 0;
}

.pr-2212-img {
    height: 340px;
    overflow: hidden;
    border-radius: 10px;
}

.pr-2212-img>img {
    width: 100%;
}

.pr-2212-img+p {
    height: 150px;
    overflow: hidden;
    padding: 0px 10px;
    font-size: 15px;
    color: #323e78;
}

.pgn-prls {
    display: flex;
}

.nmbr-prls {
    width: 50px;
    background: #fff;
    height: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 2px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 30%);
    font-weight: bold;
}

.nmbr-prls:hover {
    transform: scale(1.1);
}

.nmbr-prls a {
    position: absolute;
    bottom: 15px;
    left: 10px;
    text-decoration: none;
}

.back-btn-nw {
    background-color: #eeeeee;
    color: #323e78;
    text-decoration: none;
    padding: 10px;
    margin-top: 10px;
    transition: 1.5s;
}

.pr-nws-title {
    padding-top: 15px;
    font-size: 28px;
}

.pr-time {
    width: fit-content;
    width: -moz-max-content;  
    background: #323e78;
    padding: 5px;
    color: white;
    border-radius: 10px;
    font-size: 14px;
}

.artc-img {
    position: relative;
    width: 100%;
}

.artc-img img {
    width: 50%;
}

.prls-information {
    font-size: 18px;
    line-height: 28px
}

.prls-information a {
    color: #323e78;
    text-decoration: none;
    transition: 0.5s;
}

.prls-information a:hover {
    color: #fecd07
}
/* NEWS */

.nws-disp-gen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
}

.frst-nws {
    width: 60%;
    text-decoration: none;
    border-bottom: 1px solid #cecece;
}

.frst-nws:hover .img-frst-nws {
    transform: scale(1.05);
}

.img-frst-nws {
    width: 100%;
    border-right: 1px solid #cecece;
    padding-right: 20px;
    height: 320px;
    transition: 0.5s;
    overflow: hidden;
}

.img-frst-nws img {
    width: 100%;
}

.othr-nws-n {
    width: 40%;
}

.frst-nws p {
    margin: 5px;
    color: #323e78;
    font-weight: bold;
    margin-left: 0px;
}

.frst-nws p:nth-child(3) {
    font-size: 30px;
    margin-top: 10px;
    font-weight: 200;
}

.othr-nws-n {
    padding: 20px;
}

.mr_news421 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.news-421 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    box-shadow: 0px 14px 48px -15px rgb(0 0 0 / 15%);
    padding: 10px;
    margin: 5px;
    width: 32%;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    transition: 0.3s;
    border-radius: 10px;
    transform: translateY(2px);
}

.news-421:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}

.news-421:hover .tx-421 p:nth-child(2) {
    color: #eeeeee;
    background: #323e78;
}

.img-421 {
    width: 100%;
    position: relative;
    height: 170px;
    overflow: hidden;
    box-shadow: none;
}

.img-421 img {
    width: 100%;
}

.tx-421 {
    padding-top: 10px;
}

.tx-421 p {
    margin: 5px;
}

.tx-421 p:first-child {
    margin-bottom: 20px;
    line-height: 15px;
    color: #002c71;
    font-weight: 500;
    font-size: 15px;
    margin-top: 5px;
    height: 62px;
    overflow: hidden;
}

.tx-421 p:nth-child(2) {
    color: #fff;
    background: #323e78;
    padding: 5px;
    width: fit-content;
    width: -moz-max-content;  
    font-size: 11px;
    bottom: 0;
    transition: 0.5s;
}

.mr-421 {
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    background: #323e78;
    padding: 10px;
    width: fit-content;
    width: -moz-max-content;  

}

.othr-421 {
    border-bottom: 1px solid #cecece;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.othr-421:last-child {
    border-bottom: none;
}

.othr-421:hover p:nth-child(2) {
    color: #eeeeee;
    background-color: #354080;
}

.othr-421 p:first-child {
    font-weight: 700;
    color: #323e78;
    margin: 5px;
}

.othr-421 p:nth-child(2) {
    font-weight: bold;
    padding: 3px;
    color: #fff;
    background: #323e78;
    width: fit-content;
    width: -moz-max-content;  
    margin: 15px 0px;
    transition: 0.5s;
    font-size: 14px;
}

.img-fig421 {
    display: none;
}

.n5-21 {
    padding-bottom: 30px;
}
.n5-21 img { max-width:50%; }

.n5-21 p,
.n5-21 ul li{
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: 300;
}

.n5-21 div {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: 300;
}

.n5-21 a {
    font-weight: 500;
    border-bottom: 1px;
    color: #002751;
    position: relative;
    text-decoration: none;
    transition: 0.5s
}

.n5-21 a::before {
    /* content: url('/inc/images/external-link.svg');

margin-right: 5px; */
    /* 
font-family: "Font Awesome 5 Free";

font-weight: 600;

margin-right: 5px;

content: "\f35d"; */
}

.tw-half {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.frst-hlf {
    width: 75%;
    padding-right: 20px;
    margin-right: 50px;
}

.oth-hlf {
    width: 20%;
    display: flex;
    flex-direction: column;
}

.oth-hlf>p {
    text-align: center;
    font-size: 20px;
    color: #323e78;
}

.frst-hlf h1 {
    font-size: 30px;
}

.fig521 {
    bottom: 3px;
}

.gallery-disp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px;
}

.oneFourth521 {
    width: 30%;
    margin: 5px;
}

.oneFourth521 img {
    width: 100%;
}

.hlf-21 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 10px;
    align-items: center;
    text-decoration: none;
}

.othr-hlf-21 {
    width: 100%;
    position: relative;
}

.img-holder>.sixteen_nine>.ratioChild img {
    width: 100%;
}

.img-holder:hover .img-cont::after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ro_article:hover .image_article:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.latest_news:hover h2 a {
    color: #eeeeee;
    background-color: #354080;
}

.othr-hlf-21 img {
    width: 100%;
}

.hlf-21 p {
    font-size: 12px;
    line-height: 20px;
    color: #696969;
}

.h_25 {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.ot-25 {
    color: #fff !important;
    min-width: 200px;
    background: rgba(0, 0, 0, 0.6);
    padding: 13px;
}

.all-gllry {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.img-gllry-25 {
    width: 31%;
    margin: 10px;
    box-sizing: border-box;
}

.img-gllry {
    width: 100%;
    padding: 20px 20px;
    background: red;
    background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 34%, rgba(5, 9, 98, 1) 83%);
    overflow: hidden;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
}

.img-gllry img {
    width: 100%;
}

.img-gllry p {
    text-align: center;
}

.class-55 {
    height: 145px;
    overflow: hidden;
}
/* PHOTO GALLERY */

.gllary-bck {
    /* height: 450px; */
}

.title-gallery {
    font-size: 50px;
    bottom: 100px;
}

.gallery-text {
    position: absolute;
    bottom: 5px;
}

.gallery-text p {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    color: white;
    margin: 1px;
}

.fade-bck {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.gallery-container {
    position: relative;
    width: 100%;
    height: 150px;
}

.gallery-body {
    position: absolute;
    width: 90%;
    height: 285px;
    top: -100px;
    display: flex;
    flex-direction: row;
    flex-wrap: Wrap;
}

.abs-container {
    position: relative;
    width: 350px;
    height: 150px;
    z-index: 2;
}

.img-container {
    width: 100%;
    height: 150px;
    padding: 25px 0px;
    margin-bottom:10px;
}

.img-container p {
    width: fit-content;
    padding:5px;
    color: 002751;
    margin: 3px;
    margin: 2px 0px;
    line-height: 20px;
    font-size: 16px;
}

.img-container p:first-child {
    color: #fff;
font-size: 18px;
font-weight: bold;
    color: #002751;
}

.img-container a {
    color: #002751;
    text-decoration: none;
}

.image-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.img-holder {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 10%);
    width: 31.3%;
    margin: 10px;
    position: Relative;
    transition: 0.3s;
    background-color: #fff;
    /* border-radius: 8px; */
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    border-radius: 10px;
}

.img-holder:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}

.img-cont {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius:10px;
}

.img-cont img {
    width: 100%;
}

.img-holder p {
    padding: 0px 10px;
    font-size: 14px;
    /* display: none; */
    color: black;
}

.gray-container {
    background: #cecece;
    width: 350px;
    height: 150px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    display: none;
}

.title-gallery-section:first-child {
    margin-top: 10px;
}

.title-gallery-section {
    width: 100%;
}

.title-gallery-section a {
    text-decoration: none;
    color: #002751;
    margin-left: 10px;
}

.gallery-open {
    width: 100%;
    padding: 10px;
    margin-top: -7px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.img-cont2 {
    padding: 0px;
}

.img-holder2 {
    background: white;
}

.title-gallery-2 {
    width: 100%;
    padding-top: 75px;
}
/* CHOOSE YEAR */

.year-choose {
    display: flex;
    padding-left: 0;
    margin: 0;
    flex-direction: row;
    /* flex-wrap: wrap; */
    width: fit-content;
    width: -moz-max-content;  
    margin-top: 10px;
    width: 100%;
}

.year-choose li {
    margin-right: 20px;
    list-style-type: none;
}

.year-choose li a {
    text-decoration: none;
    color: #323e78;
    position: relative;
    background: Rgba(238, 238, 238, 0.5);
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: 13px;
    transition: 0.5s
}

.more-container {
    background: #323e78;
    width: 100%;
    padding: 5px;
    padding-bottom: 15px;
    margin-top: 10px;
}

.more-container p {
    color: white;
    margin: 10px;
    margin-bottom: 10px;
}

.more-container p:first-child {
    display: none;
}

.display-year {
    cursor: pointer;
}

.year-choose li a:hover {
    background: Rgba(238, 238, 238, 0.8);
}

.more-option a {
    color: white;
    text-decoration: none;
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 2px;
    font-weight: bold;
}

.more-option {
    /* display: none; */
    animation: linear;
    animation-name: fadeIn;
    animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* MORE BIO  */

.more-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 50px 0px;
}

.one-wrapper {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    margin: 10px;
    background: #fff;
    padding: 5px;
    text-align: center;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 30%);
    cursor: pointer;
    text-decoration: none;
    margin: 5px;
    color: #323e78;
    border: 1px solid #eaeaea;
    transition: 0.3s;
    transform: translateY(2px);
}

.one-wrapper:first-child {
    margin-left: 0px;
}

.one-wrapper:first-child .img-wrapper {
    height: 100%;
}

.one-wrapper:last-child {
    margin-right: 0px;
}

.img-wrapper {
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.img-wrapper img {
    width: 100%;
}

.one-wrapper:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}
/* .moreEU {

display: none;

} */
/* VIDEO GALLERY */

.video-container {
    width: 100%;
}

.video-disp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.video-holder {
    width: 30%;
    margin: 10px;
    margin-bottom: 40px;
}
/* VIDEO GALLERY */

.video-carousel {
    width: 100%;
    background: #323e78;
    padding: 20px;
    position: relative;
}

.video_container {
    width: 700px;
    background: #fff;
    margin: auto;
}

.video_container img {
    width: 100%;
}

.video-editor {
    outline: none;
}

.title-video-gallery {
    position: absolute;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    bottom: -46px;
}

.video-cont {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0px;
}

.v-gallery {
    margin-bottom: 65px;
    width: 30%;
}

#gal_nav {
    background: transparent !important;
    border: none;
    color: black !important;
}

#gal_nav label {
    color: #2658a1 !important;
}
/* Press Release Contact */

.press-office-bio {
    display: flex;
    width: 100%;
    margin: auto;
}

.pr-bio {
    display: flex;
    flex-direction: row;
    width: 50%;
    position: relative;
    margin: 10px;
    background-color: #fff;
    border: none;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px;
}

.pr-bio p {
    text-align: center;
}

.pr-bio .b-img-first {
    width: 50%;
    height: fit-content;
    height: -moz-max-content;  
    border-radius: 10px;
}
.pr-bio .b-img-first img, .b-img-scnd img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.b-img-scnd {
    width: 50%;
    height: fit-content;
    height:fit-content;
    border-radius: 10px;
}

.b-img-first img,
.b-img-scnd img {
    width: 100%;
}
/* Job Opportunities */

.job-opportunities {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.job-offer {
    box-sizing: border-box;
    margin: auto;
    margin: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
    color: #323e78;
}

.job-opportunities .no-jobs{
    margin-top:0px;
}
.job-opportunities a{
    margin:0px;
}
.job-offer h3 {
   width: fit-content;
   padding: 5px;
   border-radius: 10px;
   color: #323e78;
   font-size: 20px;
    margin:0px;
   line-height: initial;
}
.job-offer p {
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px!important;
    position: relative;
    border-left: 3px solid #002751;
}
.job-desc {
    padding:25px;
    font-size:15px;
    box-shadow: rgb(235, 235, 235) 0px 5px 10px;
    border-radius:0 0 10px 10px;
}

.job-desc a {
    color: #323e78;
    font-weight: bold;
    word-break: break-all;
    text-decoration: none;
}

.job-desc p {
    color: #323e78;
    font-size: 14px;
    padding: 5px 0px;
}

.job-title {
    margin: 25px 0px;
    color: #323e78;
    font-weight: 700;
    font-size: 25px;
}

.job-important {
    text-align: center;
    background: #fff !important;
    padding: 30px;
    letter-spacing: 0.2px;
    border-left: 3px solid #002751;
    text-align: center;
    background: white !important;
    color: #323e78;
}

.no-jobs {
    margin-top: 50px;
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px !important;
    position: relative;
    margin-top: 50px;
    border-left: 3px solid #002751;
}

.info-job {
    font-size: 16px;
}
/* TENDERS */

.tender-options {
    display: flex;
    margin-bottom: 0px;
    padding-left: 0px;
}

.tender-options li {
    list-style: none;
    padding: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #efefef;
    font-size: 14px;
}

.tender-options li a {
    text-decoration: none;
    color: #002751;
}

.tender-options li:hover {
    color: #002751;
}

.tender-container {
    padding: 10px;
    background: #fff;
    min-height: 250px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    margin-bottom: 10px;
}

.gray-bck {
    background: #e7ecea;
}

.tenders-info {
    padding-left: 0px;
}

.tenders-info li {
    margin-top: 10px;
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    letter-spacing: 0;
    padding: 15px !important;
    position: relative;
    border-left: 3px solid #002751;
}

.tenders-info li:hover {
    background: rgba(255, 255, 255, 0.6);
    border-left: 3px solid #323e78;
}

.tenders-info li a {
    color: #323e78;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    display: flex;
    width: 100%;
}

.tender-options li {
    border-radius: 0.75em 0.75em 0 0;
}

.tenders-container- {
    display: none;
}

.active-list-tender {
    background-color: #323e78 !important;
    color: white;
}

.active-list-tender:hover {
    color: white !important;
}

.archived-tenders p {
    text-align: right;
    font-size: 15px;
}

.archived-tenders p a {
    /* background: #002751; */
    background: #323e78;
    width: 100px;
    font-size: 15px;
    color: #efefef;
    padding: 10px;
    margin: auto;
    text-align: center;
    cursor: pointer;
    border-radius: 0.75em 0.75em 0.75em 0.75em;
    text-decoration: none;
    transition: 0.5s;
}

.archived-tenders p a:hover {
    background: #323e78;
    color: #efefef;
}

.load_tenders {
    background: #323e78;
    width: 120px;
    font-size: 15px;
    color: white;
    padding: 10px;
    margin: auto;
    text-align: center;
    cursor: pointer;
    border-radius: 0.75em 0.75em 0.75em 0.75em;
    transition: 0.5s;
}

.load_tenders:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #323e78;
}

.section_header ul {
    padding-left: 0px;
}

.section_header ul li {
    margin-top: 10px;
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px !important;
    position: relative;
    border-left: 3px solid #002751;
}

.section_header ul li a {
    text-decoration: none;
    color: #002751;
    font-size: 14px;
}

.section_header ul li:hover a {
    color: #696969;
}

.padding-0 {
    padding-top: 0px;
    font-size: 20px;
}

.judgements tr td {
    padding: 0px;
    border-bottom: 1px solid #eee;
}

.judgements {
    margin-bottom: 70px !important;
}

li.ocx_,
li.doc_ {
    padding: 0px;
    letter-spacing: 0.2px;
    margin: 5px;
    text-align: left;
}

.jrcb-container {
    text-decoration: none;
}

.jrcb-meeting {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0px 0px 50px 0px;
}

.jrcb-container {
    width: 20%;
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 7px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    border-top: 3px solid #323e78;
    transform: translateY(2px);
}

.jrcb-container:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}

.jrcb-container>div {
    height: 165px;
    overflow: hidden;
}

.jrcb-container>div img {
    width: 100%;
}

.jrcb-meeting p {
    font-size: 14px;
    color: #323e78;
    font-weight: bold;
}
/* Sitemap */

.sitemap-web {
    background: rgba(0, 0, 0, 0.1);
    padding-left: 0px;
}

.sitemap-web li a {
    text-decoration: none;
    color: #323e78;
    font-size: 14px;
    display: block;
    padding: 16px 30px 14px 30px;
    background: url(../images/starOff.png) no-repeat 5px center;
    background-size: 18px 18px;
}

.sitemap-web li a:hover {
    background: #fff url(../images/starOn.png) no-repeat 5px center;
    background-size: 18px 18px;
    color: #242961;
}

.sitemap-web li {
    padding: 10px;
    list-style: none;
}

.inside-sitemap li {
    padding: 5px;
    color: #323e78;
    letter-spacing: 0.2px;
}

.i-site,
.in-site {
    padding-left: 20px;
}

.i-site li {
    position: relative;
}

.down-sitemap {
    position: absolute;
    top: 21px;
    right: 23px;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
}

.inside-sitemap {
    padding-left: 40px;
    display: none;
}

.i-inside-sitemap .in-site li,
.i-inside-sitemap li {
    background: none;
    list-style: none;
}

.court-list li {
    margin-top: 50px;
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    position: relative;
    border-left: 3px solid #002751;
    margin-top: 10px;
    height: 50px;
}

.court-list li:hover {
    background: rgba(255, 255, 255, 0.6);
    border-left: 3px solid #323e78;
}

.court-list li:hover a {
    text-decoration: none;
}

.brd {
    background: initial;
    display: flex;
    flex-direction: row;
}
.court-judgments{
    width: 50%;
    margin-right: 5px;
}
.wrapp {
    background: initial;
}

.court-judgments h3 a{
    color: #323e78 !important;
    font-size:20px;
    padding:0px;
}


.court-judgments h3:hover a {
    color: #323e78;
}

.court-judgments h3 a {
    color: white;
    text-decoration: none;
    display: flex;
    width: 100%;
}

.court-list {
    padding-left: 0px;
}

.gavel-court {
    background: url(/inc/images/gavel.png) no-repeat center left;
    background-size: contain;
    padding-left: 45px;
    height: 80px;
}

.court-list li a {
    background: transparent;
    background-size: 18px 18px;
    display: flex;
    width: 100%;
    color: #323e78;
    letter-spacing: 0.5px;
}

.court-list li:hover a {
    color: #242961;
}

.factsheets-list li {
    background: #323e78 !important;
    margin: 0px !important;
}

.factsheets-list li:hover a {
    background: #e6e6e6;
    color: #323e78;
    text-decoration: none !important;
}

.listDocsByYear ul.press_year li span {
    color: #323e78;
    background: #e6e6e6;
    background: #fff url(../images/starOn.png) no-repeat 5px center;
    background-size: 18px 18px;
}

.factsheets-list li a {
    color: white !important;
    text-decoration: none !important;
    padding: 16px 30px 14px 30px;
    background: url(/inc/images/starOff.png) no-repeat 5px center;
    background-size: 18px 18px;
}

.factsheets-list li:hover a {
    background: #fff url(../images/starOn.png) no-repeat 5px center;
    background-size: 18px 18px;
    color: #242961 !important;
}
.factssheet-container{
    position: relative;
}
.factssheet-container label {
    font-size: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    background:#242961 !important;
    color:White;
    padding:5px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;

}

.factssheet-container h2 {
    font-size: 16px;
    margin-bottom:30px;
    text-align: center;
}

.listDocsByYear ul.press_year li a {
    padding: 10px 15px;
}

.listDocsByYear ul.press_year li span {
    padding: 10px 15px;
}

.factssheet-container h2 a {
    transition: 0.5s;
}

.factssheet-container h2 a:hover {
    text-decoration: none;
    color: #FFCC00;
}

.grc-container {
    padding: 20px 0px 40px 0px;
}
.fb-share-button,
.twitter-button{
    width:50px;
    border-radius: 10px;
    text-align: left;
}
.fb-share-button a,
.twitter-button a{
    color:#3b5998 ;
    font-size:13px;
}
.grc-container p {
    line-height: 35px;
    font-size: 18px;
    font-weight: 300;
}

.grc-container h2 {
    color: #323e78;
}

dl.accordion dt {
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px !important;
    font-size: 14px;
    position: relative;
    border-left: 3px solid #002751;
    color: #323e78;
    transition: 0.5s;
}

dl.accordion dt:hover {
    background: rgba(255, 255, 255, 0.6);
    border-left: 3px solid #323e78;
}

dl.accordion {
    margin: 30px 0 0 0
}

dl.accordion dt a {
    text-decoration: none;
    font-size: 14px;
    display: flex;
    width: 100%;
}

.accordion dd p {
    margin: 0px;
    padding: 0px !important;
    color: #323e78;
    font-size: 15px;
}

.accordion dd ul {
    padding-left: 10px;
}

.accordion dd ul li {
    font-size: 13px;
    background: #fff;
    position: relative;
}

.accordion dd ul li a {
    color: #323e78;
    font-size: 12px;
    cursor: pointer;
    transition: 0.5s;
}

.pr-acti {
    margin-top: 30px;
}

.pr-acti ul {
    padding-left: 0px;
    list-style: none;
}

.pr-acti ul li {
    margin-top: 10px;
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px !important;
    position: relative;
    border-left: 3px solid #002751;
    transition: 0.3s;
}

.pr-acti ul li:hover {
    background: rgba(255, 255, 255, 0.6);
    border-left: 3px solid #323e78;
}

.pr-acti ul li a {
    color: #323e78;
    text-decoration: none !important;
    position: relative;
    font-size: 14px;
    border-bottom-style: none !important;
}

.back-button {
    width: fit-content;
    width: -moz-max-content;  
    display: none;
    background: #323e78;
    padding: 10px;
    color: white;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 10px;
}

.video-des+p {
    text-align: center;
    font-weight: 700;
    color: #323e78;
}

.young-conference-bck {
    width: 100%;
    background-image: url(https://www.politico.eu/wp-content/uploads/2017/03/ERT-EuropeMatters-1200x628.jpg);
    /* width: 100%; */
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    /* background-attachment: fixed; */
    height: 500px;
    position: relative;
}

.caption-cmp a {
    color: #323e78;
}

.agenda-container {
    position: relative;
    width: 350px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%23323e78' fill-opacity='0.34' fill-rule='evenodd'/%3E%3C/svg%3E");
    padding: 20px;
    margin-right: 55px;
    display: flex;
}

.agenda-container img {
    width: 100%;
}

.campaign-conf {
    padding-left: 0px;
}

.campaign-conf li {
    list-style: none;
    padding: 10px;
    color: #323e78;
    letter-spacing: 0.2px;
    border-left: 3px solid #002751;
    margin: 5px;
    background: rgba(0, 0, 0, 0.1);
}

.campaign-conf li a {
    text-decoration: none;
    text-align: center;
    color: #323e78;
}

.two-half-container {
    display: Flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.frst-half-container {
    width: 80%;
    padding-right: 50px;
}

.scnd-half-container {
    width: 20%;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 60px;
}

.scnd-half-container a {
    margin: 5px;
    text-decoration: none;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 40%);
    transition: 0.5s;
    margin-bottom: 65px;
    margin-left: 0px;
}

.scnd-half-container a:hover .vg_text_more {
    background-color: #323e78;
}

.scnd-half-container a:hover .vg_text_more p {
    color: white !important;
}

.vg-more-container span {
    right: 37%;
}

.scnd-half-container>p {
    background: #323e78;
    color: #fff !important;
    padding: 10px;
    text-align: center;
}

.scnd-half-container p {
    font-size: 13px;
    color: #323e78;
    /* background: #323e78; */
    margin: 0px;
}

.vg_text_more {
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 20%);
    position: absolute;
    width: 177px;
    height: 62px;
    bottom: -38px;
    background: #e6e6e6;
    left: 13px;
    text-align: center;
    padding: 8px;
    transition: 0.5s;
    overflow: hidden;
    padding-top: 15px;
}

video {
    outline: none;
}

.video-title {
    font-size: 20px;
}

.more-option p {
    display: flex;
}

.more-option p a {
    text-decoration: none;
    color: #323e78;
    position: relative;
    background: Rgba(238, 238, 238, 0.5);
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: 13px;
    transition: 0.5s;
}

.othr-tenders {
    padding-left: 0px;
}

.othr-tenders li {
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 15px !important;
    position: relative;
    border-left: 3px solid #002751;
    margin-bottom: 5px;
}

.othr-tenders li a {
    color: #323e78;
    text-decoration: none;
    position: relative;
    font-size: 14px;
}

.boxil-wrol {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff !important;
    min-height: 275px;
    width: 31% !important;
    margin-bottom: 30px;
    margin: 10px;
    box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 10%);
    border-bottom: initial !important;
    /* box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 50%); */
}

.boxil-wirl2 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: auto;
    width: 31% !important;
    margin-bottom: 30px;
    margin: 2px;
    border-bottom: initial !important;
    background: white !important;
    box-shadow: 0px 8px 20px 0px rgb(206 206 206 / 50%);
}

.boxil-wirl2 p {
    font-size: 14px;
}

.boxil-widget {
    text-decoration: none;
}

.boxil-wirl2 .image-wrol {
    height: 140px;
    border-radius: 10px;
}

.image-wrol+p {
    line-height: 15px;
    color: #002c71 !important;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin: 0px;
    padding: 15px 5px;
}

.boxil-wrol p {
    font-size: 14px;
}

.wirl-marg {
    margin: 50px 0px;
}

.image-wrol {
    width: 100% !important;
    height: 195px;
    overflow: hidden;
}

.image-wrol img {
    width: 100% !important;
    transition: 0.8s;
}

.txt-wrol {
    width: 100%;
}

#news .boxil img {
    border: none !important;
}

.txt-wrol h3 a,
.txt-wrol p {
    color: #790035 !important;
    font-weight: 500;
    font-size: 15px;
    margin-top: 5px;
    height: 62px;
    overflow: hidden;
    letter-spacing: initial !important;
}

.txt-wrol h3 a {
    font-size: 15px;
}

#news .boxil:hover .txt-wrol h3 a {
    color: #002751 !important;
    text-decoration: none !important;
}

#news .boxil:hover {
    transform: translateY(0);
    box-shadow: 0 20px 80px rgb(0 0 0 / 10%), 0 5px 20px rgb(0 0 0 / 5%);
}

.img-holder h2 a {
    text-decoration: none;
    color: #323e78;
    font-size: 17px;
}

.img-holder h2 {
    padding: 10px;
    margin: 0;
    text-align: center;
    line-height: 15px;
    font-weight: 500;
}

.sixteen_nine {
    /* padding-bottom: 45%; */
    border-radius: 10px;
}
#gallery .sixteen_nine{
    height: 190px;
    overflow: hidden;
}
.feature-style{
    overflow: hidden;
    height: 175px;
    border-radius: 10px;
}
.feature-style img{
    width:100%;
}

.cmp-article {
    height: fit-content;
    height: -moz-max-content;  
    padding: 10px;
}

.cmp-article+p {
    color: #354080;
    overflow: hidden;
    padding: 0px 10px;
    font-size: 14px;
    position: relative;
    color: #323e78;
}

h2.caption {
    border-bottom: 0px;
}

h2.caption a {
    border: 5px solid white;
    background-color:white;
    text-decoration: none;
    color: #323e78;
    border-radius: 10px;
}

.cmp-text p {
    color: #323e78;
    padding: 10px 0px;
}

.dctm {
    padding: 10px !important;
}

.wrapp a,
table.judgements td a {
    text-decoration: none !important
}

.wrapp a,
table.judgements td a {
    background: #ededef;
    padding: 5px;
}

.judgements tbody tr th:first-child {
    text-align: left;
}

.wrapp a,
table.judgements td a:first-child {
    background: none;
    padding: 10px;
    color: #323e78;
    font-size: 14px;
    border-radius: 5px;
    text-align: left !important;
}
.quick-facts-EULEX h2{
    font-size:20px;
}

.quick-facts-EULEX p {
    background: #f8f9fa;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding: 10px !important;
    font-size: 14px;
    position: relative;
    border-left: 3px solid #002751;
    color: #323e78;
}

.mobile_flag-disp {
    display: none;
}

.pr-acti p {
    font-size: 18px;
    line-height: 30px;
}

.pr-acti a {
    font-weight: 500;
    border-bottom: 1px;
    border-bottom-style: dotted;
    color: #002751;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
}

.eu-obj p {
    font-size: 18px;
    line-height: 30px;
    color: #696969;
}

.women-rloflaw {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: Wrap;
}

.pinktestcontainer {
    position: relative;
}

.rl-time {
    width: fit-content;
    width: -moz-max-content;  
    background: #8c0444;
    padding: 5px;
    color: white;
    font-size: 14px;
}

.rl-title {
    color: #8c0444;
}

.ruleoflaw_bck {
    width: 100%;
    background-image: url(/eul/repository/images/135465-WomenInTheRuleOfLaw.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-attachment: fixed;
    height: 400px;
    position: relative;
}

.more-eu {
    display: flex;
    margin-bottom: 50px;
}

.z-results {
    margin-bottom: 80px;
    padding: 10px;
    color: #323e78;
    font-weight: bold;
    text-align: center;
}

.search-class {
    width: 35%;
    padding: 10px;
    background-color: #fff;
    color: #696969;
    border: 1px solid #e0e5ef;
    transition: .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding-right: 50px;
    border-radius: 10px;
    border: 1px solid #cecece;
}

#search_button_ {
    width: 70px;
    background-color: #cecece;
    /* background: #323e78; */
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    transition: 0.2s;
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
    margin-left: -50px;
    border-radius: 10px;
    padding: 5px;
    /* border: 1px solid #323e78; */
    border-left: 0;
    
}
.case-container{
    padding:20px 0px !important;
    margin:auto;
}
.a-case{
    margin:auto;
}
.a-case img{
    width:100%;    
    padding: 10px;background:#cecece
}
#search_button_:hover {
    background: #323e78 !important;
    color: #fff;
}

.search-fields {
    text-decoration: none;
    color: #323e78;
}

.search-fields+p {
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: 300;
}

.title-search {
    position: relative;
    width: fit-content;
    width: -moz-max-content;  
}

.title-search::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #354080;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}

.search-fields:hover .title-search::after {
    transform: scaleX(1);
    transform-origin: left;
}

.search-fields .search-fields+p {
    line-height: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.search-line {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    justify-content: flex-end;
}

.search-cont {
    width: fit-content;
    width: -moz-max-content;  
    margin: auto;
    display: flex;
    flex-direction: row;
    background: none;
    box-shadow: none;
    margin-bottom: 20px;
}

.search-cont li {
    padding: 10px;
    list-style: none;
    text-decoration: none;
    color: #323e78;
    position: relative;
    border: 1px solid #cecece;
    /* background: red; */
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    transition: 0.5s;
    margin: 5px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    cursor: pointer;
}

.search-cont li a {
    text-decoration: none;
    color: #323e78;
    display: flex;
    width: 100%;
}

.pag_search {
    transition: 0.5s;
}

.pag_search:hover {
    background: #323e78 !important;
    color: #fff;
}

.pag_search:hover a {
    color: white;
}

.pag_search a {
    /* color: #fff !important; */
    font-size: 16px;
}

.active-page {
    background: #323e78 !important;
    color: #fff !important;
}

.cmp-fetaures {
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    padding:0px;
    margin-bottom: 30px;
}

.cmp-fetaures li {
    padding: 10px;
    list-style: none;
    font-weight: bold;
    padding: 10px 30px;
    background: #fff;
    color: #323e78;
    margin: 10px 0px;
    cursor: pointer;
    position: relative;
}


.cmp-fetaures li:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.features_container {
    width: 80%;
    margin: auto;
}

.left-animation {
    animation: 0.8s ease-out 0s 1 slideInFromLeft;
}

.right-animation {
    animation: 0.8s ease-out 0s 1 slideInFromRight;
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.features_container .img-holder {
    width: 47%;
    position: relative;
    margin-bottom: 40px;
    border-radius: 10px;
    border-bottom:20px solid white;
    
}
.w-100{
    width: 100%;
}

.features_container:nth-child(n+2) {
    display: none;
}

.features_container .img-holder p:first-child {
    /* background-color: #323e78; */
    color: #323e78;
    margin: 0px;
    width: fit-content;
    width: -moz-max-content;  
    position: absolute;
    top: -21px;
    left: -10px;
    font-weight: bold;
}
.features_container .img-holder p:first-child a {
    color: #323e78;

}
.min-width {
    min-height: 650px;
}

.time-wrap{
    background: #eeeeee;
    border-bottom-right-radius: 10px;
    color: #323e78;
    width: fit-content;
    font-size: 12px;
    margin: 0px;
    position: absolute;
    right: 0;
    border-top-left-radius: 10px;
    height: fit-content;
    height: -moz-max-content;
    bottom: -20px;
    transition: 0.5s;
    padding: 4px !important;

}

.features_container .img-holder .time-wrap{
    background-color: #323e78;
    color: #eeeeee;
}
.features_container .img-holder:hover .time-wrap{
    background-color: #323e78;
    color: #eeeeee;
}
.MsoNormal{
    font-size: 16px;
    line-height: 30px;
    color: #696969;
    font-weight: 300;
}
.customize_width{
    width:70%;
}
/* 

.wrapp a,

table.judgements td a:nth-child(3) {

background: #FFCC00;

padding: 5px;

color: #fff

} */
/* ANIMATION TEST */

.no-social-display{
    font-size:18px;
    color: #3b5998;
}
.twitter-widget{
    padding:15px;
}
.twitter-widget a{
    color:#00acee;

}
.linkedin-widget{
    padding:15px;
}
.linkedin-widget div.title{color:#0073b1;font-size:30px;}

.owl-customize-carousel{
    width:550px !important;
    position: relative;
}
.owl-customize-carousel .owl-nav{
    position: absolute;
    top: 50%;
    left: -50px;
    width:120%;
}

.owl-customize-carousel .owl-nav .owl-next{
    float:right;
}
.owl-customize-carousel .owl-nav .owl-next span,
.owl-customize-carousel .owl-nav .owl-prev span
 {
    font-size: 45px;
    color: #cecece;

}
.d-flex-img{
    display: flex;
    flex-direction: column;
    padding-top:20px;
}
.d-flex-img img{
   width: 50%;
}
.d-flex-space-between{
    display: flex;
    flex-direction: column;
}
.d-row{
    display: flex;
}
.fancy-text{
    color: #fcb814;
    font-weight: bold;
}
.image_container_w{
    width:100%;
}
.image_container_w img{
    width:49%;
    margin:auto;
}
.two_container{
    width:100%;
    display: flex;
    flex-direction: row;
    padding-bottom:5px;
    justify-content: space-between;
}
.two_container img{
    width:49%;
}
.important_ribbon{
    background: none 0% 0% repeat scroll rgb(225, 234, 255);
}
.newStoryMultiImg{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.itemCom{
    width: 500px;
}

.itemCom img{
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.gridDisp {
    display: grid;
    column-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

/* NEWS */

.gridDisp1Pictures {
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}

.gridDisp2Pictures {
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}

.gridDisp3Pictures {
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

.gridDisp4Pictures {
    display: grid;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}

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

.doubleRow{
    height: 60px;
}

.textAlignC{
    text-align: center;
}

.dFlexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .gridDisp{
        grid-template-columns: repeat(2, 1fr);
    }

    .gridDisp1Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    
    .gridDisp2Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gridDisp3Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gridDisp4Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (max-width: 600px) {
    .newStoryMultiImg {
        flex-direction: column;
    }
    .newStoryMultiImg img {
        width: 80%;
        height: auto;
    }
    .itemCom{
        width: 100%;
    }

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

    .gridDisp{
        grid-template-columns: repeat(1, 1fr);
    }

    .gridDisp1Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    
    .gridDisp2Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gridDisp3Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gridDisp4Pictures {
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

}