.bg-image-container {
  max-width: 100vw;
  width: 100%;
  position: fixed;
  height: 1500px;
}
.bg-image-container .slick-list {
  transform: translate3d(0px, 0px, 0px);
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  -webkit-perspective: 2000px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.bg-image-container .slick-list .slick-track {
  -webkit-perspective: 2000px;
  -webkit-backface-visibility: hidden;
}
.bg-image-container .slick-list .slick-track .slick-slide {
  outline: none;
  transition: transform 0.1s linear;
  transition-delay: 0.1s;
}
.bg-image-container .slick-list .slick-track .slick-slide:not(.slick-current) {
  transform: scale(1);
  transition-delay: 0s;
}
.bg-grey {
  background-color: #F8F5F2;
}
ul.slick-dots {
  list-style: none;
  margin: auto 0;
  padding: 0;
}
ul.slick-dots li {
  font-size: 0;
  line-height: 0;
  border: 0;
  outline: 0;
  height: 15px;
  width: 22px;
  float: left;
  background-color: transparent;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='14px' height='14px' viewBox='0 0 14 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='carosello_grigio' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='carousel/small/normalstate' transform='translate(1.000000, 1.000000)' fill='%23BFBFBF'%3E%3Cpath d='M1.94190287,0.385961789 C1.15259274,0.536133855 0.536120348,1.15260472 0.38594791,1.9419129 C-0.128649303,4.64732408 -0.128649303,7.35267592 0.38594791,10.0580871 C0.536120348,10.8473953 1.15259274,11.4638661 1.94190287,11.6140382 C3.29458213,11.8713065 4.64732073,12 6,12 C7.35267927,12 8.70541787,11.8713065 10.0580971,11.6140382 C10.8474073,11.4638661 11.4638797,10.8473953 11.6140521,10.0580871 C12.1286493,7.35267592 12.1286493,4.64732408 11.6140521,1.9419129 C11.4638797,1.15260472 10.8474073,0.536133855 10.0580971,0.385961789 C8.70541787,0.128634152 7.35267927,0 6,0 C4.64732073,0 3.29458213,0.128634152 1.94190287,0.385961789 Z' id='4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
ul.slick-dots li.slick-active {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='645.086 257.415 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M 691.541 265.187 C 690.944 262.031 688.475 259.559 685.319 258.959 C 674.597 256.901 663.578 256.901 652.853 258.959 C 649.697 259.559 647.231 262.028 646.631 265.184 C 645.608 270.535 645.092 275.968 645.086 281.416 C 645.092 286.864 645.608 292.296 646.631 297.645 C 647.231 300.801 649.697 303.27 652.853 303.87 C 663.674 305.931 674.498 305.931 685.319 303.87 C 688.475 303.27 690.941 300.804 691.541 297.648 C 692.576 292.236 693.086 286.828 693.086 281.416 C 693.086 276.004 692.573 270.595 691.541 265.187 Z' style='fill: rgb(255, 255, 255);'/%3E%3C/svg%3E");
}
ul.slick-dots li button {
  visibility: collapse;
}
/*desktop*/
@media only screen and (min-width: 1200px) {
  .background-fix-configurable {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position-x: right;
    background-position-y: top;
  }
  .adapt_height.hasHeader {
    min-height: calc(100vh - 233px) !important;
  }
  .adapt_height.hasNotHeader {
    min-height: calc(100vh - 109px) !important;
  }
  .adapt_height.hasHeader.hasBreadcrumb {
    min-height: calc(100vh - 314px) !important;
  }
  .adapt_height.hasNotHeader.hasBreadcrumb {
    min-height: calc(100vh - 191px) !important;
  }
  .adapt_height.hasBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 258px) !important;
  }
  .adapt_height.hasNotBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 177px) !important;
  }
  .bg-image-container .slick-list {
    top: -123px;
  }
}
/*ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .background-fix-configurable {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position-x: right;
    background-position-y: top;
  }
  .adapt_height.hasHeader {
    min-height: calc(100vh - 229px) !important;
  }
  .adapt_height.hasNotHeader {
    min-height: calc(100vh - 110px) !important;
  }
  .adapt_height.hasHeader.hasBreadcrumb {
    min-height: calc(100vh - 310px) !important;
  }
  .adapt_height.hasNotHeader.hasBreadcrumb {
    min-height: calc(100vh - 191px) !important;
  }
  .adapt_height.hasBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 258px) !important;
  }
  .adapt_height.hasNotBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 178px) !important;
  }
}
/*tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .background-fix-configurable {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position-x: right;
    background-position-y: top;
  }
  .adapt_height.hasHeader {
    min-height: calc(100vh - 214px) !important;
  }
  .adapt_height.hasNotHeader {
    min-height: calc(100vh - 150px) !important;
  }
  .adapt_height.hasHeader.hasBreadcrumb {
    min-height: calc(100vh - 263px) !important;
  }
  .adapt_height.hasNotHeader.hasBreadcrumb {
    min-height: calc(100vh - 231px) !important;
  }
  .adapt_height.hasBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 244px) !important;
  }
  .adapt_height.hasNotBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 224px) !important;
  }
}
/*mobile*/
@media only screen and (max-width: 767px) {
  .bg-image-container {
    position: absolute;
  }
  .bg-image-container .slick-list {
    height: 1500px;
  }
  .background-fix-configurable {
    background-repeat: no-repeat;
    background-position-x: right;
  }
  .adapt_height.hasHeader.hasNotBreadcrumb {
    min-height: calc(100vh - 456px) !important;
  }
  .adapt_height.hasNotHeader.hasNotBreadcrumb {
    min-height: calc(100vh - 392px) !important;
  }
  .adapt_height.hasHeader.hasBreadcrumb {
    min-height: calc(100vh - 505px) !important;
  }
  .adapt_height.hasNotHeader.hasBreadcrumb {
    min-height: calc(100vh - 473px) !important;
  }
  .adapt_height.hasBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 516px) !important;
  }
  .adapt_height.hasNotBreadcrumb.hasSmallHeader {
    min-height: calc(100vh - 463px) !important;
  }
}