body {
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

input,
button {
    border: none;
}

.form-control:focus {
    border-color: #ffac00;
    transition: all 0.5s ease;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.container {
    max-width: 1336px !important;
}

.bold {
    font-weight: bold;
}

#top-bar {
    padding-top: 20px;
}

#top-bar ul {
    list-style-type: none;
    margin-bottom: 0;
}

.social_media,
.share ul,
#pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.social_media li,
.share li {
    padding-right: 20px;
}

.social_media a {
    color: white;
    margin-bottom: 0;
    background: #333a65;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    line-height: 2.6;
    text-align: center;
}

.social_media a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.share button {
    color: white;
    margin-bottom: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
}

#fb_icon {
    background: #3b5998;
    border: 2px solid #3b5998;
}

#fb_icon:hover {
    animation-name: fb;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes fb {
    from {
        background-color: #3b5998;
        color: white;
    }

    to {
        background-color: white;
        color: #3b5998;
    }
}

#tw_icon {
    background: #55adee;
    border: 2px solid #55adee;
}

#tw_icon:hover {
    animation-name: tw;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes tw {
    from {
        background-color: #55adee;
        color: white;
    }

    to {
        background-color: white;
        color: #55adee;
    }
}

#ln_icon {
    background: #0386be;
    border: 2px solid #0386be;
}

#ln_icon:hover {
    animation-name: ln;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes ln {
    from {
        background-color: #0386be;
        color: white;
    }

    to {
        background-color: white;
        color: #0386be;
    }
}

#wh_icon {
    background: #51c85d;
    border: 2px solid #51c85d;
}

#wh_icon:hover {
    animation-name: wh;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes wh {
    from {
        background-color: #51c85d;
        color: white;
    }

    to {
        background-color: white;
        color: #51c85d;
    }
}


.languages a,
.languages {
    font-size: 13px;
    color: #536377;
}

.languages a[aria-current="true"] {
    color: #d79137;
}

#top-bar h1 {
    margin-bottom: 0 !important;
}

#ue_navbar {
    margin-top: 14px;
    margin-left: 45px;
}

#navbar {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    height: 45px;
}

#navbar ul {
    margin: 0px;
    padding: 0px !important;
}

#navbar a {
    line-height: 48px;
    color: #333333;
}

#navbar .nav-link {
    font-size: 16px;
}

#banner {
    margin-top: 30px;
    margin-bottom: 50px;
    position: relative;
    min-height: 452px;
    height: auto;
}

#banner h2 a {
    background: linear-gradient(to right, #333a65, #333a65);
    color: #333a65;
    background-position: left 87%;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.5s;
    background-size: 0px 3px;
    padding-bottom: 6px;
    margin-top: 25px;
    font-size: 36px;
    font-weight: bold;
    color: #333965;
}

#banner h2.title {
    /*background: linear-gradient(to right, #333a65, #333a65);*/
    color: #333a65;
    background-position: left 87%;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.5s;
    background-size: 0px 3px;
    padding-bottom: 6px;
    margin-top: 25px;
    font-size: 36px;
    font-weight: bold;
    color: #333965;
}

#banner h2 a:hover {
    text-decoration: none !important;
    background-size: 100% 3px;
    transition: all ease-in-out 0.5s;
}


.carousel_image {
    width: calc(50% - 45px);
    left: 0;
    height: 100%;
    border-radius: 0px 26px 26px 0px;
}

.carousel_image img {
    border-radius: 0px 26px 26px 0px;
}

.carousel_text {
    position: absolute;
    width: 45%;
    background-color: #f8f8f8;
    border-radius: 0 26px;
    margin-left: 35%;
    top: 10%;
    padding: 35px 40px;
    max-width: 700px;
}

.carousel_text.new {
    width: 55%;
    margin-left: 40%;
    top: 5%;
    /*bottom: 5%;*/
}

