@font-face {
    font-family: 'orion-regular';
    src: url('../fonts/orion/orion-regular-webfont.woff2') format('woff2'),
    url('../fonts/orion/orion-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'orion-medium';
    src: url('../fonts/orion/orion-medium-webfont.woff2') format('woff2'),
    url('../fonts/orion/orion-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'orion-bold';
    src: url('../fonts/orion/orion-bold-webfont.woff2') format('woff2'),
    url('../fonts/orion/orion-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


:root {
    --white: #ffffff;
    --black: #000000;
    --darkblue: #00566f;
    --lightblue: #5798b6;
    --petrolgreen: #00a4a3;
    --vividorange: #ea9050;
    --lightgrey: #eaedf0;
}

body {
    font-family: 'orion-medium', Verdana, sans-serif;
    font-weight: 400;
    color: #000000;
    background: #ffffff !important;
    font-size: 20px;
}

@media (min-width: 2400px) {
    body {width: 2400px;  max-width: 2400px; margin: 0 auto; background-color: #ffffff;  border-left: 1px solid #00566f; border-right: 1px solid #00566f;}
}

a {
    color: #5798b6;
}
a:hover, a:focus, a:active {
    color: #00566f;
}

a[href^="tel:"] {
    color: #000000;
    text-decoration: none;
}

button, .btn-primary, .sppb-btn-primary {border: none; background: transparent; text-transform: uppercase; font-family: 'orion-bold', Verdana, sans-serif; font-size: 18px; padding:0px 16px 0 34px; border-radius: 15px; position: relative;}
#sp-highlights-one button, #sp-highlights-two button {position: absolute; bottom: 40px; left: 30px;}

button a {color: #ffffff; display: inline-block; position: relative; }

button.darkblue, .btn-primary, .sppb-btn-primary {background: #00566f; }
button.darkblue a:hover {color: #5798b6; }
.btn-primary:hover, .sppb-btn-primary:hover {color: #5798b6; background-color: #00566f; border: none;}
button.lightblue {background: #5798b6; }
button.lightblue a:hover {color: #00566f; }

button a::before, .btn-primary::before, .sppb-btn-primary::before {background-repeat: no-repeat; width: 20px; height: 20px;  content: " "; position: absolute; left: -30px; top: 3px;   -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out;}
.btn-primary::before, .sppb-btn-primary::before {left: 4px; top: 3px;}

button.darkblue a::before, .btn-primary::before, .sppb-btn-primary::before {background-image: url(../images/arrow-lightblue.svg);}
button.lightblue a::before {background-image: url(../images/arrow-darkblue.svg);}

button a:hover::before, .btn-primary:hover::before, .sppb-btn-primary:hover::before {  -webkit-transform: rotate(720deg); transform: rotate(720deg);}

@media (min-width: 992px) {
    #mainslide button a::before {top: 2px;}
}

p {font-family: 'orion-regular', Verdana, sans-serif;}

h1, h2, h3, h4, h5 {font-family: 'orion-bold', Verdana, sans-serif; color: #00566f;}
h2 {font-size: 3.5rem;}
h2 span {font-family: 'orion-medium', Verdana, sans-serif;}
h3 {
    font-size: 1.95rem;
}
h3.sp-module-title {font-size: 2.2rem;}

/* Mobile break */
@media (min-width: 768px) {
    .mobile-break {display:none;}
}

strong {font-family: 'orion-bold',Verdana, sans-serif; font-weight: 600;}

#sp-header {  background: #ffffff; height: 120px !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding: 5px 60px; box-shadow: 0 6px 5px 0 rgba(0,0,0,.0) !important;}
#sp-header.header-sticky {height: 60px !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; box-shadow: 0 4px 3px 0 rgba(0,0,0,.20) !important;}

#sp-header .logo-image {height: 75px; max-height: 75px;margin-top: 54px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
#sp-header.header-sticky .logo-image {height: 40px; max-height: 40px; margin-top: -10px;     -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

/*
 #sp-header.header-sticky ~ section#sp-main-body {
 padding-top: 150px;
 }
 */
#sp-header.header-sticky ~ section#sp-main-slide {
    padding-top: 60px;-webkit-transition: all .9s; -moz-transition: all .9s; transition: all .9s;
}
#sp-header ~ section#sp-main-slide {
    padding-top: 0px;
}

@media (max-width: 1199px) {
    #sp-header {height: 110px !important; }
}

@media (max-width: 991px) {
    #sp-header {height: 80px !important; padding: 5px 15px; }
    #sp-header .logo-image {height: 60px; max-height: 60px; margin-top: 10px;}
    #sp-header.header-sticky .logo-image {height: 40px; max-height: 40px; margin-top: -10px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
}

@media (max-width: 767px) {
    #sp-header {padding: 5px 0px; }
}

/* SLIDES */

#sp-main-slide {
    margin-top: 110px;
}

@media (max-width:991px) {
    #sp-main-slide {
        margin-top: 80px;
    }
}

#slide-headline h1 {font-size: 3.2vw; color: #ffffff; line-height: 1.0;}
#slide-headline h1 span {color: #00566f;}

.hint-content h3 {font-size: 1.2vw !important;}
.hint-content p {font-size: 1vw !important;}

#mainslide img.mainslide-bg {position: relative;}

.item-hints{
    height: 60px;
    width: 60px;
}
.item-hints .hint {
    width: 60px;
    height: 60px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-hints .hint::before{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 30px !important;
    height: 30px !important;
    content: ' ';
    background: url("../images/buttonplus.png") no-repeat;
    background-size: 30px 30px;
    margin: -15px 0 0 -15px;
}

.item-hints .hint:hover::before{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 30px !important;
    height: 30px !important;
    content: ' ';
    background: url("../images/buttonplus-on.png") no-repeat;
    background-size: 30px 30px;
    margin: -15px 0 0 -15px;
}

.item-hints .hint::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 2px;
    height: 2px;
    z-index: 1;
    -webkit-box-shadow: 0 0 50px 30px rgba(0, 164, 163,.3);
    box-shadow: 0 0 50px 30px rgba(0, 164, 163,.3);
    -webkit-animation: home_hero_item_hints_glow 2s cubic-bezier(.25,.1,.2,1) infinite;
    animation: home_hero_item_hints_glow 2s cubic-bezier(.25,.1,.2,1) infinite;
    -webkit-transition: opacity .5s ease;
    transition: opacity 3.5s ease;
    transition-delay: 12s;
}
@-webkit-keyframes home_hero_item_hints_glow {
    0% {
        -webkit-box-shadow: 0 0 30px 10px #00a4a3;
        box-shadow: 0 0 30px 10px #00a4a3;
    }
    70% {
        -webkit-box-shadow: 0 0 70px 50px rgba(0, 164, 163, 0);
        box-shadow: 0 0 70px 50px rgba(0, 164, 163, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 50px rgba(0, 164, 163, 0);
        box-shadow: 0 0 0 50px rgba(72, 170, 72, 0)
    }
}
@keyframes home_hero_item_hints_glow {
    0% {
        -webkit-box-shadow: 0 0 30px 10px #00a4a3;
        box-shadow: 0 0 30px 10px #00a4a3;
    }
    70% {
        -webkit-box-shadow: 0 0 70px 50px rgba(0, 164, 163, 0);
        box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 50px rgba(0, 164, 163, 0);
        box-shadow: 0 0 0 50px rgba(0, 164, 163, 0)
    }
}

.item-hints .hint-dot {
    z-index: 3;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: block;
    -webkit-transform: translate(-0%,-0%) scale(.95);
    transform: translate(-0%,-0%) scale(.95);
    -webkit-animation: home_hero_item_hints_border 2s linear infinite;
    animation: home_hero_item_hints_border 2s linear infinite;
    margin: auto;
    cursor: pointer;
}
@-webkit-keyframes home_hero_item_hints_border {
    0%,
    100% {
        border-color: rgba(255, 255, 255, .6);
        -webkit-transform: translate(-50%, -50%) scale(.95);
        transform: translate(-0%, -0%) scale(.95)
    }
    50% {
        border-color: rgba(255, 255, 255, .3);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-0%, -0%) scale(1)
    }
}
@keyframes home_hero_item_hints_border {
    0%,
    100% {
        border-color: rgba(255, 255, 255, .6);
        -webkit-transform: translate(-50%, -50%) scale(.95);
        transform: translate(-0%, -0%) scale(.95)
    }
    50% {
        border-color: rgba(255, 255, 255, .3);
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-0%, -0%) scale(1)
    }
}
.item-hints .hint-radius {
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -125px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: background-color,opacity,visibility,-webkit-transform;
    transition-property: background-color,opacity,visibility,-webkit-transform;
    transition-property: background-color,opacity,visibility,transform;
    transition-property: background-color,opacity,visibility,transform,-webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease,ease,ease,cubic-bezier(.5,0,0,1);
    transition-timing-function: ease,ease,ease,cubic-bezier(.5,0,0,1);
}
.item-hints .hint:hover .hint-radius {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.item-hints .hint[data-position="1"] .hint-content {
    top: 0px;
    left: 50%;
    margin-left: 56px;
    z-index: 100000;
}

.item-hints .hint[data-position="2"] .hint-content {
    top: 75px;
    left: 35%;
    margin-left: 35px;
    z-index: 100000;
}

.item-hints .hint[data-position="3"] .hint-content {
    top: 90px;
    left: 70%;
    margin-left: 26px;
    z-index: 100000;
}

.item-hints .hint[data-position="4"] .hint-content {
    top: 85px;
    left: 40%;
    margin-left: 16px;
    z-index: 100000;
}

.item-hints .hint-content {
    color: #000000;
    width: 400px;
    position: absolute;
    z-index: 1000;
    padding: 12px 15px;
    opacity: 0;
    visibility: visible !important;
    -webkit-transition: opacity .7s ease,visibility .7s ease;
    transition: opacity .7s ease,visibility .7s ease;
    pointer-events: none;
    color: #000000;
    visibility: visible !important;
    pointer-events: none;
    background: rgba(255,255,255,0.9);
    white-space: nowrap;
    display: inline-block;
}
.item-hints .hint:hover .hint-content {
    color: #000000;
    width: 400px;
    position: absolute;
    z-index: 1000;
    padding: 12px 15px;
    opacity: 1;
    visibility: visible !important;
    -webkit-transition: opacity .7s ease,visibility .7s ease;
    transition: opacity .7s ease,visibility .7s ease;
    pointer-events: visible !important;
    color: #000000;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    display: inline-block;
}
.item-hints .hint-content::before {
    width: 0px;
    bottom: 0;
    left: 0;
    content: '';
    background-color: #fff;
    height: 1px;
    position: absolute;
    transition: width 0.4s;
    
}
.item-hints .hint:hover .hint-content::before {
    width: 180px;
    transition: width 0.4s;
}

.item-hints .hint-content::after {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    bottom: 0;
    left: 0;
    width: 80px;
    content: '';
    background-color: #fff;
    height: 1px;
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.item-hints .hint[data-position="1"] .hint-content::after {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg);
    width: 50px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    top: 2px;
    bottom: unset;
}

.item-hints .hint[data-position="2"] .hint-content::after {
    -webkit-transform: rotate(241deg);
    transform: rotate(241deg);
    width: 40px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    top: 2px;
    bottom: unset;
}

.item-hints .hint[data-position="3"] .hint-content::after {
    -webkit-transform: rotate(238deg);
    transform: rotate(238deg);
    width: 58px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    top: 2px;
    bottom: unset;
}

.item-hints .hint[data-position="4"] .hint-content::after {
    -webkit-transform: rotate(260deg);
    transform: rotate(260deg);
    width: 45px;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    top: 2px;
    bottom: unset;
}

.item-hints .hint:hover .hint-content::after {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 1920px) {
    .item-hints .hint-content, .item-hints .hint:hover .hint-content
    {width: 550px;}
    .hint-content h3 {font-size: 28px !important;}
    .hint-content p {font-size: 22px !important;}
}

@media (min-width: 1200px) and (max-width: 1919px) {
    .item-hints .hint-content, .item-hints .hint:hover .hint-content
    {width: 450px;}
    .hint-content h3 {font-size: 22px !important;}
    .hint-content p {font-size: 18px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hint-content h3 {font-size: 21px !important;}
    .hint-content p {font-size: 16px !important;}
    .item-hints .hint-radius { width: 160px; height: 160px; margin: -80px 0 0 -80px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .item-hints .hint-content, .item-hints .hint:hover .hint-content
    {width: 300px;}
    .hint-content h3 {font-size: 16px !important;}
    .hint-content p {font-size: 12px !important;}
    .hint-content button {font-size: 15px; padding-left: 24px; }
    .hint-content button a::before {width: 14px; height: 14px; left: -20px; top: 3px; }
    .item-hints .hint-radius { width: 160px; height: 160px; margin: -80px 0 0 -80px;}
}

@media (max-width: 767px) {
    #slide-headline h1 {font-size: 4.2vw;}
    .hint-content h3 {font-size: 20px !important;}
    
    .item-hints .hint-radius { width: 40px; height: 40px; margin: -20px 0 0 -20px;}
    .item-hints .hint-content, .item-hints .hint:hover .hint-content
    {width: 250px;}
    #mainslide2 .item-hints {height: 30px; width: 30px; }
    #mainslide2 .item-hints .hint {width: 30px; height: 30px;}
    #mainslide2 .item-hints .hint::before {width: 15px !important;height: 15px !important;        background-size: 15px 15px; margin: -7.5px 0 0 -7.5px;}
    #mainslide2 .item-hints .hint-dot {width: 30px; height: 30px;    }
    #mainslide2 .item-hints .hint:hover::before {width: 15px !important; height: 15px !important; background-size: 15px 15px; margin: -7.5px 0 0 -7.5px;}
    
    #mainslide2 .item-hints .hint[data-position="1"] .hint-content {
        top: 20px; left: 30%; margin-left: 56px; }
    #mainslide2 .item-hints .hint[data-position="2"] .hint-content {
        top: 0px; left: 30%; margin-left: 46px; z-index: 100000;  }
    #mainslide2 .item-hints .hint[data-position="3"] .hint-content {
        bottom: 10px; top: unset; left: 30%; margin-left: 56px; z-index: 100000;}
    #mainslide2 .item-hints .hint[data-position="4"] .hint-content {
        bottom: 50px; top: unset; left: 60%; margin-left: 92px; z-index: 100000; }
    
    #mainslide2 .item-hints .hint[data-position="1"] .hint-content::after {
        -webkit-transform: rotate(187deg);
        transform: rotate(187deg);
        width: 45px;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        top: 2px;
        bottom: unset;
    }
    
    #mainslide2 .item-hints .hint[data-position="2"] .hint-content::after {
        -webkit-transform: rotate(161deg);
        transform: rotate(161deg);
        width: 36px;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        top: 2px;
        bottom: unset;
    }
    
    #mainslide2 .item-hints .hint[data-position="3"] .hint-content::after {
        -webkit-transform: rotate(184deg);
        transform: rotate(184deg);
        width: 44px;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        top: unset;
        bottom: 0;
    }
    
    #mainslide2 .item-hints .hint[data-position="4"] .hint-content::after {
        -webkit-transform: rotate(159deg);
        transform: rotate(159deg);
        width: 96px;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        top: unset;
        bottom: 0;
    }
    
    #mainslide2 .hint-content button {font-size: 15px; padding-left: 24px; }
    #mainslide2 button a::before {width: 14px; height: 14px; left: -20px; top: 3px; }
    .item-hints .hint-radius { width: 120px; height: 120px; margin: -60px 0 0 -60px;}
}
}

@media (max-width: 575px) {
    #slide-headline h1 {font-size: 5.0vw;}
}

/* MAIN BODY */

.homepage #sp-main-body {display: none;}
.newspage #sp-main-body {background: #eaedf0;}

#sp-main-body ul, .newsbox ul {list-style-type:none; margin: 0px; font-family: 'orion-regular',Verdana, sans-serif; padding: 0px;   }
#sp-main-body ul.figures {list-style-type:numbers;}

#sp-main-body ul li, .newsbox ul li {margin-bottom: 15px; line-height: 1.2; position: relative; margin-left: 24px;}
#sp-main-body ul li::before, .newsbox ul li::before {font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 900; position: absolute; left:-24px; top:1px; font-size: 1rem; color: #00566f;}
#sp-main-body ul.figures li::before {content:" ";}

#sp-main-body ul.pagination {list-style: none !important; list-style-type: none !important; }
#sp-main-body ul.pagination li {margin-left: 0 !important;}
#sp-main-body ul.pagination li::before {content: " "}


#sp-main-body h2 {color: #ea9050; margin-bottom: 20px; line-height: 1;}
#sp-main-body h2 span {color: #00566f;}
#sp-main-body h3 {color: #ea9050; margin-bottom: 10px;}
#sp-main-body h4 {color: #000000; font-size: 1.4rem; line-height: 1.4; opacity: 0.70;}

#sp-main-body #intro-two-columns, #sp-main-body #two-columns {
    -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px;
}
#sp-main-body .column-break {display: inline-block;}

