/* loader bianco */ .loadBianco {transition: all .35s ease-in;} .loadBianco.dimmer {opacity: 0 !important;} .loadBianco.nascosto {visibility: hidden !important; z-index: 1 !important;} /** * @license * MyFonts Webfont Build ID 3586500, 2018-05-24T05:33:42-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FF Absara Web Pro by FontFont * URL: https://www.myfonts.com/fonts/fontfont/absara/pro-regular/ * Copyright: 2012 Xavier Dupré published by FSI FontShop International GmbH * Licensed pageviews: 50,000 * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3586500 * * © 2018 MyFonts Inc */ @import url("//hello.myfonts.net/count/36b9c4"); @font-face {font-display: swap; font-family: 'AbsaraLight'; src: url('../fonts/36B9C4_0_0.eot'); src: url('../fonts/36B9C4_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/36B9C4_0_0.woff2') format('woff2'), url('../fonts/36B9C4_0_0.woff') format('woff'), url('../fonts/36B9C4_0_0.ttf') format('truetype');} /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2018 Colophon Foundry * * Licenced to ALICE BELLESE MODO LUCE SRL */ @font-face {font-display: swap; font-family: 'ApercuLight'; src: url('../fonts/apercu-light.eot'); src: url('../fonts/apercu-light.eot?#iefix') format('embedded-opentype'), url('../fonts/apercu-light.woff') format('woff'), url('../fonts/apercu-light.woff2') format('woff2'), url('../fonts/apercu-light.ttf') format('truetype'); font-weight: normal; font-style: normal;} /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2018 Colophon Foundry * * Licenced to ALICE BELLESE MODO LUCE SRL */ @font-face {font-display: swap; font-family: 'ApercuMedium'; src: url('../fonts/apercu-medium.eot'); src: url('../fonts/apercu-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/apercu-medium.woff') format('woff'), url('../fonts/apercu-medium.woff2') format('woff2'), url('../fonts/apercu-medium.ttf') format('truetype'); font-weight: normal; font-style: normal;} /* UPDATE BROWSER*/ #browser .logoml {margin-bottom: 95px;} #browser .titolo h1 {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 60px; line-height: 1em; text-align: center; padding: 0px 0px 30px;} #browser .max720 {text-align: center; width: 768px; max-width: 100vw; padding: 50px;} #browser .max720 .icone-social {margin-top: 30px; margin-left: auto; margin-right: auto; display: table;} #browser .table {height: calc(100vh - 100px); text-align: center;} #browser .icone-browser img {width: auto;; height: 70px;} #browser .table ul {margin: 50px auto 0; width: 436px;} #browser ul.icone-browser li {float:left; margin-right: 52px; width: 70px; transition: none;} #browser ul.icone-browser li:last-child {margin-right: 0;} #browser .tablecell2 {text-align: center; display:table-cell; vertical-align: middle;} #browser .max720 p, #browser .max720 ul li, #browser .max720 a, #browser .max720 div {position: relative; top: 0px; opacity: 1;} #browser .icone-browser a:hover img {opacity: 0.5;} /* COOKIE */ #cookie {position: fixed; left: 30px; bottom: 30px; width: 375px; height: auto; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 15px; color: #fff; line-height: 18px; text-align: left; padding: 30px; background: rgb(26,194,210); display: none; z-index: 1000;} #cookie.hideOverlay {display: none !important; visibility: hidden !important; z-index: 8 !important;} #cookie .txt {position: relative; padding-right: 100px;} #cookie .txt a {color: #fff; text-decoration: underline;} #cookie .txt a:hover {color: #fff; text-decoration: none;} #cookie .txt a::after {display: none;} #cookie button {position: absolute; top: 30px; right: 30px; line-height: 34px; padding: 0px 20px; display: block; background: transparent; border: 1px solid #fff; transition: all .15s ease 0s;} #cookie button:hover {color: rgb(26,194,210); background: #fff;} /* 404 */ .pnf {margin:30px 0px;} .pnf > .container {text-align:center; padding:50px 0px;} .pnf h3 {color:#c78460;} .pnf #intestazioni {height: auto !important; padding: 59px 0px 0px;} /* popup */ .fancybox-close-small {top: 37px; left: calc(((100vw + 1490px) / 2)); width: 30px; height: 30px; background: transparent url('../images/icons/ico-close.svg') no-repeat center center;} .fancybox-close-small::after {display: none; visibility: hidden;} .fancybox-overlay {background:rgba(130,161,204,0.3);} .fancybox-opened {z-index:100000 !important;} .fancybox-close {top:15px; right:15px; width:25px; height:25px; background:url("../images/icons/ico-close.svg") no-repeat top center !important;} .fancybox-skin {padding:15px !important; background:#fff !important; border:none !important; box-shadow:none !important;} .fancybox-image {height:auto !important; margin-top:30px !important; display:block;} .fancybox-container {width: 100vw; height: 100vh; font-family: 'ApercuLight'; letter-spacing: 0.4px;} .fancyhtml {position: absolute; left: 0vw; top: 0px; width: 100vw; height: 100vh; padding: 0px; margin: 0px;} .fancyhtml .fancytablexs {height: 100vh;} .fancyhtml .fancytablexs .fancycenteredtxt {width: 1100px; height: 100%; margin: auto;} .fancyhtml .fancytablexs .fancycenteredtxt .titolo {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 60px; line-height: 1em; text-align: center; padding: 60px 0px 0px;} .fancyhtml .fancytablexs .fancycenteredtxt .table {width: 100%; height: calc(100vh - 120px);} .fancyhtml .fancytablexs .fancycenteredtxt .tablecell {padding-bottom: 15px;} .fancyhtml .fancytablexs .fancycenteredtxt .tablecell > div {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 30px; line-height: 1.3em; margin: auto; display: table;} /* privacy acceptLaw */ .acceptLaw div {position: relative; width: 100%; font-size: 12px; line-height: 1.1em; font-weight: 400; padding-left: 30px; margin: 0px; display: table;} .acceptLaw label {position: absolute; top: 15px; left: 0px; width: 30px; height: calc(100% - 15px); margin: 0px; display: block; z-index: 11; cursor: pointer;} .acceptLaw label::before {content: ''; position: absolute; top: 0px; left: 0px; width: 12px; height: 12px; background: transparent; border: 1px solid #000000; display: block; z-index: 10;} .acceptLaw label::after {content: ''; position: absolute; top: 10px; left: 5px; width: 0px; height: 0px; background: transparent; border: 1px solid transparent; display: block; z-index: 11; transition: all .13s ease; opacity: 0;} .acceptLaw label.clicked::after {top: 3px; left: 3px; width: 6px; height: 6px; background: #000000; opacity: 1;} .acceptLaw a {color: #000000;} .acceptLaw a:hover {color: #00a2ce;} /* popup */ #ppGest {position: fixed; bottom: -80px; right: 30px; width: 375px; height: auto; padding: 0px 30px; background: #d3ebee; z-index: 1000; display: block; opacity: 0; transition: all .35s ease-out 0s; overflow: hidden;} #ppGest.open {bottom: 30px; opacity: 1;} #ppGest.hideOverlay {display: none !important; visibility: hidden !important; z-index: 8 !important;} #ppGest .c {position: absolute; top: 30px; right: 30px; width: 20px; height: 20px; background: url("../images/icons/ico-close.svg") no-repeat top center / 20px !important; cursor: pointer;} #ppGest .tema {height: 78px; font-family: 'ApercuMedium';letter-spacing: 0.4px; font-size: 18px; line-height: 18px; padding: 30px 0px; overflow: hidden;} #ppGest .titolo {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 40px; line-height: 46px; padding: 10px 0px 40px; border-bottom: 1px dotted #000000; overflow: hidden; word-break: break-all;} #ppGest .test {font-family: 'ApercuLight';letter-spacing: 0.4px; font-size: 24px; line-height: 28px; padding: 30px 0px 40px; overflow: hidden; word-break: break-all;} #ppGest .nl {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 24px; padding: 25px 0px 40px;} #ppGest .all, #ppGest .link {height: 79px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 18px; padding: 30px 0px; border-top: 1px dotted #000000; word-break: break-all;} #ppGest .all a, #ppGest .link a {position: relative; padding-left: 30px;} #ppGest .all a span, #ppGest .link a span {position: absolute; left: 0px; padding-right: 0px; display: block;} #ppGest .all a span {top: -5px;} #ppGest .link a span {top: 0px;} #ppGest a {color: #000000;} #ppGest a:hover {color: #00a2ce;} #ppGest .iconDownload svg {fill: #000000;} #ppGest .iconDownload:hover svg {fill: #00a2ce;} #ppGest #nlFoot {position: relative;} #ppGest #nlFoot input {width: 100%; height: auto; font-size: 24px; color: #000000; line-height: 26px; background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #000000;} #ppGest #nlFoot button {position: absolute; top: 0px; right: 0px; width: 30px; height: 28px; padding: 0px; background: transparent; border: 0px; display: block;} #ppGest #nlFoot .fintaLabelNl {position: absolute; top: 0px; left: 0px; width: 100%; font-family: 'ApercuLight'; letter-spacing: 0.4px; color: #000000; margin: auto; display: table; opacity: 0; transition: all .15s ease;} #ppGest #nlFoot .fintaLabelNl.open {opacity: 1;} #ppGest #nlFoot .acceptLaw {position: relative; top: 0px; width: 100%; height: 0px; text-align: justify; display: block; opacity: 0; transition: all .15s ease; overflow: hidden;} #ppGest #nlFoot .acceptLaw.open {height: 110px; opacity: 1;} #ppGest #nlFoot .acceptLaw input[type="checkbox"] {position: absolute; width: 20px; line-height: 14px; margin: 0px; display: none;} #ppGest #nlFoot .acceptLaw div {padding-top: 15px; padding-left: 26px;} #ppGest #nlFoot .acceptLaw a {text-decoration: underline;} #ppGest #nlFoot .acceptLaw a:hover {text-decoration: none;} #ppGest .link a svg {transition: all .15s ease 0s;} #ppGest .link a:hover svg {fill: #00a2ce; transform: translateX(10px);} /* GENERALI */ html {/*-webkit-text-stroke: .5px; */scroll-behavior: smooth; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} html, body {-webkit-font-feature-settings:"kern" 1; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;} html.htmlbodyoverflow, body.htmlbodyoverflow {overflow: hidden !important;} body {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size:20px; color:#000000; line-height:20px; font-weight:400; margin:0px !important; background:#fff; -webkit-font-feature-settings:"kern" 1; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;} .htmlbodyoverflow {overflow: hidden;} hr {height:1px; color:#000000; background:#000000; border-width:0px;} h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;} strong {font-weight: bold;} input, button, select, textarea {border-color:none; border-radius:0%; outline:0; box-shadow:none !important; -webkit-focus-ring-color: none;} select {height: 74px; font-size: 60px; line-height: 74px;} select::-ms-expand {display: none;} select option:not(:first-child) {font-size: 24px; line-height: 19px;} select option:first-child {display: none;} select option:nth-child(2) {line-height: 28px;} checkbox {-webkit-appearance:checkbox; appearance:checkbox;} radio {-webkit-appearance:radio; appearance:radio;} p {padding:0; margin:0px 0px 1em;} p:last-child {margin-bottom:0px;} a, a[name], a:focus {color: #000000; text-decoration:none; transition: all .07s ease 0s;} a:focus {color: #000000; text-decoration:none; transition: all .07s ease 0s; outline: none; text-decoration: none;} a:hover, a[name]:hover {color: #00a2ce; text-decoration:none; cursor: pointer;} a.attivo {color: #00a2ce !important;} ::-webkit-input-placeholder {color: #9d9d9c;} ::placeholder {color: #9d9d9c;} *::selection {background:#dbdbdb;} *::-moz-selection {background:#dbdbdb;} :focus {outline:0;} button {transition: all .15s ease 0s;} sup {font-size:23px; line-height:27px; margin-left:5px;} /* posizionamento immagini scroll serendipitoso */ .scrollup {margin-top: 0px; opacity: 1; transition-timing-function: cubic-bezier(1.44, 0.5); transition-duration: .32s; transition-property: margin, visibility, opacity, padding; visibility: visible;} .caption { transition: all .35s ease-in-out 0s; } .scrollup.notscrolled {margin-top: 50px; margin-bottom: -50px; opacity: 0;} .scrollup.notscrolled, .scrollup.notscrolled + div {visibility: hidden;} .scrollDown {position: relative; top: 0px; opacity: 1; transition: all .35s ease-out 0s;} .scrollDown.notScrolled {top: -25px; opacity: 0;} /* others */ .container {position:relative;} .container > div:last-child {margin-bottom:0px;} .nopad {padding:0px;} .nofloat {float:none;} .mgauto {margin-left:auto; margin-right:auto;} .mTop12 {margin-top: 12px;} .mTop30 {margin-top: 30px;} .mTop75 {margin-top: 75px;} .resp-img {max-width:100%; height:auto; display:block;} section {margin-bottom: 150px;} section:last-child {margin-bottom: 0px;} #corpo {min-height: calc(100vh - 190px - 100px); padding: 0px; margin-top: 150px; z-index: 9;} #corpo.homepage {width: 100%;} #corpo.notitle {margin-top: 75px;} #corpo > .titolo {margin-bottom: 50px;} #indietro {position: absolute; top: 218px; left: 30px; width: auto; height: auto; padding: 0px; margin: 0px; display: table;} #indietro.privacylegalicrediti {top: 263px;} #indietro a {width: 30px; height: 30px; line-height: 0px; display: block;} /* tabelle */ .table {height: 100%; margin-bottom: 0px; display:table;} .tablerow {display:table-row;} .tablecell {text-align: center; line-height: 0px; display:table-cell; vertical-align: middle;} .caption { position: absolute; top: 25px; width: calc(100% - 50px); height: calc(100% - 50px); background: rgba(255,255,255,0.8); opacity: 0; z-index:3; } .notscrolled .caption { top:75px; } .dida {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 10px; background: rgba(255,255,255,0.7); opacity: 0; transition: all .15s ease-in-out 0s;} .caption h2, .dida h2 {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal; padding: 0 10px;} .caption h3, .dida h3 {font-family: 'ApercuLight'; letter-spacing: 0.4px; line-height: 18px; margin-top: 5px; opacity: .6; padding: 0 10px;} .isotope .grid-item .imgflow > div:hover .caption, .box:hover .dida {opacity: 1; cursor: pointer;} /* elenchi */ ul.nostyle {list-style:none; padding:0px; margin:0px;} /* testo */ h1 {font-size: 68px; line-height: 68px;} h2 {font-size: 38px; line-height: 44px;} h2.piccolo {font-size: 18px; line-height: 40px;} h3 {font-size: 18px; line-height: 30px;} h4 {font-size: 18px; line-height: 19px;} .titolosez, .titolosez2, #corpo > .titolo {font-size: 60px; line-height: 60px; text-align: center;} .titolosez, .titolosez2 {font-family: 'ApercuLight'; letter-spacing: 0.4px;} .titolosez {text-align: center; margin-bottom: 75px;} .titolosez2 {text-align: left; margin-bottom: 80px;} .textRotate {transform: rotate(-90deg); transform-origin: left top 0;} .textRotate2 {transform: rotate(-90deg); transform-origin: right bottom 0;} .textRotate3 {transform: rotate(-90deg); transform-origin: 0%;} .testo {font-size: 38px; line-height: 44px;} .testo.piccolo {font-size: 18px; line-height: 19px;} .flex-center {display: flex; justify-content: center;} /* isotope */ .isotope .grid-item .caption {top: 0px; width: 100%; height: 100%;} .isotope .grid-item, .blocchi .box {position: relative;} .isotope .grid-item .imgflow {position: relative; overflow: hidden;} .isotope .grid-item .imgflow>div {position: relative; display:inline-block; } .isotope .grid-item .imgflow.scrollup, .isotope .grid-item .tweet.scrollup {padding-top: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;} .isotope .grid-item .imgflow.notscrolled, .isotope .grid-item .tweet.scrollup.notscrolled {padding-top: 50px !important; margin-top: 0px !important; margin-bottom: 0px !important;} .isotope .grid-item img {max-width:100%; height:auto; max-height: 100%; margin: auto; display: block; transition: all .35s ease-in-out 0s;} .isotope .grid-item {padding: 25px;} .isotope .grid-item .imgflow {width: 100%; height: 100%; overflow: hidden;} .isotope .grid-item.kind1 {width: 397px;} .isotope .grid-item.kind2 {width: 517px;} .isotope .grid-item.kind3 {width: 573px;} .isotope .grid-item.kind4 {width: 753px;} .isotope .grid-item.kind1 .imgflow {width: 347px;} .isotope .grid-item.kind1.piccolo .imgflow, .isotope .grid-item.kind1.piccolo .caption {width: 258px;} .isotope .grid-item.kind2 .imgflow {width: 467px;} .isotope .grid-item.kind3 .imgflow {width: 523px;} .isotope .grid-item.kind4 .imgflow {width: 703px;} .isotope .grid-item.center .imgflow {float: none; margin: auto;} .isotope .grid-item.left .imgflow {float: left;} .isotope .grid-item.right .imgflow {float: right;} .isotope .grid-item.center .caption {left: 0px; right: 0px; margin: auto;} .isotope .grid-item.left .caption {left: 0px; right: auto;} .isotope .grid-item.right .caption {left: auto; right: 0px;} .isotope .grid-item.tweetB .tweet .testo {font-family: 'ApercuLight'; letter-spacing: 0.4px;} .tweetA {width: 347px !important;} .tweetB {width: 703px !important;} /* tooltips */ .tooltip-arrow {display:none;} .tooltip-inner {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 17px; line-height: 17px; background: rgba(100,99,99,.75); border-radius: 0%; box-shadow: 0px 2px 2px rgba(100,99,99,.5);} /* posizione menù laterali */ .posRight {position: fixed; right: 30px; top: 190px;} .posLeft {position: fixed; left: 30px;} .posRightStatic {position: absolute; right: 30px;} .posLeftStatic {position: absolute; left: 30px;} .posRight, .posLeft, .posRightStatic, .posLeftStatic {top: 190px;} .cerca {width: 32px; height: 32px; display: block; clear: both; opacity: .4; transition: opacity .15s ease 0s;} .cerca:hover {opacity: .8;} .indietroButton, .filtriButton { display:none; } /* intestazioni */ #intestazioni:not(.privacy):not(.legali):not(.crediti), .intestazioni {height: 190px; text-align: center; margin-bottom: 28px; overflow: hidden;} #intestazioni.privacy, #intestazioni.legali, #intestazioni.crediti {height: 260px; text-align: center; overflow: hidden;} #intestazioni > div, .intestazioni > div {position: relative; height: 100%;} #intestazioni .titolo, .intestazioni .titolo {font-size: 60px; line-height: 60px; margin-top: 0px;} .intestazioni .titolo {padding-top: 41px;} #intestazioni .titolo h1, .intestazioni .titolo h1 {font-weight: normal;} #intestazioni .titolo h2, .intestazioni .titolo h2 {font-weight: normal; font-size: 68px; line-height: 68px; font-family: 'AbsaraLight'; letter-spacing: -0.6px;} #intestazioni .sottotitolo, .intestazioni .sottotitolo {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 22px; line-height: 22px; margin-top: 1px;} .titoloPagina {position: relative; width: auto; margin: auto; display: table; z-index: 3;} .titoloPagina > h1 {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 40px; line-height: 90px;} .titoloPagina .titolo h1 {font-size: 42px; line-height: 42px;} .titoloPagina .titolo h2 {font-size: 42px; line-height: 42px; font-family: 'AbsaraLight'; letter-spacing: -0.6px;} .titoloPagina .sottotitolo h2.piccolo {font-size: 15px; line-height: 22px; font-family: 'ApercuLight'; letter-spacing: 0.4px;} /* totop */ #tornasu {position: fixed; bottom: 60px; width: 23px; height: 30px; background: url('../images/icons/arrow-totop.svg') no-repeat center center; display: block; overflow: hidden; opacity: 0; transition: opacity .15s ease-out; visibility: hidden;} #tornasu.open {opacity: 1; z-index: 9; cursor: pointer;} /***** HEADER *****/ .logo {position:absolute; left: calc(50% - (1490px / 2) - 115px); top: 30px; z-index: 3;} .menu-lg {position:fixed; top: 0; width:100vw; text-align: center; z-index:10; display: none; padding: 0; background-color: #ffffff; /*background-color: rgba(255,255,255,.9);*/} .menu-lg .logo {left: 30px;} .menu-lg .container {padding: 45px 0;} .menu-lg li {padding: 0 10px;} .menu-lg li .lingua {text-transform: uppercase;} .menu-lg li .cerca {opacity: 1;} .menu-lg li .cerca img {margin-bottom: 3px;} .menu-lg li .newsletter img {margin-bottom: 7px;} .menu-lg .area-ris {position:absolute; top: 50px; right: 30px; padding-right: 0;} .menubar {position:fixed; top:0px; width: 100%; height: 90px; background: transparent; z-index: 3;} /* menù bottone */ .c-hamburger {position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; font-size: 0px; padding: 0px; margin: 8px 0px 0px 0px; border: none; border-radius: 0%; cursor: pointer; appearance: none; box-shadow: none; display: table; z-index: 100010;} .c-hamburger:focus {outline:none;} .c-hamburger > span {position:absolute; top: 12px; right: 0px; width: 30px; height: 1px; background:#000000; display:block;} .c-hamburger > span::before, .c-hamburger > span::after {content:''; position:absolute; display:block; left: 0; width: 100%; height:1px; background:#000000;} .c-hamburger > span::before {top:-12px;} .c-hamburger > span::after {bottom:-12px;} .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);} /* hover */ #menu {position:fixed; top:0px; left: 0px; width: 100vw; height: 100vh; background: #fff; opacity: 0; overflow-y: auto; transition: all .25s ease-in 0s, width 0s; z-index: 11 !important;} #menu.open {opacity: 1;} /* menu top */ #menu .newsletter {position: absolute; top: 30px; left: 0px; width: 100%; font-family: 'ApercuLight'; letter-spacing: 0.4px; margin: auto; display: table; opacity: 0; z-index: 2; transition: all .15s ease;} #menu .newsletter.nlShowed {opacity: 1;} .newsletter div.form {position: relative; margin: auto; max-width: 800px; margin: auto;} .newsletter form {position: relative; margin: auto; display: table;} .newsletter input {width: 400px; height: auto; font-size: 24px; color: #000000; line-height: 26px; padding: 0px 40px 0px 0px; background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #9d9d9c;} .newsletter button {position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; padding: 0px; background: transparent; border: 0px; display: block;} .newsletter button svg {width: 25px; height: 18px;} /* menu center */ #menu .relative {position: relative;} #menu .menu {position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100vw; min-height: 800px; height: 100%; display: block; z-index: 1; overflow: hidden;} #menu .menu .relative > ul li {position: relative; padding-top: 30px; margin-top: 30px;} #menu .menu .relative > ul li:first-child {padding-top: 0px; margin-top: 0px;} #menu .menu .relative > ul li::before {content: ''; position: absolute; top: 0px; left: calc(50% - 20px); width: 40px; height: 2px; background: transparent; display: block; transition: all .05s ease 0s;} #menu .menu .relative > ul.animated-words-scal li::before {background: #000000;} #menu .menu .relative > ul li:first-child::before {display: none;} #menu .menu .relative > ul li a {font-size: 60px; color: #000000; line-height: 60px;} #menu .menu .relative > ul li a:hover {color: #00a2ce; opacity: 1;} /* menu right */ #menu .menuRight {position: absolute; left: calc(((100vw + 1490px - 2px) / 2)); top: 0px; font-family: 'ApercuLight'; letter-spacing: 0.4px; display: table; z-index: 3;} #menu .menuRight a {font-size: 18px; color: #9d9d9c; line-height: 18px;} #menu .menuRight a:hover {opacity: .8;} #menu .menuRight a.cerca svg {fill: #000000;} #menu .menuRight a.cerca:hover svg {fill: #00a2ce;} #menu .ricercaLingue {width: 26px; display: table;} #menu .ricercaLingue a {float: right; width: 32px; height: 32px; color: #9d9d9c; margin-top: 20px; clear: both;} #menu .ricercaLingue a:first-child {margin-top: 0px;} #menu .ricercaLingue a:not(.cerca):hover {color: #00a2ce; opacity: 1;} #menu .social {width: 32px; margin-top: 54px;} #menu .social li {padding-top: 0px; margin-top: 15px;} #menu .social li:first-child {margin-top: 0px;} #menu .social li::after {display: none;} #menu .social a {width: 26px; height: 26px; color: #9d9d9c; text-align: center; line-height: 16px !important; display: block; opacity: .4;} #menu .social a img, #menu .social a:hover img {width: 26px; height: 26px;} #menu .social a:hover {opacity: 1 !important;} #menu .terzo {position: absolute; left: calc(((100vw + 1490px - -30px) / 2)); bottom: 52px; width: 220px; display: block; z-index: 3;} #menu .terzo ul {display: table;} #menu .terzo li {float: left; padding-top: 0px; margin-top: 0px; margin-left: 40px;} #menu .terzo li:first-child {margin-left: 0px;} #menu .terzo li::after {display: none;} #menu .terzo li a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 16px; color: #9d9d9c; line-height: 16px;} #menu .terzo li a:hover {color: #000000; opacity: .75;} /* menu bottom */ #menu .menuBottom {position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; display: table; overflow: hidden; z-index: 2;} #menu .menuBottom ul {padding: 20px 0px 53px; margin: auto; display: table;} #menu .menuBottom li {float: left; padding: 0px 5px; margin: 0px 20px;} #menu .menuBottom li::after {display: none;} #menu .menuBottom li a {font-size: 24px; color: #000000; line-height: 24px; display: block; opacity: .75;} #menu .menuBottom li a:hover {color: #9d9d9c;} /* menu left */ #menu .menuLeft {position: absolute; left: 40px; bottom: 40px; font-family: 'ApercuLight'; letter-spacing: 0.4px; z-index: 3;} #menu .menuLeft a {font-size: 16px; color: #9d9d9c; line-height: 16px;} #menu .menuLeft a:hover {color: #000000; opacity: .75;} /***** PANNELLI IN OVERLAY *****/ /* generico */ .overlay.open > .logo, .overlay.open > .close {position: fixed;} .overlay {left: 0px; visibility: visible; opacity: 0; transition: opacity .25s ease-out 0s; z-index: 12; position:fixed; top:0px; width: 100vw; height: 100vh; background: #fff; overflow-x: hidden; overflow-y: auto;} .overlay.hideOverlay {visibility: hidden !important; z-index: 8 !important;} .overlay.open {opacity: 1;} .barramenu {position: absolute; width: 100vw; height: 90px;} /* chiusura pannelli */ .close {position:absolute; top: 40px; width: 30px; height: 30px; padding: 0px; margin: 0px; font-size: 0px; background: #fff; border: none; border-radius: 0%; cursor: pointer; appearance: none; box-shadow: none; display: block; z-index: 100010; opacity: 1;} .close:focus {outline:none;} .close.notWork {transition: none !important; pointer-events: none; visibility: hidden;} .close > span {position:absolute; top: 12px; right: 0px; width:30px; height:1px; background: #000000; display:block;} .close > span::before, .close > span::after {content:''; position:absolute; display:block; left:0; width:100%; height:1px; background:#000000;} .close > span::before {top: -12px;} .close > span::after {bottom: -12px;} .close.is-active > span {background:none;} .close.is-active > span::before {top:0; transform:rotate(45deg);} .close.is-active > span::after {bottom:0; transform:rotate(-45deg);} .searchForm { font-family: 'ApercuLight'; letter-spacing: 0.4px;} .searchForm form {position: relative; margin: auto; display: table;} .searchForm input {width: 600px; height: auto; font-size: 60px; line-height: 60px; padding: 0px; background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #949494;} .searchForm button {position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; padding: 0px; background: transparent; border: 0px; display: block;} .searchForm svg {width: 47px; height: 34px; line-height: 60px;} .searchForm .nores {position: relative; line-height: 24px; margin: 24px auto 0px; display: table; opacity: 0; visibility: hidden;} .searchForm .nores.open {opacity: 1; visibility: visible;} #searchFormResult {position:fixed; top:0px; width: 100vw; height: 100vh; font-family: 'ApercuLight'; letter-spacing: 0.4px; background: #fff; overflow-y: auto; z-index: 13;} #searchFormResult .cerca {position: absolute; top: 190px; right: 30px;} #searchFormResult .titolosez {position: absolute; top: 60px; width: 100%; margin: auto; display: table; z-index: 2;} #searchFormResult > .table > .tablecell {width: 100%; margin-top: 190px; display: table;} #searchFormResult .cols {font-family: 'ApercuLight'; letter-spacing: 0.4px; width: 1098px; padding-bottom: 60px; margin: auto; display: table;} #searchFormResult .col {float: left; width: 346px; margin-left: 30px;} #searchFormResult .col:first-child {margin-left: 0px;} #searchFormResult .col .colTit {font-size: 34px; line-height: 1em; text-align: left; padding-top: 20px; margin-bottom: 51px; border-top: 1px solid #9d9d9c;} #searchFormResult .col .colElemento {width: 100%; padding-top: 10px; margin-top: 10px; border-top: 1px solid #9d9d9c; display: table;} #searchFormResult .col .colElemento:first-child {margin-top: 0px;} #searchFormResult .col .colElemento a {width: 100%; line-height: 0px; display: table; transition: all .08s ease;} #searchFormResult .col .colElemento .image {float: left; width: 64px;} #searchFormResult .col .colElemento .txt {float: left; width: calc(100% - 94px); text-align: left; margin-left: 30px;} #searchFormResult .col .colElemento .txt .tit, #searchFormResult .col .colElenco .colElemento .txt .luogo {font-size: 24px; color: #000000; line-height: 28px;} #searchFormResult .col .colElemento a:hover .tit {color: #00a2ce;} #searchFormResult .col .colElemento .txt .luogo {color: #9d9d9c !important;} #searchFormResult .col.rass .txt {width: 100%; min-height: 36px; margin-left: 0px;} #searchFormResult .col .colElemento .image img {width: auto; height: auto; max-width: 100%; max-height: 100%; display: block;} /* cerca (rassegne) */ .filter {position:fixed; top:0px; width: 100vw; height: 100vh; background: #fff; z-index: 11;} .filter .container {height: 100%; padding-top: 30px;} .filter .immagine {position: relative; width: 100%; height: 100%;} .filter .immagine img {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto; display: block;} /* cerca (distribuzione) */ .filterDistr {position:fixed; top:0px; width: 100vw; height: 100vh; background: #fff;} .filterDistr.open {z-index: 4;} .filterDistr .container {height: 100%; padding-top: 30px;} .filterDistr .immagine {position: relative; width: 100%; height: 100%;} .filterDistr .immagine img {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto; display: block;} /* contatti */ .contatti a {color: #000000; text-decoration: underline;} .contatti a:hover {color: #00a2ce; opacity: 1;} .contatti .notHover, .contatti .notHover:hover {color: #000000; text-decoration: none;} .contatti .titolosez {position: relative; top: 0px; width: auto; max-height: 190px; font-family: 'AbsaraLight'; letter-spacing: -0.6px; padding: 61px 0px 0px; margin: auto; display: table; z-index: 2;} .contatti .titolosez span {font-size: 68px; line-height: 68px;} .contatti .testi {position: relative; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 38px !important; line-height: 44px !important; text-align: left; padding-top: 0px; margin: auto; display: table;} .contatti .testi strong {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal;} .contatti .testi span.soce { font-size: 24px ; line-height: 26px; } .contatti .stampa {position: relative;} .contatti .stampa p {font-size: 24px; line-height: 26px;} .contatti .stampa {margin-top: 100px;} .contatti .piva {position: absolute; right: -130px; bottom: 52px; width: 190px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 16px; color: #9d9d9c; line-height: 16px; display: block; z-index: 3;} /* distribuzione */ .icon-ricerca.distrib {top: 243px; right: 50px;} .distribuzione .close {z-index: 6;} .distribuzione .filterDistr {z-index: 7;} .distribuzione .filterDistr > div {float: none; font-family: 'ApercuLight'; letter-spacing: 0.4px; margin: auto; display: table;} .distribuzione .filterDistr form > div {padding-left: 30px;} .distribuzione .filterDistr form > div:first-child {padding-left: 0px;} .distribuzione .filterDistr select {position: relative; width: 100%; padding-right: 50px; background: transparent; border: none; border-bottom: 1px solid #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 2; opacity: .5;} .distribuzione .filterDistr form > div span {position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; line-height: 48px; text-align: center; display: block; z-index: 1;} .distribuzione .filterDistr button {width: 48px; height: 48px; margin-left: 40px; background: transparent; border: 0px;} .distribuzione .filterDistr button:hover {color: #9d9d9c;} .distribuzione .filterDistr form {width: 66.66666667%; margin: auto; display: table;} .distribuzione .filterDistr select {padding-right: 70px;} .distribuzione .filterDistr form > div span, .distribuzione .filterDistr button {text-align: center; line-height: 74px;} .distribuzione .filterDistr form > div span {width: 65px; height: 65px;} .distribuzione .filterDistr form > div span svg {width: 38px; height: 21px;} .distribuzione .filterDistr button {width: 74px; height: 74px;} .distribuzione .filterDistr button svg {width: 47px; height: 33px; margin-top: 20px;} #distrib {position: relative; margin-bottom: 30px; transition: all .35s ease 0s;} #distrib .cercaDistr {width: 100%; display: table;} #distrib .contCerca {width: 100%; margin-top: calc((100vh - 190px - (66px * 2)) / 2 - 60px); display: table; transition: all .35s ease 0s;} #distrib .cercaDistr {font-family: 'ApercuLight'; letter-spacing: 0.4px;} #distrib .custom-select span {position: absolute; right: 20px; top: 20px;} #distrib .custom-select span svg {width: 40px; height: 23px;} #distrib .attenzione a {text-decoration: underline;} #distrib .attenzione a:hover {text-decoration: none;} /* menulingue */ .menulingue {font-family: 'AbsaraLight'; letter-spacing: 0.4px; letter-spacing: -0.6px;} .menulingue ul {font-size: 60px; color: #000000; line-height: 88px;} .menulingue ul span {color: #00a2ce;} .menulingue ul a {color: #000000;} .menulingue ul a:hover {color: #00a2ce; opacity: 1;} /* zoom */ #zoom {position:fixed; top:0px; width: 100vw; height: 100vh; background: #fff; display: table; z-index: 10;} #zoom .container {max-height: calc(100vh - 60px); padding: 0px 30px; display: table-cell; vertical-align: middle;} #zoom .immagine {position: relative; width: 100%; height: auto;} #zoom .immagine::after {content: url('../images/loading.svg'); position: absolute; top: calc(50% - 28px); left: calc(50% - 28px); width: 56px; height: 56px; visibility: hidden; display: table;} #zoom .immagine.loading::after {visibility: visible;} #zoom .immagine img {position: relative; width: auto; max-width: 100%; height: auto; max-height: calc(100vh - 60px); margin: auto; display: block;} #zoom #prevGallery, #zoom #nextGallery {content: ''; position: absolute; top: 100px; width: 50%; height: calc(100% - 100px); overflow: hidden; display: block; cursor: pointer;} #zoom #prevGallery {left: 0px;} #zoom #nextGallery {right: 0px;} #zoom #prevGallery::before, #zoom #nextGallery::after {content: url('../images/icons/arrow-back.svg'); position: absolute; top: calc(50% - 11px - (100px / 2)); width: 30px; height: 23px; visibility: hidden; opacity: 0; transition: all .35s ease-out;} #zoom #nextGallery::after {transform: rotate(180deg);} #zoom #prevGallery:hover::before, #zoom #nextGallery:hover::after {visibility: visible; opacity: 1;} #zoom #prevGallery:hover::before {margin-left: -25px;} #zoom #nextGallery:hover::after {margin-right: -25px;} #zoom .iconDownload {position: absolute; bottom: 30px; right: -10px; z-index: 10;} #zoom .iconDownload .iconDownload {padding: 15px; display: block;} #zoom .iconDownload span {line-height: 11px; padding: 0px; display: block;} #zoom .iconDownload svg {width: 11px; height: 21px;} /* versione (prodotto) */ #versione {position:fixed; top:0px; width: 100vw; height: 100vh; font-family: 'ApercuLight'; letter-spacing: 0.4px; background: #fff; overflow-x: hidden; overflow-y: auto; z-index: 11;} #versione strong {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal;} #versione section:last-child {margin-bottom: 150px;} #versione p, #versione .specs {font-size: 14px; line-height: 14px;} #versione .titoli {font-size: 18px; line-height: 18px; padding-bottom: 10px; border-bottom: 2px solid #000000;} #versione .titoli > div {margin-left: 30px;} #versione .titoli > div:first-child {margin-left: 0px;} #versione .titoli > div:not(.empty):not(.source) {width: 158px;} #versione .titoli .empty, #versione .titoli .source {width: 252px;} #versione .intestazioni h1 {font-family: 'AbsaraLight'; letter-spacing: -0.6px;} #versione .versione {margin: 20px 0px 0px; padding: 10px 0px 0px; border-top: 1px solid #000000;} #versione .versione:first-child {margin: 0px; padding: 0px; border-top: 0px;} #versione .dati-tecnici {margin-bottom: 50px; min-height:350px;} #versione .dati-tecnici .nome, #versione .dati-tecnici .specs, #versione .dati-tecnici .specs div {float: left;} #versione .dati-tecnici .specs {width: calc(100% - 188px); margin-left: 30px;} #versione .dati-tecnici .spec {width: 100%; padding-top: 10px; margin-top: 10px; border-top: 1px solid #9d9d9c;} #versione .dati-tecnici .spec:first-child {padding-top: 0px; margin-top: 0px; border-top: 0px;} #versione .dati-tecnici .spec > div {margin-left: 30px; min-height: 14px;} #versione .dati-tecnici .spec > div:first-child {margin-left: 0px;} #versione .dati-tecnici .immagine {width: 252px; margin-top: 10px;} #versione .dati-tecnici .immagine img {width: auto; max-width: 100%; height: auto; max-height: 100%; display: block;} #versione .dati-tecnici .dettagli {width: 818px; margin-left: 30px; margin-top: 10px;} #versione .dati-tecnici .dettagli {width: 818px; margin-left: 30px;} #versione .dati-tecnici .nome, #versione .dati-tecnici .dimensioni, #versione .dati-tecnici .code {width: 158px;} #versione .dati-tecnici .light {width: 252px;} #versione .allegato > .iconDownload, .code > .iconDownload {color: #00a2ce;} .code > .iconDownload span {padding-right: 8px;} .code > .iconDownload {margin-top: 10px; display: inline-block;} .code > .iconDownload:hover {color: #000000;} .code > .iconDownload svg {height: 15px;} #versione .allegato > .iconDownload:hover {color: #000000;} #versione .allegato {position: absolute; bottom: 0px; left: 0px;} #versione .allegato a {font-size: 18px; line-height: 18px; margin: 0px; display: table;} #versione .finishes .titoli {margin-bottom: 10px; padding-bottom: 10px;} #versione .finishes > div:not(.titoli) {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000000;} #versione .finishes > div:last-child {padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;} #versione .finishes li {float: left; width: calc((100% - 188px) / 10 - 20px); margin: 0px 20px 10px 0px; display: table;} #versione .finishes li.tit {width: 158px !important; margin-right:30px; } #versione .finishes .cerchio .round {width: 35px; height: 35px; margin-bottom: 10px; display: table; overflow: hidden;} #versione .finishes > div.vario, #versione .finishes > div.colors { padding-bottom:0px; } #versione .finishes > div.rosoni { padding-bottom:15px; margin-bottom: 15px; padding-top: 5px; border-bottom: 2px solid #000000;} #versione .finishes li.tit {font-size: 18px; line-height: 18px;} #versione .finishes li:not(.tit) .testo {font-size: 14px; line-height: 14px;} #versione .finishes .testi p {font-size: 12px; line-height: 12px;} #versione .testi .testo {float: left; width: 158px; margin-left: 30px;} #versione .testi .testo:first-child {margin-left: 0px;} #versione .tech-icons {border-bottom: 2px solid #000000 !important;} #versione .tech-icons > div {float: left; margin-left: 30px;} #versione .tech-icons > div:first-child {margin-left: 0px;} #versione .tech-icons .sx, #versione .tech-icons .dx {width: 158px;} #versione .tech-icons .centrali {width: 724px;} #versione .tech-icons li {position: relative; width: 35px; margin: 0px 0px 0px 20px; } #versione .tech-icons li:first-child {margin-left: 0px;} #versione .tech-icons li .asterischi {position: absolute; top: 0px; right: -21px; width: 20px; font-size: 16px; color: #000000; line-height: 16px; text-align: left;} #versione .tech-icons .sx li {width: 100%; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal;} #versione .rosoni .rosone {width: 346px; max-width: 346px; margin-top: 30px;} #versione .rosoni .rosone:nth-child(1), #versione .rosoni .rosone:nth-child(2), #versione .rosoni .rosone:nth-child(3) {margin-top: 0px;} #versione .rosoni .rosone, #versione .rosoni .rosone div:nth-child(2) {margin-left: 30px;} #versione .rosoni .rosone div {width: 158px; max-width: 158px;} #versione .rosoni .rosone:nth-child(3n+1) {margin-left: 0px;} #versione .rosoni .rosone:nth-child(3n+4) {clear: both;} #versione .rosoni .rosone img {width: auto; max-width: 100%; height: auto; max-width: 100%; display: block;} #versione .rosoni .rosone .testo p {font-size: 12px; line-height: 12px;} #versione .gallery ul {width: 100%; display: table;} #versione .gallery li {float: left; width: auto; height: 360px; padding: 0px; margin: 0px 90px 30px 0px; display: table; overflow: hidden;} #versione .gallery li a {display: table;} #versione .gallery img {width: auto; max-width: 100%; height: auto; max-height: 360px; display: block;} #showfamiglia {position:fixed; top:0px; width: 100vw; height: 100vh; font-family: 'ApercuLight'; letter-spacing: 0.4px; padding-top: 100px; background: #fff; overflow-y: auto;} #showfamiglia.open {z-index: 4;} #showfamiglia h2 {text-align: left; padding-bottom: 7px; margin-bottom: 17px; border-bottom: 1px solid #000000;} #showfamiglia ul {min-height: 160px; font-size: 24px; color: #000000; line-height: 24px;} #showfamiglia ul li {text-align: left; margin-top: 20px;} #showfamiglia ul li:first-child {margin-top: 0px;} #showfamiglia ul span {padding: 0px 25px 0px 0px;} #showfamiglia ul a {color: #000000; display: block;} #showfamiglia ul a:hover {color: #00a2ce; opacity: 1;} /* cerca al centro - appena aperto l'overlay */ #distrib .cercaDistr .contCerca form {width: 1000px; margin: auto; transition: all .18s ease 0s;} #distrib .cercaDistr .contCerca form > div {width: 485px; transition: all .23s ease 0s;} #distrib .cercaDistr .contCerca form > div:nth-child(2), #distrib .cercaDistr .contCerca form button {margin-left: 30px;} #distrib .cercaDistr .contCerca form button {width: 65px; height: 65px; padding: 0px; margin-left: 30px; background: transparent; border: 0px;} #distrib .cercaDistr .contCerca form button svg {width: 40px; height: 27px;} #distrib .cercaDistr .contCerca form button:hover {color: #9d9d9c;} #distrib .divisorio, #distrib .blocchi {display: none; opacity: 0;} #distrib .attenzione {width: auto; font-family: 'ApercuLight'; letter-spacing: 0.4px; margin: calc(((100vh - 190px - 65px) / 2)) auto 0px; display: table; transition: all .15s ease 0s;} /* cerca in alto */ #distrib.searchOnTop .cercaDistr .contCerca {height: 66px; margin-top: 0px;} #distrib.searchOnTop .cercaDistr .contCerca form {width: 796px; display: table; transition: all .23s ease 0s;} #distrib.searchOnTop .cercaDistr .contCerca form > div {width: 388px; transition: all .18s ease 0s;} #distrib.searchOnTop .cercaDistr .contCerca form > div {margin-left: 20px;} #distrib.searchOnTop .cercaDistr .contCerca form > div:first-child {margin-left: 0px;} #distrib.searchOnTop .cercaDistr .contCerca form .select-selected {height: 44px; font-size: 38px; line-height: 38px;} #distrib.searchOnTop .cercaDistr .contCerca form button {width: 44px; height: 44px;} #distrib.searchOnTop .cercaDistr .contCerca form button svg {width: 40px; height: 27px;} #distrib.searchOnTop .cercaDistr .custom-select span {position: absolute; right: 10px; top: 10px;} #distrib.searchOnTop .cercaDistr .custom-select span svg {width: 30px; height: 16px;} #distrib.searchOnTop .divisorio, #distrib.searchOnTop .blocchi {display: block; opacity: 1;} #distrib.searchOnTop .attenzione {display: none;} /* divisorio */ #distrib .divisorio {width: 100%; margin-top: 130px;} #distrib .divisorio > div {width: 1098px; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; color: #00a2ce; line-height: 26px; font-weight: normal; padding-top: 15px; margin: auto; border-top: 1px solid #00a2ce; display: table;} /* elementi */ #distrib .blocco {float: none; width: auto; max-width: 100%; padding-top: 50px; margin: 0px auto 0px; display: table;} #distrib .elemento {width: 326px; height: 230px; font-family: 'ApercuLight'; letter-spacing: 0.4px; padding: 0px; margin: 60px 0px 0px 60px; overflow: visible !important; clear: none;} #distrib .elemento:nth-child(1), #distrib .elemento:nth-child(2), #distrib .elemento:nth-child(3) {margin-top: 0px;} #distrib .elemento:nth-child(3n+1) {margin-left: 0px;} #distrib .elemento:nth-child(3n+4) {clear: both;} #distrib .elemento .top {font-size: 24px; line-height: 26px;} #distrib .elemento .top span {display: block;} #distrib .elemento .top .titolo {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal;} #distrib .elemento .top .luogo, #distrib .elemento .testo p {color: #9d9d9c;} #distrib .elemento .testo {font-size: 24px; line-height: 26px; margin-top: 1em; word-break: break-all;} #distrib .elemento .testo p a {color: #9d9d9c; text-decoration: none;} #distrib .elemento .testo p a:hover {color: #000000;} #distrib .elemento a {color: #000000; line-height: 26px; display: initial; opacity: 1 !important;} #distrib .elemento a:hover {color: #00a2ce; opacity: 1 !important;} /***** POSIZIONI *****/ .top > div {vertical-align: top;} .center > div {vertical-align: middle;} .bottom > div {vertical-align: bottom;} .left .box {float: left;} .right .box {float: right;} /** BLOCCHI **/ .blocchi {width: 100%;} .blocchi .elemento {float: left; position: relative; display: table;} .blocchi .elemento a {position: relative; width: 100%; height: 100%; color: #000000; line-height: 0px; display: block;} .blocchi .elemento img {margin: auto; display: block;} .blocchi .box {position: relative; margin: auto;} .blocchi .box a {color: #000000; opacity: 1;} .blocchi .subElemento {width: 100%; display: table;} /* blocchi collezioni */ .progetti .projboxori { height:258px; width:346.5px; margin:auto; } .progetti .projboxver {position: relative; width:258px; height:347px; margin:auto; } /* blocchi progetti */ .blocchi .box305 .table { width: 305px; margin: auto; } .blocchi .box333 {width: 333px; height: 246px;} .blocchi .box333 h2,.blocchi .box333 h3 { max-width: 293px; word-wrap: break-word;} .blocchi .box333 .immagine {width: 333px; height: 246px;} .blocchi .box258 {width: 258px;} .blocchi .box258 h2,.blocchi .box258 h3 { max-width: 218px; word-wrap: break-word;} .blocchi .box258 .immagine {height: 347px;} .blocchi .box480 {width: 480px;} .blocchi .box480 .immagine {height: 650px;} .blocchi .box650 {width: 650px;} .blocchi .box650 .immagine {height: 480px;} /* blocchi gallerie */ .blocchi .box437 div {width: 437px; height: 588px; margin:auto; } .blocchi .box588 div {width: 588px; height: 437px; margin:auto; } /* 2 - 1 largo 1 stretto */ .bloccoAA, .bloccoAA .elemento {height: 477px !important; max-height: 477px !important;} .bloccoAA .elemento:nth-child(2) {margin-left: 50px;} .bloccoAA .elemento.piccolo {width: 410px;} .bloccoAA .elemento.grande {width: 640px;} /* 3 uguali */ .bloccoA, .bloccoA .elemento, .bloccoD, .bloccoF .elemento, .bloccoF, .bloccoF .elemento {height: 477px !important;} .bloccoA .elemento, .bloccoD .elemento, .bloccoF .elemento {width: 333px; margin-left: 50px;} .bloccoA .elemento:first-child, .bloccoD .elemento:first-child, .bloccoF .elemento:first-child {margin-left: 0px;} /* 2 - 1 stretto 1 largo */ .bloccoB, .bloccoB .elemento {height: 553px !important;} .bloccoB .elemento.piccolo {width: 333px;} .bloccoB .elemento.grande {width: 717px;} .bloccoB .elemento:nth-child(2) {margin-left: 50px;} /* 3 - 1 largo 2 stretti incolonnati */ .bloccoC, .bloccoC > .elemento {height: 914px !important;} .bloccoC .mediogrande {width: 621px;} .bloccoC .mediodoppio {width: 429px; margin-left: 50px;} .bloccoC .subElemento {height: 432px !important;} /* 2 - 2 al 50% */ .bloccoE, .bloccoE .elemento {height: 477px !important;} .bloccoE .elemento {width: 525px;} .bloccoE .elemento:nth-child(2) {margin-left: 50px;} /* 2 - 1 stretto 1 largo */ .bloccoGall .elemento {height: 658px !important; margin: 75px 0px 0px 75px;} .bloccoGall .elemento:nth-child(2n+1) {margin-left: 0px;} .bloccoGall .elemento:nth-child(1), .bloccoGall .elemento:nth-child(2) {margin-top: 0px;} .bloccoGall .elemento.piccolo {width: 437px;} .bloccoGall .elemento.grande {width: 588px;} .bloccoGall .box a:hover {opacity: .4;} /***** ITEMS (simil caroselli) *****/ .items .item {position: relative; width: 346.5px; margin: 30px 0px 0px 30px;} .items .item:nth-child(3n+1) {margin-left: 0px;} .items .item:nth-child(1), .items .item:nth-child(2), .items .item:nth-child(3) {margin-top: 0px;} .items .item a {color: #000000; line-height: 0px; display: block;} .items .item a:hover {color: #00a2ce; opacity: 1;} .items .item .immagine {width: 100%; display: table; transition: all .15s ease 0s;} .items .item .immagine {height: 347px; max-height: 347px;} .items .item img {max-width: 100%; max-height: 100%; margin: auto; display: block;} .grid-item a { color:#000000;} #versions .items .item a:hover .immagine {opacity: .4;} /***** HOMEPAGE *****/ .carousel {max-width: 960px; /*width: 960px;*/ width: 100%; margin: auto;} .carousel-indicators {bottom: -75px;} .carousel-indicators li {background-color: #fff; border: 1px solid #000000;} .carousel-indicators .active {background-color: #000;} .virtual-tour { padding: 15px; margin-top: -28px; height: calc(100vw / 1.92); width: 100%; background: url('../images/modoluce-home-virtualtour.jpg') no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; color: #ffffff;} .virtual-tour .contenuto {color: #ffffff; display: block; max-width: 500px; text-align: center;} .virtual-tour h2 {font-size: 58px; line-height: 58px; margin-bottom: 15px; font-family: 'ApercuLight';} .virtual-tour div {margin-bottom: 35px; font-size: 28px; line-height:33px; letter-spacing: 0.4px;} .virtual-tour a {font-size: 18px; line-height:18px; font-family: 'ApercuLight'; letter-spacing: 0.4px; color: #ffffff; border: none; border-radius: 50px; padding: 15px 60px 15px 25px; background: url('../images/play-vt.svg') no-repeat right 20px center #00a2ce; background-size: 14%;} .virtual-tour a:hover {color: #00a2ce !important; background: url('../images/play-vt-hover.svg') no-repeat right 20px center #ffffff; background-size: 14%;} #stand, #prodvideo {padding: 0;} .intro {color: #000000;} .intro h1 {font-size: 58px; line-height: 58px; margin-bottom: 15px;} .intro p {font-size: 28px; line-height:33px;} .intro .link a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; color: #00a2ce;} .intro .link a:hover {color: #000000;} .trefoto {height: 900px;} .trefoto .uno {position: absolute; top: 0; left: 0;} .trefoto .due {position: absolute; top: 140px; left: 550px; text-align: left;} .trefoto .due .txt {font-size: 28px; line-height:33px; margin-top: 90px;} .trefoto .due .txt a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; color: #00a2ce;} .trefoto .due .txt a:hover {color: #000000;} .trefoto .tre {position: absolute; top: 386px; left: 50px;} .progetti-home {display: flex; align-items: stretch;} .progetti-home .img {display: flex; } .progetti-home .img img {width: 50vw; height: calc(100vw / 1,9); object-fit: cover;} .progetti-home .txt {display: flex; align-items: center; background: #d1cbc3; padding-left:120px; color: #000000;} .progetti-home .txt h2 {margin-bottom: 50px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 38px; line-height: 38px;} .progetti-home .txt p {font-size: 28px; line-height:33px;} .progetti-home .txt .link {margin-top: 80px} .progetti-home .txt .link a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; color: #04a1ce;} .progetti-home .txt .link a:hover {color: #000000;} .acustico {background: url('../images/home_acustico_bg.jpg') no-repeat right top;} .acustico .txt {font-size: 28px; line-height:33px; margin-top: 100px; color: #000000; text-align: left;} .acustico .txt h2 {margin: 50px 0; font-size: 38px; font-family: 'ApercuLight'; letter-spacing: 0.4px;} .acustico .txt p {font-size: 28px; line-height:33px;} .acustico .txt a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; color: #00a2ce;} .acustico .txt a:hover {color: #000000;} .acustico .immagini {position: relative; margin-top: 110px; height: 970px;} .acustico .immagini .uno {position: absolute; top: 0; left: 130px;} .acustico .immagini .due {position: absolute; top: 120px; left: 0;} .outdoor {} .outdoor .txt {font-size: 28px; line-height:33px; margin-top: 100px; color: #000000; text-align: center;} .outdoor .txt h2 {margin: 50px 0; font-size: 38px; line-height: 38px; font-family: 'ApercuLight'; letter-spacing: 0.4px;} .outdoor .txt p {font-size: 28px; line-height:33px;} .outdoor .txt a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; color: #00a2ce;} .outdoor .txt a:hover {color: #000000;} .outdoor .immagini {display: flex; align-items: center; margin: 50px 0; } .outdoor .immagini div {display: flex;} .outdoor .immagini img {max-width: 100%; height: auto; margin: auto;} .cta {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; text-align: center; display: flex;} .cta .contatto, .cta .catalogo {padding: 0 25px; height: calc(100vw / 2); display: flex; align-items: center; justify-content: center;} .cta .contatto div, .cta .catalogo div {display: block; width: 100%;} .cta img {max-width: 96%; height: auto;} .cta .h3, .cta .txt, .cta .link {margin-top: 50px;} .cta .h3 p {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 28px!important; line-height: 32px!important; margin: 0;} .cta p {font-size: 18px !important; line-height: 22px !important;padding: 0px 10%;} .cta a {padding: 10px 20px; width: 80%; border-radius: 50px; display: block; margin-left: auto; margin-right: auto; background: #00a2ce; color: #ffffff !important;} .cta a:hover {background: #ffffff; color: #00a2ce !important;} .cta .contatto {color: #ffffff;} .cta .catalogo {color: #000000;} /* .tweet, .tweet a { color: #00a2ce; transition: all .33s ease 0s;} .tweet svg {fill: #00a2ce; transition: all .15s ease 0s;} .tweet .icona {min-width: 38px !important; width: 38px !important; max-width: 38px !important; min-height: 33px !important; height: 33px !important; max-height: 33px !important;} .tweet .data {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 33px; text-align: left; padding-left: 16px; transition: all .15s ease 0s;} .tweet .testi {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 38px; line-height: 44px; font-weight: normal; padding-top: 11px; margin-top: 6px; border-top: 1px solid #00a2ce; transition: all .15s ease 0s;} .tweet .testi .tit {font-family: 'ApercuLight'; letter-spacing: 0.4px;} .tweet:hover, .tweet a:hover {color: #9d9d9c;} .tweet:hover svg {fill: #9d9d9c;} .tweet:hover .testi, .tweet:hover .data {color: #9d9d9c; border-top-color: #9d9d9c;} */ /***** AZIENDA *****/ #corpo.azienda {width: 100%; background: url('../images/azienda-intro-bg.jpg') no-repeat top center;} .azienda {} .azienda h1 {font-size: 58px; line-height: 58px; margin-bottom: 25px; font-family: 'AbsaraLight'; letter-spacing: -0.6px;} .aziendao h2 {font-size: 48px; line-height: 52px; margin-bottom: 25px; font-weight: 400; font-family: 'ApercuLight'; letter-spacing: 0.4px;} .azienda h3 {font-size: 38px; line-height: 42px; margin-bottom: 25px; font-weight: 400; font-family: 'AbsaraLight'; letter-spacing: -0.6px;} .azienda #corpo p {font-size: 28px; line-height:33px; font-family: 'ApercuLight'; letter-spacing: 0.4px;} .azienda .link a {font-size: 18px; line-height: 22px; color: #00a2ce;} .azienda .link a:hover {color: #000000;} .azienda .intro {margin-top: 150px;} .azienda .intro h2 {font-size: 48px; line-height: 52px; margin-bottom: 25px; font-family: 'AbsaraLight'; letter-spacing: -0.6px;} .azienda .video {} .azienda .blocco-testo-azienda {} .azienda .duefoto {height: 750px;} .azienda .duefoto .uno {position: absolute; top: 80px; left: 0;} .azienda .duefoto .due {position: absolute; top: 0px; left: 560px;} /***** COLLEZIONI *****/ .owl-prev {border-right: 1px solid #000 !important;} .owl-next {border-left: 1px solid #000 !important;} .fasce > div {margin-top: 12px;} .fasce > div:first-child {margin-top: 0px;} .bloccoAA:first-child {margin-top: 0px;} #projects.progetti .item a:hover .dida {opacity: 1;} #projects.progetti .item .dida {color: #000000 !important;} /* alfabeto */ #alfabeto, .filtriColl {font-family: 'ApercuLight'; letter-spacing: 0.4px; padding: 0px; margin: 0px; display: table;} #alfabeto {position: fixed; top: 184px; height: auto; overflow: hidden;} #alfabeto ul {position: relative; display: block; overflow:hidden;} #alfabeto ul li:not(:first-child) {visibility: hidden;} #alfabeto.open ul li:not(:first-child) {visibility: visible;} #alfabeto ul li {display: table;} #alfabeto ul li a,#alfabeto ul li span {position: relative; width: 16px; font-size: 18px; color: #000000; line-height: 30px; text-align: center; padding: 0px; display: block; margin-bottom:0px;} #alfabeto ul li span { cursor: default; color: #9d9d9c; } #alfabeto ul li:first-child a {padding-top: 0px; margin-top: 0px;} #alfabeto ul li.sel a, #alfabeto ul li a:hover {color: #00a2ce; opacity: 1;} #alfabeto ul li a::before, #alfabeto ul li a::after, #alfabeto ul li span::before, #alfabeto ul li span::after {content: ''; position: absolute; left: 0px; width: 100%; height: 2px; background: #000000; display: block;} #alfabeto ul li a::before, #alfabeto ul li span::before {top: 0px; z-index: 1;} #alfabeto ul li a::after, #alfabeto ul li span::after, {bottom: 0px; z-index: 1;} #alfabeto ul li.sel a::before, #alfabeto ul li.sel a::after, #alfabeto ul li a:hover::before, #alfabeto ul li a:hover::after {background: #00a2ce; z-index: 2;} #alfabeto ul li:first-child a::before, #alfabeto ul li:last-child a::after {display: none;} #alfabeto .frecciaAlfabeto {position: relative; width: 16px; height: 16px; margin-top: 5px; background: url('../images/icons/arrow-letters.svg') no-repeat center center / 12px; opacity: 0; transition: .15s ease;} #alfabeto .frecciaAlfabeto.open {opacity: 1; display: table; cursor: pointer;} .loadingImages .toFade.nascosta:nth-child(1) {opacity: 1;} /* filtri */ .filtriColl {text-align: center; margin: 0px auto; padding-bottom: 50px; float:left;} .filtriColl div.item, .filtriColl div.owl-item {float: left; font-size: 11px; line-height: 13px; width: 70px;} .filtriColl span {display: block; height: 40px;} .filtriColl a {padding: 0 10px;} .filtriColl .owl-stage {margin: auto;} .lista-prodotti img {max-width: 100%; height: auto;} .lista-prodotti .item {text-align: center; margin-bottom: 50px;} .lista-prodotti .item a {display: block; height: 100%; color: #00a2ce;} .lista-prodotti .item a span {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 12px; line-height: 14px;} .lista-prodotti .item a:hover span {text-decoration: underline;} .lista-prodotti .item a:hover img {filter: opacity(50%); transition: all .15s ease 0s;} .lista-prodotti .item h3 {text-align: center; color: #000000; font-size: 24px; line-height: 28px; margin: 15px auto;} .lista-prodotti .immagine {height: 225px; overflow: hidden;} /***** PROGETTI *****/ .subElemento:nth-child(2) {margin-top: 30px;} .tipiProg {position: fixed; top: 190px; width: auto; display: block; transform-origin: top right;} .tipiProg ul {display: table;} .tipiProg li {float: left; font-family: 'ApercuLight'; letter-spacing: 0.4px; margin-left: 40px;} .tipiProg li:first-child {margin-left: 0px;} .tipiProg a {color: #646363;} .tipiProg a:hover, .tipiProg a.attivo {color: #00a2ce;} .tipiProg #subFilter a { margin-left: 15px; } .tipiProg #subFilter { width:1200px; overflow: hidden; } #filter > #subFilter { position: absolute; right: 0px; min-width: calc(100vh - 190px); text-align: right; font-family: 'ApercuLight'; letter-spacing: 0.4px; } /* SCHEDE - prodotto */ #scheda.progetto {margin-bottom: 75px;} .copertina {margin-bottom: 70px;} .copertina img {margin: auto;} #testone {padding-right: 30px;} .allegati {margin-bottom: 0px;} .allegati li {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 38px;} .allegati li a {color: #00a2ce; display: block;} .allegati li a:hover {color: #000000; opacity: 1;} .iconDownload {position: relative;} .iconDownload span {padding-right: 20px; display: inline-block;} .iconDownload svg {position: relative; top: 0px;} .iconDownload:hover svg {top: 5px;} .iconDownload2 svg {position: relative; left: 0px;} .iconDownload2:hover svg {left: 5px;} .iconDownload svg {fill: #00a2ce; transition: all .15s ease 0s;} .iconDownload:hover svg {fill: #000000;} .iconDownload2 {position: relative;} .iconDownload2 a {float: left; width: 100%;} .iconDownload2 a:hover {opacity: 1;} .iconDownload2 span {float: right; position: absolute; top: 0px; right: 0px;} .iconDownload2 svg {fill: #000000; transition: all .15s ease 0s;} .iconDownload2:hover svg {fill: #00a2ce;} #gallery {margin-top: 109px; margin-bottom: 110px;} .prodotto #gallery, #gallery.progetto {margin-top: 0px;} #gallery.progetto {margin-bottom: 0px;} .versioni .items .item a:hover {color: #000000;} .versioni .items .item.versoAlto.notScrolled a {margin-top: 50px; opacity: 0; transition: all .35s ease;} .versioni .items .item.versoAlto a {margin-top: 0px; opacity: 1;} .versioni .testi {font-family: 'ApercuLight'; letter-spacing: 0.4px;} .versioni .testi .titolo {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal;} .versioni .testi .testo {padding-right: 15px !important;} /* SCHEDE - progetti */ #scheda.progetto .dettagli, #scheda.progetto .copertinaP {min-height: 540px; padding-bottom: 30px;} #scheda.progetto .testi {width: 347px;} #scheda.progetto .copertinaP:not(.lunga) {margin-left: 30px;} #scheda.progetto .credits-photo {font-family: 'ApercuLight'; letter-spacing: 0.4px; margin-top: 30px;} .copertinaP {width: 723px;} .copertinaP img {width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto; display: block;} #relProd > div:first-child::before, #prodCorr > div:first-child::before {content: ''; position: absolute; top: -16px; width: calc(100vw - 30px); max-width: 347px; height: 1px; background: #000000; display: block;} .prodottiCorr {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; font-weight: normal; padding-top: 15px;} .prodottiCorr li {width: 100%; font-family: 'ApercuLight'; letter-spacing: 0.4px; display: table;} .prodottiCorr a {color: #000000; padding-right: 20px; display: block;} .prodottiCorr a:hover {color: #00a2ce; opacity: 1;} .prodottiCorr a:hover svg {left: 0px;} .copertinaP.lunga {width: 100%;} #scheda.progetto .testi.lunga {margin-top: 20px; clear: both;} .video .play-video::before {content: url('../images/play-prodotto.svg'); position: absolute; top: calc(50% - 70px); left: calc(50% - 70px); width: 140px; height: 140px; transition: all .35s ease-out;} /* RASSEGNA STAMPA */ #rassegne {overflow: visible !important;} #rassegne a {color: #000000;} #rassegne a:hover {color: #00a2ce; opacity: 1;} .filterFisso > div, .filter > div {float: none; font-family: 'ApercuLight'; letter-spacing: 0.4px; margin: auto; display: table;} .filterFisso form {width: 100%; display: table;} .filterFisso form > div, .filter form > div {padding-left: 30px;} .filterFisso form > div:first-child, .filter form > div:first-child {padding-left: 0px;} .filterFisso select, .filter select {position: relative; width: 100%; padding-right: 50px; background: transparent; border: none; border-bottom: 1px solid #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 2; opacity: .5;} .filterFisso form > div span, .filter form > div span {position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; line-height: 48px; text-align: center; display: block; z-index: 1;} .filterFisso button, .filter button {width: 48px; height: 48px; margin-left: 40px; background: transparent; border: 0px;} .filterFisso button:hover, .filter button:hover {color: #9d9d9c;} .filter form {width: 1096px; margin: auto; display: table;} .filter select {padding-right: 70px;} .filter form > div {width: 50%;} .filter form > div span, .filter button { text-align: center; line-height: 74px;} .filter form > div span {width: 66px; height: 66px;} .filter form > div span svg {width: 38px; height: 21px;} .filter button {width: 66px; height: 66px;} .filter button svg {width: 47px; height: 33px; margin-top: 20px;} #rassegne .blocco {margin-top: 50px;} #rassegne .blocco:first-child {margin-top: 0px;} #rassegne .elemento {height: calc(140px + 30px); padding: 30px 0px 0px 30px; margin: 30px 0px 0px 0px; overflow: visible !important; clear: none; transition: all .35s ease-out;} #rassegne .elemento.notscrolled {padding-top: 0px;} #rassegne .elemento:nth-child(1), #rassegne .elemento:nth-child(2), #rassegne .elemento:nth-child(3), #rassegne .elemento:nth-child(4) {margin-top: 0px;} #rassegne .elemento:nth-child(4n+1) {padding-left: 0px;} #rassegne .elemento:nth-child(4n+5) {clear: both;} #rassegne .elemento .top {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px;} #rassegne .elemento .top span {display: block;} #rassegne .elemento .top .titolo {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-weight: normal; text-transform: uppercase; word-break: break-all;} #rassegne .elemento .testo {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 16px; color: #9d9d9c; line-height: 16px; margin-top: 15px;} #rassegne .elemento a {display: table;} #rassegne .elemento a:hover .immagine {opacity: .5;} #rassegne .elemento .testi {z-index: 1;} #rassegne .elemento .immagine {position: absolute; right: 0px; bottom: 0px; width: 185px; height: auto; text-align: right; overflow-x: hidden; opacity: 0;} #rassegne .elemento .immagine img {position: relative; bottom: 0px; width: auto; height: auto; max-height: none; display: block;} #rassegne .divisorio {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; color: #00a2ce; line-height: 26px; font-weight: normal; padding-top: 15px; border-top: 1px solid #00a2ce;} #rassegne .divisorio.scrollup.notscrolled {margin-top: 85px;} #rassegne .divisorio.scrollup {margin-top: 30px;} .icon-ricerca {transition: all .3s ease 0s, left 0s, top 0s;} /* DOWNLOAD */ #download .sottotitolo {position:relative; top:0px; left: 0px; height: 80px; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px;} #download .elemento {width: 535px; height: 572px; padding-top: 0px; margin: 100px 0px 0px 30px; overflow: visible;} #download .elemento:nth-child(1), #download .elemento:nth-child(2) {margin-top: 0px;} #download .elemento:nth-child(2n+1) {margin-left: 0px;} #download .elemento.scrollup.notscrolled {margin-top: 150px;} #download .elemento.scrollup {margin-top: 100px;} #download .elemento.scrollup.notscrolled:first-child, #download .elemento.scrollup.notscrolled:nth-child(2) {margin-top: 50px;} #download .elemento.scrollup:first-child, #download .elemento.scrollup:nth-child(2) {margin-top: 0px;} #download .elemento a {color: #000000; display: table;} #download .elemento a:hover {color: #00a2ce;} #download .elemento .immagine {float: none; width: 350px; height: 490px; margin: 0px auto 30px; display: table;} #download .elemento .hover {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.8); opacity: 0; transition: all .35s ease-in-out 0s;} #download .elemento:hover .hover {opacity: 1;} #download .elemento .testi {height: 52px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; text-align: center; overflow: hidden;} .img-download h2 {font-size: 58px; line-height: 58px; margin-bottom: 25px; font-family: 'ApercuLight';} /* RISERVATA */ #riservata .elemento {width: 535px; height: 628px; margin: 100px 0px 0px 30px; overflow: hidden;} #riservata .elemento:nth-child(2n+1) {margin-left: 0px;} #riservata .elemento .categoria {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; margin-bottom: 60px;} #riservata .elemento a {color: #000000; opacity: 1; transition: all .35s ease-in-out 0s;} #riservata .elemento a:hover {color: #00a2ce; opacity: 1;} #riservata .elemento .contenuti {float: none; width: auto; height: auto; margin: 0px auto; display: table;} #riservata .elemento .contenuti .immagine {float: none; width: 350px; height: 490px; margin: auto; overflow: hidden;} #riservata .elemento a .hover {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.8); opacity: 0; transition: all .35s ease-in-out 0s;} #riservata .elemento a:hover .hover {opacity: 1;} #riservata .elemento .contenuti img {width: auto;} #riservata .elemento .testi {width: 100%; height: 52px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; text-align: left; margin-top: 30px; overflow: hidden;} #famiglie .colonna {width: calc((100% - 90px) / 4); margin-left: 30px;} #famiglie .colonna:first-child {margin-left: 0px;} #famiglie .famiglia {height: 50px; border-bottom: 1px solid #000000; overflow: hidden;} #famiglie .famiglia:first-child {border-top: 1px solid #000000;} #famiglie .famiglia a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; color: #000000; line-height: 28px; opacity: 1;} #famiglie .famiglia a:hover {color: #00a2ce;} .box346 {width: 346px; margin: auto; display: table;} .login {position:fixed; top:0px; left: 0px; width: 100vw; height: 100vh; background: #fff; visibility: hidden; opacity: 0; overflow-y: auto; transition: all .25s ease 0s; z-index: 13;} .login.open {visibility: visible; display: block; opacity: 1;} .login .titolosez {position: absolute; top: 66px; width: 100%; font-family: 'AbsaraLight'; letter-spacing: 0.4px; letter-spacing: -0.6px; margin: auto; display: table; z-index: 2;} .login form {position: relative; margin: auto; display: table;} .login input {position: relative; width: 100%; height: 50px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 38px; color: #000000; line-height: 50px; padding-bottom: 5px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #000000 !important; background: transparent; z-index: 2;} .login form > div {width: 380px; margin-left: 30px;} .login form > div:first-child {margin-left: 0px;} .login form > div:nth-child(3) {width: 60px;} .login button {width: 60px; height: 60px; padding: 0px; background: transparent; border: 0px; display: block;} .login svg {width: 47px; height: 34px; line-height: 60px;} .login .richiediLink {position: absolute; text-align: center;} .login .richiediLink.scrollDown {top: calc(50% + 48px + 30px);} .login .richiediLink.scrollDown.notScrolled {top: calc(50%);} .login .richiediLink a {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; color: #000000; line-height: 24px;} .login .richiediLink a:hover {color: #00a2ce;} .richiedi {position:fixed; top:0px; left: 0px; width: 100vw; height: 100vh; background: #fff; visibility: hidden; opacity: 0; overflow-y: auto; transition: all .25s ease 0s, width 0s , height 0s} .richiedi.open {visibility: visible; display: block; opacity: 1; z-index: 14;} .richiedi .titolosez {position: absolute; top: 66px; width: 100%; font-family: 'AbsaraLight'; letter-spacing: -0.6px; margin: auto; display: table; z-index: 2;} .richiedi > .table {height: calc(100vh - 142px); margin-top: 142px;} .richiedi > .table > .tablecell {width: 100%;} .richiedi form {position: relative; margin: auto; display: table;} .richiedi .form {font-family: 'ApercuLight'; letter-spacing: 0.4px; width: 1048px; height: 505px; margin: auto; display: table;} .richiedi .form > div {min-height: 1px; margin: auto;} .richiedi .form > div:first-child {margin-left: 0px;} .richiedi .spiegazione, .richiedi .spiegazione.vuoto {width: 185px; text-align: justify;} .richiedi .spiegazione:not(.vuoto) {position: absolute;} .richiedi .spiegazione p {font-size: 16px; line-height: 1.1em;} .richiedi .divForm {width: 538px;} .richiedi .form .group-input {position: relative; width: 100%; padding: 0px; margin: 0px; border-bottom: 1px solid #000000; display: block;} .richiedi .form .group-input input {position: relative; width: 100%; height: 48px; font-size: 24px; padding: 0px; margin: 0px; background: transparent; border: 0px; overflow: hidden; z-index: 1;} .richiedi .form .group-input label {position: absolute; top: 0px; left: 0px; font-size: 24px; color: #9d9d9c; line-height: 48px; font-weight: 400; display: block; opacity: 0; visibility: hidden;} .richiedi .form .group-input label.open {visibility: visible; opacity: 1;} .richiedi .form .select-selected {height: 48px; font-size: 24px; color: #9d9d9c; line-height: 48px; font-weight: 400; margin: 0px; padding: 0px; border-bottom: 0px;} .richiedi .form .custom-select .select-items {height: 0px; max-height: 236px; transition: all .35s ease-out; overflow-y: hidden;} .richiedi .form .custom-select.open .select-items {position: relative; height: 236px; padding-top: 15px; padding-bottom: 30px; transition: all .35s ease-out;} .richiedi .form .custom-select.open .select-items::before {content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: #000000; display: block;} .richiedi .form .select-items div.selectItem {font-size: 18px; color: #9d9d9c; line-height: 18px; padding-left: 30px;} .richiedi .form .select-items div.selectItem:hover {color: #00a2ce;} .richiedi .custom-select span {position: absolute; right: 0px; width: 49px; height: 49px; text-align: center; line-height: 52px;} .richiedi .custom-select span svg {width: 28px; height: 15px;} .richiedi .custom-select:not(.open):hover span svg {transform: rotate(0deg);} .richiedi .custom-select.open span svg {transform: rotate(180deg);} .richiedi .form .privacy, .richiedi .form .submit {margin-top: 60px;} .richiedi .form .privacy {text-align: justify;} .richiedi .form .privacy input {position: absolute; top: 0px; left: 0px; margin: 0px; cursor: pointer; display: none;} .richiedi .acceptLaw div {padding-top: 0px; padding-right: 80px;} .richiedi .acceptLaw label {top: 0px; height: 100%;} .richiedi .form .submit {display: table;} .richiedi .form .submit button {float: right; font-size: 16px; text-transform: uppercase; color: #000000; line-height: 38px; padding: 0px 15px; margin: 0px; background: #fff; border: 1px solid #000000; display: block; transition: all .15s ease;} /* 00c9ff */ .richiedi .form .submit button:hover { border: 1px solid #00a2ce; color: #00a2ce; background: #fff;} .richiedi .recaptcha {margin-top: 30px;} /* bottone logout */ #logout { width:0px; overflow:visible; } #logout a {position: relative; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; float:right; color: #00a2ce;} #logout a:hover { color: #000000;} /* AZIENDA */ #dots {position: fixed; left: calc(((100vw + 1490px) / 2)); top: 50%; width: 30px; display: block;} #dots > div {position: relative; width: 10px; height: 10px; margin-right: 0px; margin-left: auto; margin-top: 15px; background: #d9dadb; border-radius: 50%; display: block; transition: background .3s ease 0s; cursor: pointer;} #dots > div:first-child {margin-top: 0px;} #dots > div.active {background: #00a2ce;} #azTitFisso {position: fixed; left: calc((100vw - 1010px) / 2); top: 0px; width: 1010px; font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 18px; line-height: 1em; text-align: center; padding: 30px 0px 20px; display: block; z-index: 10;} #azTitFisso.bg {background: #fff; z-index: 11;} .copBg {position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: #fff; display: block; opacity: 0; transition: opacity .15s ease-out; z-index: 1;} .copBg.open {opacity: 1;} section.azienda .scrollup {transition-duration: .5s;} section.azienda strong {font-family: 'ApercuMedium'; letter-spacing: 0.4px;} section.azienda > .titolo {font-family: 'ApercuMedium'; letter-spacing: 0.4px; font-size: 85px; line-height: 95px; text-align: center;} section.azienda > .testo.lungo {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 48px; line-height: 50px; text-align: left;} section.azienda > .testo:not(.lungo) {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; text-align: left;} section.azienda > .titolo {width: auto; padding: 0px 15px; margin-left: auto; margin-right: auto; margin-top: 48vh; display: table; opacity: 1; transition: all .15s ease;} section.azienda > .titolo.nasc {opacity: 0;} section.azienda > .testo.lungo {width: 724px; max-width: 100%; margin-left: auto; margin-right: auto;} section.azienda > .testo {margin-top: 70vh;} section.azienda .colonne {position: relative; width: 100%; margin-top: 25vh; display: table;} section.azienda .colonne > .col {position: relative; float: left; width: calc(50% - 20px); margin-left: 30px; display: block;} section.azienda .colonne > .col:first-child {margin-left: 0px;} body.azienda {transition: background .25s ease;} body.azienda .logo, body.azienda .c-hamburger {background-color: transparent;} body.azienda .radar {position: fixed; top: calc(100vh / 4 * 3); width: 600px; height: 600px; background-color: transparent; opacity: 1; transition: opacity .15s ease-out 0s;} body.azienda .radar.notAnimated {opacity: 0;} #legali .table, #credits .table {height: calc(100vh - 263px);} #privacy p { text-align:justify; } /* PRIVACY - LEGALI */ .max720 {float: none; width: 100%; max-width: 720px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 24px; line-height: 26px; text-align: left; padding: 0px 15px; margin: auto; display: table;} .max720.crediti {text-align: center;} .max720 strong {font-family: 'ApercuMedium'; letter-spacing: 0.4px;} .max720 > p, .max720 ul li, .max720 a, .max720 > div {position: relative; top: -50px; opacity: 0; transition: all .35s ease 0s;} .max720 a.link {color: #646363;} .max720 a.link:hover {color: #00a2ce;} .max720 a.link span {fill: #646363; padding-left: 20px;} .max720 a.link:hover span {fill: #00a2ce;} .max720 ul {margin-bottom: 1em;} .pnf .max720 {text-align: center;} /* FOOTER */ footer {position: relative; padding: 10px 0px 0px !important; margin: 50px 0px 75px; font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 18px; line-height: 22px; text-align: center;} footer a {color: #00a2ce;} footer a:hover {color: #000000;} footer .newsletter {margin: 20px 0;} footer .newsletter h2 {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 28px; line-height: 32px; margin: 20px 0;} footer .newsletter hr {height:1px; width:100%; border-width:0; color: #000000; background-color: #000000;} footer .menu {margin: 20px 0;} footer .menu a {padding: 0 10px;} footer .dati {margin: 20px 0;} footer .dati a {color: #000000;} footer .dati a:hover {color: #00a2ce;} footer .social {margin: 20px 0;} footer .social a {padding: 0 10px;} footer .social a:hover {opacity: 0.7;} footer .copy {margin: 20px 0;} .cta h3 {font-family: 'AbsaraLight'; letter-spacing: -0.6px; font-size: 28px; line-height: 32px; margin: 50px 0;} /* STYLE SELECT */ .select-hide { display: none; opacity:0; } .custom-select {position: relative; text-align: left;} .custom-select select {display: none;} .select-selected {position: relative; font-size: 48px; color: #9d9d9c; line-height: 60px; height: 60px; padding-bottom: 5px; margin-left: 10px; border-bottom: 1px solid #000000; z-index: 2; cursor: pointer;} .custom-select span {z-index: 1;} .custom-select span svg {position: relative; top: 0px; transition: all .13s ease-in-out 0s;} .custom-select.open:not(.disabled) span svg {transform: rotate(180deg);} .custom-select.disabled .select-selected {border-bottom-color: #646363; cursor: default;} .custom-select.disabled .select-selected, .custom-select.disabled .select-items div.selectItem {color: #9d9d9c;} .custom-select.disabled svg {fill: #9d9d9c;} .select-items { opacity: 0; position: absolute; top: 100%; left: 0; right: 0; max-height: 161px; line-height: 18px; padding-left: 10px; background: #fff; z-index: 99; transition: all .5s ease, display 0s;} .select-items div.selectItem {font-size: 24px; color: #000000; line-height: 1em; padding: 7px 0px; margin: 0px; cursor: pointer;} .select-items div.selectItem:hover, .select-items div.same-as-selected {color: #00a2ce;} .select-items div.selectItem:nth-child(2) {padding-top: 16px;} .custom-select.open .select-items { opacity:1; display:block; } .custom-select:not(.disabled) .select-items div.selectItem {position: relative; opacity: 0; transition: all .15s ease-out;} .custom-select:not(.disabled) .select-items div.selectItem.open {opacity: 1;} .custom-select:not(.disabled) .select-items div.selectItem.open:last-child {margin-bottom: 15px;} .select-selected.active {color: #000000 !important;} /***** ANIMAZIONI *****/ /* hamburger */ .c-hamburger > span, .c-hamburger > span::before, .c-hamburger > span::after, .close > span, .close > span::before, .close > span::after {transition: all .18s ease-in-out 0s;} .c-hamburger--htx:hover > span::before {top: -9px;} .c-hamburger--htx:hover > span::after {bottom: -9px;} .close:focus, .close:hover {opacity: 1;} .close:hover span {transform: rotate(90deg);} /* freccia destra bt indietro */ #indietro a svg, .newsletter button svg, .searchForm button svg, .filter button svg {position: relative; transition: all .18s ease 0s;} .filter button:hover svg, .distribuzione .filterDistr button:hover svg {margin-left: 10px;} #indietro a svg {right: 0px;} #indietro a:hover svg {right: 10px;} .frecciaSearch { fill: #6b6b6b; } /*** menu testi centrali a scaletta ***/ #menu .menu ul li a {opacity: 0;} #menu .menu .relative ul.animated-words-scal li {height: 90px;} #menu .menu .relative ul.animated-words-scal li:first-child {height: 60px;} #menu .menu .relative ul.animated-words-scal li a, #menu .menu .relative ul.animated-words-scal li a::before {position: relative; opacity: 0; -webkit-animation: animateWordScal .7s ease-out 1 0s; -ms-animation: animateWordScal .7s ease-out 1 0s; animation: animateWordScal .7s ease-out 1 0s; -webkit-animation-fill-mode: forwards;} #menu .menu .relative ul.animated-words-scal li:nth-child(1) a, #menu .menu .relative ul.animated-words-scal li:nth-child(1) a::before {-webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s;} #menu .menu .relative ul.animated-words-scal li:nth-child(2) a, #menu .menu .relative ul.animated-words-scal li:nth-child(2) a::before {-webkit-animation-delay: .3s; -ms-animation-delay: .3s; animation-delay: .3s;} #menu .menu .relative ul.animated-words-scal li:nth-child(3) a, #menu .menu .relative ul.animated-words-scal li:nth-child(3) a::before {-webkit-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s;} @-webkit-keyframes animateWordScal { 0% { bottom: 20px; opacity: 0; } 100% { bottom: 0px; opacity: 1; } } /* menu testi sotto da sx a dx */ .animated-words-ltr li {height: 24px;} .animated-words-ltr a {position: relative; -webkit-animation: animateWordLtR .9s ease-out 1 0s; -ms-animation: animateWordLtR .9s ease-out 1 0s; animation: animateWordLtR .9s ease-out 1 0s; -webkit-animation-fill-mode: forwards;} .animated-words-ltr li:nth-child(1) a {-webkit-animation-delay: .3s; -ms-animation-delay: .3s; animation-delay: .3s;} .animated-words-ltr li:nth-child(2) a {-webkit-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s;} .animated-words-ltr li:nth-child(3) a {-webkit-animation-delay: .7s; -ms-animation-delay: .7s; animation-delay: .7s;} .animated-words-ltr li:nth-child(4) a {-webkit-animation-delay: .9s; -ms-animation-delay: .9s; animation-delay: .9s;} .animated-words-ltr li:nth-child(5) a {-webkit-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s;} @-webkit-keyframes animateWordLtR { 0% { right: 40px; } 100% { right: 0px; opacity: .75;} } /* menu testi laterali in fade */ .menuLeft, #menu .menuRight, #menu .terzo, .contatti .animated-words-fade {opacity: 0; transition: opacity .45s ease-out;} .menuLeft.animated-words-fade, #menu .menuRight.animated-words-fade, #menu .menu .menuRight li a, #menu .terzo.animated-words-fade, #menu .menu .terzo li a, .contatti .animated-words-fade {opacity: 1;} /* menu icone social zoom */ #menu .menu .menuRight .social li a:hover {transform: scale(1.10);} /* mneu newsletter scritta in fadeout */ .fintaLabelNl {position: absolute; top: 0px; left: 1px; font-size: 24px; color: #000000; line-height: 26px; display: block; opacity: 0; z-index: -1; transition: opacity .18s ease;} .fintaLabelNl.big {font-size: 60px; color: #9d9d9c; line-height: 60px;} .fintaLabelNl.big2 {font-family: 'ApercuLight'; letter-spacing: 0.4px; font-size: 38px; color: #9d9d9c; line-height: 50px;} .fintaLabelNl.open {opacity: 1;} /* menu newsletter privacy slideUp */ .newsletter .acceptLaw {position: absolute; top: 78px; width: 100%; text-align: justify; padding-top: 15px; display: table; opacity: 0; transition: all .15s ease; visibility: hidden;} .newsletter .acceptLaw.open {top: 28px; opacity: 1; visibility: visible;} .newsletter .acceptLaw input[type="checkbox"] {position: absolute; width: 20px; line-height: 14px; margin: 0px; display: none;} .newsletter .acceptLaw div {position: relative; width: 100%; font-size: 12px; line-height: 1.1em; font-weight: 400; padding-left: 30px; margin: 0px; display: table;} /* overlay "contatti" scritte a scaletta */ #contatti .scrollDown {position: relative; opacity: 1; transition: all .35s ease;} #contatti .scrollDown.notScrolled {opacity: 0;} #contatti .titolosez .scrollDown.notScrolled {top: -60px;} #contatti .titolosez .scrollDown {top: 0px;} #contatti .testi .scrollDown.notScrolled {top: -100px;} #contatti .testi .scrollDown {top: 0px;} /* progetti: filtri destra a scaletta */ .tipiProg ul li a, .tipiProg #subFilter a {position: relative; right: -50px; opacity: 0; transition: all .35s ease;} .tipiProg li a.animated-words-scal, .tipiProg #subFilter a.animated-words-scal {right: 0px; opacity: 1;} /* collezioni: filtri destra a scaletta */ .filtriColl ul.hidden-xs a {position: relative; top: -50px; opacity: 0; transition: all .35s ease;} .filtriColl ul.hidden-xs a.animated-words-scal {top: 0px; opacity: 1;} /* collezioni immagini scrollUp */ .group .versoAlto.notScrolled {top: 50px; opacity: 0;} .group .versoAlto {position: relative; top: 0px; opacity: 1; transition: all .35s ease;} .groupHead .versoBasso.notScrolled, .groupHeadOverlay .versoBasso.notScrolled {top: -50px; opacity: 0;} .groupHead .versoBasso, .groupHeadOverlay .versoBasso {position: relative; top: 0px; opacity: 1; transition: all .35s ease;} #cop {position: relative;} #cop::after {content: url('../images/loading.svg'); position: absolute; top: calc(50% - 15px); left: calc(50% - 35px); width: 70px; height: 70px; visibility: hidden; display: table;} #cop.loadingImage::after {visibility: visible;} /* cerca options select a scaletta */ .animated-select-scal {position: relative; opacity: 0; -webkit-animation: animateSelectScal .7s ease-out 1 0s; -ms-animation: animateSelectScal .7s ease-out 1 0s; animation: animateSelectScal .7s ease-out 1 0s; -webkit-animation-fill-mode: forwards;} .filter form > .button {opacity: 0;} .filter form > div:nth-child(1) .animated-select-scal {-webkit-animation-delay: .3s; -ms-animation-delay: .3s; animation-delay: .3s;} .filter form > div:nth-child(2) .animated-select-scal {-webkit-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s;} @-webkit-keyframes animateSelectScal { 0% { top: 50px; opacity: 0; display: none;} 100% { top: 0px; opacity: 1; display: block;} } /* download e riservata immagini scrollUp */ #download .scrollup a {margin-top: 0px; transition-timing-function: cubic-bezier(1.44, 0.5); transition-duration: .33s;} #download .scrollup.notscrolled a {margin-top: 50px; margin-bottom: -50px;} #riservata .scrollup {margin-top: 100px; transition-timing-function: cubic-bezier(1.44, 0.5); transition-duration: .33s;} #riservata .scrollup:nth-child(1), #riservata .scrollup:nth-child(2) {margin-top: 0px;} #riservata .scrollup.notscrolled {margin-top: 150px;} /* overlay zoom collezioni immagini fadeIn (simil carosello) */ .box .toFade.nascosta {opacity: 0;} .box .toFade {position: absolute; opacity: 1; transition: opacity .8s ease;} /* azienda singola parola moveUp */ .nomg {margin-top: 0px; margin-bottom: 0px;} .moveUp {position: relative; top: 0px; opacity: 1; display: inline-block; transition: all .25s ease-out;} .moveUp.notMoved {top: 50px; opacity: 0;} /* azienda singola parola underline */ .underline {position: relative;} .underline::after {content: ''; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #000000; display: block; transition: all .35s ease-out;} .underline.notUnder::after {width: 0px;} /***** .ANIMAZIONI *****/ html, body { width: 100vw; overflow-x: hidden !important; } .menubar { width: 100vw; } /* SCROLLBAR SELECTS */ .mCSB_scrollTools_vertical {margin: 5px 0px 0px; border-bottom: 1px solid #000000;} .mCSB_draggerContainer {margin-bottom: 5px; background: transparent !important;} .mCS-rounded.mCSB_scrollTools .mCSB_dragger {height: 50px;} .mCSB_draggerRail {background: transparent !important;} .filtriCarousel {margin: 0 50px;} .filtriColl.owl-carousel { min-height: 126px; } .filtriColl .owl-nav { margin: -106px -50px 0; z-index: 7; position: relative;} .filtriColl .owl-nav > button { width:50px; height:77px; background:#fff !important; } .filtriColl .owl-prev { float: left; } .filtriColl .owl-next { float: right; } .filtriColl .owl-nav span { height: auto; } .filtriColl .owl-prev.disabled, .filtriColl .owl-next.disabled { display:none; } /* .filtriColl .owl-item { width: 70px !important; } */