/* fixed menu */
.site__header { position: fixed; top:0; left:0; width:100%;}
.site__wrap { padding-top:4.75em;  position: relative; z-index: 0; }
.touchevents .drop--main .drop__body { max-height: 80vh; overflow-y: auto; }

@media screen and (min-width: 120em){
.site__wrap { padding-top:7em; }
}

/* homepage top */
.top__i .picturefill-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cssvhunit .site--homepage .top--fullscreen { position: fixed; width:100%; top:4.75em; left:0; z-index: 0; border:0; }
.cssvhunit .site--homepage .top__spacer { width:100%; border-bottom:0.25em solid #ffffff; position: relative;}
.cssvhunit .site--homepage .top__over { position: relative; z-index: 2; margin-top:50vh; }
.cssvhunit .site--homepage .site__footer { z-index: 2; position: relative; margin-top: 0; }

@media screen and (min-width: 48em) {
  .cssvhunit .site--homepage .top__over { margin-top:75vh; }
}
@media screen and (min-width: 64em){
  .cssvhunit .site--homepage .site__footer { position: absolute; }
  .cssvhunit .site--homepage .site__wrap { padding-bottom: 17.6em; }
}
@media screen and (min-width: 120em){
.cssvhunit .site--homepage .top--fullscreen{ top:7em; }
}

/* box homepage */
.band .wow { position: relative; }
.band__category {  margin:0; }
.band__header { padding:2em 2em 0; position: relative; z-index: 2; box-sizing: border-box; }
.band__title { margin-bottom: .4em; }
/*
.band .wow_container { position: relative; overflow: hidden; }
*/
@media screen and (min-width: 48em) {
  .band__header { width: 50%; }
  .band--right .band__header { text-align: right; float: right; }

  .band__img { height: 0; padding-bottom:30%; position: relative; overflow: hidden; }
  .band__img img {
    -webkit-transition:all 5s; -moz-transition:all 5s; -o-transition:all 5s;	transition:all 5s;
    position: absolute; bottom:0; left:0; min-width: 100%; min-height: 100%;
  }
  .band:hover .band__img img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media screen and (min-width: 60em) {
  .band__body { padding: 4em; }
  .band__header { padding: 2em 4em 0; }
  .band__img { width:60%; }
  .csstransforms .band__body,
  .band__body,
  .band__header { width: 40%; }
}
@media screen and (min-width: 80em) {
  .band__header { padding: 4em 4em 0; }
  .band__img { width:69.5%; }
  .csstransforms .band__body,
  .band__body,
  .band__header { width: 30.5%; }
}
@media screen and (min-width: 120em) {
  .band__body { padding: 5em; }
  .band__header { padding: 5em 5em 0; }
}

/* ome news */
.homepage-wall { overflow: hidden; }
@media screen and (min-width: 64em) {
  .homepage-wall { padding-top:5em; padding-bottom: 15em; }
}

/* prodotto listing */

.media--p .media__img { height: 0; padding-bottom:60%; position: relative; overflow: hidden; }
.media--p .media__img img {
  -webkit-transition:all 5s; -moz-transition:all 5s; -o-transition:all 5s;	transition:all 5s;
  position: absolute; top:0; left:0; min-width: 100%; min-height: 100%;
}
/*
.media--p:hover .media__img img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
*/
.media--p .media__img:after { display: none; }

/* cataloghi */
.media--c  .media__img {
  -webkit-box-shadow: 0 .1em .5em 0 rgba(0,0,0,.6);
  box-shadow: 0 .1em .5em 0 rgba(0,0,0,.6);
}
.media--c .media__img { position: relative; float: left;}
.media--c .media__img img { width: 200px; }
.media--c .media__label { clear: both; margin-top:0; padding-top:1em; }
.media--c .media__links { position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; overflow: hidden; }
.media--c .media__sfoglia ,
.media--c .media__download {
  position: absolute; left:0; width:100%; text-align: center; line-height: 2em; margin: .5em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.media--c .media__links .icon { font-size: 2em; vertical-align: middle; margin: 0 .3em 0 0; }
.media--c .media__sfoglia { bottom:70%;  }
.media--c .media__download { top:70%;  }

.media--c:hover .media__sfoglia { bottom:50%; opacity: 1; filter: alpha(opacity=100); }
.media--c:hover .media__download { top:50%; opacity: 1; filter: alpha(opacity=100); }

.media--c .media__img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.media--c:hover .media__img:after { opacity: 0.75; filter: alpha(opacity=75);  }


/* designers */
.box--d {  }
.box--d .box__body { padding: 1em 1em 0;}
.box--d .box__trigger {
  display: none;
  text-align: right; text-transform: lowercase;
  font-size: .9em; line-height: 1em; margin: 1em 0 0;
}

/*
.box--d .box__text>* { display: none; }
.box--d .box__text>*:first-child { display: block; }
.box--d.js-drop-open .box__text>* { display: block; }
.box--d.js-drop-open .box__trigger { display: none; }
*/

.box__carousel { padding:1em 0; border-top:1px solid #efefef; }
.box__carousel .box__title { cursor: pointer; font-weight: normal; text-align: center; text-transform: uppercase; font-size: .9em; }
.box__i { width:100%; height: 0; overflow: hidden; padding-bottom:59.5%; box-sizing: border-box; }
.box__i img { width:100%; }
.box__carousel .box__title i { margin: 0 0 0 .5em;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;}
.box.js-open .box__carousel .box__title i {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.box__list { list-style: none; padding: 0; margin:.8em 0 0; display: none }
.box.js-open .box__list { display: block; }
.box__list li { border-top:1px solid #efefef; margin: 0; padding: .5em 1em;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}





.box__carousel .owl-next,
.box__carousel .owl-prev {
  position: absolute; top:0;
  width: 3em; height: 100%;
}
.box__carousel .owl-next { left:100%;  }
.box__carousel .owl-prev { right:100%; }

.box__carousel .owl-next .fa,
.box__carousel .owl-prev .fa {
  position: absolute; top:50%;
  font-size: 2em; line-height: 1em;
}
.box__carousel .owl-next .fa {
  right:50%; margin:-.5em -.5em 0 0;
}
.box__carousel .owl-prev .fa {
  left:50%; margin:-.5em 0 0 -.5em;
}

/* tops */
.top--fullscreen .top__img { visibility:hidden; }
.lt-ie9 .top--fullscreen .top__img { background:none; }
.lt-ie9 .top--fullscreen .top__img { visibility:visible; height:100%; }

.owl-carousel .owl-item .top__ov { position: absolute; top:0; left:0; width:80%; max-width: 17.5em; margin: 1em; }

@media screen and (min-width: 35.5em) {
.owl-carousel .owl-item .top__ov {   visibility: visible; }
}
@media screen and (min-width: 60em) {
.owl-carousel .owl-item .top__ov { margin: 2em; }
}
@media screen and (min-width: 80em) {
.owl-carousel .owl-item .top__ov { margin: 2em 4em; }
}
@media screen and (min-width: 120em) {
.owl-carousel .owl-item .top__ov { margin: 2em 5em; }
}

.widget__wrap { margin:0 auto; max-width: 31.5em; }

.is-sticky .drop--sidebar { margin-top: 7em; z-index: 999 !important; }

@media screen and (min-width: 120em) {
.is-sticky .drop--sidebar { margin-top: 9em; }

}
@media screen and (max-width: 48em) {
.sticky-wrapper { height: auto !important; }
.is-sticky .drop--sidebar { position: static !important; margin-top: 0; }
}


/* finiture download */
.media--f .media__img { position: relative;}
.media--f .media__links {
  position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; overflow: hidden;
}

.media--f .media__download {
  position: absolute; left:0; width:100%; text-align: center; line-height: 2em; margin: .5em 0;
  opacity: 0; z-index: 10; color: #ffffff !important;
  filter: alpha(opacity=0); margin-top: -1em;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.media--f .media__links .icon { font-size: 2em; vertical-align: middle; margin: 0 .3em 0 0; }
.media--f .media__download { top:70%;  }

.media--f:hover .media__download { top:50%; opacity: 1; filter: alpha(opacity=100); }

.media--f .media__links:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  background: rgb(34, 34, 33);
  filter: alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.media--f:hover .media__links:after { opacity: 0.75; filter: alpha(opacity=75);  }