#sp-main-body #includes {background: #00566f; padding-bottom: 30px; margin-top: 30px;}

#sp-main-body #includes .inner {padding-bottom: 15px; padding-top: 30px;}

#sp-main-body #includes h3 {background: #ffffff; display: inline-block; padding: 4px 0px 10px 0px; position: relative; z-index: 1; height: 50px;}
#sp-main-body #includes h3::before {background: #ffffff; width: 100vw; height: 100%; position: absolute; left: -100vw; top: 0; content: " ";}
#sp-main-body #includes h3::after {content: url(../images/white-curve-bg.svg); position: absolute; top: -1px; right:-80px; height: 51px; width: 363px; z-index: -1;}

#sp-main-body #includes ul {list-style-type:none; margin: 0px; color: #ffffff; font-family: 'orion-bold',Verdana, sans-serif; padding: 0px;   }
#sp-main-body #includes ul li {margin-bottom: 15px; line-height: 1.2; position: relative; margin-left: 24px;}
#sp-main-body #includes ul li::before {font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: 900; position: absolute; left:-24px; top:1px; font-size: 1rem; color: #ea9050;}

#sp-main-body #content-boxes1 {padding-top: 30px;}

#content-box1 .column, #content-box2 .column, #content-box3 .column {
    padding: 0px 0px 0px 0px; height: 100%;  color: #ffffff; position: relative; }

