/*
Theme Name: Pharmanutra Theme 2025
Theme URI: http://holocron.it/
Author: Holocron srl
Author URI: http://holocron.it
Description: Developed by Holocron
Version: 1.0
*/

body,
header,
footer {
    font-family: "Titillium Web", sans-serif !important;
}

h2 {
    color: #1a3864;
    margin-bottom: 2rem
}

h3 {
    color: #1a3864
}

a {
    cursor: pointer
}

button {
    cursor: pointer
}

.btn:focus,
.btn.focus {
    box-shadow: none
}

.investor-btn {
    background: #1a3864;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
    float: left;
    transition: background .5s ease;
    color: #fff !important;
    margin-right: 1rem
}

.investor-btn:hover {
    background: #1a3864;
    color: #fff;
    text-decoration: none;
    color: #fff
}

.year-btn {
    border: 1px solid #1a3864;
    color: #1a3864;
    padding: 5px 10px;
    transition: all .2s ease;
    margin-right: 1rem;
    border-radius: 0
}

.year-btn.active,
.year-btn:hover {
    color: #fff !important;
    background: #1a3864
}

.document-item {
    padding: 15px 15px 45px 15px
}

.document-item a,
.document-item a:link {
    padding: 20px 20px 35px 20px;
    border: 1px solid rgba(128, 128, 128, .1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .16);
    background: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #1a3864;
    transition: transform .5s ease, background .2s ease, color .2s ease;
    font-size: 1.25rem;
    line-height: 1.2
}

.document-item a .time,
.document-item a:link .time {
    display: block;
    font-size: .9rem;
    margin-bottom: 1rem
}

.document-item a:hover,
.document-item a:link:hover {
    background: #002351 !important;
    /* transform: scale(1.05); */
    /* text-decoration: none; */
    color: #fff !important;
}
.document-item a:link:hover:after {
    color: #fff !important;
}

.document-item a:after,
.document-item a:link:after {
    position: absolute;
    bottom: 0;
    right: 0;
   /* content: "get_app";*/
    color: #1a3864;
    width: 30px;
    height: 30px;
    font-family: "Material Icons";
    display: flex;
    align-items: center;
    justify-content: center
}

body {
    background-color: #eee;
    color: #707070
}

.qtranxs-available-languages-message {
    display: none
}

.page-load-status {
    text-align: center;
    padding-bottom: 3rem
}

.page-load-status .infinite-scroll-request {
    font-size: 2rem;
    color: #2b59a3
}

.fa-spin-faster {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear
}

ul.list-style-none {
    list-style: none
}

@keyframes underline_animation {
    0% {
        left: 0;
        right: 0
    }

    50% {
        left: 100%;
        right: 0
    }

    51% {
        left: 0;
        right: 100%
    }

    100% {
        left: 0;
        right: 0
    }
}

.main-footer {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-color: #223D6A;
    color: #fff;
    padding-top: 90px;
    padding-bottom: 60px;
    font-size: .95rem
}

.main-footer a {
    color: #fff
}

.main-footer a.with-text-decoration {
    text-decoration: underline
}

.main-footer a:hover {
    color: #fff;
    text-decoration: none
}

.main-footer h4 {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 2rem
}

.main-footer h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0px
}

.main-footer p {
    margin-bottom: 0px
}

.main-footer .contact-elem {
    margin-bottom: 1.5rem
}

.main-footer .corporate-info {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.main-footer .subscribe-btn {
    display: block;
    border-radius: 0px;
    margin: 2.5rem auto;
    background-color: #1a3864;
    border-color: transparent;
    text-align: center;
    position: relative;
    padding-left: 47px;
    padding-right: 47px;
    transition: all ease-in .3s
}

.main-footer .subscribe-btn::before {
    position: absolute;
    left: 17px;
    content: "";
    font-family: "Font Awesome 5 Free"
}

.main-footer .subscribe-btn i {
    margin-right: 10px
}

.main-footer .subscribe-btn:hover {
    box-shadow: 0px 0px 5px 1px #7bc0fd;
    letter-spacing: 1px
}

.main-footer .social-links li {
    display: inline-block;
    margin-right: 12px;
    font-size: 1.5rem
}

.main-footer .social-links a {
    transition: all ease-in .3s
}

.main-footer .social-links a:hover {
    transform: scale(1.3)
}

@media screen and (max-width: 767.98px) {
    .main-footer .social-links {
        text-align: center;
        margin-top: 30px;
        float: left;
    }
}

.main-footer .lower-footer {
    margin-top: 2rem
}

.main-footer .lower-footer>div {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767.98px) {
    .main-footer .lower-footer>div {
        display: block
    }
    .main-footer .group-footer{
        margin-bottom: 1.5rem;
    }
}

.main-footer .lower-footer a {
    display: inline-block;
    text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
    .main-footer .lower-footer a {
        display: block;
        text-align: center;
        margin-bottom: 1.5rem;
        width: 100%;
    }

    .main-footer .lower-footer .lower-footer-links{
        /* make grid two in row */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 1rem;
        
    }
  
    .main-footer .lower-footer a.privacy-coockie {
        /* float: left; */
        /* width: 50% */
    }
}

.secondary-footer {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding: 40px 0
}

@media screen and (max-width: 767.98px) {
    .secondary-footer {
        padding: 20px 0
    }
}

.secondary-footer .row>div {
    align-self: center
}

.secondary-footer p {
    margin-bottom: 0px
}

@media screen and (max-width: 767.98px) {
    .secondary-footer p {
        text-align: center;
        margin-bottom: 1.5rem
    }
}

.secondary-footer .quality-icons {
    text-align: right
}

.secondary-footer .quality-icons img {
    max-width: 200px;
    margin-bottom: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .secondary-footer .quality-icons img {
        max-width: 150px
    }
}

@media screen and (max-width: 479.98px) {
    .secondary-footer .quality-icons img {
        max-width: 48%
    }
}

@media screen and (max-width: 767.98px) {
    .secondary-footer .quality-icons {
        text-align: center
    }
}

.site-content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding-top: 107px;
    transition: all ease-in .3s;
    background-color: #fff
}

@media screen and (max-width: 1023.98px) {
    .site-content {
        padding-top: 60px
    }
}

.site-content>* {
    z-index: 1
}

.search-container {
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    width: 100%;
    z-index: 1001;
    background: #1a3864;
    height: 0px;
    overflow: hidden;
    transition: all ease-in .3s
}

.search-container .search-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 2rem;
    gap: 1rem;
}

/* in mobile, margin x should be 1 rem */
@media screen and (max-width: 767.98px) {
  .search-container.search-wrapper{
        margin: 0 1rem;
    }
}

.search-container #site-search {
    margin: 5px 0 !important; 
    /* width: calc(100% - 160px); */
    width: 100% !important;
    background: #1a3864;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.5rem;
    outline: none
}

.search-container #site-search::-webkit-input-placeholder {
    color: #fff
}

.search-container.visible {
    height: 100px
}

.search-container.visible+.topbar {
    margin-top: 100px
}

.search-container.visible+.topbar+.site-content {
    padding-top: 207px
}

@media screen and (max-width: 1023.98px) {
    .search-container.visible+.topbar+.site-content {
        padding-top: 160px
    }
}

.topbar {
    position: fixed;
    width: 100%;
    max-width: 1920px;
    z-index: 1000;
    background: #fff;
    transition: all ease-in .3s;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width: 1023.98px) {
    .topbar {
        height: 60px
    }
}

.topbar>.container-fluid {
    height: 100%
}

.topbar>.container-fluid>.row {
    height: 100%
}

.topbar>.container-fluid>.row>div {
    align-self: baseline
}

@media screen and (max-width: 1023.98px) {
    .topbar>.container-fluid>.row>div {
        align-self: center
    }
}

.topbar .logo {
    display: inline-block;
    margin-left: 30px
}

@media screen and (max-width: 767.98px) {
    .topbar .logo {
        margin-left: 0px
    }
}

.topbar .logo img {
    width: 100%;
    max-width: 260px
}
.topbar .logo img.absolute-logo{
    position: absolute;
    scale: 1.3;
    bottom: -30px;
}

.menu-container{
    display: flex;
    align-items: center;
    width: 100%;
}
.menu-container .menu-container-navs{
    flex-grow: 0 !important;
}

.main-menu-navigation {
    position: relative;
    z-index: 20
}

.main-menu-navigation .main-menu {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0px
}

.main-menu-navigation .main-menu .menu-item {
    display: inline-block;
    position: relative;
    margin: 0px auto !important;
}

.main-menu-navigation .main-menu .menu-item>a {
    display: inline-block;
    font-size: 18px;
    padding: 30px 20px !important;
    margin-bottom: 0px;
    color: #002361!important;
    white-space: nowrap;

}
.main-menu-navigation .main-menu .menu-item>a:hover {
    display: inline-block;
    font-size: 18px;
    padding: 30px 20px !important;
    margin-bottom: 0px;
    color: #ffffff!important;

}

.home .signature_block {
    margin-top: 5rem;
}