.badge_local_admin {
    display: inline-block;
    padding: 7px 15px;
    background-color: #410000;
    color: white;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.badge_region {
    display: inline-block;
    padding: 7px 15px;
    background-color: #008fd4;
    color: white;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.badge_north {
    display: inline-block;
    padding: 7px 15px;
    background-color: #960497;
    color: white;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.badge_cooperation {
    display: inline-block;
    padding: 7px 15px;
    background-color: #226b04;
    color: white;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.badge_publication {
    display: inline-block;
    padding: 7px 12px;
    background-color: #959595;
    color: white;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 5px;
    line-height: 16px;
}

.new-item {
    height: 415px;
    border-radius: 0 26px;
    padding: 40px 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all ease-in-out 0.5s;
}

.new-item:hover {
    transition: all ease-in-out 0.5s;
    transform: translateY(-5px);
}

.new-item:hover .new-filter {
    right: 0px;
    left: 0px;
}


#news {
    margin-bottom: 50px;
}


#news .col-lg-4 {
    max-width: 31%;
    margin-right: 1%;
    margin-left: 1%;
    padding: 0;
}

.news-text span {
    font-size: 16px;
    color: white;
}

.news-text {
    margin-top: 68px;
    position: absolute;
    margin-right: 45px;
}

.news-text h3 {
    margin-top: 20px;
}

.news-text h3 a {
    background: linear-gradient(to right, white, white);
    background-position: left 87%;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.5s;
    background-size: 0px 2px;
    padding-bottom: 6px;
    margin-top: 25px;
    font-weight: bold;
    font-size: 30px;
    color: white;
    line-height: 36px;
}

.news-text h3 a:hover {
    text-decoration: none !important;
    background-size: 100% 2px;
    transition: all ease-in-out 0.5s;
}

footer {
    background-color: #f0f0f0;
    padding-top: 60px;
    margin-top: 85px;
}

footer h2 {
    font-size: 24px;
    font-weight: bold;
    color: #292f51;
}

#addresses p {
    font-size: 14px;
    color: #5d5b5b;
}

#onortesomosnos .row-item img {
    max-width: 92px;
    max-height: 92px;
    border-radius: 15px;
    margin-top: 5px;
}

.btn {
    padding: 14px 25px;
    border: 2px solid #2a2f52;
    font-size: 16px;
    color: #292f51;
    background-color: white;
    border-radius: 0;

    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2a2f52;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: white;
}

.btn:hover:before,
.btn:focus:before,
.btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn_blue {
    padding: 8px;
    border: 2px solid #2a2f52;
    font-size: 16px;
    color: white;
    background-color: #2a2f52;
    border-radius: 0;
    margin-bottom: 25px;
    margin-top: 10px;
}

#back-button {
    margin-top: 60px;
}


#newsletter p {
    font-size: 14px;
    color: #333965;
}

#footer-infos ul {
    padding: 0;
    list-style-type: none;
}

#footer-infos a {
    background: linear-gradient(to right, #31375f, #31375f);
    background-position: left 87%;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.5s;
    background-size: 0px 1px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #333965;
    line-height: 27px;
}

#footer-infos a:hover {
    text-decoration: none !important;
    background-size: 100% 1px;
    transition: all ease-in-out 0.5s;
}

#footer-infos ul span {
    margin-right: 7px;
}

#logos-footer {
    margin-top: 32px;
    margin-bottom: 25px;
}

#copyrights {
    border-top: 1px solid #410000;
    padding-bottom: 30px;
}

#copyrights p {
    font-size: 16px;
    color: #5d5b5b;
    padding-top: 25px;
    margin: 0;
    padding-bottom: 0px;
}

#copyrights img {
    padding-top: 25px;
}

.infos-item h2,
#news h2,
#news_title h2,
.news_title h2 {
    font-size: 30px;
    color: #292f51;
    font-weight: bold;
    display: inline-block;
    border-left: 3px solid #410000;
    padding-left: 12px;
    margin-bottom: 0px;
}

.infos-item ul,
#item-lists ul,
.block-content ul,
.block-tags ul {
    padding: 0;
    list-style-type: none;
}

.article_content a,
#publication_text a,
#content_new a {
    color: #a06c00;
    word-break: break-word;
}

.infos-item ul a,
#item-lists ul a,
.block-content ul a,
#item-lists .col-lg-4 a,
#highlight_publications .col-lg-4 a {
    background: linear-gradient(to right, #31375f, #31375f);
    background-position: left 87%;
    background-repeat: no-repeat;
    transition: all ease-in-out 0.5s;
    background-size: 0px 2px;
    padding-bottom: 6px;
    line-height: 27px;
    font-size: 18px;
    color: #31375f !important;
    font-weight: bold;
}

.infos-item ul a:hover,
#item-lists ul a:hover,
.block-content ul a:hover,
#item-lists .col-lg-4 a:hover,
#highlight_publications .col-lg-4 a:hover {
    text-decoration: none !important;
    background-size: 100% 2px;
    transition: all ease-in-out 0.5s;
}

.infos-item ul span,
#item-lists ul span,
.block-content ul span,
#item-lists .col-lg-4 span {
    line-height: 24px;
    font-size: 14px;
    color: #410000;
    display: block;
}

.icon-pdf,
.icon-zip {
    margin-right: 7px;
    color: #c4c3c3 !important;
    display: inline;
}

.pdf_publication a {
    margin: 0 !important;
    padding: 0 !important;
}


.infos-item li,
#item-lists li,
#item-lists .col-lg-4 {
    padding-top: 25px;
}

.plus-infos {
    width: 45px;
    height: 45px;
    border: 2px solid #2a2f52;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;

}

