*{margin:0;padding:0;}
body{font-family: 'Raleway'!important; color: #343a40;}
a{color: #a99b87;}
a:hover{text-decoration: underline; color: #a99b87;}
.container-fluid{padding-left: 0!important; padding-right: 0!important;}
.btn{background-color: #a99b87!important; border-radius: 1px; border:0; color: #fff;}
.btn:hover{background-color: #e8e8e8!important; color: #a99b87;}
.grey-predef{color: #343a40!important;}
.grey-predef-bkg{background-color: #343a40!important;}

div>button.filter-button{margin: 5px 0;}

.max-height100{max-height: 89vh;}
.padd-80px{padding-top: 85px;}
.padd-50px{padding-top: 50px;}
.padd-middle{margin-top:56%;}
.padd-b6em{padding-bottom:6em;}
.margt-50px{margin-top: 50px;}
.width50{width: 50%;}

/* FILTERS */
.filter-grayscale{
  -webkit-filter: grayscale(85%);
  filter: grayscale(85%);
}

/* TEXTS */
.titles{
  font-size: 4em;
  color: #343a40;
  position: relative;
  z-index: 9;
  margin-top: -84px;
}
.titles-back{
  font-family: 'Marck Script', cursive;
  font-weight: 600;
  font-style: italic;
  font-size: 7em;
  color: #e8e8e8;
  position: relative;
  z-index: 0;
}

/* FORMS */
.input-group-text{
  background-color: #343a40;
  color: #fff;
  border: none;
}

/* CATALOGO HOME */
.sfogliailcatalogo{
  background-color: #343a40;
  opacity: 0.7;
  border: 0px solid #fff;
}
.sfogliailcatalogo h3{
  font-weight: 600;
}
div.sfogliailcatalogo{
  transition: all 500ms;
  -webkit-transition: all 500ms;
}
div.cont-catalogo-home a:hover .sfogliailcatalogo{
  border: 10px solid #fff;
}

/* OPERE HOME */
div.card-group{
  position: relative;
}
h3.title-opere-home{
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 40%;
  top: 50%;
  opacity: 0;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}
a.abkgopere{
  background-color: #343a40;

}
a.abkgopere:hover h3{
  opacity: 1;
}
h3.title-opere-home:hover{
  left: 41%;
}
.bkg-opere{
  opacity: 1;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}
.bkg-opere:hover{
  opacity: 0.5;
}


/* BIOGRAFIA */
#biografia-section{
  width: 100%;
  height: auto;
  background: #f7f7f7;
  padding-top: 80px;
}
#biografia-section .div-img-bg{
  padding-bottom: 30px;
  border: 12px solid #a99b87;
}
#biografia-section .div-img-bg .about-img img{
  width: 100%;
box-shadow: 0px 0px 85px 0px rgba(0, 0, 0, 0.14);
margin-top: -60px;
margin-left: 40px;
height: 400px;
object-fit: cover;
}
div.div-img-bg{
  margin-bottom: 70px;
}

/* COMMENTI */
#kudo-wrap{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-image: url(../img/commenti/imgbg-commenti.jpg);
  background-size: cover;
}
.adj-layer {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 50px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.testimonial-quote blockquote {
  /* Negate theme styles */
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  color: gray;
  font-family: 'Raleway' 400i;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.4 !important;
  margin: 0 25px 0;
  position: relative;
  text-shadow: 0 1px #fff;
  z-index: 1;
}
.testimonial-quote blockquote * {
  box-sizing: border-box;
}
.testimonial-quote blockquote p {
  color: #75808a;
  line-height: 1.4 !important;
}
.testimonial-quote blockquote p:first-child:before { /* quotemarks */
  content: '\201C';
  color: #b8a07e;
  font-size: 7.5em;
  font-weight: 700;
  opacity: .3;
  position: absolute;
  top: -.4em;
  left: -.2em;
  text-shadow: none;
  z-index: -300;
  font-family: 'Georgia', serif;
}
.testimonial-quote img {
  border: 3px solid #b8a07e;
  border-radius: 50%;
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: -.2em;
  left: 0;
}
.testimonial-quote cite {
  color: gray;
  display: block;
  font-size: .8em;
}
.testimonial-quote cite span {
  color: #b8a07e;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 1px white;
}
.testimonial-quote {
  position: relative;
}
.testimonial-quote .quote-container {
  padding-left: 160px;
}
div.testimonial-right{
  padding-right: 160px;
  text-align: right;
}
p.testimonial-right:before{
  right: 0;
}
img.testimonial-right{
  right: 0;
  left: inherit;
}
.imgcol-center{
  width: 100%;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
}
div.imgcol-center img{
  position: relative;
  margin: 0 auto;
}


figcaption {
  display: none;
}

/* MOSTRE */
#timeline-wrap{
  padding-top: 24px;
  margin-top: 45px;
  position: relative;
}
#timeline{
  height:1px;
  width: 92%;
  margin: 0 auto;
  background-color:#aabbc4;
  position:relative;
}
.second-timeline{
  width: 50%!important;
}
div[class^='cont-icotimeline'] p{
  position: absolute;
  top: 60px;
}
div.cont-icotimeline2 p{
  right: 0;
}
div.cont-icotimeline3 p{
  left: 1.5%;
}
div.cont-icotimeline4 p{
  left: 24.5%;
}
div.cont-icotimeline5 p{
  left: 46.5%;
}
div.cont-icotimeline6 p{
  right: 23.5%;
}
div.cont-icotimeline7 p{
  right: 1%;
}
.marker{
  z-index:1000;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  margin-left: -25px;
  background-color: #999999;
  border-radius: 50%;

-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);

-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.marker:hover{
   -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.timeline-icon.one {
  background-color: #28a745 !important;
}
.timeline-icon.four {
  background-color: #dc3545 !important;
}
.mfirst{
  top: -5px;
  left: 6%;
}
.msecond{
  top: -5px;
  left: 28.5%;
}

.mthirth{
  top: -5px;
  left: 50%;
}

.mfourth{
  top: -5px;
  left: 72.5%;
}

.mlast{
  top: -5px;
  left:95%
}
.mfirst2{
  top: -5px;
  left: 23%;
}
.mlast2{
  top: -5px;
  left:77%
}
.timeline-panel {
  margin-top: 20%;
	width: 500px;
  height: 200px;
  background-color: #cbd0df;
  border-radius:2px;
	position:relative;
	text-align:left;
  padding:10px;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
  float:left;
}
.timeline-panel:after {
	content:'';
	position:absolute;
  margin-top: -12%;
	left:10%;
	width:0;
	height:0;
	border:12px solid transparent;
	border-bottom: 15px solid #cbd0df;
}

.alert{
  z-index: 99999;
}

/* FOOTER */
div.icon-social a{
  font-size: 2em;
  padding: 30px 10px;
  color: #fff;
}
div.links ul li{
  padding-bottom: 10px;
  list-style: none;
}
div.links ul li i.fa{
  padding: 0 10px 0 0;
  font-size: 21px;
}
.hr-footer{
  border-top: 1px solid #fff;
}
div.menu-footer>div>a{
  color: #fff;
  text-transform: uppercase;
}

/* COOKIE BANNER */
.cn-bottom{
  z-index: 999999;
  bottom: 0;
  width: 100%;
  padding: 25px;
}
.cn-set-cookie, .cn-more-info{
  right: 0;
  padding: 10px 20px;
  color: #fff;
}
.cn-set-cookie{background-color: #89dc75;}
.cn-set-cookie:hover{
  background-color: #fff;
  border: 1px solid #89dc75;
  color: #a99b87;
}
.cn-more-info{background-color: #a99b87;}
.cn-more-info:hover{
  background-color: #fff;
  border: 1px solid #a99b87;

}
#iubenda-cs-banner .iubenda-banner-content a:hover{color: #a99b87!important;}






/******** MEDIA QUERY **********/
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  /* Timeline Vieni a torvarci MOSTRE */
  div.cont-icotimeline3 p{
    left: 1%;
  }
  div.cont-icotimeline4 p{
    left: 24.5%;
  }
  div.cont-icotimeline5 p{
    left: 46%;
  }
  div.cont-icotimeline6 p{
    right: 23%;
  }
  div.cont-icotimeline7 p{
    right: 0.5%;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .titles{
    font-size: 4em;
    margin-top: -80px;
  }
  .titles-back{
    font-size: 7em;
  }
  h3.title-opere-home{
    left: 35%;
  }

  /* Timeline Vieni a torvarci MOSTRE */
  div.cont-icotimeline3 p{
    left: -1%;
  }
  div.cont-icotimeline4 p{
    left: 24%;
  }
  div.cont-icotimeline5 p{
    left: 44.5%;
  }
  div.cont-icotimeline6 p{
    right: 23%;
  }
  div.cont-icotimeline7 p{
    right: 0%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .titles{
    font-size: 3em;
    margin-top: -60px;
  }
  .titles-back{
    font-size: 5em;
  }
  h3.title-opere-home{
    left: 30%;
  }

  /* img biografia */
  #biografia-section .div-img-bg {
    padding: 0;
  }
  #biografia-section .div-img-bg .about-img img{
    margin: 0;
  }

  /* Timeline Vieni a torvarci MOSTRE */
  div.cont-icotimeline3 p{
    left: -3%;
  }
  div.cont-icotimeline4 p{
    left: 20.5%;
  }
  div.cont-icotimeline5 p{
    left: 42%;
  }
  div.cont-icotimeline6 p{
    right: 19%;
  }
  div.cont-icotimeline7 p{
    right: -4%;
  }
}



/* Small devices (landscape phones, less than 576px) */
  /* img biografia */
  @media (max-width: 575.98px) {
    .mtop-container{
      margin-top: 5em;
    }
    h3.title-opere-home{
      left: 25%;
    }

    /* Timeline Vieni a torvarci MOSTRE */
    #timeline-wrap{
      margin: 45px 20px;
    }
}

/* Small devices (less than 375px) */
@media (max-width: 375px) {
  /* Timeline Vieni a torvarci MOSTRE */
  #timeline-wrap{
    margin: 45px 20px;
  }
  div[class^='cont-icotimeline'] p{
    font-size: 0.8rem!important;
  }
  div.cont-icotimeline3 p{
    left: -6%;
  }
  div.cont-icotimeline4 p{
    left: 17.5%;
  }
  div.cont-icotimeline5 p{
    left: 39%;
  }
  div.cont-icotimeline6 p{
    right: 16%;
  }
  div.cont-icotimeline7 p{
    right: -6%;
  }
}