.main-menu-navigation .main-menu .menu-item:hover a{
    color: #ffffff!important;
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children.single-column>.sub-menu {
    width: 100%;
    left: 0;
    right: 0;
    min-width: 400px
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children.single-column>.sub-menu .menu-item a {
    width: 100%;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu {
    display: none;
    position: fixed;
    width: auto;
    background-color: #002361 !important;
    left: 16.666667%;
    right: 16.666667%;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 30px
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu .menu-item {
    display: block;
    position: unset;
    margin-top: 5px
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu .menu-item a {
    width: 50%;
    color: white !important;
    padding: 10px 25px !important;
    position: relative;
    text-align: center;
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu .menu-item.menu-item-has-children>a:after {
    content: "chevron_right";
    font-family: "Material Icons";
    font-size: 30px;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%)
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu .sub-menu {
    display: none;
    background-color: #eee;
    position: absolute;
    top: 0%;
    z-index: 2;
    width: 50%;
    left: 50%;
    transform: none;
    overflow: scroll
}

.main-menu-navigation .main-menu .menu-item.menu-item-has-children>.sub-menu .sub-menu .menu-item a {
    width: 100%
}

.main-menu-navigation .main-menu .menu-item:hover {
    background-color: #002361
}

.main-menu-navigation .main-menu .menu-item:hover>a {
    color: #a6a7a9;
    text-decoration: none
}

.main-menu-navigation .main-menu .menu-item:hover.menu-item-has-children>.sub-menu {
    display: block;
    width: 100%;
    left: 0;
    right: 0;
}

.home-menu .main-menu-navigation .main-menu .menu-item:hover.menu-item-has-children>.sub-menu{
    max-width: 1920px;
    margin: 0 auto;
}

.main-menu-navigation .main-menu .menu-item:hover.menu-item-has-children>.sub-menu .menu-item:hover a {
    color: #002361 !important;
    background-color: #eee;
}

.main-menu-navigation .main-menu .menu-item:hover.menu-item-has-children>.sub-menu .menu-item:hover .sub-menu {
    display: block
}

.main-menu-navigation .main-menu .menu-item:hover.menu-item-has-children>.sub-menu .menu-item:hover .sub-menu .menu-item a:hover {
    background-color: #ddd
}

.sidebar-menu-mobile {
    position: fixed;
    flex-direction: column;
    top: 0;
    opacity: 0;
    width: 100%;
    left: -100%;
    background-color: #1a3864;
    color: #fff;
    padding: 10px;
    height: 100%;
    overflow-y: auto;
    transition: all ease-in-out .3s;
    z-index: 100000
}

.sidebar-menu-mobile a {
    color: #fff
}

.sidebar-menu-mobile.visible {
    opacity: 1;
    left: 0
}

.sidebar-menu-mobile #close-menu {
    float: right;
    margin-right: 15px;
    margin-bottom: 30px
}

.sidebar-menu-mobile .mobile-menu-navigation {
    clear: both
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item {
    position: relative;
    border-bottom: 1px solid #2b59a3;
    margin-right: 10px
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item:last-child {
    border-bottom: none
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item>a {
    display: block;
    font-size: 18px;
    padding: 10px 5px;
    width: fit-content
}
.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item>a:hover {
    color: #fff;
    text-decoration: none
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children:after {
    content: "chevron_right";
    font-family: "Material Icons";
    font-size: 20px;
    display: block;
    position: absolute;
    top: 0px;
    right: 10px
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children>.sub-menu {
    display: none;
    padding-left: 10px;
    background-color: #2b59a3
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children>.sub-menu:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show:after {
    content: "expand_less"
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu {
    display: block
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item {
    border-bottom: 1px solid #0e9ab0
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item:last-child {
    border-bottom: none
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item>a {
    font-size: 16px
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children:after {
    content: "chevron_right";
    font-family: "Material Icons";
    font-size: 20px;
    display: block;
    position: absolute;
    top: 0px;
    right: 10px
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children>.sub-menu {
    display: none;
    padding-left: 10px;
    background-color: #707070
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children.show:after {
    content: "expand_less"
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children.show>.sub-menu {
    display: block
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item {
    border-bottom: 1px solid #979797
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item:last-child {
    border-bottom: none
}

.sidebar-menu-mobile .mobile-menu-navigation .mobile-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item.menu-item-has-children.show>.sub-menu .menu-item>a {
    font-size: 14px
}

.right-actions {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -3px
}

@media screen and (max-width: 1023.98px) {
    .right-actions {
        top: -0.75rem !important;
    }
}

@media screen and (max-width: 767.98px) {
    .right-actions {
        top: -0.75rem !important;
    }
}

.right-actions .search {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 6px;
    width: 28px;
    height: 21px;
    background: transparent url("./assets/img/lens.png") no-repeat scroll center center/contain !important;
    transition: all ease-in .3s
}

@media screen and (max-width: 767.98px) {
    .right-actions .search {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 330px) {
    .right-actions .search {
        margin-right: 10px
    }
}

.right-actions .search:hover {
    cursor: pointer;
    transform: scale(2)
}

.right-actions .toggle-nav-mobile {
    color: #a6a7a9;
    font-size: 1.4rem;
    margin-right: 20px
}


.right-actions .toggle-nav-mobile:hover {
    cursor: pointer
}

@media screen and (max-width: 767.98px) {
    .right-actions .toggle-nav-mobile {
        margin-right: 10px !important;
    }
}

.language-chooser {
    display: inline-block;
    margin-right: 20%;
    margin-bottom: 2px;
    position: relative;
    top: 4px
}

.language-chooser .language-chooser-item {
    display: inline-block
}

.language-chooser .language-chooser-item.active {
    font-weight: bold
}

.language-chooser .language-chooser-item a {
    color: #a6a7a9;
    position: relative;
    margin-right: 29px;
    text-transform: uppercase;
    font-size: 16px
}

/* mobile */
@media screen and (max-width: 767.98px) {
    .language-chooser {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .language-chooser .language-chooser-item a {
        margin-right: 15px;
        font-size: 12px
    }
}

.language-chooser .language-chooser-item a:hover {
    color: #a6a7a9;
    text-decoration: none
}

.language-chooser .language-chooser-item a:after {
    content: "/"!important;
    display: inline-block;
    position: absolute;
    right: -50px!important;
    top: 0px!important;
    font-size: 1.1rem!important;
    width: 33px;
    height: 36px;
    font-weight: 300!important;
}

@media screen and (max-width: 400px) {
    .language-chooser .language-chooser-item a:after {
        right: -19px;
        top: -4px !important;
        width: 45px !important;
        height: 25px;
    }
}

.language-chooser .language-chooser-item:last-child a {
    margin-right: 0
}

.language-chooser .language-chooser-item:last-child a:after {
    display: none
}

.language-chooser+.qtranxs_widget_end {
    display: none
}

nav ul ul:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%
}

.block_articles {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background: rgba(26, 56, 100, .1)
}

.block_articles .articles {
    padding: 80px 20px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end
}

@media screen and (max-width: 767.98px) {
    .block_articles .articles {
        padding: 20px
    }
}

.block_articles .articles .article {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    transition: transform .5s ease
}

.block_articles .articles .article:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.block_articles .articles .article:hover {
    background: rgba(255, 255, 255, .5);
    transform: scale(1.05)
}

.block_articles .articles .article img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    opacity: 0;
    transition: all .5s ease
}

@media screen and (max-width: 767.98px) {
    .block_articles .articles .article img {
        width: 100%;
        height: auto
    }
}

.block_articles .articles .article:hover img {
    opacity: .25
}

.block_articles .articles .article .content {
    z-index: 3;
    padding: 20px;
    flex-grow: 1
}

.block_articles .articles .article .content a {
    cursor: pointer
}

.block_articles .articles .article .content h6 {
    color: #1a3864;
    text-transform: uppercase;
    margin-bottom: 20px
}

.block_articles .articles .article .content h4 {
    color: #1a3864;
    font-weight: bold;
    margin-bottom: 10px
}

.block_articles .articles .article .content p {
    color: #707070
}

.block_articles .articles .article:hover img {
    opacity: 1;
    z-index: -1
}

.block_articles .articles .article:hover .content {
    background: rgba(255, 255, 255, .6)
}

.block_articles .articles .article a,
.block_articles .articles .article a:link {
    text-decoration: none
}

.block_articles .articles>.row {
    justify-content: center
}

.block_articles .banner {
    position: relative;
    overflow: hidden;
    padding: 0;
    position: relative;
    overflow: hidden
}

.block_articles .banner:before {
    content: "";
    background: #1a3864;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    opacity: .84;
    z-index: 3
}

.block_articles .banner:before {
    transform: rotate(0)
}

.block_articles .banner img.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.block_articles .banner .content {
    z-index: 5;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    .block_articles .banner .content {
        padding: 20px 0
    }
}

.block_articles .banner .content h4.news {
    color: #fff;
    padding: 0 20px;
    z-index: 5
}

.block_articles .banner .content a {
    color: #fff;
    padding: 0 20px
}

.block_articles .banner .content a p {
    color: #fff
}

.block_articles .banner .content a .arrow {
    width: 100%
}


@media screen and (max-width: 767.98px) {
    .block_articles {
        margin: 0 !important;
    }
}

.block_counter {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 80px 20px
}

@media screen and (max-width: 767.98px) {
    .block_counter {
        padding: 40px 20px
    }
}

.block_counter .header h3 {
    color: #1a3864;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold
}

.block_counter .counters {
    margin: 60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 767.98px) {
    .block_counter .counters {
        margin: 30px 0px
    }
}

.block_counter .counters .counter {
    width: calc(100% * 3 / 12);
    position: relative
}

.block_counter .counters .counter:after {
    content: "";
    width: 1px;
    height: 40px;
    background: #707070;
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-30%) rotate(45deg)
}

.block_counter .counters .counter:last-of-type:after {
    display: none
}

@media screen and (max-width: 767.98px) {
    .block_counter .counters .counter {
        width: calc(100% * 6 / 12)
    }

    .block_counter .counters .counter:nth-child(2n):after {
        display: none
    }
}

@media screen and (max-width: 479.98px) {
    .block_counter .counters .counter {
        width: calc(100% * 12 / 12)
    }

    .block_counter .counters .counter:after {
        display: none
    }
}

.block_counter .counters .counter h2 {
    text-transform: uppercase;
    font-size: 3.75rem;
    color: #1a3864;
    font-weight: bold
}

.block_counter .counters .counter p {
    text-transform: uppercase;
    color: #707070
}

.block_counter .content {
    margin: 0 auto;
    width: calc(100% * 3 / 12)
}

@media screen and (max-width: 1023.98px) {
    .block_counter .content {
        width: calc(100% * 6 / 12)
    }
}

@media screen and (max-width: 767.98px) {
    .block_counter .content {
        width: auto;
    }
}

.block_counter .content p {
    color: #707070
}

.block_counter .content .discover-more {
    text-align: center;
    padding-top: 15px
}

.block_counter .content .discover-more a {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    text-transform: uppercase
}

.block_counter .content .discover-more a:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.block_counter .content .discover-more a:hover {
    text-decoration: none
}

.block_counter .content .discover-more a:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

@media screen and (max-width: 767.98px) {
    .block_counter .content .discover-more a {
        max-width: 100%
    }
}

.block_headings {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

.block_headings img {
    display: none
}

.block_headings .content {
    height: fit-content;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px;
    align-items: stretch;
    min-height: 500px
}

.block_headings .content a {
    color: #1a3864;
    transition: all .2s ease;
    border-bottom: 1px solid transparent
}

.block_headings .content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a3864
}

.block_headings .content a.discover-more {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent
}

.block_headings .content a.discover-more:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.block_headings .content a.discover-more:hover {
    text-decoration: none
}

.block_headings .content a.discover-more:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

@media screen and (max-width: 767.98px) {
    .block_headings .content a.discover-more {
        max-width: 100%
    }
}

.block_headings .content .header {
    width: 50%;
    position: relative;
    display: flex;
    height: 100%;
    padding: 40px;
    min-height: 50vh;
    height: auto;
    background: #eee
}

.block_headings .content .header h1 {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    align-self: center;
    color: #1a3864;
    position: relative
}

.block_headings .content .header h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 120px;
    background: currentColor
}

.block_headings .content .desc {
    padding: 40px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.block_headings .content .desc p {
    color: #707070
}

@media screen and (max-width: 767.98px) {
    .block_headings .content {
        height: auto;
        justify-content: flex-start;
        flex-direction: column
    }

    .block_headings .content .header,
    .block_headings .content .desc {
        width: 100%;
        margin: 0 !important;
        min-height: auto !important;
    }

    .block_headings .content .desc {
        padding: 20px 5px;
    }
}

@media screen and (max-width: 479.98px) {
    .block_headings .content .header{
        padding: 20px
    }
}

.block_headings.background {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    position: relative;
    overflow: hidden
}

.block_headings.background:before {
    content: "";
    background: #1a3864;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    opacity: .84;
    z-index: 3
}

.block_headings.background:before {
    transform: rotate(75deg);
    width: 200%;
    height: 500%;
    left: -100%
}

@media screen and (max-width: 767.98px) {
    .block_headings.background:before {
        left: -300%;
        transform: rotate(0)
    }
}

.block_headings.background img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.block_headings.background .content {
    flex-direction: column;
    z-index: 6;
    position: relative;
    padding: 90px 20px;
    align-items: flex-start;
    min-height: unset
}

.block_headings.background .content .header {
    width: 100%;
    max-width: 450px;
    padding: 0px;
    background: transparent;
    min-height: unset
}

.block_headings.background .content .header h1 {
    color: #fff;
    padding-bottom: 100px
}

@media screen and (max-width: 767.98px) {
    .block_headings.background .content .header h1 {
        padding-bottom: 60px
    }
}

.block_headings.background .content .header h1:after {
    background: #fff
}

.block_headings.background .content .desc {
    padding: 0px;
    width: 100%;
    max-width: 450px
}

.block_headings.background .content .desc p {
    color: #fff
}

.network_block {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: stretch
}

.network_block .img_background {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 400px;
    position: relative;
    overflow: hidden
}

.network_block .img_background:before {
    content: "";
    background: #1a3864;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    opacity: .84;
    z-index: 3
}

.network_block .img_background:before {
    transform: rotate(0)
}

.network_block .img_background img.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.network_block .img_background .content {
    height: fit-content;
    z-index: 5;
    color: #fff
}

.network_block .network {
    text-align: center
}

.network_block .network .header {
    padding: 60px 0
}

@media screen and (max-width: 767.98px) {
    .network_block .network .header {
        padding: 40px 0
    }
}

.network_block .network .header h3 {
    color: #1a3864;
    text-transform: uppercase;
    font-weight: bold
}

.network_block .network .content {
    display: flex;
    flex-wrap: wrap
}

.network_block .network .content .single {
    padding: 0 40px
}

.network_block .network .content .single h5 {
    color: #1a3864;
    margin-bottom: 20px
}

.network_block .network .content .single h6 {
    color: #1a3864
}

.network_block .network .content .single p {
    color: #707070
}

@media screen and (max-width: 767.98px) {
    .network_block .network .content .single {
        padding: 0 0 40px 0
    }
}

.network_block .network .discover-more {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 45px
}

.network_block .network .discover-more a {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-transform: uppercase
}

.network_block .network .discover-more a:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.network_block .network .discover-more a:hover {
    text-decoration: none
}

.network_block .network .discover-more a:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

@media screen and (max-width: 767.98px) {
    .network_block .network .discover-more a {
        max-width: 100%
    }
}

.signature_block {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding: 80px 20px;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    .signature_block {
        padding: 40px 0
    }
}

.signature_block img {
    max-width: 300px;
    width: auto;
    height: auto
}

.slider_block {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}

.slider_block .slides_number {
    position: absolute;
    right: 10%;
    color: #2b59a3;
    z-index: 5;
    width: 100px;
    text-align: right;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(10px);
    padding: 10px
}

.slider_block .slides_number .separator {
    width: 100%;
    background: #2b59a3;
    height: 2px;
    margin-top: 20px
}

.slider_block .slider_wrapper .slide {
    position: relative
}

.slider_block .slider_wrapper .slide:hover {
    text-decoration: none
}

.slider_block .slider_wrapper .slide:hover img.background {
    transform: scale(1.1)
}

.slider_block .slider_wrapper .slide img.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    transition: all ease-in .8s
}

.slider_block .slider_wrapper .slide .content {
    margin: 0 auto;
    height: 55vh !important;
    min-height: 500px;
    min-width: 767.98px;
    max-width: calc(100% * 9.3 / 12);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    overflow: hidden;
    position: relative;
    overflow: hidden
}

.slider_block .slider_wrapper .slide .content:before {
    content: "";
    background: #1a3864;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    opacity: .84;
    z-index: 3
}

.slider_block .slider_wrapper .slide .content h4 {
    padding: 20px;
    padding-right: 60px;
    width: 40%;
    z-index: 4
}

@media screen and (max-width: 1199.98px) {
    .slider_block .slider_wrapper .slide .content h4 {
        padding-right: 20px
    }
}

@media screen and (max-width: 1023.98px) {

    .slider_block .slider_wrapper .slide img.background,
    .slider_block .slider_wrapper .slide .content {
        min-width: 100%;
        max-width: 100%
    }

    .slider_block .slider_wrapper .slide img.background h4,
    .slider_block .slider_wrapper .slide .content h4 {
        width: 60%
    }
}

@media screen and (max-width: 767.98px) {
    .slider_block .slider_wrapper .slide .content{
        height: 100% !important;
        padding-bottom: 2rem;
    }
    .slider_block .slider_wrapper .slide .content h4 {
        width: 80%
    }

    .slider_block .slider_wrapper .slide img.background {
        height: 50vh;
        min-height: 500px;
        width: auto
    }
}

.slider_block .controls {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex
}

.slider_block .controls span {
    padding: 40px 60px;
    color: #fff;
    cursor: pointer;
    outline: none
}

.slider_block .controls span.prev {
    background: #2b59a3
}

.slider_block .controls span.next {
    background: #1a3864
}

@media screen and (max-width: 479.98px) {
    .slider_block .controls span {
        padding: 20px 30px
    }
}

@media screen and (max-width: 769px){

    .page-template-about-group-page .block_headings .content .desc p {
        color: #707070;
        margin-top: 1px!important;
    }
    .page-template-about-group-page .info_wrap {
        padding: 1px!important;
        margin-top: 1px!important;
        margin-left: 1px!important;
    }

    .page-template-about-group-page .header.grouphead h1 {
        margin-top: 1px!important;
    }

    .page-template-about-group-page .block_headings .content .header{
        min-height: 1px!important;
       
    }

    .page-template-about-group-page .block_info.col-12 {
        margin-left: -15px!important;
        padding-right: 1px!important;
    }
    


}

.page-template-about-group-page .info_wrap {
    padding: 6rem;
    margin-top: -80vh;
    margin-left: 43px;
}

.page-template-about-group-page .block_headings .content .header{
    min-height: 150vh;
   
}

.page-template-about-group-page .block_headings .content .desc{
    justify-content: flex-start;
}

.page-template-about-group-page .block_headings .content .desc p {
    color: #707070;
    /* margin-top: -78vh; */
}


.page-template-about-group-page .header.grouphead h1 {
    margin-top: -80vh;
}


.page-template-about-group-page .content.col-md-6 h5 {

    color: #223D6A;
}

.page-template-about-group-page .block_content .content a.discover-more, .block_content .content a:link.discover-more {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em #ffffff00;
}

.page-template-about-group-page .block_content .content h5::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #002361;
    margin-top: 25px;
}


.group_block {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    position: relative;
    overflow: hidden;
    height: 40vh
}

.group_block img.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    min-height: 40vh
}

.group_block .content {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 120px 40px;
    justify-content: space-evenly;
    align-items: center;
    height: 100%
}

.group_block .content:before {
    content: "";
    background: #1a3864;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    opacity: .84;
    z-index: 3
}

.group_block .content:before {
    width: 350%;
    height: 350%;
    transform: rotate(75deg)
}

.group_block .content img.single-group {
    z-index: 6;
    height: 30px;
    width: auto;
    align-self: auto;
    margin: 20px
}

@media screen and (max-width: 767.98px) {
    .group_block .content {
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 40px
    }
}

.block_image_signature {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background: #1a3864;
    padding: 40px 20px
}

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

.block_image_signature .content img {
    width: 100%;
    height: auto;
    max-width: 500px
}

.block_image_signature .content h4 {
    padding: 40px 0 0 0;
    color: #fff
}

.block_content {
    padding: 60px 20px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

.block_content .content {
    margin-bottom: 40px
}

.block_content .content ol {
    list-style: decimal;
    padding-left: 20px
}

.block_content .content ul {
    list-style: square;
    padding-left: 20px
}

.block_content .content ul.list-style-none {
    list-style: none
}

.block_content .content img {
    width: auto;
    height: auto;
    margin-bottom: 60px
}

@media screen and (max-width: 767.98px) {
    .block_content .content img {
        margin-bottom: 30px
    }
}

.block_content .content h5 {
    color: #707070;
    font-weight: bold;
    margin-bottom: 20px
}

.block_content .content p {
    color: #707070
}

.block_content .content a,
.block_content .content a:link {
    color: #1a3864;
    transition: all .2s ease;
    border-bottom: 1px solid transparent
}

.block_content .content a:hover,
.block_content .content a:link:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a3864
}

.block_content .content a.discover-more,
.block_content .content a:link.discover-more {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent
}

.block_content .content a.discover-more:after,
.block_content .content a:link.discover-more:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.block_content .content a.discover-more:hover,
.block_content .content a:link.discover-more:hover {
    text-decoration: none
}

.block_content .content a.discover-more:hover:after,
.block_content .content a:link.discover-more:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

@media screen and (max-width: 767.98px) {

    .block_content .content a.discover-more,
    .block_content .content a:link.discover-more {
        max-width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .block_content .content {
        padding: 20px 0
    }
}

.block_info {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column
}

.block_info .info_wrapper {
    padding: 80px;
    max-width: calc(100% + 30px);
    position: relative
}

@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper {
        padding: 0
    }
}

.block_info .info_wrapper:after {
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #295499;
    position: absolute;
    z-index: -1
}

.block_info .info_wrapper .info {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

.block_info .info_wrapper .info .header {
    z-index: 5;
    margin: 0 auto
}

@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper .info .header {
        padding-bottom: 0
    }
}

.block_info .info_wrapper .info .header .head {
    background: #295499;
    padding: 0 40px;
    padding-bottom: 100px
}

.intro-counter {
    max-width: 814px;
    margin: 0 auto;
}

h2.h2int {
    font-size: 1rem;
    text-align: left;
    max-width: 814px;
    margin: 0 auto;

}

.block_info .info_wrapper .info .header .head h2 {
    color: #fff;
    max-width: 90%;
    line-height: 1.5;
    padding-bottom: 40px;
    position: relative;
    font-weight: bold;
    font-size: 1.9rem;
    text-transform: uppercase;
}

.header.grouphead {
    background: #002361 !important;
    width: 100%!important;
    margin-left: -371px!important;
    overflow: hidden;
}

.header.grouphead h1 {
    margin-left: 24rem;
}

.info.row{
    max-width: 62rem;
    margin: 0 auto;

}

.block_content.row.group {
    background-color: #eee;
    margin: 0 auto;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: -98px;
    padding: 60px 20px;
    max-width: 1105px;

}

@media screen and (max-width: 767.98px) {
    .block_content.row.group {
        margin-top: 0;
    }
}



.link-section a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
    
}


.desc.grouphead{
padding: 0px 0px 137px 40px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}



.info_wrap {
    padding: 6rem;
    margin-top: -300px;
    margin-left: 43px;
}

@media screen and (max-width: 767.98px) {
    .info_wrap {
        padding: 0;
        margin: 0;
    }
}

.col-md-12.find-more-gr {
    z-index: 3;
}
.header-group.col-12 {
    padding: 4rem;
    z-index: 2;
}

.header-group.col-12:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2C65C6;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

@media screen and (max-width: 767.98px) {
    .header-group.col-12 {
        padding: 1rem 0;
    }
}

.col-md-12.find-more-gr h2 {
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
}

.col-md-12.find-more-gr p {
    color: white;
    text-align: justify;
    
}


@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper .info .header .head {
        padding: 40px
    }

    .block_info .info_wrapper .info .header .head h2 {
        max-width: 100%
    }
}

@media screen and (max-width: 479.98px) {
    .block_info .info_wrapper .info .header .head {
        padding: 40px 20px
    }
}

.block_info .info_wrapper .info .header .content {
    padding: 0 40px;
    padding-bottom: 100px;
    background: #fff
}

.block_info .info_wrapper .info .header .content a {
    color: #1a3864;
    transition: all .2s ease;
    border-bottom: 1px solid transparent
}

.block_info .info_wrapper .info .header .content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a3864
}

.block_info .info_wrapper .info .header .content a.discover-more {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent
}

.block_info .info_wrapper .info .header .content a.discover-more:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.block_info .info_wrapper .info .header .content a.discover-more:hover {
    text-decoration: none
}

.block_info .info_wrapper .info .header .content a.discover-more:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

.block_info.quotegroup {
    margin-top: 144px;
}

@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper .info .header .content a.discover-more {
        max-width: 100%
    }
    .block_info.quotegroup{
        margin-top: 0px;
    }
}

.block_info .info_wrapper .info .header .content p {
    color: #707070
}

@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper .info .header .content {
        padding: 40px;
        margin-top: 0
    }
}

@media screen and (max-width: 479.98px) {
    .block_info .info_wrapper .info .header .content {
        padding: 40px 20px
    }
}

.block_info .info_wrapper .info .focus {
    margin: 0 auto;
    padding: 20px;
    background: #2b59a3;
    color: #fff;
    z-index: 8
}

.block_info .info_wrapper .info .focus a {
    color: #fff
}

.block_info .info_wrapper .info .focus a:hover {
    color: #fff;
    text-decoration: none
}

.block_info .info_wrapper .info .focus h3 {
    color: #fff
}

.block_info .info_wrapper .info .focus.icons .single-focus {
    text-align: center
}

.block_info .info_wrapper .info .focus .single-focus {
    padding: 20px
}

.block_info .info_wrapper .info .focus .single-focus img {
    margin-bottom: 15px
}

.block_info .info_wrapper .info .focus .single-focus span {
    font-size: 28px
}

.block_info .info_wrapper .info .focus .single-focus h3 {
    text-transform: uppercase
}

.block_info .desc {
    z-index: 7;
    width: 100%;
    max-width: 1920px;
    position: relative;
    max-width: 1024px;
    margin-right: calc(100% / 12);
    align-self: flex-end;
    background: #eee;
    padding: 80px 80px 80px;
    margin-top: -63px;
}

.block_info .desc p {
    color: #707070
}

.block_info .desc h6 {
    color: #707070;
    text-tranform: uppercase
}

@media screen and (max-width: 767.98px) {
    .block_info .desc {
        padding: 40px;
        margin:0;
    }
}

@media screen and (max-width: 479.98px) {
    .block_info .desc {
        padding: 20px
    }
}

.block_info .info_wrapper+.desc {
    margin-bottom: 200px;
}

@media screen and (max-width: 767.98px) {
    .block_info .info_wrapper+.desc {
        margin: 20px 0;
    }
}

.block_timeline {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    position: relative;
    overflow: hidden;
    margin: -200px auto 0;
    z-index: 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.block_timeline:before {
    content: "";
    background: #002361;
    width: 200%;
    height: 200%;
    position: absolute;
    transform: rotate(-75deg);
    left: -100%;
    z-index: 3;
    mix-blend-mode: multiply;
}

@media screen and (max-width: 767.98px) {
    .block_timeline {
        margin: 0px auto
    }
}

.block_timeline:before {
    transform: rotate(0)
}

.block_timeline img.background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover
}

.block_timeline .content_wrapper {
    padding: 260px 40px 80px
}

@media screen and (max-width: 767.98px) {
    .block_timeline .content_wrapper {
        padding: 40px
    }
}

@media screen and (max-width: 479.98px) {
    .block_timeline .content_wrapper {
        padding: 40px 20px
    }
}

.block_timeline .content_wrapper .content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px;
    margin: 40px auto;
    z-index: 6;
    margin-top: -111px;
}

.block_timeline .content_wrapper .content h2 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 40px;
    position: relative
}

.block_timeline .content_wrapper .content h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 120px;
    background: currentColor
}

@media screen and (max-width: 767.98px) {
    .block_timeline .content_wrapper .content{
        margin-top: 0px;
    }
}

.block_timeline .content_wrapper .timeline {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px;
    margin: 80px auto;
    z-index: 6;
}

.block_timeline .content_wrapper .timeline .timeline-years{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    /* no scrollbar */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */

    &::-webkit-scrollbar {
        display: none; /* For Chrome, Safari, and Opera */
    }
}

.block_timeline .content_wrapper .timeline .time {
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding: 15px;
    position: relative
}

.block_timeline .content_wrapper .timeline .time span {
    margin-right: 30px
}

.block_timeline .content_wrapper .timeline .time span.square {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid currentColor;
    background: tranparent;
    transform: rotate(45deg);
    transition: all .5s ease
}

.block_timeline .content_wrapper .timeline .time span.line {
    display: inline-block;
    width: 30px;
    height: 1px;
    background: currentColor;
    transition: all .5s ease
}

@media screen and (max-width: 767.98px) {
    .block_timeline .content_wrapper .timeline .time span.line {
        display: none
    }
}

.block_timeline .content_wrapper .timeline .time span.separator {
    display: inline-block;
    width: 10px;
    height: 1px;
    margin: 0 10px;
    background: currentColor;
    display: none
}

.block_timeline .content_wrapper .timeline .time h5 {
    margin-right: 3%;
    margin-bottom: 0;
    transition: all .5s ease
}

.block_timeline .content_wrapper .timeline .time .desc {
    width: 70%;
    display: flex;
    justify-content: left;
    align-items: center
}

@media screen and (max-width: 1023.98px) {
    .block_timeline .content_wrapper .timeline .time .desc {
        width: 65%
    }
}

.block_timeline .content_wrapper .timeline .time h6 {
    display: none;
    font-weight: bold;
    margin-bottom: 0
}

.block_timeline .content_wrapper .timeline .time p {
    display: none;
    margin-bottom: 0
}

.block_timeline .content_wrapper .timeline .time.active span.square {
    background: currentColor
}

.block_timeline .content_wrapper .timeline .time.active span.line {
    width: 100px
}

@media screen and (max-width: 1023.98px) {
    .block_timeline .content_wrapper .timeline .time.active span.line {
        width: 70px
    }
}

.block_timeline .content_wrapper .timeline .time.active span.separator {
    display: inline-block
}

.block_timeline .content_wrapper .timeline .time.active h5 {
    font-weight: bold;
    transform: scale(1.2)
}

.block_timeline .content_wrapper .timeline .time.active h6,
.block_timeline .content_wrapper .timeline .time.active p {
    display: inline-block
}

@media screen and (max-width: 767.98px) {
    .block_timeline .content_wrapper .timeline .time.active .desc {
        position: absolute;
        right: 0;
        width: 50%;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        background: rgba(0, 0, 0, .3);
        padding: 15px;
        backdrop-filter: blur(10px)
    }

    .block_timeline .content_wrapper .timeline .time.active span.separator {
        margin: 15px 0
    }
}

#product-accordion,
#accordionExample {
    background: #e9eef6;
    padding: 40px
}

@media screen and (max-width: 479.98px) {

    #product-accordion,
    #accordionExample {
        padding: 20px
    }
}

#product-accordion .card,
#accordionExample .card {
    background: none;
    border-radius: 0;
    border: none
}

#product-accordion .card .card-header,
#accordionExample .card .card-header {
    background: none;
    border: none;
    border-bottom: 1px solid #1a3864
}

#product-accordion .card .card-header:last-of-type,
#accordionExample .card .card-header:last-of-type {
    border-bottom: none
}

#product-accordion .card .card-header h1,
#product-accordion .card .card-header h2,
#product-accordion .card .card-header h3,
#product-accordion .card .card-header h4,
#product-accordion .card .card-header h5,
#accordionExample .card .card-header h1,
#accordionExample .card .card-header h2,
#accordionExample .card .card-header h3,
#accordionExample .card .card-header h4,
#accordionExample .card .card-header h5 {
    font-size: 1.8rem
}

@media screen and (max-width: 479.98px) {

    #product-accordion .card .card-header h1,
    #product-accordion .card .card-header h2,
    #product-accordion .card .card-header h3,
    #product-accordion .card .card-header h4,
    #product-accordion .card .card-header h5,
    #accordionExample .card .card-header h1,
    #accordionExample .card .card-header h2,
    #accordionExample .card .card-header h3,
    #accordionExample .card .card-header h4,
    #accordionExample .card .card-header h5 {
        font-size: 1.2rem
    }
}

#product-accordion .card .card-header h1 button,
#product-accordion .card .card-header h1 a,
#product-accordion .card .card-header h1 a:link,
#product-accordion .card .card-header h2 button,
#product-accordion .card .card-header h2 a,
#product-accordion .card .card-header h2 a:link,
#product-accordion .card .card-header h3 button,
#product-accordion .card .card-header h3 a,
#product-accordion .card .card-header h3 a:link,
#product-accordion .card .card-header h4 button,
#product-accordion .card .card-header h4 a,
#product-accordion .card .card-header h4 a:link,
#product-accordion .card .card-header h5 button,
#product-accordion .card .card-header h5 a,
#product-accordion .card .card-header h5 a:link,
#accordionExample .card .card-header h1 button,
#accordionExample .card .card-header h1 a,
#accordionExample .card .card-header h1 a:link,
#accordionExample .card .card-header h2 button,
#accordionExample .card .card-header h2 a,
#accordionExample .card .card-header h2 a:link,
#accordionExample .card .card-header h3 button,
#accordionExample .card .card-header h3 a,
#accordionExample .card .card-header h3 a:link,
#accordionExample .card .card-header h4 button,
#accordionExample .card .card-header h4 a,
#accordionExample .card .card-header h4 a:link,
#accordionExample .card .card-header h5 button,
#accordionExample .card .card-header h5 a,
#accordionExample .card .card-header h5 a:link {
    color: #1a3864;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    text-align: left;
    width: 100%;
    text-decoration: none;
    outline: none
}

#product-accordion .card .card-header h1 button:after,
#product-accordion .card .card-header h1 a:after,
#product-accordion .card .card-header h1 a:link:after,
#product-accordion .card .card-header h2 button:after,
#product-accordion .card .card-header h2 a:after,
#product-accordion .card .card-header h2 a:link:after,
#product-accordion .card .card-header h3 button:after,
#product-accordion .card .card-header h3 a:after,
#product-accordion .card .card-header h3 a:link:after,
#product-accordion .card .card-header h4 button:after,
#product-accordion .card .card-header h4 a:after,
#product-accordion .card .card-header h4 a:link:after,
#product-accordion .card .card-header h5 button:after,
#product-accordion .card .card-header h5 a:after,
#product-accordion .card .card-header h5 a:link:after,
#accordionExample .card .card-header h1 button:after,
#accordionExample .card .card-header h1 a:after,
#accordionExample .card .card-header h1 a:link:after,
#accordionExample .card .card-header h2 button:after,
#accordionExample .card .card-header h2 a:after,
#accordionExample .card .card-header h2 a:link:after,
#accordionExample .card .card-header h3 button:after,
#accordionExample .card .card-header h3 a:after,
#accordionExample .card .card-header h3 a:link:after,
#accordionExample .card .card-header h4 button:after,
#accordionExample .card .card-header h4 a:after,
#accordionExample .card .card-header h4 a:link:after,
#accordionExample .card .card-header h5 button:after,
#accordionExample .card .card-header h5 a:after,
#accordionExample .card .card-header h5 a:link:after {
    content: "-";
    display: block;
    position: relative;
    font-size: 1.8rem
}

