@charset "UTF-8";
/* CSS Document */
:root {
  --main: #000;
  --main-rgb: 0, 0, 0;
  --red: #9C2239;
  --red-rgb: 156, 34, 57;
  --grey: #EFF1F4;
  --grey-rgb: 239, 241, 244;
  --blue: #38578D;
  --blue-rgb: 56, 87, 141;
  --font-family-default: "Quicksand", sans-serif;
}
body {
    overflow-x: hidden !important;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: var(--main);
}

.clear {
    clear: both;
}

img {
    border: none;
}

:focus,
:active {
    outline: none !important;
}
:hover, a{
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: inherit;
}
.link-decoration a {
  text-decoration: underline;
}
.p-mb p:not(:last-child) {
    margin-bottom: 1rem;
}
.p-mb-0 p {
    margin-bottom: 0;
}
.wrap-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.wrap-img img,
.wrap-img picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrap-fit-start img,
.wrap-fit-start picture {
  object-position: left center;
}
.wrap-contain img,
.wrap-contain picture { object-fit: contain; }
/**COLORS**/
.color-green {color: #00632F;}
.color-light-green {color: #95C11F;}
.color-white {color: #fff;}
.color-black {color: #000;}
.text-main {color: var(--main);}
.text-red {color: var(--red);}
.text-blue {color: var(--blue);}
.text-grey {color: var(--grey);}

/**BACKGROUND-COLORS**/
.bg-green {background-color: #00632F;}
.bg-green2 {background-color: #E3D400;}
.bg-light-green {background-color: #95C11F;}
.bg-grey {background-color: #F7F7F7;}
.bg-acqua {background-color: #00A19A;}
.bg-black {background-color: #161615;}

.main {background: var(--main);}
.red {background: var(--red);}
.blue {background: var(--blue);}
.grey {background: var(--grey);}

.op-red,
.op-green {
    background-color: rgba(var(--red-rgb), 0.65);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

/* bordi */
.border-main { --bs-border-color: var(--main) !important; --bs-modal-header-border-color: var(--main) !important; }
.border-red { --bs-border-color: var(--red) !important; --bs-modal-header-border-color: var(--red) !important; }
.border-blue { --bs-border-color: var(--blue) !important; --bs-modal-header-border-color: var(--blue) !important; }
.border-grey { --bs-border-color: var(--grey) !important; --bs-modal-header-border-color: var(--grey) !important; }

/*BUTTONS*/
.btn-round {
    min-height: 35px;
    line-height: 32px;
    min-width: 111px;
    text-align: center;
    display: inline-block;
    border: 1px solid;
    border-radius: 34px;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    transition: all .3s;
}

.btn-round.btn-white {
    color: #fff;
    border-color: #fff;
}
.btn-round.btn-red,
.btn-round.btn-red.btn-full:hover,
.btn-round.btn-green,
.btn-round.btn-green.btn-full:hover {
    color: var(--red);
    border-color: var(--red);
    background-color: transparent;
}
.btn-round.btn-red.btn-full,
.btn-round.btn-red:hover,
.btn-round.btn-green.btn-full,
.btn-round.btn-green:hover {
    color: #fff;
    background-color: var(--red);
}

.btn-round.btn-white:hover {
    color: var(--red);
    background-color: #fff;
}

.btn-round.btn-light-blue.btn-full,
.btn-round.btn-light-green.btn-full {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-round.btn-light-blue.btn-full:hover,
.btn-round.btn-light-green.btn-full:hover {
    color: var(--blue);
    background-color: transparent;
}

.btn-main.btn-full,
.btn-round.btn-black.btn-full {
    background-color: var(--main);
    border-color: var(--main);
    color: #fff;
}

.btn-main.btn-full:hover,
.btn-round.btn-black.btn-full:hover {
    background-color: transparent;
    border-color: var(--main);
    color: var(--main);
}

.btn-news {
    display: inline-block;
    padding: 15px 50px;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}

.btn-arrow {
    background-color: var(--red);
    color: #fff !important;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*END BUTTONS*/

.contact-header span,
.social-header span,
.btn-round,
.news .date,
footer p,
footer,
.d-modulo {
    font-size: 15px;
}

.testo-section h5,
.btn-news,
.richiesta-info form .form-check label{
    font-size: 14px;
}

.contact-header i,
.navbar-nav .nav-item .nav-link:hover,
.preview-news .date i,
.preview-news .title,
.dettaglio-news .date i,
.progetto .content b,
.download .title,
.icon-green i,
.descr-socio .testo-section h4,
.descr-socio .testo-section h3,
.syncro .ul-syncro .slick-slide.slick-current p,
.syncro .list-group li.active{
    color: var(--red);
}

.contact-header div[class^="col"] {
    border-right: 1px solid var(--red);
}

.social-header a {
    display: flex;
    height: 37px;
    width: 37px;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
}

.social-header a i,
.news .date i,
.contact-footer i,
.icon-green i,
.double-form .nav-tabs .nav-link i {
    font-size: 18px;
}

 .social-header a i,
.download p {
    color: #fff;
}

.search-btn .form-inline input.search {
    border-top-left-radius: 23px!important;
    border-bottom-left-radius: 23px!important;
    border: 1px solid #C7C7C7;
    border-right: 0;
    width: 180px;
    font-size: 13px;
    padding-left: 20px;
    color: #9D9D9C;
    height: 35px;
}
.search-btn .input-group-append {
    height: 35px;
}

.search-btn .form-inline button {
    background-color: transparent;
    border-left: 0;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    border: 1px solid #C7C7C7;
    color: var(--red);
    height: 100%
    /*padding: 5px;*/
}

.search-btn .form-inline button i {
    display: inline-block;
    padding: 5px;
    background-color: #F7F7F7;
    border-radius: 23px;
}

.search-btn .form-inline .input-group,
footer .social-header i {
    width: auto;
}

.form-inline .form-control::-webkit-input-placeholder {
    color: #9D9D9C;
}

.form-inline .form-control::-moz-placeholder {
    color: #9D9D9C;
}

.form-inline .form-control:-ms-input-placeholder {
    color: #9D9D9C;
}

.form-inline .form-control::placeholder {
    color: #9D9D9C;
}

.logo img {
    width: 308px;
}

/*.navbar-nav .nav-item {
   overflow: hidden;
}*/

.navbar-nav .nav-item .nav-link {
    font-size: 17px;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
    padding-bottom: 15px;
}

.navbar-nav .nav-item .nav-link:before, .navbar-nav .nav-item .nav-link:after {
  position: absolute;
  bottom: -3px;
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
    z-index: -1;
}

.navbar-nav .nav-item .nav-link:before {
  left: -20px;
  transform: translate(-50%, -50%);
    background-color: var(--red);
    -webkit-transition: left .6s;
    transition: left .6s;
}

.navbar-nav .nav-item .nav-link:after {
  right: -20px;
  transform: translate(50%, -50%);
    background-color: var(--blue);
    -webkit-transition: right .6s;
    transition: right .6s;
}

.navbar-nav .nav-item .nav-link:hover:before {
    left: calc(50% - 4px);
}

.navbar-nav .nav-item .nav-link:hover:after {
    right: calc(50% - 4px);
}

.navbar-nav .nav-item.dropdown .dropdown-menu {
    opacity: 0;
    min-width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    display: block;
    border: 1px solid #F7F7F7;
    border-radius: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, .98);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar-nav .nav-item.dropdown:hover>.dropdown-menu, .navbar-nav .nav-item .dropdown-menu.show {
    display: block;
    opacity: 1;
    min-width: 10rem;
    height: auto;
    padding: .5rem 0;
}
.navbar-nav .nav-item.dropdown .dropdown-item:focus,
.navbar-nav .nav-item.dropdown .dropdown-item:hover {
    background-color: #F7F7F7;
}

.navbar-nav .nav-item.dropdown>a:active,
.navbar-nav .nav-item.dropdown>a:focus {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.title-testata {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.title-testata .content {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.title-testata h1,
.testo-section h1,
.testo-section h2,
.testo-section h3{
    font-size: 35px;
    font-weight: bold;
}
.testo-section h1,
.testo-section h2,
.testo-section h3 {
    margin-bottom: 15px;
}

.title-testata h1 strong,
.title-section h1,
.title-section h2,
.testata h1 {
    font-size: 40px;
}

.testo-section h5,
.target.green .testo-section h4 b,
footer b,
.contact-footer i,
.bold-green b {color: var(--red);}

.testo-section h5,
.servizio .content b,
footer .link-menu,
.title-testata h2 {text-transform: uppercase;}

.testo-section h4 {font-weight: bold;}

p,
a.mappa,
/*.testata.contatti */a.link-mail {font-size: 17px;line-height: 28px;}

.border-box {
    border: 5px solid #F7F7F7;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

.servizio {
    min-height: 350px;
}

.servizio .content {
    bottom: 0;
    left: 0;
    background-color: rgba(0, 99, 47, 0.8);
    height: 70px;
    width: 100%;
    position: absolute;
    transition: height 0.3s ease-in-out 0.1s;
}

.servizio:hover .content {
    height: 100%;
    transition: height 0.3s ease-in-out;
}

.servizio .content b,
.title, .title h1,
.p-first p,
.title-testata h2,
.testata h3 {
    font-size: 22px;
}

.servizio p {
    position: absolute;
    bottom:0;
    right: 0;
    width: 85%;
    opacity: 0;    
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    padding-right: 1.5em;
    padding-bottom: 20px;
    transition: all .3s ease .0s;
}

.servizio.small p {
    width: 95%;
}

.servizio:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .3s ease .3s;
}

.target .triangle {
    position: absolute;
    height: 180px;
    width: 35px;
}

.target.green .triangle {
    right: 5px;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.target.acqua .triangle {
    left: 5px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.target.acqua .testo-section h4 b {
    color: #00A19A;
}

.preview-news .box-red,
.preview-news .box-verde {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    opacity: 0;
     -webkit-transition: all .2s;
    transition: all .2s;
}
.preview-news .box-red {
    background-color: rgba(var(--red-rgb), 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 5px;
}
.preview-news:hover .box-red,
.preview-news:hover .box-verde {
    opacity: 1;
}

.preview-news .box-verde .blur {
    background-size: calc(100% + 80px);
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    height: 100%;
    -webkit-filter: blur(9px);
    filter: blur(9px);
}

.preview-news .box-verde .content {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(149, 193, 31, 0.6);
    border-radius: 5px;
}
.preview-news .box-red .content {
    width: 100%;
    height: 100%;
}

.news .date,
.bold-green b{
    font-weight: 400;
}

.newsletter form .form-check label,
.d-modulo .form-check label {
    font-size: 12px;
}

.newsletter form input[type="email"] {
    min-height: 35px;
    font-size: 15px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 18px;
    padding-left: 20px;
}

.newsletter form .form-control::-webkit-input-placeholder {
    color: #fff;
}

.newsletter form .form-control::-moz-placeholder {
    color: #fff;
}

.newsletter form .form-control:-ms-input-placeholder {
    color: #fff;
}

.newsletter form .form-control::placeholder {
    color: #fff;
}

footer p {
    line-height: 25px;
}

footer ul.link-menu {
    list-style: none;
    padding-left: 0;
}

footer ul.link-menu li {
    margin-top: 15px;
}

.contact-footer i {
    width: 18px;
}
.mybcrumb .nav-breadcrumb {
    width: 100%;
}
.mybcrumb .breadcrumb {
    background-color: transparent;
    justify-content: center;
    border-bottom: 1px solid #F7F7F7;
    padding: .75rem 1rem;
}

.mybcrumb .breadcrumb-item {
    color: #161615;
    font-size: 15px;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #161615;
    content: ">";
}
.mybcrumb .breadcrumb-item:last-child,
.mybcrumb .breadcrumb-item.active,
.syncro .ul-syncro .slick-slide.slick-current p,
.syncro .list-group li.active {
    font-weight: bold;
}

.p-first p,
.testata h3{
    line-height: 40px;
}

.box-socio .name a,
.news .share p{
    font-size: 19px;
}

.box-socio .box-text,
.box-socio .citta,
.box-socio .cat{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    border-bottom: 1px solid #F7F7F7;
    padding-bottom: 10px;
}

.box-socio .img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 425px;
    max-width: 100%;
    height: 269px;
}
.box-socio:hover .img img {
    transform: scale(1.1);
}

.box-socio .img img {
    transition: all .3s;
}

.icon-download i {
    font-size: 48px;
}

.d-modulo .icon {
    border-right: 1px solid #00632F;
}

.d-modulo form .custom-file-label::after {
    display: none;
}

.d-modulo .upload-file label {
    height: 35px;
    line-height: 32px;
    width: 115px;
    text-align: center;
    border: 1px solid;
    border-radius: 34px;
    padding: 0 15px;
    display: inline;
    cursor: pointer;
}

.d-modulo .upload-file input[type="file"] {
    height: 35px;
    width: 115px;
    cursor: pointer;
    z-index: 0;
}

.vantaggi .nav-pills .nav-link,
.vantaggi .btn-vantaggi {
    background-color: transparent !important;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    color: #000 !important;
}

.vantaggi .nav-pills .nav-link::after,
.vantaggi .btn-vantaggi::before {
    content:"\f0a4";
    position: absolute;
    font-size: 25px;
    color: #95C11F;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s;
}

.vantaggi .btn-vantaggi::before {
    left: -30px;
    right: auto;
    font-size: 20px;
}

.vantaggi .nav-pills .nav-link::after,
.slider-soci .slick-prev::before,
.slider-soci .slick-next::before,
.vantaggi .btn-vantaggi::before,
.skills-socio ul li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.vantaggi .nav-pills .nav-link.active::after,
.vantaggi .btn-vantaggi::before {
    opacity: 1;
}

.vantaggi .nav-pills .nav-link.active {
    font-weight: bold;
}

.vantaggi .box-tabs {
    min-height: 350px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.vantaggi .content-tab {
    border-radius: 15px;
}

.vantaggi .box-tabs::after {
    position: absolute;
    content:"";
    height: 100%;
    width: 340px;
    right: -338px;
    top:0;
    background-color: #00632F;
}

.slider-soci .item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-soci .slick-slide {
    margin: 0 15px;
}

.slider-soci .slick-list {
    margin: 0 -15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.slider-soci .slick-next::before {
    content: "\f061";
    color: #F7F7F7;
    font-size: 30px;
}

.slider-soci .slick-next,
.slider-soci .slick-prev {
    width: 30px;
    height: 30px;
}

.slider-soci .slick-prev::before {
    content: "\f060";
    color: #F7F7F7;
    font-size: 30px;
}

.testata-img img,
.testata-img.certif {
    min-height: 400px;
}

.dett-socio .logo {
    min-height: 300px;
}

.dett-socio .settore {
    display: inline-block;
}

.dett-socio .settore p,
.news-pp .focus p{
    margin-bottom: 0;
}

.descr-socio span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 202px;
    color: #00632F;
    font-weight: bold;
    line-height: 45px;
}

.box-corner .square-top,
.box-corner .square-btm {
    height: 55px;
    width: 100%;
}

.box-corner .square-top::before,
.box-corner .square-top::after,
.box-corner .square-btm::before,
.box-corner .square-btm::after{
    position: absolute;
    content: "";
    height:100%;
    width: 55px;
}

.box-corner .square-top::before {
    border-top: 3px solid #DDDD00;
    border-left: 3px solid #DDDD00;
    top: 0;
    left:0;
}

.box-corner .square-top::after {
    border-top: 3px solid #DDDD00;
    border-right: 3px solid #DDDD00;
    top: 0;
    right:0;
}

.box-corner .square-btm::before {
    border-bottom: 3px solid #DDDD00;
    border-left: 3px solid #DDDD00;
    bottom:0;
    left:0;
}

.box-corner .square-btm::after {
    border-bottom: 3px solid #DDDD00;
    border-right: 3px solid #DDDD00;
    bottom:0;
    right: 0;
}

.skills-socio ul {
    list-style: none;
    padding-left: 0;
}

.skills-socio ul li, .list-hand p {
    position: relative;
    margin-bottom: 5px;
    font-size: 17px;
}
.list-hand p, .skills-socio ul li {
    margin-left: 35px;
}
.list-hand p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.skills-socio ul li:before, .list-hand p::before {
    content: "\f0a4";
    font-size: 15px;
    left: -35px;
    top: 2px;
    position: absolute;
}
.list-hand p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*ciclo per colori skilss-socio ul li:before*/
.skills-socio ul li:nth-child(4n+1):before, .list-hand p:nth-child(4n+1)::before {
    color: #DEDC00;
}

.skills-socio ul li:nth-child(4n+2):before, .list-hand p:nth-child(4n+2)::before {
    color: #95C11F;
}

.skills-socio ul li:nth-child(4n+3):before, .list-hand p:nth-child(4n+3)::before {
    color: #00632F;
}

.skills-socio ul li:nth-child(4n+4):before, .list-hand p:nth-child(4n+4)::before {
    color: #00A19A;
}
/***/

.richiesta-info form input[type="text"],
.richiesta-info form input[type="email"],
.richiesta-info form input[type="phone"],
.richiesta-info form textarea.form-control,
.richiesta-info form select.form-control {
    height: 45px;
    border: 1px solid #D6DADD;
    border-radius: 5px;
    width: 100%;
    color: #000;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

form .form-control::-webkit-input-placeholder {
    color: #000;
}

form .form-control::-moz-placeholder {
    color: #000;
}

form .form-control:-ms-input-placeholder {
    color: #000;
}

form .form-control::placeholder {
    color: #000;
}

.testata.contatti .contatti::after {
    position: absolute;
    content:"";
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #fff;
    display: none;
}

a.link-mail {
    border-radius: 35px;
}

.circle-img {
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 115px;
    z-index: 1;
    box-shadow: 0 0 15px rgba(0,0,0,0.29);
}

.certif-img .circle-img {
    bottom: -70px;
    right: 50px;
}

.circle-img.contatti {
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.circle-img.contatti::before {
    content:"";
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 100%;
    border: 8px solid #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.29);
    z-index: -1;
}

.double-form .nav-tabs {
    border-bottom: 0;
}

.double-form .nav-tabs .nav-link {
    border: 1px solid #296134;
    border-radius: 9px 9px 0 0;
    border-bottom: 0;
    color: #00632F;
    background-color: #fff;
    margin-right: 15px;
    font-size: 15px;
    color: #00632F;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.double-form .nav-tabs .nav-link:last-of-type {
    margin-right: 0;
}

.double-form .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #00632F;
}


.wrap-aree {
    border-radius: 220px;
    padding: 25px;
    border: 5px solid #296134;
    width: 450px;
    max-width: 100%;
}

.wrap-aree .circle img {
    width: 400px;
}

.wrap-aree .wrap-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 3px solid #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
}

.wrap-aree .wrap-icon.n1 {
    background-color: #DEDC00;
    left: -50px;
}

.wrap-aree .wrap-icon.n2 {
    background-color: #00A19A;
    left: 50px;
}

.wrap-aree .wrap-icon.n3 {
    background-color: #95C11F;
    right: 50px;
}

.wrap-aree .wrap-icon.n4 {
    background-color: var(--red);
    right: -50px;
}

.wrap-aree .wrap-icon.n1,
.wrap-aree .wrap-icon.n4 {
    top: 50%;
    transform: translateY(-50%);
}

.wrap-aree .wrap-icon.n2,
.wrap-aree .wrap-icon.n3 {
    top: -15px;    
}

.slick-coop .logo-socio {
    width: 160px;
    height: 160px;
    max-width: 100%;
    border: 3px solid #F7F7F7;
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.syncro .list-group {
    flex-direction: row;
}

.syncro .list-group li {
    margin: 0 40px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
}

.syncro .ul-syncro .item p {
    cursor: pointer;
    text-align: center;
}

.slick-syncro::after,
.slick-syncro::before {
    content:"";
    position: absolute;
    top: 0;
    height: 100%;
    background-color: var(--red);
    z-index: 0;
}

.wrap-slide .content {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-right: 0;
}

.wrap-slide .content p {
    z-index: 1;
    position: relative;
}


.slick-syncro .content .title b {
    color: var(--red);
}

.slick-syncro .img-staff {
    width: 210px;
    height: 210px;
    border-radius: 110px;
    border: 10px solid #fff;
    position: absolute;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.slick-syncro .slick-slide {
    opacity: 0;
  transition: opacity 0.4s ease-out;
}

.slick-syncro .slick-slide.slick-current {
    opacity: 1;
}

.slick-syncro .slick-dots {
    bottom: -40px;
}

.slick-dots li button:before {
    content:"";
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background-color: #AFB4B7;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: var(--red);
}

.testata-no-img {
    background-color: var(--red);
    min-height: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.news-pp .focus {
    position: absolute;
    border-radius: 18px;
    top: -18px;
    left: 30px;
}

.share .social {
    padding: 5px 13px;
    border:1px solid;
    border-radius: 23px;
    font-size: 18px;
    margin-right: 10px;
}

.share .social.fb {
    border-color: #3A5998;
    color: #3A5998;
}

.share .social.tw {
    border-color: #1DCAFF;
    color: #1DCAFF;
}

.share .social.in {
    border-color: #3F729B;
    color: #3F729B;
}

.share .social.sh {
    border-color: #8F8F8F;
    color: #8F8F8F;
}

.share .social span {
    color: #161615 !important;
    font-size: 15px;
    padding-left: 7px;
    font-weight: 400;
}

/********************************/
/********PAGINE PROGETTI*********/
.gallery-proj .slick-list {
    margin: 0 -13px;
}

.gallery-proj .slick-slide {
    margin: 0 13px;
}

.gallery-proj .slick-prev,
.gallery-proj .slick-next {
    top: 40%;
    transform: translateY(-60%);
    width: auto;
    height: auto;
}

.gallery-proj .slick-prev::before,
.gallery-proj .slick-next::before {
    color: #F7F7F7;
    text-shadow: 0 1px 1px rgba(0,0,0,0.29);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    opacity: 1;
}

.gallery-proj .slick-prev::before {
    content:"\f060";
}

.gallery-proj .slick-next::before {
    content:"\f061";
}

/*MODIFICHE PAGINA DETT-SERVIZIO*/
.content-dettaglio {
    min-height: 500px;
    border-radius: 5px;
}

.content-dettaglio .content {
    position: relative;
    margin-top: 60px;
    height: 100%;
}

.img-progetti .slick-prev,
.img-progetti .slick-next {
    width: auto;
    height: auto;
}

.img-progetti .slick-prev {
    left: -30px;
}

.img-progetti .slick-next {
    right: -30px;
}

.img-progetti .slick-prev::before,
.img-progetti .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #F7F7F7;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
    font-size: 30px;
}

.img-progetti .slick-prev::before {
    content:"\f060";
}

.img-progetti .slick-next::before {
    content:"\f061";
}

.img-progetti .slick-slide {
    margin: 0 10px;
}

.img-progetti.slick-slider {
    margin-left: -10px;
    margin-right: -10px;
}


.nav-pills-custom .nav-link {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-link-color: var(--main);
    --bs-nav-link-hover-color: var(--red);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-pills-custom .nav-link > i { 
    opacity: 0;
    transition: opacity .15s ease-in-out;
}
.nav-pills-custom .nav-link.active, .nav-pills-custom .show>.nav-link {
    --bs-nav-pills-link-active-color: var(--main);
    --bs-nav-pills-link-active-bg: transparent;
    --bs-nav-link-font-weight: 600;
}
.nav-pills-custom .nav-link.active > i, .nav-pills-custom .show>.nav-link > i {
    opacity: 1;
}
.link-underline-red {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--red-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--red-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-red.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-red.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.paginationx .content-pag .page-link { 
    color: var(--red); 
    border-color: var(--red); 
}
.paginationx .content-pag .page-item.active .page-link {
    background:var(--red); 
    border-color:var(--red); 
    color: #fff; 
}
.paginationx .content-pag .page-item .page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--red-rgb), 0.25);
}