body{ font-size: 18px; color: #333; background: #d1ab6722; font-family: 'Roboto', sans-serif;; font-weight: 400; }

.wrap{ width: 100%; max-width: 1200px; margin: 0px auto;   }
.font2{ font-family: 'Cinzel', serif; }

.animate *{  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.animateself{  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.animate1s *{  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.animate3s *{  -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -ms-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; }
.linear *{-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear;}

#header{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 500;  }
#header .logo{ display: inline-block;  width: 300px ;  height: 200px ; margin: 80px 0 0px 0; /*margin: 120px 0 0px 0;*/}
#header .sottologo{ display: block; margin: 0px auto 30px 0; font-size: 22px; /*text-shadow: 0 0 3px #000;  color: #FFF;*/ font-weight: 400; color: #333; }
#header ul{ margin: 0px; padding: 0px; display: block; list-style:  none; }
#header ul li{ display: inline-block; margin: 0px 10px; line-height: 60px; font-size: 18px; text-decoration: none; vertical-align: middle; }
#header ul li a{ display: block; line-height: 60px; font-size: 18px; text-decoration: none; padding: 0px 10px; color: #FFF;  }
#header ul li a:hover{ text-decoration: underline; }
#header ul li .fa{ font-size: 28px; line-height: 60px; }
#header ul li #contattaci_off{  background: #A78B6B; line-height: 40px; padding: 0px 15px; text-shadow: none; color: #FFF; border-radius: 5px; font-weight: 400; }
#header ul li #contattaci_off:hover{ text-decoration: none; box-shadow: 0 0 15px #FFF; }
#header ul li #contattaci_off .fa{ font-size: 18px; margin: 0 0 0px 10px ; line-height: 18px; }
#header .menufix{ position: fixed; width: 100%; left: 0px; top: 0px; background: rgba(203, 172, 112,0.9);  }

.scrolldown{ position: absolute; bottom: 15px; left: 50%; margin-left: -23px; width: 30px; height: 30px; text-align: center; }
.scrolldown .fa{ font-size: 40px; display: inline-block;}
.bounce{ color: #FFF; text-decoration: none; ; z-index:800;;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;font-size:22px;cursor:pointer}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-6px)}60%{-webkit-transform:translateY(-12px)}}
@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-6px)}60%{-moz-transform:translateY(-12px)}}
@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-6px)}60%{-o-transform:translateY(-12px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-12px)}}

#slider-home.owl-carousel{ position: relative; height: 100%; z-index: 100;}
#slider-home.owl-carousel .item{ background-size: cover !important; height: 100%; display: block; height: 200px; }
#slider-home.owl-carousel .item a{  }
#slider-home.owl-carousel .item a span{ display: block; }
#slider-home.owl-theme .owl-dots .owl-dot{ display: inline-block;}
#slider-home.owl-carousel .owl-dots{ z-index: 900; position: absolute; bottom: 80px ; left: 0px; width: 100%; text-align: center; }
#slider-home.owl-carousel .owl-dots .owl-dot span{ width: 30px; height: 30px; background:  rgba( 255,255,255,0.5 ); display: inline-block; overflow: hidden;  text-indent: -9999px; z-index: 900; border-radius: 0px; margin: 10px 20px 0 0;}
#slider-home.owl-carousel .owl-dots:hover .owl-dot span,
#slider-home.owl-carousel .owl-dots .owl-dot:hover span{ background: rgba( 255,255,255,0.5 );  }
#slider-home.owl-carousel .owl-dots .owl-dot span:hover,
#slider-home.owl-carousel .owl-dots .owl-dot span:focus{  background: rgba( 255,255,255,0.7 );  }
#slider-home.owl-carousel .owl-dots .owl-dot.active span{ background: rgba( 255,255,255,0.8 );  }

