@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: Arial, Times, "Times New Roman", serif;
}
html { overflow-y:scroll; -webkit-font-smoothing: antialiased;
background:#000000; color:#9c9b9b; }
img { vertical-align:bottom; }

::selection { background: #9c9b9b; color:#ffffff; }
::-moz-selection { background: #9c9b9b; color:#ffffff; }


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

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

a,
a:link { color:#ffffff; text-decoration:none; }
a:focus { 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; }


/* general */
.site { background:#222221; color:#ffffff; }
html,
body { margin:0; padding:0; height:100%; }
.site { min-height: 100%; position: relative; }



html { font-size: 15px; }

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

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

.site--chisiamo .site__wrap { padding-bottom:19em; }

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

}
@media screen and (min-width: 90em) {
html { font-size: 17px; }
}
@media screen and (min-width: 120em) {
html { font-size: 19px; }
}
@media screen and (min-width: 160em) {

}

/* header */
.site__header { border-bottom:0.25em solid #ffffff;
  position:relative; width:100%; z-index:999; }

.site__logo { width:41px; padding:0.875em 2.5em 0.75em; }

.drop--lang { position:absolute; top:0; right:0; z-index:100; border:1px solid #454542;
  text-align:right;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
display:none; }
.drop--lang.js-open { background:#000000; border-color:#505050; }

.drop--lang .drop__trigger { font-size:0.625em; line-height:1; padding:0.5em 0.4em; color:#9c9c9c; }
.nav--lang { padding:0.625em; width:5em; color:#9c9c9c; }
.nav--lang li { width:100%; font-size:0.75em; text-transform:uppercase; }
.nav--lang a { color:#9c9c9c; }
.nav--lang .sel>a,
.nav--lang a:hover { color:#ffffff; }



.drop--main .nav--lang { width:auto; font-size:0; margin:1.25rem 0; }
.drop--main .nav--lang li { width:auto; font-size:12px; font-size:0.75rem; }
.drop--main .nav--lang li:before { content:"●"; margin:0 0.33em; }
.drop--main .nav--lang li:first-child:before { display:none; }

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

.drop__trigger[data-target=".drop--main"],
.drop--main .drop__trigger { position:absolute; top: 1.7em; right:1.7em; padding:0.3em; }



.hb { width:1.37em; height:0.87em; 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:3px; 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-menu .hb span:before { opacity:0; }
.csstransforms .js-menu .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-menu .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); }

.nav--main { text-transform:uppercase; font-size:0; }
.nav--main li { font-size: 12px; font-size:0.95rem; line-height:1; width:100%; position:relative; white-space:nowrap; }
.nav--main a { color:#9c9b9b; padding:1.3em 0; position:relative; }
.nav--main a:after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#9c9b9b; }
.nav--main li:first-child a:after { display:none; }

.nav--main .sel a,
.nav--main a:hover { color:#ffffff; }
@media screen and (min-width: 35.5em) {

.site__header:after,
.drop--lang { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }

.drop--lang { opacity: 0; filter: alpha(opacity=0); display:block; }
.site__header.js-menu .drop--lang { opacity: 1; filter: alpha(opacity=100); }

.site__header:after { content:""; background:#222221; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
 }
.site__header.js-menu:after { opacity: 1; filter: alpha(opacity=100); }

.drop--main .nav--lang { display:none; }

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

.nav--main li { width:auto; }
.nav--main a { padding:0.83em; }
.nav--main a:after { width:1px; height:1em; top:0.83em; }

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

.nav--main a { padding:0.416em 0.8em; }
.nav--main a:after { top:0.416em; }

.drop--main { position:absolute; top:50%; margin-top:-0.5em; right:5.81em; }
.drop__trigger[data-target=".drop--main"] { top:50%; margin-top:-0.6em; }

}

/* footer */
.site__footer,
.site__footer .pure-g [class *= "pure-u"],
.site__footer .pure-g-r [class *= "pure-u"] { font-family:"PT Sans"; }
.site__footer {
  margin-top:5em;
  background:#000000; color:#9D9D9C; text-align:center; padding:1.25em 0 1em; }
.site--chisiamo .site__footer { margin-top: 0; }
.widget { margin:0 auto; padding:1.25em; }


.widget--address { padding-bottom:0; padding-top:0; }
.widget address { font-style:normal; font-size:.8em; }
.widget address b { font-weight: normal; }
.widget address b:after { content:"●"; margin:0 1px 0 4px; }
.widget a { color:#9D9D9C; }
.widget a:hover { color:#ffffff; border-color:#ffffff; }

.widget--menu { padding-top:0; }
.nav--footer { text-transform:lowercase; }
.nav--footer li { font-size:.8em; }
.nav--footer li:before { content:"●"; margin:0 4px 0 1px; }
.nav--footer li:first-child:before { display:none; }

.widget--links { }
.widget--links .pure-g { max-width:30em; margin: 0 auto; }
.widget__link { display:block; white-space:nowrap; text-align:center;
  margin:0.25em 0.5em; text-transform:uppercase; position:relative;
  border:1px solid #505050; border-width:1px 0; padding:.43em 0; }
.widget__link span { display:block; font-size:.8em; line-height:1; }
.widget__link i { position:absolute; top:50%; left:0; margin-top:-.5em; display:none; }



.site__top-footer { }
.widget--group { max-width: 17.15em; margin: 0; }
.widget--group a { display: block; font-size: .9em; color:#ffffff;
  height: 6.35em;
  line-height: 6.35em; white-space: nowrap; }
.widget--group .widget__link1 { background-color: #464340; }
.widget--group .widget__link2 { background-color: #82827c; }
.widget--group .widget__link3 { background-color: #5b5958; }


.widget--social { }
.widget--social a { text-align: center; display: inline-block; overflow: hidden;
  width:1.55em; height: 1.55em; line-height: 1.7em;
  font-size:1.87em; color:#000; background:#76706d;}
.widget--social a:hover { background:#ffffff; color:#000000; }

.widget--app { background:#76706d; margin:1.25em auto;
  max-width:7.7em; height: 5.75em; padding: 0 .5em; color:#ffffff; white-space: nowrap;}
.widget--app .widget__label { font-size: .8em; line-height: 1; display: block;
  padding:0.8em 0;}
.widget--app a { margin:0 0; }

.widget--search { padding-bottom:0.1em;  }
.widget__module { height:2.9em; overflow: hidden;
padding:0 0.62em; position: relative; background:#4f4946; color: #ffffff; }
.widget__module .widget__label { position: absolute; top:50%; left:0.6em;
font-size: .9em; margin-top:-0.5em; }
.widget__module .widget__submit { position: absolute; top:50%; right:0.6em;
  margin-top:-.5em; background:none; border:0; padding:0; }
.widget__module .widget__input { position: absolute;
  top:50%; left: 0.6em; width: 80%; background:none;
  margin-top:-0.6em; padding: 0; border: 0;}

.js-focus .widget__module .widget__input { background:#4f4946; }


.widget--newsletter { padding-top:0.1em; }
.widget--newsletter .widget__label { overflow: hidden; height: 2.9em;
  padding:0 0.6em; position: relative;
 line-height: 2.9em; text-align: left; background:#76706d; color:#ffffff;
 font-size:.9em;
}
.widget--newsletter .icon { position: absolute; top:50%; right:10px; margin-top:-.5em; }

@media screen and (min-width: 35.5em) {
.widget__link { padding-left:1.5em; text-align: left; }
.widget__link span { border-left:1px solid #505050; padding-left:0.6em; }
.widget__link i { display:block; }
}
@media screen and (min-width: 48em) {
.site__top-footer { padding:0 1.25em; }
}
@media screen and (min-width: 64em) {
.widget--social { text-align: right; }
}


/* .top */
.top { position:relative;
border-bottom:0.25em solid #ffffff; }
.top__i {  }
.top--fullscreen { overflow:hidden;  }

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

.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%; }

@media screen and (min-width: 35.5em) {
.csstransforms .top--fullscreen .top__overlay { bottom:10px; }
}
@media screen and (min-width: 48em) {
.top--fullscreen .top__i {  }
.top--fullscreen .top__i { height:75vh; }
}
@media screen and (min-width: 64em) {

}
@media screen and (min-width: 1920px) {

}

/* .homepage-wall */
.homepage-wall .inner {  }
.wall { position:relative; margin:1.25em;  }

.wall__i,
.wall__sizer { width:100%; }

.box { overflow: hidden; margin:1.35em; position: relative;
background:#ffffff; color:#1D1D1B; }
.box a {  color:#1D1D1B;  }
.box__img { overflow: hidden; width:100%; }
.box__img img { width: 100%; }
.box__body { padding:1em 1em 3.3em; position: relative; }
.box__date { text-align: right; font-size:.75em; margin-bottom:.5em;
color:#9D9D9C; }
.box__title { font-weight:bold; font-size:1.3em; line-height: 1.3em;
  margin-bottom: .6em; }
.box__text { font-size: 1em; line-height: 1.3em; }
.box__continue { position: absolute; bottom:1.15em; line-height: 1em; right:1em; font-size: 1em; }

.box .drop--box { position: absolute; bottom:1.15em; left:1em; }
.drop--box .drop__trigger {
  position: absolute; bottom:0%; left:0; font-size: .9em; 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:#9D9D9C; }

.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) {
  .wall__i,
  .wall__sizer { width:50%; }
}
@media screen and (min-width: 60em) {
  .wall__i,
  .wall__sizer { width:33.3%; }
}

/* homepage */
.band {
  overflow: hidden; position: relative;
border-bottom:0.25em solid #ffffff; }
.band a { color:#ffffff; }
.band__img { width:100%; position: relative; z-index:2; }
.band__img img { width:100%; }
.band__body { overflow:hidden; padding:2em;
box-sizing: border-box; position: relative; z-index: 2; }

.band__title { font-weight: 700; margin: 0;
  font-size: 2.5em; line-height: 1em; }
.band__category { font-size:1.25em; color: #D5C9B6; text-transform: uppercase; display: block;
margin:.7em 0 .8em; font-weight:700; }
.band__text { font-size:1.25em; line-height: 1.2em;}
.band__text p { margin: 0; }

.band:after { content:""; position: absolute; top:0; left:0;
  width: 100%; height: 100%; z-index:0; }

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

.band__img { width: 50%; float: right; }
.band--right .band__img { float:left; }
.band:after  { width: 60%;}
.band--right:after  { left:auto; right:0; }

.csstransforms .band__body {
    position:absolute; top:50%; left:0; width:50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.csstransforms .band--right .band__body {
      left:auto; right:0;
      text-align:right;
    }

}

@media screen and (min-width: 60em) {
.band__body { padding:2em 5em; }
.band__img { width:46%; }
}
@media screen and (min-width: 82em) {
  /*
.band__title { font-size: 3.6em; }
.band__category { font-size:1.8em; }
.band__text { font-size:1.8em; }
*/
}
@media screen and (min-width: 120em) {
  /*
.band__title { font-size: 4em; }
*/
}







/* .site__body  */
.site__body { overflow: hidden; padding:2.5em 1.25em;
box-sizing:border-box;
max-width:80em; margin: 0 auto;
}
.site__body.has-sidebar {  }
.site__body.has-grid { }
.site__content { overflow: hidden; }
.site__content.has-subcategory {}


@media screen and (min-width: 48em) {
.site__body { padding:3.5em 2.5em; }
.site__body.has-grid { padding: 3.5em 2.19em; }

.site__sidebar { float:left; width:40%; max-width:18em; padding:0 0.31em; }
.site__content.has-subcategory { padding-top: 2.5em;}
.site__body.is-news .site__sidebar { max-width: none; width:100%; float: none; }
}
@media screen and (min-width: 62em) {
.site__body.is-news .site__sidebar { float:left; width:40%; padding:0; }
}
@media screen and (min-width: 120em) {
.site__body { max-width: 75em;}

}



/* prodotti */
.media--p { padding:0 0 0.62em; position: relative;}
.media--p .media__img { width:100%; }
.media--p .media__img img { width:100%; }
.media--p a { display: block; position: relative; overflow: hidden; }
.media--p .media__label { position: absolute; bottom:0; left:0; max-width: 50%;
  min-width:9em;
font-weight:700; font-size: 1em; line-height: 1em;
padding:0.6em 0.85em;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;
}
.media--p .media__img:after { content:"";
width: 100%; height:100%; position: absolute; top:0; left: 0;
opacity: 0; filter: alpha(opacity=0);
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s;}
.media--p:hover .media__img:after { opacity: 0.75; filter: alpha(opacity=75);  }

.correlati { margin-bottom: 3em;}
.correlati .media--p { padding: 0 .5em .5em 0;}

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

}

/* sidebar */
.drop--sidebar { }
.drop--sidebar .drop__trigger { font-size:1.68em; line-height:1; font-weight:bold; color:#ffffff; margin:0; padding:0 0 0.5em; position: relative; }
.drop--sidebar .drop__trigger i { position:absolute; top:50%; right:0; margin-top:-0.7em; }

.drop--sidebar .drop__body { padding:0 0 1em; }

.sidebar__title { margin:1.33em 0 0; font-weight:700; text-transform: uppercase; font-size: 1.1em; }

.nav--col { padding:0; }
.is-capitalized { text-transform: uppercase; }
.nav--col li { font-size:0.95em; line-height:1; width:100%; }
.nav--col a { color:#9c9b9b; }
.nav--col li:hover>a,
.nav--col .sel>a { color:#ffffff; }
.nav--col>li>a { padding:0.16em 0; display:block; }

.nav--door { display:none; text-transform:none; font-size:0; padding:0 0 30px;  }
.nav--door li { font-size:12px; line-height:1; font-weight:bold; }

.sidebar__back { font-size: .85em; display: block; margin: 0 0 2em; line-height: 1em; }
.sidebar__back i {  }

@media screen and (min-width: 48em) {
.drop--sidebar {  }
.drop--sidebar .drop__trigger { cursor:default; }
.drop--sidebar .drop__trigger i { display:none; }
.drop--sidebar .drop__body { display:block !important; height:auto !important; }

.sel .nav--door { display:block; }
}

/* prodotto */
.top__gallery { display: none; }
.top--product { background:none;
  border-bottom:0; position: relative; z-index: 1;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }
.top--product .inner { overflow:hidden; }
.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 .owl-next,
.top--product .owl-prev,
.drop--share .drop__trigger,
.drop--downloads .drop__trigger,
.top--product .top__trigger { width:3.62em; height:3.62em; position:absolute; bottom:0; right:0; background:none; z-index:999; cursor:pointer; }

.top--product .owl-prev { bottom:3.66em; }
.top--product .owl-next { bottom:7.32em; }

.drop--share .drop__trigger:after,
.drop--downloads .drop__trigger:after,
.top--product .owl-next:after,
.top--product .owl-prev:after,
.nav--downloads:after,
.drop--share .nav--share:after,
.top__trigger:after { content:""; position: absolute; top:0; left: 0; width:100%; height: 100%; z-index: -1; opacity: 0.5; filter: alpha(opacity=50); }

.top--product .owl-next i,
.top--product .owl-prev i,
.drop--share .drop__trigger i,
.top__trigger i { position:absolute; left:50%; top:50%; color:#ffffff; margin:-.5em 0 0 -.5em; font-size: 1.7em; }
.top--product .owl-next i,
.top--product .owl-prev i { margin-left:-.2em; }



.cssvhunit .top--product.js-fullscreen .owl-carousel,
.cssvhunit .top--product.js-fullscreen .top__i { height:100vh; }

.no-cssvhunit .top--product.js-fullscreen .owl-carousel,
.no-cssvhunit .top--product.js-fullscreen .top__i { height:800px; }

.top--product.js-fullscreen { background:#000000;  }
.top--product.js-fullscreen .owl-carousel { z-index:998; background:#000000; }
.top--product.js-fullscreen>.inner { max-width:none; }
.top--product.js-fullscreen .top__i { padding:0; }

.top--product .owl-controls { position:absolute; bottom:0; right:0; display:none; }
.top--product.js-fullscreen .top__trigger i:before { content:"\e092"; }


.top--carousel { background:none; display:none; border: 0; }
.top--carousel .owl-carousel { max-width:80em; margin:0 auto; box-sizing: border-box;}
.top--carousel .inner { padding:3.5em 2.5em 0; width:auto; box-sizing:border-box; }
.top--carousel .top__i { height:4.9em; cursor:pointer; position:relative; overflow:hidden; }
.top--carousel .top__i img { height:100%; width:100%; margin:0 auto; }

.top--carousel .owl-dots,
.top--carousel .owl-controls { display: none; }
.top--carousel:hover .owl-controls { display: block; }
.js-hide-nav .owl-controls { display:none !important; }

.top--carousel .owl-next,
.top--carousel .owl-prev { position:absolute; top:50%; margin-top:-.5em; font-size:1.5em; padding:0 .2em; }
.top--carousel .owl-next { right:2.5em; }
.top--carousel .owl-prev { left:2.5em; }

.top--carousel .top__i {
  width:132px; height: 78px;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }
.top--carousel .top__i.js-sel,
.top--carousel .top__i:hover { opacity: 0.25; filter: alpha(opacity=25); }

.top--carousel .owl-stage { min-width: 99%; }

@media screen and (min-width: 35.5em) {
.top--product .top__i { padding-bottom:59.35%; }

}
@media screen and (min-width: 48em) {
.top--carousel .owl-carousel { padding:0 2.5em; }
.top--carousel { display:block; }
.top--product.js-fullscreen .owl-controls { display:block; }
}
@media screen and (min-width: 64em) {

}
@media screen and (min-width: 120em) {
.top--carousel .owl-carousel { max-width:70em;}

}

/* product nav */
.product-nav { position: absolute; top:0; left: 0; width:100%; z-index: 999;}
.js-fullscreen .product-nav { display: none;}

.drop--product { display: inline-block; position: relative; }
.drop--product:after { content:""; width: 100%; height: 100%; position: absolute; top: 0; left:0; opacity: 0.9;
filter: alpha(opacity=90);  z-index: -1; }
.drop--product .drop__trigger { font-size: 1.4em;  line-height: 1; padding:.7em 1.8em;
display: inline-block; width: 12em; position: relative;}

.drop--product .drop__trigger i {
  position: absolute; top: 50%; right:1em; margin-top: -.5em;
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }
.drop--product.is-open .drop__trigger i,
.drop--product.js-open .drop__trigger i {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.drop--product.is-open .drop__body { display: block; }
.drop--product .drop__body { max-width: 12em; padding:1em 2.5em; }
.drop--product .nav--col a { color:#ffffff; }

/* product share */
.drop--share { position: absolute; bottom:0; right:3.68em; z-index: 99; }
.has-downloads .drop--share { right: 7.40em; }
.drop--share .drop__trigger { }
.drop--share .drop__body { display: block;
  position:absolute; bottom:0; right:3.6em; 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: 10.5em; }
.drop--share .nav--share { padding:0 .5em; }
.drop--share .nav--share li { font-size: 1.25em; margin:0; padding: .8em .4em; }
.drop--share .nav--share a { color:#ffffff;  }

/* product download */
.drop--downloads { position: absolute; bottom:0; right:3.68em; z-index: 99; }
.drop--downloads .drop__trigger img { position: absolute; top:50%; left: 50%; margin:-13px 0 0 -13px; width:26px; }
.drop--downloads .drop__body { display: block;
position:absolute; bottom:3.7em; right:-3.7em; width:11.05em; display: none;
}
.nav--downloads { padding:.8em 1em; position: relative; overflow: hidden; }
.nav--downloads li { white-space:nowrap; display: block; text-align: left; font-size: 1em; line-height: 1em; margin:.4em 0; }

/* art */
.has-sidebar .art,
.art { padding:1em 0; }


.art__body { margin-bottom: 3.5em; }
.art__header {  }
.art__title { font-size:1.4em; margin:0; font-weight:700; line-height:1; margin:0 0 .4em; }
.art__desc,
.art__text { font-size:1.1em; line-height:1.4; }
.art__text p { margin:0; }


/* scheda tecnica */
.correlati {}
.correlati__title { font-size:1.4em; margin:0; font-weight:700; line-height:1; margin:3em 0 1em; }

.drop--section { background:#625e5b; color:#ffffff; }
.drop--section .drop__trigger { overflow:hidden; padding:.9em 2em .9em 1em; position:relative;
color:#ffffff; background:#76706e;
}
.drop--section .drop__trigger h1 { font-size:1.3em; line-height:1; margin:0; font-weight: 700; text-transform:uppercase; }
.drop--section .drop__trigger i { position:absolute; top:50%; right:.5em; margin-top:-.5em; font-size:1.5em; }

.tab,
.tab__trigger ,
.tab__trigger i,
.drop--section,
.drop--section .drop__trigger i,
.drop--section .drop__trigger {
-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;	transition:all .5s; }
.drop--section.js-open .drop__trigger,
.drop--section:hover .drop__trigger { padding-left:2.5em; }

.drop--section.is-open .drop__trigger i,
.tab.js-open .tab__trigger i,
.drop--section.js-open .drop__trigger i {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.drop--section .drop__body { padding:1em; }
.drop--section.is-open .drop__body { display: block; }

.tab { border-bottom:1px solid #cccccc;  }
.tab:last-child { border-bottom: 0; }
.tab__trigger { overflow:hidden; padding:.5em 2em .5em 0; position:relative; cursor: pointer
}
.tab__trigger h2 { font-size:1em; line-height:1; margin:0; font-weight: 700; text-transform:uppercase; font-weight: 400; }
.tab__trigger i { position:absolute; top:50%; right:.5em; margin-top:-.5em; font-size:1.5em; }

.tab__body { display: none;}
h3.tab__title { font-size: 1em; margin: .5em 0; }
.drop__body img { width: 80%; display: block; margin: 0 auto; }


.media--f { padding:0 0.25em .8em 0; }
.media--f .media__img img,
.media--f .media__img { width:100%; }
.media--f .media__label { display: block; font-size: .75em; text-transform: uppercase; padding:.3em 0 0; }

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

}
@media screen and (min-width: 48em) {
.art { padding:0 2.5em; }
.drop--section .drop__body { padding:1em 2.5em; }

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

}

/* azienda  */
.top--static { overflow:hidden;  }
.top--static .top__i { overflow:hidden; height:0; padding-bottom:100%; background-size:cover; }

.top--static .top__i>img { visibility:hidden; }
.lt-ie9 .top--static .top__i { background:none !important; padding-bottom:38% !important; }
.lt-ie9 .top--static .top__i>img { visibility:visible; width:100%; }

.art__gallery { margin:25px 0; }
.art__gallery .pure-g { display:block; }
.art__gallery img { width:100%; box-sizing:border-box; padding:0 10px 10px 0; }
.art__gallery-label { font-size:.8em; text-transform:uppercase; display:block; padding:.5em 0 0; }
.art__gallery-label b { font-size:1.2em; }

@media screen and (min-width: 35.5em) {
.top--static .top__i { padding-bottom:75%; }
}
@media screen and (min-width: 48em) {
.top--static .top__i { padding-bottom:52.5%;  }
}
@media screen and (min-width: 64em) {
.top--static .top__i { padding-bottom:40%;  }
}

/* contatti  */
.site--contatti .art { padding-top: .2em;}
.site--contatti .art__text { font-size: 1em;}
#map { position:absolute; top:0; left:0; width:100%; height:100%; }

.sidebar__contacts { font-size:.95em; margin-bottom:2em; }
.spider-form label a,
.sidebar__contacts a { border-bottom:1px dashed #666666; }



.modulo {}
.modulo .art__text { padding:2em 0 1em; }
.spider-form label a { color:#ffffff; }
.pure-checkbox input[type="checkbox"]:checked + span::after, .pure-radio input[type="radio"]:checked + span::after
 { color:#ffffff; }
.pure-checkbox span:after { color:#666666; }
.modulo__msg { font-size:.95em; font-style:italic; }
.spider-form label { font-size:.95em; top:1.95em; text-transform: uppercase; }
.spider-form .js-focus label { top:0; }
.spider-form .control { padding-top:1.8em; }
.spider-form .send { padding-top:1em; }
.spider-form .submit { padding-top:1em; }

.spider-form input[type="text"], .spider-form input[type="password"], .spider-form select,
.spider-form textarea { color:#222221; font-size:1em; border-color:#666666; }
.spider-form textarea { height:auto; }
.spider-form input[type="file"] { font-size:.95em; }

.spider-form option { background:#ffffff; color:#000000; }

.spider-form .pure-button { background:#000000; color:#ffffff; font-size:1.1em; font-weight:bold; padding:1em 2em;  }
.spider-form .pure-button:hover { color:#000000; background:#c20e1a; }
div.js-error { box-sizing:border-box; width:100%; }


.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; color:#ffffff; }
.pure-checkbox input[type="checkbox"]:checked + span::after,
.pure-radio input[type="radio"]:checked + span::after
{ color:#ffffff; }
.spider-form .js-focus input[type="text"],
.spider-form .js-focus input[type="password"],
.spider-form .js-focus textarea  { background:#76706d; color:#ffffff;  }
.spider-form .js-focus .select { background:#76706d; color:#ffffff; }

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

/* cataloghi */
.site--cataloghi .box__img { border:1px solid #404040; box-sizing:border-box; }

.box__label { padding:10px 0; }
.box__label b { display:block; font-size:1.2em; color:#c20e1a; }
.box__label span { text-transform:uppercase; font-size:.8em;  }
.box__download { font-size:.9em; }



/* news */
.wall--compact { margin:0; }
.wall--compact .box { margin:0 1.35em 2.7em;  }
.news__back { position: absolute; top:0; left: 0; z-index: 999;
  font-size: 1em;  line-height: 1; padding:.7em 1.8em .7em 2.5em;
  display: inline-block; white-space: nowrap; }
.js-fullscreen .news__back { display: none; }

.news__back:after { content:""; width: 100%; height: 100%; position: absolute; top: 0; left:0; opacity: 0.9;
filter: alpha(opacity=90);  z-index: -1; }

.art__back i,
.news__back i { position: absolute; top: 50%; left:0em; margin-top: -.5em; }
.art__back { position: relative; font-size: 1em;  line-height: 1;
  padding:.7em 1.8em .7em 1.8em; margin:3em 0 0; }

.is-news .top--carousel { padding:2.5em 0; }
.is-news .top--carousel .owl-carousel { padding:0; }
.is-news .top--carousel .owl-prev { left:0; }
.is-news .top--carousel .owl-next { right:0; }

.art .drop--share { position: relative; top:0; left:-.6em; right:auto;
  bottom:auto; height:3.62em;
  margin-top:3em;
}
.art .drop--share .drop__trigger { right:auto; left:0; }
.art .drop--share .drop__body { right:auto; left:3.62em; }
.art .drop--share .nav--share:after,
.art .drop--share .drop__trigger:after { display: none; }

.art__desc a { border-bottom:1px dashed #666666; }

.allegati { padding:0; list-style: none; margin:3em 0 0; }
.allegati li { position:relative; padding:.2em 0 .2em 3.5em; margin:0; font-size: 1em; }
.allegati img { position: absolute; left:.3em; top:50%; margin-top:-15px;
  height: 30px; }

@media screen and (min-width: 48em) {
  .wall--compact .wall__i,
  .wall--compact .wall__sizer {
      width: 100%;
  }
}
@media screen and (min-width: 62em) {
  .wall--compact .wall__i,
  .wall--compact .wall__sizer {
      width: 50%;
  }
}
@media screen and (min-width: 80em) {
  .wall--compact .wall__i,
  .wall--compact .wall__sizer {
      width: 33.3%;
  }
}

/* cataloghi */
.media--c { padding:0 0 0.62em;  }
.media--c .media__img img { max-width: 100%; }
.media__links { margin:0; padding:0; list-style:none; }
.media__links li { margin:0; font-size:1em; line-height: 1.5em; display: inline-block;}
.media__links li:first-child:after { content:"●"; margin:0 1px 0 4px; }
.media__links.rassegna li:first-child:after { content:none; margin:0 1px 0 4px; }
.media--c .media__label { margin: 1em 0 .3em; font-size: 1em; display: block; text-transform: uppercase; }

.cb_catalogo #cboxContent { margin:0; }
.cb_catalogo #cboxLoadedContent { padding:0; }
.cb_catalogo #cboxClose { right:0; width:60px; height: 60px; }

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

}

/* rete vendita */
.lt-ie9 .world { display: none;}
.world { width:100%; height: 0; position: relative; padding-bottom:75%; }
.world__body { position: absolute; top:0; left: 0; width:100%; height: 100%; }
#world { width:100%; height: 100%; }

.results { border-top:0.25em solid #ffffff; margin-top:2em; }
.results__i { border-top:1px solid #666666; padding:1.5em 0; }
.results__i:first-child { border:0; }
.results__name { font-size: 1.2em; font-weight: 700; margin-bottom:.3em; }
.results__contacts { margin:0; padding: 0; list-style:none; }
.results__contacts li { line-height: 1.2em; margin:0; font-size: 1em; }

.site__sidebar .modulo { max-width:12em; }

@media screen and (min-width: 48em) {
.world { padding-bottom:50%; }

}
/* chi siamo */
.site--chisiamo {  }
.site--chisiamo .art__title { font-size: 1.6em; text-transform: uppercase; margin:0 0 1.5em 0; }
.site--chisiamo .art__body { margin-bottom:0; }
.site--chisiamo h2.art__title { font-size:1em; margin:1.2em 0 1em; }
.site--chisiamo .top--static { border: 0; }

.site--chisiamo .site__header { border: 0; }
.site--chisiamo .top--fullscreen { border:0; border-top:0.25em solid #ffffff;  }



.top--static { height: auto; padding:0;}
.top--static .top__i { position: relative; height: auto; padding:0;}
.top--static .top__i>img { display: block; visibility: visible; width:100%; }

.site--contatti .top--fullscreen .top__i { max-height:600px; }

.top.has-map { display: none; }

@media screen and (min-width: 48em) {
.site--chisiamo .site__body { padding:3.5em 2.5em 2.5em; }
.top.has-map { display: block; }
}

.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: 16px;
}
.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--francenigo { background:#2a2521; color:#ffffff; }
.ping--francenigo:after { border-color:#2a2521 transparent transparent transparent; }

.ping--cordignano { background:#2a2521; color:#ffffff; }
.ping--cordignano:after { border-color:transparent #2a2521 transparent transparent; border-width: 0 20px 20px 0;  left:auto; right:0; }

.ping--vallonto { background:#83827d; color:#ffffff; }
.ping--vallonto:after { border-color:#83827d transparent transparent transparent; }

@media screen and (min-width: 48em) {
.site--chisiamo .art { padding:0 2.5em; }

}

/* designers */
.site--designers .site__body { padding-bottom:0; }

/*.press */
.nav--col .nav--col { margin:.5em; }
.box.js-no-footer .box__body { padding-bottom:1em; }
.box__download { font-size: 1em;  margin: 1em 0 0; }
.box__download .fa { font-size: 2em; margin:0 .3em 0 0; }


.media.media--f p { display: inline;}


.site--es .widget--links .pure-g,
.site--fr .widget--links .pure-g,
.site--de .widget--links .pure-g { max-width:40em; }