﻿/****** CAROUSEL CLAIM ******/
.claimcarousel-slidefoto{position: absolute; top: 30%; width: 100%;}

.claimcarousel-slidefoto .position-claim-carousel{margin-top: 0%;}

.position-claim-carousel {/* display: table-cell; */vertical-align: middle;}
.carousel-claim .carousel-inner{height: 190px !important;}

.position-claim-carousel .carousel-control{z-index: 1;}
.position-claim-carousel .carousel-control.right, .position-claim-carousel .carousel-control.left {top: 50%; margin-top: -32px; height: 64px;}
.carousel-claim {display: block;;}
.carousel-claim a, .carousel-claim a:link {text-decoration: none!important}
.carousel-claim-testo{text-align: center}
.carousel-claim-testo a, .carousel-claim-testo a:link, .carousel-claim-testo a:hover{text-decoration: none!important;}
.active .carousel-claim-testo a{background: none;}
.carousel-claim .bottoneclaim{text-align: center;}
.carousel-claim .bottoneclaim .bottone{width: 300px!important;}                     
.carousel-claim .carousel-claim-commenti{display: block;margin-top: 10px;min-height: 70px;color: #000;}
.carousel-claim .carousel-claim-foto{width: 50px;height:50px;display: inline-block;}
.carousel-claim .carousel-claim-foto img{display: inline;width: 50px;margin-top: 0px!important;}
.carousel-claim .carousel-claim-testis{display: inline-table;}
.carousel-claim .testis-titolo{margin-left: 10px;display: inline-block;font-size: 1.3em;font-family: 'Poppins', sans-serif;text-align: left;font-weight: 300;color: #363636;letter-spacing: 0.1em;font-family: 'Playfair Display', serif;}
.carousel-claim .testis-testo{margin-left: 10px;display: inline-block;font-family: 'Poppins', sans-serif;font-size: 1.2em;text-align: left;color: #000000;font-weight: 300;}

/*** custom ***/
p.carousel-claim-testo{
    font-size: 2.5em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 300;
}

.carousel-claim .bottoneclaim a.bottone{
    font-size: 1.1em;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 300;
}

.carousel-claim-testo a, .carousel-claim-testo a:link, .carousel-claim-testo a:hover{color: #fff}

/****** FINE CAROUSEL-CLAIM ******/

/** ZOOM **/
.effectzoom > .item img {
    transition: transform 4000ms linear 0s;
    transform: scale(1.1);
}

/**** CAROUSEL FADE ****/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
    -webkit-transition: opacity 0.6s ease-out 0s;
   -moz-transition: opacity 0.6s ease-out 0s;
   -ms-transition: opacity 0.6s ease-out 0s;
   -o-transition: opacity 0.6s ease-out 0s;
   transition: opacity 0.6s ease-out 0s;
}
        
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
   opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

/*CAROUSEL FADE + ZOOM*/
.carousel-fade2 .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.carousel-fade2 > .item img {
    transition: transform 5000ms linear 0s;
    transform: scale(1.05, 1.05);
}
.carousel-fade2 .carousel-inner .active {
  opacity: 1;
}

.carousel-fade2 .carousel-inner .active.left,
.carousel-fade2 .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade2 .carousel-inner .next.left,
.carousel-fade2 .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade2 .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade2 .carousel-inner > .item.next,
    .carousel-fade2 .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade2 .carousel-inner > .item.prev,
    .carousel-fade2 .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade2 .carousel-inner > .item.next.left,
    .carousel-fade2 .carousel-inner > .item.prev.right,
    .carousel-fade2 .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/******** carousel-showmanymoveone ********/
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4{
  display: block;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner.tre > .active.left,
  .carousel-showmanymoveone .carousel-inner.tre > .prev {
    left: -33.33333333%;
  }
  .carousel-showmanymoveone .carousel-inner.tre > .active.right,
  .carousel-showmanymoveone .carousel-inner.tre > .next {
    left: 33.33333333%;
  }
  .carousel-showmanymoveone .carousel-inner.tre > .left,
  .carousel-showmanymoveone .carousel-inner.tre > .prev.right,
  .carousel-showmanymoveone .carousel-inner.tre > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.tre .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner.tre .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner.tre .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner.tre .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner.tre .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner.tre > .item.active.right,
  .carousel-showmanymoveone .carousel-inner.tre > .item.next {
    -webkit-transform: translate3d(33.33333333%, 0, 0);
    transform: translate3d(33.33333333%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.tre > .item.active.left,
  .carousel-showmanymoveone .carousel-inner.tre > .item.prev {
    -webkit-transform: translate3d(-33.33333333%, 0, 0);
    transform: translate3d(-33.33333333%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.tre > .item.left,
  .carousel-showmanymoveone .carousel-inner.tre > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner.tre > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner.quattro > .active.left,
  .carousel-showmanymoveone .carousel-inner.quattro > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner.quattro > .active.right,
  .carousel-showmanymoveone .carousel-inner.quattro > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner.quattro > .left,
  .carousel-showmanymoveone .carousel-inner.quattro > .prev.right,
  .carousel-showmanymoveone .carousel-inner.quattro > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.quattro .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner.quattro .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner.quattro .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner.quattro .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner.quattro .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner.quattro > .item.active.right,
  .carousel-showmanymoveone .carousel-inner.quattro > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.quattro > .item.active.left,
  .carousel-showmanymoveone .carousel-inner.quattro > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner.quattro > .item.left,
  .carousel-showmanymoveone .carousel-inner.quattro > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner.quattro > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media (max-width: 992px){
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3,
    .carousel-showmanymoveone .cloneditem-4{
        display: none!important;
    }
	.carousel-claim .carousel-inner {height: 180px !important;}
}
@media (max-width: 1600px) {
	
}
@media (max-width: 767px) {
    .carousel-claim .testis-titolo{font-size: 1em;}
	.carousel-claim .carousel-inner {height: 240px!important;}
}

@media (max-width: 320px) {
	.carousel-claim .testis-titolo{letter-spacing: 0;}
	.carousel-claim .carousel-inner {height: 280px!important;}
}
/******** FINE carousel-showmanymoveone ********/