@import "vendor/pure/pure.css" screen;
@import "spider4web.css" screen;

@import "vendor/font-awesome.min.css" screen;
@import "vendor/simple-line-icons.min.css" screen;
@import "vendor/animate.css" screen;


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
    font-family: "PT Sans", Arial, Times, "Times New Roman", serif;
}
html { overflow-y:scroll; -webkit-font-smoothing: antialiased;
background:#ffffff; color:#222221; }
img { vertical-align:bottom; }

::selection { background: #69A341; color:#ffffff; }
::-moz-selection { background: #69A341; color:#ffffff; }


h1, h2, h3, h4, h5, h6, strong, dt, th, b { font-weight:700; }
p, li, address, blockquote, td { font-weight:400; }

ol,ul { padding:0 0 0 2em; margin:1em 0;  }
li { margin:.5em 0;  }

.spider-form .js-focus input[type="text"], .spider-form .js-focus input[type="password"],
.spider-form .js-focus select, .spider-form .js-focus textarea
{ border-color:#222221; }
.pure-checkbox input[type="checkbox"]:checked + span::after,
.pure-radio input[type="radio"]:checked + span::after
{ color:#222221; }

a,
a:link { color:#69A341; text-decoration:none; outline: none; }
a:active { outline:none; }

.nav { padding:0; margin:0; list-style:none; }
.nav a,
.nav li { display:inline-block; margin:0; }

.drop__body { display:none; }
.drop__trigger { cursor:pointer; }

.inner { position:relative; width:100%; margin:0 auto; max-width:80em; }
.hide { display: none !important; }

/* general */
html,
.site { background:#3c3c3a; color:#ffffff; }
html,
body { margin:0; padding:0; height:100%; }
.site { position: relative; overflow: hidden;}



html { font-size: 16px; }
@media screen and (min-width: 35.5em) {

}
@media screen and (min-width: 48em) {
.site { min-height: 100%; }
.site__wrap { padding-bottom:45em; }
.site__footer { position:absolute; bottom: 0; left:0; width:100%; height: 30em; }

.site--prodotti .site__wrap,
.site--static .site__wrap,
.site--soluzioni .site__wrap,
.site--azienda .site__wrap {
    padding-bottom: 30em;
}
}
@media screen and (min-width: 64em) {

}
@media screen and (min-width: 80em) {
.homepage-wall .box { font-size: 18px; }

}
@media screen and (min-width: 90em) {
html { font-size: 18px; }
.top__ov,
.homepage-wall .box { font-size: 22px; }
}
@media screen and (min-width: 120em) {
html { font-size: 20px; }
.top__ov { font-size: 28px; }
.homepage-wall .box { font-size: 32px; }

}
@media screen and (min-width: 160em) {

}

/* header */
.site__header { position:fixed; width:100%; z-index:999; background-color: #3c3c3a}

.site__logo { max-width: 9.1em; padding:1.45em 1.44em 1.3em; position: relative; z-index: 99; }
.site__payoff {
    -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
    position: absolute; top:-100%; right: 4em;
    margin:-.5em 0 0; font-size: 2em; line-height: 1em;
    color:#ffffff; }



.drop--main { text-align:center; position:relative; }

.drop__trigger[data-target=".drop--main"],
.header__trigger {
  position:absolute; top: 0; right:0; z-index: 99;
  padding:1.05em 1.18em; margin:0.69em 0.69em;
  background:#000; }



.hb { width:2.125em; height:1em; position:relative; }

.csstransforms .hb span { text-indent:-50px; display:block; overflow:hidden; }

.csstransforms .hb span:before,
.csstransforms .hb:before,
.csstransforms .hb:after { content:""; width:100%; height:2px; background:#ffffff; position:absolute; left:0;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }

.csstransforms .hb:after { top:0; margin-top:-1px; }
.csstransforms .hb:before { bottom:0;  }
.csstransforms .hb span:before { top:50%; margin-top: -2px;}

.csstransforms .js-show-header .hb span:before { opacity:0; }
.csstransforms .js-show-header .hb:after { top:50%;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.csstransforms .js-show-header .hb:before { bottom:50%; margin-bottom:-2px;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }


.site__header {  }
.js-show-header .site__header {  }

.header {
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
display: none;
}
.js-show-header .header { display: block; }
.header__body {
  position: relative;
  border:1px solid #3c3c3a; border-width:0 0.69em 0.69em;
  background:#000000;
}


.nav--main {
  text-transform:uppercase; font-size:0; line-height: 0; text-align: center; }
.nav--main li {
  font-size: 12px; font-size:0.75rem; font-weight: 700;
  line-height:1; width:100%; position:relative; white-space:nowrap; overflow: hidden;}
.nav--main a { color:#9C9B9B; padding:1.3em; position:relative; display: inline-block; }
.nav--main a:hover { color:#ffffff; }

.nav--main li>a:after { content:""; position:absolute; bottom:0%; left:0;
  margin-bottom:-1.3em;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
  width:100%; height:2px; background:#9C9B9B; }
.nav--main li>a:hover:after,
.nav--main li.sel>a:after { bottom:50%; }

.nav--main .sel a,
.nav--main a:hover { color:#ffffff; }


.drop--lang { position: relative; top:0; right:0;
  background:#3F3E3E; }

.drop--lang .drop__trigger {
  background:#3F3E3E;
  border:1px solid #000; border-width:0.69em;
  position: relative;}
.drop--lang .drop__trigger span { display: block; text-align: right; padding:1em; font-size: .8em;text-transform: uppercase; font-weight: 700;}
/*
.drop--lang .drop__trigger:after { content:""; position: absolute; top:1px; right: 1px;
width: 0; height: 0;
border-style: solid;
border-width: 0 .5em .5em 0 ;
border-color: transparent #C5C5C5 transparent transparent;
}
*/


.drop--lang .drop__body { }
.nav--lang { padding: 1em;
border:1px solid #000; border-width:0 0.69em 0.69em; }
.nav--lang li { width:100%; text-align: center; font-size: .75em; text-transform: uppercase; margin:0; }
.nav--lang a { display: inline-block; padding:.5em; color:#C5C5C5; }
.nav--lang .sel a,
.nav--lang a:hover { color:#ffffff; }

.touchevents .drop--lang .drop__body { display: block; }
.touchevents .drop--lang .drop__trigger { display: none; }


@media screen and (min-width: 35.5em) {


}
@media screen and (min-width: 48em) {
  .header {
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
   width:0; position: absolute; top:100%; right: -4em; display: block;
  }
  .js-show-header .header { width: 100%; right:0; }

  .header__body { padding: 0 .5em;  }

  .nav--main { text-align: left; white-space: nowrap;  }
  .nav--main li { width:auto; }
  .nav--main a { padding:1.595em .5em; }
  .nav--main li>a:after { height: 1em; width:1px; bottom:50%; margin-bottom: -.5em; }
  .nav--main li:first-child>a:after { display: none; }


  .drop--lang { position: absolute; top:100%; right:0; width:10em; border: 0; }
  .drop--lang .drop__trigger { position: absolute; bottom:100%; right:0; }
  .drop--lang .drop__trigger span { padding:.4em .6em; }

  .nav--lang {  }
  .site__payoff { top:50%; }

  .touchevents .drop--lang .drop__body { display: none; }
  .touchevents .drop--lang .drop__trigger { display: block; }

}
@media screen and (min-width: 64em) {
  .header { top:.69em; max-width: 70em; }
  .lt-ie9 .header { max-width: none;  }
  .header__body { margin:0 5.15em 0 15em; border:0;  }

  .nav--main a { padding:1.595em .8em; }


}

/* .site__footer */
.site__footer {
  background:#000000; color:#9C9B9B;
  padding:3em 1em; box-sizing:border-box;
  margin-top:0.69em;
  border:1px solid #3c3c3a; border-width:0 0.69em;
}
.site__footer a {  color:#9C9B9B; }
.widget { padding:0; text-align: center; font-family: arial; }
.widget--address { margin: 0 0 1em; }
.widget address { font-style: normal; font-size: .75em; line-height: 1.6em; font-weight: 700; }

.nav--footer { margin:2.2em 0 0;   text-transform: lowercase; }
.nav--footer li { width: 100%; font-size: .75em; line-height: 1.6em; }
.nav--footer a:hover { color:#69A341; }

.nav--foo { text-align: left; }
.nav--foo li { width:100%; font-weight: 700;  }
.nav--foo>li>a { font-size: .75em; line-height: 1.6em; }
.nav--foo a:hover { color:#69A341; }

.nav--foo[data-lvl="1"]>li>a { text-transform: uppercase;  margin-bottom: 1.6em; }
.nav--foo[data-lvl="1"]>li {  }
.nav--foo[data-lvl="2"] { margin-bottom: 2.4em;  }
.nav--foo[data-lvl="2b"] {   }
.nav--foo[data-lvl="2b"]>li { margin-top: 1.6em;  }
.nav--foo[data-lvl="2b"]>li:first-child { margin-top: 0;  }

.footer-grid { display: none; margin-right: 20px;
  position: relative; border-left:1px solid #303030; }
.footer-grid:before,
.footer-grid:after { content:""; width:1px; height: 100%;
position: absolute; top:0; left:25%; z-index: 1;
border:1px solid #303030;
border-width: 0 1px;
width:25%;
}
.footer-grid:after { left:auto; right:0; }

@media screen and (min-width: 48em) {
.site__footer { padding:2em 0 5em; }
.widget--address { text-align: left; margin: 0; }
.widget  { padding:0 0 0 1.87em;  }
.footer-grid .widget { padding:0 1em; position: relative; z-index: 10;}


.nav--footer li { width: 100%; }
.nav--footer a { padding:.2em 0; }

.footer-grid { display: block;}


}

/* top */
.top { position:relative; }

.top__bg { position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index:1; }


.top__i { }
.top--fullscreen { overflow:hidden; padding:0 0.5em 0.5em; }

.top--fullscreen .top__i { overflow:hidden;  background-size:cover; background-color:#3C3C3A; }
.top--fullscreen .top__i { height:50vh; max-height:1200px; }

.top--fullscreen:before,
.top--fullscreen:after { display: block;
content:""; width:.69em; height: 100%; background:#3c3c3a;
position: absolute; top:0; right: 0; z-index: 999;
}
.top--fullscreen:before { right:auto; left: 0; }

.top--fullscreen .owl-dots { position: absolute; bottom: 0; left: 0; width: 100%; padding: .5em 0; text-align: center; line-height: 1em;}
.top--fullscreen .owl-dot { display: inline-block; margin: 0 .35em; width: .5em; height: .5em; box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #000;
  background: #ffffff;
  opacity: .5;
  cursor: pointer;
}
.top--fullscreen .owl-dot:hover,
.top--fullscreen .owl-dot.active { opacity: 1; background: #000000; }



.top__i[data-origin],
.top__i[data-origin='center center'] { background-position:center center; }
.top__i[data-origin='center top'] 	{ background-position:center top; }
.top__i[data-origin='right top'] 	{ background-position:right top; }
.top__i[data-origin='right center'] { background-position:right center; }
.top__i[data-origin='right bottom'] { background-position:right bottom; }
.top__i[data-origin='center bottom'] { background-position:center bottom; }
.top__i[data-origin='left bottom'] 	{ background-position:left bottom; }
.top__i[data-origin='left center'] 	{ background-position:left center; }
.top__i[data-origin='left top'] 	{ background-position:left top; }

.top--fullscreen .top__i>img { visibility:hidden; }
.lt-ie9 .top--fullscreen .top__i { background:none; }
.lt-ie9 .top--fullscreen .top__i>img { visibility:visible; height:100%; width:auto; }

.top__navigation { position: absolute; bottom:-5em; left: 0; width:100%; z-index: 99; text-align: center;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
}
.top__navigation .pure-g { margin:0 auto; max-width: 48em; width:80%; }
.top__navigation__i {
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
  background:rgb(154, 149, 147); background:rgba(154, 149, 147, 0.6); margin:0 1px; }
.top__navigation img { padding:.75em 0; width:80%; display: block; margin: 0 auto;}
.top__navigation__i.js-sel,
.top__navigation__i:hover { background:rgb(0, 0, 0); }

.top__ov {
  position: absolute; top:0; left:0; z-index:10;
  width:100%; height:100%; text-align: center;
  padding:0; overflow: hidden;
}
.top__ov span
{
    /*-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;*/
    font-weight: 700; display:block; position:absolute; width:100%; line-height:1em;
    opacity:0;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode:forwards;
    text-shadow: 0 0 1em rgba(0,0,0,0.70);;
}
.ov__top,
.ov__bottom,
.ov__center { font-size:1.1em; }
.ov__page,
.ov__footer { font-size:.9em; }

.ov__top { bottom:50%; }
.ov__bottom { top:50%; }
.ov__center { top:50%; margin-top:-.5em; }
.ov__page { top:70%; }
.ov__footer { top:75%; margin-top:.5em; }


.active .js-loaded .ov__center
{
    animation-delay: 1s;
    animation-name: fadeInRight;
}
.active .js-loaded .ov__top
{
    animation-delay: 1s;
    animation-name: fadeInRight;
}
.active .js-loaded .ov__bottom
{
    animation-delay: 1.2s;
    animation-name: fadeInRight;
}
.active .js-loaded .ov__footer
{
    animation-delay: 2s;
    animation-name: fadeInUp;
}
.js-active .ov__page { animation-delay: 1s; animation-name: fadeInUp; color: #fff;}

@media screen and (min-width: 35.5em){
.ov__top,
.ov__bottom,
.ov__center { font-size:2em; }
.ov__page,
.ov__footer { font-size:1.2em; }

}
@media screen and (min-width: 48em) {
.ov__top,
.ov__bottom,
.ov__center { font-size:2.8em; }
.ov__page,
.ov__footer { font-size:1.56em; }

.top__navigation { bottom:3.9em; }

.top--fullscreen .top__i {  }
.top--fullscreen .top__i { height:80vh; }
}


/* .homepage-wall */
.margin{/*sara*/padding-top: 4.3em;}
.wall__title { text-align: center; font-size: 1.87em; line-height: 1em; margin:1.5em 0; }
.wall__goto { width: 100%; clear: both; text-align: center; line-height: 1em; font-size: 1.5em; margin: 1.5em 0 0;}
.wall__goto a { color:#ffffff; }
.wall__goto i { vertical-align: middle; margin-left:.3em; }

.wall { position:relative; margin:0 0.437em 0.437em; margin:0; }
.homepage-wall .inner { width:84%; }
.wall__i,
.wall__sizer { width:100%; }

.box { overflow: hidden; padding:0.25em; margin-bottom:.5em; position: relative; }
.box a {  color:#1d1d1a;  }
.box__logo { position: absolute; top:.9em; left:.7em; width:1em; }
.box__img { overflow: hidden; width:100%; margin-bottom: .25em; }
.box__img img { width: 100%; }
.box__body { padding:1em 1em 3em; position: relative; background:#ffffff; color:#1d1d1a; min-height: 12em;  }
.js-no-footer .box__body { padding-bottom:1.2em; }
.box__date { text-align: right; font-size:.75em; margin:.2em 0 .8em; color:#43a739; }
.box__title { font-weight:bold; font-size:1.12em; line-height: 1.3em; color:#3c3c3b;
  margin-bottom: 1.9em;
  overflow: hidden; height: 2.6em;
}
.box__text {
  font-size: .93em; line-height: 1.3em;
  overflow: hidden; max-height: 5.2em;
}
.box__continue {
    position: absolute; bottom:1.2em; line-height: 1em; right:1.2em;
    font-size: .8em; color:#43a739; }


.box .drop--box { position: absolute; bottom:0; left:0; padding:1.2em; color:#43a739; }
.drop--box .drop__trigger {
  position: absolute; bottom:1.6em; left:1.6em; font-size: .8em; line-height: 1em;
}
.drop--box .drop__body {
  overflow:hidden;
  padding-left:2em;
  line-height: 1;
  width:0;
  display:block;
}
.js-open.drop--box .drop__body {
  width:5em;
}
.nav--share { white-space: nowrap; margin:0; padding: 0;}
.nav--share li { margin:0 0 0 .5em; padding: 0; font-size: 1em; }
.box .nav--share a {color:#43a739; }

.drop--box .drop__body {
  -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;	transition:all 1s;
}
@media screen and (min-width: 48em) {
  .js-nomansory { overflow: hidden;  }
.js-nomansory .wall__i { float: left;  }
  .wall__i,
  .wall__sizer { width:50%; }
}
@media screen and (min-width: 60em) {
  .wall__i,
  .wall__sizer { width:33.3%; }
}


/* section */
.homepage-grid {padding:0 0.345em; }
.section { padding:0 0.345em 0.69em; }

.section__body { position: relative; z-index: 1; overflow: hidden; }
.section__body:after {
  content: ""; width:120%; height: 120%;
  position: absolute; top:-10%; left:-10%; z-index: 2; }
.section__img { width:99.9%; }
.section__title {
  font-size: 1.4em; line-height: 1em; font-weight: 700;
  margin: 0;
  padding:.7em .53em;
  width:50%; box-sizing:border-box;
  color:#222221;
  top:0; left:0; z-index: 3;
}
.section__intro {
  font-size: 1.4em; line-height: 1em; font-weight: 700;
  padding:.7em .53em;
  width:80%;
  color:#ffffff;
  top:-100%; left:0; z-index: 4;
  width: 100%; height: 100%; box-sizing: border-box;
}
.section__intro p {
  font-weight: 700; margin:0;
}
.section__products {
  bottom:-80%; left:0; z-index: 4;
  margin:0; padding:0; list-style:none;
  color:#ffffff;
  padding:1.15em 1em;
}
.section__products li {
  margin:.2em 0; font-size: 1.25em; font-weight: 700; line-height: 1em;
}
.section__continue {
  font-size: 0; line-height: 1em;
  top:50%; left:50%; padding:0; margin: -.5em 0 0 -.5em;
  z-index: 4;
}
#s5 .section__continue { top:65%; }
.section__tcontinue {
  display: block;
  font-size: 1em; line-height: 1em;
  padding:1em 0 0;
  top:100%; left: 0; z-index: 4;
  color:#69A341;
}

.section__body:after,
.section__title,
.section__intro,
.section__products,
.section__continue {
  position: absolute;
  -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;	transition:all 1s;
}
.section__body>a { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 99; background:#ffffff; opacity: 0; filter: alpha(opacity=1); }
.touchevents .section .section__body>a { display: none; }
.touchevents .section.js-over .section__body>a { display: block; }

.section:hover .section__continue {
  color:#ffffff;
  font-size: 3.75em;
}
.section:hover .section__title { top: -50%; }
.section:hover .section__intro { top: 0; }
.section:hover .section__products { bottom: 0; }
.section:hover .section__body:after {
 background:#69A341; background:rgba(105, 163, 65, 0.9);
}

@media screen and (min-width: 48em) {
.section__intro { font-size: 1.9em; }
.section__title { font-size: 1.9em; }
#s5 .section__continue { top:50%; }

}
@media screen and (min-width: 120em) {
.section__body { font-size: 28px; }
}
@media screen and (min-width: 160em) {
.section__body { font-size: 32px; }

}

/* page */
.page { overflow: hidden;/*sara*/ padding-top:4.3em !important;}
.page__sidebar { overflow: hidden; margin-bottom:1em; }
.page__body { overflow: hidden; }


.page { padding: 2.5em 0.69em 0; }
.page__body { padding:0 .5em; }
.page__sidebar { padding:0 .5em; }

@media screen and (min-width: 48em) {
.page__sidebar { padding:0 .75em; float: left; min-width:10em; width: 25%; box-sizing: border-box; margin: 0; }

}
/* sidebar */
.drop--sidebar { background:#000000;  padding: 1em; }
.drop--sidebar .drop__trigger { text-align: right; font-weight: 700; text-transform: uppercase; }

.nav--sidebar {  }
.nav--sidebar li { width:100%; line-height: 1.2em; font-size: 1em;}
.nav--sidebar a { font-weight:700; color:#B1B1B0; }

.nav--sidebar a:hover,
.nav--sidebar li.sel a { color:#ffffff; }

.nav--sidebar[data-lvl="1"]>li>a { text-transform: uppercase; }
.nav--sidebar[data-lvl="1"]>li { margin:.5em 0;  }
.nav--sidebar[data-lvl="2"] { display: none; margin-top:1em; }

.nav--sidebar[data-lvl="2"] li.sel a,
.nav--sidebar[data-lvl="2"] li:hover a { color:#69A341 }

 .sel>.nav--sidebar[data-lvl="2"] { display: block; }


@media screen and (min-width: 48em) {
  .drop--sidebar { background:none; padding:0; }
  .drop--sidebar .drop__trigger { display: none; }
  .drop--sidebar .drop__body { display: block !important; }
  .sel>.nav--sidebar[data-lvl="2"] { display: block; }
}

/* prodotti */

.intro { margin-bottom: 1em; }
.intro__title {
  font-size: 1em; line-height: 1em; font-weight: 700;
  padding:.5em 0; margin: 0;
  border-bottom:1px solid #5a5a59; }
.intro__text { font-size: 1em; margin-top:.4em; }
.intro__text p { margin:0; }

.icona-plus {
  width:10px; height: 10px; position: absolute; bottom:-1px; right:-1px; z-index: 2;
  width:1em; height: 1em; border:1px solid #474744;
}
.icona-plus:before,
.icona-plus:after { content:""; position: absolute; background:#474744; }
.icona-plus::after {
  width:.8em; height: 1px;
  top:50%; left:.1em;
}
.icona-plus::before {
  height:.8em; width: 1px;
  top:.1em; left:50%;
}



.media-list {  }
.media--p { padding-bottom:1px; }
.media--p .media__img { width:100%; }

.media--p .media__body { position: relative; z-index: 1; overflow: hidden; }
.media--p .media__title {
  font-size: 1.56em; line-height: 1em; font-weight: 700;
  margin: 0; text-align: center;
  bottom:1em; left:0; width:100%; z-index: 3;
  color:#1d1d1a;
}
.media--p .media__text {
  font-size: 1.25em; line-height: 1.2em; font-weight: 700;
  padding:1.25em 1.2em;
  width:80%;
  color:#ffffff;
  top:-100%; left:0; z-index: 4;
  width:100%; height: 100%; box-sizing: border-box;
}
.media--p .media__text p {
  font-weight: 700; margin:0;
}

.media--p .media__continue {  }
.media--p .media__body:after {
  content: ""; width:120%; height: 120%;
  top:-10%; left:-10%; z-index: 2;
}

.media--p .media__continue {
  font-size: 0; line-height: 1em;
  z-index: 4;
  top:75%; left:50%; padding:0; margin: -.5em 0 0 -.5em;
}



.media--p .media__body:after,
.media--p .media__title,
.media--p .media__text,
.media--p .media__continue {
  position: absolute;
  -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;	transition:all 1s;
}

.media--p:hover .media__title {
  color:#ffffff;
}
.media--p:hover .media__body:after {
 background:#69A341; background:rgba(105, 163, 65, 0.9);
}
.media--p:hover .media__continue {
  color:#ffffff;   font-size: 1.4em;
}
.media--p:hover .media__text { top: 0; }


.media--p .media__body>a { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 99;
   background:#ffffff; opacity: 0; filter: alpha(opacity=1);
}
/*.touchevents .media--p .media__body>a { display: none; }*/
.touchevents .media--p.js-over .media__body>a { display: block; }


@media screen and (min-width: 35.5em) {
  .media--p { padding:0 1px 1px 0; }

}

/* scheda prodotto */
.site__top {
  position: relative; z-index: 99;
  margin:0 0.69em;
  padding:0 0 0.69em;
}
.drop--collezione {
  background:#3F3E3E; background:rgba(63,62,62,.8);
  color:#ffffff; }
.drop--collezione .drop__body { width:11.8em;}
.drop--collezione .drop__trigger {
  position: relative;
  padding:.8em;
}
/*.drop--collezione .drop__trigger:after {
  content:""; position: absolute; bottom:.1em; left: .1em;
  width: 0; height: 0;
  border-style: solid;
  border-width: .8em 0 0 .8em;
  border-color: transparent transparent transparent #C5C5C5;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
}*/
.drop--collezione .drop__trigger:after {
  content:""; position: absolute; bottom:.1em; right: 1.7em; top: 1.4em;
  width: 0; height: 0;
  border-style: solid;
  border-width: 0.5em ;
  border-color:  #C5C5C5 transparent transparent ;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;
}
/*.js-open.drop--collezione .drop__trigger:after {
  bottom:100%; margin-bottom:-.9em;
  border-width: .8em .8em 0 0;
  border-color: #C5C5C5 transparent transparent transparent ;

}*/
.js-open.drop--collezione .drop__trigger:after {
  bottom:100%; margin-bottom:-.9em;
  top: 0.6em;
  border-width: 0.5em ;
  border-color:  transparent transparent #C5C5C5 ;

}
.drop--collezione .drop__trigger h1 {
  margin:0; padding:0;
  text-align: left;
  white-space: nowrap;
  font-size: 1.56em; line-height: 1em; font-weight: 700; }

.drop--collezione .nav--sidebar[data-lvl="1"] { padding:0 1.2em 1em; }

.top__gallery { display: none; }
.top--product { background:none;
  border-bottom:0;
  margin:0 0 0.5em;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }
.top--product .inner {  }
.top--product .top__i { width:100%; position:relative; height:0; padding-bottom:100%; background:#000000; }
.top--product .top__i img { height:auto; width:auto; max-width:100%; max-height:100%; position:absolute; top:0; left:0; }
.csstransforms .top--product .top__i img {
top:50%; left:50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.top--product .top__trigger,
.top--product .owl-prev,
.top--product .owl-next {
  color:#ffffff;
  background:#3F3E3E; background:rgba(63,62,62,.8);
  position:absolute; bottom:0; right:0; z-index:99;
  font-size:1.9em; line-height: 1em;
  width:1.7em; height: 1.7em;
}
.top--product .owl-prev { bottom:3.4em; }
.top--product .owl-next { bottom:1.7em; }
.top--product .top__trigger i,
.top--product .owl-prev i,
.top--product .owl-next i { position: absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; }

.top--carousel {  }
.top--carousel .top__i { position: relative; overflow: hidden; padding: 0 1px 0 0; box-sizing: border-box; }
.top--carousel .top__i:after { content:"";
  position: absolute; top:-10%; left:-10%; width:120%; height: 120%; z-index: 2;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
}
.top--carousel img { }

.top--carousel .top__i.js-sel:after,
.top--carousel .top__i:hover:after { background:#69A341; background:rgba(105, 163, 65, 0.9); }

.top--carousel .owl-nav { display: none;  }
.top--carousel.js-show-nav:hover .owl-nav { display: block; }

.top--carousel .owl-prev,
.top--carousel .owl-next {
  color:#ffffff;
  background:#3F3E3E; background:rgba(63,62,62,.8);
  position:absolute; bottom:0; right:0; z-index:99;
  font-size:1.9em; line-height: 1em;
  width:1.7em; height: 100%;
}
.top--carousel .owl-prev { right:auto; left:0; }
.top--carousel .owl-prev i,
.top--carousel .owl-next i { position: absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; }

.drop--share {
  position: absolute; top:100%; left:0;
}
.drop--share .drop__trigger { padding: .8em .8em .8em 0;  }
.drop--share .drop__trigger i { font-size: 2em; }
.drop--share .drop__body {
  display: block;
  position: absolute; top:0; left:0;
  margin: 1em 0 0 3em;
  width:0; overflow: hidden;

  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
}
.drop--share.js-open .drop__body { width: 10em;}
.drop--share .nav--share a { color: #ffffff; }
.drop--share .nav--share li { font-size: 1.4em; }


.drop--downloads {
  position: absolute; top:100%; right:0;
}
.drop--downloads .drop__trigger { padding: .8em 0 .8em .8em;  }
.drop--downloads .drop__trigger img { width:2.3em; }
.drop--downloads .drop__body {
  position: absolute; top:100%; right:0;
  margin: 0;
}
.nav--downloads { background:#000000; color:#ffffff; padding:1em; text-align: right; width:10em;}
.nav--downloads a { color:#ffffff; }


@media screen and (min-width: 35.5em) {

  .drop--collezione { position: absolute; top:0; left:0; min-width:11.8em; z-index: 10; }
  .top--product .top__i { padding-bottom:53.84%; }

  .drop--collezione .drop__trigger:after {
  content:""; position: absolute; bottom:.1em; top: inherit; left: .1em;
  width: 0; height: 0;
  border-style: solid;
  border-width: .8em 0 0 .8em;
  border-color: transparent transparent transparent #C5C5C5;
  -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;
  }

  .js-open.drop--collezione .drop__trigger:after {
  bottom:100%; margin-bottom:-.9em;
  border-width: .8em .8em 0 0;
  border-color: #C5C5C5 transparent transparent transparent ;
  }
}
@media screen and (min-width: 48em) {

}
@media screen and (min-width: 64em) {

}
@media screen and (min-width: 120em) {

}

/* top product fullscreen... */
.top--productfull { overflow:hidden; margin:0 0 0.69em;  }


.top--productfull:before,
.top--productfull:after { display: block;
content:""; width:1px; height: 100%; background:#3c3c3b;
position: absolute; top:0; right: 0; z-index: 999;
}
.top--productfull:before { right: auto; left: 0; }


.top--productfull .top__i { overflow:hidden;  background-size:cover; }
.top--productfull .top__i { height:50vh; max-height:1200px; }

.top--productfull .top__i>img { visibility:hidden; }
.lt-ie9 .top--productfull .top__i { background:none; }
.lt-ie9 .top--productfull .top__i>img { visibility:visible; height:100%; }

.top--productfull .owl-prev,
.top--productfull .owl-next {
  color:#ffffff;
  background:#3F3E3E; background:rgba(63,62,62,.8);
  position:absolute; top:50%; right:0; z-index:99;
  font-size:1.9em; line-height: 1em;
  width:1.7em; height: 1.7em;
  display: none !important;
}
.top--productfull .owl-prev { right:auto; left:0; }
.top--productfull .owl-prev i { right:auto; left:0; }
.top--productfull:hover .owl-prev,
.top--productfull:hover .owl-next { display: block !important; }

.top--productfull .top__trigger {
  display: none
}
.top--productfull .owl-prev { bottom:3.4em; }
.top--productfull .owl-next { bottom:1.7em; }
.top--productfull .top__trigger i,
.top--productfull .owl-prev i,
.top--productfull .owl-next i { position: absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; }

@media screen and (min-width: 35em) {
.top--productfull .top__trigger {
  color:#ffffff;
  background:#3F3E3E; background:rgba(63,62,62,.8);
  position:absolute; bottom:0; right:0; z-index:99;
  font-size:1.9em; line-height: 1em;
  width:1.7em; height: 1.7em;
  display: block
}
}
@media screen and (min-width: 48em) {
.top--productfull .top__i {  }
.top--productfull .top__i { height:80vh; }

}

/* colorbox... */
/*
#colorbox, #cboxOverlay, #cboxWrapper { overflow: visible !important; }
*/
#cboxLoadedContent { padding:0; }
#cboxContent { padding:3.4em 3.4em 1em; margin:0;  }
#cboxNext,
#cboxClose,
#cboxPrevious {
  color:#ffffff;
  background:#3F3E3E; background:rgba(63,62,62,.8);
  position:absolute; z-index:99;
  font-size:1.9em; line-height: 1em;
  width:1.7em; height: 1.7em;
}
#cboxClose { top:0; right:0;  }
#cboxNext { top:53%; right:0; left:auto; }
#cboxPrevious { top:53%; left:0; right:auto; }
#cboxNext i,
#cboxClose i,
#cboxPrevious i { position: absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; }




/* art */
.art { padding:5em 2em 0; }
h1.art__title {
  font-size:2.5em; font-weight: 700; margin: 0 0 1em; line-height: 1.1em; text-transform: uppercase;
}
.art__text { font-size: 1.25em; }
.art__text p { font-weight: 700;  }

.art .media-list {  }
.art .media-list .art__title { font-size: 1.25em; margin: 3em 0; }

.art__features { margin:4em 0 1em;
  position:relative;
  border:1px solid #727271; border-width: 0 1px;
}
.art__features:after {
  content: ""; position: absolute; top:0; left:33.33%; width:33.33%; height:100%;
  border:1px solid #727271; border-width: 0 1px;
  display: none;
}
.art .widget { padding:0 0 2.5em; position: relative; z-index: 800;}
.art .widget__title {
  font-size: 1.25em; font-weight: 700;
  margin: .3em 0 3em 0;
  text-align: center; text-transform: uppercase;
}
.art .widget__list { margin:0; padding:0; list-style: none; }
.art .widget__list li { margin:0; font-size: 1.25em; font-weight: 700; display: inline-block; }
.art .widget__list li img { max-width: 100%;}

.widget--colors .widget__list,
.widget--use .widget__list { font-size: 0; }

.widget--cap .widget__list li { width:100%; margin-bottom:.5em; }

.widget--use .widget__list { /*max-width:108px; */margin:0 auto; }
.widget--use .widget__list li { background:#ffffff; width:30px; font-size: 16px; margin:0 12px 24px; }

.widget--colors .widget__list { /*max-width:96px; */margin:0 auto; /*text-align: left; */padding: 0 10px; }
.widget--colors .widget__list img { width:30px; height:30px; border:1px solid #ffffff; }

@media screen and (min-width: 35.5em) {
.art__features:after { display: block; }
}


/* azienda */
.section--text { }
.section--text .section__body { background: #ffffff; }
.section--text .section__body:after { display: none; }
.section--text .section__intro { top:0; color: #1c1c1b; position: relative; }


@media screen and (min-width: 64em) {
.section--text .section__body { width:100%; height: 0; padding-bottom:100%; }

}

/* pagine statiche */
.site--static .page { background:#ffffff; padding:0; margin:0 0.69em 0.69em; }
.page__top { padding:1em 1em 0; }
.page__footer { text-align: center; padding:1em; }
.page__back {
  display: inline-block; font-size: 1.25em; line-height: 1em;
  color: #3C3C3B;
}
.page__back i { vertical-align: middle; }

.stripe { color:#3c3c3b; position: relative; }
.stripe__body { padding:2em 1em 1em; }
.stripe__img {
  background:#ffffff no-repeat center center; background-size:cover;
  width:100%; height: 0; padding-bottom:47%; overflow: hidden
}


.cssvhunit .stripe--img {
  min-height:50vh; padding:0;
  position: relative;
  overflow: hidden;
}
.cssvhunit .stripe--img .stripe__img { overflow: hidden; position: absolute;width:100%; height: 100%; top:0; left:0; padding: 0;}

.stripe {
  display: table;
 /* height: 50vh;*/ height: 100%; width:100%;
}
.stripe__content {
  display: table-cell; vertical-align: middle;
}
.stripe .stripe__back { position: absolute; top:0; left:0; width:100%; z-index: 99; }


.stripe .page__title { margin:.6em 0; font-size: 2.9em; line-height: 1em; }
.stripe h2.page__title { font-size: 2.1em; }
.stripe .page__text { font-size: 1.25em; }
.stripe .page__text a { border-bottom:1px dashed #69A341; }
.stripe .page__text b,
.stripe .page__text strong { color:#69A341; }
.stripe .page__text li,
.stripe .page__text p { font-weight: 700; }

.stripe.has-margin { border-bottom:0.69em solid #3c3c3b; }

.stripe__links { border-top:1px solid #cccccc;
  margin:3em 0 2em; padding:2em 0 0; list-style: none;
}
.stripe__links li { margin:0; display: inline-block; width:100%; font-size: 1.25em; font-weight: 700; margin: 10px 0px;}
.stripe__links a { color:#3c3c3b; }
.stripe__links img {margin:0 0.2em 0 0; float: left;}

@media screen and (min-width: 35em) {
.stripe__links li a{ width:100%;font-size: 16px;  }
.stripe__links img { vertical-align: middle; margin:0 0.5em 0 0; float: none;}
}

@media screen and (min-width: 48em) {
  .stripe .page__title { font-size: 3.75em; }
  .stripe h2.page__title { font-size: 2.5em; }

  .page__top { padding:2.35em 3.4em 0; }
  .page__footer { padding:4.35em 3.4em 2.35em 3.4em; }


  .stripe__body { padding:3em 3.4em 3em; }
  .stripe__links li a{ font-size: 14px; }
  .cssvhunit .stripe--img ,
  .stripe { height: 80vh; }
}
@media screen and (min-width: 64em) {
.stripe__links li { width:33%; }
.stripe__links li a{ font-size: 14px; }
.stripe h1.page__title { margin-top:1.2em; }
.stripe.no-absolute h1.page__title { margin-top:0; }

}
@media screen and (min-width: 84em) {

.stripe__links li a{ font-size: 19px !important; }


}
@media screen and (min-width: 120em) {
.stripe__links li a{ font-size: 25px !important; }

}


/* certificazioni */
.media--cer { margin:2em 0 0; overflow: hidden; }
.media--cer .media__img { display: none; }
.media--cer .media__img  img { max-width:80%; }
.media--cer .media__body { overflow: hidden; }
.media--cer .page__text a { border-bottom:0; }
.media--cer .page__text b,
.media--cer .page__text strong { color:#3c3c3b; }

.cert-list { list-style: none; padding:0; }
.cert-list li { margin: 1.4em 0;}
.cert-list a { color:#3c3c3b; }

.cert-list i{margin-left:15px;}


@media screen and (min-width: 48em) {
.media--cer { margin:3.4em 0 0; }
.media--cer.no-margin { margin:0 0 0; }
.media--cer .media__img { float: left; width:40%; max-width:10em; display: block; }
.no-margin .cert-list,
.no-margin .cert-list li { margin:0; }

}


/* timeline */
.timeline {
  color:#3c3c3b;
  overflow: hidden;
  position: relative;
}
.timeline__line { position: absolute; top:0; left:1em;  width:1px; height: 100%;
  z-index: 1;
  background:#fff url("../img/azienda/storia/timeline-line.png") repeat-y 0 0;
}
.timeline__line::before {
  content:"";
  display: block; position: absolute; top:0; left:0; width:100%; height: 100%;
  margin-top:-10em;
  background: #b6b6b5;
}
.timeline a { color:#3c3c3b; }
.timeline__img { margin:1.25em 0 0; }
.timeline__img img { border:1px solid #b6b6b5; width:5.6em; }
.timeline__i {
  padding:1em 1em 1em 2em;
  margin:4em 1em 6em;
  position: relative;
  box-sizing: border-box;
  z-index: 2;
}
.timeline__i.year-today { margin: 0; }
.timeline__year {
  padding:.4em .8em .2em;
  position: absolute; bottom:100%; left:0;
  font-size: 2.4em; line-height: 1em; margin:0;
  width:100%; box-sizing: border-box;
  border-bottom:1px solid #b6b6b5;
  white-space: nowrap;
}
.timeline__body {
  font-size: 1.25em;
}
.timeline__body p { font-weight: 700; margin:0; }
.year-today .timeline__body p { font-weight: 400; /*font-style: italic;*/ font-weight: 700 }
.timeline__i.year-1983 .timeline__year {
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
}

@media screen and (min-width: 48em) {
  .timeline { height:176em; padding: 0; margin:0 3.4em; }
  .timeline__i {
    position: absolute;
    width:50%;
    margin:4em 0 0;
    padding:1em 3.5em;
  }
  .timeline__year { padding-left:1.4em; }
  .timeline__line  { left:50%; }

  .year-1983 { top:0; right:50%; margin-right: -1px; }
  .year-1985 { top:14em; left:50%; }
  .year-1989 { top:29em; right:50%; }
  .year-1997 { top:48em; left:50%; }
  .year-1999 { top:65em; right:50%; }
  .year-2002 { top:84em; left:50%; }
  .year-2009 { top:103em; right:50%; }
  .year-2014 { top:124em; left:50%; }
  .year-2015 { top:146em; right:50%; }
  .year-today { bottom:0; left:50%; }

  .year-1983,
  .year-1989,
  .year-1999,
  .year-2009,
  .year-2015  { padding-left:0; padding-right: 3.5em; }
  .year-1983 .timeline__year,
  .year-1989 .timeline__year,
  .year-1999 .timeline__year,
  .year-2009 .timeline__year,
  .year-2015 .timeline__year { padding-left:0; }

}
@media screen and (min-width: 64em) {
  .timeline__year {
    font-size: 3.75em;
    padding:.3em .9em .5em;
  }

  .timeline { height:154em; }
  .year-1983 { top:2.5em; }
  .year-1985 { top:16em; }
  .year-1989 { top:29em; }
  .year-1997 { top:46em; }
  .year-1999 { top:61em; }
  .year-2002 { top:80em; }
  .year-2009 { top:95em; }
  .year-2014 { top:113em; }
  .year-2015 { top:131em; }
  .year-today { bottom:0; }


}
@media screen and (min-width: 80em) {

  .timeline { height:138em; }
  .year-1983 { top:2.5em; }
  .year-1985 { top:16em; }
  .year-1989 { top:29em; }
  .year-1997 { top:44em; }
  .year-1999 { top:57em; }
  .year-2002 { top:72em; }
  .year-2009 { top:87em; }
  .year-2014 { top:102em; }
  .year-2015 { top:117em; }
  .year-today { bottom:0; }
}


/* soluzioni */
.section--title { }
.section--title .section__body { background: #ffffff; }
.section--title .section__body:after { display: none; }
.section--title .section__title {
  top:0; color: #1c1c1b; font-size: 3.75em;
  line-height: .9em;
  padding:.3em;
}
.section--title.js-over .section__title,
.no-touchevents .section--title:hover .section__title { top:0; }

.stripe--prodotti .stripe__body { padding-top:0; }
.stripe--prodotti .page__title { font-size: 1.25em; text-transform: uppercase; }

.media--sp {  }
.media--sp a { color:#3c3c3a; }
.media--sp .media__img { width:17em; max-width:100%; }
.media--sp .media__body { padding: 1em; }
.media--sp .media__title { font-size: 2.5em; line-height: 1em; margin: 0;}
.media--sp .media__text { font-size: 1.25em; }
.media--sp .media__text p { font-weight: 700; }

.stripe--prodotti .media-list { border-bottom:1px solid #b6b6b5; margin-bottom:2em; }
.stripe--prodotti .media-list:last-child { border:0; margin: 0; }
.page__allegati { width:100%; clear: both; }
.allegati { margin:0; padding:0; list-style: none;}
.allegati a { color:#3c3c3a; }
.allegati li { font-weight: 700; font-size: 1.2em; }
.allegati img { width: 1.6em; vertical-align: middle; margin-right: .5em;}


.cssvhunit .page--soluzioni .stripe--img {  width:100%; height: 0; min-height: 0; padding-bottom:49%; overflow: hidden; }
.page--soluzioni .stripe--img img { width:100%; display: none;  }

.lt-ie9 .page--soluzioni .stripe--img {  width:100%; height: auto; min-height: 0; padding-bottom:0; overflow: hidden; }
.lt-ie9 .page--soluzioni .stripe--img .stripe__img { position: relative; height: auto; padding:0;  }
.lt-ie9 .page--soluzioni .stripe--img img { display: block;  }



@media screen and (min-width: 48em) {
.media--sp { overflow: hidden; }
.media--sp .media__img { float: left; }
.media--sp .media__body { overflow: hidden; }


}

/* news */
.page--news .page__allegati { border-top:1px solid #b6b6b5; padding:1em 0 0; margin-top:2em; }

.page__gallery { border-bottom:1px solid #b6b6b5; }
.page__gallery>.gallery-trigger>img { max-width: 100%; }
.gallery__links { margin:0; padding:0; list-style: none; margin:1em 0; }

@media screen and (min-width: 48em) {
.page__gallery { float: right; border: 0; padding: 1em 0 1em 2em; min-width: 20em; max-width:40%; text-align: right; }
.page--news .page__text { overflow: hidden; }

}

/* contatti */
#map { position: absolute; top:0; left:0; width:100%; height: 100%; }
.page--contatti .stripe--img { overflow: hidden; position: relative; display: none; }

.ping {
    position: absolute;
    background:#ffffff;
    color:#202020;
    width:260px;
}
.ping:after { content:"";
position: absolute; top:100%; left: 0;
width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #ffffff transparent transparent transparent; }
.ping div {
    padding:1.25em;
    font-size: 14px;
}
.ping b { display: block; text-transform: uppercase; font-size: 1.2em; font-weight: 700; margin-bottom:1em; }
.ping span { display: block; font-weight: 700; margin-bottom:1em; font-size: 1em; line-height: 1.2em; }
.ping em { display: block; font-style: normal; font-size: 1em; line-height: 1.2em;  }


.ping--ita { background:#3b3b3c; color:#ffffff; }
.ping--ita:after { border-color:#3b3b3c transparent transparent transparent; }



.ping--uk { background:#3b3b3c; color:#ffffff; margin-left:-260px; }
.ping--uk:after { border-color:transparent #3b3b3c transparent transparent; border-width: 0 20px 20px 0; left:auto; right:0; }

.page__logo { margin:0 0 1em; max-width:70%; }
.contacts-sidebar .page__text { margin:0 0 2em; }

@media screen and (min-width: 48em) {
.page--contatti .stripe--img { display: block; }

}

/* .contatti form.. */
.contacts-sidebar {  }

.control--check { margin: 2em 0;}
.spider-form .pure-button { background:#000000; color:#ffffff; font-weight: 700; padding:1em 2em; font-size: 1.25em; }
.spider-form .pure-button:hover { background:#69A341; }
div.js-error { font-size: .8em; }

@media screen and (min-width: 64em) {
.modulo { overflow: hidden; }
.contacts-sidebar { float: left; width:40%; min-width: 20em; padding-right: 2em; }
}



/* prodotti change */
.site--prodotti .page {
  background:#fff;
  color:#1d1d1a;
  padding:0;
  margin:0 0.69em 0.69em;
}
.site--prodotti .page.art { padding:6em 2em 2em; padding-top: 6em !important; }
.site--prodotti .drop--sidebar { background:#fff;  }
.site--prodotti .intro { padding:1.4em 2em 3.5em; margin:0; }
.site--prodotti .intro__title { border:0; padding-bottom:0;  }
.site--prodotti .intro__text { margin:0;  }

.art-wrap { background:#ffffff; }


.site--prodotti .page__sidebar {  }
.site--prodotti .page__body { padding:0; }

.nav--sidebar a { color:#999999;  }
.nav--sidebar a:hover, .nav--sidebar li.sel a { color:#1d1d1a;  }


.site--prodotti .media--p { padding: 0; border:1px solid #474744; border-width:0 0 1px; }
.site--prodotti .media-list .pure-g {  border:1px solid #474744; border-width:1px 0 0;  }

.site--prodotti .drop--downloads,
.site--prodotti .drop--share { margin:1em; }
.site--prodotti .drop--share a,
.site--prodotti .drop--share { color:#1d1d1a; }

.drop--collezione .nav--sidebar a:hover,
.drop--collezione .nav--sidebar li.sel a { color:#ffffff; }

.drop--collezione .nav--sidebar[data-lvl="2"] li.sel a,
.drop--collezione .nav--sidebar[data-lvl="2"] li:hover a { color:#69A341; }

.site--prodotti .site__top>.inner { max-width: 78.7em; }

.drop--downloads .drop__trigger { position: relative;}
.drop--downloads .drop__trigger span {
  position: absolute; top:0; right: 100%; font-weight: 700;
  font-size: 1em; text-transform: uppercase;
  color: #3c3c3a; margin:0; padding:1.3em .5em;
}
.nav--share { background:#ffffff; }
.drop--share { z-index: 9; }

@media screen and (min-width: 35.5em){
.site--prodotti .media--p { padding: 0; border-width: 0 1px 1px 0; }
.site--prodotti .media-list .pure-g {   border-width:1px 0 0 1px;  }

}
@media screen and (min-width: 48em){
.site--prodotti .page.art,
.site--prodotti .page { padding-bottom:15em; }
.site--prodotti .page__sidebar {  padding:1.3em 1em; }
.site--prodotti .intro { border-left:1px solid #474744;  }
.art-wrap { margin:0 0.69em; }

}



.nav--foo br,
.nav--sidebar br,
.intro__title br { display: none;}


.cert__5{width: 100px;margin-left: 5px}
.cert__4{width: 100px;margin-top: 24px;  margin-left: 5px}
.cert__5, .cert__4{width: 5em;}


.btn__prodotto{padding:4.35em 3.4em 2.35em 3.4em;}



/* box news update */
.box__wrap { position: relative; height:0; width:100%; padding-bottom:89%; background: #ffffff; overflow: hidden;}
.box__wrap .box__body { position: static; }

@media screen and (min-width: 120em) {
.box__wrap .box__title { margin-bottom: 1.1em; }
}



/*sara*/
.site__header { top:0; left: 0; }
.owl-carousel{margin-top:4.3em;}
.site--azienda .homepage-grid{padding-top: 4.3em;}
.top--productfull .owl-carousel,
.top--carousel .owl-carousel{margin-top: 0em;}
.drop--collezione { margin-top:4.3em; }



.top__i {color:#fff}


/* let's fuck top */

.top--productfull .owl-carousel,
.top--productfull .top__i,
.top--fullscreen .owl-carousel,
.top--fullscreen .top__i {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.top--carousel { position: fixed; bottom: 300%; right: 300%; width: 100%; }
@media screen and (min-width: 35.5em) {
.top--productfull {  margin-top: 4.3em; }
.drop--collezione { margin-top: 0; }
  .top--productfull .owl-carousel,
  .top--productfull .top__i,
  .top--fullscreen .top__i,
  .top--fullscreen .owl-carousel{
    padding-bottom: 40%
    }
  .top--carousel {
    position: relative; bottom: auto; right: auto;
  }

}
.product-video {
width: 100%;
max-width: 35.5em;
margin: 0 auto;
position:relative;
}
.product-video::before {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.product-video iframe {
position: absolute;
top:0;
left: 0;
width:100%;
height: 100%;
}