html, body { width: 99vw; position: relative; padding: 0; margin: 0; font-family: 'Pezzani-Neuzeit', sans-serif; background-color: white; letter-spacing: -0.5px; color: black; /* min-height: 150vh; */ height: fit-content; }
html { margin-top: -16px; min-height: 100vh; }
body { /* min-height: 110vh; */ }
#my-icon { position: fixed; right: 2vW; top: 0.75vh; min-width: 2vh; max-width: 50px; z-index: 1;}
div#msg { position: fixed; top: 0; left: 0; background-color: rgba(123, 123, 123, 0.5); color: white; padding: 5px; z-index: 100; /*display: none; */ font-size: 2vh; }
.hidden { display: none; }
footer { font-size: 0.7vw; padding: 0.6vw; }
nav, .nav { margin: 0; font-size: 0.7vw; }
nav > #top_right { position: absolute; right: 4%; }
ul { margin: 0; padding: 0; }
div#nav { position: fixed; top: 0; width: 100%; z-index: 11; background-color: #eeeeee; /*border-bottom: 1px solid lightgrey; box-shadow: 0px 0px 20px #555;*/}
#bottom { display: inline-block; }
#bottom.opened { background-color: #c4c4c4; text-transform: uppercase; text-align: center; padding: 0 5% 0 5%; /*padding: 15px 50px; *//*width: 90%; z-index: -1; */display: inline-block; }
#bottom.opened li { display: inline-block; }
#bottom.closed { width: 50px; }
#language span a { background-repeat: no-repeat; background-position: center left;}
#language span a[hreflang=de] { background-image: url('images/flag_de.png');}
#language span a[hreflang=en] { background-image: url('images/flag_en.png');}
#language span a[hreflang=es] { background-image: url('images/flag_es.png');}
#language span a[hreflang=fr] { background-image: url('images/flag_fr.png');}
#language span a[hreflang=it] { background-image: url('images/flag_it.png');}
#bottom ul { position: absolute; width: auto; }
#bottom ul.closed { display: block; overflow: hidden; height: 0px; }
#bottom ul.opened { display: block; height: auto; }
#bottom ul li { display: block; }
#bottom ul.opened li a { display: block; margin: 0; }
#bottom ul li a { line-height: 50px; }
.produtillicons { display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; overflow: hidden; line-height: 150px; margin: 5px 10px 5px 0; }
#produtillicons a { display: inline-block; padding: 5px 10px; background-color: #eeeeee; font-size: 0.6em; border: 1px solid #eeeeee; }
#produtillicons a:hover { background-color: transparent; cursor: pointer; }
#produtillicons a #addtowishlist { background-image: url('/images/wishist-set_03.png'); width: 25px; background-position: center left; vertical-align: middle; }
#produtillicons a:hover #addtowishlist { background-position: center right; }
#produtillicons a #subtowishlist { background-image: url('/images/wishist-set_03.png'); width: 25px; background-position: center right; vertical-align: middle; }
#produtillicons a:hover #subtowishlist { background-position: center left; }
.iconmenu { background-repeat: no-repeat; background-position: center left; }
.iconmenu a span { width: 25px; height: 60px; display: inline-block; background-position: left center; background-repeat: no-repeat; }
.iconmenu a:hover span { background-position: -25px center; }
#produtillicons a #wheretobuy { background-image: url('/images/geo-set.png'); width: 25px; }
#produtillicons a:hover #wheretobuy { background-position: center left; }
#user { background-image: url('/images/user_new-set_00.png'); }
.iconmenu a span#wishlist { background-image: url('/images/wishist-set_03.png'); }
div#wishlist p a { padding: 3px 5px; background-color: lightgrey; }
div#wishlist p a:hover { text-decoration: underline; }
#bottom ul { background-color: #596979; }
#top_left ul li a, #top_right ul li a { display: block; padding: 0 0.5vw; }
.nav li { display: inline-block; vertical-align: top; }
.nav li#logoli { float: left; }
.scroll { position: fixed; top: 33%; left: 0; z-index: 11; }