@media screen and (max-width: 479.98px) {

    #product-accordion .card .card-header h1 button:after,
    #product-accordion .card .card-header h1 a:after,
    #product-accordion .card .card-header h1 a:link:after,
    #product-accordion .card .card-header h2 button:after,
    #product-accordion .card .card-header h2 a:after,
    #product-accordion .card .card-header h2 a:link:after,
    #product-accordion .card .card-header h3 button:after,
    #product-accordion .card .card-header h3 a:after,
    #product-accordion .card .card-header h3 a:link:after,
    #product-accordion .card .card-header h4 button:after,
    #product-accordion .card .card-header h4 a:after,
    #product-accordion .card .card-header h4 a:link:after,
    #product-accordion .card .card-header h5 button:after,
    #product-accordion .card .card-header h5 a:after,
    #product-accordion .card .card-header h5 a:link:after,
    #accordionExample .card .card-header h1 button:after,
    #accordionExample .card .card-header h1 a:after,
    #accordionExample .card .card-header h1 a:link:after,
    #accordionExample .card .card-header h2 button:after,
    #accordionExample .card .card-header h2 a:after,
    #accordionExample .card .card-header h2 a:link:after,
    #accordionExample .card .card-header h3 button:after,
    #accordionExample .card .card-header h3 a:after,
    #accordionExample .card .card-header h3 a:link:after,
    #accordionExample .card .card-header h4 button:after,
    #accordionExample .card .card-header h4 a:after,
    #accordionExample .card .card-header h4 a:link:after,
    #accordionExample .card .card-header h5 button:after,
    #accordionExample .card .card-header h5 a:after,
    #accordionExample .card .card-header h5 a:link:after {
        font-size: 1.2rem
    }
}

