.it-hero-wrapper .it-hero-text-wrapper p,body {
    font-family: 'Univers',sans-serif;
    color: #2E465E;
    color: var(--color-base);
    overflow-x: hidden;
    position: relative
}

p {
    color: #2E465E;
    color: var(--color-base)
}

.focus--keyboard {
    border-color: #FFA500;
    box-shadow: 0 0 6px 2px #FFA500;
    outline: none
}

.focus--mouse {
    border-color: inherit;
    box-shadow: none;
    outline: none
}

.back-to-top,.it-header-slim-wrapper,.it-footer-main {
    background-color: #17324D;
    background-color: var(--bg-base)
}

.owl-carousel .owl-nav button.owl-next:hover span,.owl-carousel .owl-nav button.owl-prev:hover span,.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a {
    background-color: #FFA526;
    background-color: var(--bg-secondary)
}

.back-to-top:hover,.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon:hover {
    background-color: #48587B;
    background-color: var(--bg-primary)
}

.icon-primary,.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg,.it-header-navbar-wrapper.theme-light-desk .custom-navbar-toggler .icon,.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
    fill: #2E465E!important;
    fill: var(--color-base)!important
}

.icon-secondary,.it-list-wrapper .it-list a .it-right-zone svg,.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon:hover svg {
    fill: #FFA526!important;
    fill: var(--color-secondary)!important
}

.logo-svg {
    max-width: 130px
}

.logo-svg-footer {
    max-width: 100px
}

.navbar.it-navscroll-wrapper .it-back-button span,.navbar.it-navscroll-wrapper .custom-navbar-toggler,.owl-carousel .owl-nav button.owl-next:hover span,.owl-carousel .owl-nav button.owl-prev:hover span,.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-right-zone,.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li a.nav-link {
    color: #2E465E;
    color: var(--color-base)
}

.navbar.it-navscroll-wrapper .custom-navbar-toggler {
    height: 44px
}

.it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-brand-wrapper a {
    color: #48587B;
    color: var(--color-primary)
}

.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span {
    color: #48587B;
    color: var(--color-primary)
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav li a.nav-link {
    font-weight: 600
}

.it-header-navbar-wrapper.theme-light-desk .navbar.has-megamenu .dropdown-menu .link-list-wrapper ul li a i,
.it-header-navbar-wrapper.theme-light-desk .navbar.has-megamenu .dropdown-menu .link-list-wrapper ul li a span,
.it-header-navbar-wrapper.theme-light-desk .navbar.has-megamenu .dropdown-menu .link-list-wrapper ul li a {
    color: #48587B !important;
    color: var(--color-primary) !important;
    text-decoration: none;
}
.it-header-navbar-wrapper.theme-light-desk .navbar.has-megamenu .dropdown-menu .link-list-wrapper ul li a:hover span{
    text-decoration: underline;
}

.color-white {
    color: #fff!important;
    color: var(--color-white)!important
}

.navbar .navbar-collapsable {
    z-index: 100
}

.owl-item {
    overflow: hidden
}

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fxSoftPulseOutPrev,.fxSoftPulseOutNext {
    -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
    animation: scaleUpFadeOut 0.8s forwards ease-in
}

.fxSoftPulseInPrev,.fxSoftPulseInNext {
    -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
    animation: scaleDownFadeIn 0.8s forwards ease-out
}

@-webkit-keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fxPressAway .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.7,0,.3,1);
    animation-timing-function: cubic-bezier(.7,0,.3,1)
}

.fxPressAwayOutNext {
    -webkit-animation-name: slideOutScaleRight;
    animation-name: slideOutScaleRight
}

.fxPressAwayInNext {
    -webkit-animation-name: slideInFromLeft;
    animation-name: slideInFromLeft
}

.fxPressAwayOutPrev {
    -webkit-animation-name: slideOutScaleLeft;
    animation-name: slideOutScaleLeft
}