.plus-infos a {
    color: #2a2f52;
}

.plus-infos:hover {
    cursor: pointer;
    animation-name: plus;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.plus-infos:hover a {
    color: white;
}

@keyframes plus {
    from {
        background-color: white;
        color: #2a2f52;
    }

    to {
        background-color: #2a2f52;
        color: white;
    }
}

.plus-infos:hover .fa {
    animation: rotation 0.5s linear;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(90deg);
    }
}

.calendar {
    width: 50px;
    height: 80px;
    /*background-image: url("../images/calendar.png");
    background-repeat: no-repeat;
    background-position: center;*/
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.bell {
    width: 50px;
    height: 80px;
    /*background-image: url("../images/bell.png");
    background-repeat: no-repeat;
    background-position: center;*/
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.flash {
    width: 50px;
    height: 80px;
    /*background-image: url("../images/flash.png");
    background-repeat: no-repeat;
    background-position: center;*/
    margin-right: 10px;
    display: flex;
    align-items: center
}

.galery img {
    width: 110px;
    height: 115px;
    border-radius: 0px 20px;
    display: table;
    margin-right: 15px;
}

#news_list .galery img {
    width: 165px;
    height: 150px;
}

#item-lists .galery {
    width: 175px;
    height: 150px;
}

#news_title,
.news_title {
    margin-bottom: 30px;
}

#news_title {
    margin-top: 60px;
}

.slider2-item {
    width: 805px;
    height: 116px;
    border: 3px solid #ededed;
    border-radius: 0px 26px;
}

.carousel-item img {
    height: 100%;
}

.slider2-item .carousel-item,
.slider2-item .carousel-inner,
.slider2-item .carousel-item img {
    border-radius: 0px 26px;
}

#slider2 {
    margin-bottom: 50px;
}

.carousel a .fa {
    color: black;
}


#carouselExampleControls2 .carousel-control-prev {
    position: absolute;
    left: -120px;
}

#carouselExampleControls2 .carousel-control-next {
    position: absolute;
    right: -120px;
}



/************ ALERTS ************************/

#page-banner {
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 45px;
}

#page-title {
    font-size: 36px;
    font-weight: bold;
    color: #333965;
    text-align: center;
    margin-top: 10px;
}

.breadcrumb {
    padding: 10px 20px;
    background-color: #333a65;
    position: relative;
    border-radius: 0;
    justify-content: center;
    color: white;
}

.breadcrumb-content nav {
    padding-left: 20px;
    padding-right: 20px;
}

.breadcrumb-content nav {
    position: relative;
}

.breadcrumb-content nav::before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% + 20px);
    background: #333a65;
    left: -10px;
    right: 0;
    top: 20px;
}

.breadcrumb a {
    font-size: 15px;
    color: white;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|" !important;
}

.breadcrumb-content::before {
    position: absolute;
    content: '';
    height: 2px;
    background-color: #333a65;
    width: 50px;
    left: calc(50% - 25px);
}

.article_content {
    max-width: 992px;
    /*padding: 0;*/
}

.article_content #article_date {
    font-size: 16px;
    line-height: 18px;
    color: #410000;
}

.article_content h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333965;
    margin-bottom: 25px;
    margin-bottom: 30px;
}

.article_content p,
#publication_text p {
    font-size: 18px;
    line-height: 30px;
    color: #5d5b5b;
}

.share {
    margin-top: 45px;
}

.share h2 {
    font-size: 18px;
    font-weight: bold;
    color: #292f51;
}

.quote {
    margin-bottom: 40px;
    margin-top: 20px;
    border-left: 4px solid #00418c;
    background-color: #f8f8f8;
    padding: 35px 80px 35px 70px;
}

.quote .author {
    color: #434343;
    font-size: 14px;
    padding-left: 20px;
    position: relative
}

.quote .author::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #ffac00;
    top: 10px;
    width: 12px;
    left: 0;
}

.quote blockquote {
    color: #434343;
    font-size: 18px;
    font-style: italic;
}

.block-side {
    padding-top: 1px;
    margin-bottom: 35px;
    border-radius: 0px 26px;
    background-color: #f8f8f8;
}

.block-title {
    margin: 5px;
    padding: 15px;
    background-color: #e7e6e6;
    border-radius: 0px 26px 0px 0px;
}

.block-title h2 {
    font-weight: bold;
    font-size: 24px;
    color: #333965;
    margin: 0;
    padding: 0;
}

.block-content,
.block-tags {
    margin: 5px;
    padding: 10px 15px;
}

.small-galery-list li {
    margin-bottom: 25px;
}

.small-galery-list .galery {
    width: 65px;
    height: 65px;
    display: table;
}

.small-galery-list .galery img {
    width: auto;
    height: auto;
}