#product-accordion .card .card-header h1 button.collapsed:after,
#product-accordion .card .card-header h1 a.collapsed:after,
#product-accordion .card .card-header h1 a:link.collapsed:after,
#product-accordion .card .card-header h2 button.collapsed:after,
#product-accordion .card .card-header h2 a.collapsed:after,
#product-accordion .card .card-header h2 a:link.collapsed:after,
#product-accordion .card .card-header h3 button.collapsed:after,
#product-accordion .card .card-header h3 a.collapsed:after,
#product-accordion .card .card-header h3 a:link.collapsed:after,
#product-accordion .card .card-header h4 button.collapsed:after,
#product-accordion .card .card-header h4 a.collapsed:after,
#product-accordion .card .card-header h4 a:link.collapsed:after,
#product-accordion .card .card-header h5 button.collapsed:after,
#product-accordion .card .card-header h5 a.collapsed:after,
#product-accordion .card .card-header h5 a:link.collapsed:after,
#accordionExample .card .card-header h1 button.collapsed:after,
#accordionExample .card .card-header h1 a.collapsed:after,
#accordionExample .card .card-header h1 a:link.collapsed:after,
#accordionExample .card .card-header h2 button.collapsed:after,
#accordionExample .card .card-header h2 a.collapsed:after,
#accordionExample .card .card-header h2 a:link.collapsed:after,
#accordionExample .card .card-header h3 button.collapsed:after,
#accordionExample .card .card-header h3 a.collapsed:after,
#accordionExample .card .card-header h3 a:link.collapsed:after,
#accordionExample .card .card-header h4 button.collapsed:after,
#accordionExample .card .card-header h4 a.collapsed:after,
#accordionExample .card .card-header h4 a:link.collapsed:after,
#accordionExample .card .card-header h5 button.collapsed:after,
#accordionExample .card .card-header h5 a.collapsed:after,
#accordionExample .card .card-header h5 a:link.collapsed:after {
    content: "+"
}

#product-accordion .card .card-header h1 button:hover,
#product-accordion .card .card-header h1 a:hover,
#product-accordion .card .card-header h1 a:link:hover,
#product-accordion .card .card-header h2 button:hover,
#product-accordion .card .card-header h2 a:hover,
#product-accordion .card .card-header h2 a:link:hover,
#product-accordion .card .card-header h3 button:hover,
#product-accordion .card .card-header h3 a:hover,
#product-accordion .card .card-header h3 a:link:hover,
#product-accordion .card .card-header h4 button:hover,
#product-accordion .card .card-header h4 a:hover,
#product-accordion .card .card-header h4 a:link:hover,
#product-accordion .card .card-header h5 button:hover,
#product-accordion .card .card-header h5 a:hover,
#product-accordion .card .card-header h5 a:link:hover,
#accordionExample .card .card-header h1 button:hover,
#accordionExample .card .card-header h1 a:hover,
#accordionExample .card .card-header h1 a:link:hover,
#accordionExample .card .card-header h2 button:hover,
#accordionExample .card .card-header h2 a:hover,
#accordionExample .card .card-header h2 a:link:hover,
#accordionExample .card .card-header h3 button:hover,
#accordionExample .card .card-header h3 a:hover,
#accordionExample .card .card-header h3 a:link:hover,
#accordionExample .card .card-header h4 button:hover,
#accordionExample .card .card-header h4 a:hover,
#accordionExample .card .card-header h4 a:link:hover,
#accordionExample .card .card-header h5 button:hover,
#accordionExample .card .card-header h5 a:hover,
#accordionExample .card .card-header h5 a:link:hover {
    text-decoration: none
}

#product-accordion .card .card-header h1 button+br,
#product-accordion .card .card-header h1 a+br,
#product-accordion .card .card-header h1 a:link+br,
#product-accordion .card .card-header h2 button+br,
#product-accordion .card .card-header h2 a+br,
#product-accordion .card .card-header h2 a:link+br,
#product-accordion .card .card-header h3 button+br,
#product-accordion .card .card-header h3 a+br,
#product-accordion .card .card-header h3 a:link+br,
#product-accordion .card .card-header h4 button+br,
#product-accordion .card .card-header h4 a+br,
#product-accordion .card .card-header h4 a:link+br,
#product-accordion .card .card-header h5 button+br,
#product-accordion .card .card-header h5 a+br,
#product-accordion .card .card-header h5 a:link+br,
#accordionExample .card .card-header h1 button+br,
#accordionExample .card .card-header h1 a+br,
#accordionExample .card .card-header h1 a:link+br,
#accordionExample .card .card-header h2 button+br,
#accordionExample .card .card-header h2 a+br,
#accordionExample .card .card-header h2 a:link+br,
#accordionExample .card .card-header h3 button+br,
#accordionExample .card .card-header h3 a+br,
#accordionExample .card .card-header h3 a:link+br,
#accordionExample .card .card-header h4 button+br,
#accordionExample .card .card-header h4 a+br,
#accordionExample .card .card-header h4 a:link+br,
#accordionExample .card .card-header h5 button+br,
#accordionExample .card .card-header h5 a+br,
#accordionExample .card .card-header h5 a:link+br {
    display: none;
    height: 0px;
    width: 0px
}

#product-accordion .card .card-body,
#accordionExample .card .card-body {
    color: #707070;
    font-size: 1rem
}

.articles-wrapper {
    background: rgba(26, 56, 100, .1);
    position: relative;
    z-index: 1;
    padding: 80px 0;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 479.98px) {
    .articles-wrapper {
        padding: 40px 0
    }
}

.articles-wrapper .articles {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

.articles-wrapper .articles .article {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    transition: transform .5s ease
}

.articles-wrapper .articles .article:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.articles-wrapper .articles .article:hover {
    background: rgba(255, 255, 255, .5);
    transform: scale(1.05)
}

.articles-wrapper .articles .article img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    opacity: 0;
    transition: all .5s ease
}

@media screen and (max-width: 767.98px) {
    .articles-wrapper .articles .article img {
        width: 100%;
        height: auto
    }
}

.articles-wrapper .articles .article:hover img {
    opacity: .25
}

.articles-wrapper .articles .article .content {
    z-index: 3;
    padding: 20px;
    flex-grow: 1
}

.articles-wrapper .articles .article .content a {
    cursor: pointer
}

.articles-wrapper .articles .article .content h6 {
    color: #1a3864;
    text-transform: uppercase;
    margin-bottom: 20px
}

.articles-wrapper .articles .article .content h4 {
    color: #1a3864;
    font-weight: bold;
    margin-bottom: 10px
}

.articles-wrapper .articles .article .content p {
    color: #707070
}

.articles-wrapper .articles .article:hover img {
    opacity: 1;
    z-index: -1
}

.articles-wrapper .articles .article:hover .content {
    background: rgba(255, 255, 255, .6)
}

.articles-wrapper .articles .article a,
.articles-wrapper .articles .article a:link {
    text-decoration: none
}

.pagination-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    justify-content: center
}

.pagination-wrapper>* {
    padding: 15px;
    color: #1a3864
}

.pagination-wrapper>*.current {
    font-weight: bold
}

.pagination-wrapper>*:hover {
    text-decoration: none;
    color: #2b59a3
}

.pagination-wrapper>*:hover.current {
    color: #1a3864
}

.products-wrapper {
    background: rgba(26, 56, 100, .1);
    position: relative;
    z-index: 1;
    padding: 80px 0
}

@media screen and (max-width: 479.98px) {
    .products-wrapper {
        padding: 40px 0
    }
}

.products-wrapper .products {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    max-width: 1024px
}

.products-wrapper .products .product {
    padding: 10px 10px 30px 10px;
    position: relative;
    z-index: 3;
    width: calc(100% * 4 / 12);
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width: 767.98px) {
    .products-wrapper .products .product {
        width: calc(100% * 6 / 12)
    }
}

@media screen and (max-width: 479.98px) {
    .products-wrapper .products .product {
        width: calc(100% * 12 / 12)
    }
}