.fxPressAwayInPrev {
    -webkit-animation-name: slideInFromRight;
    animation-name: slideInFromRight
}

@-webkit-keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(.9);
        transform: translateX(100%) scale(.9);
        opacity: 0
    }
}

@keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(.9);
        transform: translateX(100%) scale(.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(.9);
        transform: translateX(-100%) scale(.9);
        opacity: 0
    }
}

@keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(.9);
        transform: translateX(-100%) scale(.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: left!important;
    margin-top: 0;
    height: 0
}

.owl-nav [class*=owl-] {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 10px!important;
    padding: 8px 14px!important
}

.owl-next {
    float: right
}

.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.owl-dots .owl-dot {
    width: 8px!important;
    height: 8px!important;
    border-radius: 50em;
    background-color: rgba(255,255,255,.4)!important;
    margin: 0 5px 32px
}

.owl-dots .owl-dot.active {
    background-color: rgba(255,165,38,1)!important
}

.owl-carousel .owl-nav button.owl-next .owl-carousel .owl-nav button.owl-prev {
    margin: 0 5px!important
}

.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span {
    background-color: #fff;
    font-size: 2em;
    width: 1.5em!important;
    height: 1.5em!important;
    display: inline-block;
    line-height: 1.3em;
    border-radius: 50em;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,.2)
}

.slider {
    padding: 0;
    position: relative;
    z-index: 0
}

.slider .it-hero-wrapper {
    min-height: 400px
}

.slider .it-hero-wrapper .btn {
    margin-right: 24px;
    margin-bottom: 24px;
    vertical-align: top
}