.content-box {border-radius: 18px; padding: 30px 30px 30px 30px;}

.content-box.vividorange {background-color: #ea9050; height: 100%;}

.content-box h3 {color: #ffffff !important; position: relative; padding-left: 42px; font-size: 2.2rem;}
.content-box h3::before  {background-repeat: no-repeat; width: 32px; height: 36px;  content: " "; position: absolute; left: 0px; top: 3px; background-image: url(../images/orion-darkblue-symbol.svg);}

#sp-main-body .content-box h4 {color: #ffffff; opacity: 1; margin-top: 20px;}

#sp-main-body #content-boxes1 ul {list-style-type:none; margin: 0px; color: #ffffff; font-family: 'orion-medium',Verdana, sans-serif; padding: 0px;   }
#sp-main-body #content-boxes1 ul li {margin-bottom: 15px; line-height: 1.2; position: relative; margin-left: 24px;}
#sp-main-body #content-boxes1 ul li::before {font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight: 900; position: absolute; left:-24px; top:1px; font-size: 1rem; color: #00566f;}

#sp-main-body #content-boxes1 ul li.link {margin-left: 0px;}
#sp-main-body #content-boxes1 ul li.link::before {content: " "; }
#sp-main-body #content-boxes1 ul li.link a {margin-bottom: 0px; line-height: 1.2; position: relative; margin-left: 28px; display: inline-block; color: #00566f;}
#sp-main-body #content-boxes1 ul li.link a::before {background-repeat: no-repeat; width: 20px; height: 20px;  content: " "; position: absolute; left: -28px; top: 0px;   -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; background-image: url(../images/arrow-darkblue.svg);}
#sp-main-body #content-boxes1 ul li.link a:hover::before, #sp-main-body #content-boxes1 ul li.link a:focus::before {color: #5798b6; -webkit-transform: rotate(720deg); transform: rotate(720deg);}

#sp-main-body #bigbox {margin-top: 130px;}
#sp-main-body #bigbox .container .content-inner {background: #eaedf0; padding: 30px; border-radius: 18px;  padding-top: 50px;}
#sp-main-body #bigbox .container .content-inner .inner {padding-top: 30px;}
#sp-main-body #bigbox img.bigbox-visual {margin-top: -140px; display: block; margin-left: auto; margin-right: auto; width:300px; height:322px;}

#sp-main-body #bigbox h3 {font-size: 2.6rem;}
#sp-main-body #bigbox h3 span {color: #00566f; line-height: 1.1;}
#sp-main-body #bigbox h4 {text-transform: uppercase; color: #ea9050; margin-bottom: 0px; opacity:1;}

#sp-main-body .highlights {margin-top: 30px; }
#sp-main-body .highlights h3 {font-size: 2.2rem !important;  margin-bottom: 0px;}
#sp-main-body .highlights h3 span {color: #00566f; font-family: 'orion-medium',Verdana, sans-serif;}
#sp-main-body .highlights .gest {padding-bottom: 50px;}

#sp-main-body .certifications img {border: 1px solid #00566f;margin-bottom: 30px; border-radius: 15px;}

#sp-main-body .wf-icon-zoom-image > svg {fill: #ea9050; background: #ffffff;  padding: 0px 3px; opacity: 0.93;}

/* BLOG NEWS */

.blognewspage .article-list .article {padding: 0 0 20px 0;}
.blognewspage .article-list .article .article-header h2 {font-size: 2rem; color: #00566f !important;}
.blognewspage .article-list.articles-leading .article .article-header h2 {font-size: 2.8rem;}
.blognewspage .article-list.articles-leading .article .article-introtext {font-size: 1.4rem;}
.blognewspage .article-list .article .readmore a {color: #5798b6; font-family: 'orion-bold',Verdana, sans-serif; font-size:1.3rem;}


@media (max-width: 991px) {
    #sp-main-body #intro-two-columns, #sp-main-body #two-columns {
        -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px;}
    #content-box1, #content-box2, #content-box3 {margin-bottom: 30px;}
    #sp-main-body #bigbox {margin-top: 100px;}
}

@media (max-width: 767px) {
    #content-box1, #content-box2, #content-box3 {margin-bottom: 15px;}
    #sp-main-body #bigbox img.bigbox-visual {margin-top: -180px;}
    
}

@media (max-width: 575px) {
    #sp-main-body #bigbox img.bigbox-visual {margin-top: -190px;}
    #sp-main-body #bigbox {margin-top: 50px;}
}

/* HIGHLIGHT BOXES */
#sp-highlights-one {padding-top: 30px;}

#sp-position1 .sp-column, #sp-position2 .sp-column, #sp-position3 .sp-column, #sp-position4 .sp-column, #sp-position5 .sp-column {
    padding: 0px 0px 0px 0px; height: 100%;  color: #ffffff; position: relative; }
#sp-position6 .sp-column {padding: 0px 0px 0px 0px; height: 100%;  color: #000000; position: relative; }

.highlight-box.petrolgreen {background-color: #00a4a3; height: 100%;}

.highlight-box.lightblue {background-color: #5798b6; height: 100%;}

.highlight-box.darkblue {background-color: #00566f; height: 100%;}

.highlight-box.vividorange {background-color: #ea9050; height: 100%;}


.sp-module.highlight-box {border-radius: 18px; padding: 30px 30px 155px 30px;}
.sp-module.newsbox {padding: 0px 30px 0px 30px;}

.highlight-box h3.sp-module-title {color: #ffffff; position: relative; padding-left: 42px}
.highlight-box h3.sp-module-title::before  {background-repeat: no-repeat; width: 32px; height: 36px;  content: " "; position: absolute; left: 0px; top: 3px;}

.highlight-box.petrolgreen h3.sp-module-title::before, .highlight-box.lightblue h3.sp-module-title::before  {background-image: url(../images/orion-darkblue-symbol.svg);}
.highlight-box.darkblue h3.sp-module-title::before  {background-image: url(../images/orion-lightblue-symbol.svg);}
.highlight-box.darkblue h3.sp-module-title::before  {background-image: url(../images/orion-lightblue-symbol.svg);}

.newsbox h3.sp-module-title {color: #5798b6; position: relative; padding-left: 42px}
.newsbox h3.sp-module-title::before {background-repeat: no-repeat; width: 32px; height: 32px;  content: " "; position: absolute; left: 0px; top: 3px; background-image: url(../images/news-icon.svg);}
.newsbox h4 {margin-top: 20px;}
.newsbox a.readmore {font-family: 'orion-bold',Verdana, sans-serif; color: #00566f; text-transform: uppercase;}
.newsbox a.readmore:hover, .newsbox a.readmore:focus {color: #5798b6;}



.highlight-box img.box-icon {position: absolute; bottom: 0px; right: 30px;}


@media (min-width: 992px) {
    #sp-highlights-two {background: #5798b6; margin: 30px 0;}
    #sp-highlights-two .container {background: #ffffff;}
    #sp-highlights-two .col-lg-6 {padding: 0px;}
    
    #sp-position4 .sp-module.highlight-box, #sp-position5 .sp-module.highlight-box {border-radius: 0px; padding: 30px 30px 80px 30px;}
    #sp-position4 .highlight-box.lightblue {padding-left: 23px; margin-right: 15px; padding-right: 95px;}
    #sp-position5 .highlight-box.lightblue {padding-left: 20px; padding-right: 95px; margin-left: 15px;}
    
    #sp-position4 .highlight-box h3.sp-module-title,
    #sp-position4 .highlight-box p {
        margin-left: 22px;
    }
    
    #sp-position5 .highlight-box h3.sp-module-title,
    #sp-position5 .highlight-box p {
        margin-left: 34px;
        
    }
    
    #sp-highlights-two #sp-position4 button {position: absolute; bottom: 40px; left: 45px;}
    #sp-highlights-two #sp-position5 button {position: absolute; bottom: 40px; left: 68px;}
    
    #sp-position4 .highlight-box img.box-icon {position: absolute; bottom: 0px; right: 45px;}
    #sp-position5 .highlight-box img.box-icon {position: absolute; bottom: 0px; right: 15px;}
}
@media (max-width: 991px) {
    #sp-position1, #sp-position2, #sp-position3, #sp-position4 {margin-bottom: 30px;}
    #sp-position5 {margin-bottom: 30px;}
    #sp-position4 .highlight-box.lightblue {background-color: #00566f; height: 100%;}
    #sp-position4 button.darkblue {background: #5798b6; }
    #sp-position4 .highlight-box.lightblue h3.sp-module-title::before  {background-image: url(../images/orion-lightblue-symbol.svg);}
    #sp-position4 button.darkblue a::before {background-image: url(../images/arrow-darkblue.svg);}
    #sp-position4 button.darkblue a:hover {color: #00566f; }
    #sp-bottom {padding-top: 30px;}
}

@media (max-width: 767px) {
    #sp-position1, #sp-position2, #sp-position3, #sp-position4  {margin-bottom: 15px;}
    .sp-module.newsbox {padding: 0px 0px 0px 0px;}
}
/* ACCORDION NEW */


.accordion-item h2.accordion-header {
  background: #00566f;
  text-align: center;
  font-size: 1.86rem;
  font-family: 'orion-bold', Verdana, sans-serif;
  padding: 0px 30px 0px 30px;
  line-height: 1.2;
  position: relative;
  border: none;
  --bs-accordion-border-width: 0px;
}

.accordion-item h2.accordion-header:focus,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button {
    border: none;
    --bs-accordion-border-width: 0px;
}

.accordion-button::before {
  content: url(../images/contact-round.svg);
  position: absolute;
  bottom: -43px;
  left: calc(50% - 65px);
  width: 130px;
  height: 44px;
  z-index: 1;
}

/* Styling for the accordion link */

.accordion {
    border: none;
    --bs-accordion-border-width: 0px;
}
.accordion:focus {
    border: none;
    --bs-accordion-border-width: 0px;
}
.accordion-item .accordion-button {
  color: #ffffff;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  background: #00566f;
  border: none !important;
  text-align: center;
  font-size: 1.86rem;
  text-transform: none;
}
.accordion-item .accordion-button:focus {
    outline: 0;
    border: none;
    --bs-accordion-border-width: 0px;

}


.accordion-item .accordion-button::after {
  content: url(../images/arrowdown-petrolgreen.svg);
  position: absolute;
  bottom: -32px;
  left: calc(50% - 18px);
  width: 36px;
  height: 36px;
  z-index: 2;
  transition: transform 0.4s ease-in-out;
}

.accordion-item .accordion-button[aria-expanded="false"]::after {
  transform: rotate(-360deg);
}

.accordion-item .accordion-button[aria-expanded="true"]::after {
  transform: rotate(540deg);
}

/* Styling for the accordion content */
#collapseinner {
  background: #eaedf0;
  padding: 0px;
}

#collapseinner .accordion-body {
  padding: 60px 0px 40px 0px;
}

#collapseinner .accordion-body h4 {
  font-size: 2.2rem;
  font-family: 'orion-bold', Verdana, sans-serif;
  color: #5798b6;
  position: relative;
  padding-left: 42px;
}

#collapseinner .accordion-body h4::before {
  background-repeat: no-repeat;
  content: " ";
  position: absolute;
  left: 0px;
  top: 3px;
}

#collapseinner .accordion-body h4.formtitle::before {
  background-image: url(../images/form-icon.svg);
  width: 32px;
  height: 38px;
}

#collapseinner .accordion-body h4.contacttitle::before {
  background-image: url(../images/contact-icon.svg);
  width: 32px;
  height: 36px;
}

/* CONTACT ACCORDION */

/*.accordion-bar {background: #00566f; text-align: center; font-size: 1.86rem; font-family: 'orion-bold',Verdana, sans-serif; padding: 24px 30px 30px 30px; line-height: 1.2; position: relative;}*/
/*.accordion-bar::after {content: url(../images/contact-round.svg); position: absolute; bottom: -43px; left: calc(50% - 65px); width: 130px; height:44px; z-index:1;}*/
/**/
/*.accordion-bar a {color: #ffffff; line-height: 1.2; position: relative; display: inline-block;}*/
/**/
/*.accordion-bar a.accordion-btn::after {content: url(../images/arrowdown-petrolgreen.svg); position: absolute; bottom: -54px; left: calc(50% - 18px); width: 36px; height:36px; z-index: 2; }*/
/*.accordion-bar a.accordion-btn[aria-expanded="false"]::after {-webkit-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out;}*/
/*.accordion-bar a.accordion-btn[aria-expanded="true"]::after {-webkit-transform: rotate(540deg); transform: rotate(540deg); -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out;}*/
/**/
/**/
/*#collapseinner {background: #eaedf0; padding: 0px}*/
/*#collapseinner .accordion-content {padding: 60px 0px 40px 0px;}*/
/*#collapseinner .accordion-content h4 {font-size: 2.2rem; font-family: 'orion-bold',Verdana, sans-serif;  color: #5798b6; position: relative; padding-left: 42px}*/
/*#collapseinner .accordion-content h4::before {background-repeat: no-repeat; content: " "; position: absolute; left: 0px; top: 3px;}*/
/*#collapseinner .accordion-content h4.formtitle::before {background-image: url(../images/form-icon.svg); width: 32px; height: 38px;  }*/
/*#collapseinner .accordion-content h4.contacttitle::before {background-image: url(../images/contact-icon.svg); width: 32px; height: 36px;  }*/
/**/
/**/
/*@media (max-width: 575px) {*/
/*    #collapseinner .accordion-content {padding: 60px 15px 40px 15px;}*/
/*}*/

/* CONVERT FORM */

.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 30px !important;
}

.accordion-body .convertforms .cf-content-wrap, .accordion-body .convertforms .cf-form-wrap {
    padding: 0px !important;
}
.convertforms label {
    font-size: 18px;
}
.convertforms option {
    border: 1px solid #a97065 !important;
}
@media (max-width: 767px) {
    .convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
        width: 100% !important;
    }
}


/* CONTACT FORM */


.bfQuickMode .pull-right {float: left !important;}

.bfQuickMode h3 {font-family: 'orion-medium',Verdana, sans-serif; margin-bottom: 30px !important;}
.bfQuickMode h3 span {color: #00566f; font-family: 'orion-bold',Verdana, sans-serif;}

.contacts .bfClearfix  {background: #eaedf0; padding: 30px 15px; margin-top: 30px;}

.bfFormDiv input[type="text"]:not(.form-control), .bfFormDiv input[type="email"]:not(.form-control), .bfFormDiv input[type="url"]:not(.form-control), .bfFormDiv input[type="date"]:not(.form-control), .bfFormDiv input[type="password"]:not(.form-control), .bfFormDiv input[type="search"]:not(.form-control), .bfFormDiv input[type="tel"]:not(.form-control), .bfFormDiv input[type="number"]:not(.form-control), .bfFormDiv select:not(.form-control),.bfFormDiv .bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input
{border: none !important; border-radius: 6px !important; color: #000000; font-size: 15px; padding: 4px 8px;}

.bfFormDiv  .bfQuickMode .controls .control-label {text-align: left !important;  justify-content: left !important;}

.bfFormDiv  .form-actions button#bfSubmitButton {float: left !important; margin-left: 0px;}

.bfQuickMode .icon-asterisk:before {content: "*"; font-size: 15px;}

.bfElemWrap {width: 50%; float: left; padding: 0 10px 0 0;}

#bfElemWrap37.bfElemWrap {  width: 100%;}
#bfElemWrap103.bfElemWrap {clear:right;}
#bfElemWrap108.bfElemWrap {clear:left;}
#bfElemWrap42.control-group {margin-bottom: 10px !important;}

.site .bfQuickMode input[type=text],
.site .bfQuickMode select,
.site .bfQuickMode .uneditable-input {
    font-size: 15px;
    max-width: 100%;
    width: 100%;
    padding: 7px 9px;
    margin: 0;
    border-radius: 0;
    min-height: 35px;
    height: 35px;
}

.site .bfQuickMode textarea {
    font-size: 15px;
    max-width: 100%;
    width: 100%;
    padding: 7px 9px;
    margin: 0;
    border-radius: 0;
}

.bfFormDiv  form{
    margin-top: 15px;
}

.controls.form-inline> div {
    width: 100%;
}

@media (max-width: 991px) {
    .bfElemWrap {  width: 100%; padding: 0;}
}

/* FOOTER  & COPYRIGHT */

@media (min-width: 576px) {
    #sp-footer2,
    #sp-bottom4 {
        text-align: right;
    }
}

#sp-footer .address-cont {
    display: table;
    margin-bottom: 30px;
}
#sp-footer .symbol {display: table-cell; vertical-align: top;}

#sp-footer .address {
    display: table-cell;
    vertical-align: top;
    font-family: 'orion-medium',Verdana, sans-serif;
    color: #000000;
    line-height: 1.3;
    font-size: 18px;
    
}

#sp-footer .address span.head {font-family: 'orion-bold',Verdana, sans-serif; font-weight: 600; color: #5798b6;}

ul.social-icons > li a {
    color: #5798b6;
    font-size: 56px;
    display: block;
    text-align: center;
    line-height: 54px;
}

ul.social-icons > li a:hover, ul.social-icons > li a:focus {
    color: #00566f;
}
#sp-copyright {
    font-family: 'orion-regular',Verdana, sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 1.2;
    
}



/* Badge reCAPTCHA affiancato al bottone INVIA */
.grecaptcha-badge {
    left: 320px !important;
    right: auto !important;
    bottom: 20px !important;
}