.products-wrapper .products .product .product-image-wrapper {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

.products-wrapper .products .product .product-image-wrapper img.image {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    object-fit: contain;
    background: #fff
}

.products-wrapper .products .product img.image {
    width: 100%;
    height: auto;
    transition: all ease-in .3s
}

.products-wrapper .products .product img.brand {
    width: 60%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.products-wrapper .products .product .brand-wrapper {
    text-align: center;
    background-color: rgba(43, 89, 163, .2);
    height: 100px;
    min-height: 100px;
    max-height: 100px
}

.products-wrapper .products .product .content {
    background: #1a3864;
    height: 100%;
    min-height: 200px
}

.products-wrapper .products .product .content p {
    color: #fff;
    padding: 20px
}

.products-wrapper .products .product:hover {
    text-decoration: none
}

.products-wrapper .products .product:hover img.image {
    transform: scale(1.2)
}

.archive-heading {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #1a3864;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../img/placeholder-heading.jpg");
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center
}

.product-heading {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #1a3864;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../img/placeholder-heading.jpg");
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.product-heading h2 {
    color: #fff
}

.product-heading .phn-breadcrumb a,
.product-heading .phn-breadcrumb a:link {
    color: #fff;
    transition: all .3s ease
}

.phn-single.phn-product .product-features {
    display: flex;
    justify-content: center
}

.phn-single.phn-product .product-features .free-from {
    margin: 10px
}

.phn-single.phn-product ol {
    list-style: decimal;
    padding-left: 20px
}

.phn-single.phn-product ul {
    list-style: square;
    padding-left: 20px
}

.phn-single.phn-product ul.list-style-none {
    list-style: none
}

.phn-single.phn-product table.components {
    border-top: 2px solid #1a3864;
    border-bottom: 2px solid #1a3864;
    max-width: 100%;
    border-collapse: collapse;
    width: 100%;
    position: relative;
    font-size: 1rem
}

.phn-single.phn-product table.components thead tr td {
    font-weight: bold
}

.phn-single.phn-product table.components td {
    padding: 10px
}

.phn-single.phn-product table.components tr td {
    border-bottom: 1px solid #1a3864;
    vertical-align: middle;
    padding-bottom: 10px
}

.phn-single.phn-product table.components .single-component>* {
    width: calc(100% / 3)
}

.phn-single.phn-product .product-footer {
    font-size: .8rem
}

.phn-single .single,
.page-template .single {
    background: #fff
}

.phn-single .single .date a,
.phn-single .single .date a:link,
.page-template .single .date a,
.page-template .single .date a:link {
    color: #1a3864;
    transition: all .2s ease;
    border-bottom: 1px solid transparent
}

.phn-single .single .date a:hover,
.phn-single .single .date a:link:hover,
.page-template .single .date a:hover,
.page-template .single .date a:link:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a3864
}

.phn-single .single .single-title,
.page-template .single .single-title {
    color: #1a3864;
    margin-bottom: 3rem;
    min-height: 110px;
    display: flex;
    align-items: center
}

.phn-single .single .section-title,
.page-template .single .section-title {
    color: #2b59a3
}

.phn-single .single .single-content ol,
.page-template .single .single-content ol {
    list-style: decimal;
    padding-left: 20px
}

.phn-single .single .single-content ul,
.page-template .single .single-content ul {
    list-style: square;
    padding-left: 20px
}

@media screen and (max-width: 767.98px) {
    .phn-single .single .single-content ul,
    .page-template .single .single-content ul {
        padding-left: 0px
    }
}

.phn-single .single .single-content ul.list-style-none,
.page-template .single .single-content ul.list-style-none {
    list-style: none
}

.phn-single .single .single-content a,
.phn-single .single .single-content a:link,
.page-template .single .single-content a,
.page-template .single .single-content a:link {
    color: #1a3864;
    transition: all .2s ease;
    border-bottom: 1px solid transparent
}

.phn-single .single .single-content a:hover,
.phn-single .single .single-content a:link:hover,
.page-template .single .single-content a:hover,
.page-template .single .single-content a:link:hover {
    text-decoration: none;
    border-bottom: 1px solid #1a3864
}

.phn-single .single .single-content a.discover-more,
.phn-single .single .single-content a:link.discover-more,
.page-template .single .single-content a.discover-more,
.page-template .single .single-content a:link.discover-more {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px * 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid transparent
}

.phn-single .single .single-content a.discover-more:after,
.phn-single .single .single-content a:link.discover-more:after,
.page-template .single .single-content a.discover-more:after,
.page-template .single .single-content a:link.discover-more:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864
}

.phn-single .single .single-content a.discover-more:hover,
.phn-single .single .single-content a:link.discover-more:hover,
.page-template .single .single-content a.discover-more:hover,
.page-template .single .single-content a:link.discover-more:hover {
    text-decoration: none
}

.phn-single .single .single-content a.discover-more:hover:after,
.phn-single .single .single-content a:link.discover-more:hover:after,
.page-template .single .single-content a.discover-more:hover:after,
.page-template .single .single-content a:link.discover-more:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s
}

@media screen and (max-width: 767.98px) {

    .phn-single .single .single-content a.discover-more,
    .phn-single .single .single-content a:link.discover-more,
    .page-template .single .single-content a.discover-more,
    .page-template .single .single-content a:link.discover-more {
        max-width: 100%
    }
}

.phn-single .single .single-content a.document-box,
.phn-single .single .single-content a:link.document-box,
.page-template .single .single-content a.document-box,
.page-template .single .single-content a:link.document-box {
    color: #1a3864
}

.phn-single .single .single-content a.document-box::after,
.phn-single .single .single-content a:link.document-box::after,
.page-template .single .single-content a.document-box::after,
.page-template .single .single-content a:link.document-box::after {
    color: #1a3864
}

.phn-single .single .single-content table,
.page-template .single .single-content table {
    margin: 20px 0px;
    border-top: 2px solid #1a3864;
    border-bottom: 2px solid #1a3864;
    max-width: 100%;
    border-spacing: 10px;
    border-collapse: separate
}

.phn-single .single .single-content table td,
.page-template .single .single-content table td {
    font-size: .8rem;
    line-height: .9rem
}

.phn-single .single .single-content table tr:first-child td,
.page-template .single .single-content table tr:first-child td {
    border-bottom: 1px solid #1a3864;
    vertical-align: middle;
    padding-bottom: 10px
}

@media screen and (max-width: 767.98px) {
    .phn-single .single .single-content table tr:first-child td:last-child,
    .page-template .single .single-content table tr:first-child td:last-child {
        border-bottom: none;
    }

    .single-investor .dcf-table-responsive.dcf-table-bordered tbody td{
        width: auto !important;
        border-bottom: 1px solid #1a3864;
        vertical-align: middle;
        padding-bottom: 10px
    }
}

.article-featured-image {
    height: 350px;
    margin-bottom: -200px;
    background-color: #1a3864;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../../img/placeholder-heading.jpg");
    background-attachment: fixed
}

@media screen and (max-width: 767.98px) {
    .article-featured-image {
        height: 0;
        margin-bottom: 0;
    }
}

.filterDiv {
    opacity: 0;
    display: none;
    transition: opacity .3s ease .2s
}

.filterDiv.show {
    display: block;
    opacity: 1
}

h3.year {
    margin-top: 1rem
}

#careers .gform_wrapper .gform_body {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 20px 40px;
    background-color: rgba(43, 89, 163, .2)
}

#careers .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding: 20px
}

#careers .gform_wrapper ul.gform_fields li.gfield {
    margin-bottom: 2rem
}

#careers .gform_wrapper ul.gform_fields li.gfield:focus {
    outline: none
}

#careers .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#careers .gform_wrapper.gf_browser_gecko select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    border: none;
    padding: 10px;
    color: #2b59a3
}

#careers .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
#careers .gform_wrapper.gf_browser_gecko select:focus,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select:focus,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select:focus,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select:focus {
    outline: none
}

#careers .gform_wrapper.gf_browser_gecko select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
#careers .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../../img/down-arrow-select.png") no-repeat scroll center right
}

#careers .gform_wrapper .top_label .gfield_label {
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1;
    clear: both;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: .92rem
}

#careers .gform_wrapper .gform_footer {
    text-align: center
}

#careers .social-share {
    margin-left: auto;
    margin-right: auto
}

#careers .social-share li:first-child {
    margin-left: 0px
}

body.lang-en .people .bg {
    min-height: 41.2rem
}

#catapult-cookie-bar {
    border-top: 2px solid #4887c7
}

.ctcc-left-side {
    font-size: .9rem
}

.ctcc-more-info-link {
    color: #4887c7 !important
}

#catapultCookie {
    color: #fff !important;
    border-radius: 0px !important
}

@media only screen and (max-width: 1200px) {
    .gallery-buttons {
        text-align: center
    }

    .gallery-buttons a {
        float: none !important;
        margin-bottom: 30px;
        display: inline-block;
        width: 100%
    }
}

#careers {
    display: flex;
    flex-direction: column
}

#careers .applications {
    text-align: center
}

#careers .applications h2 {
    margin-bottom: rem(45)
}

#careers .applications p.inline {
    margin-left: rem(25)
}

@media screen and (max-width: 767.98px) {
    #careers .applications p.inline.inline {
        margin-left: rem(10);
        font-size: rem(16)
    }
}

#careers .applications .apply-image {
    position: relative
}

#careers .applications .apply-image img {
    display: block;
    max-width: 90%;
    margin: auto;
    margin-bottom: 2rem
}

@media screen and (max-width: 767.98px) {
    #careers .applications .apply-image img {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: -20px;
        max-width: 100%;
        margin-bottom: 0rem
    }
}

@media screen and (max-width: 767.98px) {
    #careers .applications .buttons {
        display: block;
        width: 100%
    }

    #careers .applications .buttons:after {
        content: "";
        display: block;
        clear: both
    }
}

#careers .applications .buttons a:hover {
    text-decoration: none !important
}

#careers .applications .buttons .btn {
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center
}

@media screen and (max-width: 767.98px) {
    #careers .applications .buttons .btn {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: rem(20) auto;
        z-index: 1
    }
}

#careers .linkedin-button {
    display: inline-block;
    background-color: #1b3476;
    border-color: #1b3476;
    color: #fff !important;
    font-size: 1.4rem;
    padding: 0rem 3rem !important;
    max-width: 100%;
    line-height: 4rem;
    margin-bottom: 20px
}

#careers .linkedin-button .fa {
    font-size: 2rem;
    margin-right: 20px;
    position: relative;
    top: .2rem
}

#careers .btn {
    text-transform: uppercase;
    line-height: rem(58);
    font-size: rem(16);
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    line-height: 3.625rem
}

#careers .btn.bordered {
    border: 2px solid #1a3864;
    padding-left: rem(50);
    padding-right: rem(50);
    color: #1a3864
}

#careers .btn.bordered:hover {
    background-color: #1a3864;
    color: #fff
}

#careers .btn.bordered.default {
    padding: rem(0) rem(18);
    font-size: rem(12);
    line-height: rem(42)
}

#careers .btn.bordered.white {
    color: #fff;
    border-color: #fff
}

#careers .btn.bordered.white:hover {
    background-color: transparent;
    border-color: #1a3864;
    color: #1a3864
}

#careers .btn.flat {
    color: #fff;
    background-color: #1a3864;
    padding-left: rem(50);
    padding-right: rem(50)
}

#careers .btn.flat.white {
    color: #1a3864;
    border-color: #fff;
    background-color: #fff
}

#careers .btn.flat.white:hover {
    background-color: #1a3864;
    color: #fff
}

#careers .linkedin {
    background-color: #1b3476;
    color: #fff
}

#careers .linkedin .wrap {
    padding: 30px 0px;
    margin: 0
}

#careers .linkedin .flat {
    background-color: #fff;
    color: #1b3476
}

#careers .linkedin h4,
#careers .linkedin p {
    color: #fff;
    text-align: center
}

#careers .linkedin h4 {
    margin-top: 10px
}

#careers .wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    justify-content: center;
    align-items: center
}

#careers .features {
    background: #1b3476;
    background: -moz-linear-gradient(left, #1b3476 0%, #2964a8 49%, #3a97dc 100%);
    background: -webkit-linear-gradient(left, #1b3476 0%, #2964a8 49%, #3a97dc 100%);
    background: linear-gradient(to right, #1b3476 0%, #2964a8 49%, #3a97dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b3476", endColorstr="#3a97dc", GradientType=1);
    padding-top: rem(70);
    padding-bottom: rem(60)
}

#careers .features .container {
    text-align: center
}

#careers .features .title.bordered {
    position: relative;
    padding-bottom: 9px;
    line-height: normal;
    margin-top: 1.75rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

#careers .features .title.uppercase {
    text-transform: uppercase;
    margin-bottom: 1.375rem;
    margin-top: 0;
    color: #fff;
    font-size: 1.4rem;
    margin: 20px
}

#careers .features .feature {
    margin-bottom: rem(45)
}

#careers .features .title {
    margin-bottom: rem(22);
    margin-top: 0
}

@media screen and (max-width: 479.98px) {
    #careers .features .title {
        text-align: center
    }
}

#careers .features p {
    color: #fff
}

@media screen and (max-width: 479.98px) {
    #careers .features p {
        text-align: center
    }
}

#careers .growth {
    background-image: url("../../img/careers-fw.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: auto
}

@media screen and (max-width: 479.98px) {
    #careers .growth {
        background-position: left center
    }
}

#careers .growth .overlay {
    float: right;
    width: 50%;
    padding: 3rem 2rem;
    background-color: rgba(255, 255, 255, .8)
}

@media screen and (max-width: 767.98px) {
    #careers .growth .overlay {
        width: 100%;
        text-align: center
    }
}

#careers .growth .title {
    color: #1b3476;
    font-size: 1.5rem
}

#careers .growth .title.bordered {
    position: relative;
    padding-bottom: 9px;
    line-height: normal;
    margin-top: 1.75rem;
    text-transform: uppercase
}

#careers .growth p {
    color: #1b3476
}

.gform_button {
    text-transform: uppercase;
    line-height: 3.625rem;
    font-size: 1rem;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border: 2px solid #1b3476;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    color: #1b3476;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px
}

.social-share li {
    background-color: #1b3476;
    margin-left: 1.25rem;
    display: inline-block;
    width: 1.875rem;
    border-radius: 50%;
    text-align: center
}

.social-share li a {
    color: #fff;
    line-height: 1.875rem
}

.social-share li a:hover {
    text-transform: none
}

/*# sourceMappingURL=main.css.map */
.tabella_broker td,
.tabella_broker tr {
    padding: 15px;
    border: 1px solid;
}

.page-broker .single-content {
    padding-bottom: 50px;
}

.tabella_broker tr:nth-child(1) {
    font-weight: 700;
}

.cat_link {
    display: flex;
    align-items: stretch;
    /* Default */
    justify-content: space-between;
}

.cat_link li {
    display: block;
    text-transform: uppercase;
}

.cat_link li a {
    color: #1a3864;
}

.cat_link li a:hover {
    color: #fff;
}

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

.cat_link .active a {
    color: #fff;
}

.network_block .network .content .single h5 {
    height: 2.3rem;
}

.block_content .content h5 {
    min-height: 4rem;
}

.product-heading:before {
    content: "";
    position: absolute;
    background: #1a3864;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
}

.product-heading h2,
.product-heading .phn-breadcrumb {
    position: relative;
}

.product-heading,
.archive-heading {
    background-position: center center;
    background-attachment: unset !important;
}

/* SCIENCE PAGE */

.tech-group {
    z-index: 4 !important;
    position: relative;
}

.page-template-science-page .block_headings .content .header{
    min-height: 134vh;
}

.page-template-science-page .block_headings .content .desc p{
    /* margin-top: -64vh; */
}
.page-template-science-page .block_headings .content .desc{
    justify-content: start;
}

