"I love Home - Potocco"

2022-05-04 01:16:34

Login area riservata Non registrato? Recupero passwordNon registrato? RegistratiTorna alla login EN Prodotti Indoor Outdoor Materiali & Rivestimenti Company Identità Produzione Designer Progetti Our expertise Realizzazioni Distribuzione Lavora con noi Autocandidatura Posizioni aperte News Press Download Distribuzione Contatti Contatti Download Prodotti Progetti Company Lavora con noi Collezione indoor Collezione outdoor Materiali & Rivestimenti Our expertise Realizzazioni Identità Produzione Designer Autocandidatura Posizioni aperte Continuando a navigare su questo sito, accetti l'utilizzo dei cookies al fine di assicurare il suo corretto funzionamento Informazioni Accetto E' necessario avere i cookie attivi per utilizzare il sito web #header { padding: 2rem 6rem 2rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; overflow: hidden; background-color: rgba(246, 246, 245, 0.88); transform: translate3d(0, 0%, 0); border-bottom: 1px solid rgba(0, 0, 0, 0.17); height: 8rem; transition: height 0.4s;}._openHeaderMenu { display: none;}#header.open { height: 100%; background: rgba(246, 246, 245, 0.95);}html.openHeaderMenu { overflow: hidden;}#header.open .icon-username,#header.open #_languageSwitcher,#header.open .icon-search { display: none;}#header.open ._openHeaderMenu { display: block;}#header:before { content: ""; display: block; width: 100%; height: 13rem; position: absolute; top: 0; left: 0; background: linear-gradient( to bottom, rgba(246, 246, 245, 1) 63%, rgba(255, 255, 255, 0) 100% );}#header.menuOpen { height: 17rem; transition-delay: 0s;}#header .wrapper { position: relative; z-index: 2;}#header .wrapper > div { display: flex; align-items: center; justify-content: center;}#header .wrapper > div > * { display: flex; flex: 1 1; justify-content: center;}#header .wrapper > div > nav:first-child { justify-content: flex-start; font-size: 1.3rem;}#header .wrapper > div > nav:first-child a { margin: 0 1.5rem;}#header .wrapper > div > nav:last-child { justify-content: flex-end;}#header .wrapper > nav { display: block; text-align: center; padding: 2rem 0 2rem; font-size: 1.2rem; text-transform: uppercase;}#header .wrapper > nav a,#header .wrapper > div > nav > span { margin: 0 1.5rem; text-decoration: none; color: inherit; font-size: 1.3rem; cursor: pointer;}#header .wrapper > nav a { cursor: pointer; position: relative;}#header .wrapper > nav a:after { transition: all 0.3s ease; content: ""; width: 6px; background: #484643; height: 6px; border-radius: 50%; position: absolute; left: 50%; bottom: -1rem; margin-left: -2px; transform: scale(0);}#header .rightMenu { display: flex; align-items: center;}#header .rightMenu > * { margin: 0 1rem;}#header .icon-username { font-size: 2.5rem;}#header .wrapper > nav a.current:after,#header .wrapper > nav a:hover:after { transform: scale(1);}#header .wrapper > nav:nth-of-type(n + 2) { padding: 0; padding-bottom: 3rem;}#header .wrapper > div > a { font-size: 2.8rem; color: inherit; flex-grow: 2; transition: font-size 0.2s;}#header .wrapper > div > nav:first-child div { position: relative;}#header .mobile-link { display: none;}#header nav.socialShare { position: absolute; bottom: 4rem; right: 6rem;}#header nav.socialShare,#header nav.socialShare div { display: flex; align-items: center;}#header nav.socialShare a { transition: transform 0.3s ease; cursor: pointer; display: block; font-size: 1.3rem; margin-left: 2rem;}#header nav.socialShare a:hover { transform: scale(1.2);}#header .wrapper > div > nav.isOpen div { opacity: 1; visibility: visible; transform: translateX(0rem);}#header .socialShare .icon-share-2 { display: none;}#header-logo,#header-logo img { margin: 0; height: 45px;}#header .menuLine { width: 2rem; height: 2rem; display: block; cursor: pointer; position: relative; transition: border-radius 0.1s 0.1s; background: transparent;}#header.open .menuLine { border-radius: 50%;}#header.open .menuLine:before,#header.open .menuLine:after { width: 0;}#header .menuLine:before,#header .menuLine:after,#header .menuLine > i { content: ""; width: 100%; background: #474441; height: 2px; position: absolute; left: 0;}#header .menuLine > i { top: 50%; margin-top: -1px; display: block; text-align: center;}#header .menuLine > i:before { position: inherit; top: inherit; width: 3rem; height: 3rem; top: -1.4rem; left: inherit; line-height: 3rem; font-size: 3rem; text-align: center; font-style: normal; color: #474441;}#header .menuLine:before { top: 2px;}#header .menuLine:after { bottom: 2px;}#header.open .menuLine > i { width: 0;}#header.open .menuLine > i:before { content: "\e913"; font-family: "icomoon"; background: transparent; color: #98948d; font-size: 4rem;}#header.open .menuLine:after { bottom: 0;}#header-menu { position: relative; z-index: 1; margin-top: 4rem; padding-left: 2rem;}#header-menu .top-header-menu { padding-left: 19rem; margin-bottom: 8rem;}#header-menu .top-header-menu a { margin-right: 3rem; color: #98948d; font-size: 2rem; transition: all 0.4s; position: relative;}#header-menu .top-header-menu a span { display: inline;}#header-menu .top-header-menu a span:after { content: ""; width: 0; height: 1px; bottom: 0; left: 0; display: block; position: absolute; transition: width 0.3s ease; background: #98948d;}#header-menu .top-header-menu a:hover span:after { width: 100%;}#header-menu .top-header-menu a:hover { color: #484643;}#header-menu .bottom-header-menu .left { width: 50%; float: left; padding-left: 14rem;}#header-menu .bottom-header-menu .right { width: 50%; float: right;}#header-menu .bottom-header-menu p { margin-top: 2rem; margin-bottom: 2rem;}#header-menu .bottom-header-menu p a { display: inline-block;}#header-menu .bottom-header-menu .right p a { font-family: "MillerDisplay"; font-size: 3rem; color: #98948d; transition: all 0.4s;}#header-menu .bottom-header-menu .right p a span { position: relative;}#header-menu .bottom-header-menu .right p a span:after { content: ""; width: 0; height: 1px; bottom: 0; left: 0; display: block; position: absolute; transition: width 0.3s ease; background: #98948d;}#header-menu .bottom-header-menu .right p a:hover span:after { width: 100%;}#header-menu .bottom-header-menu .right p a:hover { color: #484643;}#header-menu .bottom-header-menu a._titleWithBar { padding: 1rem; font-size: 3rem; color: #98948d; transition: all 0.4s;}#header-menu .bottom-header-menu a._titleWithBar span { font-size: 3rem; position: relative;}#header-menu .bottom-header-menu a._titleWithBar span:after { content: ""; width: 0; height: 1px; bottom: 0; left: 0; display: block; position: absolute; transition: width 0.3s ease; background: #98948d;}#header-menu .bottom-header-menu a._titleWithBar:hover span:after { width: 100%;}#header-menu .bottom-header-menu a._titleWithBar:hover { color: #484643;}#header-menu .bottom-header-menu a._titleWithBar:before { opacity: 0; margin-top: -0.75rem; vertical-align: middle;}#header-menu .bottom-header-menu a._titleWithBar:hover:before { opacity: 0.5;}#header-menu .bottom-header-menu .submenu.close { display: none;}#header-menu .bottom-header-menu .submenu { display: block;}#header.open { background: rgba(0, 0, 0, 0.95);}#header.open:before { display: none;}#header #header-logo img.open-logo { display: none;}#header.open #header-logo img.open-logo { display: block;}#header.open #header-logo img.normal-logo { display: none;}#header .voice-mobile-menu { display: none;}#header.open .show-on-mobile { display: none;}@media only screen and (max-width: 1200px) { #header { overflow: initial; padding: 1.4rem 2rem 4rem; height: 7rem; z-index: 11; } #header:before { display: none; } #header-logo, #header-logo img { height: 35px; } #header .mobile-link { display: block; } #header nav[menu], #header a[submenu] { display: none; } #header .wrapper > nav { display: none; } #header .wrapper > div { justify-content: space-between; } #header .wrapper > div > a { justify-content: flex-start; flex: 0; flex-grow: 0; } #header .wrapper > nav a.current:after { background: white; display: block; position: relative; bottom: 0; margin-top: 6px; } #header.open .wrapper > div > a { z-index: 999; color: white; } #header .wrapper > nav a { margin-bottom: 0.5rem; } #header #header-menu { background: transparent; transition: all 0.8s; } #header.open #header-menu { width: 100%; height: 100vh; top: 0; left: 0; display: block; position: fixed; display: flex; z-index: 88; flex-direction: column; justify-content: center; opacity: 1; visibility: visible; padding-left: 0; } #header .wrapper > div > nav:first-child { display: none; } #header.open .rightMenu a, #header.open .menuLine > i:before, #header.open span.icon-search { color: #98948d; } #header .wrapper > div > div { display: none; } ._fullSearch { z-index: 12 !important; } #header.open .socialShare { display: none; } #header.open #header-menu .bottom-header-menu { display: none; } #header.open .hide-on-mobile { display: none; } #header.open .show-on-mobile { display: inline; } #header.open .voice-mobile-menu { display: block; margin-top: -8rem; } #header.open #header-menu .top-header-menu { position: absolute; bottom: 12rem; left: 0; width: 100%; text-align: center; padding: 0; margin: 0; } #header.open #header-menu .top-header-menu a { margin-left: 2rem; margin-right: 2rem; } #header.open .container-row-mobile-menu { overflow: hidden; margin-bottom: 2rem; } #header.open .container-row-mobile-menu.single-voice { margin-bottom: 3rem; } #header.open .container-row-mobile-menu a, #header.open .container-row-mobile-menu .left p { color: #98948d; font-size: 3rem; line-height: 3.4rem; margin: 0; } #header.open .container-row-mobile-menu .left { width: 50%; float: left; text-align: right; padding-right: 3rem; } #header.open .container-row-mobile-menu .right { width: 50%; float: right; text-align: left; padding-left: 3rem; } #header.open .container-row-mobile-menu .right p { margin: 0; margin-bottom: 1rem; } #header.open .container-row-mobile-menu .right a { font-family: "MillerDisplay"; font-size: 2.4rem; line-height: 2.6rem; } #header-menu .top-header-menu a:hover span:after { width: 0; } #header-menu .top-header-menu a:hover { color: #98948d; }}@media only screen and (max-width: 767px) { #header .wrapper { z-index: 89; } #header.open #header-menu { margin-top: 0; } #header.open .voice-mobile-menu { margin-top: -7rem; } #header.open #header-menu .top-header-menu { bottom: auto; top: auto; position: relative; margin-top: 8rem; } #header.open #header-menu .top-header-menu a { font-size: 2.2rem; margin-left: 1rem; margin-right: 1rem; } #header.open .container-row-mobile-menu, #header.open .container-row-mobile-menu.single-voice { margin-bottom: 0; } #header.open .container-row-mobile-menu .left, #header.open .container-row-mobile-menu .left p, #header.open .container-row-mobile-menu .left p span { cursor: pointer; } #header.open .container-row-mobile-menu .left, #header.open .container-row-mobile-menu .right { width: 100%; padding-left: 3rem; padding-right: 3rem; float: none; text-align: center; } #header.open .container-row-mobile-menu .right { margin-top: 1rem; margin-bottom: 1rem; height: auto; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; -webkit-transition: max-height 0.4s ease; -moz-transition: max-height 0.4s ease; -ms-transition: max-height 0.4s ease; -o-transition: max-height 0.4s ease; } #header.open .container-row-mobile-menu .right p { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0; } #header.open .container-row-mobile-menu.open .right { max-height: 160px; } #header.open .container-row-mobile-menu .left p span { position: relative; } #header.open .container-row-mobile-menu .left p i { content: ""; height: 0; width: 0; border-style: solid; border-color: #98948d transparent transparent transparent; border-width: 5px; position: absolute; top: 15px; right: -2rem; } #header.open .container-row-mobile-menu.open .left p i { border-color: transparent transparent #98948d transparent; }} Preview News 2022 Keel Light Family Preview News 2022 Clue Outdoor Carpets Collection Focus On Clue outdoor Clue outdoor Clue outdoor Discover More Collezione Indoor Collezione Outdoor Press Lounge Wallpaper* Design Awards 2022 Salone del Mobile Milano 2022 In attesa di festeggiare insieme la sua 60° edizione Scopri le nuove collezioni in anteprima Potocco S.p.A. Via Indipendenza, 4 33044 Manzano \ Udine \ Italy T. +39 0432 745111 [email protected] C. SDI. A4707H7 C. S. 634.680 i.v Collezione indoor Collezione outdoor Identità Realizzazioni Distribuzione News Press Area riservata 2018 Potocco P.I. e C.F. 00648690303 Privacy Cookie Policy Codice Etico #footer { padding: 4rem 6rem; color:white; position:relative; z-index:8; text-align: center; background:#464744;}#footer .footer-content { display:flex;}#footer .footer-content > * { display:flex; flex: 1 1; justify-content:center; width:33.33vw;}#footer .socialShare > span { display:none;}#footer .choices { background:transparent; border-bottom:1px solid white; width:20rem;}#footer .choices__list--single { height:4rem; padding-left:0; font-size:1.4rem;}#footer .formFooterFlex { display:flex; justify-content:space-between;}#footer .footer-content > form .container-inputs-newsletter{ width: 30%; margin-right:1rem;}#footer .footer-content > form .container-inputs-newsletter.length50{ width: 50%;}#footer .footer-content > form .formFooterFlex .choices{ width: 33.3333%; margin-bottom:0;}@media only screen and (max-width:640px) { #footer .formFooterFlex { display:block; } #footer .footer-content > form .container-inputs-newsletter, #footer .formFooterFlex > *{ width:100%; margin-bottom:2rem; } #footer .footer-content > form .container-inputs-newsletter.length50{ width: 100%; } #footer .footer-content > form .formFooterFlex .choices{ width: 100%; margin-bottom: 2rem; }}#footer .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color:#98948d; color:white;}#footer .choices[data-type*=select-one]:after { border-color:#98948d transparent transparent transparent;}#footer .choices[data-type*=select-one].is-open:after { border-color:transparent transparent #98948d transparent;}#footer .choices__list--dropdown { background:#474644;}#footer .footer-content > div { justify-content:flex-start; flex-direction:column; color:#98948d; text-align:left; font-size:1.3rem;}#footer .footer-content h4 { font-size:1.8rem; letter-spacing:0.025rem; line-height:2.6rem; color:#98948d; margin:0; margin-bottom:1.5rem;}#footer .footer-content ul { list-style:none; padding-left:0; margin:0; margin-bottom:2rem;}#footer .footer-content > div nav a{ margin-right:3rem; font-size:1.3rem;}#footer .footer-content ul li { margin-bottom:1rem;}#footer .footer-content > nav { flex-direction:column; justify-content:flex-start; text-align:right;}#footer .footer-content > nav a{ text-transform:uppercase; font-size:1.2rem; line-height:2.6rem; position:relative;}#footer .footer-content > nav a:before { content:''; width:.5rem; height:.5rem; border-radius:50%; background-color:white; content:''; transform:scale(0); transition:transform 0.3s ease; position:absolute; right:-1rem; top:50%; margin-top:-.25rem;}#footer .footer-content > nav a:hover:before { transform:scale(1);}#footer .footer-content > form { flex-grow:2; flex-direction:column; justify-content:flex-start; text-align:left;}#footer .footer-content > form input[type="checkbox"] + label:before { border:1px solid white; position:relative; top:-2px; margin-right:1rem;}#footer .footer-content > form input[type="checkbox"] + label { display:flex; align-items:center;}#footer .footer-content > form input[name="email"],#footer .footer-content > form input[name="name"],#footer .footer-content > form input[name="surname"] { color:white;}#footer .footer-content > form h4 { margin-bottom:4rem;}#footer .footer-content > form input { display:block; width:100%; background-color:transparent; height:3rem; border:none;}#footer .footer-content > form > h4 + div { position:relative;}#footer .footer-content > form > div { margin-bottom:2rem;}#footer .footer-content > form > div:last-child { text-align:center; margin-bottom:4rem;}#footer .footer-content > form .container-inputs-newsletter:after { content:''; width:100%; background-color:white; height:1px; position:absolute; bottom:0; left:0;}#footer .footer-content > form button { text-transform:uppercase; height:3.6rem; padding:0 2rem;}#footer .footer-content > form button:hover { color:white;}#footer .footer-content > form i { font-size:.6rem; margin-left:.5rem;}#footer #footer-credits { display:flex; justify-content:center; color:#98948d; font-size:1.2rem; margin-top:0rem; line-height:2.2rem;}#footer #footer-credits > * { margin:0 1rem;}#footer #footer-credits a { transition:color 0.3s; margin:0 .5rem;}#footer #footer-credits a:hover { color:white;}#footer .socialShare a{ transition:color 0.3s ease;}#footer .socialShare a:hover{ color:white;}#footer .socialShare a:last-of-type{ margin-right:0;}#footer #newsletterForm .container-inputs-newsletter{ overflow: hidden; clear: both;}#footer #newsletterForm .container-inputs-newsletter input{ width: 100%; float: left;}#footer #newsletterForm .container-inputs-newsletter select{ float: right;}@media only screen and (max-width:992px) { #footer { padding: 4rem 6rem; z-index:10; } #footer .footer-content > * { width:100%; flex:initial; } #footer .footer-content,#footer #footer-credits { flex-wrap:wrap; } #footer .footer-content > nav { display:none; } #footer #footer-credits > * { width:100%; } #footer .footer-content { flex-direction:column-reverse; } #footer .footer-content > div, #footer .footer-content > form h4 { text-align:center; }}@media only screen and (max-width:480px){ #footer { padding:4rem 2rem; }}