#idea.scroll { text-align: right; right: 0; left: auto; background: url('/images/idea_icon_00.png') no-repeat right top; width: 50px; height: 50px; cursor: pointer; padding-top: 50px; }
#idea.scroll:hover { background-image: url('/images/idea_icon_01.png'); }
#idea.scroll.opened { width: 300px; }
#idea.scroll ul { display: none; }
#idea.scroll ul li { overflow: hidden; }
#idea.scroll ul li h2 { margin: 0; }
#idea.scroll ul li.opened { background: white; color: black; }
#idea.scroll ul#quick_links li.opened { height: auto; }
#idea.scroll ul li h1 { margin-top: 0; }
.scroll ul { display: inline-block; margin: 0; padding: 0; }
.scroll ul li { display: block; background-color: black; color: white; margin: 0; height: 50px; width: 50px; line-height: 50px; text-align: center; transition-property: background-color; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
.scroll ul li.disabled, .scroll ul li.disabled:hover { background-color: darkgrey; }
.scroll ul li:hover { background-color: #797979; cursor: pointer; }
.scroll ul li#share div { position: relative; left: 60px; display: none; background-color: black; text-align: left; color: white; width: 150px; }
.scroll ul li#share div > span { display: block; padding: 10px; line-height: 0; }
.scroll ul li#share div span { color: white; }
.scroll ul li#curr:hover { background-color: black; cursor: default; }
.scroll ul li { background-repeat: no-repeat; background-position: center center; }
.scroll #share { background-image: url('/images/share.png'); }
.scroll #prev { background-image: url('/images/arrow_up_white.png'); }
.scroll #next { background-image: url('/images/arrow_down_white.png'); }
#top_left, #top_right { display: inline-block; vertical-align: top; z-index: 1; }
#top_right[aria-hidden=true] { z-index: 0; }
#top_left > ul > li, #top_right > ul > li{ line-height: 5vh; padding: 0; margin: 0; }
#top_left > ul > li > a, #top_right > ul > li > a { height: 5vh; }
.nav.right.mm-menu.mm-offcanvas.mm-position-right.mm-listview-justify { visibility: hidden; }
.nav.right.mm-menu.mm-offcanvas.mm-position-right.mm-listview-justify.mm-opened.opened { visibility: visible; }
.mm-listview { font-size: 3vh !important; }
li#wishlist a { text-align: center; }
li#wishlist a:hover { font-weight: bold; }
span#wishlistcount { text-align: center; display: inline-block; width: 20px; margin: 0; background-color: #E92D24; height: 20px; vertical-align: middle; line-height: 20px; border-radius: 12px; position: absolute; top: 5px; right: 5px; z-index: 0; color: white; }
a:hover span#wishlistcount { color: white; border-color: #a6a6a6; }
#top_left a, #top_right a { vertical-align: middle; display: inline-block; padding: 0; }
#top_left a:hover, #top_right a:hover, #bottom a:hover { color: #a1a1a1; }
a#logo:hover { background-color: transparent; }
#logo { background-image: url('/images/logo-nero-pezzani-2021_500x100.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 10vw; height: 5vh; display: inline-block; position: relative; }
#language a { display: block; padding: 0; margin: 0; background-position: center center; }
#language .opened { background-color: #596979; }
#language  { text-align: center; position: relative; }
#language *[hreflang] { background-repeat: no-repeat; }
#language ul li { display: block; vertical-align: top; }
a, a:active, a:link, a:visited { color: black; text-decoration: none; transition-property: color; transition-duration: 0.25s; transition-timing-function: ease-in-out; }
a#logo, #wishlist a, a#logo:hover, #wishlist a:hover { text-decoration: none; }
a:hover { color: #0f0f0f; }
#content .side_cathegory a { color: #797979; }
#products_body #content { top: 50px; text-align: center; }
#products_body.detail #content { padding: 2%; min-height: 100em; }
#products_body #content .details, #products_body #content .colours { text-align: left; }
#products_body #content .details, #products_body #content .gallery { display: inline-block; width: 100%; }
#products_body #content .colours table { width: 100%; /*border: 1px solid purple;*/ }
#products_body #content .colours table tr { /*border: 1px solid red; */text-align: center; }
#products_body #content .colours table tr td { /*border: 1px solid blue; */text-align: left; }
#products_body #content .colours table tr.colors a.photo, #products_body #content .colours table tr.colors span { float: left; padding: 5px 0.5vw; }
#nav .mobilemenu { display: none; }
#contact_body #content, #register_body #content, #user_body #content { padding: 3vh 2vw; padding-bottom: 10vh; }
#content { position: relative; top: 77px; color: #2c2c2c; background-color: white; padding: 0 0 7.5vh; }
#content.profilo { text-align: center; }
#content.profilo .testo, #content.profilo #privacy, #content.profilo #legal-notes, #content.profilo #cookies { text-align: left; display: inline-block; max-width: 90vw; }
#content.profilo #laboratorio-pezzani h3 { clear: both; padding-top: 50px; }
#content .products_container #ambience { padding: 25px; margin-bottom: 0; }
#content .products_container #cat_preview { background-color: #eeeeee; margin-bottom: 50px; padding: 50px 0; }
#content h1 { font-size: 2.5vw; margin-bottom: 0; padding-bottom: 2vh; margin-top: 2vh; text-align: center; }
.detail #content h1, .detail #content h2, .detail #content h3 { display: inline-block; }
.detail #content h1 { text-align: left; width: 60vw; }
.detail #content h3 { text-align: right; width: 30vw; vertical-align: bottom; margin-bottom: 10px; }
.detail #content .colours h3 { float: left; width: 5vw; text-align: left; /*height: 30vw;*/ margin-right: 3vw; }
#content #news_home h2 { margin-left: 0; margin-top: 0; font-size: 1.7vw; line-height: 2.5vw; display: inline-block; }
#content #news_home p { font-size: 1vw; line-height: 1.1vw; font-weight: normal; margin: 0; display: inline-block; width: 30vw; }
#content #news_home > h2 { margin-top: 5px; position: relative; text-transform: none; font-size: 1.5em; }
#content #news_home > h2, #content #cat_preview > h2 { position: relative; }
#content .center_list h2 { margin-left: 0%; font-size: 1.2em; }
#content .details { display: block; margin-top: 4vh; }
#content .details h2 { margin: 0; }
#content .details h1 {font-size: 2.5em;}
#content .details h2 {font-size: 1.2em;}
#content .details h3 {font-size: 0.85em;}
#content .details h1, #content .details h2, #content .details h3 { display: inline-block; }
#content #wishlist div.short_desc { font-size: 1.25em; }
#content #wishlist h3 { padding: 0; }
#listino_body #content #wishlist div div.details { text-align: left; }
#content h3.red { font-size: 1em; color: red; }
#content .details h3 { margin: 0; text-align: left; }
#content .price { display: block; background-color: #f0f0f0; padding: 2%; font-size: 2em; font-weight: bold; vertical-align: top; margin-top: 7%; text-align: center; }
#content .price.official { text-decoration: line-through; }
#content .price.discount { color: red; }
#content .price.discount span { position: relative; top: -5px; font-style: italic; font-size: 0.5em; }
#content img { /* float: left; margin: 5px 4vw 0 0; */background-color: transparent; background-image: url('/images/infinite-loop.gif'); object-fit: cover; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%;  }
#content.moving-spaces { margin: 0; }
#content.moving-spaces img { float: none; width: 100%; margin: 0; }
#content.moving-space { float: none; width: auto; }
#content .colors img { width: 44px; height: 44px; border-radius: 22px; border: 1px solid #a1a1a1; }
#content #products .descrizione img { float: left; clear: left; width: 48%; max-width: 550px; }
#products_body #content .products_container .center_list #products ul.products_list { max-width: 1800px; width: 100%; }
#products_body #content .products_container .center_list #products #cat_preview ul { display: block; max-width: 1800px; margin: auto; }
#content #products ul { text-align: center; margin-bottom: 15px; }
#content #products ul#ambience li { display: inline-block; border-left: 2px solid #a1a1a1; padding: 0 10px; }
#content #products ul#ambience li:first-child { border-left: 0px; }
#content #products .close { background-color: #a1a1a1; vertical-align: baseline; display: inline-block; text-align: center; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; padding: 2px; margin: 10px; }
#content #products a:hover .close { color: #eeeeee; }

#content #download img { margin: 0; }
#content .par { min-height: 240px; position: relative; }
#content.moving-spaces .par { display: inline-block; margin-bottom: 4%; }
#content #chi-siamo, #content #laboratorio-pezzani { padding: 0 8%; }
#content #chi-siamo { text-align: center; padding: 8vh 5vw; }
#content #chi-siamo .par { padding: 53% 0% 0%; background-repeat: no-repeat; background-size: 100% auto !important; max-width: 100vw; text-align: left; display: inline-block; }
#content #news_home .par { background-repeat: no-repeat; color: #2c2c2c; font-weight: bold; padding: 7.5vh 4vw; width: 91vw; position: relative; }
#content .par.inside { background-size: 29%; max-width: 100%; }
#content .par.inside span p { margin-top: 0px; width: 40%; }
#content .par.inside.pvideo iframe { min-width: 640px; min-height: 360px; }
#content .par h2 { margin-top: 0; }
#content .par.yt { padding-left: 0; background-size: 28%; max-width: 100%; }
#content .par.pvideo { padding-left: 0; background-size: 28%; width: 100%; }
#content .par a { background-color: white; display: inline-block; width: 100%; }
#content #news_home .par_inside .data { font-size: 2em; line-height: 1em; }
#news a { padding: 1%; max-width: 60%; }
#news a:hover { background-color: #EEADA4; }
#news .data { font-style: italic; }
#content p { display: inline-block; font-size: 2vh; line-height: 3vh; margin-top: 2% 0 0 0; }
#content.moving-space p { width: 100%; margin-top: auto; }
#content p b { font-weight: bold; }
#content ul.products_list p { width: auto; display: inline-block; height: 43px; overflow: hidden; }
#content.profilo p { display: inline; width: 33%; }
#content.profilo p.didascalia { position: absolute; top: 95%; left: 0; }
#content.moving-spaces.profilo p.didascalia { width: 100%; }
#content.profilo.moving-spaces p.didascalia { font-style: italic; font-size: 0.8em; position: relative; top: auto; left: auto; display: inline-block; }
#content #i-nostri-designers span.accordion div { margin-bottom: 50px; }
#content #i-nostri-designers span.accordion div p { display: inline; }
#content #news iframe { border: 0; width: 40%; margin-right: 1%; }
.home_slide { background-size: cover; background-position: center center; background-repeat: no-repeat; color: white; vertical-align: bottom; background-position: 50% 50%; cursor: pointer; }
.home_slide div { display: block; padding: 4% 7%; }
.home_slide div h1 { background-color: rgba(89, 105, 121, 0.66); display: inline-block; }
.home_slide div h1:hover { background-color: rgba(89, 105, 121, 1); } 
.home_slide div a { color: white !important; padding: 1px 10px; border-radius: 3px; transition-property: background-color; transition-duration: 0.25s; transition-timing-function: ease-in-out; display: block; position: relative; }
.home_slide h1 { margin: 0; }
#map { margin-bottom: 3vh; position: relative; top: 76px; background-color: white; }
#map iframe { width: 100%; border: 0; }
#breadcrumb { padding: 1% 0; display: block; position: relative; min-height: 45px; line-height: 45px; font-size: 0.8em; max-width: 1200px; margin: auto; }
#breadcrumb a { color: #0f0f0f; }
#breadcrumb a:hover { color: darkgrey; }
#map #breadcrumb { margin-left: 4%; }
#download ul { margin: 0; padding: 0; }
#download ul li { display: inline-block; margin-right: 20px; }
#download ul li img { display: block; }
#download ul li a { display: inline-block; width: 150px; }
footer { letter-spacing: 0.03vw; font-size: 1vh; padding: 0 0.75vw 0 0; position: relative; /*top: 65px; */background-color: #eeeeee; z-index: 1; }
#map_body footer { position: sticky; bottom: 0px; top: auto; }
footer b { text-transform: uppercase; }
footer .company { text-align: left; }
footer p { display: inline-block; width: 65%; }
footer .quick-links { text-align: left; display: inline-block; width: 93%; margin: 0.5vw; }
footer ul { margin: 0; padding: 0; }
footer li a { color: black !important; }
footer li { display: inline-block; }
footer #recall_overlay a { cursor: pointer; margin-bottom: 25px; }
footer a:hover { color: #a1a1a1 !important; }
footer #footer-fotovoltaico { background-color: #c8c8c8; text-align: center; }
footer #footer-fotovoltaico a#fotovoltaico { display: inline-block; min-height: 15vh; width: 66vw; padding: 0; margin: 0; background-repeat: no-repeat; background-position: center; background-size: 66%; background-image: url('/images/Loghi_POR-FESR_COLORI_ITA.png'); }
footer #footer-fotovoltaico:hover { background-color: #a4a4a4; }
footer #footer { padding: 2vh 2vw; }
#footer { text-align: center; }
#footer #logoli #logo { width: auto; display: block; opacity: 0.5; }
#footer ul { width: 100%; margin: 0 display: inline-block; }
#footer > ul { margin-bottom: 10px; }
#footer ul li ul li { width: 100%; margin: 0; }
#footer .quick-links ul li { width: auto; }
#footer ul li { position: relative; margin: 0; display: inline-block; vertical-align: top; color: black; width: 23%; transition-property: height; transition-duration: 0.25s; transition-timing-function: ease-in-out; background-repeat: no-repeat; background-position: bottom right; text-align: left; }
#footer ul li#language { width: 10%; }
#footer ul li h1 { margin: 0; padding: 10px 20px; background-color: black; color: white; display: block; text-align: center; height: 50px; line-height: 28px;  }
#footer ul li h2 { color: #c4c4c4; font-size: 3em; }
#footer ul li span.cathegory { text-transform: capitalize; font-size: 1.75em; padding-bottom: 15px; display: inline-block; }
#footer ul li img { width: 100%; }
#footer ul li p { margin: 0; padding: 10px; }
#footer #punti-vendita h1, #footer #news h1 { background-color: #c4c4c4; }
#footer #punti-vendita #citta { border: 1px solid #c4c4c4; margin: 15px; background: url('/images/search-loop-20.png') no-repeat center right; }
#footer #punti-vendita p { text-transform: uppercase; color: black; margin: 20px; }
#footer #piu-cliccato { background-image: url('/images/most-viewed.png'); }
#footer #novita { background-image: url('/images/most-recent.png'); }
#footer #punti-vendita { background-image: url('/images/site-pin.png'); }
#footer #news { background-image: url('/images/news.png'); }
#stOCWrapper { top: 55px !important; left: 55px !important; }
.stSidebarModal { height: 249px !important; }
#contacts form, #contacts h1, #contacts h2, #user-page form, #user-page h1, #user-page h2 { max-width: 1200px; margin: auto; }
#user-page p { display: block; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; }
#user-page p, #user-page form, #user-page .accesso { max-width: 600px; }
#user-page .accesso { display: inline-block; width: 25%; vertical-align: top; padding: 0 3%; }
#user-page .accesso.sito { border-right: 3px solid black; }
#user-page { text-align: center; }
#user-page h1, #user-page h2 { display: inline-block; }
#user-page .comp_title { text-align: left; margin-bottom: 20px; }
fieldset { border: 0px solid transparent; text-align: center; padding: 0; }
label { display: inline-block; width: 100%; }
label.radio { display: inline-block; width: 30vw; vertical-align: bottom; }
input[type=checkbox], input[type=checkbox] + label, label[for=chkPrivacy] { width: auto; }
input[name=tipo_contatto] { cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; }
input, button, textarea { display: inline-block; width: 100%; vertical-align: middle; padding: 6px 10px; margin: 6px 0; box-sizing: border-box; border: 0px solid transparent; background-color: #eeeeee; resize: vertical; }
button[type=submit] { width: 30%; height: 85px; font-size: 2em; }
#user-page button[type=submit] { width: 70%; }
input:hover, button:hover, textarea:hover { background-color: #cccccc !important; -webkit-box-shadow: 0 0 0 100px #cccccc inset; }
#user-login input:-webkit-autofill, #user-login textarea:-webkit-autofill, #user-login select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #eeeeee inset; background-color: #eeeeee !important; }
#user-login input:-webkit-autofill:hover, #user-login textarea:-webkit-autofill:hover, #user-login select:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 100px #cccccc inset; background-color: #cccccc !important; }
#user-login input:focus, #user-login textarea:focus, #user-login select:focus { outline: -webkit-focus-ring-color auto 0px; }
button:hover { cursor: pointer; }
input[type=radio], input[type=checkbox] { width: auto; opacity: 0; display: none; }
.checkmark { position: relative; border-radius: 25px; vertical-align: middle; cursor: pointer; display: inline-block; height: 25px; width: 25px; background-color: #eee; }
.checkbutton { position: relative; vertical-align: middle; cursor: pointer; display: inline-block; width: 125px; background-color: #eee; min-height: 50px; text-align: center; padding: 5px; margin: 5px; }
.checkbutton.external { background-color: #2196F3; }
.checkbutton:hover { background-color: #cccccc !important; }
.checkbutton a { display: inline-block; line-height: 15px; }
fieldset input:hover ~ .checkmark, fieldset .checkbutton:hover { background-color: #ccc; }
fieldset input:checked ~ .checkmark, fieldset input:checked ~ .checkbutton { background-color: #2196F3; border: 0 solid transparent !important}
fieldset input:checked ~ .checkmark:hover, fieldset input:checked ~ .checkbutton:hover { background-color: #0074D1 !important; border: 0 solid transparent !important}
fieldset.passive input { margin: 0; }
input[type=radio] + label { width: 46%; }
span#chkPrivacy { display: inline-block; width: 95%; vertical-align: middle; text-align: center; }
span#chkPrivacy .checkbutton { text-align: center; }
#privacy_text { width: 50%; text-align: left; display: inline-block; font-size: 1em; }
#privacy ol li { list-style-type: letters; }
#products .prods_slide { display: inline-block; width: 49.5%;  min-height: 200px;}
#products .prods_slide#operha { background: url('/images/productpv-operha-458x220.jpg') no-repeat center center; }
#products .prods_slide#p4you { background: url('/images/productpv-p4you-458x220.jpg') no-repeat center center; }
#content .side_cathegory { display: block; vertical-align: top; font-size: 12px; line-height: 11px; }
#content .side_cathegory.opened { min-width: 235px; width: 30%; }
#content .side_cathegory.closed { min-width: auto; width: 25px; }
#content .side_cathegory.closed ul, #content .side_cathegory.closed h2 { display: none; }
#content .side_cathegory #openclose { background-image: url('/images/double_arrow_left.jpg'); background-repeat: no-repeat; background-position: top right; cursor: pointer; display: inline-block; width: 25px; height: 25px; float: right; padding: 25px; }
#content .side_cathegory #openclose:hover { background-image: url('/images/double_arrow_left_hover.jpg'); }
#content .side_cathegory.closed #openclose { background-image: url('/images/double_arrow_right.jpg'); width: 25px; height: 25px; }
#content .side_cathegory.closed ul+#openclose { display: none; }
#content .side_cathegory.closed #openclose:hover { background-image: url('/images/double_arrow_right_hover.jpg'); }
#content .side_cathegory ul { margin: 0; padding: 0; }
#content .side_cathegory ul li { display: inline-block; margin-bottom: 3px; }
#content .side_cathegory ul li a { display: inline-block; padding: 5px 0 5px 3px; vertical-align: middle; }
#content .side_cathegory ul li:hover { list-style-type: disc; }
#content .side_cathegory ul li:hover a { background-color: #f0f0f0; }
#content .side_ambience { display: block; vertical-align: top; font-size: 12px; line-height: 11px; }
#content .side_ambience.opened { min-width: 235px; width: 30%; }
#content .side_ambience.closed { min-width: auto; width: 25px; }
#content .side_ambience.closed ul, #content .side_ambience.closed h2 { display: none; }
#content .side_ambience #openclose { background-image: url('/images/double_arrow_left.jpg'); background-repeat: no-repeat; background-position: top right; cursor: pointer; display: inline-block; width: 25px; height: 25px; float: right; padding: 25px; }
#content .side_ambience #openclose:hover { background-image: url('/images/double_arrow_left_hover.jpg'); }
#content .side_ambience.closed #openclose { background-image: url('/images/double_arrow_right.jpg'); width: 25px; height: 25px; }
#content .side_ambience.closed ul+#openclose { display: none; }
#content .side_ambience.closed #openclose:hover { background-image: url('/images/double_arrow_right_hover.jpg'); }
#content .side_ambience ul { margin: 0; padding: 0; }
#content .side_ambience ul li { display: inline-block; margin-bottom: 3px; }
#content .side_ambience ul li a { display: inline-block; padding: 5px 0 5px 3px; vertical-align: middle; }
#content .side_ambience ul li:hover { list-style-type: disc; }
#content .side_ambience ul li:hover a { background-color: #f0f0f0; }
#content .content { max-width: 65%; display: inline-block; }
#content .descrizione { display: inline-block; width: 59%; vertical-align: top; margin: 0 3%; }
#content .descrizione h3 { text-align: left; display: inline-block; text-transform: capitalize; color: #ED2D24; float: left; width: 100%; }
#content .descrizione.closed { width: 100%; }
#content .descrizione p { width: 47%; font-style: italic; }
#content .descrizione.closed p { width: 48%; float: right; }
#content .side_cathegory ul li[active] a { text-decoration: underline; }
#content .side_ambience ul li[active] a { text-decoration: underline; }
.products_container .center_list { text-align: center; }
.related ul.products_list { display: block; text-align: left; }
ul.products_list { display: inline-block; text-align: center; }
ul.products_list * { box-sizing: content-box; }
ul.products_list li.foo { height: 280px; opacity: 0; }

ul.products_list li.quickhover { background-position: center top; }
ul.products_list li.quickhover:hover { background-position: center bottom; }

ul.products_list li.video2 { background-position: left center; animation: play2 2s steps(2) infinite; }
ul.products_list li.video2:hover { animation: playhover2 2s steps(2) infinite; }
ul.products_list li.video3 { background-position: left center; animation: play3 3s steps(3) infinite; }
ul.products_list li.video3:hover { animation: playhover3 3s steps(3) infinite; }
ul.products_list li.video4 { background-position: left center; animation: play4 4s steps(4) infinite; }
ul.products_list li.video4:hover { animation: playhover4 4s steps(4) infinite; }
ul.products_list li.video5 { background-position: left center; animation: play5 5s steps(5) infinite; }
ul.products_list li.video5:hover { animation: playhover5 5s steps(5) infinite; }
ul.products_list li.video6 { background-position: left center; animation: play6 6s steps(6) infinite; }
ul.products_list li.video6:hover { animation: playhover6 6s steps(6) infinite; }
ul.products_list li.video7 { background-position: left center; animation: play7 7s steps(7) infinite; }
ul.products_list li.video7:hover { animation: playhover7 7s steps(7) infinite; }
ul.products_list li.video8 { background-position: left center; animation: play8 8s steps(8) infinite; }
ul.products_list li.video8:hover { animation: playhove8 8s steps(8) infinite; }
ul.products_list li.video9 { background-position: left center; animation: play9 9s steps(9) infinite; }
ul.products_list li.video9:hover { animation: playhover9 9s steps(9) infinite; }
ul.products_list li.video10 { background-position: left center; animation: play10 10s steps(10) infinite; }
ul.products_list li.video10:hover { animation: playhover10 10s steps(10) infinite; }
ul.products_list li.video11 { background-position: left center; animation: play11 11s steps(11) infinite; }
ul.products_list li.video11:hover { animation: playhover11 11s steps(11) infinite; }
ul.products_list li.video12 { background-position: left center; animation: play12 12s steps(12) infinite; }
ul.products_list li.video12:hover { animation: playhover12 12s steps(12) infinite; }
ul.products_list li.video13 { background-position: left center; animation: play13 13s steps(13) infinite; }
ul.products_list li.video13:hover { animation: playhover13 13s steps(13) infinite; }
ul.products_list li.video14 { background-position: left center; animation: play14 14s steps(14) infinite; }
ul.products_list li.video14:hover { animation: playhover14 14s steps(14) infinite; }
ul.products_list li.video15 { background-position: left center; animation: play15 15s steps(15) infinite; }
ul.products_list li.video15:hover { animation: playhover15 15s steps(15) infinite; }
ul.products_list li.video16 { background-position: left center; animation: play16 16s steps(16) infinite; }
ul.products_list li.video16:hover { animation: playhover16 16s steps(16) infinite; }
ul.products_list li.video17 { background-position: left center; animation: play17 17s steps(17) infinite; }
ul.products_list li.video17:hover { animation: playhover17 17s steps(17) infinite; }
ul.products_list li.video18 { background-position: left center; animation: play18 18s steps(18) infinite; }
ul.products_list li.video18:hover { animation: playhover18 18s steps(18) infinite; }
ul.products_list li.video19 { background-position: left center; animation: play19 19s steps(19) infinite; }
ul.products_list li.video19:hover { animation: playhover19 19s steps(19) infinite; }
ul.products_list li.video20 { background-position: left center; animation: play20 20s steps(20) infinite; }
ul.products_list li.video20:hover { animation: playhover20 20s steps(20) infinite; }
ul.products_list li { display: inline-block; margin: 5px; text-align: center; vertical-align: top; background-image: url('/images/infinite-loop.gif'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
ul.products_list li:hover { background-color: #C7C7C7; }
ul.products_list li, ul.products_list li a { width: 22%; }
ul.products_list li a h3 { display: block; vertical-align: bottom; height: 70px; line-height: 30px; margin-top: 35px; text-align: center; font-size: 1.75em !important; font-style: normal !important; font-weight: bold; }
ul.products_list li a { color: #ffffff !important; display: inline-block; width: 100%; height: 100%; color: white; }
ul.products_list li a img { display: none; }
ul.products_list li a div.short_desc { background-color: rgba(0, 0, 0, 0.15); font-size: 0.8em; padding: 0px 10%; height: 0; overflow: hidden; display: inline-block; width: 80%; }
ul.products_list li a:hover div.short_desc { height: 80%; padding: 10%; }
#nav h1.secondaryMenu { display: inline-block; width: 50px; height: 38px; text-align: center; padding: 13px 10px; margin: 0; cursor: pointer; }
#nav h1.secondaryMenu:hover .hamburgherRow { background-color: #0f0f0f; }
#nav h1.secondaryMenu .hamburgherRow { display: block; width: 60%; height: 2px; background-color: black; margin: 8px; position: relative; border-radius: 3px; }
#nav span.secondaryMenu { display: block; }
#nav span.secondaryMenu ul li { display: block; width: 100%; }
#nav span.secondaryMenu ul li a { border: none; width: 100%; padding: 0; }
.colours span.colors { display: inline-block; float: right; min-width: 10vw; max-width: 50vw; margin-right: 50px; vertical-align: top; }
.colours span.colors a { vertical-align: super; }
.colours span.colors span { border: 0px solid #a1a1a1; padding: 5px; }
.colours span.colors span { border-left-width: 2px; }
.colours span.colors h4 { margin: 5px 0; }
.colours span.colors img { display: inline-block; border: 1px solid lightgrey; margin: 5px !important; }
#wishlist .related { max-width: 1300px; margin: auto; }
#wishlist > h1, #wishlist > h3, #wishlist > h4, #wishlist > div { max-width: 1230px; margin: auto; }
#wishlist p { display: block; max-width: 1220px; margin: auto; }
.related { margin-top: 50px; }
.gallery { display: inline-block; width: 100%; height: 520px; vertical-align: top; }
#content .gallery img { margin: 0; background-size: cover; }
.jssorb05 { opacity: 0.75; }
.results li { display: block; height: 200px; background-repeat: no-repeat; background-position: top left; }
.results li a { display: block; padding-left: 270px; height: 200px; }
.results li a img { display: none; }
.gallery div[data-u=slides].double { width: 100% !important; }
.gallery div[data-u=slides].double div[data-p] { width: 100% !important; }
h4 a { text-transform: uppercase; background-color: #596979;  color: white !important; padding: 3px 5px; }
.overlay { position: fixed; background-color: rgba(30,30,30,1); opacity: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; color: white; transition-property: background-color; transition-duration: 1s; transition-timing-function: ease-in-out;}
.overlay.visible { opacity: 1; }
.overlay form#search_form { position: relative; top: -50%; left: -50%; color: white; border: 0; min-width: 360px;}
.overlay form#search_form fieldset { border: none; }
.overlay #search_string { border: 1px solid #a1a1a1; background-color: transparent; width: 75%; color: white; }
.overlay #submit { background-color: transparent; color: white; font-family: 'Pezzani-Neuzeit', sans-serif; width: 25%;}
.overlay #span_form { position: absolute; top: 0; left: 0; }
.overlay #span_form #share > span > span > span { width: 100px; }
.overlay #span_form h1, .overlay #span_form div#share { position: relative; text-align: center; }
.overlay a, .chicklets { color: white !important; }
.overlay #close { position: fixed; background-image: url('/images/close-set.png'); display: inline-block; width: 35px !important; height: 60px; cursor: pointer; top: 2%; right: 5%; }
#home_download { object-fit: cover; width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
#content .webkitVideo { display: inline-block; min-height: 100vh; width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; }
#news_home { visibility: visible; padding: 0; background-color: white; background-image: url('/video/pezzani_moving-spaces_home-page.mp4'); }
#news_home a { display: inline-block; width: 100%; position: relative; background-color: white; }
#home #cat_preview ul { text-align: left; }
#cat_preview ul { text-align: center; display: inline-block; }
#cat_preview li { display: inline-block; background-repeat: no-repeat; background-position: top center; vertical-align: top; margin: 5px; background-size: contain; width: 22%; }
#cat_preview li a:hover { color: #a1a1a1; }
#cat_preview li a { display: inline-block; width: 250px; height: 250px; text-align: center; color: black; }
#products #cat_preview li a { width: 100%; height: 100%; }
#cat_preview li a div.short_desc.verticalalignbottom { margin-top: 250px; }
body#home #cat_preview li.video2 { background-size: 600px 250px; }
body#home #cat_preview li.video3 { background-size: 800px 250px; }
body#home #cat_preview li.video4 { background-size: 1000px 250px; }
body#home #cat_preview li.video5 { background-size: 1200px 250px; }
body#home #cat_preview li.video6 { background-size: 1400px 250px; }
body#home #cat_preview li.video7 { background-size: 1600px 250px; }
body#home #cat_preview li.video8 { background-size: 1800px 250px; }
body#home #cat_preview li.video9 { background-size: 2000px 250px; }
body#home #cat_preview li.video10 { background-size: 2200px 250px; }
body#home #cat_preview li.video11 { background-size: 2400px 250px; }
body#home #cat_preview li.video12 { background-size: 2600px 250px; }
body#home #cat_preview li.video13 { background-size: 2800px 250px; }
body#home #cat_preview li.video14 { background-size: 3000px 250px; }
body#home #cat_preview li.video15 { background-size: 3200px 250px; }
body#home #cat_preview { background-color: #eeeeee; padding: 25px 8vw 10vh; width: 84%; }
body#home #news_home > h2 { margin-left: 161px; }
body#home #cat_preview ul { padding: 0 ; text-align: justify; text-align-last: justify; display: block; }
body#home #cat_preview li { margin: 10px auto; width: 28%; height: auto; background-size: contain; }
body#home #cat_preview li a { width: 100%; text-align-last: center; }
body#home #cat_preview li a h3 { font-size: 2vh; }
#cat_preview li a:hover { background-color: rgba(61,61,61,0.75); }
#home_download a#CTA { display: block; vertical-align: middle; color: white; }

#content #center_span { position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 10; }
#content #center_span #span_cta { display: block; min-width: 250px; position: relative; color: white; text-align: center; font-size: 5vh; font-weight: bold; line-height: 5vh; padding: 10px; }
#content #center_span #span_cta sub { display: block; text-align: center; text-decoration: underline; margin-top: 1vh; font-size: 0.5em; }

div[data-u="navigator"] { top: 490px !important; }
#search_form #search_data input { height: 32px; }
#search_form #search_data input:hover { background-color: #a1a1a1; cursor: pointer; }
#hide { display: none; }
.arrow { position: absolute; bottom: 0; left: 45%; width: 10%; height: 10%; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 10; cursor: pointer; background-image: url('images/arrow_down_grey.png'); }
.fancybox-lock .fancybox-overlay { overflow-y: auto; }


@keyframes play2 { 100% { background-position: 100%; } }
@keyframes playhover2 { 100% { background-position: 100%; } }
@keyframes play3 { 100% { background-position: 100%; } }
@keyframes playhover3 { 100% { background-position: 100%; } }
@keyframes play4 { 100% { background-position: 133.333%; } }
@keyframes playhover4 { 100% { background-position: 133.333%; } }
@keyframes play5 { 100% { background-position: 125%; } }
@keyframes playhover5 { 100% { background-position: 125%; } }
@keyframes play6 { 100% { background-position: 120%; } }
@keyframes playhover6 { 100% { background-position: 120%; } }
@keyframes play7 { 100% { background-position: 116.666%; } }
@keyframes playhover7 { 100% { background-position: 116.666%; } }
@keyframes play8 { 100% { background-position: 100%; } }
@keyframes playhover8 { 100% { background-position: 100%; } }
@keyframes play9 { 100% { background-position: 112.5%; } }
@keyframes playhover9 { 100% { background-position: 112.5%; } }
@keyframes play10 { 100% { background-position: 111.166%; } }
@keyframes playhover10 { 100% { background-position: 111.166%; } }
@keyframes play11 { 100% { background-position: 109.75%; } }
@keyframes playhover11 { 100% { background-position: 109.75%; } }
@keyframes play12 { 100% { background-position: 109%; } }
@keyframes playhover12 { 100% { background-position: 109%; } }
@keyframes play13 { 100% { background-position: 108.333%; } }
@keyframes playhover13 { 100% { background-position: 108.333%; } }
@keyframes play14 { 100% { background-position: 107.666%; } }
@keyframes playhover14 { 100% { background-position: 107.666%; } }
@keyframes play15 { 100% { background-position: 106.75%; } }
@keyframes playhover15 { 100% { background-position: 106.75%; } }
@keyframes play16 { 100% { background-position: 106%; } }
@keyframes playhover16 { 100% { background-position: 106%; } }
@keyframes play17 { 100% { background-position: 106.25%; } }
@keyframes playhover17 { 100% { background-position: 106.25%; } }
@keyframes play18 { 100% { background-position: 105.875%; } }
@keyframes playhover18 { 100% { background-position: 105.875%; } }
@keyframes play19 { 100% { background-position: 100%; } }
@keyframes playhover19 { 100% { background-position: 100%; } }
@keyframes play20 { 100% { background-position: 100%; } }
@keyframes playhover20 { 100% { background-position: 100%; } }


@media screen and (max-width: 1280px){
	footer { /*bottom: -10%; */}
}

@media screen and (min-width: 1800px){
	#products_body.detail #content { max-width: 1240px; margin: 0px auto; }
	.detail #content h1 { width: 49%; }
	.detail #content h3 { width: 49%; vertical-align: bottom; }
	ul.products_list li a div.short_desc { width: 80%; }
	#produtillicons a { font-size: 1em; }
	#contact_body footer, #user_body footer, #wishlist_body footer { position: sticky; bottom: 0px; padding-bottom: 0; top: auto; }
	footer { font-size: 0.6vw; }
	#content #center_span #span_cta { font-size: 2vw; width: 750px; height: 200px; }
	#content .par.inside { background-size: 20%; }
	#content #chi-siamo .par { padding: 53% 0% 10vh; }
}

@media screen and (min-width: 2650px){
	#cat_preview li a { width: 500px; height: 500px; }
	#content #products ul, #content .center_list h2 { font-size: 1.5em; }
	#produtillicons a { font-size: 1em; }
	#home_download #center_span #span_cta { font-size: 2em; width: 550px; height: 200px; }
	#content .par { padding-left: 15%; }
}

@media screen and (min-width: 4550px){
	#cat_preview li a { width: 800px; height: 800px; }
	#content #products ul, #content .center_list h2 { font-size: 2em; }
	#products_body #content .products_container .center_list #products #cat_preview ul, #products_body #content .products_container .center_list #products ul.products_list { max-width: 3270px; }
	ul.products_list li, ul.products_list li a, #products #cat_preview ul li, #products #cat_preview ul li a { width: 800px; height: 800px; }
	ul.products_list li a div.short_desc, #products #cat_preview ul li a div.short_desc { width: 780px; }
	ul.products_list li a:hover div.short_desc, #products #cat_preview ul li a:hover div.short_desc { height: 780px; padding: 0; }
	#produtillicons a { font-size: 2em; }
	#home_download #center_span #span_cta { font-size: 3em; width:700px; height: 300px; }
	#content .par { padding-left: 10%; }
}

@media screen and (max-width: 1920px){
	nav, .nav { font-size: 0.8vw; }
	footer { padding: 0; position: absolute; /*top: inherit !important;*/ width: 100vw; margin-top: 6vh; }
}

@media screen and (max-height: 1200px){
	body { /* min-height: 160vh; */ }
}

@media screen and (max-height: 900px){
	body { /* min-height: 180vh; */ }
}

@media screen and (max-width: 1215px){
	html { min-height: 100vh; }
	html.mm-opening .mm-menu.mm-opened ~ .mm-slideout { top: 1.7vh; }
/*	html, body { min-height: 100vh !important; }	*/
/*	body { height: 100vh; }	*/
	nav#bottom { padding: 0; width: auto; }
	#footer ul li ul li { margin: 0.5vh 0.5vw; }
	#footer ul li#address { line-height: 2.5vh; }
	#products_body #content .colours { font-size: 1.5em; }
/*	#products_body footer { bottom: 0px; position: absolute; }	*/
	#user { margin-right: 0; }
	#content { background-color: white; }
	#content .content { width: 100%; min-width: 270px; }
/*	#content h1 { font-size: 1.5em; }	*/
	#content .details { max-width: 100%; }
	#content .details, #content .colours { padding: 0 5%; }
	#products_body #content h1 { font-size: 5vw; }
	#products_body #content .details { padding: 5vw 5vh; }
	#products_body #content .details, #products_body #content .gallery { width: 49%; }
	body#home #cat_preview ul { text-align: center; }
	body#home #cat_preview li { margin-left: 0; }
	#bottom ul { position: relative; top: auto !important; right: auto !important; }
	#profile ul.opened, #language ul.opened, #bottom ul.opened { background-color: #708090; }
	#products .prods_slide { width: 100%; }
	#idea.scroll { position: absolute; top: 80px; }
	.nav li.opened { height: auto; }
	#top_left a, #top_right a, #bottom a { height: auto; }
	#profile, #language { max-height: 500px; }
	#profile ul.opened, #language ul.opened, #bottom ul.opened { z-index: 10; }
	#content .par { background-size: 100%; padding-left: 0; padding-top: 0; margin-top: 0; }
	#content p { font-size: 2.5vh !important; line-height: 3.25vh !important; }
	#content.profilo.moving-spaces p.didascalia { font-size: 2vw; }
	#news a { max-width: 100%; }
	#content #news iframe { width: 100%; height: 157px; }
	#content #news_home .par * { display: block; width: 90vw; }
	#content #news_home .par img { width: 90vw; position: relative; top: 0vh; }
	#content #news_home .par p { width: 90vw; }
	#content #news_home h2 { margin-top: 7vh; -webkit-margin-before: 10vh; position: relative; top: -27vh; padding: 0; margin: 0; }
	#content #chi-siamo .par { padding: 53% 0% 10% 0%; background-size: 50%; margin: 0; min-height: auto; background-position: center top; }
	#content .testo { font-size: 0.8em; }
	.iconmenu, .iconmenu a { display: inline-block; width: auto !important;  margin: 0 20px; cursor: pointer; background-clip: content-box; }
	.iconmenu a span { height: 100%; }
	#top_left > ul > li, #top_right > ul > li { height: 5vh; line-height: 5vh; }
	#top_right ul li.iconmenu a { text-align: center; }
	.gallery { width: 100%; text-align: center; }
	.gallery > div video { position: relative; }
	span#wishlistcount { top: 6px; left: 31px; }
}

@media screen and (max-width: 850px){
	ul.products_list li, #products #cat_preview ul li { width: 46%; }
	ul.products_list li a, #products #cat_preview ul li a { width: 100%; }
}

@media screen and (max-width: 768px){
	#my-icon { min-width: 5vh; }
	.scroll { top: 25%; }
	#top_left { top: 0; left: 0; }
	#content #news_home  .par { background-size: contain; background-position: 50% top; min-width: 100vw; padding-left: 0; text-align: center; display: block; }
	body#home #cat_preview li { height: auto; }
	body#home #news_home > h2 { margin-left: 5%; }
	#content #news_home img { float: none; width: 100vw !important; }
	#content #news_home h2 { font-size: 3em; line-height: 0.9em; }
	#content #news_home p { font-size: 4vw; line-height: 5vw; }
	ul.products_list li, #cat_preview li { background-repeat: no-repeat; }
	#ambience { font-size: 0.8em; }
	#cat_preview li { position: relative; background-position: center top; background-size: cover; }
	#cat_preview li a { position: relative; width: 150px; height: 150px; }
	#home ul.products_list li { background-size: 250px; }
	#cat_preview li.video5 { background-size: 500px; }
	#cat_preview li.video5 { background-size: 750px; }
	#cat_preview li.video5 { background-size: 1000px; }
	#cat_preview li.video5 { background-size: 1250px; }
	#cat_preview li.video6 { background-size: 1500px; }
	#cat_preview li.video7 { background-size: 1750px; }
	#cat_preview li.video8 { background-size: 2000px; }
	#cat_preview li.video9 { background-size: 2250px; }
	#cat_preview li.video10 { background-size: 2500px; }
	#cat_preview li.video11 { background-size: 2750px; }
	#cat_preview li.video12 { background-size: 3000px; }
	#cat_preview li.video13 { background-size: 3250px; }
	#cat_preview li.video14 { background-size: 3500px; }
	#cat_preview li.video15 { background-size: 3750px; }
	ul.products_list li a h3 { height: auto; margin-bottom: 0px; }
	ul.products_list li { margin: 3px; }
/*	footer { padding-bottom: 20px; }*/
	#footer > ul { margin-bottom: 0; }
	#footer > ul > li, #footer > ul > li#language { width: 30vw; margin-bottom: 5vh; margin-left: 0px; }
	#footer > ul > li#logoli { float: right; margin-left: 0; vertical-align: middle; margin-bottom: 0; bottom: 2vh; }
	footer .quick-links { width: auto; float: left; position: relative; top: -37px; }
	.gallery > div video { width: 280px; height: 300px; }
	#content #chi-siamo .par { padding: 53% 0% 10% 0%; background-size: 100%; }
	#content .par.inside { background-size: 100%; }
	#content .par.inside span { margin: 15px auto; max-width: 90%; text-align: left; display: block; float: none; position: relative; }
	.results li { height: 150px; }
	.results li a { height: 150px; padding-left: 170px; }
	#user-page .accesso { width: 95%; margin-bottom: 100px; }
	#user-page .accesso.sito { border: none; }
	body#home #cat_preview li { margin: auto 0; display: block; width: 100%; margin-bottom: 20%; }
	body#home #cat_preview { padding-left: 5%; width: 90%; }
}

@media screen and (max-width: 600px){
	#logo { width: 40vw; min-height: 3vh !important; }
	button[type="submit"] { width: 135px; height: 60px;  }
	#content.profilo #designers.testo .accordion div { text-align: center; }
	#content.profilo #designers.testo .accordion div img { display: inline-block; float: none; width: 100%; margin: 5% 0; }
	#content.profilo #designers.testo .accordion div p { display: block; text-align: left; }
	footer .quick-links { float: none; top: 0px; }
	#footer > ul > li#logoli { width: 90%; float: none; }
	#footer > ul > li, #footer > ul > li#language { margin-bottom: 20px; width: 30%; }
	#footer > ul > li:nth-child(2) ul li { text-align: center; }
	#footer > ul > li:nth-child(3) ul li { text-align: right; }
/*	.gallery > div { width: 210px; }*/
	.gallery > div video { width: 210px; height: 260px; left: 0; }

}

@media screen and (max-width: 360px){
	#footer > ul > li:nth-child(2) ul li { text-align: left; }
	#footer > ul > li:nth-child(3) ul li { text-align: left; }
	#footer > ul > li, #footer > ul > li#language { width: 90%; }
	footer { position: relative !important; }
}