@media screen and (max-width: 767.98px) {
    .page-template-science-page .block_headings .content .desc p {
        margin-top: 0;
    }
    .page-template-science-page .block_content{
        padding: 0 20px;
        margin: 0;
        width: 100%;
    }
    .page-template-science-page .block_content .content{
        margin-bottom: 0px;
    }
    .page-template-science-page .block_content.row.science h5{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .page-template-science-page .block_content.row.science h5::after{
        margin-top: 1.5rem;
    }
    .page-template-science-page .block_content.tech .content{
        padding: 2rem 1rem;
    }
}

.page-template-science-page .header.grouphead h1 {
    margin-top: -84vh;
}

.science-group {
    background-color: #EEEEEE;
    max-width: 1024px;
    margin: 0 auto;
    padding: 4rem;
}

@media screen and (max-width: 767.98px) {
    .science-group {
        padding: 1rem 20px;
    }
}

.block_content.row.science h5 {
    font-size: 1.1rem;
    color: #1a3864;
    font-weight: bold;
    margin-top: 2rem;
}
.block_content.row.science h5::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #1a3864;
    margin-top: 3rem;
}
.block_content.row.tech {
    
    margin: 0 auto;
}

.tech .content {
    margin-bottom: 6rem;
    background: white;
    padding: 4rem;
}

.tech-cont {
    margin: 0 auto;
    max-width: 956px;
    padding-top: 11vh;
}


.tech-cont h3 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: #fff;
}
.tech-cont h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #fff;
    margin-top: 1rem;
}
.tech-cont h4 {
    color: #fff;
    text-align: justify;
    margin-top: 2rem;
    font-size: 1rem;
    padding-bottom: 3vh;
}

@media screen and (max-width: 767.98px) {
    .tech-cont {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.block_content.row.tech h5 {
   color: #1a3864;
   margin-bottom: 1px;

}

.block_content.row.tech a.discover {
    color: #707070;
    font-weight: bold;
    text-decoration: underline;
}

.patent {
    margin: 0 auto;
}

.block_content.row.patent {
    margin: 0 auto;
}

.block_content.row.patent h3 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: #1a3864;
}
.block_content.row.patent h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #1a3864;
    margin-top: 1rem;
}

/*CAREERS PAGE*/

@media screen and (max-width: 767.98px) {
    .page-template-careers-page .block_headings .content .header {
        width: 100%;
        margin-left: 0;
        z-index: 1;
    }

    .page-template-careers-page .block_info .desc {
        position: relative;
        z-index: 3;  /* Increase z-index to stay above content */
        width: 100%;
        max-width: 100%;
        margin: 0 auto!important;
        padding: 2rem;
        background: #eee;
        
    }

    .page-template-careers-page .block_content.row.business {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 100%;
        margin: 2rem 0 0 0 !important;
        padding: 2rem;
    }

    /* Remove negative margins/positioning that cause overlap */
    .page-template-careers-page .block_info .desc,
    .page-template-careers-page .block_content.row.business {
        transform: none;
        margin-top: 0 !important;
    }

    /* Ensure proper stacking order */
    .page-template-careers-page .block_headings .content {
        position: relative;
        z-index: 1;
    }
}

.page-template-careers-page .block_headings .content .desc {
    padding: 40px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 2vh;
}



.page-template-careers-page .block_headings .content .header {
    background: #002361 !important;
    width: 76%;
    overflow: hidden;
    max-width: 1024px;
    position: relative;
    z-index: -1 !important;
    min-height: 80vh;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 93vh;
    margin-left: -269px;
}



.page-template-careers-page .block_info .desc {
    /* margin-top: -1111px !important; */
    /* margin: 0 0 0 200px; */
    max-width: 70vw;
    z-index: 999 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 30vw;
    /* transform: translateX(-50%); */
}

@media screen and (min-width: 1400px) {
    .page-template-careers-page .block_info .desc {
        max-width: 915px;
    }
}


@media screen and (max-width: 1250px) {
    .page-template-careers-page .block_headings .content .header {
        max-width: 100%;
    }
}

@media screen and (max-width: 1027px) {
    .page-template-careers-page .block_info .desc {
        /* margin-top: -1026px !important; */
        margin: 0;
        /* max-width: 100% !important; */
        z-index: 999 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        /* left: 60%; */
        /* transform: translateX(-50%); */
    }
    /* Aumenta la specificità aggiungendo la classe del genitore */
    /* .page-template-careers-page .block_content.row.business {
        margin-top: -735px !important;
    } */
}

/* Regola originale */
/* .block_content.row.business {
    margin-top: -820px !important;
} */


.end {
    background-color: #eee;
    padding: 2rem;
    z-index: 999;
    position: relative;
    padding-top: 13rem!important;
}

.page-template-careers-page .block_content.row.business {
    background-color: #2C65C6;
    padding: 2rem;
    max-width: 940px;
    margin: 0 auto;
    z-index: 2;
    margin-bottom: -160px!important;
}


/* Add a container with relative positioning */
.page-template-careers-page .block_info {
    position: relative;
    width: 100%;
    padding-left: 2rem; /* Add padding to offset content */
}

@media screen and (max-width: 767.98px) {
    .page-template-careers-page .block_info{
        padding-left: 15px;
    }

    .page-template-careers-page .block_info .desc {
        position: relative;
        left: 0;
        transform: none;
        margin: 0 auto !important;
        width: 100%;
        max-width: 100% !important;
        padding: 2rem;
    }
    .page-template-careers-page .block_content.row.business {
        margin-top: 0px !important;
    }
    /* .page-template-careers-page .block_info .desc.desc.row.business {
        margin-top: -138px !important;
    } */
}

.page-template-careers-page .block_content.row.business{
    background-color: #2C65C6;
    padding: 2rem;
    margin-left: 4rem;
    max-width: 940px;
    /* margin-top: -24.1vh !important; */
    margin: 0 auto;
}
    

.page-template-careers-page .block_content.row.business h3{
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.page-template-careers-page .block_content.row.business hr{
    display: none;
}

.page-template-careers-page .block_headings .content .header h1{
    color: #fff !important;
    font-weight: bold;
    font-size: 1.9rem;
    margin-top: 8rem;
    margin-left: 14rem;
}


.end-content p {
    color: #707070;
    font-size: 1.2rem;
}
.end {
    background-color: #eee;
    padding: 2rem;
}
.end-content {
    margin: 0 auto;
    max-width: 1024px;
}
.page-template-careers-page h5.business-col-tit {
    color: white !important;
    font-size: 1.3rem;
}

.page-template-careers-page h5.business-col-tit::after{
   background-color: #fff;
}

.page-template-careers-page .colbusp p {
    color: #fff !important;
}

/* SOCIAL PAGE */

.block_content.row.social {
    margin: 0 auto;
    z-index: 3;
}

.block_content.row.social h5{

    font-size: 1.1rem;
    color: white;
}

.block_content.row.social h2 {
    font-size: 1.5rem;
    margin: 0;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    text-align: left;
    margin-bottom: 3rem;
    margin-top: 3rem;
    margin-right: 7rem;
}

.block_content.row.social h5::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: white;
    margin-top: 1rem;
}

.block_content.row.social p {
    color: white;
    text-align: justify;
    margin-top: 2rem;
    
}
.block_content.row.social a.discover {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

.section-two{
    max-width: 1024px;
    margin: 0 auto;
}

.section-two p {
    color: #707070;
    text-align: justify;
    margin-top: 2rem;
}
.section-three p {
    color: #707070;
    text-align: justify;
    margin-top: 2rem;
}

.section-three{
    max-width: 1024px;
    margin: 0 auto;
    margin-bottom: 6rem;
}

.section-two h3 {
    color: #1a3864;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.section-two h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #1a3864;
    margin-top: 1rem;
}

.section-three h3 {
    color: #1a3864;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.section-three h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #1a3864;
    margin-top: 1rem;
}

.sectionstxt {
    padding: 0 4rem 0 4rem;
}
@media screen and (max-width: 767.98px) {
    .sectionstxt {
        padding: 0 20px;
    }
}

.page-template-page-social .block_headings .content .header {
    background-color: #2c65c6!important;
}

/*welfare page*/

.page-template-welfare-page .header.grouphead{
    
    min-height: 2px!important;
}
.page-template-welfare-page .block_headings .content .header {
    background-color: #2c65c6!important;
}


/*header top blue*/
.blue-top {
    background-color: #002361!important;
    min-height:70px;
    display: grid;
    place-items: center;
    
}

.blue-top .row {
    justify-content: flex-end;
  }

.col-8.d-none.d-lg-block {
    flex-grow: 1;
}

.language-chooser .language-chooser-item a{

    color: #fff!important;
}

.wrap.archive-heading {
    margin-top: 4rem;
}

@media screen and (max-width: 767.98px) {
    .wrap.archive-heading {
        margin-top: 0rem;
    }
}

/*CERTIFICAZIONI*/

.document-section {
    background-size: cover;
    background-position: center;
    text-align: center; /* Centriamo il contenuto */
    padding: 50px 0; /* Aggiungiamo un padding superiore e inferiore */
    position: relative;
   
  }
  
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .certifications-section,
  .documents-section {
    margin-bottom: 30px;
  }
  
  .document-box {
    background-color: white;
    padding: 20px;
    
    
  }

  .document-box.col-md-6 {
    border: 1px solid #002361;
    text-align: left;
}



  .document-section::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #223D6A;
    z-index: -1;
    pointer-events: none;
    mix-blend-mode: multiply;
}

.document-box.col-md-6:hover a {
    color: white;
}

.document-box.col-md-6 a {
    color: #002361;
    font-weight: 700;
    
}

.document-box.col-md-6:hover {
    background-color: #002361;
}

h4.h4cert {
    color: #ffffff;
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
}
.documents-section h3 {
    color: #ffffff;
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 61px;
    margin-top: 57px;
}
.certifications-section hr {
    float: left;
  
}

.certification-text p {
    color: white;
    text-align: justify;
}
.certification-text {
    margin-top: 69px;
}


/*ESG #002361*/

.page-template-page-ESG .desc {
    margin-top: 5rem !important;
}
.page-template-page-ESG .certifications-section {
    padding: 3rem;
}

@media screen and (max-width: 767.98px) {
    .page-template-page-ESG .certifications-section {
        padding: 0 5px;
    }
}

.page-template-page-ESG .documents-section {
    padding-left: 3rem;
    padding-right: 3rem;
}

@media screen and (max-width: 767.98px) {
    .page-template-page-ESG .documents-section {
        padding: 0 20px;
    }
}

.page-template-page-ESG .document-section::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color:#EEEEEE!important;
    z-index: -1;
    pointer-events: none;
}

.page-template-page-ESG .document-section{

background-color:#EEEEEE!important;
}

.page-template-page-ESG .certification-text p{

    color: #707070;
}

.page-template-page-ESG h4.h4cert {
    color: #002361}

    .page-template-page-ESG h3 {
        color: #002361}
    

        .page-template-page-ESG  h3::after {
            content: ""; 
            display: block; 
            width: 55px; 
            height: 1px; 
            background-color: #002361; 
            margin-top: 1rem; 
          }      

.page-template-page-ESG .certifications-section hr {
    
    background-color: #002361!important;

    }

/*AGENDA*/

.sezione-agenda h2 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 61px;
    margin-top: 57px;

}

.sezione-agenda h2::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #002361;
    margin-top: 1rem;

}



.page-template-page-ESG .container img{
    max-width: 100%;
    margin-bottom: 6vh;
}


/*LOGO MOBILE*/ 

.logo-container-mobile img {
    position: absolute;
    width: 174px !important;
}

.logo-container-mobile {
    display: none;
}
@media only screen and (max-width: 990px){

    .logo-container-mobile {
        display: inline-block;
    }


    a.logo.desk {
        display: none!important;
    }
}

a.logo.desk {
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-left: 37px;

}

/*SLIDER*/ 
.slider_block .slider_wrapper .slide .content{
    max-width: 100%!important;
}

.container-fluid.home-menu {
    z-index: 110;
    position: absolute;
}

.slider_block {
    margin-top: -37px!important;
}

.slider_block .slider_wrapper .slide .content:before {
    content: "";
    /* background: #1a386400!important; */
    width: 100%;
    /* height: 0%; */
    /* position: relative; */
    transform: none;
    left: 0;
    opacity: 0.7;
    z-index: 0;
}

.box-slide {
    background-color: #002351;
    max-width: 744px;
    margin-left: 53px;
    min-height: 381px;
    z-index: 10;
    margin-top: 75px;
}

@media (min-width: 992px) {
    .box-slide {
        max-width: 50vw;
    }
}

h6.ssubtlt {
    margin-left: 22px;
    margin-top: 27px;
}

h4.slide-title {
    font-weight: bolder;
}

p.slide-text {
    max-width: 625px;
    padding-left: 22px;
    width:70%;
}

.slider_block .controls {
    
    right: 0;
    bottom: 0;
    z-index: 5;
    display: inline-block;
    float: right;
    
}

.slider_block .controls span {
    padding: 20px!important;
    color: #fff;
    cursor: pointer;
    outline: none;
}

.controls span.next {

    background: #2b59a3!important;
}

.controls span.prev {

    background: #1a3864!important;
}

.controls {
    margin-bottom: 76px;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin-top: -111px;
    display: flex;
    flex-direction: column!important; /* Imposta la direzione su colonna */
    span {
        padding: 40px 60px;
        color: $white;
        cursor: pointer;
        outline: none;
        &.prev {
            background: $light_blue;
            transform: scaleX(-1);
        }
        &.next {
            background: $dark_blue;
        }
    }
    @media #{$br-sm} {
        span {
            padding: 20px 30px;
        }
    }
}

.slides_number {
    position: relative!important;
    right: 0!important;
    color: $light_blue;
    z-index: 5;
    width: 30px !important;
    left: 0!important;
    text-align: center; 
    background:none!important;
    backdrop-filter:none!important;
    padding: 10px;
    float:right!important;
    margin-right: 50%;
  }
  
  .slides_number span {
    display: block; /* Mette gli span su righe diverse */
  }
  
  .current {
    font-weight: bold; /* Evidenzia il numero corrente */
    margin-bottom: 0px!important;
    color: #ffffff!important;
  }
  
  .separator {
    width: 20px!important;
    height: 2px; 
    background: $light_blue;
    margin: 0px auto!important; 
  }

  .ctrl-num {
    position: relative; 
    float: right;
  }


/*MENU*/

.menuh.main-menu-navigation .main-menu > li > a {
    color: white!important; /* Cambia il colore del testo dei link di primo livello a bianco */
}

.menu-main {
    width: 74%;
    width: 74%;
    margin: 0 auto;
    float: right;
    padding-left: 9rem;
    margin-right: 1px;

}