.small-galery-list li span {
    font-size: 12px;
}

.small-galery-list li a {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.block-content .fa-angle-double-right {
    color: black;
    margin-right: 8px;
    padding-top: 1px;
}

.link-list li a {
    font-size: 15px;
    color: #333965;
    font-weight: normal;
    line-height: 24px;
}

.list-item {
    border-bottom: 1px dashed #d9d9d9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.tag-badge {
    padding: 10px;
    background-color: #e7e6e6;
    border-radius: 0 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    transition: all 0.4s ease;
}

.tag-badge a:hover {
    text-decoration: none;
}

.tag-badge:hover {
    background-color: #e77842;
    background-image: linear-gradient(45deg, #e77842, #f7c068);
}

.tag-badge a {
    font-size: 15px !important;
    color: #333965 !important;
    font-weight: normal !important;
}

.news_content {
    position: relative;
}

.extra_info {
    font-size: 14px;
    color: #333965;
    /*   position: absolute;
    bottom: 0; */
    padding: 0;
    margin: 0;
}

.carousel_text span {
    color: #410000;
    font-size: 14px;
}

.carousel_text p {
    color: #333965;
    font-size: 14px;
    margin-top: 25px;
}

#new-content {
    margin-left: 50px;
}

#content_new {
    max-width: 100%;
    background-color: white;
    border-radius: 26px 0px 0px 0px;
    margin-top: -50px;
    padding: 50px 0px 50px 50px;
}


.galery-image {
    width: 100%;
    height: 202px;
    border-radius: 0px 26px 0px 0px;
    position: relative;
}

.galery-image img {
    border-radius: 0px 26px 0px 0px;
}


.galery-items {
    margin-top: 40px;
    margin-bottom: 20px;
}

.galery-items .col-12 {
    margin-bottom: 50px;
}

.galery-text {
    background-color: #f0f0f0;
    width: 100%;
    height: 110px;
    border-radius: 0px 0px 0px 26px;
    padding: 20px 20px 20px 20px;
    line-height: 26px;
}

.galery-text a {
    font-weight: bold;
    font-size: 16px;
    color: #333965;
}

.badge-galery {
    bottom: 20px;
    left: 30px;
    position: absolute;
}

.publication_image {
    width: 115px;
    height: 165px;
    border-radius: 0px 26px;
    display: table;
    border: 1px solid #959595;
}

.publication_image img {
    border-radius: 0px 26px;
}

.publication_content {
    padding: 0px 0px 0px 10px;
    position: relative;
}

.publication_content a {
    display: inline;
    color: #333965;
    font-size: 16px;
    font-weight: bold;
}

.pdf_publication {
    position: absolute;
    bottom: 0;
    display: flex;
}

.pdf_publication a {
    font-weight: normal !important;
    font-size: 12px !important;
    color: #410000 !important;
    display: flex;
    line-height: 16px;
    background: transparent !important;
    transition: none !important;
}

.pdf_publication .fa {
    margin-right: 5px;
    margin-top: 7px;
}

#pagination {
    margin-top: 60px;
}

.pagination_wrapper {
    padding: 5px 50px !important;
    border-width: 1px;
}

.pagination_wrapper {
    position: relative;
}

.pagination_wrapper::after {
    content: '';
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, transparent 100%);
    height: 1px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.pagination_wrapper::before {
    content: '';
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, transparent 100%);
    height: 1px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.pagination_wrapper li {
    padding: 5px;
}

.pagination_wrapper a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background-color: white;
    color: #766d6f;
    text-align: center;
}

.pagination_wrapper a:hover {
    text-decoration: none;
}

.pagination_wrapper .active {
    background-color: #e5e5e5;
    color: black;
}

.pagination_wrapper a:hover:not(.active) {
    -webkit-animation: hoverAnimation 510ms linear forwards;
    animation: hoverAnimation 510ms linear forwards;
    color: black;
}

@-webkit-keyframes hoverAnimation {
    from {
        background-color: white;
    }

    to {
        background-color: #e5e5e5;
    }
}

@keyframes hoverAnimation {
    from {
        background-color: white;
    }

    to {
        background-color: #e5e5e5;
    }
}

.contact {
    padding: 30px 30px;
    border: 1px solid #f1f1f1;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contact p {
    padding: 0;
    margin: 0;
    font-size: 15px !important;
    line-height: 24px !important;
}

.contact h2 {
    margin-bottom: 20;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: #292f51;
}

.paragraphs>p.first-paragraph:first-letter {
    font-size: 78px;
    color: #410000;
    float: left;
    display: block;
    line-height: 1;
    padding-right: 10px;
}

.paragraphs p {
    font-size: 18px;
    line-height: 30px;
    color: #5d5b5b;
}

.embed_pdf {
    height: 690px;
    width: 100%;
}

