.color-xlight{color: #F4FEFF !important;} /* azzurro chiaro*/
.color-light{color: #DDF7FA !important;} /* azzurro */
.color-dark{color:#006b77 !important;} /*verde scuro*/
.color-brand{color: #009da8 !important;} /* verde BRAND*/


.border-xlight{border-bottom: #F4FEFF !important;} /* azzurro chiaro*/
.border-light{border-bottom: 3px solid #DDF7FA} /* azzurro */
.border-dark{border-bottom: 3px solid #006b77} /*verde scuro*/
.border-brand{border-bottom: 3px solid #009da8} /* verde BRAND*/


.bg-xlight{background-color:#F4FEFF !important; color: #fff} /* azzurro chiaro*/
.bg-light{background-color:#DDF7FA !important; color: #fff} /* azzurro */
.bg-dark{background-color: #006b77 !important; color: #fff} /* verde scuro */
.bg-brand{background-color: #009da8 !important; color: #fff} /* verde BRAND*/

.bg-brand_hover{background-color: rgba(56,150,160, 0.5); color: #fff} /* verde BRAND*/


.color-white{color: #fff !important;}
.border-white{border: 3px solid #fff}
.bg-white{background-color: #fff; color: #1F1F1F}
@media (min-width: 992px) {
    .br-white{border-right: 1px solid #fff}
}

/*.bg_grey, .bg-grey {background-color:#616364; color:#1F1F1F}
.bg_grey-light, .bg-grey-light {background-color:#cbcccc;}*/

.bg_grey, .bg-grey {background-color:#DDF7FA; color:#1F1F1F} /* azzurro */
.bg_grey-light, .bg-grey-light {background-color:#efefef;}

.color-black{color: #1F1F1F !important;}
.border-black{border: 3px solid #1F1F1F}
.bg-black{background-color: #1F1F1F; color: #fff}


@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/museo_sans_ssv/MuseoSans-100.woff2') format('woff2'),
         url('../fonts/museo_sans_ssv/MuseoSans-100.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/museo_sans_ssv/MuseoSans-300.woff2') format('woff2'),
         url('../fonts/museo_sans_ssv/MuseoSans-300.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/museo_sans_ssv/museosans-500.woff2') format('woff2'),
         url('../fonts/museo_sans_ssv/museosans-500.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/museo_sans_ssv/museosans-700.woff2') format('woff2'),
         url('../fonts/museo_sans_ssv/museosans-700.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ********************** */


@media (min-width: 1500px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1400px;
    }
}


html {
width:100%;
height:100%;
position:relative;
overflow:visible
}

body {
    font-family: 'Museo Sans', sans-serif;
    font-weight: 300;

    /*    font-family:'Poppins',sans-serif;*/
    /*    font-family: 'Montserrat', sans-serif;*/
    font-size: 15px;
    line-height: 28px;
    font-style: normal;
    overflow-x: hidden;
    width: 100%;
    color: #1F1F1F;
}

@media (min-width: 991px) {
    body {font-size: 14px;}
}

b, strong {
    font-weight: 700;
}

ul{padding-left: 0px}
ul li {    
    list-style: disc;
    margin-left: 1rem;
}

nav ul li {list-style: none;}

blockquote {
    position:relative;
    margin:30px 0;
    padding:40px 40px 30px 100px;
    border:none;
    font-style:italic
}

blockquote.focus {
    position:relative;
    margin:30px 0;
    padding:3rem;
    border:none;
    background-color: #DDF7FA;
}

blockquote:before {
    font-size:7rem;
    font-style:normal;
    content:'\201c';
    color:#009da8;
    position:absolute;
    left:52px;
    top:4rem
}

blockquote.focus:before {
    content:'';
}

blockquote ul {
    margin-bottom: 0;
}





@media (max-width: 600px) {
    blockquote {
    padding-left:58px
    }

    blockquote:before,blockquote:after {
    left:14px
    }

    blockquote.focus{
        padding: 2.5rem 3rem;
    }
}

img { max-width: 100%; height: auto; }



a,a:hover{text-decoration: none}
a:hover, a:focus {color:#006b77;}




.theme_button {
    color:#fff;
    background-color: #009da8;
    border:2px solid #009da8;

    margin: 5px 0;
    font-size:14px;
    line-height: 1;
    padding:0.35rem 2rem;
    font-weight: 500;
    
    display:inline-block;
    min-width:8.5em;
    text-align:center;
    border-radius:30px; 

    transition: all 0.3s;

}


.theme_button:active,
.theme_button:hover,
.theme_button:focus {
    color:#1F1F1F;
    background-color:#fff;
    border-color:#1F1F1F;
    text-decoration:none;
}



.theme_button.brand {
    color:#1F1F1F;
    background-color:#fff;
    border:2px solid #fff;
}
.theme_button.brand:active,
.theme_button.brand:hover,
.theme_button.brand:focus {
    color:#fff;
    background-color:#009da8;
    border-color:#009da8;
}



.theme_button.dark {
    color:#1F1F1F;
    background-color:transparent;
    border:2px solid #1F1F1F;
}
.theme_button.dark:active,
.theme_button.dark:hover,
.theme_button.dark:focus {
    color:#fff;
    background-color:#1F1F1F;
    border-color:#1F1F1F;
}


.theme_button.inverse {
    color:#fff;
    background-color:transparent;
    border:2px solid #fff;
}
.theme_button.inverse:active,
.theme_button.inverse:hover,
.theme_button.inverse:focus {
    color:#1F1F1F;
    background-color:#fff;
    border-color:#fff;
}

.thin {
font-weight:300
}


/* MISURE EXTRA
.my-7{margin-top: 5rem !important; margin-bottom: 5rem !important;}
.py-7{padding-top: 5rem !important; padding-bottom: 5rem !important;}
.py-8{padding-top: 6rem !important; padding-bottom: 6rem !important;}
.py-9{padding-top: 7rem !important; padding-bottom: 7rem !important;}
.pt-6{padding-top: 4rem !important;}
.pt-7{padding-top: 5rem !important;}
.pb-7{padding-bottom: 5rem !important;}
.pt-8{padding-top: 6rem !important;}
.pt-9{padding-top: 7rem !important;}
.mt-n7{margin-top: -5rem !important;}
@media (min-width: 992px) {
    .pt-lg-9{padding-top: 7rem !important;}
    .py-lg-6{padding-top: 5rem !important;; padding-bottom: 5rem !important;}
    .py-lg-7{padding-top: 6rem !important;; padding-bottom: 6rem !important;}
    .py-lg-8{padding-top: 7rem !important;; padding-bottom: 7rem !important;}
    .py-lg-9{padding-top: 8rem !important;; padding-bottom: 8rem !important;}
    .mt-lg-n7{margin-top: -6rem !important;}
    .mb-lg-n7{margin-bottom: -6rem !important;}
    .pb-lg-0{padding-bottom: 0px !important;}
    .pt-lg-0{padding-top: 0px !important;}
    .mt-lg-0{margin-top: 0px !important;}
}
*/

.pt-10{ padding-top:8rem}
@media (min-width: 992px) {
    .pt-10{ padding-top:4rem}
}

.z-2{position: relative; z-index: 2}



h1,h2,h3,h4,
.h1,.h2,.h3,.h4{ 
    font-weight: 700; }

h1.entry-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom:5px;
    text-transform: inherit;
}
h1.entry-title br {display: none}

@media (min-width: 992px) {
    h1.entry-title {
        font-size:55px;
        line-height: 60px;
    }
    h1.entry-title br {display: block}
}



h3 {
    font-size: 28px; 
    line-height:40px; 
}

h2.entry-title,
h3.entry-title {}


h2.entry-excerpt,
h3.entry-excerpt {
    font-size: 18px; 
    line-height:36px; 
    margin-top:0; 
    margin-bottom: 1rem;
    font-weight: 700;
    text-decoration: underline #EDFDFF; 
    text-decoration-thickness:15px; 
}

h4 {
    font-size: 16px; 
    line-height:22px; 
    text-transform: uppercase;
}

h4.entry-title {
    font-size: 20px; 
    line-height:28px; 
    text-transform: uppercase;
}

@media (min-width: 992px) {
    h2.entry-excerpt,
    h3.entry-excerpt {
        font-size: 20px; 
        line-height:40px; 
    }
    h4 {
        font-size: 18px; 
        line-height:24px;
    }
    h4.entry-title {
        font-size: 22px; 
        line-height:30px; 
    }
}
.underline-box h4{
    border-bottom: 1px solid #006b77;
    margin-bottom: 20px;
}

.h5, h5 {
    font-size: 15px;
}


#breadcrumb span {color:#3CA0AA; text-transform:uppercase; font-size: 13px; font-weight: 500;}
.line {border-bottom: 3px solid #009da8; padding: 0; margin; width: 100%;}


.box-label{
    position: relative;
    color: #006b77;
    font-weight: 500;
    text-transform: uppercase;
}



img.lazy{opacity: 0; transition: all 0.5s}
img.entered,img.loaded{opacity: 1;}





body.menu-active{overflow: hidden}
header{ z-index: 100; 
/*    position: fixed; */
    width: 100%; 
    top: 0px; 
    transition: all 0.5s; 
    background-color: #fff; 
    overflow: hidden ;
    /*    box-shadow: 3px 3px 10px #ccc;*/
}


.menu-closer{display: none; font-size: 1.4rem}


.page_topline {
    font-size: 13px;
    font-weight: 500;
}

#main-menu{position: relative; z-index: 90}



@media (max-width: 992px) {
    .navbar {
        padding: 0;
        top: 0;
        width: 100%;
    }
    .navbar-collapse {
        background-color: #009da8;
        background-color: #DDF7FA;
        /* padding: 0; */
        /* margin: 0; */
        /* display: block; */
        min-height: calc(100vh - 106px);
/*        position: absolute;*/
        overflow-y: scroll;
        top: 0;
        width: 100%;
    }
    .navbar-collapse .navbar-nav {
        padding:50px 15px;
        overflow-y: scroll;
        height: calc(100vh - 206px);
    }
    .navbar-collapse .dropdown-menu {
        font-size: 14px;
        line-height: 20px;
        background-color: transparent;
        border: 0;
    }
   .dropdown-item {    
        font-weight: 500;
        padding: .25rem 1rem;
    }
    .dropdown-item br {display: none}

    .dropdown-item:before {color: #006b77; content:'>'; padding-right: 20px;}
    .nav-item.lang {
        position: absolute;
        bottom: 96px;
        left: 15px;
        padding: 10px 0 0 !important;
        background-color:#DDF7FA;
        width: 100%;
    }

    .navbar-nav {overflow-y: scroll;}
    
}

    
.page_topline a {color: #fff !important;}

.navbar-brand {margin: 0 15px; z-index: 999;}
.navbar-brand .logo{ width: 100px; transition: all 0.5s}
@media(min-width: 992px){
    .navbar-brand .logo{width: 140px; padding: 5px 0 0; transition: all 0.5s}
}

.navbar {padding-top:0; padding-bottom:0; background-color: #fff}
.navbar-light .navbar-nav .nav-link {
    color: #1F1F1F;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #006b77 !important;}  /*BRAND*/


.navbar-light .lang {
    height: 40px;
    padding: 5px 10px 0;
}

.navbar-light .lang a {
    display:inline!important;
    width:auto;
    padding:0 5px;
}

.navbar-light .lang img {
    width:30px!important;
}


.navbar-light .navbar-toggler {
    color: #1F1F1F;
    border-color: transparent;
    z-index: 999;
    margin: 5px;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
body.scrolled .logo{max-width: 100px; padding: 7px 0px}
body.scrolled .navbar{background-color: rgba(0, 76, 147,0.5)}


footer{font-size: 13px}
footer img{max-width: 70% !important;}
footer a,footer a:hover{color: #009da8 !important;} /*BRAND*/


.copyright-area {
    font-size:13px;
    font-weight:300;
}

.copyright-area a{
    font-size:14px;
    font-weight:300;
    color: #009da8} /*BRAND*/
}
.copyright-area a:hover{
    color:#006b77 /*verde scuro*/
}

.border-lg-right {border-bottom:1px solid #fff}

/*.apici,.line-l{position: relative; border-left: 3px solid #fff; padding: 0px 1.5rem; width: 100%; margin: 60px auto 0px; margin-left: -3px}
.apici:after{content: "";background-image: url(../img/apici.svg); width: 60px; height: 120px;position: absolute; top: -70px;left: -20px;background-size: contain;background-repeat: no-repeat}
.apici:before{content: "";background-image: url(../img/apici.svg); width: 60px; height: 120px;position: absolute; bottom: -85px;right: -40px;background-size: contain;background-repeat: no-repeat}
.border-brand-l{border-left: 3px solid #1F1F1F;padding-left: 25px}
@media(min-width: 500px){
    .apici:after{ top: -60px;left: -60px;}
    .apici:before{ bottom: -75px;right: -60px;}
}*/
@media (min-width: 768px) {
    
    .border-lg-right {border-right:1px solid #fff; border-bottom:0px solid #fff }
}

@media (max-width: 991px) {
    .home-slider-1 .imgs img {
        margin-bottom: 30px
    }
}
@media (min-width: 992px) {
    .home-slider-1 .imgs div:first-child img:first-child{margin-top: -5rem;margin-bottom: 3rem}
    .home-slider-1 .imgs div:nth-child(2) img:first-child {
        margin-bottom: 3rem;
    }
    .home-slider-1 .imgs div:nth-child(2) img:nth-child(2) {
        margin-bottom: -5rem;
    }


}



.box-slick .slick-list{overflow:visible;clip-path: inset( -100vw -100vw -100vw 0 );}
.slick-arrow{top: 90%; right: auto;left: 30px; z-index: 9999;}
.slick-next:before, .slick-prev:before{color: #1F1F1F; opacity: 1;font-size: 50px; font-weight: 500 }
.slick-prev:before{content: "\2039"; height: 50px;}
.slick-next:before{content: "\203A"; height: 50px;}
.slick-next{left: 70px}

.no-arrows .slick-arrow, .slick-arrow {display: none !important;}

/*.focus span:after{content: '+';
    display: inline;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform-origin: inherit;
    font-weight: 300;
    margin-right: 20px;
}

h3.focus {margin-left: 35px;}
h3.focus span{margin-left: -35px;}*/




b.uppercase {
    text-transform: uppercase;
    border-left: 5px solid #009da8;
    padding: 0 10px 3px;
    display: inline-block;
    margin-bottom: 10px;
}



/*PAGINA CHI SIAMO*/

.square {width: 250px; height: 250px; margin: auto;}
.square a {margin: auto;}
.square .b-in {box-shadow: none;}
@media(min-width: 991px){
    .square {width: 220px; height: 220px; margin: auto;}
}
.square > *{ position: absolute; top: 50%;
    transform: translate(-50%,-50%);left: 50%; width: 100%; 
    padding: 30px;
    display: block
}


/* ---- Team */
.vet-box {overflow: hidden; }
.vet-box .label{position: absolute; width: 80%; left: 50%; bottom: 0; margin-left: -40%; color: #fff; display: inline-block; z-index: 3; transition: all 0.5s}
.vet-box .label span {font-size: 13px}
.vet-box .label span b{font-size: 16px}
.vet-box img {filter:brightness(0.75)}
/*.vet-box:hover img{scale: 1.1; rotate: 1deg}*/
.vet-box:hover .label{bottom: 45px; transition: all 0.5s;}

@media(min-width: 768px and max-width: 991px){
    .vet-box:hover .label{bottom: 25px; transition: all 0.5s;}
}

.hover-layer{position: absolute; top: 0px; left: 15px; width: calc(100% - 30px); height: 100%; z-index: 1; transition: all 0.5s; opacity: 0}
.vet-box:hover .hover-layer{opacity: 1}
.hover-layer > *{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%; width: 100%; max-width: 60%; display: block}


/* ---- Location */
.location img {border-radius: 60px}




/*PAGINA SERVIZI*/


#entry-img-header img {width: 100%}

.entry-thumbnail {
    text-align:center;
    position:relative
}
.entry-thumbnail img {
    background-color:#fff
}



.services article {
    min-height:350px
}

.services .entry-thumbnail {
    overflow:hidden;
    max-height:200px; 
    display: inline-flex;
}

.services .entry-thumbnail img {
    margin-top:-15%
}

.services .post-content {
    background: white;
    padding: 2rem 2rem 1.5rem;
    font-size: 14px;
    margin-bottom: 20px;
}
.services .post-content h3.entry-title {font-size: 22px; line-height: inherit; text-transform:uppercase; }


@media (min-width: 768px) {
    .services .post-content {
    min-height:290px
    }
}


/*PAGINA BLOG*/
.border-box {border:1px solid #cfcfcf; border-radius:60px; overflow: hidden}

.tag {background-color:#DDF7FA !important; color: #006b77; 
    padding:5px 20px; border-radius:30px; display: inline-block;    
    font-size: 12px; line-height: 14px; font-weight: 500;
    text-transform: uppercase;
}
.tags ul li {
    list-style: none;
    margin-left: 1rem;
    line-height: 40px;
}
.tags ul li a {font-weight:500; color: #1F1F1F; }
.tags ul li a:before {color: #006b77; content:'>'; padding-right: 20px;}

.tags h4 {margin-left: 1rem;}


.entry-content a {color:#009da8 !important;} /*BRAND*/
.entry-content a:hover {color:#006b77 !important;} /*verde scuro*/




/*PAGINA CONTATTI*/
iframe {
    border:none;
    max-width:100%
}


@media (min-width: 992px) {
    .cta-payment img {max-width: 280px}
    .cta-jobs img {width: 200px}
}

    .main-contacts h3 {
            font-size: 18px;
            line-height: 24px;
    }
    .main-contacts h3.mini {
            font-size: 15px;
            line-height: 18px;
    }
    @media (min-width: 768px){
        .main-contacts h3 {
            font-size: 23px; 
            line-height:40px; 
        }
        .main-contacts h3.mini {
            font-size: 18px;
            line-height: 24px;
        }
    }

    .form-control {
        height: 40px;
        border-color: #fff;
        background-color: #fff;
        border-radius: 30px;
        color: #000;
        padding-left: 30px;
        padding-right: 40px;
        font-size: 14px;
        line-height: 14px;
    }



.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 10%;
    right: 50%;
    transform: translate(50%, -50%);
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #000;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*.form-loading {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    width: 100%;
    z-index: 30;
}*/




@media (min-width: 1170px)
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
}


#teaser h2.entry-excerpt { text-decoration: none; font-size: 20px; }
#teaser .teaser_content h3 {font-size:16px; line-height:20px}


#mainslider .slide-new h1,
#mainslider .slide-new h2 {
    font-size: 45px !important;
    line-height: 50px!important;
    /*   text-transform:uppercase;*/
    text-transform:none;
}

#mainslider .highlight {font-weight: 700; text-transform: none;}
#mainslider .highlight2 {font-weight: 300; font-size: smaller; text-transform: none;}
#mainslider .description {font-weight: 300; font-size:16px; display: block;}



@media (min-width: 991px) {


    #mainslider .slide-new h1,#mainslider .slide-new h2 {
        font-size: 60px !important;
        line-height: 65px!important;
        /*   text-transform:uppercase;*/
        text-transform:none;
    }

    #mainslider .description {font-weight: 400; font-size:20px}
}



#partners-carousel {
    text-align:center;
    margin-bottom:0
}

#partners-carousel img {
    opacity:.8;
    margin:auto;
    filter:grayscale(1)
}

#partners-carousel img:hover {
    filter:grayscale(0.1)
}



/* POPUP */
#light{width:100%;height:100%;position:fixed;z-index:400;left:0px;top:0px;background-color: rgba(0, 0, 0, 0.75); z-index: 999999 }
.popUp {position: absolute; width: 90%; left: 50%; margin-left: -45%; top: 35%; z-index: 999999}
.popUp img {width: 100%}
@media (min-width: 991px) {
    .popUp {position: absolute; width: 700px; height: 90%; left: 50%; margin-left: -350px; top: 10%; z-index: 999999}
}

.close{font-size:15px; color:#fff; position:absolute; top:20px; right: 20px; opacity: 0.9; font-weight: 400; }
.close a{font-size: 20px; color: #000!important}
.close a:hover {text-decoration: none; font-size: 20px; color: #000!important}

.popUp a.btn {
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 30px;
    position: absolute;
    top: 385px;
    left: 50%;
    margin-left: -65px;
    font-family: sans-serif;
}
.popUp a:hover.btn {background-color: #fff; color: #175B80}