/*SEZIONE NETWORK*/

.page-template-home-page .network {
    max-width: 950px;
}

.network_block .network .header h3 {
    color: #ffffff!important;
    text-transform: none!important;
    font-weight: bold!important;
    text-align: left;
    margin-top: 12px;
}

.network_block .network .header h4 {
    color: #ffffff!important;
    text-align: left;
    font-size: 1rem;
}

.network_block .network p {
    color: #fff;
    text-align: justify;

}

.network_block .network .header {
    padding: 1px!important;
}

.network_block .network .header hr {
    margin-left: 0px!important;
    
}

.network {
    background-color: #002351;
    margin-bottom: 7em;
    margin-top: 7em;
    padding: 4em;

}
.network_block {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-around!important;
    justify-content: space-around!important;
    align-items: center!important;
    background-repeat: no-repeat;
    background-size: cover;
}

.discover-ul a {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-align: left !important;
    float: left;
    text-transform: uppercase;
}

/*HR*/

hr {

    height:1px!important;
}


/* COUNTER*/

.block_counter .counters .counter:after {
    content: "";
    width: 0px!important;
    height: 0px!important;
    background: #ffffff00!important;
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-30%) rotate(45deg);
}

.block_counter .header {
    max-width: 814px;
    margin: 0 auto;
    display: block;
    text-align: left;
    
}

.block_counter .header hr {
float: left;

}

h3.counter {
    color: #1a3864;
    margin-bottom: 46px;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: left;
    margin-top: 50px;
}


.block_counter .header h4{
    font-size: 1rem!important;
    text-transform: none!important;


}

.block_counter .counters {
    margin: 0 auto!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1057px!important;
}

.block_counter .content {
    margin: 0 auto;
    width: calc(100%* 3 / 5)!important;
    display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: space-around;
        flex-direction: column;
        max-width: 808px;    
}

@media screen and (max-width: 767.98px) {
    .page-template-home-page .block_counter .content {
        width: 100%!important;
        max-width: 100%!important;
    }
}

.block_counter .counters .counter h2 {
    text-transform: uppercase;
    font-size: 3rem!important;
    color: #1a3864;
    font-weight: bold;
}

.block_counter .content p {
    color: #707070;
    text-align: left;
}

.block_counter .content .discover-more a:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864;
    max-width: 373px!important;
}

.block_counter .content .discover-more a {
    color: #1a3864;
    margin-top: 20px;
    width: 100%;
    max-width: calc(1024px* 0.25);
    display: block;
    transition: all 1s ease-in-out;
    position: relative;
    padding-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    text-transform: uppercase;
    text-align: left!important;
    font-weight: bold;
}

/*VALORI*/

/* box sfasati */


.page-template-values-page .block_headings .content .header {
    min-height: 114vh;
}

.page-template-values-page .block_headings .content .desc{
    /* margin-top: -49vh; */
    max-width: 884px;
    justify-content: flex-start;
}

.page-template-values-page .block_headings .content .header h1{
    margin-top: -34vh;
    padding-left: 6rem;
}

.page-template-values-page .block_content.row.group{
    /* margin-top: -45vh; */
    margin-top: 0;
    z-index: 10;
}

/* box sfasati reset mobile*/

@media screen and (max-width: 767.98px) {
    .page-template-values-page .block_headings .content .header {
        min-height: 1px!important;
    }
    
    .page-template-values-page .block_headings .content .desc{
        margin-top: 1px!important;
        max-width: 884px;
    }
    
    .page-template-values-page .block_headings .content .header h1{
        margin-top: 1px!important;
        padding-left: 1px!important;
    }
    
    .page-template-values-page .block_content.row.group {
        margin-top: 12vh!important;
    }

    
}

@media screen and (min-width: 769px) and (max-width: 835px) {
    .page-template-values-page .block_headings .content .desc{
        /* margin-top: -36vh!important; */
        
    }
}


span.separator-equal {
    font-size: 24px;
    font-weight: 600;
    margin-left: 7rem;
}

span.separator-plus {
font-size: 24px;
font-weight: 600;
margin-left: 4rem;
}
    
    
h3.valuesh{
font-size: 1.5rem;
text-align: left;
margin: 0 auto;
font-weight: 700;

}
img.imgvalue {
    max-height: 155px;
}

.values-header {
    margin-left: 13px;
    width: 100%;
    margin-bottom: 43px;
}


h5.titlecolval {
    font-size: 1.1rem;
    color: #002361 !important;
}
h5.titlecolval::after {
    content: "";
    display: block;
    width: 100%; 
    height: 1px;
    background-color: #002361;
    margin-top: 25px; 
}

.valcoltext p {
    color: #002361 !important;
}

h5.business-col-tit {
    color: #002361 !important;
    font-size: 1rem;
}

h5.business-col-tit:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #002361;
    margin-top: 25px;
}

img.colbusi {
    max-height: 144px;
}
.colbusp p {
    color: #002361 !important;
}

a.discover-more-busi {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9rem !important;
}

a.discover-more-busi:after {
   /* content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #002361;
    margin-top: 9px;
    max-width: 39%;*/
}
/*ACCORDION*/

.accordion {
    overflow-anchor: none;
    max-width: 1057px;
    margin: 0 auto;
    margin-bottom: 3em;
}
.accordion-text {
    max-width: 814px;
    margin: 0 auto;
}


.accordion-head {
    max-width: 814px;
    margin: 0 auto;
    margin-bottom: 23px;
    margin-top: 105px;
}
.accordion-head hr{
    float: left;
}

.accordion-head h3{
    margin-top: 82px;
}

span.accordion-sign {
    float: right;
}

/* Sfondo blu trasparente per il div principale */
.accordion-container {
  position: relative; 
  padding: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
  min-height: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;

}

.accordion-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #223D6A;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

.accordion-container > * {
  position: relative;
  z-index: 2; /* Assicura che il contenuto sia sopra l'overlay */
}

/* Titolo e sottotitolo bianchi */
.accordion-container h4, 
.accordion-container h3 {
  color: white;
}

.accordion-container h4{
    font-size: 1rem !important;
    text-transform: uppercase;
}

.accordion-head h3{

    font-weight: bold;
}

/* Linea divisoria tra gli accordion */
.accordion-item:first-of-type {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.accordion-item:not(:first-of-type) {
    border-top: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-top: -10px;
}

/* Stile di base per l'accordion */
.accordion-item {
  margin-bottom: 10px; 
  margin-top: 10px;
}

.readmoreac a {
    color: #002361;
    font-weight: bold;
}

.block_content.row.business {
    margin: 0 auto;
}


.accordion-header {
  background-color: transparent; 
  border: none; 
  cursor: pointer; 
  padding: 10px; 
  text-align: left; 
}

h3.accordion-header {
    max-width: 840px;
    margin: 0 auto;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
}

/* Nascondi il contenuto dell'accordion di default */
.accordion-content {
  display: none; 
}

/* Mostra il contenuto quando l'accordion è aperto */
.accordion-content.open {
  display: block;
  
  padding: 10px; 
}
.accordion-header.open {
    padding-top: 30px;
    margin-bottom: -12px;
  }

  h3.accordion-header.open {
   color: #002351!important;
  }

  .accordion-item.open {
    background: white;
} 

/*COMUNICATI STAMPA*/ 
.block_articles .articles .article .content{
    position: relative;
}

.block_articles .articles .article .content:hover {
    z-index: 3;
    padding: 20px;
    flex-grow: 1;
    background-color: #002351 !important;
}

.block_articles .articles .article .content:hover a{
    color: #ffffff!important;
}

.block_articles .articles .article:hover .content {
    background: rgb(255 255 255 / 0%)!important;
}

.block_articles .articles .article .content h6 {
    color: #1a3864;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1em !important;
    text-align: left;
    font-weight: bold;
}

.block_articles .articles .article .content h4 {
    color: #1a3864;
    text-transform: none!important;
    margin-bottom: 20px;
    font-size: 1.2em !important;
    text-align: left;
    font-weight: bold;
}

.block_articles .articles .article .content a {
    cursor: pointer;
    color: #002351!important; 
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    bottom: 42px;
    left: 21px;
    
}

.col-12.text-center h2 {
    font-size: 1rem !important;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 4vh;
}

.col-12.text-center h5 {
    margin-top: 68px;
    font-size: 1.75rem;
    font-weight: bold;
    color: #002351!important;
    max-width: 708px;
}

.content.text-center:hover h6, .content.text-center:hover h4, .content.text-center:hover a {
    color: white !important;
}

.block_articles.row.m2 {
    margin: 0 !important;
}

.articles .row .col-lg-5,
.articles .row .col-md-5 {
    margin: 0; 
    padding: 0; 
}

.block_articles .articles .article:hover {
   background: #002351!important;
     transform: none!important;
}

.block_articles .articles .article {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: none !important;
    transition: none !important;
}

.articles .row .col-lg-5, .articles .row .col-md-5 {
    margin: 0;
    padding: 0;
    border: #002361 1px solid;
    min-height: 212px;
    max-width: 513px;
}
.articles .row .col-lg-5:first-child, .articles .row .col-md-5:first-child {
    margin: 0;
    padding: 0;
    border: #002361 1px solid;
    border-right: none;
    border-bottom: none;
    min-height: 212px;
    max-width: 513px;
}

.articles .row .col-lg-5:nth-child(2), .articles .row .col-md-5:nth-child(2) {
    margin: 0;
    padding: 0;
    border: #002361 1px solid;
    border-bottom: none; /* No bottom border for the second column */
    min-height: 212px;
    max-width: 513px;
}

.articles .row .col-lg-5:nth-child(3), .articles .row .col-md-5:nth-child(3) {
    margin: 0;
    padding: 0;
    border: #002361 1px solid;
    border-right: none; /* No right border for the third column */
    min-height: 212px;
    max-width: 513px;
}

@media (max-width: 767px) {
    .articles .row .col-lg-5, .articles .row .col-md-5 {
        border: #002361 1px solid!important; /* Complete border for all columns */
    }
}

hr.hrcs {
    float: left;}

.col-12.text-center {
    text-align: left !important;
    max-width: 1000px;
}

.block_articles {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background: none !important;
}

.articles.col-12 {
    max-width: 1200px;
}

p.linkcs {
    max-width: 495px;
    margin: 0 auto;
    color: #002351;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}

a.linkcs:hover {
        color: #ffffff00;
        text-decoration: none!important;

}

p.linkcs::after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: .075em solid #1a3864;
    max-width: 495px;
    margin: 0 auto;
}
.page-template-home-page p.linkcs, .page-template-home-page p.linkcs::after {
    margin: 0 auto 0 0;
}

.signature_block {
    background-color: #002351;
    
}

p.linkcs:hover:after {
    animation-name: underline_animation;
    animation-duration: 1s;}

.signature_block img {
    max-width: 400px!important;
    width: auto;
    height: auto;
}

@media (max-width: 767px) {
    .signature_block img {
        max-width: 80%!important;
        width: auto;
        height: auto;
    }
}

/*ABOUT PAGE*/

.block_headings .content .header h1{
   color: #fff!important;
   font-weight: bold;
   font-size: 1.9rem;

}

.block_headings .content .header{
    background: #002361!important;
}

.block_headings .content .header h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0px!important;
    width: 0px!important;
    background: none!important;
}

@media (max-width: 767px) {
    .block_headings .content .header h1 {
        margin: 0;
    }
}


/* ----------TIME LINE------------ */ 
.block_timeline .content_wrapper .content {
   
    max-width: 897px!important;
    
}
.timeline {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
  }

  .block_timeline h2{
   
    font-size: 1rem;

  }
  .block_timeline h1{
    font-size: 2.1rem;
    color: #fff;
    font-weight: 700;

  }

  .block_timeline .content_wrapper .content h2 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 23px!important;
    position: relative;
}

  .block_timeline .content_wrapper .content h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 55px!important;
    background: #fff;
}
  
  .year {
    display: inline-block;
    margin: 0 43px;
    position: relative;
    cursor: pointer;
    padding-bottom: 14px;
  }
  
  .year::before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: #707070;
    border-radius: 50%;
    position: absolute;
    top: 119%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .year.selected:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 112%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  .year span {
    font-size: 16px;
    font-weight: 600;
    color: #707070;
}

.year.selected span{
   font-size: 20px;
   color: #fff;
   font-weight: 700;

}
  
.arrow {
  font-size: 2em;
  cursor: pointer;
  position: relative;
  display: flex; 
  align-items: center; 
  margin-top: 53px;
  margin-bottom: -61px;
}

.pre {
  transform: rotateY(180deg);
  font-size: 33px !important;
  font-family: 'Material Icons';
  margin-right: 18px;
  margin-left: 29px;
  color:#707070;
  
}

.nex {
  font-size: 33px !important;
  font-family: 'Material Icons';
  color:#707070;
}
  
  
  .timeline-box {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    margin-top: 114px;
    max-width: 100%; 
    overflow-wrap: break-word;
    word-wrap: break-word;
    overflow: visible; 
    box-sizing: border-box; 
    white-space: normal; 
    padding: 5vh;
}



  .year {
    position: relative;
    text-align: center;
  }
  
  .dots {
    margin-top: 5px;
  }
  
  .dashed-line {
    border-top: 2px dashed #ffffff;
    margin-top: 5px;
  }

  .block_timeline .content_wrapper .timeline .dashed-line{
    margin-top: -15px;
  }
  
  h6.timeline-title {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    color: #002361;
    text-align: left;
}

p.timeline-text h1,
p.timeline-text h2,
p.timeline-text h3,
p.timeline-text h4,
p.timeline-text h5,
p.timeline-text h6 {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    color: #002361;
    text-align: left;
}

p.timeline-year-p {
    font-size: 2.9rem;
    text-align: right;
    font-weight: 700;
    color: #002361;
}


/*-----page azienda---------*/
.page-azienda #menu-page-azienda {
    
    
    max-width: 100%;
}
.page-azienda #menu-page-azienda li {
    
	cursor: pointer;
    background: #f3f7fa;
    padding: 1.4rem;
    max-width: 100%;
    text-align: center;
}
.page-azienda #menu-page-azienda a {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 16px;
	color:#1b3476;
}