#publication_text h1 {
    font-size: 36px;
    color: #333965;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 30px;
}

.publication_span {
    font-size: 16px;
    color: #410000;
}

.documents {
    list-style-type: none;
    margin: 40px 0px 35px 0px;
    padding: 0;
}

.documents li {
    margin-right: 20px;
}

.documents li a {
    color: #a06c00;
}

.documents .fa {
    color: black;
    margin-right: 5px;
}

#newsletter p {
    line-height: 30px;
    color: #5d5b5b;
    font-size: 18px;
}

.form_newsletter p {
    font-size: 16px !important;
    color: #410000 !important;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

#newsletter .news_title {
    margin-bottom: 45px;
}

.form_newsletter span {
    color: #5d5b5b;
    font-size: 14px;
    margin-bottom: 45px;
}

.form_newsletter span a {
    color: #410000 !important;
}

.checkboxes {
    margin-bottom: 50px;
}

.checkboxes label {
    font-size: 12px;
    color: black;
}

.checkboxes input {
    margin-top: 8px;
}

.form-control {
    border-radius: 0;
}

#footer_contacts {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#address_footer p {
    font-size: 14px;
    color: #5d5b5b;
}

#footer_contacts li {
    font-size: 14px;
    color: #5d5b5b;
}

.presentation_image {
    background-color: grey;
    border-radius: 0 26px;
    width: 250px;
    height: 160px;
}

.presentation_image img {
    border-radius: 0 26px;
}

.documents-presentation {
    list-style-type: none;
    margin: 10px 0px 35px 0px;
    padding: 0;
}

.documents-presentation li {
    margin-right: 30px;
}

.documents-presentation .fa {
    color: black;
    margin-right: 5px;
}

.documents-presentation a {
    margin-top: 25px !important;
}

#share_presentation {
    margin-bottom: 10px !important;
}

.tfiles_items p {
    font-size: 16px !important;
    color: #31375f !important;
    font-weight: bold;
}

.tfiles_items a {
    font-size: 14px !important;
    color: #410000 !important;
    font-weight: normal !important;
}

.tfiles_items span {
    font-size: 14px !important;
    color: #333965 !important;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.flash_items a {
    font-size: 16px !important;
}

.flash_items span a {
    font-size: 14px !important;
    color: #410000 !important;
    font-weight: normal !important;
}

.flash_items p {
    font-size: 14px !important;
    color: #333965 !important;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

#flash_paragraph {
    font-size: 18px;
    line-height: 30px;
    color: #5d5b5b;
    margin-top: 40px;
}

#flash_paragraph a {
    color: #410000;
}

.paragraphs h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #292f51;
    margin-bottom: 25px;
    margin-top: 75px;
}

/*
.paragraphs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.paragraphs li {
    margin-bottom: 25px;
}
*/
.normal_table {
    font-size: 15px;
    line-height: 24px;
}

.normal_table thead {
    background-color: #d2d2d2;
    color: white;
    font-weight: bold;
}

.normal_table tbody tr {
    border-bottom: 1px solid #d2d2d2;
    color: #5d5b5b;
}

.normal_table tbody td,
.normal_table thead th {
    padding: 20px 16px;
}

.components {
    color: #727375;
}


.questione {
    margin-top: 30px;
}

.questione p {
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    color: #333965;
}

.required {
    color: #410000 !important;
}

.questione table thead {
    background-color: #e8e8e8;
    font-size: 12px;
    color: #333965;
    font-weight: normal;
    text-align: center;
}

.questione thead label {
    margin: 10px 0px 10px 0px;
}

.questione tbody label,
.questione tbody span {
    font-size: 14px;
    color: black;
    font-weight: normal;
    margin: 15px 10px 10px 10px;
}

.questione tbody tr {
    border-bottom: 1px solid #e8e8e8;
}

.form-check label {
    font-size: 12px;
}

.form-check input {
    margin-top: 5px;
}

#questionnaire input[type=number] {
    max-width: 280px;
    height: 36px;
    margin-left: 25px;
}

#questionnaire .form-check {
    margin-left: 25px;
}

#questionnaire select {
    margin-left: 25px;
    max-width: 280px;
    height: 36px;
    margin-bottom: 40px;
}

#questionnaire .btn {
    margin-top: 35px;
}

#form #news_title {
    margin-bottom: 45px;
}

#filter select {
    min-width: 450px;
}

#filter .form-group {
    margin-right: 30px;
}

#filter {
    margin-top: 45px;
}

#filter label,
#filter_flash label,
#filter_tfiles label {
    font-size: 15px;
    color: #333333;
}

#filter_flash,
#filter_tfiles {
    margin-top: 25px;
}

#filter_flash select,
#filter_tfiles select {
    width: 204px;
    height: 40px;
}

