@charset 'UTF-8';

a, a:hover, a:focus{color: inherit}

.text-center .img-fluid{ margin-left:auto; margin-right:auto; }
.clear{ clear:both; }
.space-10{ height:10px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-40{ height:40px; clear:both; }
.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }

body{font-family: 'Lato', sans-serif; line-height: 1.2;}

.font-light{font-weight: 300}
.font-regular{font-weight: 400}
.font-bold, strong{font-weight: 700}

.font-55{font-size: 55px; font-size: calc(18px + 1.95vw)}
.font-46{font-size: 46px; font-size: calc(18px + 1.5vw)}
.font-36{font-size: 36px; font-size: calc(15px + 1.1vw)}
.font-30{font-size: 30px; font-size: calc(15px + 0.8vw)}
.font-28{font-size: 28px; font-size: calc(15px + 0.7vw)}
.font-25{font-size: 25px; font-size: calc(15px + 0.55vw)}
.font-21{font-size: 21px; font-size: calc(14px + 0.4vw)}
.font-18{font-size: 18px; font-size: calc(13px + 0.3vw)}
.font-16{font-size: 16px; font-size: calc(12px + 0.22vw)}
.font-14{font-size: 14px; font-size: calc(12px + 0.1vw)}
.font-13{font-size: 13px; font-size: calc(11px + 0.1vw)}

.color-greenwater{color: #2F7981;}
.color-white{color: #fff}
.color-gray{color: #9D9D9D}
.color-light-greenwater {color: #90d1d8}
.bg-light-greenwater {background-color: #90d1d8}
.bg-gray{background-color: #D6D6D6}
.bg-light-blue {background-color: #e3f4fc}
.bg-blue {background-color: #90D1D8}
.bg-light-gray {background-color: #F0F0F0}
.bg-black {background-color: #282828}
.bg-greenwater{background-color: #2F7981;}
.bg-pink{background-color: #e0afcf;}
.bg-light-pink{background-color: #f4dcea;}
.bg-map{background-image: url(../images/map.jpg); background-repeat: no-repeat; background-position: center center;}
.bg-onda-gigia{background-image: url(../images/onda-grigia.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover}
.bg-onda-lightblue{background-image: url(../images/onda-lightblue.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover}

.filter-gray{filter: grayscale(1);}

.column2{column-count: 2; column-gap: 100px}
.column2 .no-break{page-break-inside: avoid; break-inside: avoid-column; }
@media(max-width:767px){
    .column2{column-count: 1; column-gap: 0}
}
.btn.btn-outline{background: none; border: 1px solid;}

.top0{top: 0}

.border-radius{border-radius: 20px}


/* Header */
#header{z-index: 1000; }
.navbar-light .navbar-nav .nav-link{color: #fff}
.tel-header {display: flex; align-items: center;}
.tel-header span{padding: 2px 10px; border: 1px solid; border-bottom-right-radius: 5px; border-top-right-radius: 5px }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #fff}
.navbar-light .navbar-nav li{position: relative;}
@media(min-width:768px){
    .navbar-light .navbar-nav .active > .nav-link::after{content: ' '; display: block; background-color: #fff; height: 5px; width: 100%; position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%);}
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler{border: 0}
@media(max-width:767px){
    .navbar-nav .nav-link{font-size: 20px; padding-top: 25px; }
}

/* Homepage */
.claim-header-home{position: absolute; top: 50%; left: 5%; transform: translateY(-50%);}
@media(max-width:767px){
    .claim-header-home {position: relative; top: 0; left: 0; transform: none; width: 100%; padding: 15px; background-color: #82bfc4;}
}
.box-number{margin-top: 40px; padding: 25px; border-radius: 30px; border: 6px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3)}
.box-number .number{margin-top: -90px; font-weight: 700; font-size: 80px; 
    -moz-text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
    -webkit-text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
    text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
}
.box-number-total{margin: 0; border-radius: 100px}
.img-number{margin-top: -90px; }

@media(max-width:767px){
    .line-mobile1{margin-top: -20px}
    .line-mobile3{margin-bottom: -20px}
}

/* Footer */
.form-control, .form-control:hover, .form-control:focus { background: none; border-width: 0 0 1px; border-color: #606060; border-radius: 0; padding: 0; font-size: 18px;}
.btn-invia {float: right; padding: 2px 30px; border-radius: 0; text-transform: uppercase;}


/* Chi siamo */
#faq .card .card-header .btn-header-link::after {content: "-"; font-weight: 400 ; color: #2F7981; float: right; font-size: 32px; line-height: 20px}
#faq .card .card-header .btn-header-link.collapsed:after { content: "+";}
#faq .card { border-width: 0 0 1px; border-color: rgba(0,0,0,.125); border-style: solid; padding-left: 0; border-radius: 0}
#faq .card .card-header{background: none; border-width: 0 0 1px; padding: 10px 0; border-radius: 0}

@media(min-width:768px){
    .img-unico{position: absolute; top: -20px}
}

.wpcf7-list-item{margin: 0}