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



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


.navbar{
  transition: all 1s;
  border-radius: 5rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.navbar-scrolled{
  background-color: #141413e8!important;
    box-shadow: 0px 0px 8px 3px #00000091;
}
.navbar-toggler {
    border: 0px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.flag{
  max-width: 80px;
  min-width: 40px;
  margin: 0px;
}
.bg-dark{
  background-color: transparent!important;
}
.logo-nav{
  max-width: 25px;
  min-width:25px;
  margin-left: 1rem;
}
.nav-link {
    color:#F0EFEA;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    margin-right: 3rem;
}
.head{
  background-image: url(../img/head2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

.h-head{
  height: 120vh;
}
.head-2{
  background-image: url(../img/head-circle.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;

}
.back-head{
  max-width: 80%;
  position: absolute;
  top:3rem;
}
.logo-head{
  max-width: 60%;
  position: absolute;
  bottom:1rem;
}
.img-rulli{overflow: hidden;
  filter: drop-shadow(0px -22px 25px #0000001f);
}
.head-top{
  height: 50vh;
}
.hr-head{
  border-bottom:1px solid #8A8982;
}

.link-contatti {
    color:#F0EFEA;
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: 0.05rem;
    margin-right: 0rem;
    text-transform: lowercase;
}
.link-tel{
  background-color: #BB777A;
  border-radius: 5rem;
  padding: 0.2rem 1rem;
}
.link-insta{
  background-color: #db6386;
  border-radius: 5rem;
  padding: 0.2rem 1rem;
  
}
.link-mail{
  background-color: #7CA6B7;
  border-radius: 5rem;
  padding: 0.2rem 1rem;
}
.box-txt-head{
  padding-left: 3rem;
  padding-right: 3rem;
}
.txt-head{
  font-size: calc(9px + (20 - 9) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color:#1CA6DF;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

#cool{
  fill:none;
}
textPath{
  font-size:37px;
  font-family: 'Fredoka One', cursive;
  fill:#992ac2;
}
.circle{
  padding-top: 30vh;
}
.circle-1{
  padding-top: 5vh;
}
.circle-2{
  padding-top: 20vh;
}
.circle-3{
  padding-top: 8vh;
  padding-bottom: 15vh;
}
.title-narzatori{
  font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color:#F0EFEA;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin-bottom: 0.1rem;
}
.txt-narzatori{
  font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color:#F0EFEA;
  letter-spacing: 0.05rem;
  padding-bottom: 4rem;
}
.title-circle{
  font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color:#F0EFEA;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin-bottom: 0.1rem;
}

.btn-white{
   background-color: #F0EFEA;
   border-radius: 30rem;
   font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
   color:#353E4B;
   font-weight: 700;
   text-decoration: none;
   text-transform: uppercase;
   padding: 0.7rem 1rem;
   padding-right: 0.5rem;
   box-shadow: 0px 0px 10px 0px #3A3A3A;
   transition-duration: 1s;
}
.btn-white:hover{
   background-color: #F0EFEA;
   border-radius: 30rem;
   font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
   color:#353E4B;
   font-weight: 700;
   text-decoration: none;
   text-transform: uppercase;
   padding: 0.7rem 2rem;
   padding-right: 0.5rem;
   box-shadow: 0px 0px 15px 0px #1F1F1F;
   transition-duration: 1s;
}
.go{
   max-width: 40px;
   padding-left: 0.1rem;
}
.txt-circle{
  font-size: calc(10px + (18 - 10) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color:#F0EFEA;
  letter-spacing: 0.05rem;
}
.modal{
  padding-top: 20vh;
  background-color: #1b1b1bc7;
}
.modal-dialog {
    max-width: 50%;
}
.modal-content{
  padding: 2rem;
  padding-bottom: 14rem;
}
.modal-header{
  border-bottom:0px;
}

.modal-title{
  font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#F0EFEA;
  letter-spacing: 0.05rem;
  margin-bottom: 0.1rem;
}

.modal-pop{
  background-color: #1C1C1E;
  padding-bottom: 2rem;
}
.btn-close{
  color:#fff;
  padding-left: 3rem;
  padding-bottom: 0.6rem;
}
.logo-itma{
  max-width: 50%;
}
.back-tagliopezza{
  background-image: url(../img/nastri/taglio-pezza.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
}
.back-impuntura{
  background-image: url(../img/nastri/impuntura.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  box-shadow: 0px 0px 10px 0px #212121;
}
.back-ripassatura{
  background-image: url(../img/nastri/ripassatura.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  box-shadow: 0px 0px 10px 0px #212121;
}
.back-molatura{
  background-image: url(../img/nastri/molatura.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  box-shadow: 0px 0px 10px 0px #212121;
}
.back-rifilatura{
  background-image: url(../img/nastri/rifilatura.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  box-shadow: 0px 0px 10px 0px #212121;
}



.brd-up{
  border-top:1px solid #ACAA9F;
}
.brd-bot{
  border-bottom:1px solid #ACAA9F;
}
.brd-dx{
  border-right:1px solid #ACAA9F;
}
.brd-sx{
  border-left:1px solid #ACAA9F;
}
.title-h2{
  font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color:#474641;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.title-h3{
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color:#474641;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.title-h3-tape{
 
  font-size: calc(22px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color:#474641;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.txt{
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#474641;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.box-txt{
  padding:3rem 4rem;
  padding-top: 14rem;
  height: auto;
}
.img-txt{
  background-image: url(../img/img-txt.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
}

.img-speciali{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 60vh;
}

.h-assistenza{
  height: 80vh;
}
.img-txt-assistenza{
  background-image: url(../img/assistenza.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
}
.fillet{
  max-height: 3.5rem;
  padding-top:0.5rem;
  padding-bottom: 0.5rem;
}
.title-prodotti{
  font-size: calc(18px + (50 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  color:#474641;
  letter-spacing: 0.05rem;
  margin-bottom: 0rem;
}
.title-prodotti-big{
  font-size: calc(18px + (50 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color:#474641;
  letter-spacing: 0.05rem;
  margin-top: -0.5rem;
}
.back-prodotti{
  background-image: url(../img/back-prodotti.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.back-prodotto{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius:0px 1rem 1rem 0px;
}
.box-tit-prodotti{
  padding-top: 6rem;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-bottom: 6rem;
}
.box-prodotto{
  box-shadow: 0px 0px 10px 1px #69696887;
  border-radius:1rem;
}
.box-prodotto:hover{
  box-shadow: 0px 0px 14px 2px #69696887;
  border-radius:1rem;
}
.sp-prodotti{
  padding-top:4rem;
  padding-bottom:4rem;
  padding-right: 2rem;
  padding-left: 2rem;
}
.sp-prodotto{
  padding:1rem;
}


.prodotto{
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
  color:#474641;
  letter-spacing: 0.05rem;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-bottom: 1.2rem;
}
.prodotto-big{
  font-weight: 900;
}
.link-prodotti{
  text-decoration: none;
}
.img-prodotto{
  padding-top:1rem;
  padding-bottom:1rem;
}
.back-anni{
  background-image: url(../img/back-anni.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.scritta-anni{
  font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  color:#BDB9A3;
  letter-spacing: 0.4rem;
  padding-top: 40vh;

}
.foot{
  background-color: #18181a;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.tit-foot{
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color:#BDB9A3;
  letter-spacing: 0.1rem;
  padding-top: 2rem;
}
.txt-foot{
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#BDB9A3;
  letter-spacing: 0.1rem;
}
.top-pag{
  height: 8vh;
}
.box-txt-pag {
    padding: 3rem 4rem;
    padding-top: 3rem;
    height: 80vh;
}
.box-txt-speciali {
    padding: 3rem 4rem;
    padding-top: 3rem;
}
.box-txt-pet {
    padding: 3rem 4rem;
    padding-top: 3rem;
}
.nome-pet{
  position: absolute;
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#474641;
  letter-spacing: 0.05rem;
  bottom:0rem;
  left:1.5rem;
}
.scritta-video{
  position: absolute;
  font-size: calc(12px + (34 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#fff;
  letter-spacing: 0.05rem;
  bottom:30vh;
  left:1.5rem;
}
.title-prodotti-pag{
  font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(30px + (40 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  color:#474641;
  letter-spacing: 0.05rem;
  margin-bottom: 0rem;
}
.title-prodotti-big-pag{
  font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color:#474641;
  letter-spacing: 0.05rem;
  margin-top: -0.5rem;
}
.sp-table{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tit-tab{
  font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1920 - 300)));
 font-weight: 900;
  color:#474641;
  letter-spacing: 0.05rem;
  margin-top: 2rem;
}
.table > :not(caption) > * > * {
    padding: 0.2rem 0.2rem;
}

.box-gallery{
  padding: 0.5rem;
  position: relative;
}
a{
  color:#BDB9A3;
  text-decoration: none;
}
a:hover{
  color:#999374;
  text-decoration: none;
}
.box-head-tape{
  height:100%;
  display: flex;
}
@media only screen and (max-width: 1400px) {
  .box-txt {
    padding: 3rem 4rem;
    padding-top: 2rem;
  
}
.navbar {
    transition: all 1s;
    border-radius: 2rem;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}
.flag {
    max-width: 30px;
    min-width: 40px;
    margin: 0px;
}
}


@media only screen and (max-width: 700px) {
  .title-h3-tape{
 
  font-size: calc(19px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  
}
.logo-nav{
  max-width: 100px;
  min-width:100px;
  margin-left: 0.2rem;
}
.navbar{
  transition: all 1s;
  border-radius: 1rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.flag{
  max-width: 30px;
  min-width: 20px;
  margin: 0px;
}
.h-head {
    height: 75vh;
}
.head-top {
    height: 30vh;
}
.back-head{
  max-width: 100%;
  position: absolute;
  top:3rem;
}
.logo-head{
  max-width: 94%;
  position: absolute;
  bottom:18vh;
}
.box-txt-head{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.circle {
    padding-top: 0;
}
.circle-2{
  padding-top: 0vh;
}
.title-circle{
  padding-top: 3rem;
}
.txt-circle{
  margin-bottom: 0.5rem;
}
.txt-circle-mobile{
  padding-top: 40vh;
}
.txt-circle-mobile-2{
  padding-top: 2vh;
}
.txt-circle-mobile-3{
  padding-top: 2vh;
}
.circle-1-mobile {
    padding-top: 12vh;
}
.txt-narzatori {
    padding-bottom: 2rem;
}
.last-row{
  padding-bottom: 4rem;
}
.btn-white {
    background-color: #F0EFEA;
    border-radius: 30rem;
    font-size: calc(12px + (12 - 12) * ((100vw - 300px) / (1920 - 300)));
    color: #353E4B;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.5rem 0.7rem;
    padding-right: 0.5rem;
    box-shadow: 0px 0px 10px 0px #3A3A3A;
    transition-duration: 1s;
}
.go {
    max-width: 30px;
    padding-left: 0.1rem;
}

.box-txt{
  padding:2rem 3rem;
  padding-top: 2rem;
  height: auto;
}
.brd-dx {
    border-right: 1px solid #ACAA9F;
    padding: 0;
}

.img-txt {
  height: 40vh;
}
.img-txt-assistenza {
  height: 40vh;
}
.back-anni {
    background-image: url(../img/anni-mobile.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
}
.back-prodotti{
  height: 40vh;
}
.box-tit-prodotti {
    padding: 2rem 2rem;
}
.sp-prodotti {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 1rem;
    padding-left:1rem;
}
.prodotto {
    padding-top: 1.6rem;
    padding-bottom: 1rem;
}
.sp-foot{
  padding-left: 1rem;
  padding-right: 1rem;
}
.txt-foot{
  margin-bottom:0.2rem;
}
.box-txt-pag {
    padding: 3rem 4rem;
    padding-top: 3rem;
    height: auto;
}
.sp-table{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.foot{
  background-color: #18181a;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.modal-dialog {
    max-width: 94%;
}
.nome-pet{
  position: absolute;
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  color:#474641;
  letter-spacing: 0.05rem;
  bottom:-0.5rem;
  left: 1rem;
}
.scritta-video{
  bottom:10vh;

}
}