@charset "UTF-8";

.bg-light,
.bg-light.scrolled {
    padding-top: 0;
    padding-bottom: 0
}

.nav-link,
.title-head {
    font-weight: 300;
    letter-spacing: .1rem
}

.navbar-toggler:focus,
a {
    outline: 0;
    text-decoration: none
}

.nav-link,
a,
a:hover {
    text-decoration: none
}

body,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: Urbanist, sans-serif
}

@font-face {
    font-family: adore;
    src: url("../font/adore.otf")
}
@font-face {
    font-family: logo;
    src: url("../font/logo.ttf")
}
.indie-flower-regular {
  font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
}


a[href^=tel] {
    text-decoration: inherit;
    color: #ffffff;
}


.bg-light {
    background-color: transparent !important
}

.bg-light.scrolled,
.nav-pag {
    background-color: #faf7f0 !important
}

.bg-light.scrolled {
    transition-delay: 1s;
    transition-duration: 1s
}

.brd-head,
.brd-head.brd-h,
.brd-head.brd-h>video,
.brd-head>video {
    transition-duration: 2s
}


.bg-light.scrolled>div>div>ul>.contatti-nav,
.nav-pag>div>div>ul>.contatti-nav {
    background-color: #002e1d !important;
    transition-delay: 1s;
    transition-duration: 1s
}

.bg-light.scrolled>div>div>ul>.contatti-nav>a {
    color: #fff;
    transition-delay: 1s;
    transition-duration: 1s;
}
.bg-light-pag{
 background-color: #faf7f0 !important
}

.bg-light-pag>div>div>ul>.contatti-nav,
.nav-pag>div>div>ul>.contatti-nav{
 background-color: rgb(0, 46, 29) !important;
}


