/*** RESPONSIVE ***/
@media (max-width: 1439px) and (min-width: 1200px){
    .menubar {background: rgba(255,255,255,0) !important; z-index: 10; transition: background 0.18s ease;}
    .menubar.affix {background: rgba(255,255,255,.9) !important;}
    .logo {background: transparent !important;}
}

@media (max-width: 1250px) and (min-width: 1200px){
    #corpo {overflow: visible;}
    #corpo.marginneg20 > div:not(#filter) {margin-left: -20px;}
    .bloccoAA .elemento.grande { width: 620px; }
    #indietro { display:none; }
}

@media (max-width: 1250px){
    #alfabeto {display: none;}
}
.mobile { display:none; }
@media (max-width:767px){
    /* HOMEPAGE */
    .virtual-tour {min-height: 400px;}
    .virtual-tour {margin-top: 0px;}
    .virtual-tour h2 {font-size: 40px; line-height: 40px;}
    .virtual-tour div {font-size: 20px !important; line-height: 22px !important;}
    .virtual-tour a {font-size: 14px; line-height:14px; padding: 10px 40px 10px 20px; background-position: right 10px center;}
    .virtual-tour a:hover {background-position: right 10px center;}
    .intro h1 {font-size: 40px; line-height: 40px;}
    .intro p {font-size: 20px !important; line-height: 22px !important;}
    .trefoto {height: auto;}
    .trefoto div {position: relative !important; top: 0 !important; left: 0 !important;}
    .trefoto img {max-width: 100%; height: auto; margin-bottom: 15px;}
    .trefoto .uno, .trefoto .due, .trefoto .tre  {text-align: center;}
    .trefoto .due .txt {font-size: 20px; line-height: 22px; margin-top: 0px; text-align: center;}
    .progetti-home {display: block;}
    .progetti-home .img img {width: 100vw; height: 100vw;}
    .progetti-home .txt {display: block; padding: 20px;}
    .progetti-home .txt h2 {margin-bottom: 50px; font-size: 28px; line-height: 28px;}
    .progetti-home .txt p {font-size: 20px; line-height: 22px;}
    .acustico {background: none;}
    .acustico img {max-width: 100%; height: auto; margin-bottom: 15px;}
    .acustico .txt h2 {margin-bottom: 50px; font-size: 28px; line-height: 28px;}
    .acustico .txt p {font-size: 20px; line-height: 22px;}
    .acustico .immagini {height: auto;}
    .acustico .immagini .uno {position: relative; left: 0;}
    .acustico .immagini .due {position: relative; top: 0; text-align: center;}
    .outdoor .immagini {flex-direction: column;}
    .outdoor .immagini div {margin-bottom: 15px; padding: 0;}
    .outdoor .txt {margin-top: 25px;}
    .outdoor .txt h2 {margin: 25px 0; font-size: 28px; line-height: 28px;}
    .outdoor .txt p {font-size: 20px; line-height: 22px;}
    .cta {flex-direction: column;}
    .cta .contatto, .cta .catalogo {padding: 0 0 15px; margin-bottom: 15px; height: auto;}
    .cta img {max-width: 80%;}
    .cta .h3 p {font-size: 22px!important; line-height: 26px!important;}
    .cta p {font-size: 18px !important; line-height: 22px !important;}
    .cta .contatto, .cta .catalogo {height: 100vw;}
    footer {font-size: 12px; line-height: 14px;}
    footer .menu a {display: block; padding: 10px 0;}
    footer .social img {width: 30px; height: auto;}
    footer .social a {padding: 0 5px;}

    /* AZIENDA */
    .azienda h2 {margin-bottom: 15px; font-size: 28px; line-height: 28px;}
    .azienda h3 {margin-bottom: 15px; font-size: 20px; line-height: 20px;}
    .azienda #corpo p {font-size: 16px; line-height: 18px;}
    .azienda img {max-width: 100%; height: auto}
    .azienda .duefoto {height: auto}
    .azienda .duefoto .uno {position: relative; top: 0px; left: 0; margin-bottom: 15px;}
    .azienda .duefoto .due {position: relative; top: 0px; left: 0;}


	/* BROWSER */
  #browser .table ul {margin-top: 25px;}
  #browser .max720 {margin: 0; padding: 25px;}
  #browser .logoml {margin-bottom: 40px;}
  #browser .logoml img {width: 120px; height: auto;}
  #browser .titolo h1 {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 36px; line-height: 1em; text-align: center; padding: 0px 0px 30px;}
  #browser p {font-size: 24px; line-height: 28px;}
  #browser ul.icone-browser {width: 270px;}
  #browser ul.icone-browser li {margin-right: 30px; transition: none; width: 45px;}
  #browser ul.icone-browser img {width: auto; height: 45px;}

	/* COOKIE */
    .mobile { display:block; }
	#cookie {left: 0px; bottom: 0px; width: 100%; height: auto; max-height: calc(100vh - 60px); font-size: 21px; line-height: 1.2em; padding: 15px; z-index: 1001;}
	#cookie .txt {padding: 0px;}
	#cookie button {position: relative; right: auto; top: auto; width: 75px; height: 35px; margin: 15px 0px 0px auto;}
	/* POPUP */
    #ppGest {right: auto; width: 100%; height: auto; max-height: calc(100vh - 60px); padding: 0px 15px; overflow-x: hidden; overflow-y: auto;}
    #ppGest.open {bottom: 0px;}
    #ppGest .c {right: 20px; top: 13px;}
    #ppGest .tema {width: 100%; max-width: 350px; height: auto; font-size: 13px; line-height: 13px; padding: 13px 40px 12px 0px; margin: auto;}
    #ppGest .titolo {height: 38px; font-size: 30px; line-height: 1em; padding: 0px;}
    #ppGest .test {height: 154px; font-size: 21px; line-height: 1.2em; padding: 15px 0px 15px;}
    #ppGest .nl {padding: 0px 0px 20px;}
    #ppGest #nlFoot input {padding: 0px 20px 0px 0px;}
    #ppGest #nlFoot input, #ppGest #nlFoot .fintaLabelNl {font-size: 21px; line-height: 1em;}
    #ppGest #nlFoot button {width: 24px; height: 24px;}
    #ppGest #nlFoot .acceptLaw.open {height: auto;}
    #ppGest #nlFoot .acceptLaw label {width: 25px;}
    #ppGest .all, #ppGest .link {height: auto; max-height: 38px; font-size: 13px; line-height: 1em; padding: 11px 0px;}
    #ppGest .all svg {width: 15px; height: 15px;}
    #ppGest .link svg {width: 13px; height: 12px;}
    #ppGest .titolo, #ppGest .test, #ppGest .nl, #ppGest .all, #ppGest .link {width: 100%; max-width: 350px; margin: auto;}
    /* FANCYBOX */
	.fancybox-overlay {overflow:hidden !important;}
    .fancyhtml .fancytablexs .fancycenteredtxt {width: 100vw; padding: 0 50px;}
    .fancyhtml .fancytablexs .fancycenteredtxt .table {height: 100vh;}
    .fancyhtml .fancytablexs .fancycenteredtxt .titolo {font-size: 36px; padding-top: 0px;}
    .fancyhtml .fancytablexs .fancycenteredtxt .tablecell > div {font-size: 24px;}
    .fancybox-close-small {right: 15px; top: 10px; left: auto;}
    /* 404 */
    .pnf {height: calc(100vh - 61px); margin-top: 0px;}
    .pnf #intestazioni {padding: 0px;}
    .pnf > .table {height: calc(100% - 65px);}
    .pnf .max720 {padding-bottom: 0px;}

    /* GENERICI */
    #toTop {display:none;}
	.container, .container.medio, .container.largo {width:100%;}
	#corpo {min-height: calc(100vh - 71px - 222px);}
    #corpo, #corpo.notitle {width: 100%; padding: 0px; margin-top: 60px}
    #corpo.largo > div {width: 100%; margin: 0px !important;}
    #corpo > div:not(#filter) {margin-left: 0px;}
    .menubar {top: 0px; left: 0px; height: 60px; opacity: 0; visibility: hidden; transition: all .15s ease, width 0s;}
    .menubar.showMobile {opacity: 1; visibility: visible; background-color: rgba(255,255,255,1); z-index: 10;}
    .logo, #menu .menuLeft {top: 15px !important; left: 15px !important;}
    #indietro { display:none; }
    #indietro.rass { top: 15px; right: 105px; display: block; z-index: 10; position: absolute; left: auto;}
    #indietro.rass svg { height: 21px; }
    .menuButton {right: calc(10px + (5px - (40px - 25px)/2)) !important;}
    #logout {top: 17px; right: 70px !important; opacity: 1; z-index: 11;}
    #logout a { font-size:18px; line-height:18px; }
    /* .filtriColl, */ .tipiProg {position:fixed; top:0px !important; left: 0px; width: 100vw; height: 100vh; background: #fff; transform-origin: unset; transition: all .5s ease 0s; opacity: 0; z-index: 8;}
    .filtriColl.open, .tipiProg.open {opacity: 1; z-index: 10;}
    .filtriColl.hideOverlay, .tipiProg.hideOverlay {visibility: hidden !important;}
    .filtriColl .container, .tipiProg .container {height: 100%; padding-top: 90px;}
    .tipiProg.textRotate3 {transform: none;}
    section {margin-bottom: 45px;}
    #scheda > section:first-child { margin-bottom: 0px; }
    #gallery { margin-bottom: 45px; }
    /* testi */
    h1, #contatti .titolosez span {font-size: 36px; line-height: 36px;}
    h2 {font-size: 19px; line-height: 19px;}
    h3 {font-size: 13px; line-height: 22px;}
    h4 {font-size: 13px; line-height: 14px;}
    .testo {font-size: 26px; line-height: 28px;}
    .testo.piccolo {font-size: 13px; line-height: 14px;}
    .caption, .dida {padding: 0px 15px;}
    .caption h3 {font-size: 13px; line-height: 13px;}
    .dida h3 {font-size: 19px; line-height: 19px;}
    .dida .tablecell {vertical-align: top;}
    .iconDownload2 a {width: calc(100% - 20px) !important;}
    .iconDownload2 span {padding-left: 5px;}

    /* MENU - bottoni */
    .close {top: 13px; right: 15px !important;}
    .logo img {width: 66px; height: 36px;}
    .c-hamburger {position:absolute; top:10px; right:10px !important; width:40px; height:40px; padding:0px; margin:0px; font-size:0px; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; background:none; display:block; z-index:100010;}
    .c-hamburger:focus {outline:none;}
    .c-hamburger > span {position:absolute; top:15px; right:8px; width:25px; height:1px; background:#000; display:block;}
    .c-hamburger > span::before, .c-hamburger > span::after {content:''; position:absolute; display:block; left:0; width:100%; height:1px; background:#000;}
    .c-hamburger > span::before {top:-10px;}
    .c-hamburger > span::after {bottom:-10px;}
    .c-hamburger--htx > span {transition:background 0s 0.3s;}
    .c-hamburger--htx > span::before, .c-hamburger--htx > span::after {transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
    .c-hamburger--htx > span::before {transition-property:top, transform;}
    .c-hamburger--htx > span::after {transition-property:bottom, transform;}
    .c-hamburger--htx.is-active > span {background:none;}
    .c-hamburger--htx.is-active > span::before {top:0; transform:rotate(45deg);}
    .c-hamburger--htx.is-active > span::after {bottom:0; transform:rotate(-45deg);}
    .c-hamburger--htx.is-active > span::before, .c-hamburger--htx.is-active > span::after {transition-delay:0s, 0.3s;}
    .c-hamburger--htx:hover > span::before {top: -10px;}
    .c-hamburger--htx:hover > span::after {bottom: -10px;}
    /* MENU - aperto */
    #menu .menuLeft {display: none;}
    .menu .table {height: auto;}
    .menu .tablecell {vertical-align: top;}
    #menu .relative {padding-top: 100px;}
    #menu .menu {height: auto;}
    #menu .menu .relative > ul li {padding-top: 20px; margin-top: 20px;}
    #menu .menu .relative > ul li:first-child {padding-top: 0px; margin-top: 0px;}
    #menu .menu .relative > ul li a {font-size: 45px; line-height: 45px;}
    #menu .menuBottom {position: relative; top: auto; bottom: auto; margin-top: 50px;}
    #menu .menuBottom ul {padding: 0px;}
    #menu .menuBottom li {float: none; width: 100%; text-align: center; padding: 0px; margin: 0px; display: block;}
    #menu .menuBottom li a {font-size: 23px; line-height: 45px; padding: 0px; margin: 0px auto; display: block;}
    #menu .newsletter {position: relative; top: auto; bottom: auto; margin-top: 50px; opacity: 1;}
    #menu .newsletter form {width: 100%; max-width: 500px; padding: 0px 15px; margin: auto;}
    #menu .newsletter input {width: 100%; font-size: 20px; padding: 0px 30px 0px 0px;}
    #menu .newsletter .fintaLabelNl {top: 0px; left: 15px; font-size: 20px;}
    #menu .newsletter .acceptLaw {top: 0px; visibility: hidden;}
    #menu .newsletter .acceptLaw.open {position: relative; visibility: visible;}
    #menu .newsletter .acceptLaw div a {font-size: 12px; color: #000; line-height: 1.1em;}
    #menu .newsletter .acceptLaw div a:hover {color: #00c9ff; opacity: 1;}
    #menu .newsletter button {right: 15px;}
    #menu .menuRight {position: relative; left: auto; width: 100%; padding-bottom: 50px;}
    #menu .menuRight .ricercaLingue, #menu .menuRight .social {width: 100%;}
    #menu .menuRight a {font-size: 20px; line-height: 36px;}
    #menu .ricercaLingue {margin-top: 50px;}
    #menu .ricercaLingue a {float: none; width: 25px; height: 25px; margin: auto; display: block;}
    #menu .ricercaLingue svg {width: 25px; height: 25px;}
    #menu .social ul {width: auto; margin: auto; display: table;}
    #menu .social li {float: left; width: 25px; height: 25px; margin: 0px 0px 0px 15px;}
    #menu .social li:first-child {margin-left: 0px;}
    #menu .social li svg {width: 25px; height: 25px;}
    #menu .terzo {position: relative; left: auto; bottom: auto; width: 100%; display: table; transform: rotate(0deg); transform-origin: 0%;}
    #menu .terzo ul {margin: 50px auto 0px;}
    #menu .terzo li {float: none; text-align: center; margin: 0px;}
    #menu .terzo li:first-child {margin-top: 0px;}
    #menu .terzo li a {font-size: 15px; line-height: 40px;}
    .searchForm form {width: 100%; max-width: 500px; padding: 0px 15px; margin: auto;}
    .searchForm input {width: 100%; max-width: 600px !important; font-size: 29px; line-height: 42px;}
    .fintaLabelNl.big {left: 15px; font-size: 24px; line-height: 43px;}
    .searchForm button {top: 10px; right: 15px; width: 25px; height: 18px;}
    .searchForm svg {width: 25px; height: 18px;}
    #searchFormResult form {position: relative; width: 100%; max-width: calc(350px - 30px); padding: 0px 15px; margin: auto; display: table;}
    #searchFormResult input {width: 100%; max-width: 600px !important; height: auto; font-size: 29px; color: #000; line-height: 42px; padding: 0px; background: transparent; border: 0px;}
    #searchFormResult button {position: absolute; top: 10px; right: 15px; width: 25px; height: 18px; padding: 0px; background: transparent; border: 0px; display: block;}
    #searchFormResult button > svg {position: relative; width: 25px; height: 18px; line-height: 60px; transition: all .18s ease 0s;}
    #menulingue {padding-top: 60px;}
    #menulingue ul {font-size: 30px; line-height: 55px;}
    .menulingue ul li, .menulingue ul li span, .menulingue ul li a {font-size: 45px; line-height: 1.3em;}
    #contatti .titolosez {padding-top: 67px; padding-bottom: 0px;}
    #contatti .table:not(#intestazioni) {height: calc(100vh - 140px);}
    #contatti .testi {max-width: 100vw; min-height: auto; font-size: 21px !important; line-height: 1em !important; padding: 0px 15px 50px;}
    #contatti .stampa p {font-size: 17px; line-height: 1em;}
    .contatti .piva {position: relative; right: auto; bottom: auto; width: auto; margin-top: 1em; transform: none;}
    #contatti .testi {width: 100%;}

    /* PANNELLI OVERLAY */
    .filtriButton, .indietroButton {position: absolute; top: 15px; right: 66px; width: 28px; height: 28px; display: block; opacity: 1;}
    .filtriButton .cerca { opacity: 1; }
    .filtriButton, .filtriButton .cerca svg { width: 21px; height: 21px; }
    .filtriColl ul, .tipiProg ul {width: 100%;}
    .filtriColl ul li, .tipiProg ul li {float: none; width: 100%; text-align: center;}
    .filtriColl ul li {margin: 30px 0px 0px;}
    .tipiProg ul li {margin: 0px;}
    .filtriColl li:first-child, .tipiProg li:first-child {margin-top: 0px;}
    .filtriColl li a, .tipiProg li a {font-size: 31px; color: #000; line-height: 57px; padding: 0px; display: block;}
    .filtriColl li img {width: 40px; height: 28px;}
    .filtriColl ul:not(.door) li:nth-child(2) img {width: 40px; height: 15px;}
    .filtriColl li:nth-child(3) img {width: 40px; height: 40px;}
    .filtriColl .news li img {height: 24px;}
    .filtriColl .news .fonoassorbente img {height: 30px !important;}
    #zoom .container {max-height: 100vh; padding: 110px 15px 0px;}
    #zoom #prevGallery, #zoom #nextGallery {top: 70px; height: calc(100% - 70px);}
    #zoom #prevGallery::before, #zoom #nextGallery::after {top: 0px; opacity: 1; visibility: visible;}
    #zoom #prevGallery::before {left: 20px;}
    #zoom #nextGallery::after {right: 20px;}
    #zoom #prevGallery:hover::before {margin-left: 0px;}
    #zoom #nextGallery:hover::after {margin-right: 0px;}
    #zoom .immagine {max-height: calc(100vh - 110px);}
    #zoom .immagine img {max-height: calc(100vh - 120px);}
    #zoom .iconDownload {top: 17px; right: 80px;}
    .tipiProg .container {width: 100vw; padding: 0px; display: table; vertical-align: middle;}
    .tipiProg ul {width: 100%; display: table-cell; vertical-align: middle;}
    .tipiProg li a {right: auto !important; opacity: 1 !important;}

    /* ISOTOPE */
    #corpo .isotope .grid-item {width: 100vw !important; padding: 0px; margin: 0px 0px 20px !important;}
    #corpo .isotope .grid-item.tweetA:first-child, #corpo .isotope .grid-item.tweetB:first-child {margin-top: 30px !important;}
    /* #corpo .isotope .grid-item.tweetA, #corpo .isotope .grid-item.tweetB {margin-bottom: 60px !important;} */
    #corpo .isotope .grid-item img {float: none !important; min-width: 100%; width: auto; max-width: 100% !important; min-height: 100%; height: auto; margin: auto !important; display: block;}
    #corpo .isotope .grid-item .caption {position: relative !important; top:0px; left:0px; bottom:0px; right:0px; width: 100%; height: 60px; padding: 10px 15px 0px !important; margin: 0px; overflow: hidden; opacity: 1;}
    #corpo .isotope .grid-item .caption .table {display: block;}
    #corpo .isotope .grid-item .caption h3 { font-size: 19px; line-height: 19px; }
    #corpo .isotope .grid-item .tweet {height: auto; padding: 0px 15px;}
    #corpo .isotope .grid-item .tweet .data {font-size: 13px;}
    #corpo .isotope .grid-item .tweet .testi, #corpo .isotope .grid-item .tweet .testo {font-size: 21px; line-height: 22px;}
    #corpo .isotope .grid-item .caption .tablecell {text-align: left;}
    .isotope .grid-item .imgflow {width: 100% !important;}

    /* INTESTAZIONI */
    #intestazioni:not(.privacy):not(.legali):not(.crediti), .intestazioni {position: relative; height: auto; overflow: visible;}
    #intestazioni, .intestazioni {height: auto; padding: 7px 0px; margin-top: 15px; margin-bottom: 15px; display: block;}
    #intestazioni .titolo, .intestazioni .titolo {width: 100vw;}
    .intestazioni .titolo {padding-top: 0px;}
    #intestazioni::before, .intestazioni::before {content: ''; position: absolute; top: -15px; width: calc(100vw - 30px); height: 1px; margin: 0px 15px; background: #9d9d9c; display: block;}
    #versione .intestazioni::before {display: none;}
    #intestazioni.privacy, #intestazioni.legali, #intestazioni.crediti {height: 96px; padding: 10px 0px 0px; margin: 20px 0px 0px; overflow: visible;}
    .titolosez {margin-bottom: 45px;}
    .titolosez, .titolosez2, #corpo > .titolo {font-size: 31px; line-height: 31px;}

    /* BLOCCHI */
    .caption h2, .dida h2 {font-size: 21px; line-height: 19px;}
    .blocchi .dida {height: 80px; padding-top: 10px;}
    .blocchi .dida h2, .blocchi .dida h3 {max-width: none !important;}
    .blocchi {float: none; width: 350px; max-width: 100%; height: auto !important; max-height: none !important; margin-left: auto; margin-right: auto; margin-top: 0px; display: table;}
    .blocchi:first-child {margin-top: 0px;}
    .blocchi .elemento {float: none !important; min-width: 100vw !important; width: 100vw !important; max-width: 100vw !important; height: auto !important; max-height: none !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; display: block;}
    .blocchi .elemento.scrollup {margin-top: 12px;}
    .fasce:first-child .blocchi .elemento:first-child {margin-top: 0px !important;}
    .fasce:first-child .blocchi .elemento.scrollup:first-child {margin-top: 0px !important;}
    .blocchi .elemento.scrollup.notscrolled {margin-top: 50px; margin-bottom: -50px;}
    .blocchi .elemento a {color: #000;}
    #gallery.progetto .blocchi .elemento:first-child .versoAlto::before { border-top:1px solid black; display:block; height:1px; width:calc(100% - 30px); margin:auto; content:""; padding-bottom:15px; }
    #gallery.progetto .blocchi .elemento:first-child { margin-top:0px !important; }
    #relProd > div:first-child::before, #prodCorr > div:first-child::before { max-width: initial; }
    .blocchi .box {float: none !important; width: 100vw !important; height: auto !important; overflow: unset;}
    .blocchi .box588 div { max-width: calc(100vw - 30px) !important; float: none !important; width: calc(100vw - 30px) !important; height: calc( (100vw - 30px) * 0.743197279) !important; }
    .blocchi .box437 div { max-width: calc(100vw - 30px) !important; float: none !important; width: calc(100vw - 30px) !important; height: calc( (100vw - 30px) * 1.345537757) !important; }
    .blocchi .box305 div.img, .blocchi .box305 div.img div {max-width: 100vw !important; float: none !important; width: 100vw !important;}
    .blocchi .box451 div.img, .blocchi .box451 div.img div {max-width: 100vw !important; float: none !important; width: 100vw !important;}
    .blocchi .box305 div.img, .blocchi .box305 div.img div, .blocchi .box451 div.img, .blocchi .box451 div.img div {background-size: contain !important;}
    .blocchi .box .immagine {width: calc(100vw - 30px) !important; max-width: 100% !important; height: calc((100vw - 30px) * 9 / 16) !important; margin-left: auto; margin-right: auto;}
    .blocchi .box img {position: relative !important; top: 0px !important; left: auto !important; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important;}
    .blocchi.bloccoA .dida, .blocchi.bloccoB .dida, .blocchi.bloccoC .dida, .blocchi.bloccoD .dida, .blocchi.bloccoE .dida, .blocchi.bloccoF .dida {height: auto;}
    .blocchi .box .dida, .progetti .items .item .dida {position: relative; opacity: 1;}
    .bloccoGall .elemento {margin-top: 20px !important; overflow: unset;}
    .bloccoGall .elemento img {min-width: calc(100vw - 30px) !important; max-width: calc(100vw - 30px) !important; height: auto !important; max-height: none !important; margin: auto;}
    .items {padding: 0px 15px;}
    .items .item {width: calc(50% - 8px); margin: 15px 0px 0px !important;}
    .items .item:nth-child(2n+2) {margin-left: 15px !important;}
    .items .item:nth-child(1), .items .item:nth-child(2) {margin-top: 0px !important;}
    .items .item .immagine, .items .item .immagine img {max-width: calc(50vw - 24px); height: auto;}
    #projects .item .immagine {max-width: none;}
    .progetti .items {float: none; width: calc(100vw - 60px); padding: 0px; margin: auto; display: table;}
    .progetti .immagine {width: auto;}
    .progetti .projboxori { max-width: calc(100vw - 30px) !important; float: none !important; width: calc(100vw - 30px) !important; height: calc((100vw - 30px) * 9 / 16) !important; }
    .prodotto #gallery .box:not(.video) a, #gallery.progetto a {pointer-events: none !important;}

    /* COLLEZIONI */
    .box .immagine .toFade {display: none !important;}
    .box .immagine .toFade:first-child, .box .immagine .toFade.nascosta:first-child {display: block !important; opacity: 1 !important;}

    /* PROGETTI */
    .blocchi .elemento {width: 100vw !important; margin-left: auto !important; margin-right: auto !important; margin-top: 30px !important;}
    .blocchi.bloccoA .tablecell, .blocchi.bloccoB .tablecell, .blocchi.bloccoC .tablecell, .blocchi.bloccoE .tablecell {width: 100vw; margin: 0px auto;}
    .blocchi.bloccoA .box, .blocchi.bloccoB .box, .blocchi.bloccoC .box, .blocchi.bloccoE .box { height: auto !important; margin: auto !important;}
    .blocchi.bloccoA .dida, .blocchi.bloccoB .dida, .blocchi.bloccoC .dida, .blocchi.bloccoE .dida {height: auto !important; padding-top: 15px !important;}
    .blocchi.bloccoA .elemento:nth-child(3) {clear: both;}
    .blocchi.bloccoC .subElemento {height: auto !important;}

    /* SCHEDE - prodotto */
    .copertina {margin-bottom: 15px;}
    .allegati, #scheda.prodotto .testo {margin-bottom: 15px;}
    .allegati li a {font-size: 18px; line-height: 28px; padding: 0px 15px;}
    #testone p:first-child { border-top: 1px solid #9d9d9c; padding-top:20px; }
    #testone p:last-child { border-bottom: 1px solid #9d9d9c; padding-bottom:20px; }
    .iconDownload span {padding-right: 10px;}
    .iconDownload svg {width: 10px; height: 11px;}
    #scheda.prodotto .testo {padding: 0px 15px; margin-bottom: 0px;}
    .versioni .testi {margin-top: 15px;}
    .versioni .testi .testo {font-size: 13px; line-height: 14px; padding: 0px !important;}
    .versioni .items {float: none; max-width: 709px; margin: auto; display: table;}
    .progetti .items .item {width: 100%; margin: 20px 0px 0px !important;}
    .progetti .items .item:first-child {margin-top: 0px !important;}
    .progetti .items .item .dida {margin-top: 10px;}
    /* versione */
    #versione .container {padding-top: 60px;}
    #versione .allegato {position: relative; top: 0px; bottom: auto; left: 0px; padding: 15px 15px; border-top: 1px solid #9d9d9c; border-bottom: 1px solid #9d9d9c;}
    #versione .allegato a {font-size: 18px; line-height: 28px;}
    #versione .allegato a svg {width: 11px; height: 14px;}
    #versione .dati-tecnici.top {margin-bottom: 15px;}
    #versione .dati-tecnici.top .immagine {float: none; margin: 0px auto; display: table;}
    #versione .container > .titoli.top {padding: 0px 15px; margin-bottom: 30px; border-bottom: 0px;}
    #versione .titoli.top div {width: 100%; font-size: 19px; line-height: 19px;}
    #versione .titoli > div {margin-left: 0px;}
    #versione .titoli:not(.top), #versione .dati-tecnici:not(.top) {width: calc(100% - 30px); font-size: 11px; line-height: 12px; margin: 0px 15px 10px;}
    #versione .dati-tecnici:not(.top) {margin-bottom: 45px;}
    #versione .titoli:not(.top) div {width: calc((100% - 30px) / 3) !important;}
    #versione .titoli .source, #versione .titoli .codes {margin-left: 15px;}
    #versione .dati-tecnici .immagine img {width: 100%; height: 100%;}
    #versione .dati-tecnici .dettagli {width: 100%; margin: 0px;}
    #versione .dati-tecnici .nome {width: 100%; padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #9d9d9c;}
    #versione .dati-tecnici .specs {width: 100%; margin-left: 0px;}
    #versione .dati-tecnici .spec > div {width: calc((100% - 30px) / 3) !important; margin-left: 15px;}
    #versione .versione {margin-top: 50px;}
    #versione .finishes > div {width: calc(100% - 30px); padding-bottom: 0px !important; margin: 50px 15px 0px !important; border-bottom: 0px !important;}
    #versione .finishes > div.titoli {font-size: 19px; line-height: 19px; padding-bottom: 0px; margin-top: 0px !important; border-bottom: 0px;}
    #versione .finishes > div.colors {margin-top: 40px !important;}
    #versione .finishes li.tit {width: 100% !important; padding-bottom: 10px !important; margin-bottom: 10px !important; border-bottom: 1px solid #000;}
    #versione .finishes .colors li:not(.tit) {width: calc((100% - 46px) / 4) !important; margin: 15px 0px 0px 15px;}
    #versione .finishes .colors li:nth-child(2), #versione .finishes .colors li:nth-child(3), #versione .finishes .colors li:nth-child(4), #versione .finishes .colors li:nth-child(5) {margin-top: 0px !important;}
    #versione .finishes .colors li:nth-child(4n+2) {margin-left: 0px !important;}
    #versione .finishes .colors li:nth-child(3n+6) {clear: both;}
    #versione .finishes .testi, #versione .finishes .tech-icons, #versione .finishes .rosoni, #versione .finishes .gallery {padding-top: 7px; border-top: 1px solid #000;}
    #versione .finishes .testi {margin-top: 40px !important;}
    #versione .finishes .tech-icons, #versione .finishes .rosoni, #versione .finishes .gallery {margin-top: 7px !important;}
    #versione .testi .testo {width: calc((100% - 15px) / 2); margin: 15px 0px 0px 15px;}
    #versione .testi .testo:nth-child(2n+3) {clear: both;}
    #versione .testi .testo:nth-child(2n+1) {margin-left: 0px;}
    #versione .testi .testo:nth-child(1), #versione .testi .testo:nth-child(2) {margin-top: 0px;}
    #versione .tech-icons .sx {width: calc((100% - 45px) / 4);}
    #versione .tech-icons .centrali {width: calc(100% - ((100% + 15px) / 4)); margin-left: 15px;}
    #versione .tech-icons .centrali li {width: calc((100% - 45px) / 4); margin: 15px 0px 0px 15px;}
    #versione .tech-icons .centrali li:nth-child(1), #versione .tech-icons .centrali li:nth-child(2), #versione .tech-icons .centrali li:nth-child(3), #versione .tech-icons .centrali li:nth-child(4) {margin-top: 0px;}
    #versione .tech-icons .centrali li:nth-child(4n+1) {margin-left: 0px;}
    #versione .tech-icons li .asterischi {right: auto; left: 38px;}
    #versione .tech-icons .dx {float: right; width: calc(100% - ((100% + 15px) / 4)) !important; margin: 15px 0px 0px;}
    #versione .rosoni {width: calc(100% - 30px) !important;}
    #versione .rosoni .rosone {width: 100%; max-width: none; margin: 15px 0px 0px !important;}
    #versione .rosoni .rosone:first-child {margin-top: 0px !important;}
    #versione .rosoni .rosone > div {width: calc((100% - 15px) / 2); margin-left: 15px !important;}
    #versione .rosoni .rosone > div:first-child {margin-left: 0px !important;}
    #versione .rosoni .rosone .testo {max-width: none;}
    #versione .gallery li {margin: 0px 30px 50px 0px;}
    /* SCHEDE - progetto */
    #scheda.progetto {position: relative; margin-bottom: 15px;}
    #scheda.progetto .dettagli, #scheda.progetto .copertinaP {width: 100% !important; min-height: auto; height: auto; margin: 0px 0px 15px;}
    #scheda.progetto .testi {width: 100%; padding: 0px 15px;}
    .prodottiCorr { font-size: 21px; line-height: 24px; border-top-color: #9d9d9c;}
    .prodottiCorr > div:first-child {width: 120px;}
    .prodottiCorr > div:nth-child(2) { max-width: calc(100% - 120px); width: 227px; float: right; }
    .prodottiCorr .links ul, .prodottiCorr .links li {width: 100%; display: table;}
    .prodottiCorr .links li a {padding-right: 0px;}

    /* DISTRIBUZIONE */
    .icon-ricerca {top: 13px !important; right: 60px !important; z-index: 3;}
    .divisorio {font-size: 18px; line-height: 20px; padding-top: 10px !important;}
    .overlay.open > .logo, .overlay.open > .close, .icon-ricerca.distrib {position: absolute;}
    .distribuzione .container {padding: 0px; margin-top: 60px;}
    #distrib {height: calc(100vh - 170px) !important; padding: 0px 15px; margin-top: 0px;}
    #distrib .vicinoate {float: none; display: table;}
    #distrib .divisorio {width: 100%; margin-top: 30px;}
    #distrib .blocchi {margin-bottom: 12px;}
    #distrib .blocco {width: 100%; padding-top: 0px; margin: 30px 0px 0px;}
    #distrib .elemento {width: 100% !important; min-width: auto !important; padding-top: 10px; padding-left: 0px; margin-top: 19px !important; border-top: 1px solid #9d9d9c; display: table;}
    #distrib .elemento:first-child {padding-top: 0px; margin-top: 0px !important; border-top: 0px;}
    #distrib .elemento .top, #distrib .elemento .testo {font-size: 18px; line-height: 20px;}
    #distrib .elemento .top .luogo, #distrib .elemento .testo p {color: #9d9d9d;}
    #distrib .contCerca {margin-top: calc(50vh - 140px - (162px / 2));}
    #distrib .cercaDistr {max-width: 368px; margin-left: auto; margin-right: auto;}
    #distrib .cercaDistr .contCerca form {width: 100%;}
    #distrib .cercaDistr .contCerca form > div {width: 100%; margin: 30px 0px 0px !important;}
    #distrib .cercaDistr .contCerca form .select-selected {margin-left: 0px;}
    #distrib .cercaDistr .contCerca form svg {width: 30px; height: 17px;}
    #distrib .cercaDistr .contCerca form button {width: 100%; margin: 30px auto 0px; display: inline-table;}
    #distrib.searchOnTop {float: left; display: block;}
    #distrib.searchOnTop .cercaDistr {max-width: 100%;}
    #distrib.searchOnTop .cercaDistr .contCerca form {width: 100%;}
    #distrib.searchOnTop .cercaDistr .contCerca form > div {width: 100%; max-width: none;}
    #distrib.searchOnTop .cercaDistr .contCerca form .select-selected {height: 36px; font-size: 30px; line-height: 30px;}
    #distrib.searchOnTop .cercaDistr .contCerca form > div:first-child .select-selected {margin-left: 0px;}
    #distrib .custom-select span {right: 0px; top: 10px;}
    #distrib .attenzione.scrollDown {position: absolute; top: auto; bottom: 30px; margin: 0px;}
    #distrib .attenzione.scrollDown.notScrolled {top: auto; bottom: 80px;}

    /* DOWNLOAD e RISERVATA */
    #rassegne, #download, #riservata {padding: 0px 15px;}
    #rassegne.blocchi {margin-bottom: 12px;}
    #rassegne .blocco, #download .blocco {width: 100%; padding-top: 0px; margin: 40px 0px 0px;}
    #download .sottotitolo, #riservata .elemento .categoria {height: 55px; font-size: 18px; line-height: 20px; margin-bottom: 0px;}
    #rassegne .elemento, #download .elemento, #riservata .elemento {min-width: auto !important; width: 100% !important; max-width: 350px !important; padding-left: 0px; margin-top: 30px !important; display: table;}
    #download .elemento, #riservata .elemento {float: left !important;}
    #rassegne .elemento:first-child, #download .elemento:first-child, #riservata .elemento:first-child {margin-top: 0px !important;}
    #download .elemento .immagine, #riservata .elemento .contenuti .immagine {width: 100%; height: 230px; margin-bottom: 10px; display: block;}
    #download .elemento .immagine img, #riservata .elemento .contenuti .immagine img {width: auto; max-width: 100%; height: auto; max-height: 100%;}
    #download .elemento .testi, #riservata .elemento .testi {height: auto; font-size: 13px; line-height: 18px; text-align: center; margin-top: 0px;}
    #download .elemento.scrollup.notscrolled {margin-top: 80px !important;}
    #download .elemento.scrollup {margin-top: 30px !important;}
    #download .elemento.scrollup.notscrolled:first-child {margin-top: 30px !important;}
    #download .elemento.scrollup:first-child {margin-top: 0px !important;}

    /* RASSEGNA */
    .posRight.icon-ricerca {display: none;}
    #rassegne .elemento {height: 130px !important; margin: 45px auto 0px !important;}
    #rassegne .elemento .testi {z-index: 2;}
    #rassegne .elemento .top, #rassegne .elemento .testo {font-size: 18px; line-height: 20px;}
    #rassegne .elemento .testo {margin-top: 2px;}
    #rassegne .elemento .immagine {width: 145px !important; height: 145px !important; z-index: 1; opacity: .5;}
    #rassegne .elemento .immagine img {width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0px 0px 0px auto;}

    /* FOOTER */
    footer {padding-left: 15px !important; padding-right: 15px !important; margin: 45px 0px 25px;}

    /* PRIVACY */
    .max720 {font-size: 13px; line-height: 1.5em; padding-bottom: 60px;}
    #indietro.privacylegalicrediti {right: 60px; left: auto !important; z-index: 2;}

    /* STYLE SELECT */
    .filterDistr form, .filter form {width: 100% !important; padding: 0px 15px !important;}
    .filterDistr form > div, .filter form > div {width: 100%; padding: 0px !important; margin-top: 40px !important;}
    .filterDistr form > div span, .filter form > div span {width: 35px !important; height: 35px !important; line-height: 35px !important; padding-top: 0px !important; z-index: 1;}
    .filterDistr form > div svg, .filter form > div span svg {width: 20px !important; height: 11px !important;}
    .filterDistr button, .filter button {float: right; width: 50px !important; height: 44px !important; line-height: 44px !important; margin-top: 40px;}
    .filterDistr button svg, .filter button svg {width: 33px !important; height: 23px !important;}
    .select-selected {position: relative; height: 36px; font-size: 30px; line-height: 30px; margin: 0px; z-index: 2;}
    .select-items {font-size: 30px; line-height: 30px; margin-bottom: 0px; background: #fff;}

    /* ricerca header */
    .searchForm .nores {font-size: 13px; line-height: 1em; margin-top: 39px;}
    #searchFormResult .cerca {display: none; visibility: hidden;}
    #searchFormResult > .table > .tablecell {margin-top: 130px;}
    #searchFormResult .col {float: none; width: calc(100vw - 30px); max-width: 346px; margin-left: auto !important; margin-right: auto !important; display: table;}
    #searchFormResult .cols {width: 100vw; max-width: calc(350px - 30px); padding: 0px 15px; display: block;}
    #searchFormResult .cols > div {margin-left: 0px;}
    #searchFormResult .col {float: none; width: 100%;}
    #searchFormResult .col .colTit {font-size: 24px; line-height: 1.3em; padding-bottom: 20px; margin-bottom: 0px; cursor: pointer;}
    #searchFormResult .col .colTit div {float: right; width: 28px;}
    #searchFormResult .colElenco {height: auto; max-height: calc(100vh - 130px - (78.7px * 3) - 67px); overflow-x: hidden; overflow-y: auto; display: none;}
    #searchFormResult .col .colElemento:last-child {padding-bottom: 10px;}
    #searchFormResult .col .colElemento .txt .tit, #searchFormResult .col .colElenco .colElemento .txt .luogo {font-size: 21px; line-height: 1em; color: #9d9d9c;}
    #searchFormResult .col .colElemento .image {display: none;}
    #searchFormResult .col .colElemento .txt {width: 100%; margin-left: 0px; word-break: break-all; word-wrap: break-word;}

    /* area riservata */
    .login > .table:not(#intestazioni) {height: calc(100vh - 140px) !important;}
    .login #intestazioni, .contatti #intestazioni {margin-top: 75px;}
    .login form {margin-top: calc(-190px / 2);}
    .login form > div {float: none; width: calc(100% - 30px) !important; margin: 0px auto 30px !important; display: table;}
    .login form > div button {width: 47px; height: 34px;}
    .login input { height: 30px; line-height:30px; font-size: 30px; }
    .login .fintaLabelNl.big2 { font-size: 30px; line-height: 25px; }
    .login .richiediLink.scrollDown {top: calc(50% + 173px + 30px);}
    .richiedi > .table {height: calc(100vh - (80px + 60px)); margin-top: 60px;}
    .richiedi > .table > .tablecell {margin-top: 60px;}
    .richiedi .form {position: relative; width: 100%; max-width: 500px; padding: 0px 15px; margin-bottom: 30px;}
    .richiedi .form::before {content: ''; position: absolute; top: 0px; width: calc(100vw - 30px); height: 1px; background: #9d9d9c; display: block;}
    .richiedi .form > div {width: 100%; margin: 10px 0px 0px;}
    .richiedi .spiegazione:not(.vuoto) {position: relative;}
    .richiedi .form .divForm {position: relative;}
    .richiedi .form .divForm::before {content: ''; position: absolute; top: 0px; width: calc(100vw - 30px); height: 1px; background: #9d9d9c; display: block;}
    .richiedi .form .vuoto {display: none;}
    .richiedi .form .g-recaptcha > div {width: 100% !important;}
    .richiedi .form .g-recaptcha iframe {max-width: 100% !important;}
    .richiedi .form .acceptLaw, .richiedi .form .submit {margin-top: 30px;}
    .richiedi .acceptLaw div {padding-right: 0px;}
    .richiedi .form .submit button {float: left;}
    .richiedi .form .custom-select.open .select-items { height: 245px; max-height: 245px; }

    /* custom-select */
    .custom-select.open {z-index: 10;}

    /* animazioni */
    #menu .menu .relative ul.animated-words-scal li {height: 60px;}
    #menu .menu .relative ul.animated-words-scal li:first-child {height: 40px;}
    .animated-words-ltr li {height: auto;}

    /* azienda */
    #dots {display: none !important; visibility: hidden !important;}
    #azTitFisso {left: calc((100vw - 160px) / 2); width: 160px;}
    body.azienda .radar {display: none; visibility: hidden;}
    section.azienda .titolo {font-size: 45px; line-height: 1.3em;/* margin-top: calc(48vh - 60px) !important;*/}
    section.azienda .testo {width: 100% !important; max-width: 500px !important; font-size: 16px !important; line-height: 1.2em !important; padding: 0px 15px; margin-left: auto; margin-right: auto;}
    section.azienda .testo.lungo {font-size: 20px !important;}
    section.azienda .testo .underline::after {height: 1px;}
    section.azienda .colonne {margin-top: 12vh;}
    section.azienda .colonne > .col {float: none; width: 100%; margin: 30px 0px 0px;}
    section.azienda .colonne > .col:first-child {margin-left: 0px;}

    /* privacy legali crediti */
    #privacy > .container, #legali > .container, #credits > .container {margin-top: 60px;}
    #legali section, #credits section { margin-top: 75px; margin-bottom: 0px; padding-bottom: 0px; }
    #legali .max720, #credits .max720 { padding-bottom: 0px; }
    #legali .table, #credits .table { height: calc(100vh - 118px); }

    .sphone {max-width: 80%;}
    .hs-form-checkbox-display {font-size: 14px;}

}

@media (min-width:768px) and (max-width:1199px){
    /* BROWSER */
    #browser .max720 { margin: 0; font-size: 24px; line-height: 26px;}
    /* GEN */
    #cookie, #ppGest {bottom: 0px !important; width: 50%; max-width: 380px;}
    #ppGest {right: 0px; padding: 0px 20px;}
    #ppGest #nlFoot button svg {width: 20px; height: 28px;}
    /* COOKIE */
	#cookie {left: 0px; padding: 15px;}
	#cookie .txt {padding: 0px;}
	#cookie button {position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; margin-top: 15px;}
    /* FANCYBOX */
	.fancybox-overlay {overflow:hidden !important;}
    .fancyhtml .fancytablexs .fancycenteredtxt {width: 100vw; padding: 0 50px;}
    .fancyhtml .fancytablexs .fancycenteredtxt .table {height: 100vh;}
    .fancyhtml .fancytablexs .fancycenteredtxt .titolo {font-size: 38px; padding-top: 0px;}
    .fancyhtml .fancytablexs .fancycenteredtxt .tablecell > div {font-size: 24px;}
    .fancybox-close-small {left: auto; top: 17px; right: 15px;}
    /* 404 */
    .pnf #intestazioni {display: table !important; visibility: visible;}

    /* GENERICI */
    #toTop {display:none;}
	.container {width: 728px;}
	.container.largo, .container.medio {width: 768px;}
    #corpo {z-index: 9;}
    #corpo, #corpo.notitle {padding: 0px; margin-top: 0px}
    #corpo.largo > div {margin-left: auto; margin-top: 75px;}
    #corpo:not(.largo) > div {margin-left: auto;}
    section {margin-bottom: 100px;}
    .prodotto section:first-child, section.progetto {margin-bottom: 50px;}
    .logo {left: 20px !important; top: 20px !important;}
    .indietroButton { display:block; top: 20px !important; right: 70px; position: absolute; }
    #indietro { display:none;  }
    #indietro.rass { top: 20px; right: 130px; display: block; z-index: 10; position: absolute; left: auto;}
    .menubar {top: 0px; left: 0px; height: 85px; opacity: 0; visibility: hidden; transition: all .15s ease, width 0s; z-index: 10;}
    .menubar.showMobile {opacity: 1; visibility: visible; background-color: rgba(255,255,255,1); z-index: 10;}
    .icon-ricerca.showMobile { display:none; }
    .showMobile .filtriButton.cerca {display: block; position: absolute; right: 70px; top: 20px; width: 32px; height: 32px; opacity: 1; z-index: 1;}
    .filtriButton .cerca { opacity: 1; }
    .mTop12 {margin-top: 60px;}
    .mTop30 {margin-top: 20px;}
    #intestazioni:not(.privacy):not(.legali):not(.crediti), .intestazioni {height: 100px; margin-bottom: 10px;}
    #intestazioni:not(.privacy):not(.legali):not(.crediti), .intestazioni {height: 100px;}
    .intestazioni .sottotitolo h2.piccolo {font-size: 13px; line-height: 22px;}
    .titoloPagina {max-width: calc(100vw - 270px); height: 102px; max-height: 102px; text-align: center; padding: 30px 0px 0px; margin-bottom: 25px; display: block; overflow: hidden; z-index: 10;}
    .titoloPagina > h1 {line-height: 60px;}
    .titoloPagina .titolo {padding-top: 6px;}
    .titoloPagina .titolo h1 {max-height: 48px; font-size: 40px; line-height: 1.2em; overflow: hidden;}
    .titoloPagina .sottotitolo h2.piccolo {font-size: 13px;}
    .titolosez, .titolosez2, #corpo > .titolo {font-size: 38px; line-height: 38px;}
    .titolosez {margin-bottom: 50px;}
    /* testi */
    h1 {font-size: 40px; line-height: 40px;}
    h4 {font-size: 13px; line-height: 14px;}
    .testo {font-size: 26px; line-height: 28px;}
    .testo.piccolo {font-size: 13px; line-height: 14px;}

    /* HEADER - menu */
    .menu .table {height: 100%;}
    .menu .tablecell {vertical-align: middle;}
    #menu .menu {min-height: 100vh; height: auto;}
    #menu .relative {height: auto; padding-top: 120px;}
    #menu .menu .relative li {height: auto; padding-top: 20px; margin-top: 20px;}
    #menu .menu .relative li:first-child {padding-top: 0px; margin-top: 0px;}
    #menu .menu .relative .social li {padding-top: 0px;}
    #menu .menuRight {top: 210px; right: 20px; left: auto; padding-top: 70px;}
    #menu .menuBottom {position: relative; top: auto; bottom: auto; margin-top: 68px; margin-bottom: 20px;}
    #menu .menuBottom ul {padding: 0px;}
    #menu .menuBottom li {float: none; width: 100%; text-align: center; padding: 0px !important; margin: 0px !important; display: block;}
    #menu .menuBottom li a {font-size: 26px; line-height: 50px; padding: 0px; margin: 0px auto; display: block;}
    #menu .menuLeft {bottom: 20px; left:20px;}
    #menu .terzo {bottom: 32px; right: -180px; left: auto;}
    #menu .newsletter {max-width: 80%; margin: auto;}
    .newsletter-form  {max-width: 55%; margin: auto; margin-top: 30px;}
    .hs-form-0aed8a8e-b5f7-4d47-b041-3b3c4f0a1c46_83d3fb93-1452-4a63-ac6f-b160159cecf0 .hs-form-field label:not(.hs-error-msg) {font-size: 14px;}


    /* OVERLAY */
    .contatti .table:not(#intestazioni) {height: calc(100vh - 128px);}
    #contatti .titolosez {padding-top: 72px;}
    #contatti .testi {font-size: 30px !important; line-height: 36px !important; padding-top: 0px;}
    #contatti .stampa p {font-size: 20px; line-height: 24px;}
    #contatti .testi {width: 70%;}
    #versione .container {padding-top: 0px;}
    #versione .intestazioni {margin: 30px 0px;}
    #versione .dati-tecnici {margin-bottom: 60px; min-height: 215px;}
    #versione .dati-tecnici .immagine {width: 130px; height: 130px;}
    #versione .dati-tecnici .dettagli {width: calc(100% - 149px); margin-left: 19px;}
    #versione p, #versione .specs {font-size: 11px; line-height: 12px;}
    #versione .titoli {font-size: 13px; line-height: 12px;}
    #versione .titoli > div {width: auto !important; margin-left: 19px;}
    #versione .titoli .empty, #versione .titoli .lamp, #versione .dati-tecnici .nome, #versione .finishes li.tit, #versione .testi .testo, #versione .tech-icons .sx {width: 130px !important;}
    #versione .titoli .dimensions, #versione .titoli .codes, #versione .dati-tecnici .dimensioni, #versione .dati-tecnici .code {width: 110px !important;}
    #versione .titoli .source, #versione .dati-tecnici .light {width: 172px !important;}
    #versione .dati-tecnici .specs {width: calc(100% - 149px); margin-left: 19px;}
    #versione .dati-tecnici .spec > div {margin-left: 19px;}
    #versione .allegato a {font-size: 15px; line-height: 15px;}
    #versione .finishes .titoli {margin-bottom: 15px;}
    #versione .finishes li.tit, #versione .finishes li:not(.tit) .testo {font-size: 11px; line-height: 12px;}
    #versione .finishes li.tit {width: 100px !important;}
    #versione .finishes .vario li:not(.tit), #versione .finishes .colors li:not(.tit)  {width: calc(100% / 6 - 41px); margin-left: 19px !important;}
    #versione .finishes li:nth-child(5n+7) {margin-left: 149px !important; clear: both;}
    #versione .testi .testo {margin: 19px 0px 0px 19px;}
    #versione .testi .testo:nth-child(1), #versione .testi .testo:nth-child(2),#versione .testi .testo:nth-child(3), #versione .testi .testo:nth-child(4), #versione .testi .testo:nth-child(5) {margin-top: 0px;}
    #versione .testi .testo:nth-child(5n+1) {margin-left: 0px;}
    #versione .tech-icons .centrali {width: calc(100% - 298px); margin-left: 19px; overflow: hidden;}
    #versione .tech-icons .centrali ul {width: 100%; display: table;}
    #versione .tech-icons .centrali li {margin-left: 0px !important;}
    #versione .tech-icons li {width: 55px !important; margin: 19px 0px 0px 0px !important;}
    #versione .tech-icons li:nth-child(1), #versione .tech-icons li:nth-child(2), #versione .tech-icons li:nth-child(3), #versione .tech-icons li:nth-child(4), #versione .tech-icons li:nth-child(5), #versione .tech-icons li:nth-child(6) {margin-top: 0px !important;}
    #versione .tech-icons li:nth-child(6n+1) {margin-left: 0px !important;}
    #versione .tech-icons li:nth-child(6n+7) {clear: both;}
    #versione .tech-icons li .asterischi {right: -1px;}
    #versione .tech-icons .dx {width: 131px; margin-left: 18px;}
    #versione .rosoni .rosone {width: calc(50% - 10px); max-width: none; clear: none !important;}
    #versione .rosoni .rosone, #versione .rosoni .rosone:nth-child(2) { margin-left: 0px;}
    #versione .rosoni .rosone:nth-child(3) {margin-top: 30px;}
    #versione .rosoni .rosone div:nth-child(2) {margin-left: 19px !important;}
    #versione .rosoni .rosone:nth-child(2n+1) {margin-left: 0px !important;}
    #versione .rosoni .rosone:nth-child(2n+3) {clear: both !important;}
    #versione .gallery li {margin: 0px 50px 75px 0px;}

	/* MENÙ - bottone */
	.c-hamburger {position:absolute; top:20px; right:15px !important; width:40px; height:40px; padding:0px; margin:0px; font-size:0px; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; background:none; display:block; z-index:100010;}
	.c-hamburger:focus {outline:none;}
    /* OVERLAY */
    .close, #zoom .close {top: 19px; right: 18px; width: 25px; height: 25px;}
    .close > span {top: 13px; right: -3px; width: 30px;}
    #zoom .container {width: calc(100vw - 150px); padding: 100px 0px 0px;}
    #zoom .iconDownload {right: -50px; bottom: 15px;}
    #zoom #prevGallery::before, #zoom #nextGallery::after {top: calc(50% - 11px); visibility: visible; opacity: .82;}
    #zoom #prevGallery::before {left: 20px;}
    #zoom #nextGallery::after {right: 20px;}
    #zoom #prevGallery:hover::before {margin-left: 0px;}
    #zoom #nextGallery:hover::after {margin-right: 0px;}
    #zoom .immagine {max-height: calc(100vh - 110px);}
    #zoom .immagine img {max-height: calc(100vh - 130px);}

    /* INTESTAZIONI */
    #intestazioni:not(.privacy):not(.legali):not(.crediti), .intestazioni {position: relative; height: auto; overflow: visible;}
    .intestazioni .titolo {padding-top: 0px;}

    /* ISOTOPE */
    .tweet .icona {min-width: 32px !important; width: 32px !important; max-width: 32px !important; min-height: 28px !important; height: 28px !important; max-height: 28px !important;}
    .tweet .testi {font-size: 37px; line-height: 42px; padding-top: 10px; margin-top: 5px; border-top-width: 2px;}
    .tweet .testi {font-size: 37px; line-height: 42px; padding-top: 10px; margin-top: 5px; border-top-width: 2px;}
    .tweet .testi .testo {font-size: inherit; line-height: inherit;}

    /* BOX */
    .blocchi .box305 div.img, .blocchi .box305 div.img div  {width: 192px; height: 257px !important; margin: auto;}
    .blocchi .box451 div.img, .blocchi .box451 div.img div{width: 295px; height: 195px !important; margin: auto;}
    .blocchi .box437 div {width: 288px; height: 390px;}
    .blocchi .box588 div {width: 390px; height: 288px; }
    .progetti .projboxori { height:170px; width:230px; }
    .progetti .projboxver { width:170px; height:230px; }
    .bloccoGall .elemento.piccolo {width: 288px;}
    .bloccoGall .elemento.grande {width: 390px;}
    .bloccoGall .elemento img {width: auto; max-width: 100%; height: auto; max-height: 100%;}
    .blocchi.bloccoA, .blocchi.bloccoB, .blocchi.bloccoC, .blocchi.bloccoD, .blocchi.bloccoE, .blocchi.bloccoF {height: auto !important; margin-top: 50px;}
    .blocchi:not(.bloccoAA):nth-child(2) {margin-top: 0px;}
    .blocchi.bloccoA .elemento, .blocchi.bloccoD .elemento, .blocchi.bloccoF .elemento {width: 202px !important; height: 245px !important; margin-left: 30px;}
    .blocchi.bloccoB .elemento.piccolo {width: 202px; height: auto !important;}
    .blocchi.bloccoB .elemento.grande {width: 434px; height: auto !important;}
    .blocchi.bloccoB .elemento:nth-child(2) {margin-left: 30px;}
    .blocchi.bloccoC .mediogrande {width: 314px; height: 505px !important;}
    .blocchi.bloccoC .mediodoppio {width: 259px; height: 505px !important; margin-left: 30px;}
    .blocchi.bloccoC .subElemento {height: 248px !important;}
    .blocchi.bloccoE .elemento {width: 318px; height: auto !important;}
    .blocchi.bloccoE .elemento:nth-child(2) {margin-left: 30px;}
    .blocchi .box258 {width: 202px; height: auto;}
    .blocchi .box258 .immagine {width: 202px; height: 150px;}
    .blocchi .box333 {width: 150px; height: auto;}
    .blocchi .box333 .immagine {width: 150px; height: 202px;}
    .blocchi .box650 {width: 392px; height: auto;}
    .blocchi .box650 .immagine {width: 392px; height: 290px;}
    .blocchi .box480 {width: 392px; height: auto;}
    .blocchi .box480 .immagine {width: 392px; height: 290px;}

    /* BLOCCHI */
    .blocchi .elemento a {color: #000;}
    .blocchi .elemento a:hover {color: #00c9ff;}
    .bloccoAA, .bloccoAA .elemento {height: 305px !important; max-height: 305px !important;}
    .bloccoAA .elemento.piccolo {width: 257px;}
    .bloccoAA .elemento.grande {width: 350px;}
    .bloccoAA .elemento:nth-child(2) {margin-left: 10px;}
    .bloccoGall .elemento {height: 390px !important; margin: 50px 0px 0px 50px;}
    .bloccoGall .elemento, .bloccoGall .box {overflow: visible;}
    .dida {position: relative; bottom: auto;padding: 12px 10px 0px; opacity: 1;}
    .caption h2, .dida h2 {font-size: 20px; line-height: 1.2em;}
    .caption h3 {font-size: 15px; line-height: 15px;}
    .dida h3 {font-size: 13px; line-height: 13px;}
    /* ITEMS */
    .items .item {width: 230px; margin-left: 19px;}
    .items .item .immagine {height: 230px; max-height: 230px;}
    .items .item img {width: auto; height: auto; max-height: 230px;}

    /* HOMEPAGE */
    .trefoto {height: 565px;}
    .trefoto img {max-width: 75%; height: auto;}
    .trefoto .due {top: 50px; left: 405px;}
    .trefoto .due .txt {font-size: 22px; line-height: 26px;}
    .trefoto .tre {top: 277px; left: 37px;}
    .progetti-home .txt {padding-left: 40px;}
    .outdoor .txt {margin-top: 0px;}
    .acustico .immagini {margin-top: 50px; height: 700px;}
    .acustico img {max-width: 100%; height: auto;}
    .acustico .txt {margin-top: 0px;}

    /* AZIENDA */
    .azienda .duefoto {height: 475px;}
    .azienda .duefoto .uno {top: 40px; width: 340px;}
    .azienda .duefoto .due {width: 340px; left: 355px;}
    .azienda .duefoto img {max-width: 100%; height: auto;}
    .azienda img {max-width: 100%; height: auto;}

    /* COLLEZIONI */
    /* .filtriColl, */ .tipiProg {z-index: 9; right: 15px; top: 127px;}
    .tipiProg { right: 35px; }
    .filtriColl ul.hidden-xs a {opacity: 1;}
    .lista-prodotti .immagine {height: 225px; overflow: hidden;}

    /* SCHEDE - prodotto */
    .copertina {margin-bottom: 30px; overflow: visible;}
    .allegati li {font-size: 14px; line-height: 30px; padding: 0px 15px 0px 0px;}
    .iconDownload span {padding-right: 10px;}
    .iconDownload svg {width: 11px; height: 14px;}
    /* SCHEDE - progetto */
    #scheda.progetto .testi {width: 247px;}
    #scheda.progetto .credits-photo {margin-top: 10px;}
    #scheda.progetto .dettagli, #scheda.progetto .copertinaP {min-height: auto !important; height: auto;}
    .copertinaP {width: 451px;}
    .prodottiCorr {font-size: 14px; line-height: 18px;}
    #relProd > div:first-child::before, #prodCorr > div:first-child::before {width: 247px;}

    /* PROGETTI */
    .tipiProg ul li a {font-size: 14px; line-height: 14px;}

    /* DISTRIBUZIONE */
    .icon-ricerca {top: 20px; right: 70px; opacity: 0; visibility: hidden; z-index: 10;}
    .overlay.open > .logo, .overlay.open > .close, .icon-ricerca.distrib {position: absolute;}
    .icon-ricerca.distrib {top: 25px; right: 60px; z-index: 6;}
    #distribuzione .container {height: auto; padding: 20px;}
    #distribuzione .close {right: 20px;}
    #distrib {height: calc(100vh - 210px); margin: 39px auto 0px;}
    #distrib.searchOnTop .cercaDistr {margin-bottom: 10px;}
    #distrib.searchOnTop .cercaDistr .contCerca {height: 41px;}
    #distrib .cercaDistr .contCerca form > div {margin: auto; display: table;}
    #distrib .cercaDistr .contCerca form .select-selected {max-width: 100%; height: 35px; font-size: 28px; line-height: 25px; padding-bottom: 8px; margin-bottom: 0px; overflow: hidden;}
    #distrib .cercaDistr .contCerca form button {width: 41px; height: 41px;}
    #distrib .cercaDistr .contCerca form button svg {width: 35px; height: 24px;}
    #distrib .custom-select span svg {width: 30px; height: 17px;}
    #distrib .attenzione {position: absolute; top: auto; bottom: 10px; text-align: center; padding: 0px 140px; margin: 0px auto;}
    #distrib .divisorio {margin-top: 60px;}
    #distrib .divisorio > div {width: 100%;}
    #distrib .blocco {padding-top: 30px;}
    #distrib .elemento {width: 349px !important; height: auto; margin: 30px 0px 0px 30px !important; clear: none !important}
    #distrib .elemento:nth-child(1), #distrib .elemento:nth-child(2) {margin-top: 0px !important;}
    #distrib .elemento:nth-child(2n+1) {margin-left: 0px !important;}
    #distrib .elemento:nth-child(2n+3) {clear: both !important;}
    #distrib .elemento .top, #distrib .elemento .testo {font-size: 20px; line-height: 22px;}
    /* solo ricerca */
    #distrib .custom-select span {top: 3px; right: 0px;}
    #distrib .select-selected {height: 55px; font-size: 40px; line-height: 36px; padding-bottom: 16px; margin-bottom: 16px;}
    /* ricerca in alto */
    #distrib.searchOnTop .cercaDistr .contCerca form > div {width: 314px;}
    #distrib.searchOnTop .cercaDistr .contCerca form .select-selected {height: 41px; font-size: 28px; line-height: 36px; padding-bottom: 8px; margin-bottom: 0px; overflow: hidden;}
    #distrib.searchOnTop .cercaDistr .custom-select span {top: 4px; right: 0px;}
    #distrib.searchOnTop .cercaDistr .custom-select span svg {width: 25px; height: 15px;}
    #distrib.searchOnTop .cercaDistr .contCerca form button {width: 38px; height: 38px;}
    #distrib.searchOnTop .cercaDistr .contCerca form button svg {width: 32px; height: 23px;}

    /* RASSEGNE */
    #rassegne .elemento {width: calc((100% - 60px) / 3); height: 150px; padding: 0px !important; margin: 113px 0px 0px 30px !important; clear: none !important;}
    #rassegne .elemento:nth-child(1), #rassegne .elemento:nth-child(2), #rassegne .elemento:nth-child(3) {margin-top: 0px !important;}
    #rassegne .elemento.notscrolled {margin-top: 163px !important;}
    #rassegne .elemento:nth-child(3n+1) {margin-left: 0px !important;}
    #rassegne .elemento:nth-child(3n+4) {clear: both !important;}
    #rassegne .elemento .immagine {width: 160px; overflow-x: hidden; opacity: .5;}
    #rassegne .elemento .immagine img {height: 188px;}
    #rassegne .elemento .top {font-size: 20px; line-height: 22px;}

    /* RICERCHE */
    .filter .tablecell {vertical-align: top;}
    .filter form {width: 100%; padding: 0px 60px; margin-top: calc(100vh / 3);}
    .filter form > div {width: calc((100vw - 30px - 120px) / 2);}
    #distrib .cercaDistr .contCerca form {width: 100%; padding: 0px 40px; display: table;}
    #distrib .cercaDistr .contCerca form > div {width: calc(50% - 30px);}
    #searchFormResult form {position: relative; width: 100%; max-width: 500px; padding: 0px 15px; margin: auto; display: table;}
    #searchFormResult input {width: 100%; max-width: 600px !important; height: auto; font-size: 45px; line-height: 1.3em; padding: 0px; background: transparent; border: 0px; color: #000; }
    #searchFormResult button {position: absolute; top: 10px; right: 15px; width: 25px; height: 18px; padding: 0px; background: transparent; border: 0px; display: block;}
    #searchFormResult button > svg {position: relative; width: 25px; height: 18px; line-height: 60px; transition: all .18s ease 0s;}

    /* PRIVACY */
    .max720 {width: calc(100vw - (120px * 2)); font-size: 22px; line-height: 1.5em; padding: 0px 0px 60px; margin: 50px auto 0px;}

    /* FOOTER */
    footer {padding: 10px 0px 75px !important; margin-top: 50px; margin-bottom: 0px !important; background: #fff; z-index: 2;}

	/* SELECT STYLE */
	.select-selected {height: 37px !important; font-size: 28px !important; line-height: 25px !important; padding-bottom: 10px !important;}
	.select-items {max-height: 140px;}
	.select-items div {height: auto; font-size: 20px; line-height: 18px; margin-top: 0px !important;}
	.select-items span, .filter form > div span {width: 30px; height: 37px; line-height: 29px; padding-top: 0px;}
	.select-items span svg, .filter form > div span svg {width: 30px; height: 17px;}
	form > button, .filter button {width: 37px; height: 37px; line-height: 37px; padding: 0px; margin-left: 30px;}
	form > button svg, .filter button svg {width: 37px; height: 37px; line-height: 37px; margin-top: 0px;}
	#menu .newsletter button {margin-left: 0px;}
	#menu .newsletter button svg {width: 28px; height: 28px;}

    /* AZIENDA */
    #dots {display: none !important; visibility: hidden !important;}
    #azTitFisso {width: calc(100vw - 200px - 40px - 40px); left: calc((100vw - (100vw - 200px - 40px - 40px)) / 2); z-index: 10;}
    body.azienda .radar {display: none; visibility: hidden;}
    section.azienda .titolo {font-size: 82px; line-height: 1.3em; margin-top: calc(48vh - 60px) !important;}
    section.azienda .testo {width: 100% !important; max-width: 500px !important; font-size: 50px !important; line-height: 52px !important; padding: 0px 15px; margin-left: auto; margin-right: auto;}
    section.azienda .testo .underline::after {height: 1px;}
    section.azienda .colonne {margin-top: 12vh;}
    section.azienda .colonne > .col {float: none; width: 100%; margin: 30px 0px 0px;}
    section.azienda .colonne > .col:first-child {margin-left: 0px;}

    /* DOWNLOAD e RISERVATA */
    #download {margin-top: 31px;}
    #download .sottotitolo, #riservata .sottotitolo {height: 67px; font-size: 20px; line-height: 20px;}
    #download .elemento {float: left; width: 50%; height: auto; margin: 60px 0px 0px 0px !important;}
    #riservata .elemento {float: left; width: 100%; height: auto; margin: 60px 0px 0px 0px !important;}
    #download .elemento:nth-child(2n+1), #riservata .elemento:nth-child(2n+1) {margin-left: 0px !important;}
    #download .elemento:nth-child(1), #download .elemento:nth-child(2) {margin-top: 0px !important;}
    #riservata .elemento:nth-child(1), #riservata .elemento:nth-child(2) {margin-top: 29px !important;}
    #download .elemento .immagine {width: 100%; height: 350px; margin-bottom: 15px;}
    #download .elemento .immagine img, #riservata .elemento .contenuti .immagine img {width: auto; max-height: 350px;}
    #download .elemento .testi, #riservata .elemento .testi {font-size: 20px; line-height: 1.3em; margin-top: 0px;}
    #download .elemento.scrollup.notscrolled {margin-top: 110px !important;}
    #download .elemento.scrollup {margin-top: 60px !important;}
    #download .elemento.scrollup.notscrolled:first-child, #download .elemento.scrollup.notscrolled:nth-child(2) {margin-top: 60px !important;}
    #download .elemento.scrollup:first-child, #download .elemento.scrollup:nth-child(2) {margin-top: 0px !important;}
    #riservata .elemento {width: 50%;}
    #riservata .elemento .categoria {margin-bottom: 50px;}
    #riservata .elemento .contenuti {width: 100%;}
    #riservata .elemento .contenuti .immagine {max-width: 100%; height: 350px; margin: 0px auto 20px;}
    .login form {width: calc(100vw - 120px); max-width: 648px;}
    .login form > div {width: calc(50% - 15px - 45px);}
    #logout {top: 20px; right: 70px !important; opacity: 1; z-index: 11;}
    /* richiedi */
    .richiedi .form {position: relative; width: 100%; max-width: 500px; padding: 0px 15px; margin-bottom: 30px;}
    .richiedi .form::before, .richiedi .form .divForm::before {content: ''; position: absolute; top: 0px; width: calc(500px - 30px); height: 1px; background: #9d9d9c; display: block;}
    .richiedi .form > div {width: 100%; margin: 10px 0px 0px;}
    .richiedi .spiegazione:not(.vuoto) {position: relative;}
    .richiedi .form .divForm {position: relative;}
    .richiedi .form .vuoto {display: none;}
    .richiedi .form .acceptLaw, .richiedi .form .submit {margin-top: 30px;}
    .richiedi .acceptLaw div {padding-right: 0px;}
    .richiedi .form .submit button {float: left;}
    .richiedi .form .custom-select.open .select-items {height: auto;}
    .richiedi .form .select-items > div {height: auto; padding: 10px 0px 10px 10px; margin-top: 0px !important; display: block;}
    .richiedi .form .select-items > div:last-child {margin-bottom: 0px;}
    .richiedi .form .group-input input {height: 60px;}
    .richiedi .form .group-input label, .richiedi .select-selected {font-size: 28px !important; line-height: 60px !important; height: 60px !important; }
    .richiedi .custom-select span { width: 60px; height: 60px; }
    .custom-select span svg { top:6px; }

    /* RICERCA */
    #searchFormResult > .table > .tablecell {margin-top: 100px;}
    #searchFormResult .cerca {display: none; visibility: hidden;}
    #searchFormResult .col {float: none; width: calc(100vw - 30px); max-width: 346px; margin-left: auto !important; margin-right: auto !important; display: table;}
    #searchFormResult .cols {width: 500px; padding: 0px 15px; display: block;}
    #searchFormResult .cols > div {margin-left: 0px;}
    #searchFormResult .col {float: none; width: 100%; max-width: none;}
    #searchFormResult .col .colTit {font-size: 45px; line-height: 1.3em; padding-bottom: 20px; margin-bottom: 0px; cursor: pointer;}
    #searchFormResult .col .colTit div {float: right; width: 28px; height: 50px;}
    #searchFormResult .col .colTit div svg {height: 30px;}
    #searchFormResult .colElenco {height: auto; max-height: 300px; overflow-x: hidden; overflow-y: auto; display: none;}
    #searchFormResult .col .colElemento:last-child {padding-bottom: 10px;}
    #searchFormResult .col .colElemento .txt .tit, #searchFormResult .col .colElenco .colElemento .txt .luogo {font-size: 30px; line-height: 1em; color: #9d9d9c;}
    #searchFormResult .col .colElemento .image {display: none;}
    #searchFormResult .col .colElemento .txt {width: 100%; margin-left: 0px; word-break: break-all; word-wrap: break-word;}

    /* fancybox */
    .fancyhtml {position: absolute; top: 0px; width: 100vw; padding: 0 50px; height: 100vh; margin: 0px; display: table;}
    .fancytablexs {display: table-cell; vertical-align: middle;}
    .fancycenteredtxt {width: auto; height: auto; text-align: center; margin: auto; display: table;}

    #legali .titoloPagina, #credits .titoloPagina { margin-bottom:0px; }
    #legali .max720, #credits .max720 { padding-bottom: 0px; margin-top: 0px; }
    #legali .table, #credits .table { height: calc(100vh - 102px); }
}

@media (min-width:1200px) and (max-width: 1799px){
    /* FANCYBOX */
	.fancybox-overlay {overflow:hidden !important;}
    .fancyhtml .fancytablexs .fancycenteredtxt .table {height: 100vh;}
    .fancybox-close-small {top: 27px; left: calc(100vw - 77px);}
    /* GENERICHE */
    .container {width: 1100px;}
    .container.largo, .container.medio {width: 1150px;}
    #zoom .container {max-width: calc(100% - 250px);}
    .logo, #alfabeto, #indietro, #menu .menuLeft {left: 30px;}
    /* .filtriColl, #logout { right: 40px; } */
    #tornasu { left: calc(100vw - 74px); visibility: visible;}
    .tipiProg { left: calc(100vw - 67px) }
    .menubar {height: 100px;}
    /* #corpo.notitle {margin-top: 75px;} */
    .close, #zoom .close {top: 30px; /* right: 41px; */ left: calc(100vw - 77px); }
    #zoom .iconDownload {right: 4px; bottom: 29px;}
    #zoom #prevGallery::before {left: calc((100vw - 1150px) / 2);}
    #zoom #nextGallery::after {right: calc((100vw - 1150px) / 2);}
    .menuButton {top: 22px; left: calc(100vw - 77px); } /* right: 41px; */
    #menu .menuRight, .posRight { left: calc(100vw - 78px); }
    #menu .terzo { left: calc(100vw - 62px); }
    #logout { left: calc(100vw - 78px + 30px); }
    /* ingrandimento immagini all'hover */
    a.cerca > svg {transition: transform .3s ease;}
    a div.immagine {overflow: hidden;}
    .logo a:hover img, .grid-item img, a img, .social a:hover img, #rassegne a:hover .immagine {transition: all .7s ease-in-out 0s; transform: scale(1);}

    /* RICERCA da RESULT */
    #searchFormResult form {position: absolute; top: 70px; left: calc(50% - 200px); right: 0px; width: 400px; padding: 0px 15px; margin: auto; display: table;}
    #searchFormResult input {width: 100%; max-width: 600px !important; height: auto; font-size: 29px; line-height: 42px; padding: 0px; background: transparent; border: 0px; color: #000; border-bottom: 1px solid #949494;}
    #searchFormResult button {position: absolute; top: 10px; right: 15px; width: 25px; height: 18px; padding: 0px; background: transparent; border: 0px; display: block;}
    #searchFormResult button > svg {position: relative; width: 25px; height: 18px; line-height: 60px; transition: all .18s ease 0s;}
    #searchFormResult .cerca {display: none; visibility: hidden;}

    .blocchi .box305 div.img, .blocchi .box305 div.img div {width: 305px; height: 410px !important; margin:auto;}
    .blocchi .box451 div.img, .blocchi .box451 div.img div {width: 451px; height: 335px !important; margin:auto;}

    .overlay .barramenu {position: fixed; width: 100vw; height: 100px; display: table; background: rgba(255,255,255,0) !important; z-index: 2; transition: background 0.18s ease; }
    .overlay .barramenu.affix {background: rgba(255,255,255,.9) !important;}
    #versione .logo {background: rgba(255,255,255,.9) !important;}
    /* COLLEZIONE */
    .filtriColl ul.hidden-xs a {opacity: 1;}
    #versione .finishes li:nth-child(10n+12) {margin-left: 188px; clear: both;}

    /* AZIENDA */
    #dots {left: calc(100vw - 77px);}

    /* CONTATTI */
    #contatti .table:not(#intestazioni) {min-height: calc(100vh - 190px); height: calc(100vh - 190px);}
    #contatti .testi {width: 50%;}
}

@media (min-width: 1800px)  {
    /* GENERICHE */
    #tornasu { left: calc(((100vw + 1490px + 6px) / 2)); visibility: visible;}
    .container {width: 1100px;}
    .container.medio {width: 1150px;}
    .container.largo {width: 1490px;}
    .logo, #alfabeto, #indietro, #menu .menuLeft { left: calc(((100vw - 1490px) / 2) - 110px); }
    .close, #zoom .close {left: calc(((100vw + 1490px) / 2));}
    /* .menuButton, .filtriColl, #logout { right: calc(((100vw - 1490px) / 2) - 30px); } */
    .menuButton { left: calc(((100vw + 1490px) / 2)); } /*, .filtriColl */
    #logout { left: calc(((100vw + 1490px) / 2) + 30px); }
    #zoom #prevGallery::before {left: calc((100vw - 1490px) / 2);}
    #zoom #nextGallery::after {right: calc((100vw - 1490px) / 2);}
    .tipiProg { left: calc(((100vw + 1490px) / 2) + 10px); }
    /* ISOTOPE */
    .isotope .grid-item {padding: 25px; margin: 0px;}
    /* ingrandimento immagini all'hover */
    a.cerca > svg {transition: transform .3s ease;}
    .logo a:hover img, .grid-item img, a img, .social a:hover img, #rassegne a:hover .immagine, .filtriColl a:hover img {transition: all .3s ease-in-out 0s;}
    a[data-click="versione"]:hover img {transform: scale(1.05);}

    /* RICERCA da RESULT */
    #searchFormResult form {position: absolute; top: 70px; left: calc(50% - 200px); right: 0px; width: 400px; padding: 0px 15px; margin: auto; display: table;}
    #searchFormResult input {width: 100%; max-width: 600px !important; height: auto; font-size: 29px; line-height: 42px; padding: 0px; background: transparent; border: 0px; color: #000; border-bottom: 1px solid #949494;}
    #searchFormResult button {position: absolute; top: 10px; right: 15px; width: 25px; height: 18px; padding: 0px; background: transparent; border: 0px; display: block;}
    #searchFormResult button > svg {position: relative; width: 25px; height: 18px; line-height: 60px; transition: all .18s ease 0s;}
    #searchFormResult .cerca {display: none; visibility: hidden;}
    .blocchi .box305 div.img, .blocchi .box305 div.img div {width: 305px; height: 410px !important; margin:auto;}
    .blocchi .box451 div.img, .blocchi .box451 div.img div {width: 451px; height: 335px !important; margin:auto;}

    /* COLLEZIONE */
    #versione .finishes li:nth-child(10n+12) {margin-left: 188px; clear: both;}
    .filtriColl.hideOverlay ul.hidden-xs a {opacity: 1;}

    /* CONTATTI */
    #contatti .table:not(#intestazioni) {min-height: calc(100vh - 190px); height: calc(100vh - 190px);}
}

@media (max-width: 853px){
#stand {max-width: 100vw; height: calc(100vw * 0.5627);}
}
@media (max-width: 1000px){
#prodvideo {max-width: 100vw; height: calc(100vw * 0.5627);}
}
@media (min-width:768px) and (max-width: 1199px){
.virtual-tour {margin-top: 85px;}
}