#filter_flash .btn,
#filter_tfiles .btn {
    margin-left: 20px;
    padding: 9px 25px;
}

#bar_title {
    background-color: #f5f4f4;
    padding: 15px 0px;
    margin-top: 15px;
}

#bar_title h1 {
    font-size: 30px;
    color: #410000;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#bar_title span {
    font-size: 14px;
    color: #292f51;
}

.flash_block {
    margin-top: 45px;
}

.flash_block p {
    font-size: 14px;
    color: #5d5b5b;
}

.flash_block a {
    color: #410000;
    font-size: 14px;
}

.flash_block h3 {
    font-size: 18px;
    color: #292f51;
    font-weight: bold;
}

.flash_block ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.flash_block li:before {
    content: "-";
    padding-right: 8px;
    color: #410000;
}

.flash_block .h3_padding {
    margin-top: 30px;
}

#flash_content .container {
    border-bottom: 5px solid #f5f4f4;
    padding-bottom: 25px;
}

#pre_footer_flash {
    margin-top: 15px;
}

#pre_footer_flash span {
    color: #410000;
    font-size: 18px;
    line-height: 24px;
    display: block;
}

#pre_footer_flash h2 {
    font-size: 24px;
    color: #292f51;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0;
}

#pre_footer_flash h3 {
    font-size: 18px;
    color: #292f51;
    font-weight: bold;
}

#pre_footer_flash a:hover {
    color: white;
}

.pre_footer {
    background-color: #f5f4f4;
    padding: 12px 0px 45px 0px;
}

.pre_footer p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #292f51;
}

.pre_footer span {
    font-size: 14px;
    color: #292f51;
}

.footer {
    background-color: #2a2f52;
    padding: 25px 0px;
}

.footer span {
    color: white;
    font-size: 14px;
}

#small_footer {
    background-color: white !important;
    margin-top: 50px !important;
    padding-top: 0 !important;
}

#newsletter_highlight_img {
    width: 333px;
}

#newsletter_highlight {
    margin-top: 50px;
}

#newsletter_highlight h2 {
    color: #292f51;
    font-size: 24px;
    font-weight: bold;
}

#newsletter_items h2 {
    color: #292f51;
    font-size: 18px;
    font-weight: bold;
}

#newsletter_highlight span {
    color: #292f51;
    font-size: 18px;
    line-height: 18px;
}

#newsletter_items span {
    color: #292f51;
    font-size: 16px;
    line-height: 18px;
}

#newsletter_highlight p {
    color: #5d5b5b;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}

#newsletter_items p {
    color: #5d5b5b;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

#newsletter_highlight a,
#newsletter_items a {
    font-size: 14px;
    line-height: 18px;
    color: #410000;
}

.badge_newsletter {
    padding: 6px 10px;
    background-color: #2a2f52;
    color: white;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}

#newsletter_items {
    margin-top: 50px;
}

#newsletter_items .badge_newsletter {
    margin-top: 15px;
}

#other_items {
    margin-top: 45px;
}

#other_items h3 {
    font-size: 16px;
    color: #31375f;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#other_items span,
#other_items a {
    font-size: 14px;
    color: #410000;
}

#other_items ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#other_items li:before {
    content: "-";
    padding-right: 8px;
    color: #410000;
}

.pre_footer.newsletter {
    padding: 12px 0px 15px 0px;
}


#back_top {
    position: fixed;
    bottom: 85px;
    right: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #6d77aa;
    color: white;
    z-index: 2;
}

#back_top:hover {
    cursor: pointer;
    background-color: #286090;
    opacity: 0.8;
}

/*#search_div{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f3f3f3;
    z-index: 99999;
}*/

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f3f3f3;
    z-index: 9999;
    -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;
}

#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 input[type="search"] {
    position: absolute;
    top: 35%;
    width: 50%;
    color: #666;
    background: transparent;
    font-size: 48px;
    font-weight: 300;
    text-align: center;
    border-width: 0 0 1px;
    margin: 0px auto;
    padding: 20px 30px;
    outline: none;
    margin-bottom: 30px;
    height: 82px;
    left: 0;
    right: 0;
    border-radius: 0;
    border-bottom: 1px solid #adadad;
}

#search input[type="search"]:focus {
    border-color: #ffac00;
    transition: all 0.5s ease;
}

#search .btn_search {
    position: absolute;
    top: 55%;
    left: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #333a65;
    padding: 10px 30px;
    border-radius: 26px;
    border: none;
    font-size: 18px;
    color: white;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #333a65;
    border-color: #333a65;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
}

/*#multimedia{
    padding: 0px 110px;
}*/

.multimedia_title,
#multimedia .share,
#multimedia .embed,
#multimedia .btn {
    margin-left: 13%;
}