.nav-pag>div>div>ul>.contatti-nav>a {
    color: #fff !important;
    transition-delay: 1s;
    transition-duration: 1s
}
.tasto-pag{
    background-color: #002e1d !important;
}
.back-navsu {
    background-color: #303235 !important
}
.navbar-toggler-icon {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(1,46,29,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-brand {
    background-color: #fff;
}
.dropdown-menu{
    background-color: #f5f2eb;
}
.dropdown-item:hover{
    background-color: #eeeae2;
    color:#303235;
}
.sp-lat-nav {
    padding-right: 0
}

.logo-nav {
    min-width: 80px;
    width: auto;
    height: 70px;
    position: absolute;
    top: 0;
    left: 5rem;
    padding: .5rem;
    padding-top: 0.8rem;
}

.nav-link {
    font-family: urbanist;
    font-size: calc(16px + (18 - 16)*((100vw - 300px) /(1920 - 300)));
    margin-right: 1.6rem;
    margin-left: 1.6rem;
    padding-top: 1.8rem;
    padding-bottom: 1.5rem;
    text-transform: uppercase
}
.lavora{
    font-weight: 600;
    color:#a94032
}


.green,
.nav-link:focus,
.nav-link:hover {
    color: #002e1d;
}

.brd-head {
    border: 0 solid #faf7f0;
}

.brd-head.brd-h {
    border: 10rem solid transparent;
}

.brd-head.brd-h>video {
    opacity: calc(1);
    filter: blur(4px)
}

.brd-head>video {
    opacity: calc(1);
    filter: blur(0px)
}

.slide-head {
    height: 140vh
}

.nav-su {
    margin-bottom: 0;
    text-align: right;
    padding-right: 5rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    color:#faf7f0;
}

.dropdown-item,
.dropdown-item:hover {
    font-size: calc(16px + (20 - 16)*((100vw - 300px) /(1920 - 300)));
    padding-top: .6rem;
    padding-bottom: .6rem;
    text-transform: uppercase
}

.nav-su>span {
    padding-left: 3rem
}

.sp-icn {
    padding-left: .5rem !important
}

.dropdown-menu {
    border: 0 solid transparent;
    border-radius: 0
}

.dropdown-item:hover {
    color: #34742c
}
.ricerca{
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    max-width: 10%;
}
.video-background-holder {
    position: relative;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    transition-duration: 2s
}

.img-manifesto,
.img-manifesto:hover {
    transition-duration: .3s
}

.video-background-holder video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-background-content {
    position: relative;
    z-index: 2
}

.video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: 1
}

.video-contatti {
    border-radius: 4rem 100rem 0 0
}



.title-head {
    font-size: calc(30px + (44 - 30)*((100vw - 300px) /(1920 - 300)));
    color: #fff;
    font-weight: 300;
    text-align: center;
    text-shadow: 2px 2px 6px #0000009f
}

.logo-head {
    max-width: 32%;
    text-shadow: 2px 2px 10px #0000009f;
}


.back-green{
    background-color: #002e1d;
}
.pos-h1 {
    padding-top: 22%
}
.pos-h1-home {
    padding-top: 22%
}
.title-h1 {
    font-family:logo;
    font-size: calc(60px + (120 - 60)*((100vw - 300px) /(1920 - 300)));
    line-height: calc(14px + (20 - 14)*((100vw - 300px) /(1920 - 300)));
    text-transform: uppercase;
    padding-bottom: 3rem;
    color: #faf7f0;
    text-align: center;
    text-shadow: 0px 0px 14px #30303182;
}
.alt1{
    font-size: calc(60px + (120 - 60)*((100vw - 300px) /(1920 - 300)));
}
.alt2{
    font-size: calc(80px + (145 - 80)*((100vw - 300px) /(1920 - 300)));
}
.alt3{
    font-size: calc(100px + (190 - 100)*((100vw - 300px) /(1920 - 300)));
}

.sub-h1 {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(20px + (40 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;
    text-shadow: 0px 0px 14px #30303182;
}

.txt{
    color: #3f3f3f;
    font-size: calc(20px + (22 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
}
.sp-h1,
.sp-h1-pag {
    padding-left: 4%;
    padding-right: 4%
}

.sp-1txt {
    padding-bottom: 15%;
    padding-top: 15%;
}
.sp-2txt {
    padding-bottom: 8%;
    padding-top: 8%;
}
.back-righe{
    background-image: url(../img/back-righe.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.back-righe2{
    background-image: url(../img/back-righe2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.back-righe-h1{
    background-image: url(../img/back-righe-h1.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.back-righe-head{
    background-image: url(../img/back-righe-head.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.back-box{
    background-image: url(../img/back-box.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.back-persone{
    background-image: url(../img/back-persone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sp-chisiamo{
    padding-top: 7%;
     padding-left: 4%;
    padding-right: 4%
}
.title-h2 {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(40px + (50 - 40)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;
}

.txt-white{
    color: #faf7f0;
    font-size: calc(16px + (22 - 16)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
}
.box-servizi{
    background-color: #fff;
    border-radius: 2rem;
} 

.sp-box-servizio{
    padding: 6vh;
}
.box-punti,
.box-servizio {
background-color: #f8fcf8;
height: 60vh;
    padding: 20% 10% 10%;
    border-radius: 2rem;
}
.title-box {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(28px + (60 - 28)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #3f3f3f;
    text-align: center;
}



.sp-barbara{
    padding-top: 5%;
}

.btn-call {
    background-color: #f8fcf8;
    font-size: calc(16px + (18 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #002e1d !important;
    font-weight: 400;
    letter-spacing: .1rem;
    padding: .8rem 1.5rem;
    border: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    white-space: nowrap;
}

.btn-call-green {
    background-color: #002e1d;
    font-size: calc(16px + (18 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #f8fcf8 !important;
    font-weight: 400;
    letter-spacing: .1rem;
    padding: .8rem 1.5rem;
    border: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    white-space: nowrap;
}

.btn-telegramma {
    background-color: #002e1d;
    font-size: calc(14px + (16 - 14)*((100vw - 300px) /(1920 - 300)));
    color: #f8fcf8 !important;
    font-weight: 400;
    letter-spacing: .1rem;
    padding: .8rem 1.5rem;
    border: 0;
    margin-top: 2rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    white-space: nowrap;
    
}
.h-btn-telegramma{
    margin-top: 1rem;
}

.btn-presentazione {
    background-color: #f8fcf8;
    font-size: calc(14px + (16 - 14)*((100vw - 300px) /(1920 - 300)));
    color: #002e1d !important;
    font-weight: 400;
    letter-spacing: .1rem;
    padding: .4rem 1rem;
    border: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    white-space: nowrap;
    border-radius: 1rem 0rem 1rem 0rem;
    transition-duration: 1s;
}
.btn-presentazione:hover {
    transition-duration: 1s;
    border-radius: 0rem 1rem 0rem 1rem;
}
.txt-call {
    font-weight: 700;
    color: #f8fcf8;
}


.btn-box {
    background-color: #002e1d;
    font-size: calc(16px + (18 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #f8fcf8 !important;
    font-weight: 400;
    letter-spacing: .1rem;
    padding: .8rem 1.5rem;
    border: 0;
    margin-right: .5rem;
    margin-bottom: .5rem;
    white-space: nowrap;
}



.video-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
   border-radius: 0px 2rem 2rem 0px;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
 
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px;
}

.nopadding{
    padding: 0 !important;
}
.img-case{
    border-radius: 0rem 2rem 2rem 0rem;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
.brd-n{
    border-radius: 2rem 0rem 0rem 2rem;
}


.title-h1-pag {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(40px + (130 - 40)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;
}

.txt-head-chisiamo{
    color: #faf7f0;
    font-size: calc(20px + (34 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
}
.txt-head-pag{
    color: #faf7f0;
    font-size: calc(20px + (34 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
}

.nome {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(20px + (35 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;

}
.sp-descrizione{
    padding: 2rem;
    position: relative;
}
.descrizione{
    color: #faf7f0;
    font-size: calc(14px + (16 - 14)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    text-align: justify;
}
.sp-box-personale{
    padding: 4rem;
}
.sp-box-persona{
    padding: 2rem;
    height: 100%;
}
.box-persona {
    background-color: #f8fcf8;
    padding: 10% 10% 10%;
    border-radius: 2rem;
}
.foto-persona {
    margin-bottom: 2rem;
    border-radius: 0rem;
}
.sp-sez-persone {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 10%;
    padding-right: 10%;
}
.box-persona-white {
    background-color: #fff;
    border-radius: 2rem;
    height: 100%;
}

.sp-sez-punti,
.sp-sez-servizi {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.txt-box-index {
    font-size: calc(16px + (24 - 16)*((100vw - 300px) /(1920 - 300)));
    letter-spacing: .1rem;
    padding-top:10%;
    text-align: center;
}


.title-pag{
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(30px + (80 - 30)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #3f3f3f;
    text-align: center;
}
.sp-head-pag{
    padding-top: 10%;
    padding-bottom: 10%;
}

.back-righe-head-pagine{
    background-image: url(../img/back-righe-head-pagine.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.txt-head-pag {
    font-size: calc(16px + (24 - 16)*((100vw - 300px) /(1920 - 300)));
    letter-spacing: .1rem;
    text-align: center;
    color: #3f3f3f;
    font-weight: 400;
}


.title-serv {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(22px + (30 - 22)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;
    padding-top: 2rem;
    margin-bottom: 0.5rem;
}
.txt-serv {
    color: #faf7f0;
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    padding-bottom: 2rem;
    border-bottom:1px solid #faf7f0;
}

.sp-lista-servizi{
    padding-top:10%;
    padding-bottom:10%;
    padding-left: 5%;
    padding-right: 5%;
}
.end{
    border-bottom:0px solid #faf7f0;
}

.sp-sez-disponibilita {
    padding-top: 8%;
    padding-bottom: 8%;
}
.sp-sez-decessi {
    padding-top:10%;
    padding-bottom:10%;
    padding-left: 5%;
    padding-right: 5%;
}

.sp-box-decessi {
    padding-top:2%;
    padding-bottom:2%;
    padding-left: 8%;
    padding-right: 8%;
}
.brd-dx{
    border-right:1px solid #faf7f0;
}
.brd-top{
    border-top:1px solid #faf7f0;
}
.txt-decessi {
    color: #faf7f0;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    padding-bottom: 2rem;

}


.brd-case > div  > div > div > div > p{
    opacity:0;
    transition-duration: 6s;
    color: #faf7f0;
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    
}

.brd-case.brd-h > div  > div > div > div > p{
    opacity:1;
    transition-duration: 6s;
    color: #faf7f0;
    font-size: calc(18px + (60 - 18) * ((100vw - 300px) / (1920 - 300)));
    text-shadow: 0px 0px 20px #2b2b2b;
}


.brd-case {
    opacity:0;
    border: 30rem solid #002e1d;
    transition-duration: 4s;
    filter: blur(0.2rem);
}

.brd-case.brd-h {
    opacity:1;
    border: 0rem solid transparent;
    transition-duration: 4s;
    filter: blur(0rem);
}
.sp-txt-case{
    padding-top: 6%;
    padding-bottom: 6%;
}
.title-video{
    font-family: adore;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .1rem;
    color: #3f3f3f;
    text-align: center;
}



















.back-h1 {
    background-image: url("../img/sfondo-h1.svg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat
}

.foto-servizi,
.foto-servizi2 {
    background-position: center;
    height: 50vh;
    background-repeat: no-repeat
}


.txt-gold {
    font-weight: 700;
    color: #343434;
}


.back-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/casa.jpg");
    height: auto;
    background-position: center;
    border-radius:0rem 2rem 2rem 0rem;
}
.back-necrologi{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/casa.jpg");
    height: auto;
    background-position: center;
    border-radius:2rem 0rem 0rem 2rem;
}

.foto-servizi2 {
    background-image: url("../img/ser-2.jpg");
    background-size: cover
}





.sp-box-servizi{
    padding: 2rem;
}

.sp-int-servizio {
    padding: 2rem
}

.sp-h2 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.icn {
    max-width: 30%;
    padding-bottom: 10%
}



.frase {
    font-size: calc(16px + (30 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #767676;
    font-weight: 400;
    text-align: center;
    padding-top: 5%
}

.title-casaf,
.txt-casaf {
    color: #eaebee;
    font-weight: 300;
    text-align: center
}

.virgolette-sx {
    max-width: 70%
}

.virgolette-dx {
    max-width: 70%;
    padding-top: 95%
}

.back-frasi {
    background-image: url("../img/back-frasi.svg");
    background-repeat: no-repeat
}

.back-casa,
.back-casaf {
    background-size: 100%;
    background-repeat: no-repeat
}

.back-casaf {
    background-image: url("../img/casaf.jpg");
    background-position: center
}

.sp-casaf {
    padding-top: 15%;
    padding-bottom: 10%
}

.title-casaf {
    font-size: calc(16px + (60 - 16)*((100vw - 300px) /(1920 - 300)));
    line-height: calc(16px + (60 - 16)*((100vw - 300px) /(1920 - 300)));
    text-shadow: 2px 2px 10px #1e1e1e6d
}

.txt-casaf {
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)))
}

.autore {
    font-size: calc(16px + (24 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #1b1b1b;
    font-weight: 400;
    text-align: center
}

.img-azienda {
    padding-top: 24%
}

.back-casa {
    background-image: url("../img/back-casa.jpg");
    background-position: bottom center
}

.sp-casa {
    padding-bottom: 80vh
}

.logo-casa {
    width: 40%;
    padding-top: 2rem
}

.txt-casa {
    font-size: calc(16px + (22 - 16)*((100vw - 300px) /(1920 - 300)));
    color: #1d2243;
    font-weight: 500;
    letter-spacing: .1rem;
    text-align: center;
    padding-top: 5rem
}

.txt-video{
    color: #faf7f0;
    font-size: calc(20px + (34 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
}

.sp-box-coro {
    padding: 4rem;
    padding-top: 12%;
}

.sp-box-coro-int {
    padding: 2rem;
}

.back-coro{
background: rgba(255, 255, 255, 0.1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.5px);
-webkit-backdrop-filter: blur(4.5px);
border: 1px solid rgba(255, 255, 255, 0.11);
background-image: url(../img/back-coro.svg);
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 10% 10% 10%;
}

.back-box{
    background-image: url(../img/back-box.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.title-coro {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(20px + (40 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #fff;
    text-align: center;
}

.box-video-coro{
    padding-left: 8%;
    padding-right: 8%;
}



.cit{
    font-family: "Indie Flower", cursive;
    color: #3f3f3f;
    font-size: calc(20px + (34 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 400;
    letter-spacing: .1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.imp{
    color: #3f3f3f;
    font-size: calc(20px + (28 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 700;
    letter-spacing: .1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.subtitle-pag{
font-family: adore;
    text-transform: uppercase;
    font-size: calc(18px + (34 - 18)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #002e1d;
    text-align: center;
}

.logo-easy{
    max-width: 40%;
}
.txt-easy {
    font-size: calc(16px + (22 - 16)*((100vw - 300px) /(1920 - 300)));
    letter-spacing: .1rem;
    padding: 1rem;
    margin-bottom:0px;
    text-align: center;
}


.sp-sez-gallery {
    padding-top: 0.5rem;
    padding-bottom:3rem;
}
.sp-card-slider {
    padding: 0.5rem
}

.back-foot{
    background-color:#002e1d;
}
.sp-foot {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
}


.title-foot {
    font-family: adore;
    font-size: calc(26px + (28 - 26)*((100vw - 300px) /(1920 - 300)));
    color: #faf7f0;
    letter-spacing: .1rem
}


.dati,
.txt-foot {
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0
}

.txt-foot {
    font-size: calc(16px + (18 - 16)*((100vw - 300px) /(1920 - 300)));
    margin-bottom: 0.2rem;
}

.logo-foot {
    max-width: 50%;
    padding-bottom:4rem;
}
.logo-mutuo {
    max-width: 30%;
    padding-top:4rem;
}
.camelie {
    max-width: 60%;
    margin-left: -3rem
}

.sp-dati {
    padding-top: 2rem
}

.dati {
    font-size: calc(14px + (16 - 14)*((100vw - 300px) /(1920 - 300)));
    border-top: 2px solid #faf7f0;
    padding-top: 1rem;
    margin-bottom: 0
}

.navbar-toggler {
    border: 0 solid #000;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 transparent;
}
.dropdown-toggler:focus {
    box-shadow: 0 0 0 transparent;
    outline: none;
}


.logo-modal{
    max-width: 200px;
}


.green{
    color:#002e1d
}
a {
    color: #fff
}

a:hover {
    color: #6c877d
}

.current {
    background-color: #1d2243;
    color: #fff
}

.img-manifesto:hover {
    transform: scale(1.05)
}

form.telegramma {
    background: #fff;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05)
}

input.telegramma,
textarea.telegramma {
    border-radius: 0;
    border: 1px solid #e0e0e0;
    background: #f7f7fa;
    padding: .75rem;
    font-size: 1rem
}
strong{
    font-weight: 700;
}
a.link-privacy {
    text-decoration: underline;
    color: #161616
}


@media only screen and (max-width:1100px) {

    .hide-mobile {
        display: none
    }

    .nav-su {
        color: #fff;
        margin-bottom: 0;
        text-align: center;
        padding-right: .2rem;
        padding-top: .2rem;
        padding-bottom: .2rem
    }

    .nav-su>span {
        padding-left: 2rem
    }

    .bg-light {
        background-color: #faf7f0 !important
    }
    .logo-nav {
        min-width:100px;
        width: 100px;
        left: 1rem;
        top:-1rem;
        padding: 0rem; 
    }
.h-video-mobile{
    height:40vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 2rem 2rem 0rem 0rem;
}
.sp-box-servizio {
    padding: 3vh;
}

.sp-box-personale {
    padding: 0.5rem;
}
.sp-descrizione {
    padding: 1rem;
    position: relative;
}
.sp-sez-persone {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
}
.brd-case {
    opacity: 1;
    border: 0rem solid #002e1d;
    transition-duration: 4s;
    filter: blur(0rem);
}
.slide-head {
    height: auto;
}
.slide-head-mobile {
    height: 30vh;
}
.h-vid-m{
    height: auto;
}
.pos-h1 {
    padding-top: 20%;
}
    .title-video {
    font-family: adore;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .1rem;
    color: #3f3f3f;
    text-align: center;
}

.brd-case > div > div > div > div > p {
    opacity:1 ;
    transition-duration: 1s;
    color: #faf7f0;
    font-size: calc(24px + (16 - 24) * ((100vw - 300px) / (1920 - 300)));
}









    .box-servizio {

        height: auto;
        padding: 10% 10% 10%
    }

    .box-punti {
        background-color: #fff;
        height: auto;
        padding: 10%
    }

    .sp-punti {
        padding: 0 1rem .5rem
    }

    .logo-foot {
        max-width: 70%
    }

 

    .hide-mobile {
        display: none
    }



    .brd-head.brd-h {
        border: 4rem solid #faf7f0;
        transition-duration: 2s
    }

    .img-azienda {
        padding-top: 0
    }

    .sp-h1-pag {
        padding: 2% 4% 4%
    }
.title-foot {
    padding-top: 2rem;
}
.bg-light>div>div>ul>.contatti-nav,
.nav-pag>div>div>ul>.contatti-nav {
    background-color: #002e1d !important;
    transition-delay: 1s;
    transition-duration: 1s
}
.sp-sez-disponibilita {
    padding-top: 8%;
    padding-bottom: 8%;

}

.brd-dx{
    border-top:1px solid #faf7f0;
    border-bottom:1px solid #faf7f0;
    border-right:0px solid #faf7f0;
}
.pos-h1-home {
    padding-top: 60%
}

}

@media only screen and (max-width:840px) {
    .hide-mobile {
        display: none
    }

    .nav-su {
        color: #fff;
        margin-bottom: 0;
        text-align: center;
        padding-right: .2rem;
        padding-top: .2rem;
        padding-bottom: .2rem
    }

    .nav-su>span {
        padding-left: 2rem
    }

    .bg-light {
        background-color: #faf7f0 !important
    }

    .logo-nav {
        min-width:100px;
        width: 100px;
        left: 1rem;
        top:-1rem;
        padding: 0rem; 
    }

    .nav-link {
        font-family: urbanist;
        font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
        color: #484848;
        font-weight: 300;
        letter-spacing: .1rem;
        text-decoration: none;
        margin-right: 1rem;
        margin-left: 1rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        text-transform: uppercase
    }

    .brd-head.brd-h {
        border: 2rem solid #faf7f0;
        transition-duration: 2s
    }

.pos-h1 {
    padding-top: 90%
}
.pos-h1-home {
    padding-top: 90%
}

.sub-h1 {
    font-family: adore;
    text-transform: uppercase;
    font-size: calc(20px + (40 - 20)*((100vw - 300px) /(1920 - 300)));
    font-weight: 300;
    letter-spacing: .1rem;
    color: #faf7f0;
    text-shadow: 0px 0px 14px #30303182;
}
.h-btn{
    line-height: 3rem;
}
.btn-call{
font-size: calc(15px + (15 - 15)*((100vw - 300px) /(1920 - 300)));
letter-spacing: 0.05rem;
}
.h-video-mobile{
    height:40vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 2rem 2rem 0rem 0rem;
}
.sp-box-servizio {
    padding: 3vh;
}
    .logo-foot {
        max-width: 70%;
        padding-bottom: 0px;
        padding-top: 2rem;
    }
    .logo-mutuo {
    max-width: 40%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.sp-foot {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
.title-h1-pag {
    padding-top: 3rem;
}
.title-pag {
    padding-top: 3rem;
}
.brd-case {
    opacity: 1;
    border: 0rem solid #002e1d;
    transition-duration: 4s;
    filter: blur(0rem);
}
.slide-head {
    height: 140vh;
}
.slide-head-mobile {
    height: 40vh;
}
.h-vid-m{
    height: auto;
}
        .pos-h1 {
        padding-top: 40%;
    }
    .title-video {
    font-family: adore;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: .1rem;
    color: #3f3f3f;
    text-align: center;
}

.brd-case > div > div > div > div > p {
    opacity:1 ;
    transition-duration: 1s;
    color: #faf7f0;
    font-size: calc(24px + (16 - 24) * ((100vw - 300px) / (1920 - 300)));
}

.back-righe-head-pagine{
    background-image: url(../img/back-righe-head-pagine-mobile.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8vh;
}
.sp-txt-case {
    padding-top: 20%;
    padding-bottom: 6%;
}
.sp-sez-punti, .sp-sez-servizi {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.brd-dx{
    border-top:1px solid #faf7f0;
    border-bottom:1px solid #faf7f0;
    border-right:0px solid #faf7f0;
}
.sp-sez-disponibilita {
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 5%;
    padding-right: 5%;
}
.sp-box-servizio {
    padding: 3vh;
}

.sp-box-personale {
    padding: 0.5rem;
}
.sp-descrizione {
    padding: 0.5rem;
    position: relative;
}
.sp-sez-persone {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
}

.sp-box-decessi {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
}

.sp-box-coro {
    padding: 1rem;
    padding-top: 7%;
}
.bg-light>div>div>ul>.contatti-nav,
.nav-pag>div>div>ul>.contatti-nav {
    background-color: #002e1d !important;
    transition-delay: 1s;
    transition-duration: 1s
}
.sp-telegramma{
    padding-left:3%;
    padding-right: 3%;
}
.ricerca{
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    max-width: 45%;
}
}