.slider .it-hero-wrapper .btn:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper::after {
    opacity: .77;
    background: transparent;
    background-image: linear-gradient(-180deg,rgba(39,112,183,0) 0%,#384f6b 100%)
}

.link-list-wrapper ul {
    margin-right: 0px!important
}

.slider h2 {
    color: #fff;
    position: relative;
    margin-bottom: .5em
}

@media only screen and (max-width: 790px) {
    .slider .it-hero-wrapper .it-hero-text-wrapper {
        padding:140px 10% 140px 26px
    }

    .slider .it-hero-wrapper {
        min-height: 540px
    }
}

@media only screen and (min-width: 790px) {
    .slider .it-hero-wrapper .it-hero-text-wrapper {
        padding:140px 40% 140px 26px
    }

    .slider .it-hero-wrapper {
        min-height: 550px
    }
}

@media screen and (min-width: 991px) and (max-width:1050px) {
    .slider .it-hero-wrapper .it-hero-text-wrapper {
        padding:180px 40% 200px 70px
    }
}

/* .btn-secondary,.bg-dark .btn-secondary {
    background-color: #FFA526;
    background-color: var(--bg-secondary);
    border-color: #FFA526;
    border-color: var(--bg-secondary);
    color: #001A33;
    color: var(--color-base-primary)
}

.btn-primary,.bg-dark .btn-primary {
    background-color: #17324D;
    background-color: var(--bg-base);
    border-color: #17324D;
    border-color: var(--bg-base);
    color: #fff
}

.bg-dark .btn-secondary:hover,.bg-dark .btn-primary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #17324D;
    color: var(--bg-base)
}

.btn-secondary:hover {
    background-color: #eb8d08;
    border-color: #eb8d08;
    color: #001A33;
    color: var(--color-base-primary)
}

.btn-primary:hover {
    background-color: #001A33;
    background-color: var(--color-base-primary);
    border-color: #001A33;
    border-color: var(--color-base-primary);
    color: #fff
} */



/* .it-hero-wrapper .it-hero-text-wrapper {
    padding: 180px 40% 180px 26px
} */

.heading.heading-border {
    border-bottom: 1px solid #EEE
}

.heading {
    margin-bottom: 2em;
    position: relative;
    align-items: center
}

.heading h1,.heading h2,.heading h3,.heading h4 {
    position: relative;
    display: inline-block;
    color: #48587B;
    color: var(--color-primary)
}

.it-list-wrapper .it-list a .it-right-zone {
    border-bottom: 1px solid #eee
}

.it-list-wrapper .it-list a span.text {
    font-weight: 400;
    color: #2E465E;
    color: var(--color-base)
}

ul li.head {
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

ul li.head .head-zone {
    padding: 16px 0;
    background-color: #17324D;
    background-color: var(--bg-base);
    color: #FFA526;
    color: var(--color-secondary);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul li.head .head-zone svg g {
    fill: #FFA526;
    fill: var(--color-secondary)
}

ul li.head .head-zone svg {
    margin-left: 24px;
    width: 24px;
    height: 24px;
    fill: #FFA526;
    fill: var(--color-secondary)
}

ul li.head .head-zone .text {
    font-size: 1rem;
    font-weight: 600;
    display: block;
    color: #FFA526;
    color: var(--color-secondary);
    margin-left: 15px
}

#commission-activities {
    box-shadow: 0 -10px 20px -10px rgba(0,0,0,.1) inset;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(116,132,148,.1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(116,132,148,.1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(116,132,148,.1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(116,132,148,.1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(116,132,148,.1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(116,132,148,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#748494',GradientType=0)
}

.card-settori {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 20px -6px rgba(0,0,0,.1)!important
}

.card-settori:hover {
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.1)!important
}

.card-settori a:hover {
    text-decoration: underline
}

.card-settori figure {
    margin: 0;
    width: 100%;
    position: relative
}

.card-settori figure:after {
    opacity: .57;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(56,79,107,.6) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(56,79,107,.6)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(56,79,107,.6) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(56,79,107,.6) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(56,79,107,.6) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(56,79,107,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#384f6b',GradientType=0);
    position: absolute;
    left: 0;
    width: 100%;
    content: '';
    z-index: 2;
    height: 100%
}

.card-settori figure img {
    margin: 0;
    object-fit: cover;
    height: 170px;
    width: 100%
}

.card-settori a svg {
    fill: #FFA526;
    fill: var(--color-secondary)
}

.card-settori a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    color: #2E465E;
    color: var(--color-base);
    font-size: 1rem;
    display: block
}

.card-settori .it-right-zone {
    padding: .5em 0;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#settori .card-wrapper {
    padding-bottom: 2em
}

.sidebar-top-fix .navbar.it-navscroll-wrapper button.custom-navbar-toggler {
    color: #2E465E;
    color: var(--color-base)
}

@media only screen and (max-width: 991px) {
    .navbar.it-navscroll-wrapper,.navbar.it-navscroll-wrapper .menu-wrapper {
        background-color:#fff!important
    }

    body.header-sticky .scrollnav-nav.affix-top {
        top: auto!important
    }

    .navbar.it-bottom-navscroll {
        z-index: 99;
        background-color: #fff!important;
        top: auto
    }

    .affix-top .link-list-wrapper .no_toc,.affix-top .link-list-wrapper .link-list {
        padding: 0 1em
    }
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link:hover:not(.active) {
    text-decoration: none;
    transition: all .3s ease-in-out
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link:hover:not(.active):after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 5px
}

.it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned a .brand-repita {
    display: none
}

.nav-social {
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    list-style: none;
}

.nav-social li a {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.nav-social li {
    border-right: 1px solid rgba(255,255,255,.2)!important
}

#menu3 .nav-social li:hover a {
    color: #2E465E;
    color: var(--color-base);
    background-color: #FFA526;
    background-color: var(--bg-secondary)
}

#menu3 .nav-social li:hover a svg {
    fill: #2E465E;
    fill: var(--color-base)
}

.navbar .dropdown-menu {
    min-width: 15rem
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu,.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu::before {
    background-color: #fff;
    background-color: var(--color-white)
}

.it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3)
}

.it-header-navbar-wrapper.theme-light-desk .navbar .navbar-collapsable .navbar-nav.navbar-secondary li a.nav-link {
    font-weight: 400
}




.it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper {
    text-transform: uppercase;
    font-weight: 600
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg {
    -webkit-transform: translateY(-2px);
    transform: translateY(2px)
}

@media only screen and (max-width: 1024px) {
    .it-header-navbar-wrapper .navbar .navbar-collapsable .navbar-nav li a.nav-link {
        font-weight:400;
        padding: 13px 12px
    }

    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media only screen and (max-width: 991px) {
    .navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg {
        float:right
    }

    .it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a {
        background-color: transparent
    }

    .it-header-center-wrapper.theme-light .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon:hover {
        background-color: transparent;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        fill: #2E465E;
        fill: var(--color-base);
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out
    }

    .it-header-navbar-wrapper.theme-light-desk .navbar .dropdown-menu {
        box-shadow: 0 11px 20px -10px rgba(0,0,0,.1)
    }

    .navbar .dropdown-menu .link-list-wrapper {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 10px;
        margin-bottom: 14px
    }

    .navbar.it-navscroll-wrapper h3 {
        padding-left: 1rem
    }
}

.it-header-navbar-wrapper.theme-light-desk .navbar.has-megamenu .social-mobile {
    padding: 13px 24px;
    margin-top: 1em
}

.social-mobile li.list-inline-item:hover {
    opacity: .7;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.close-div.visible-close {
    background: transparent;
    padding: 0
}

.close-div.visible-close .close-menu {
    background: 0 0;
    pointer-events: all;
    color: #fff;
    text-align: center;
    font-size: 1em;
    padding: 0 8px
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    width: 100%
}

@media only screen and (min-width: 991px) {
    .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
        -webkit-transition:padding-top .3s;
        transition: padding-top .3s;
        position: relative;
        left: 0;
        top: auto;
        margin-top: 0
    }

    .it-nav-wrapper.sticky.is-sticky .it-header-center-wrapper {
        height: 85px !important;;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .it-nav-wrapper.sticky.is-sticky .it-right-zone .it-socials{
        display: none !important;
    }
}

.it-footer-main h4 {
    color: #FFA526;
    color: var(--color-secondary);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px
}

.p-icon {
    padding-left: 2.5em!important;
    margin-bottom: 2em
}

.p-icon .icon {
    margin: 0 0 0 -2.5em!important;
    position: absolute
}

footer p {
    color: #fff;
    color: var(--color-white)
}

footer h4.title-footer {
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 1em;
    margin-bottom: 1em
}

footer .border-top {
    border-top: none!important
}

.it-footer-small-prints {
    background-color: #012643!important
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.select span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span,.sidebar-wrapper .link-list-wrapper ul li a:hover:not(.disabled) span,.link-list-wrapper ul li a span,.sidebar-wrapper .link-list-wrapper ul li a:hover:not(.disabled) span {
    color: #48587B;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 400
}

.scrollnav-nav .link-list li,.sidebar-wrapper .link-list li {
    border-top: 1px solid #EEE
}


body.header-sticky .scrollnav-nav.affix-top {
    top: 144px
}

.navbar.it-navscroll-wrapper h3 {
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: .9em;
    margin-top: 5px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 24px;
    color: #48587B;
    color: var(--color-primary);
    position: relative
}

.navbar.it-navscroll-wrapper,.navbar.it-navscroll-wrapper .menu-wrapper {
    background-color: transparent
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected.active:before,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected:before,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:before,.sidebar-wrapper .link-list-wrapper ul li a.nav-item.active:before,.sidebar-wrapper .link-list-wrapper ul li a.list-item.active:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 5px;
    background-color: #FFA526;
    background-color: var(--color-secondary);
    top: 0;
    left: 0
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a:hover {
    background-color: rgba(69,88,126,.05)
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a:hover span {
    color: #48587B;
    color: var(--color-primary)
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected.active:hover,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected.active,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected:hover,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:hover,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active,.sidebar-wrapper .link-list-wrapper ul li a.nav-item.active:hover,.sidebar-wrapper .link-list-wrapper ul li a.nav-item.active,.sidebar-wrapper .link-list-wrapper ul li a.list-item.active:hover,.sidebar-wrapper .link-list-wrapper ul li a.list-item.active {
    background-color: rgba(69,88,126,.1);
    border-left: none
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected.active:hover span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected.active span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected:hover span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.selected span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:hover span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span,.sidebar-wrapper .link-list-wrapper ul li a.nav-item.active:hover span,.sidebar-wrapper .link-list-wrapper ul li a.nav-item.active span,.sidebar-wrapper .link-list-wrapper ul li a.list-item.active:hover span,.sidebar-wrapper .link-list-wrapper ul li a.list-item.active span {
    font-weight: 600;
    color: #48587B;
    color: var(--color-primary);
    text-decoration: none
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:before,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:hover,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active:hover span,.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span {
    background-color: rgba(69,88,126,0);
    border-left: none
}

.sidebar-wrapper .link-list-wrapper ul li a:hover:not(.disabled) {
    text-decoration: none;
    background-color: rgba(69,88,126,.1)
}

.sidebar-column {
    box-shadow: -1px 0 0 0 #eee inset;
    padding-right: 0
}

.it-header-navbar-wrapper.theme-light-desk {
    background: #fff;
    -webkit-box-shadow: 0 9px 17px -3px rgba(0,0,0,.05);
    box-shadow: 0 9px 17px -3px rgba(0,0,0,.05)
}

@media only screen and (max-width: 991px) {
    .row.row-column-menu-left.sidebar-top-fix .sidebar-column {
        box-shadow:none;
        padding: 0
    }

    .it-header-center-wrapper.theme-light {
        -webkit-box-shadow: 0 9px 17px -3px rgba(0,0,0,.05);
        box-shadow: 0 9px 17px -3px rgba(0,0,0,.05)
    }

    .it-header-navbar-wrapper.theme-light-desk {
        box-shadow: none
    }
}

.it-page-sections-container ul,.it-page-sections-container li {
    padding: 0;
    margin: 0;
    list-style: none
}

/* .it-page-sections-container ul:not(.link-list) {
    margin: 2em 0
} */

ul.list-bullet li {
    margin: 1em;
    margin-left: 3em
}

ul.list-bullet li:before {
    content: '';
    float: left;
    margin-left: -1.5em;
    background-color: #FFA526;
    background-color: var(--bg-secondary);
    width: 10px;
    height: 10px;
    margin-top: .6em
}

.banner .it-hero-wrapper {
   /* min-height: 200px*/
}

.banner .it-hero-wrapper p {
    color: #fff;
    color: var(--color-white)
}

.banner .it-hero-wrapper .it-hero-text-wrapper {
    padding: 3em 0 3em;
    margin: 0
}

.it-hero-wrapper .breadcrumb-item.active,.banner .it-hero-wrapper .breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: #fff;
    color: var(--color-white)
}

.breadcrumb-item.active,.banner .breadcrumb-container .breadcrumb .breadcrumb-item a {
    font-weight: 400;
    text-decoration: none
}

.banner .breadcrumb-container .breadcrumb .breadcrumb-item {
    color: #fff;
    margin: 0
}

.banner .breadcrumb-container .breadcrumb .breadcrumb-item a:hover:not(active) {
    text-decoration: underline
}

.banner .it-hero-wrapper.it-overlay.it-dark .img-responsive-wrapper::after {
    opacity: 1;
    background-color: #17324D;
    background-color: var(--bg-base);
    background: -moz-linear-gradient(top,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    background: -webkit-linear-gradient(top,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    background: linear-gradient(to bottom,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212770b7',endColorstr='#17324d',GradientType=0);
}

.banner .it-hero-wrapper {
    opacity: 1;
    background-color: #17324D;
    background-color: var(--bg-base)
}

.banner .content-box {
    position: relative;
    width: 100%;
    min-height: 400px;
    margin: 15px 0
}

.banner .img-box.left {
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    width: calc(45vw - 6px);
    background: #17324D;
    background: var(--bg-base)
}

.banner.hero .img-box.right {
    position: absolute;
    top: -15px;
    left: 0;
    bottom: -15px;
    width: 130%;
    background: #17324D;
    background: var(--bg-base)
}

.banner .img-box.right {
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    width: calc(45vw - 6px);
    background: #17324D;
    background: var(--bg-base)
}

@media only screen and (max-width: 767px) {
    .banner .content-box {
        position:relative;
        width: 100%;
        min-height: auto;
        margin: 15px 0
    }

    .banner .content-box.image-box {
        min-height: 300px;
        margin-bottom: -30px;
        margin-top: -40px
    }

    .banner .image-box .img-box.right {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        width: auto;
        background: #17324D;
        background: var(--bg-base);
        height: 400px;
        display: block;
        margin: auto
    }
}

@media only screen and (max-width: 991px) {
    .banner .img-box.left,.banner.hero .img-box.right {
        position:absolute;
        top: -15px;
        right: -50%;
        bottom: -15px;
        width: 100vw;
        background: #17324D;
        background: var(--bg-base);
        left: -50%;
        margin: auto
    }

    .sidebar-top-fix .banner.hero {
        margin-left: 0
    }
}

.sidebar-top-fix .banner .content-box {
    min-height: 200px
}

.sidebar-top-fix .banner .it-hero-text-wrapper {
    padding: 10em 3em 1em
}

img.lazy {
    opacity: 1;
    will-change: opacity;
    transition: all 0.3s
}

img.lazy.loaded {
    opacity: 1
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

figure {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right,#F6F6F6 8%,#F0F0F0 18%,#F6F6F6 33%);
    background-size: 800px 104px;
    height: 170px;
    position: relative
}

@media (max-width: 491px) {
    .slider .it-hero-wrapper .it-hero-text-wrapper {
        padding:40px 15px 55px 15px!important
    }

    .slider .it-hero-wrapper {
        min-height: 335px
    }

    .section-content.activities .bx {
        padding: 0 0em .5em 0;
        display: block
    }

    .h3,h3 {
        font-size: 1.35rem
    }

    .activities .bx .number {
        font-size: 2em
    }

    .it-brand-wrapper a svg.brand-repita {
        max-width: 50px;
        padding-right: 10px;
        margin-right: 0;
        border: none
    }

    .it-brand-wrapper a svg {
        max-width: 70px
    }

    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h2 {
        font-size: 1em
    }

    .h2,h2 {
        font-size: 1.6rem
    }

    #commission-activities h2,#settori h2 {
        text-align: left
    }
}

.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.grid-col {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 33.33%
}

.grid-gallery,
.grid-wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 510px) {
    .grid-col:nth-child(2) {
        display:none
    }

    .grid-col {
        max-width: 100%!important
    }

    .grid-item1,.grid-item1 figure,.grid-item2,.grid-item2 figure,.grid-item3,.grid-item3 figure {
        height: 400px
    }
}

@media only screen and (min-width: 420px) {
    .grid-item1,.grid-item2,.grid-item3 {
        height:400px
    }

    .grid-item1 figure,.grid-item2 figure,.grid-item3 figure {
        height: 450px
    }
}

@media only screen and (min-width: 769px) {
    .grid-col:nth-child(2) {
        display:block
    }

    .grid-item1,.grid-item1 figure {
        height: 465px
    }

    .grid-item2,.grid-item2 figure {
        height: 426px
    }

    .grid-item3,.grid-item3 figure {
        height: 386.65px
    }
}

@media only screen and (max-width: 991px) {
    .grid-col:nth-child(3) {
        display:none
    }

    .grid-item1,.grid-item1 figure,.grid-item2,.grid-item2 figure,.grid-item3,.grid-item3 figure {
        height: 400px;
    }

    .grid-col {
        max-width: 49.5%
    }
}

@media only screen and (min-width: 1080px) {
    .grid-col:nth-child(3) {
        display:block
    }
}

.grid-item {
    margin: .5rem .5rem 1rem .5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 20px -6px rgba(0,0,0,.1)!important
}

.grid-item .row-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
    color: var(--color-white)
}

.grid-item .it-right-zone {
    padding: 1.5em 0;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grid-item .it-right-zone svg {
    fill: #FFA526;
    fill: var(--color-secondary)
}

.grid-item figure {
    position: relative;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center
}

.grid-item figure img {
    height: 100%;
    width: auto;
    max-width: inherit;
    margin: auto
}

.grid-item a:hover .it-right-zone {
    text-decoration: underline!important
}

.grid-item a:hover figure:after {
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.grid-item a:hover .it-right-zone svg {
    margin-right: 10px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out
}

.grid-item figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-color: #17324D;
    background-color: var(--bg-base);
    background: -moz-linear-gradient(top,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    background: -webkit-linear-gradient(top,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    background: linear-gradient(to bottom,rgba(39,112,183,.13) 0%,rgba(35,95,153,.37) 25%,rgba(23,50,77,.94) 89%,rgba(23,50,77,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212770b7',endColorstr='#17324d',GradientType=0);
}

.grid-item figure:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #FFA526;
    background-color: var(--bg-secondary);
    z-index: 1
}

.table {
    color: #48587B;
    color: var(--color-primary)
}

.table td,.table th {
    padding: .5em 1em
}

.table-responsive.table-bordered {
    border-radius: 4px;
    border: 1px solid #eee
}

.table.table-bordered {
    color: #48587B;
    color: var(--color-primary);
    border: 1px solid #eee;
    margin: 0
}

.table-bordered {
    border: 1px solid #eee
}

.table.table-bordered tr th,.table.table-bordered tr td {
    border-bottom: 1px solid #eee
}

.table.table-bordered td,.table.table-bordered th {
    border: none
}

.table-bordered tr:first-child {
    border-radius: 4px 4px 0 0
}

.table-bordered tr:last-child td {
    border-bottom: none
}

.table.table-bordered tr th:first-child,.table-bordered tr td:first-child {
    font-weight: 600;
    border-right: 1px solid #eee
}

.table-hover tbody tr:hover {
    color: #48587B;
    color: var(--color-primary);
    background-color: rgba(69,88,126,.05);
    transition: all .2s ease-in-out;
    -webkit-transition: all .23s ease-in-out;
    -moz-transition: all .2s ease-in-out
}

.table-style1 {
    font-size: 14px
}

.table-style1 tbody tr {
    border: 1px solid #eee;
    border-radius: 30px
}

.table-style1 tbody tr td {
    border-bottom: none;
    border-right: 1px solid #eee;
    padding: 1.3em 1em;
    vertical-align: middle;
    border-collapse: collapse
}

.table-style1 tbody tr td:last-child {
    border-right: none
}

.responsive-table {
    color: #48587B;
    color: var(--color-primary);
    font-size: 14px;
    text-align: left
}

.responsive-table li:before {
    display: none
}

.responsive-table li {
    border-radius: 4px;
    padding: 1em;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1em 0
}

.responsive-table li.table-row:hover {
    color: #48587B;
    color: var(--color-primary);
    background-color: rgba(69,88,126,.04);
    box-shadow: 0 0 0 1px rgba(0,0,0,.07);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out
}

.responsive-table li.table-row .col a svg {
    fill: #06c
}

.responsive-table li.table-row .col {
    border-right: 1px solid #eee;
    padding-left: 1.5em
}

.responsive-table li.table-row .col:last-child {
    border-right: none;
    border-bottom: none
}

.responsive-table .table-header {
    font-weight: 600;
    margin-bottom: 0
}

.responsive-table .table-row {
    background-color: #fff;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
    min-height: 60px
}

.responsive-table .colt-1 {
    flex-basis: 22%
}

.responsive-table .colt-2 {
    flex-basis: 25%
}

.responsive-table .colt-3 {
    flex-basis: 18%
}

.responsive-table .colt-4 {
    flex-basis: 25%
}

@media all and (max-width: 767px) {
    .responsive-table li.table-row .col {
        border-right:none
    }

    .responsive-table .table-header {
        display: none
    }

    .responsive-table li {
        display: block
    }

    .responsive-table .col {
        flex-basis: 100%
    }

    .responsive-table .col {
        display: flex;
        padding: 10px 0
    }

    .responsive-table .col:before {
        color: #48587B;
        color: var(--color-primary);
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 35%;
        text-align: left;
        font-weight: 600;
        min-width: 100px;
        border-right: 1px solid #eee;
        margin-right: 10px
    }

    .responsive-table li.table-row .col:last-child {
        border-right: none;
        border-bottom: none
    }

    .responsive-table li.table-row .col {
        border-bottom: 1px solid #eee;
        padding-left: 1.5em
    }
}

.search-area input:focus::placeholder {
    color: transparent
}

.search-area small {
    opacity: .5
}

.search-area.close-btn {
    position: relative;
    z-index: 9999;
    color: #fff;
    color: var(--color-white)
}

.search-area .btn-search:hover svg,.search-area .close-btn:hover {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.search-area svg {
    fill: #fff;
    fill: var(--color-white)
}

.search-area {
    position: fixed;
    display: none;
    content: '';
    top: 0;
    left: 0;
    background: rgba(69,88,126,.95);
    width: 100%;
    height: 100%;
    z-index: 100
}

.search-area .form-btn {
    margin-top: 40%;
    font-family: 'Univers',sans-serif
}

.search-area .form-btn input {
    height: 60px;
    background: transparent;
    font-size: 28px;
    color: #fff;
    color: var(--color-white)
}

.search-area .form-btn input:focus {
    background: transparent;
    outline: none;
    box-shadow: none;
    border-color: #ced4da;
    color: #fff;
    color: var(--color-white)
}

.search-area .brd-left-none {
    border-left: none!important
}

.search-area .form-btn .form-control {
    border-right: none!important
}

.search-area .border-bottom {
    border: none;
    border-bottom: solid 1px #ced4da;
    border-radius: 0
}

.search-area .form-btn input::placeholder {
    color: #fff;
    font-weight: 400
}

.search-area .form-btn i {
    font-size: 30px
}

@media all and (max-width: 467px) {
    .search-area .form-btn input {
        font-size:18px
    }
}

.activities .bx {
    padding: 0 4em .5em 0;
    display: block
}

.activities .bx .number {
    display: block;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1em
}

.activities .bx h4 {
    display: block;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0
}

.activities .bx p {
    font-size: 14px;
    margin-bottom: 0
}

.activities .line-sep .orizontal {
    display: none
}

.activities .line-sep {
    position: absolute;
    left: 0;
    top: 0
}

.activities .border--left {
    padding-left: 2em
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

@media only screen and (max-width: 991px) {
    .activities .border--left {
        margin-top:1em;
        padding-top: 2em;
        padding-left: 6px
    }

    .activities .line-sep .orizontal {
        display: block;
        width: 100%
    }

    .activities .line-sep .vertical {
        display: none
    }
}

section.it-page-section:before {
    content: "";
    display: block
}

.navbar.it-bottom-navscroll.remove {
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.navbar.it-bottom-navscroll {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}