#multimedia .embed iframe {
    height: 422px;
    width: 100%;
}

#multimedia #span_multimedia {
    font-size: 16px;
    line-height: 18px;
    color: #410000;
}

#multimedia #multimedia_title {
    font-size: 36px;
    color: #333965;
    font-weight: bold;
}


.menu_level2,
.menu_level3 {
    width: 200px;
    background-color: #fbfbfb;
    border-top: 2px solid #333a65;
    border-radius: 0;
    display: none;
}

.menu_level2 li {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 20px;
}


.menu_level2 a {
    line-height: 18px !important;
    font-size: 14px;
    color: #333333;
}

.menu_level2 a:hover {
    text-decoration: none;
}

.menu_level3 {
    position: absolute;
    top: 0 !important;
    left: 100%;
    display: none;
}

.nav-item {
    position: relative;
}

.nav-item ul {
    position: absolute;
    /* top: 65px; */
}

.menu_level2 li {
    position: relative;
    transition: all 0.2s ease-in-out;
}

.menu_level2 li:hover {
    padding-left: 25px;
}

.menu_level2 li span {
    position: absolute;
    top: 17px;
    right: 12px;
}


#small_menu_btn:hover {
    cursor: pointer;
}

#small_menu {
    position: absolute;
    top: 100px;
    background-color: #333965;
    z-index: 2;
    width: 100%;
    display: none;
}

#small_menu ul {
    margin: 0;
    padding: 0;
}

#small_menu nav li {
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

#small_menu .small_level2,
#small_menu .small_level3 {
    display: none;
}

#small_menu .small_level2 li {
    border-bottom: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#small_menu nav li span,
#small_menu nav li button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 15px 25px 15px 25px;
    color: white;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    background: transparent;
}

#small_menu nav li a,
#small_menu .small_level2 a {
    padding: 12px 20px;
    color: #B6B3C4;
    text-decoration: none;
    font-size: 14px;
}


#small_menu nav li a:hover {
    background: rgba(255, 255, 255, 0.05);
    ;
}

#small_menu nav li span:hover,
#small_menu nav li button:hover {
    background: rgba(255, 255, 255, 0.05);
}


#small_menu .row {
    min-height: 45px;
}

#small_menu .social_media {
    padding: 10px 20px;
}

#small_menu .social_media li a {
    background-color: white;
    color: #333965;
}

#small_menu .languages {
    list-style-type: none;
    padding: 10px 25px;
}

.new-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    left: 0px;
    border-radius: 0px 26px;
    background-color: black;
    opacity: 0.2;
}

.new_badge {
    position: absolute;
}


#blue_table {
    border-collapse: separate;
    border-spacing: 10px 0;
}

#blue_table td,
#blue_table th {
    padding: 10px 0;
    width: 95px;
    position: relative;
    background: #d8f0f0;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

#blue_table .last_row {
    border-radius: 0px 0px 10px 10px;
}

#blue_table th {
    border-radius: 10px 10px 0px 0px;
}

.cell {
    padding: 5px;
}

.border-bottom {
    position: absolute;
    height: 2px;
    right: -5px;
    left: -5px;
    bottom: 0;
    background-color: #52bbbf;
}

.border-bottom.last {
    right: 0px !important;
}

.border-bottom.first {
    left: 0px !important;
}

.responsive_image {
    max-width: 100%;
    height: auto;
}

/*SLICK GALERIA MULTIMEDIA*/

.slider-for {
    width: 100%;
    max-width: 640px;
    /*height: 100%;*/
    max-height: 420px;
    margin: 30px auto 1px;
    overflow: hidden;
}

.slider-for img {
    width: 100%;
    min-height: 100%;
}

.slider-nav {
    width: 100%;
    max-width: 640px;
    /*height: 100%;*/
    max-height: 118px;
    margin: auto;
    margin-top: 10px;
}

.slider-nav img {
    width: 100%;
    max-width: 180px;
    /*height: 100%;*/
    max-height: 118px;
}

/*.slider-nav .slick-track{
    max-height: 85px;
}*/
.slick-arrow {
    position: absolute;
    z-index: 50;
    height: 100%;
    max-height: 118px;
    top: 0;
    background-color: black;
    opacity: 0.6;
    color: white;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}


/*Hamburger Menu*/
#nav-icon {
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background: white;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #333333;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#nav-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 26px;
    left: 8px;
}

.carousel-inner {
    overflow: hidden !important;
}

#logos-footer img {
    max-width: 100%;
    display: block;
}

#logos-footer {
    padding: 0;
    list-style: none;
}

iframe {
    border: none;
}



@media (max-width: 1320px) {

    /*.multimedia_title{
        padding-left: 0;
    }*/
    .multimedia_title,
    #multimedia .share,
    #multimedia .embed,
    #multimedia .btn {
        margin-left: 0%;
    }

}