.page-azienda #menu-page-azienda li:after {position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 1.8rem;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
body.page.page-template-page-about-us .history{margin-top: 3.75rem; padding-top:0!important;}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	z-index:4;
	left:0;
}
body.page.page-template-page-about-us .downloads a{text-transform:uppercase;}

 .features .title {text-align:center;}
 
 .tab-content ul {
    list-style-type: disc;
}

.page-template-page-about-us .hero {
    background-image: url(../../img/hero-about-us.jpg);
}
body.page .hero {
    min-height: 26.5625rem;
    background-size: cover;
    background-position: center;
    position: relative;
}
/*menu-investor*/
#menu-investor-relation, #menu-investor-inside {
    background: #f3f7fa;
    padding: 1.4rem;
    max-width: 100%;
}
 #menu-investor-relation li, #menu-investor-inside li {
    padding: 0.5rem 0rem;
    cursor: pointer;
}
#menu-investor-relation li.menu-item-has-children a, #menu-investor-inside li.menu-item-has-children a{
    position: relative;
}
 #menu-investor-relation a, #menu-investor-inside a {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 16px;
}
 #menu-investor-relation li.menu-item-has-children a:after, #menu-investor-inside li.menu-item-has-children a:after {
    top: 2px;
    right: -10px;
    -webkit-transition: all .2s ease-out 0ms;
    -moz-transition: all .2s ease-out 0ms;
    -o-transition: all .2s ease-out 0ms;
    transition: all .2s ease-out 0ms;
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 1.8rem;
}
 #menu-investor-relation li.open-sub a:after, #menu-investor-inside li.open-sub a:after{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#menu-investor-relation.fixed, #menu-investor-inside.fixed {
    position: fixed;
    top: 30px;
}
#menu-investor-relation, #menu-investor-inside {
    background: #f3f7fa;
    padding: 1.4rem;
    max-width: 100%;
}
#menu-investor-relation li.open-sub .sub-menu, #menu-investor-inside li.open-sub .sub-menu{
    max-height: 500px;
}
#menu-investor-relation .sub-menu, #menu-investor-inside .sub-menu {
    padding-left: 10px;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all .6s ease-out 0ms;
    -moz-transition: all .6s ease-out 0ms;
    -o-transition: all .6s ease-out 0ms;
    transition: all .6s ease-out 0ms;
}
#menu-investor-relation .sub-menu a, #menu-investor-inside .sub-menu a {
    font-size: 1.0rem;
    line-height: 1.2rem;
}

#menu-investor-relation li .sub-menu li a, #menu-investor-inside .sub-menu li a {
    text-transform: none;
}
#menu-investor-relation li .sub-menu li a:after, #menu-investor-inside .sub-menu li a:after{display:none;}
#menu-investor-relation a, #menu-investor-inside a{color:#1B3476;}
#menu-investor-relation li.go-top {
    position: absolute;
    display: none;
    right: 0px;
    top: 100%;
    background: #f3f7fa;
    padding: 5px 10px;
}
 #menu-investor-relation .sub-menu li, #menu-investor-inside .sub-menu li {
    padding: 0.2rem 0rem;
}

/*pagine documenti*/

.documenti{
    text-transform:uppercase;
    
}

.link, .year{margin-top:1em;}
.wp-typography .link a,.wp-typography .year a {color:#1B3476;}
.link li, .year li  {margin-bottom: 10px;}

.link li a {    width: 97%;
	border: 2px solid #1B3476!important;
	background:none!important;
    float: left;
padding: 10px 10px!important;

	color:#1B3476!important;
    text-transform: uppercase;
min-height:110px;}

.page-assemblee-degli-azionisti .link li{border: 2px solid #1B3476!important; min-height:inherit!important;}
.page-assemblee-degli-azionisti .link li a{border:none!important;min-height: inherit!important;}

.year li a{min-height:50px; line-height:50px;width: 97%;
	border: 2px solid #1B3476!important;
	background:none!important;
    float: left;
text-align:center;}

.link li{padding:0;min-height:110px;}

.year li a:hover{background-color:#1B3476!important; color:#fff; text-decoration:none;}
.link li a:after{
	
	content:"\2913"; 
	position:absolute;
	/*background:url('assets/img/download-icon.png');*/
	
	width: 20px;
    height: 20px;
    
   bottom:15px;
    left: 90%;
}
.link li a:hover {background:#1B3476;
color:#fff;
text-decoration:none;}

.link li a:hover:after{
animation: bounce 0.5s infinite alternate;
  -webkit-animation: bounce 0.5s infinite alternate;
	}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
.filterDiv {
 display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
#myBtnContainer button.btn {
    border: 2px solid #1B3476;
    margin: 0;
    line-height: 1;
    color: #1b3476;
    border-radius: 0;
}
#myBtnContainer button.btn:focus{outline:none; box-shadow:none;}
#myBtnContainer button.active{
    outline:none;
    background-color: #1b3476;
	color:#fff;
}
#myBtnContainer .link{
    margin-top: 0;
    display: flex;
    gap: 10px;
}
#myBtnContainer .link .year-btns{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.link li.document-item{
    margin-bottom: 0;
    /* padding: 10px; */
}
.link li.document-item a{
    border-width: 1px !important; 
}
.link li.document-item a:link:hover:after{
    color:#fff;
}

/*.documenti:after {
    border: 1px solid #1B3476;
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    margin-top: 3.5rem;
    left: 16px;
    margin-left: 35px;
	
	
}*/

.container.phn-single h1 {
    text-transform: uppercase;
}


.filterDiv a span {
    width: 90%;
    float: left;
    text-transform: uppercase;
}

.page-investor-relations h3.investor-section{margin-bottom:2rem!important;}

.card-header .btn, .article-nav a{ 
line-height: 20px;
    padding: 0;
    margin: 0;
    text-align: left;}
.card-header{padding: 0rem 1.25rem;color:#1B3476;}
.card-body, .card-header button{color:#1B3476;}
	
	.page-investor-relations .card .wp-typography p{margin-bottom:0;}

.btn-link:hover{color:#1B3476;}
.btn-link:after{content: "\f105";
    font-family: "FontAwesome";
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: 0;
	margin-top: 30px;}

.btn-link[aria-expanded="true"]:after{-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}

.card{border:0px;margin-top: -5px;}
a.linkall {
    color: #1B3476!important;
    width: 100%;
    text-align: right;
    float: left;
    border-bottom: 1px solid rgba(27, 52, 118, 0.5);
    text-transform: uppercase;
    font-weight: bold;
    
	padding-top: 20px;
    margin-bottom: 40px;
}
 .press ul li {
    padding: 0px;
    width:100%;
    border: 1px solid #002351 !important;
}
.press ul li a {
    box-shadow: none !important;
}

.press ul li a{color: #1B3476;}
.page-investor-relations .press .wp-typography{margin-left:inherit!important; padding-left:inherit!important;}
.wp-typography .wp-typography {
    padding: 0;
    margin: 0;
}
.page-template-archivio-documenti .press ul li {
    border-left: none;
}
.wrap{overflow:inherit!important;}
.page-investor-relations .wp-typography h4{float:left; width:100%;}
.page-investor-relations .wp-typography{
	padding:0!important;
	overflow:inherit!important;
	
}
a:hover{text-decoration:none;}
.documenti{margin-bottom:30px;}

.pagination{display:inherit;}
body.page.page-template-page-home .cares .overlay img.junia {
    opacity: 0.6;
}
.page-assemblee-degli-azionisti .filterDiv i{float:left; padding:10px 10px!important; color:#1B3476;}
.link h5{float: left;
    width: 100%;}
    .features{width:100%;}
    
    @media only screen and (max-width: 550px){
.page-investor-relations .press {
    margin-left: inherit!important;
}
}

body.page.page-template-page-about-us .downloads a:hover{color:#fff;}

body.page.page-template-page-careers-isc .hero{background-image: url('https://www.pharmanutra.it/wp-content/themes/phn/assets/img/careers-fw.jpg')
;}
body.page.page-template-page-careers-isc .growth {
    background-image: url('https://www.pharmanutra.it/wp-content/themes/phn/assets/img/careers-fw.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: auto;
}
body.page.page-template-page-careers-isc .growth .overlay {
    float: right;
    width: 50%;
    padding: 3rem 2rem;
    background-color: rgba(255,255,255,0.8);
}
.gform_body, .gform_footer{ max-width:inherit!important;}

.dcf-table td, .dcf-table tr{padding: 15px;
    }
    
    
.single-content .attachment-post-thumbnail{width:100%; height: auto;}
/*.products-wrapper .products .product img.brand{width:100%!important;}*/


.container-max-width{
    max-width: 814px !important;
    margin: 0 auto;
}

.page-template-about-group-page .block_content .content{
    display: flex;
    flex-direction: column;
}
.page-template-about-group-page .block_content .content .discover-more{
    margin-top: auto !important;
}

.page-template-about-group-page .info.row {

    min-height: 87vh;
    margin-top: 1vh;

}

/*INVESTOR*/ 

.page-template-page-investor-cda .accordion-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white!important;
    z-index: 1;
    pointer-events: none;
}

.page-id-7796.page-template-page-investor-cda .accordion-head {
    max-width: 814px;
    margin: 0 auto;
    margin-bottom: -22px;
    
}

.page-id-11917.page-template-page-investor-cda .accordion-head {
    max-width: 814px;
    margin: 0 auto;
    margin-bottom: -63px;
}

h1#post-11914 {
    margin-top: 5rem;
}


.page-template-page-investor-cda .accordion-container {

    min-height: 1px !important;
}

.page-template-page-investor-cda .accordion {
    overflow-anchor: none;
    background-color: #1a3864!important; }

.page-template-page-investor-cda .accordion-head h4 {

    color:#1a3864!important;
}

.page-template-page-investor-cda .accordion-head hr {

    background-color:#1a3864!important;
}


.title-link-cda-doc a {
    color: #1a3864;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    position: relative;
}


.title-link-cda-doc a:hover {
    color: #1a3864;
}

.title-link-cda-doc {
    max-width: 934px;
    margin: 0 auto;
}

.page-template-page-social .block_content .content{
    display: flex;
    flex-direction: column;
}
.page-template-page-social .block_content .content p{
    margin-top: 0;
}
.page-template-page-social .block_content .content a.discover{
    margin-top: auto !important;
}
.page-segnalazioni-whistleblowing .wrap{
    padding-top: 4rem;
}
@media (max-width: 767.98px) {
    .page-segnalazioni-whistleblowing .wrap{
        padding-top:2rem;
    }
}



.page-template-page-investor-cda .accordion-container{

    position: relative;
    padding: 1px!important;
    padding-top: 0px;
    padding-bottom: 81px!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    display: block;
    margin: 0 auto;
    margin-top: -4.4vh;
    
}
@media (max-width: 767.98px) {
    .page-template-page-investor-cda .accordion-container,
    .page-template-page-investor-cda .additional-section{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}


.main-content-science {
    position: relative;
    z-index: 3;
    margin-top: -71vh;
}

/* on mobile remove margin top */
@media (max-width: 767.98px) {
    .main-content-science {
        margin-top: 0;
    }
}

    
.quality-icons img {
    max-width: 200px!important;
    margin-bottom: 1.5rem!important;}

.social-conteiner {
    position: relative;
    overflow: hidden; /* Contiene il before all'interno */
}

.social-conteiner:before {
    content: "";
    width: 100%; /* Cambiato da 200% a 100% */
    height: 100%; /* Cambiato da 200% a 100% */
    position: absolute;
    left: 0; /* Cambiato da -100% a 0 */
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #002361;
    mix-blend-mode: multiply;
}

.page-template-certifications-page .desc.row{
display: none;

}

@media screen and (max-width: 767.98px) {
    .page-template-careers-page .block_headings .content {
        flex-direction: column;
        width: 100%;
    }

    .page-template-careers-page .block_headings .content .header {
        width: 100%;
        margin-left: 0;
        min-height: auto;
        padding: 2rem;
    }

    .page-template-careers-page .block_headings .content .desc {
        width: 100%;
        padding: 2rem;
        margin-top: 0;
    }

    .page-template-careers-page .block_headings .content .header h1 {
        margin: 0;
        padding: 1rem 0;
        text-align: center;
    }

    .page-template-careers-page .block_info .desc {
        margin: 0 !important;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .page-template-careers-page .block_content.row.business {
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding: 2rem;
    }

    .page-template-careers-page .end-content {
        padding: 0 1rem;
    }

    .page-template-careers-page .block_content.row.business .row {
        margin: 0;
    }
    
    .page-template-careers-page .block_content.row.business [class*="col-"] {
        padding: 0.5rem 0;
        margin-bottom: 0;
    }

    .page-template-careers-page .values-header {
        margin-left: 0;
        margin-bottom: 0;
    }
    .page-template-careers-page .block_content.row.business h3{
        margin-top: 0;
        margin-bottom: 0;
    }

    .page-template-careers-page .block_content.row.business .business-col-tit{
        margin-bottom: 0;
    }

    
}


.page-template-home-page .network_block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #223D6A;
    mix-blend-mode: multiply;
    z-index: 1;
    pointer-events: none;
}

.page-template-home-page .network {
    z-index: 99;
}

.additional-section hr {
    display: none;
}

a.btn.investor-btn.bordered {
    background-color: #1a3864;
}

.science-cont h3 {
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.science-cont h3::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background-color: #002361;
    margin-top: 1rem;
}

.science-cont h4 {
    text-align: justify;
    font-size: 1rem
}

.page-template-page-investor-cda .accordion-container .accordion-head{
    margin-top: 14px!important;

}
.page-template-documenti-finanziari a.document-box{
    display: flex;
    flex-direction: column;
}
.single-page-title{
    margin-bottom: 1.5em;
    color: #062a52;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .block_headings .content{
        min-height: auto;
    }
}

section.boxes-section-sport {
    margin-top: -5rem;
}

.col-md-12.box-item {
    margin-bottom: 5rem !important;
}

.page-template-sport-page .box-text {
    margin-top: 2rem;
}

/* Sport Box */


@media screen and (max-width: 767.98px) {
    section.boxes-section-sport {
        margin-top: 2rem;
    }
}

.box-content-sport h3 {
    margin-bottom: 26px;
}