@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: bodoni;
    src: url(../font/bodoni-72-smallcaps-book.ttf);
}

body,
h1,
h2,
h3,
h4,
h5,
p {
   font-family: 'Urbanist', sans-serif;
}
.nav-link {
font-family: 'Spectral', serif;
font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.02rem;
margin-right: 2rem;
margin-top: 0.2rem;
color:#6F6F6F;
}
.logo-head{
    padding-top: 17%;
}
.bg-light{
    background-color:#fff!important;
}
.cornetta{
    position: fixed;
    bottom: 4px;
    right: 4px;
    width: 16%;
    z-index: 100000000000;
}
.title-h1{
    font-family: 'Spectral', serif;
    font-size: calc(50px + (150 - 50) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(34px + (110 - 34) * ((100vw - 300px) / (1920 - 300)));
    color:#9E3457;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.title-h1-pag{
    font-family: 'Spectral', serif;
    font-size: calc(40px + (90 - 40) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(32px + (80 - 32) * ((100vw - 300px) / (1920 - 300)));
    color:#9E3457;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    padding-top: 4rem;
}
.top-h1{
    font-family: 'Spectral', serif;
    font-size: calc(16px + (40 - 16) * ((100vw - 300px) / (1920 - 300)));
    color:#6F6F6F;
    font-weight: 400;
}
.box-h1{
    padding-top: 8vh;

}
.sp-1sez{
    padding-bottom: 10vh;
}
.txt{
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    color:#5B5B5B;
    text-justify: inter-word;
    font-weight: 300;
}
.icn-tit{
    width: 20%;
    display: block;
  margin-left: auto;
  margin-right: auto;
}
.icn-tit-casa{
    width: 10%;
    display: block;
  margin-left: auto;
  margin-right: auto;
}
.icn-tit-l{
    width: 20%;
}
.box-txt{
    padding-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.box-txt-tr{
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.back-serv{
    background-image: url(../img/back-serv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.back-fiori{
    background-image: url(../img/back-fiori-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.box-servizi{
    padding-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 6rem;
}
.logo-nav{
    max-width: 300px;
    min-width: 180px;
}
.back-grad{
    padding-bottom: 3rem;
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.5298494397759104) 22%, rgba(159,53,88,0.08727240896358546) 100%);
}
.title-h2{
    font-family: 'Spectral', serif;
    font-size: calc(26px + (50 - 26) * ((100vw - 300px) / (1920 - 300)));
    color:#5B5B5B;
    font-weight: 400;
    text-transform: uppercase;
}
.title-h2-big{
    font-family: 'Spectral', serif;
    font-size: calc(24px + (80 - 24) * ((100vw - 300px) / (1920 - 300)));
    color:#5B5B5B;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.t-left{
    text-align: left;
}
.title-h3-big{
    font-family: 'Spectral', serif;
    font-size: calc(24px + (60 - 24) * ((100vw - 300px) / (1920 - 300)));
    color:#5B5B5B;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.title-h3{
    font-family: 'Spectral', serif;
    font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1920 - 300)));
    color:#9E3457;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}
.shadow{
    box-shadow: 0px 0px 15px 0px #7B375C;
}
.gallery{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #fff;
}
.h-img{
    height: 200px;
}
.sp-foot{
    padding-top: 4rem;
    padding-bottom:1rem;
}
.tit-foot{
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
    color:#fff;
}
.txt-head{
    font-size: calc(13px + (18 - 13) * ((100vw - 300px) / (1920 - 300)));
    color:#fff;
    text-align: center;
    padding-top: 0.3rem;
    margin-bottom: 0.5rem;
}
.banda-head{
    background-color: #9E3457;
}
.tit-foot{
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
    color:#fff;
}
.txt-foot{
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    color:#fff;
}
.brd-dati{
    border-top:2px solid #fff;
    padding-top: 1rem;
    margin-top: 4rem;
}
.txt-dati{
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
    color:#fff;
    text-align: justify;
  text-justify: inter-word;
}
.img-f{
    max-width: 80%;
    padding-top: 5rem;
}
.box-vid{
    border:5px solid #9E3457;
    border-radius: 0.5rem;
    padding: 0px;
}
.sp-vid{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
/*-----------------------------------Video Back----------------------------------------------*/

.video-head{
    padding: 0px;
}
/*-----------------------------------Fine Video Back----------------------------------------------*/
.back-lato{
    background-image: url(../img/back-fiori.jpg);
    background-size: 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.back-lato2{
    background-image: url(../img/back-fiori2.jpg);
    background-size: 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.sp-gallery{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.btn{
    background-color: #fff;
    color:#9E3457;
    border-radius: 510px;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    margin-top: 4px;
    padding-top: 4px;
    padding-bottom: 2px;
}
.btn-v{
    background-color: #9E3457;
    color:#fff;
    border-radius: 510px;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    margin-top: 4px;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.white{
    color:#F6F5F5;
}
.pink{
    color:#9E3457;
}
strong{
    font-weight: 700;
}
a{
    text-decoration:none;
    color:#fff;
}
a:hover{
    text-decoration:none;
    color:#DDDDDD;
}
@media only screen and (max-width: 1500px) {
.nav-link {
font-family: 'Spectral', serif;
font-size: calc(13px + (12 - 13) * ((100vw - 300px) / (1920 - 300)));
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.01rem;
margin-right: 1rem;
margin-top: 0.2rem;
color:#6F6F6F;
}
.logo-nav {
    max-width: 240px;
    min-width: 140px;
}

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

}
@media only screen and (max-width: 700px) {
.box-h1 {
    padding-top: 5vh;
}
.box-txt {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.box-servizi {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}
.h-img{
    height: 80px;
}
.logo-head{
    padding-top: 17vh;
}
.navbar-toggler{
    border: 0px;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 transparent;
}
.back-lato{
    background-image: none;
    background-size: 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.back-lato2{
    background-image: none;
    background-size: 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.img-f{
    max-width: 100%;
    padding-top: 0.5rem;
}
.t-left{
    text-align: center;
}
.icn-tit{
    width: 30%;
    display: block;
  margin-left: auto;
  margin-right: auto;
}
.icn-tit-casa{
    width: 30%;
    display: block;
  margin-left: auto;
  margin-right: auto;
}
.icn-tit-l{
    width: 60%;
}

}