@media (max-width: 1200px) {
    #onortesomosnos .row-item img {
        max-width: 70px;
        max-height: 70px;
    }

}


@media (max-width: 991px) {
    .container {
        max-width: 875px !important;
    }

    .carousel_text {
        width: 100%;
        height: 100%;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
        padding: 10% 15%;
    }

    #banner {
        margin-top: 0px;
    }

    .new_banner {
        margin-top: 30px !important;
    }

    .new_banner .carousel_image {
        width: 60%;
    }

    .new_banner .carousel_text.new {
        border-radius: 0px 26px !important;
        width: 60% !important;
        margin-left: 35%;
    }

    .block-side {
        margin-top: 25px;
    }

    .carousel_text.new {
        padding: 35px 40px;
    }

    #new-content {
        margin-left: 0px;
    }

    #content_new {
        padding: 50px 0px 50px 0px;
    }

    #filter select {
        min-width: 300px;
        max-width: 450px;
    }

    .slider2-item {
        max-width: 805px;
        width: auto;
        height: auto;
        max-height: 106px;
    }

    .carousel-item img {
        height: 100%;
        max-height: 100px;
    }

    #carouselExampleControls2 .carousel-control-prev {
        left: 0;
        width: 35px;
    }

    #carouselExampleControls2 .carousel-control-next {
        right: 0;
        width: 35px;
    }

    #onortesomosnos .row-item img {
        max-width: 92px;
        max-height: 92px;
    }

    #multimedia {
        padding: 0px 15px;
    }

    #news .col-lg-4 {
        max-width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        margin-bottom: 30px;
    }

    footer .col-12 {
        margin-bottom: 20px;
    }

    .mt_search {
        padding: 8px 5px;
        color: white;
    }

    .mt_search:hover {
        color: white !important;
    }

    #search input[type="search"] {
        width: 60%;
        font-size: 36px;
        padding: 20px 25px;
    }

}

@media (max-width: 769px) {
    .carousel_image {
        width: 100% !important;
        border-radius: 0px;
    }

    .carousel_image img {
        border-radius: 0px;
    }

    .new_banner .carousel_text.new {
        border-radius: 0px 26px;
        margin-left: 10% !important;
        margin-right: 10% !important;
        width: 80% !important;
        /*bottom: 5%;*/
        height: auto;
    }

    #onortesomosnos .row-item img {
        max-width: 80px;
        max-height: 80px;
    }

    .slick-slide {
        min-height: auto !important;
    }

}

@media (max-width: 576px) {
    #ue_navbar {
        margin-left: 0;
    }

    .pagination_wrapper li {
        padding: 0;
    }

    .new_banner .carousel_text.new {
        margin-left: 3% !important;
        margin-right: 3% !important;
        width: 94% !important;
        padding: 25px;
    }

    .slider-for {
        max-height: 270px;
    }

    .documents-presentation li {
        margin-top: 15px;
    }

    #blue_table td,
    #blue_table th {
        max-width: 95px;
        width: auto;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 10%;
    }

    .quote {
        padding: 34px;
    }

    #news_list .galery img {
        width: 130px;
        height: 115px;
    }

    .pagination_wrapper a {
        width: 35px;
        height: 35px;
    }

    #questionnaire input[type="number"],
    #questionnaire .form-check,
    #questionnaire select {
        margin-left: 0px;
    }

    #banner {
        margin-top: 20px;
    }

    #search input[type="search"] {
        width: 80%;
        font-size: 30px;
        padding: 20px;
    }

    #content_new {
        margin-top: 10px;
        border-radius: 0;
        padding: 0px 0px 50px 0px;
    }

}

@media (max-width: 406px) {
    #small_menu {
        margin-top: 26px;
    }

}

/*
 * Text
 */
.oc-text-gray {
    color: #AAA !important;
}

.oc-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0;
}

.oc-text-spaced {
    letter-spacing: 1px;
}

.oc-text-uppercase {
    text-transform: uppercase;
}

/*
 * Links
 */
a.oc-link-strong {
    font-weight: 700;
}

a.oc-link-green {
    color: green;
}

/*
 * Table
 */
table.oc-dashed-borders td,
table.oc-dashed-borders th {
    border-style: dashed;
}

table.oc-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5;
}

/*
 * Table cell
 */
table td.oc-cell-highlighted,
table th.oc-cell-highlighted {
    border: 1px double red;
}

table td.oc-cell-thick-border,
table th.oc-cell-thick-border {
    border-width: 2px;
}

/*
 * Images
 */
img.oc-img-rounded {
    border-radius: 100%;
    background-clip: padding-box;
}

img.oc-img-bordered {
    border: solid 10px #CCC;
    box-sizing: content-box;
}