@charset "UTF-8";

/* CSS Document */
body:after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
  content:
  url(../img/slider/1.jpg)
  url(../img/slider/2.jpg)
  url(../img/slider/3.jpg)
  url(../img/slider/4.jpg);
}




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

.urbanist-<uniquifier> {
  font-family: "Urbanist", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.cormorant-<uniquifier> {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
a{
  text-decoration: none;
}
.link-nostyle {
  text-decoration: none;
  color: #2d2d2f;
}
.link-privacy{
  color:white;
  text-decoration: none;
}
#prenota,#chisono,#escursioni{
  scroll-margin-top: 3rem;
}
.trasparent-nav {
  background-color: transparent ;
  transition-duration: 1s;
}


.navbar.scrolled {
  background-color: #FFF!important;
  transition-duration: 1s;
  box-shadow: 0px 0px 20px 0px #2625255d;
}



.logo-nav{
  max-width: 200px;
  min-width: 200px;
}
.navbar{
  padding: 1rem 1rem;
}
.logo-head{
  max-width: 60%;
  padding-top:16%;
}

.back-head{
  background-image: url(../img/slider/1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 110vh;
    background-repeat: repeat-y;
    background-position: 50% 0;
    transition: linear;
    transition-property: background-position;
    z-index: 4;
    animation-name: est;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes est {
    0% {
        background-image: url(../img/slider/1.jpg);
    }

    10% {
        background-image: url(../img/slider/1.jpg);

        
    }

    20% {
        background-image: url(../img/slider/2.jpg);
        
    }

    30% {
        background-image: url(../img/slider/2.jpg);
       
    }

    40% {
        background-image: url(../img/slider/3.jpg);
    }

    50% {
        background-image: url(../img/slider/3.jpg);
    }

    60% {
        background-image: url(../img/slider/3.jpg);
    }

    70% {
        background-image: url(../img/slider/4.jpg);
    }

    80% {
        background-image: url(../img/slider/4.jpg);
    }

    90% {
        background-image: url(../img/slider/4.jpg);
    }

    100% {
        background-image: url(../img/slider/1.jpg);
    }
}

.navbar-toggler {
  border:0px solid transparent;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 transparent;
}

.nav-link {
  font-family: "Figtree", sans-serif;
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  color: #3c3c3c;
  font-weight: 600;
  padding-left: 2rem;
}

.box-txt{
  padding: 6rem 4rem;
}
.box-img{
  padding: 4rem 0rem;
}
.title{
  font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1920 - 300)));
  color:#141416;
  font-weight: 400;
  font-family: "Cormorant", serif;
}


.txt{
  font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (1920 - 300)));
  color:#6b6b6b;
  font-weight: 300;
  text-align: justify;
}
.dimensione{
  font-size: calc(17px + (26 - 17) * ((100vw - 300px) / (1920 - 300)));
  color:#343434;
  font-weight: 300;
  text-align: justify;
  margin-bottom:0px;
}
.pianta{
  max-width: 70%;
}
.box-img-gallery{
  padding: 1rem 0.5rem;
}
.box-escursioni{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.btn-prenota{
  background-color: #2d2d2f;
  color:#fff;
  border-radius: 0.4rem;
  padding: 0.6rem 1rem;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
}
.sp-foto{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.bandiere{
  padding-left: 2rem;
}

.back-form{
  background-color: #fff!important;
  margin-top: -10rem;
  box-shadow: 0px 0px 20px 0px #2625255d;
}
.back-form-pag{
  background-color: #fff!important;
  margin-top: 0rem;
  box-shadow: 0px 0px 20px 0px #2625255d;
}
.button-black{
  background-color: #2d2d2f;
  color:#fff;
  border:2px solid #2d2d2f;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  margin-top: 0.3rem!important;
}

.title-h3{
  font-size: calc(28px + (32 - 28) * ((100vw - 300px) / (1920 - 300)));
  color:#141416;
  font-weight: 500;
  font-family: "Cormorant", serif;
  padding-top: 1rem;
  margin-bottom: 0.2rem;
}
.box-txt-esc{
  padding-right: 3rem;
}
.sp-prenota{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2d2d2f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #2d2d2f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border: 1px solid #2d2d2f;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.form-select {
  color: #2d2d2f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #2d2d2f;
  border-radius: 0rem;
}
.form-select:focus {
  border: 1px solid #2d2d2f;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);}

  .daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #534e4e;
}
.daterangepicker td.in-range {
    background-color: #534e4e53;
}
.btn{
  background-color: transparent;
  color:#2d2d2f;
  border-color: #2d2d2f;
}

.btn:hover{
  background-color: #2d2d2f;
  color:#fff;
  border-color: #2d2d2f;
}
.daterangepicker td.end-date {
    background-color: #534e4e;
   
}
.daterangepicker td.start-date {
    background-color: #534e4e;
   
}
.serv{
  font-size: calc(20px + (20 - 20) * ((100vw - 300px) / (1920 - 300)));
  color:#141416;
  font-weight: 300;
  margin-bottom:0.2rem
}

.fa-check{
  color:#787067
}
.logo-foot {
  padding-left:20%;
  max-width: 80%;
  padding-top: 15%;
}

.sp-foot {
  background-color: #474242;

  padding-top: 1.5rem;
}

.sp-contatti {
  padding-top: 10%;
  padding-right: 8%;
}

.tit-foot {
  color: #fff;
  ;
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: calc(22px + (20 - 22) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
}

.txt-foot {
  color: #fff;
  ;
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 300;
  letter-spacing: 0.05rem;
  line-height: calc(22px + (20 - 22) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  padding-top: 0.5rem;
}

.dati {
  color: #fff;
  ;
  font-size: calc(12px + (12 - 12) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
  text-decoration: none;
  text-align: right;
  padding-top: 3rem;
}

.mappa {
  height: 60vh;

}

a:hover{
  color:#787067
}

strong{
  font-weight: 700;
}
@media only screen and (max-width: 2000px) {}



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

  .back-head {
    background-image: url(../img/slider/1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;

}
  .sp-contatti {
    padding-top: 5%;
    padding-right: 8%;
    padding-left: 8%;
}
.txt-foot {
  margin-bottom: 0.2rem;
}
.box-img-gallery {
  padding: 0.3rem 0.3rem;
}
.box-txt {
  padding: 2rem 2rem;
}
.form-control{
  margin-bottom:0.4rem;
}
.nav-link {
  padding-left: 1rem;
}
.navbar-toggler {
  border: 0px;
}
.navbar-toggler:fucus {
  border: 0px;
  box-shadow: 0px;
}
.box-img {
  padding: 0rem 0rem;
}
.bg-light {
  background-color: #fff!important;
  box-shadow: 0px 0px 20px 0px #2625255d;
}
.logo-nav {
  max-width: 120px;
  min-width: 120px;
}
.navbar {
  padding: 0.4rem 0.4rem;
}
.box-escursioni{
  padding: 1rem;
}

}