a {
    color: #094549;
}
a:hover, a:focus {
    color: #B7E2E3;
}
h1, h2, h3, h4, h5, h6 {color: #094549;}


header.affix .logo-2, .header.affix.no-transparent .logo-2{
    padding-top: 9px;
    padding-bottom: 0px;
}

.bg-gray, .bg-gray-light{
    background-color: #ECF7F6;
}

.fes13-title-cont h3, .title-18 {color: #008C95;}
.fes13-box-icon {color: #008996;}

.fs-primary-nav.fs-nav-black {background: #094549e0;}
.fs-primary-nav.fs-nav-black .fs-label {color: #B7E2E3;}

p.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

.justify-content-around {
    justify-content: space-around !important; display: flex;
}

.logo-img {
    height: 110px;

    transition: height .3s ease 0s, background .3s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.demo-popup-gallery a img {
    width: 159px;
}
@media (max-width: 1024px) {

    .logo-img {height: 80px;}
    .header {margin-bottom: -120px;}
    .demo-popup-gallery a img {width: 49%;}

}

.affix.header-black .header-wrapper {
    background: transparent;
}
.affix .header-wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header-black .fs-primary-nav-trigger .fs-menu-icon,
.header-black .fs-primary-nav-trigger .fs-menu-icon::before,
.header-black .fs-primary-nav-trigger .fs-menu-icon:after
 {
    background-color: #B7E2E3;
}

.affix .header-wrapper .logo-img {
    height: 80px;

    transition: height .3s ease 0s, background .3s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}


.bg-black {
    background-color: #094549;
}

.cis-text.font-white h3 {
    color: #B7E2E3;
}

.member-image img {
    border: 8px solid #008C95;
}


/*button*/
.button.gray {
    color: #fff;
    background-color: #094549;
}
.button.gray:hover {
    background-color: #008996;
}


.toggle > dd {
    padding: 5px 5px 20px;}

.toggle > dt > a,
.toggle > dt > a:after,
.toggle > dt > a:hover:after {color: #008996;}

.toggle > dt > a:hover {
    text-decoration: none;
    border-color: #ECF7F6;
    background-color: #ffffff87;
    color: #B7E2E3;
}

.toggle > dt > a {
    border: 1px solid #008996;}

/*button*/

.button.thin.blue {
    border-color: #008996;
    color: #008996;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.button.thin.hover-dark:hover {
    background-color: #008996 !important;
    border: 2px solid #008996 !important;
    color: #fff !important;
}

@media (max-width: 600px) {
    .justify-content-sd-center {
        display: block; /* o 'center', 'space-evenly' */
        /* Considera anche flex-wrap: wrap; se gli elementi non devono uscire dal container */
    }
}