.anteprime{ position: relative; overflow: hidden;}
.anteprime .contenitore:nth-child(3n){ border-left: 2px solid transparent; }
.anteprime .contenitore:nth-child(3n-1){ border-right: 1px solid transparent; border-left: 1px solid transparent; }
.anteprime .contenitore:nth-child(3n-2){ border-right: 2px solid transparent;}
.anteprime .contenitore{ margin-top: 3px ;  }
.anteprime .contenitore a{ color:#fff;  display: block; height: 350px; position: relative;;text-decoration: none; -webkit-box-shadow: inset 0px 0px 75px 0px rgba(0, 0, 0, 1); -moz-box-shadow: inset 0px 0px 75px 0px rgba(0, 0, 0, 1); box-shadow: inset 0px 0px 75px 0px rgba(0, 0, 0, 1);  text-shadow: 0 0 3px #000;  }
.anteprime .contenitore .titolo{ font-size: 32px; padding:  120px 0 30px 0; display: block; text-align: center;  }
.anteprime .contenitore .sottotitolo{  text-align: center;  display: block; text-align: center; font-weight: 300;  }

.pagina{ position: relative; margin: 60px 0px; font-weight: 300; }
.pagina h1,
.pagina h2{ margin: 0px; padding: 0px; font-size: 32px; font-family: 'Cinzel', serif; }
.pagina p{ font-size: 16px; line-height: 32px; padding: 15px 0px;  }
.pagina .immagini{ padding: 30px 0 0 0px ;}
.pagina .immagini a{ overflow: hidden; }
.pagina .immagini a span{ display: block;  height: 180px; }
.pagina .immagini a span:nth-child(2n){margin: 0px 0 3px 3px;}
.pagina .immagini a span:nth-child(2n-1){ margin: 0 3px 3px 0; }
.pagina ul{ margin: 30px 0px 15px;}
.pagina ul li{  font-size: 16px; line-height: 28px; font-weight: 300; margin: 0px 0 15px 0;  }
.pagina .paragrafi{ padding: 5px 30px 5px 0;; }
.pagina .paragrafid{ padding: 25px 0 0 25px; }
.pagina .paragrafidx{ padding: 10px 0 0 30px;}

.pagina h2.contattih2{ padding: 60px 0 30px 0 ;}

.spazio{ display: block; height: 300px ; margin: 0 0 60px 0;}

#mappa{ height: 475px; margin: 60px 0 0 0;}
#mappa p{ font-size: 14px; line-height: 18px; padding: 0px; }
#mappa h3{ font-weight: 700; margin: 0px 0 5px 0px ;  line-height: 32px; padding: 0px;}
#mappa .gm-style-iw{ color: #333 }
#mappa label { width: auto; display:inline; }
#mappa img { max-height: none; max-width: none; }


footer{ padding: 30px 0px; text-align: center; font-size: 12px; background: #a78b6b ;  }
.sottofoot{ font-size: 22px; font-weight: 400; }

#contattaci_on{  position: fixed; top: -32px;  z-index: 90000; margin: 0 0 0 -5px; }
#contattaci_on.attivo{ top: 0px;  }
#contattaci_on a{ text-decoration: none; background: rgba(203, 172, 112,0.9); padding: 0px 15px; line-height: 32px; display: block; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }

#home-p{ position: relative; text-align: center;  }
#home-p .fascia-1{  padding: 350px 0 30px 0; font-weight: 300; font-style: italic; }
#home-p .fascia-2{ font-size: 32px;  }
#home-p .fascia-3{ padding: 30px 0; font-size: 16px; line-height: 32px; }

@media screen and (max-width: 1200px) {
  .wrap{ padding:0px 15px; }
}

@media screen and (max-width: 768px) {
  #header ul li{ margin: 0px 5px; }
  #header ul li a{ padding: 0px 5px; }
  #header ul li #contattaci_off{ padding: 0px 5px; }
  .anteprime .contenitore:nth-child(3n-1){ border-left: 2px solid transparent; }
  .anteprime .contenitore:nth-child(3n-2){ border-right: 0px solid transparent;}

}
@media screen and (max-width: 479px) {
  #header ul li a{ line-height: 40px; }
  .pagina .immagini{ padding: 0px 0 0 0px ;}
  .pagina .immagini a span:nth-child(2n){margin: 15px 0px 0px;}
  .pagina .immagini a span:nth-child(2n-1){ margin: 15px 0px 0px; }

  #contattaci_on{ left: unset !important ; right: 15px; }

  .pagina .paragrafi{ padding: 0px; }

  .anteprime .contenitore:nth-child(3n){ border-left: 0px solid transparent; }
  .anteprime .contenitore:nth-child(3n-1){ border-right: 0px solid transparent; border-left: 0px solid transparent; }
  .anteprime .contenitore:nth-child(3n-2){ border-right: 0px solid transparent;}

  .menufix{ text-align: center; padding: 5px 0px; }
}