/* Theme Name: Twenty Twenty Child Theme URI: https://impatia.com/ Description: Tema Child per il tema Twenty Twenty Author: studioPANG Author URI: https://studiopang.it Template: twentytwenty Version: 0.1.0 */ .grey { background: #f2f2f2; overflow-x: hidden; } .panzo { min-height: calc(100vh - 120px); } .archive-header-inner, .section-inner { max-width: 800px; padding-left: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: left; } .archive-title { margin-top:80px; } .mb-slide { display:none; } .featured-media { display:none; } .contattini { max-height:130px; } .intro-col { padding: 40px; margin-left:auto; margin-right:auto; text-align:center; max-width:1000px; } .intro-col a { color: black; text-decoration:black; } .ratio1 { padding-top: 140%; background-repeat: no-repeat; background-size: 200% 100%; background-position: 100% 0; } .ratio1a { background-position: 0 0; } .ratio1b { background-position: 100% 0; } .lungolinea-left { left:-50px; } .entry-header-inner { display:none; } .grecaptcha-badge { visibility: collapse !important; opacity:0!important; } .sfondo-fisso { background-attachment: fixed!important; } .sfondo-fisso-apple { background-attachment: scroll!important; } .ratio-cazzo { height:100vh; } .swiper-container-11 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; height:100vh; } .fab { font-family: "Font Awesome 5 Brands"; font-size: 20px; margin-right: 5px; } body, html { margin:0; padding:0; height:100%; font-family: 'Raleway', sans-serif; font-size:16px; font-weight: 200; line-height: 24px; font-style: normal; color: #000000; scroll-behavior: smooth; } .loading { left:0; top:0; width:100%; height:100%; background: white; position:fixed; padding-top:40vh; z-index:100000; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .cerchietto { border: 2px solid white; border-radius: 50%; border-top: 2px solid #7f8d8d; width: 150px; margin-left:auto; margin-right:auto; height: 150px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } a { text-decoration:none; } .out-begin { height: 100vh; position:relative; width:100%; } p { font-size: 16px; line-height:24px; margin:0; padding:0; } h1 { font-family: 'Raleway', sans-serif; font-weight: bold; font-style: normal; color: black; font-size: 1.8em; opacity:1; margin:0; padding:0; cursor:pointer; } h2 { font-family: 'Raleway', sans-serif; font-weight: bold; font-style: normal; font-size: 1.8em; margin:0; padding:0; color:black; } h2 a{ color:black; } h3 { font-family: 'Raleway', sans-serif; font-weight: normal; font-style: normal; color: black; font-size: 1.4em; margin:0; padding:0; cursor:pointer; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } h4 { font-family: 'Raleway', sans-serif; font-weight: 500; font-style: normal; line-height:1.5em; font-size: 40px; margin:0; padding:0; } .titolo-1 { font-weight:600; font-size:24px; line-height: 30px; text-transform: capitalize; } .titolo-2 { font-weight:200; font-size:16px; line-height: 24px; white-space: nowrap; text-transform: uppercase; } .titolo-2a { font-weight:600; font-size:26px; line-height: 24px; white-space: nowrap; margin-top:20px; } .titolo-3 { font-weight:300; font-size:18px; line-height: 40px; white-space: nowrap; } .titolo-3a { font-weight:600; font-size:20px; white-space: nowrap; } .titolo-4 { font-weight:600; font-size:16px; line-height: 26px; white-space: nowrap; text-transform: uppercase; } .titolo-5 { font-weight:600; font-size:20px; line-height: 30px; white-space: nowrap; } .white { color:white; border: white; } .black { color:black; border:black; } .black span:before { background-color:black; } .white span:before { background-color:white; } .azul { cursor:pointer; } .in-3 h2, .out-7 .in-5 h2 { font-family: 'Open Sans'; font-weight: normal; font-style: normal; color: black; font-size: 1em; line-height: 1.4em; margin:0; padding:0; margin-bottom: 10px; } .headstripmain { position: fixed; width: 100%; height: 60px; z-index: 12; left: 0; top: 0; text-align: right; background:white; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .headstripmain-1 { position: fixed; width: 100%; height: 60px; z-index: 3; left: 0; top: 0; text-align: right; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .head-white { background-color:white; } .headstrip { position: relative; height: 100%; max-width: 1900px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } .logo { display: block; position: absolute; left: 30px; top: 18px; height: 38px; width:248px; z-index: 4; } .logo img { height: 26px!important; } #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 15px; height: 26px; position: absolute; right: 30px; top: 18px; margin: 0px auto; cursor: pointer; } #nav-icon2 { z-index:14; } #nav-icon2 span { display: block; position: absolute; height: 100%; top:10px; width: 4px; border-radius:2px; background: black; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; transform-origin: 50% 30%; } #nav-icon2 span.white { background: white; } #nav-icon2 span:nth-child(2) { right:0; } #nav-icon2 span:nth-child(1) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left:0; } #nav-icon2 span:nth-child(2) { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); right:0; } #nav-icon2:hover span:nth-child(1) { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); left:0; } #nav-icon2:hover span:nth-child(2) { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); right:0; } #nav-icon2.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: white; top:-2px; left:8px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #nav-icon2.open span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-2px; background: white; right:10px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .wp-block-cover__video-background { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; object-fit: cover; } video.videohome { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; object-fit: cover; } .videohome { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/filotto-ambientata.jpg"); } .entry-title, .skip-link { display:none; } .pupil { position:fixed; pointer-events: none; left:0; top:0; font-size:50px; line-height: 50px; color: #d0e0e9; opacity:1; font-family: 'Noto Sans JP', sans-serif; -webkit-transition: color .25s ease-in-out .4s; -moz-transition: color .25s ease-in-out .4s; -o-transition: color .25s ease-in-out .4s; transition: color .25s ease-in-out .4s; cursor:default; z-index:5; } .pupil-white { color: white; -webkit-transition: color .25s ease-in-out .0s; -moz-transition: color .25s ease-in-out .0s; -o-transition: color .25s ease-in-out .0s; transition: color .25s ease-in-out .0s; } .menu-out { position:fixed; left:0; top:0; height:100%; width:100%; display:none; z-index:11; overflow: auto; } .menu-in { position:relative; margin-left:auto; margin-right:auto; min-height:100%; max-width:1900px; padding-left:0px; padding-right:0px; margin-bottom: -50px; padding-left:25%; opacity:0; display:none; } .menu-in::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .menu-in { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .menu-1, .menu-2 { opacity:.5; } .menu-1 { position:fixed; left:-100%; top:0; width:100%; height:100%; background-color: #8e9ba0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu-2 { position:fixed; right:-100%; top:0; width:100%; height:100%; background-color:#8e9ba0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .menu-1-on { left:-0%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 1; } .menu-2-on { right:-0%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 1; } .menu-in-left ul li { color: white; font-weight: 300; font-size: 18px; font-family: 'Raleway', sans-serif; line-height: 28px; } .menu-in-left ul li:nth-child(1) { margin-bottom: 5px; } .menu-out .big { font-family: 'Raleway', sans-serif; font-weight: bold; font-style: normal; font-size: 1.4em; line-height:.8em; opacity: 1; color:white; margin-top:0; margin-bottom:10px; } .menu-out .big a, .menu-out .big-1 a { text-decoration:none; opacity: 1; color:white; } .menu-out a { color:white; text-decoration:none; } .menu-out a:hover { color:white; text-decoration:underline; } .menu-out .big a:hover, .menu-out .big-1 a:hover { color:black; text-decoration:none; } .menu-in-footer ul { padding-left: 0; margin-bottom: 35px; margin-left: 10px; margin-right: 10px; } .menu-contatti { } .menu-out h2 { } .menu-out ul { list-style:none; margin-bottom:50px; margin-left: 10px; margin-right: 10px; } .menu-in-left-footer { color:white; font-size: 14px; line-height: 20px; } .menu-in-left { position: relative; float:left; width:33.3%; z-index:3; opacity:1; min-height: 100%; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out ; transition: opacity .25s ease-in-out ; } .menu-in-left ul:nth-child(1) { margin-top:120px; } .menu-in-footer { position: relative; bottom:0px; left: 0; height:75px; z-index:3; display:none; opacity:0; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out ; transition: opacity .25s ease-in-out ; } .menu-in-left-footer { position: relative; margin-left: 30px; margin-right: 30px; height: 50px; } .push { height: 50px; } .cookie { position:absolute; right:0px; top:0; } .cookie a { color: white; } .cookie a:hover { color: white; text-decoration:underline; } .inner-footer { margin-left:auto; margin-right:auto; max-width:1900px; } .dark-logo, .light-logo { display:block; position:absolute; } .dark-logo { opacity:1; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .light-logo { opacity:0; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .opa-0 { opacity:0; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .opa-00 { opacity:0; -webkit-transition: opacity 1s ease-in-out ; -moz-transition: opacity 1s ease-in-out ; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .footer-out { background-color: #8e9ba0; position:relative; padding-top: 40px; padding-bottom: 80px; padding-left: 20px; padding-right: 20px; } .footer { max-width:1900px; position:relative; margin-left:auto; margin-right:auto; padding-left: 0px; padding-right: 0px; font-family: 'Raleway', sans-serif; } .footer input { color: white; } .footer-1, .footer-2, .footer-3, .footer-4 { float:left; width:25%; } .footer-end { float:left; width:100%; position:relative; margin-top:50px; font-weight:300; color:white; font-size: 14px; } .footer-end ul li { margin-left:10px; margin-right:10px; } .footer-end ul li:nth-child(1) { font-size: 14px; } .footer-end ul:nth-child(1) { float:left; width:75%; } .footer-end ul:nth-child(2) { float:left; width:25%; } .footer ul { list-style:none; padding:0; margin: 0; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .footer ul a { color:white!important; text-decoration:none; } .footer ul li.f-title a { color:white; text-decoration:none; } .footer ul li.f-title a:hover { color:white; text-decoration:underline; } .footer ul a:hover { color:white; text-decoration:underline; } .footer-4 ul { margin-left:10px; margin-right:10px; } .footer-end ul { list-style:none; padding:0; margin: 0; } .footer ul li { color:white; font-size: 16px; line-height: 24px; font-weight:300; } .footer ul li.f-title { font-weight: 600; font-style: normal; margin-bottom:5px; color:white; cursor: default; font-size:20px; white-space: nowrap; } .footer-end ul:nth-child(2) li { } @media screen and (min-width: 1025px) { .footer-social, .footer-cpl { display: none !important; } } .container { max-width: 1900px; padding-left:20px; padding-right:20px; margin-left:auto; margin-right:auto; padding-bottom: 0px; } .out-1 { position: relative; width: 25%; padding-top:100px; float:left; } .out-1 .in-2 { margin-left:20px; margin-right:20px; } .out-1 .in-1 { position: relative; padding-top: 125%; margin-top: 60px; margin-bottom:10px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/filotto-ambientata.jpg"); margin-left: 10px; margin-right: 10px; } .out-1a { position: relative; width:50%; float:left; } .out-1a .in-1 { position: relative; padding-top: 125%; margin-top: 60px; margin-left: 10px; margin-right: 10px; } .out-1a .in-1 .testo { position: absolute; width:100%; top: 50%; left: 0%; text-align:center; } .in-2-hide { position: relative; overflow:hidden; } .in-3 { position: relative; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .out-2 { position: relative; width: 100%; margin-left:0%; background-color:#f2f2f2; } .out-2 img { position: relative; max-width: 1900px; width:100%; display:block; margin-left:auto; margin-right:auto; } .out-2 .in-1 { position: absolute; white-space: nowrap; display: block; left: 0px; top: 0px; left: -20px; top: 50%; } .in-2 { position: relative; margin-top: 0px; margin-left:10px; margin-right:10px; } .out-2 .in-2 img { position: relative; left:-90%; width:180%; height:auto; } .out-2 .in-3 { position: relative; bottom: 0px; width: 100%; height: auto; text-align: center; z-index: 2; margin-left: 0px; margin-right: 0px; } .out-2 .in-4 { position: relative; top: 0px; width: 100%; text-align: center; z-index: 2; margin-left: 0px; margin-right: 0px; } .out-2 .in-3 .in-1, .out-3 .in-3 .in-1, .out-4 .in-3 .in-1, .out-5 .in-3 .in-1, .out-6 .in-3 .in-1 { display:none; } .out-3 { position: relative; width: 100%; height:100vh; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .out-3 .in-1 { position: absolute; transform-origin: 0% -20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; display: block; left: 100%; bottom: 20%; } .out-3 .in-2 img { position: relative; left: 25%; width:100%; height:auto; } .out-3 .in-3 { position: relative; float:right; text-align:right; top: -0px; } .out-4 { position: relative; width: 50%; margin-left:25%; } .out-4 .in-1 { position: absolute; transform-origin: 0% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; display: block; left: 0px; top: 0px; left: -20px; top: 50%; } .out-4 .in-2 img { position: relative; left:-55%; width:120%; height:auto; } .out-4 .in-3 { position: relative; } .out-5 { position: relative; width: 50%; margin-left:25%; } .out-5 .in-1 { position: absolute; transform-origin: 0% -20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; display: block; left: 100%; top: 50%; } .out-5 .in-2 img { position: relative; left:10%; width:100%; height:auto; opacity: 1; } .out-5 .in-3 { position: relative; float: right; text-align: right; top: -100px; } .out-6 { position: relative; width: 100%; } .out-6 .in-2 { } .out-6 .in-1 { position: relative; margin-top:20px; margin-left:50%; } .out-6 .in-2-hide { top:-20%; } .out-6 .in-2-hide img { width: 50%; } .out-6 .in-2 img { position: relative; left:25%; bottom:-100px; width:50%; height:auto; } .out-6 .in-3 { margin-left: 50%; } .out-7 { position: relative; width: 100%; background-color: #f6f6f6; } .grigio-1 { background-color:#f2f2f2; } .out-7.grigiotti { position: relative; width: 100%; background-color:#f2f2f2; } .out-7-home { position: relative; width: 100%; margin-left:0%; margin-top:60px; } .out-7-home-a { position: relative; width: 100%; margin-left:0%; margin-top:100px; } .out-7-home-a .in-1 { margin-left:10px; margin-right:10px; margin-bottom:20px; } .out-7-home .in-4 { margin-left:10px; margin-right:10px; margin-bottom:30px; } .out-7-home .in-1 { position: absolute; top: 60px; width: 100%; text-align: center; z-index: 2; } .out-7-home .in-3 { position: absolute; bottom: 60px; width: 100%; height: 60px; text-align: center; z-index: 2; margin-left: 10px; margin-right: 10px; } } .out-7 a { color: #d0e0e9; } .out-7-a { max-width: 1900px; margin-left: auto; margin-right: auto; position:relative; } .out-7.home .in-2, .out-7 .in-2 { text-align:left; line-height:1em; color: #d0e0e9; font-size: 2em; margin-bottom: 10px; } .out-home { margin-top:0; } .out-7 .in-1 { opacity:1; position:relative; margin-left:10px; margin-right:10px; margin-bottom:0px; float:left; } .out-7 .in-1 h3, .out-7 .in-2 h3 { color: #d0e0e9; } .out-7 .in-4 { position:relative; } .out-7 .in-2 { position: absolute; margin-left:0px; margin-right:0px; bottom:0px; right:20px; opacity:1; z-index:3; } .out-7 .in-5 { position: relative; max-width: 200px; width:25%; margin-top:40px; margin-left: 10px; margin-right: 10px; } .swiper-slide img { display:block; width:100%; height:auto; } .ratio-h img { display:block; height:auto; width: 100%; } .ratio-h { width: 100%; } .ratio { padding-top: 50%; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; } .ratio-2 { background: #f6f6f6; min-height:100vh; width: 100%; padding-top:100px; padding-bottom:40px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; } .ratio-1 { padding-top: 60%; width: 100%; background-repeat: no-repeat; background-size: 80%; background-position: 50% 50%; } .ratio-3 { padding-top: 65%; width: 100%; background-repeat: no-repeat; background-size: 60%; background-position: 50% 50%; } .ratio-4 { padding-top: 65%; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .ratio-5 { padding-top: 75%; width: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%; } .ratio-6 { padding-top: 66%; width: 100%; background-repeat: no-repeat; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; } .ratio-7a, .ratio-7b { width: 100%; } .ratio-7a img { width: 100%; height: auto; } .ratio-7b img { width: auto; height: 100%; } .ratio-8 { padding-top: 55%; width: 100%; background-repeat: no-repeat; background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; } .news-1a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia.jpg"); } .news-1b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia-2.jpg"); } .news-1c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia-design.jpg"); } .news-1d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia-design-2.jpg"); } .news-1e { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia-glass.jpg"); } .news-1f { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Razor-House-pool-table-impatia-modern.jpg"); } .news-2a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-pool-table-impatia-gold.jpg"); } .news-2b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-pooltable-gold-dett2-1.jpg"); } .news-2c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-pooltable-gold-dett1-1.jpg"); } .news-2d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/modern-pool-table-gold-6.jpg"); } .news-2e { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-pool-table-gold-3.jpg"); } .news-2f { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-pool-table-gold-1.jpg"); } .news-2g { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-pooltable-gold-dett3-1.jpg"); } .news-3a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Choeff_Rodriguez_FD30-1A-1140x800-1.jpg"); } .news-3b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/COVER-MHD-161_LR-pdf.jpg"); } .news-3c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/image001-221x300-1.jpg"); } .news-4a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/cantoni-pool-table-impatia.jpg"); } .news-4b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/cantoni-impatia-pool-table-glass.jpg"); } .news-4c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/cantoni-poker-table-impatia.jpg"); } .news-4d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-cantoni-poker-table-design.jpg"); } .news-5a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/ping-pong-glass-jetex.jpg"); } .news-5b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-ping-pong-jetex.jpg"); } .news-5c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/ping-pong-Jetex-impatia.jpg"); } .news-5d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Jetex-impatia-ping-pong-glass.jpg"); } .news-6a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/James-Harden-poker-table-impatia-1.jpg"); } .news-6b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/James-Harden-poker-Chips-impatia.jpg"); } .news-7a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/ping-pong-Swiss-Awards.jpg"); } .news-8a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-build-competition-best-company.jpg"); } .news-9a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Griffin-James-Harden-ping-pong-impatia.jpg"); } .news-10a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-ping-pong-glass-wood.jpg"); } .news-10b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-ping-pong-glass-wood-contemporary.jpg"); } .news-10c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-ping-pong-glass-wood-modern.jpg"); } .news-10d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-ping-pong-glass-wood-design.jpg"); } .news-10e { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-table-tennis-glass-wood.jpg"); } .news-10f { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-table-tennis-glass-wood-design.jpg"); } .news-11a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Unootto-Wood-poker-table-glass.jpg"); } .news-11b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Unootto-Wood-poker-table.jpg"); } .news-11c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-Wood-poker-table-modern.jpg"); } .news-11d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-Wood-poker-table.jpg"); } .news-12a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tuttuno-Mahjong-glass-impatia.jpg"); } .news-12b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tuttuno-impatia-Backgammon-glass.jpg"); } .news-12c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-Backgammon-glass.jpg"); } .news-12d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-Backgammon-glass-design.jpg"); } .news-12e { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tuttuno-Mahjong-design.jpg"); } .news-12f { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tuttuno-Mahjong-glass.jpg"); } .news-13a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-new-york-ping-pong.jpg"); } .news-13b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Lungolinea-glass-ping-pong-new-york.jpg"); } .news-14a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Blatt-billiards-pool-table-impatia.jpg"); } .news-15a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/floyd-mayweather-ping-pong-glass.jpg"); } .news-16a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/B0009127-copia.jpg"); } .news-16b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/B0009118-copia.jpg"); } .news-16c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/B0009141.jpg"); } .news-17a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/pool-table_630183032db1.jpg"); } .news-17b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/OM-9.jpg"); } .news-17c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Screen-Shot-2017-09-14-at-10.44.59-AM.jpg"); } .news-17d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-ambientato.jpg"); } .news-18a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-filotto-billiard-ralph-lauren.jpg"); } .news-18b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Impatia-Filotto-Pool-Table.jpg"); } .news-18c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/ralph-lauren-impatia-filotto-pool-table.jpg"); } .news-19a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Untitled.jpg"); } .news-19b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/lungoline-ping-pong-bel-air.jpg"); } .news-19c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/01.BelAirRoadBackDAY.jpg"); } .news-19a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Untitled.jpg"); } .news-19b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Untitled.jpg"); } .news-19c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Untitled.jpg"); } .news-19d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Untitled.jpg"); } .news-20a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Impatia_MDW2016_Casino-Royale-469.jpg"); } .news-20b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Impatia_MDW2016_Casino-Royale-454.jpg"); } .news-20c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Impatia_MDW2016_Casino-Royale-480.jpg"); } .news-20d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Impatia_MDW2016_Casino-Royale-419.jpg"); } .news-21a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/20_1476806718-760x570-1.jpg"); } .news-21b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/20_1476806725-760x570-1.jpg"); } .refe-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-glass-pool-table-Bangkok1.jpg"); } .refe-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Glass-pool-table-bangkok2.jpg"); } .refe-3a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-glass-pooltable-hamptons_1.jpg"); } .refe-3b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-modern-pool-table-hamptons_2.jpg"); } .refe-4a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Contemporary-glass-pool-table-laJolla-1.jpg"); } .refe-4b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Contemporary-pool-table-laJolla-2.jpg"); } .refe-5a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Filotto-glass-pool-table-design.jpg"); } .refe-5b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/design-pool-table-lagunabeach-.jpg"); } .refe-6a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/modern-pool-table-glass.jpg"); } .refe-6b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-glass-billiard-table.jpg"); } .refe-6c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-glass-pool-table.jpg"); } .refe-6d { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-modern-pool-table.jpg"); } .refe-7a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-ping-pong-gold-impatia.jpg"); } .refe-7b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/design-ping-pong-dallas-impatia.jpg"); } .refe-7c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/contemporary-table-tennis-glass-dallas.jpg"); } .refe-8a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/contemporary-ping-pong-glass-dubai.jpg"); } .refe-8b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/design-table-tennis-impatia.jpg"); } .refe-9a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/contemporary-ping-pong-glass-mumbai-impatia.jpg"); } .refe-9b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-table-tennis-mumbai.jpg"); } .refe-10 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/glass-ping-pong-design-new-york.jpg"); } .acce-1a { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/1-luxury-cue-ball-game-set-leather-box.jpg"); } .acce-1b { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/2-luxury-leather-poker-chip-game-set-.jpg"); } .acce-1c { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/unootto-armrest.jpg"); } .acce-1d { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/cup_holders.jpg"); } .acce-1e { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/3-custom-leather-backgammon-game-set.jpg"); } .acce-1f { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4-bespoke-mahjong-game-set-by-impatia.jpg"); } .acce-1g { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/tuttuno-armrest.jpg"); } .acce-2{ background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/6_game_set_unootto_crocodile_accessories.jpg"); } .acce-3a { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/1.jpg"); } .acce-3b { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/3.jpg"); } .acce-3c { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/1a.jpg"); } .acce-4a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tocco-cue-rack-design.jpg"); } .acce-4b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Tocco-cue-rack-impatia.jpg"); } .acce-4c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-cue-rack-marble.jpg"); } .acce-5a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-Backgammon-GameSet-design.jpg"); } .acce-5b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Backgammon-GameSet-leather.jpg"); } .acce-5c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/Backgammon-GameSet-impatia.jpg"); } .acce-6a { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/poker-GameSet-impatia.jpg"); } .acce-6b { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-poker-GameSet-design.jpg"); } .acce-6c { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/impatia-poker-table-GameSet.jpg"); } .lungolinea-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4-luxury-handcrafted-ping-pong-table-classic.jpg"); } .lungolinea-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4b-luxury-handcrafted-gold-ping-pong-table.jpg"); } .lungolinea-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4-handcrafted-leather-design-ping-pong-table.jpg"); } .lungolinea-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4d-luxury-handcrafted-wood-ping-pong-table.jpg"); } .lungolinea-5 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/9-glass-leather-design-ping-pong-table.jpg"); } .filotto-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-3.jpg"); } .filotto-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-1.jpg"); } .filotto-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/filotto-2.jpg"); } .derby-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/09/4_Derby-Foosball-luxury-game-table.jpg"); } .derby-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/11/collection_derby.jpg"); } .unootto-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/9-carrara-marble-glass-poker-table-01.jpg"); } .unootto-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2023/06/Unootto-Wood-Edition_01.jpg?ver"); } .tuttuno-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/tuttuno-2.jpg"); } .tuttuno-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/tuttuno-1.jpg"); } .tuttuno-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4-1.jpg"); } .artisan-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/impatia_artisans_1.jpg"); } .artisan-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/impatia_artisans_2.jpg"); } .artisan-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/impatia_artisans_3.jpg"); } .artisan-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/07/impatia_artisans_4.jpg"); } .filotto-c-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/1_simonis-green-black.jpg"); } .filotto-c-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/2_dark-green-black.jpg"); } .filotto-c-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/3_petroleum-blue-prato.jpg"); } .filotto-c-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/4_powder-blue-navy.jpg"); } .filotto-c-5 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/5_electric-blue-navy.jpg"); } .filotto-c-6 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/6_marine-blue-navy.jpg"); } .filotto-c-7 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/7_grey-ash.jpg"); } .filotto-c-8 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/8_slate-grey-ash.jpg"); } .filotto-c-9 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/9_espresso-tobacco.jpg"); } .filotto-c-10 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/10_gold-tobacco.jpg"); } .filotto-c-11 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/11_burnt-orange-tobacco.jpg"); } .filotto-c-12 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/12_red-black.jpg"); } .filotto-c-13 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/13_wine-vino.jpg"); } .filotto-c-14 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/14_purple-black.jpg"); } .filotto-c-15 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/15_fuchsia-viola.jpg"); } .filotto-c-16 { background-image: url("https://www.impatia.com/wp-content/uploads/2020/09/16_dusty-pink-black.jpg"); } .lungolinea-c-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/1_Lungolinea_Leather_navy.jpg"); } .lungolinea-c-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/2_Lungolinea_Leather_prato.jpg"); } .lungolinea-c-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/3_Lungolinea_Leather_gray.jpg"); } .lungolinea-c-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/4_Lungolinea_Leather_ash.jpg"); } .lungolinea-c-5 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/5_Lungolinea_Leather_tobacco.jpg"); } .lungolinea-c-6 { background-image: url(5"https://www.impatia.com/wp-content/uploads/2021/04/6_Lungolinea_Leather_arancio.jpg"); } .lungolinea-c-7 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/7_Lungolinea_Leather_beige.jpg"); } .lungolinea-c-8 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/7_Lungolinea_Leather_vino.jpg"); } .lungolinea-c-9 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/Lungolinea_Leather_viola.jpg"); } .unootto-c-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/1.jpg"); } .unootto-c-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/2.jpg"); } .unootto-c-2a { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/2a.jpg"); } .unootto-c-2b { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/2b.jpg"); } .unootto-c-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/3.jpg"); } .unootto-c-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4.jpg"); } .unootto-c-4a { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/4a.jpg"); } .unootto-c-5 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/5.jpg"); } .unootto-c-6 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/6.jpg"); } .unootto-c-6a { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/6a.jpg"); } .unootto-c-7 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/7.jpg"); } .unootto-c-8 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/8.jpg"); } .unootto-c-9 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/9.jpg"); } .unootto-c-10 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/10transition.jpg"); } .tuttuno-c-1 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/1_mahjong_beige_sea-sand.jpg"); } .tuttuno-c-2 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/2_mahjong_arancio_sea-sand.jpg"); } .tuttuno-c-3 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/3_mahjong_arancio_terra.jpg"); } .tuttuno-c-4 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/4_mahjong_tabacco_stone.jpg"); } .tuttuno-c-5 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/5_mahjong_beige_fern.jpg"); } .tuttuno-c-6 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/6_mahjong_gray_fern.jpg"); } .tuttuno-c-7 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/7_mahjong_prato_pearl.jpg"); } .tuttuno-c-8 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/8_mahjong_gray_sky.jpg"); } .tuttuno-c-9 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/9_mahjong_navy_sky.jpg"); } .tuttuno-c-10 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/10_mahjong_navy_powder.jpg"); } .tuttuno-c-11 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/11_mahjong_black_ash.jpg"); } .tuttuno-c-12 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/12_mahjong_viola_cyclamen.jpg"); } .tuttuno-c-13 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/13_mahjong_vino_pompeian.jpg"); } .tuttuno-c-14 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/14_mahjong_vino_pearl.jpg"); } .tuttuno-c-15 { background-image: url("https://www.impatia.com/wp-content/uploads/2021/04/15_mahjong_gray_pearl.jpg"); } .lungolinea-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/3-luxury-handcrafted-ping-pong-table.jpg"); background-size: 70% auto; } .derby-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/09/4_Derby-Foosball-luxury-game-table-1.jpg"); background-size: 100% auto; } .derby1-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/11/derby-football-table.jpg"); background-size: 100% auto; } .filotto-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/1-custom-design-billiard-table.jpg"); background-size: 70% auto; } .unootto-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/5-stylish-modern-poker-table.jpg"); background-size: 100% auto; } .tuttuno-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/7-multi-use-luxury-card-table.jpg"); background-size: 100% auto; } .tocco-h { background-image: url("https://www.impatia.com/wp-content/uploads/2021/05/collection_accessories_marble_tocco.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .grey { background: #f2f2f2; } .nero .numberoni { color:black; } .fini-1, .fini-2, .fini-3, .fini-4, .fini-5, .fini-6, .fini-7, #fini-1, #fini-2, #fini-3, #fini-4, #fini-5, #fini-6, #fini-7 { display: block; position: absolute; left: 0; color:black; width:100%; text-align:center; display:block; opacity:1; -webkit-transition: all .5s ease-in-out ; -moz-transition: all .5s ease-in-out ; -o-transition: all .5s ease-in-out ; transition: all 1s ease-in-out ; } .out-1 .fini-1, .out-1 .fini-2, .out-1 .fini-3, .out-1 .fini-4, .out-1 .fini-5, .out-1 .fini-6, .out-1 .fini-7, .out-1 #fini-1, .out-1 #fini-2, .out-1 #fini-3, .out-1 #fini-4, .out-1 #fini-5, .out-1 #fini-6, .out-1 #fini-7 { text-align:left; margin-top:150px; } .fini-1 .titolo-3:hover { } .out-7 .in-3 { color: black; width:100%; height:70px; margin:0; padding:0; cursor:pointer; z-index:2; position: absolute; bottom: 50px; } .out-7 .in-6 { color: black; display:block; width:100%; margin:0; padding:0; text-align:center; cursor:pointer; z-index:2; position: absolute; bottom: 30px; } .out-7 .in-6:hover { color: black; text-decoration:underline; } .in-4 .in-3 { color: black; color: #d0e0e9; } .out-8 { position: relative; width: 75%; margin-top:110px; float:right; } .out-8 .in-1 { position:relative; margin-left: 10px; margin-right: 10px; } .out-8 .in-1 img { width:100%; height:auto; } .out-9 { margin-top:220px; width:25%; float:right; font-size:16px; font-weight:300; } .out-9 .in-1 { position:relative; margin-left: 20px; margin-right: 20px; } .tech-1-t, .tech-2-t, .tech-3-t, .tech-4-t { font-size:16px; font-weight:600; line-height: 3em; margin-top:10px; margin-bottom:10px; cursor: pointer; } .tech-1, .tech-2, .tech-3, .tech-4 { max-height:1px; overflow: hidden; opacity:0; -webkit-transition: all .5s ease-in-out ; -moz-transition: all .5s ease-in-out ; -o-transition: all .5s ease-in-out ; transition: all .5s ease-in-out ; } .tech-1 a, .tech-2 a, .tech-3 a, .tech-4 a, .out-1 a { color:black; } .tech-1 a:hover, .tech-2 a:hover, .tech-3 a:hover, .tech-4 a:hover, .out-1 a:hover { color:black; text-decoration:underline; } .altone { max-height:650px; opacity:1; -webkit-transition: all .5s ease-in-out ; -moz-transition: all .5s ease-in-out ; -o-transition: all .5s ease-in-out ; transition: all .5s ease-in-out ; } .out-10 { margin-top:110px; width:75%; float:left; position :relative; } .out-10 .in-1 { margin-left: 20px; margin-right: 20px; position:relative; } .out-10 .in-2 { margin-left: 20px; margin-right: 20px; left:100%; bottom:0; height:auto; width: calc(33% - 40px); position:absolute; } .out-10 .in-1 img { width:100%; } .out-11 { margin-top:110px; width:75%; margin-left:25%; position:relative; float:left; } .out-11 .in-1 { margin-left: 20px; margin-right: 20px; position:relative; bottom:0; } .out-111 { margin-top:110px; width:50%; margin-left:25%; position:relative; float:left; } .out-11 .in-1 { margin-left: 10px; margin-right: 10px; position:relative; bottom:0; } .out-11 .in-1 img { width:100%; } .out-11 .in-2 { margin-left: 20px; margin-right: 20px; right:100%; bottom:0; height:auto; width: calc(33% - 40px); position:absolute; } .out-12 { position:relative; margin-top:110px; width:100%; float:left; } .out-12 .in-1 { margin-left: 20px; margin-right: 20px; } .out-12 .in-1 img { width:100%; } .banner { background-color: rgba(142, 155, 160, 0.2); text-align:center; } .banner p { padding:40px; } .wood, .classic, .gold, .leather, .marble, .dark { position:relative; opacity:0; max-height: 1px; overflow: hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .nero { color:black; } .opa-1 { opacity:1; -webkit-transition: opacity .25s ease-in-out ; -moz-transition: opacity .25s ease-in-out ; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .endish { max-height: 10000px; font-size:16px; font-weight:300; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .out-14-out { background-color: white; margin-left:25%; width:50%; overflow:hidden; margin-left:auto; margin-right:auto; max-height:700px; margin-bottom: 40px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .form-close { max-height:120px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .out-14 { margin-top:110px; max-width:1900px; margin-left: 10px; margin-right: 10px; padding-bottom:0px; padding-top:30px; } .out-14 .in-1-out { position:relative; width:100%; } .out-14 .in-1 { } .out-14 .in-1 { position:relative; top:-60px; } .out-14 .in-1-out .in-1 input, .out-48 .in-1 input { font-size: 1em; font-family: 'Raleway', sans-serif; } .request { font-family: 'Raleway'; font-weight: 300; font-style: normal; position:relative; opacity: 1; color: black; font-size: 16px; top:-80px; left:0; cursor: pointer; } .out-15 { margin-top:180px; width:37.5%; margin-left:12.5%; float: right; margin-bottom: 0px; } #statusBox { position:fixed; top:50px; left:50px; font-size: 5em; color:black; z-index:1000; } .out-17 { width:25%; float: right; margin-right:25%; position: relative; margin-top:120px; } .out-15 .in-1 { margin-left: 10px; margin-right: 10px; position:relative; } .out-15 .in-1 img { width:100%; } .out-16 .in-1 { margin-left: 10px; margin-right: 10px; position:relative; } .out-16 .in-1 img { width:100%; } .out-17 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; } .out-17 .in-1 h3, .out-19 .in-1 h3 { text-align:left; margin-bottom:5px; } .out-19 .in-1 a:hover, .out-17 .in-1 a:hover { } .out-18 { margin-top:120px; width:25%; margin-bottom: 140px; float:right; } .out-188 { margin-top:120px; width:25%; margin-bottom: 140px; float:right; } .out-18 .in-1, .out-188 .in-1 { margin-left: 10px; margin-right: 10px; position:relative; } .out-18 .in-1 img, .out-188 .in-1 img { width:100%; } .out-19 { margin-top:150px; width:25%; float:right; margin-bottom: 150px; } .out-19 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; margin-top:150px; } .out-20 { position:relative; display:none; position: relative; top: -140px; text-align: center; -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .out-20 .in-1 { font-weight:300; font-size:20px; color:white; margin-left: 10px; margin-right: 10px; } .out-21 { position: absolute; } .out-21 div { } .out-21 .in-1 { position: relative; margin-top:100px; margin-bottom:20px; margin-left: 10px; margin-right: 10px; } .out-21 .in-2 { position: relative; margin-top:50px; margin-left: 10px; margin-right: 10px; } .out-21 .in-2 img { width:100%; height:auto; } .out-22 { position: relative; width: 62.5%; margin-top: 120px; float:left; } .out-22 .in-2 { position: relative; margin-left: 10px; margin-right: 10px; padding-top:66%; margin-top: 0px; } .out-22 .in-3 { position: relative; width:75%; margin-left: 10px; margin-right: 10px; left:25%; margin-top:20px; } .out-22 .in-1 { position: relative; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .out-23 { position: relative; width: 62.5%; margin-top:60px; float:right; } .out-23 .in-2 img { width:100%; } .out-23 .in-3 { margin-top:280px; margin-bottom:280px; margin-left:10px; margin-right:10px; } .out-24 { position: relative; width: 50%; margin-left: 0; float:right; margin-top:240px; margin-bottom:120px; } .out-24 .in-1 { margin-left:10px; margin-right:10px; } .out-24 .in-1 img { width:100%; } .out-25 { position: relative; width: 25%; margin-top: 240px; margin-bottom: 120px; float:right; } .out-25 .in-1 { position: relative; margin-left: 10px; margin-right: 10px; } .out-25 .in-1 img { width:100%; } .out-26 { position: relative; width: 50%; margin-left:25%; margin-bottom:120px; float:right; } .out-26 .in-1 { position: relative; margin-left: 20px; margin-right: 20px; } .out-26 .in-3 h3 { white-space:nowrap; } .out-26 .in-2 { margin-top: 0px; position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background: url(https://www.impatia.com/wp-content/uploads/2020/07/Impatia-Designers-Adriano-Design.jpg) no-repeat ; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-26 .in-2:hover { background: url(https://www.impatia.com/wp-content/uploads/2020/07/Impatia-Sketch-Prodotti-Filotto.jpg) no-repeat ; position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-26 .in-3 { position: relative; margin-left: 10px; margin-right: 10px; margin-top:20px; } .out-26 .in-3 h3 { white-space:nowrap; } .out-27 { position: relative; width: 50%; margin-left:25%; margin-bottom:110px; margin-top: 0px; float:left; } .out-27, .out-27a { position: relative; width: 50%; margin-left:25%; margin-bottom:110px; float:left; } .out-27 .in-2 { position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background: url(https://www.impatia.com/wp-content/uploads/2020/07/Impatia-Designers-Azzimonti.jpg) no-repeat ; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-27 .in-2:hover { background: url(https://www.impatia.com/wp-content/uploads/2020/07/Impatia-Sketch-Prodotti-Unootto.jpg) no-repeat ; position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-27a .in-2 { margin-top:40px; position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background: url(https://www.impatia.com/wp-content/uploads/2020/09/impatia-gregg-brodarick-guazzi-1.jpg) no-repeat ; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-27a .in-2:hover { background: url(https://www.impatia.com/wp-content/uploads/2020/07/Impatia-Sketch-Prodotti-Unootto.jpg) no-repeat ; position: relative; margin-left: 10px; margin-right: 10px; padding-top:73%; background-size: 100% auto; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .out-28 { position: relative; width: 75%; margin-top:80px; margin-bottom:110px; float:left; } .out-28 .in-1 { position: relative; margin-left: 10px; margin-right: 10px; background: url(https://www.impatia.com/wp-content/uploads/2021/03/1-impatia-italian-luxury-design-company.jpg) no-repeat ; padding-top:66%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .out-28 .in-1 img { width:100%; } .out-28 .in-2 { position: relative; margin-left: 10px; margin-right: 10px; margin-top:20px; } .out-29 { position: relative; width: 100%; margin-top: 120px; } .out-29 .in-2 { margin: 0; padding: 0; cursor: pointer; position: absolute; white-space: nowrap; bottom: 100%; right: 100%; transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .out-29 .in-1 { position: relative; margin-top:20px; margin-bottom: 0px; } .out-29 .space-1 { margin-bottom: 20px; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .out-29 .space-1 .titolo-4 { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .out-29 .space-1:hover .titolo-4 { color: black; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .out-29 .space-1-open { max-height: 400px; margin-bottom:60px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .out-29 .space-1-open span { color: black; background-color:rgba(255,255,255,1); } .out-29 .space-1-open .line-1 { background-color: black; } .out-29 .space-1-open .span { background-color: black; } .out-29 a { color:black; text-decoration:none; } .out-29 a:hover { color: black; text-decoration:underline; } .space-in { width:calc(25% - 20px); min-width:200px; float:left; height:100px; margin-left: 10px; margin-right: 10px; } .out-29 .space-1 h3 { color: black; font-family: 'Libre Baskerville'; font-weight: normal; font-style: normal; font-size:1.1em; } .out-29 .space-1 span { background-color:rgba(255,255,255,1); z-index:3; padding-right:5px; cursor:pointer; } .out-29 .space-1 span:hover { background-color:rgba(255,255,255,0); z-index:3; padding-right:5px; } .out-30 { position: relative; width: 50%; margin-left:auto; margin-right:auto; margin-top:140px; margin-bottom:110px; } .out-30 .in-1 { position: relative; margin-left:10px; margin-right:10px; margin-top:140px; margin-bottom:110px; } .out-30 .in-1 h1 { margin-bottom:0px; } .out-30 .in-1 .title a { color:black; } .out-30 .in-1 .title a:hover { color:black; text-decoration:underline; } .out-30 .in-1 .post-x { position: relative; margin-top:40px; margin-bottom:120px; } .out-30 .in-1 .post-x h3 { margin-bottom:5px; } .out-31 { position: relative; width: 100%; margin-left: 0%; z-index:4; } .out-31 .in-1 { position: relative; margin-left: 10px; margin-right: 10px; margin-top:60px; margin-bottom: 0px; } .out-31 .video-1 { padding-top:55%; } .out-31 .in-1 img { width:100%; height:auto; } .out-31 .in-2 { position: absolute; bottom: 60px; width: 100%; height: 50px; text-align: center; z-index: 2; margin-left: 0px; margin-right: 0px; } .out-32 { position: relative; width: 75%; margin-left: 0%; float:left; margin-top:120px; } .out-32 .in-1 { position: relative; margin-top: 0px; margin-bottom:20px; margin-left: 10px; margin-right: 10px; width: auto; } .out-32 .in-1 img { height:auto; width: 100%; } .out-33 { position: relative; width: 25%; margin-left: 0%; float:left; margin-top:100px; font-size: 16px; font-weight:300; } .out-33 .in-1 { position: relative; margin-top:60px; margin-bottom:20px; margin-left: 30px; margin-right: 10px; } .out-34 { position: relative; padding-top:25%; padding-bottom:25%; margin-top:100px; text-align:center; } .out-344 { position: relative; height:100vh; margin-top:100px; text-align:center; } .out-34 .in-1 { position: absolute; left:0; right:0; bottom:40px; margin-top:100px; text-align:center; font-size:34px; line-height: 34px; font-weight: 500; } .out-344 .in-1 { position: absolute; left:0; right:0; bottom:60px; margin-top:100px; text-align:center; font-size:34px; line-height: 34px; font-weight: 500; } .arrow-out { -webkit-transform : scaleY(.5); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform : scaleY(.5); /* IE 9 */ transform : scaleY(.5); } .arrow { border: solid ; border-width: 0 5px 5px 0; display: inline-block; padding: 30px; -webkit-transform : rotate(45deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform : rotate(45deg); /* IE 9 */ transform : rotate(45deg); margin-left:auto; margin-right:auto; } .out-35 { position: relative; padding-top:30%; padding-bottom:30%; margin-top:0px; text-align:center; font-size:1.8em; font-weight: normal; font-style: normal; color:white; } .out-35a { position: relative; padding-top:20%; padding-bottom:20%; margin-top:0px; text-align:center; font-size:1.8em; font-family: 'Libre Baskerville'; font-weight: normal; font-style: normal; color:white; } .out-35 .in-1, .out-35a .in-1 { margin-left:auto; margin-right:auto; width: 75%; max-width: 1200px; padding-left:10px; padding-right:10px; } .out-36 { width: 25%; margin-bottom:120px; float:left; } .out-36 .in-1 { margin-left:10px; margin-right:100px; margin-top:15px; } .out-36 a { display:block; } .out-36 .in-1:hover { text-decoration:underline; color:black; } .out-36:hover .in-1 { text-decoration:underline; color:black; } .out-36 .in-2 img { width:100%; } .out-36 .in-2 { margin-left:10px; margin-right:10px; } .out-37 { width: 25%; float:left; } .out-37 .in-1 { margin-left:10px; margin-right:10px; margin-top:15px; } .out-38 { width: 37.5%; margin-top:140px; float:right; } .out-38 .in-1 { margin-left:100px; margin-right:100px; padding-top:80px; } .out-39 { position: relative; width: 25%; margin-top:240px; float:right; } .out-39 .in-1 { margin-left:30px; margin-right:10px; padding-top:80px; } .out-399 { width: 25%; margin-top: 0px; float:right; margin-bottom:120px; } .out-399 .in-1 { margin-left:30px; margin-right:10px; padding-top:80px; } .out-40 { width: 25%; margin-top:140px; float:left; } .out-40 a { color:black; text-decoration:none; } .out-40 a:hover { color:black; text-decoration:underline; } .out-40 .in-1 { margin-left:10px; margin-right:10px; } .out-41 { position:relative; width: 75%; margin-left:25%; margin-top:140px; } .out-41 .in-1 { margin-left:10px; margin-right:10px; } .out-41 .in-1 img { width:100%; } .out-42 { position:relative; width: 100%; margin-left:0%; margin-top:140px; } .out-42 .in-1 { margin-left:10px; margin-right:10px; } .out-42 .in-1 img { width:100%; } .out-43 { position:relative; width: 25%; margin-left:12.5%; margin-top:140px; float:left; } .out-43 .in-1 { margin-left:10px; margin-right: 30px; padding-top:60px; } .out-44 { position: relative; height:100vh; margin-top:0px; text-align:center; font-weight: normal; font-style: normal; color:white; margin-bottom:140px; } .out-44 .in-1 { top:40%; position: relative; } .out-45 { position: relative; margin-left:100px; width:62.5%; float: left; text-align:left; margin-bottom:120px; } .out-45 .in-3 { margin-top:0; margin-left:0px; margin-right:0px; } .out-45 .in-1 { padding-top:100%; position: relative; } .out-45 .in-2 { position:absolute; left:10px; right:10px; top:45%; text-align: center; } .out-46 { position: relative; padding-top:0%; padding-bottom:0%; height:100vh; margin-top:120px; text-align:center; background-attachment: fixed; } .out-46 .in-1 { position: absolute; left:0; right:0; bottom:60px; margin-top:100px; text-align:center; font-size:40px; font-weight: 500; color:white; } .out-47 { position: relative; padding-top:0%; padding-bottom:0%; width:50%; margin-top:240px; margin-bottom:240px; text-align:left; margin-left: 25%; } .out-47 .in-1 { margin-left:10px; margin-right:10px; } .out-48 { position: relative; padding-top:0%; padding-bottom:0%; width:100%; max-width:1000px; margin-left: auto; margin-right: auto; margin-top:120px; margin-bottom:120px; text-align:left; } .out-48 .in-1 { margin-left:10px; margin-right:10px; } .out-48 .in-1 a { color:black; font-weight:600; } .out-48 .in-1 a:hover { text-decoration:underline; } .out-48 td { display: table-cell; vertical-align: top; padding-top: 15px; padding-bottom: 15px; border-top: solid black 1px; } .out-48 tr { max-width:100%; } .out-49 { position: relative; padding-top:25%; padding-bottom:25%; margin-top:100px; text-align:center; } .out-49 .in-1 { position: absolute; left:0; right:0; bottom:40px; margin-top:100px; text-align:center; font-size:34px; line-height: 34px; font-weight: 500; } .fil { background: url(https://www.impatia.com/wp-content/uploads/2020/08/accessori_Dettalgio_1.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .fil-1 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/2-bespoke-glass-billiard-table.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .fil-2 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/0-bespoke-gaming-accessories-high-end.jpg) no-repeat ; background: url(https://www.impatia.com/wp-content/uploads/2021/06/0_Accessories_Splash_luxurious-leather-game-sets.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; } .lun-1 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/4-glass-design-ping-pong-table.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .lun-2 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/3-glass-design-ping-pong-table.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .tut { background: url(https://www.impatia.com/wp-content/uploads/2021/03/8-backgammon-game-table.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .tut-1 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/1-1.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:calc(100vh - 70px); } .derby-1 { background: url(https://www.impatia.com/wp-content/uploads/2022/11/Derby_Foosball_Table_ProductPageCover.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:calc(100vh - 70px); background-position: 50% 50%; } .copertine { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:calc(100vh - 70px); background-position: 50% 50%; } .unot { background: url(https://www.impatia.com/wp-content/uploads/2021/03/6-bespoke-poker-table-marble-design.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .sket { background: url(https://www.impatia.com/wp-content/uploads/2021/11/transition_impatia_designers_luxury-game-tables.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .derby-2 { background: url(https://www.impatia.com/wp-content/uploads/2023/03/Derby-Wood-Edition_03.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .tut-2 { background: url(https://www.impatia.com/wp-content/uploads/2021/03/3-1.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .unot-1 { background: url(https://www.impatia.com/wp-content/uploads/2022/01/2-smoked-glass-poker-table-good-designawards.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; height:calc(100vh - 70px); } .arty { background: url(https://www.impatia.com/wp-content/uploads/2021/03/2-made-in-italy-craftsmanship-impatia.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .conty { background: url(https://www.impatia.com/wp-content/uploads/2021/03/2_contact.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 100%; } .media-x { position: relative; background-color: #f2f2f2; margin-bottom:40px; } .post-x a { text-decoration:none; color:black; } .post-x a:hover { text-decoration:underline; color:black; } .media-x video { width:100%; height:auto; } .contact-1 { font-weight: 500; font-size: 22px; } .contact-2 { font-size: 16px; font-weight: 300; } #map { padding-top:60%; } .reinve { font-family: 'Libre Baskerville'; font-weight: bold; font-style: normal; text-align:left; color: white; font-size: 3em; line-height: .9em; animation: desk-1 3s infinite; opacity: .5; margin:0; padding:0; } @keyframes desk-1 { 0% { opacity: .5; } 50% { opacity: 1; } 99% { opacity: .5; } } .sub { font-family: 'Libre Baskerville'; font-weight: bold; font-style: normal; color: #d0e0e9; font-size: 4em; line-height: 1em; display:block; margin:0; padding:0; cursor:pointer; -webkit-transition: max-width .5s ease-in-out; -moz-transition: max-width .5s ease-in-out; -o-transition: max-width .5s ease-in-out; transition: max-width 1s ease-in-out; } .sub-a { display:block; margin:0; padding:0; cursor:pointer; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .sub-1 { position:relative; opacity:1; padding:0; cursor:pointer; -webkit-transition: max-width .5s ease-in-out; -moz-transition: max-width .5s ease-in-out; -o-transition: max-width .5s ease-in-out; transition: max-width 1s ease-in-out; } .sub-2 span, span.sub-2 { position:relative; } .tech-black { color:black; } .sub:before, .sub-a:before, .sub-1:before, .sub-2 span:before { content: ""; display: block; position: absolute; max-width:0; left: 0; bottom:0; height: 2px; width:100%; overflow:hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .titolo-2a span:before { } .sub-1:before { content: ""; display: block; position: absolute; background-color:black; max-width:0; left: 0; bottom:0; height: 2px; width:100%; overflow:hidden; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .sub:hover:before, .sub-1:hover:before, .sub-a:hover:before , .sub-2:hover span:before { max-width:100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .verti-fade { opacity: 0; z-index: -1; -webkit-transition: all .5s ease-in-out ; -moz-transition: all .5s ease-in-out ; -o-transition: all .5s ease-in-out ; transition: all .5s ease-in-out ; } .cursor { cursor:pointer; } .desk-1, .desk-2, .desk-3, .desk-4, .desk-5 { max-height: 0; overflow:hidden; opacity:0; -webkit-transition: all .5s ease-in-out .2s ; -moz-transition: all .5s ease-in-out .2s; -o-transition: all .5s ease-in-out .2s; transition: all .5s ease-in-out .2s ; } .shown { max-height: 300px; opacity:1; -webkit-transition: all .5s ease-in-out .2s ; -moz-transition: all .5s ease-in-out .2s; -o-transition: all .5s ease-in-out .2s; transition: all .5s ease-in-out .2s ; } @media screen and (max-width: 1360px) { .out-1 { padding-top:0px; } .out-1 .fini-1, .out-1 .fini-2, .out-1 .fini-3, .out-1 .fini-4, .out-1 .fini-5, .out-1 .fini-6, .out-1 .fini-7, .out-1 #fini-1, .out-1 #fini-2, .out-1 #fini-3, .out-1 #fini-4, .out-1 #fini-5, .out-1 #fini-6, .out-1 #fini-7 { text-align:left; margin-top:160px; } .out-17 { margin-top: 120px; } .out-15 { margin-top: 120px; } .out-19 { width: 37.5%; } .out-17, .out-18, .out-188 { margin-top: 220px; } .out-24 { position: relative; width: 37.5%; margin-left:0%; float:right; margin-top:200px; } .out-24 .in-1 { margin-left:10px; margin-right:10px; } .out-24 .in-1 img { width:100%; } .out-25 { position: relative; width: 37.5%; margin-top:240px; margin-bottom:120px; float:right; } .out-25 .in-1 { position: relative; margin-left: 10px; margin-right: 10px; } .out-26 { position: relative; width: 75%; margin-left: 0%; margin-bottom: 120px; float: right; } .out-27 { position: relative; width: 75%; margin-left: 0%; margin-bottom: 120px; float: right; } .out-28 { position: relative; width: 62.5%; margin-top: 140px; margin-bottom: 110px; } .out-29 { position: relative; width: 100%; margin-left: 0%; } .out-36 { width: 50%; margin-bottom: 40px; float: left; } .out-36 .in-1 { margin-left: 10px; margin-right: 10px; } .out-38 { width: 37.5%; margin-top:80px; float:left; } .out-38 .in-1 { margin-left:10px; margin-right:10px; padding-top:60px; } .out-40 { width: 37.5%; margin-top: 80px; float:left; } .out-43 .in-1 { margin-left: 10px; margin-right: 30px; padding-top: 60px; } .out-45 { position: relative; margin-left: 0px; width: 62.5%; float: left; text-align: left; margin-bottom: 120px; } .out-46 { margin-top: 120px; } .ratio { padding-top: 61.5%; width: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 1000px) and (orientation: portrait) { .fil-2 { background-size: 230% auto; background-position: 40% 20%; background-attachment: fixed; } } @media screen and (max-width: 1024px) { .white-cop { color:black; } .copertine { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:100%; height:auto!important; background-position: 50% 50%; } .mb-slide { display:block; } .contattini { max-height:auto; } .intro-col { padding: 40px; padding-top:100px; } .lungolinea-left { left: 0px; } .fil-1, .lun-1, .unot, .tut, .lun-2, .tut-2, .arty { background-attachment: scroll; } .accessori-home .white { color:black; } .ratio-2 { height:calc(100vh - 60px); } .request { top: -30px; font-size: 16px; } .cookie { position:relative; height:30px; margin-top: 10px; } .footer { max-width: 1900px; position: relative; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right:0px; font-family: 'Raleway', sans-serif; } .footer ul { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; } #nav-icon2 { top: 16px; } #nav-icon2:hover span:nth-child(1) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left:0; } #nav-icon2:hover span:nth-child(2) { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); right:0; } #nav-icon2.open:hover span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: white; top:0px; left:8px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #nav-icon2.open:hover span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:0px; background: white; right:10px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .titolo-1 { font-weight: 600; font-size:26px; line-height: 30px; } .titolo-4 { font-weight: 600; font-size: 16px; line-height: 26px; white-space: nowrap; } .space-in .titolo-4 { font-weight: 600; font-size: 20px; line-height: 26px; white-space: nowrap; } .titolo-5 { font-weight: 600; font-size: 20px; line-height: 30px; white-space: nowrap; } .mobilone { display:none; } .container { max-width: 1920px; padding-left: 0px; padding-right: 0px; margin-left:auto; margin-right:auto; padding-bottom: 0px; } .menu-in { padding-left: 0px; padding-right: 0px; min-height:100%; padding-top: 0px; margin-bottom: -50px; } .space-in { width: 100%; height:auto; float: none; margin-top: 20px; } .space-in:nth-child(1) { width: 100%; height:auto; float: none; margin-bottom: -10px; } .out-29 .space-1-open { max-height: 1000px; -webkit-transition: max-height .5s ease-in-out; -moz-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; } h3 { font-size: 1.5em; } .azul { } .sub:hover:before, .sub-1:hover:before, .sub-a:hover:before , .sub-2:hover span:before { max-width:100%; -webkit-transition: all .03s ease-in-out; -moz-transition: all .03s ease-in-out; -o-transition: all .03s ease-in-out; transition: all .03s ease-in-out; } .menu-out .big { font-size:1.5em; } .menu-out .big-1 { font-size:1.2em; } video.videohome { display:none; } video.video-artigiani { display:none; } .out-begin { background: url(https://www.impatia.com/wp-content/uploads/2020/06/impatia_lungolinea.jpg) no-repeat ; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ratio { padding-top: 100%; } .ratio-1 { padding-top: 75%; } .menu-in-left ul li { color: white; font-weight: 300; font-size: 18px; font-family: 'Raleway', sans-serif; line-height: 26px; } .menu-in-left ul li:nth-child(1) { margin-bottom: 5px; } .titolo-2a { font-weight: 600; font-size: 22px; line-height: 26px; white-space: nowrap; } .out-begin { height: 100vh; position:relative; width:100%; } .numberoni { right: 37px; } .out-5, .out-6 { margin-top:100px; } .out-1 { margin-top:60px; height: 320px; width:100%; } .out-1 .in-1 { margin-top: 140px; margin-bottom:0px; } .out-1 .fini-1, .out-1 .fini-2, .out-1 .fini-3, .out-1 .fini-4, .out-1 .fini-5, .out-1 .fini-6, .out-1 .fini-7, .out-1 #fini-1, .out-1 #fini-2, .out-1 #fini-3, .out-1 #fini-4, .out-1 #fini-5, .out-1 #fini-6, .out-1 #fini-7 { text-align: left; margin-top: 20px; } h1 { font-weight: bold; font-style: normal; font-size:2em; opacity: 1; margin: 0; padding: 0; cursor: pointer; } .out-2 { position: relative; width: 100%; margin-left: 0; border-bottom: 1px solid black; margin-top:0px; min-height: auto; } .out-2 .in-4 { position: absolute; top: 120px; width: 100%; text-align: center; z-index: 2; margin-left: 0px; margin-right: 0px; } .out-1 .in-2 { margin-left: 10px; margin-right: 10px; } .out-1 .in-2 { margin-top:0px; } .out-2 .in-2 { margin-top:0px; } .out-2 .in-2 img { position: relative; left: -80%; width: 160%; height: auto; } .out-2 .in-2 .in-1 { display:none; } .out-2 .in-2 .in-1, .out-3 .in-2 .in-1, .out-4 .in-2 .in-1, .out-5 .in-2 .in-1, .out-6 .in-2 .in-1 { display:none; } .out-2 .in-3 .in-1, .out-3 .in-3 .in-1, .out-4 .in-3 .in-1, .out-5 .in-3 .in-1, .out-6 .in-3 .in-1 { display:block; } .out-2 .in-1 { position: relative; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); white-space: nowrap; display: block; left: 0px; top: 0px; left: 0px; top: 0%; } .out-3 .in-3 { position: relative; max-width: 500px; width:auto; margin-top: 20px; margin-left: 10px; margin-right: 10px; top:-0px; float:left; text-align:left; } .headstripmain { height: 60px; background:white; } .out-3, .out-4, .out-5, .out-6 { width: 100%; margin-left:0; } .out-3 { height: 0vh; } .out-3 .in-1 { position: relative; transform-origin: 0% -20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-0deg); white-space: nowrap; display: block; left: 0; bottom: 20%; } .out-3 .in-2 { margin-top:140px; } .out-4 .in-1 { position: relative; transform-origin: 0% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); white-space: nowrap; display: block; left: 0px; top: 0px; top: 0; } .out-4 .in-2 { margin-top:140px; } .out-4 .in-3 { position: relative; width:50%; max-width:500px; } .out-5 .in-2 img { position: relative; left: -20%; width: 90%; height: auto; opacity: 1; } .out-3 .in-2 img { position: relative; left: -70%; width: 150%; height: auto; } .out-5 .in-3 { position: relative; float: left; text-align: left; top: 0px; max-width: 500px; width: 50%; } .out-5 .in-1 { position: relative; transform-origin: 0% -20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); white-space: nowrap; display: block; left: 0; top: 0; } .out-5 .in-2 { margin-top:140px; } .out-6 .in-2 img { position: relative; left: -15%; bottom: 0; width: 80%; height: auto; } .out-6 .in-1 { position: relative; margin-top: 20px; margin-left: 0; } .out-6 .in-2 { margin-top:140px; } .out-6 .in-3 { margin-left: 0%; position: relative; max-width: 500px; width: 50%; margin-left: 10px; margin-right: 10px; } .out-7 { position: relative; width: 100%; margin-left: 0%; margin-top: 0px; } .out-7-a { margin-top: 0px; } .out-7 .in-1 { float:none; clear:both; top:0px; } .out-7-home .in-3 { bottom: 30px; margin-left: 0px; margin-right: 0px; } .arrow-out { display:none; } .out-7 .in-3 { display:none; } .out-7 .in-4 { margin-left: 0px; margin-right: 0px; } .out-7.home .in-2, .out-7 .in-2 { font-size: 1.5em; } .out-7 .in-2 { right: 20px; } .out-7-home { margin-top:120px; padding-top: 80px; padding-bottom: 100px; background: #f6f6f6; } .out-7-home .in-1 { position: relative; top: -40px; width: 100%; text-align: center; z-index: 2; margin-bottom:20px; } .out-7-home-a { margin-top: 120px; } .numberoni { font-size: 1.5em; } .out-8 { position:static; width: 100%; margin-top: 120px; float: left; } .out-9 { margin-top: 60px; width: 50%; float: left; } .out-9 .in-1 { position: relative; max-width: 500px; margin-left: 10px; margin-right: 10px; } .out-10 { margin-top: 60px; width: 100%; margin-left: 0%; position:static; } .out-10 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; } .out-10 .in-2, .out-11 .in-2 { margin-left: 10px; margin-right: 10px; font-size: 16px; left: 0; bottom: 0; height: auto; width: auto; position: relative; } .out-11 { margin-top: 110px; width: 100%; margin-left: 0%; position: relative; } .out-11 { margin-top: 60px; width: 100%; margin-left: 0%; position:static;; } .out-11 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; bottom: 0; } .out-12 { position:static; margin-top: 60px; margin-bottom:120px; width: 100%; } .out-14-out { background-color: white; width: 100%; margin-top:120px; max-height: 650px; padding-bottom: 80px; margin-bottom:60px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .form-close { max-height: 40px; overflow: hidden; padding-bottom: 40px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .out-14 { margin-top: 0px; } .out-14 .in-1-out .in-1 input { font-size: 1.2em; } .out-14 .in-1-out { position: relative; margin-left: 0%; width: auto; } .out-14 .in-1 { position: relative; top: -0px; } .out-15 { position: static; } .out-17 { position: static; } .out-19 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; max-width: 100%; margin-top: 120px; margin-bottom: 0px; } .out-19 { margin-top: 0px; width: 100%; float: left; margin-right: 0%; margin-bottom: 60px; } .out-20 { position:absolute; top: auto; bottom: 50px; width:100%; margin-top:30px; margin-bottom: 0px; margin-left: 0%; } .out-18 { margin-top: 0px; width: 100%; margin-bottom: 0px; float: right; margin-bottom: 0px; } .out-18-a { display:none; } .out-21 { position: relative; width: 100%; margin-left: 0%; } .out-21 .in-1 { margin-bottom: 0px; } .out-21 .in-3 { max-width: 500px; width:50%; } .out-22 { position: relative; width: 100%; margin-left: 0%; margin-top: 60px; } .out-22 .in-1 { position: relative; margin-bottom: 0px; padding-left: 0%; margin-left: 10px; margin-right: 10px; } .out-22 .in-2 { position: relative; width: auto; margin-left: 10px; margin-right: 10px; padding-top: 100%; margin-top: 0px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/3-impatia-made-in-italy-game-tables-1.jpg"); } .out-22 .in-3 { position: relative; width: auto; max-width:100%; margin-left: 10px; margin-right: 10px; left: 0%; margin-top: 20px; } .out-23 .in-1 { margin: 0; padding: 0; cursor: pointer; position: relative; white-space: nowrap; bottom: 0; right: 0; transform-origin: 100% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .out-23 { position: relative; width: 100%; margin-left: 0%; margin-top: 0px; } .out-23 .in-3 { position: relative; max-width: 100%; width: auto; margin-top: 0px; margin-left: 10px; margin-right: 10px; } .out-23 .in-3 h3 { text-align: left; color: #d0e0e9; margin-bottom: 0px; } .out-24 { position: relative; width: 100%; margin-left: 0%; float: right; margin-top: 60px; } .out-24 .in-1 { margin-left: 10px; margin-right: 10px; width: auto; float: none; } .out-24 .in-2 { position: relative; max-width: 100%; width: auto; margin-top: 20px; margin-left: 10px; margin-right: 10px; text-align: left; float: none; } .out-25 .in-1 { position: relative; margin-left: 10px; margin-right: 10px; width: auto; float: none; } .out-25 .in-2 { position: relative; max-width: 100%; width: auto; margin-left: 10px; margin-right: 10px; text-align: left; float: none; margin-top: 30px; } .out-25 h3 { color: #D0E0E9; text-align: left; } .out-25 { position: relative; width: 100%; margin-top: 60px; margin-bottom: 120px; } .out-26 { position: relative; width: 100%; margin-left: 0%; margin-top: 60px; margin-bottom: 110px; } .out-26 .in-3 { position: relative; margin-left: 10px; margin-right: 10px; margin-top: 30px; max-width: 100%; width: auto; } .out-27 { position: relative; width: 100%; margin-left: 0%; margin-top: 60px; margin-bottom: 120px; } .out-27 .in-3 { position: relative; max-width: 100%; width: auto; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .out-28 { position: relative; width: 100%; margin-left: 0%; margin-top: 140px; margin-bottom: 110px; display:none; } .out-28 .in-2 { position: relative; max-width: 100%; width: auto; margin-left: 10px; margin-right: 10px; margin-top: 30px; } .out-29 { position: relative; width: 100%; margin-left: 0%; } .out-29 .space-1 { margin-bottom: 40px; } .out-29 .in-2 { margin: 0; padding: 0; cursor: pointer; position: relative; white-space: nowrap; margin-bottom:30px; bottom: 0%; right: 0%; transform-origin: 100% 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .out-30 { position: relative; width: 100%; margin-left: auto; margin-right: auto; margin-top: 140px; margin-bottom: 110px; } .out-31 { } .out-31 .in-1 { margin-left: 10px; margin-right: 10px; margin-bottom:0; height: 100vh; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top:0; } .out-31 .in-1-filo { background-image: url("https://www.impatia.com/wp-content/uploads/2020/06/impatia_lungolinea.jpg"); } .out-31 .in-1-lungo { background-image: url("https://www.impatia.com/wp-content/uploads/2021/03/1-impatia-luxury-glass-game-table-collection-1.jpg"); } .out-31 .video-1 { padding-top: 0%; } .out-31 video { display:none; } .out-31 .in-2 { bottom:150px; margin-left: 0px; margin-right: 0px; } .out-31 .in-2-cop { bottom:-80px; margin-left: 0px; margin-right: 0px; } .out-32 { position: relative; width: 100%; margin-left: 0%; float: left; margin-top: 100px; } .out-32 .in-1 { position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; width: auto; } .out-33 { position: relative; width: 100%; margin-left: 0%; float: left; margin-top: 40px; font-size: 16px; font-weight: 300; } .out-33 .in-1 { margin-left: 10px; margin-top:0; margin-bottom:0; } .out-34 { position: relative; padding-top: 75%; padding-bottom: 75%; margin-top: 100px; margin-bottom: 100px; text-align: center; } .out-34 .in-1 { font-size: 22px; font-weight: 500; } .out-344 { position: relative; height:100vh; margin-top: 100px; text-align: center; background-attachment: scroll; } .out-344 .in-1 { font-size: 22px; font-weight: 500; } .out-36 { width: 50%; margin-bottom: 40px; float: left; } .out-38 { width: 100%; margin-top: 40px; float: left; } .out-38 .in-1 { padding-top:0; } .out-39 { width: 100%; margin-top: 120px; float: right; } .out-39 .in-1 { margin-left: 10px; margin-right: 10px; padding-top: 0px; } .out-399 { width: 100%; margin-top: 0px; margin-bottom: 0px; float: right; } .out-399 .in-1 { margin-left: 10px; margin-right: 10px; padding-top: 0px; } .out-40 { position: relative; width: 100%; } .out-43 { position: relative; width: 100%; margin-left: 0%; margin-top: 120px; float: left; } .out-43 .in-1 { padding-top: 0px; margin-left: 10px; margin-right:10px; } .out-45 { position: relative; margin-left: 0px; width: 100%; float: left; text-align: left; margin-bottom: 0px; } .out-47 { position: relative; padding-top:0%; padding-bottom:0%; width:100%; margin-top:120px; margin-bottom:120px; text-align:left; margin-left: 0%; } .out-47 .in-1 { margin-left:10px; margin-right:10px; } .out-49 { position: relative; padding-top: 75%; padding-bottom: 75%; margin-top: 100px; margin-bottom: 100px; text-align: center; } .out-49 .in-1 { font-size: 22px; font-weight: 500; } .sub { font-size:2em; } .azul-head { background-color: #8e9ba0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #nav-icon2 span.white { background: black; } .logo { top: 16px; left:10px; } .opa-1 { opacity:1; } .opa-0 { opacity:0; } .light-logo { } .lungolinea-h { background-size: 100%; } .filotto-h { background-size: 110%; } .unootto-h { background-size: 120%; } .tuttuno-h { background-size: 130%; } .tocco-h { background-size: 140%; } .fini-1, .fini-2, .fini-3, .fini-4, .fini-5 { display: block; } .reinve { color: black; font-size: 1.5em; animation: none; opacity: 1; } .classic { color: black; font-size: 2em; animation: none; opacity: 1; } .wp-block-cover__video-background { position: relative; top: 0%; left: 0%; margin-top:0px; transform: translateX(-0%) translateY(-0%); width: 100%; z-index: 0; } .out-home { margin-top: 0; overflow-x:hidden; } .out-15 { width: 100%; margin-left: 0%; margin-top:60px; margin-bottom:0px; } .out-16 { display:none; } .out-17 { margin-top: 0px; width: 100%; float: left; } .out-17 .in-1 { margin-left: 10px; margin-right: 10px; position: relative; max-width: 100%; margin-top: 120px; } .footer-1, .footer-2, .footer-3, .footer-4 { float: left; width: 100%; } .footer-4 ul { margin-left: 0px; } .footer-end { margin-top: 0px; } .footer-out { padding-bottom: 100px; padding-left: 10px; padding-right:10px; } .footer-end ul:nth-child(1) { float: left; width: 50%; } .footer-end ul li:nth-child(1) { margin-left: 0px; margin-right: 0px; } .footer-end ul:nth-child(2) { float: left; width: 50%; } .footer-end ul:nth-child(2) li { margin-left: 10px; } #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { right:10px; } .menu-in-left { margin-left: 0%; height: auto; min-height: 100px; margin-bottom: 0; width:100%; } .menu-in-right { width:100%; height: auto; min-height: 100px; margin-bottom: 0; } .menu-in-left ul, .menu-in-right ul { margin-bottom:30px; margin-top:0px; } .menu-in-left:nth-child(1) ul:nth-child(1) { margin-top: 80px; } .menu-in-left ul:nth-child(1) { margin-top: 0px; } .menu-in-right ul:nth-child(1) { margin-top:0px; } .menu-in-left-footer, .menu-in-right-footer { float: none; } .menu-in-right-footer { display:none; float: none; } .menu-in-left-footer { position: relative; margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 764px) { .copertine { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:100%; height:auto!important; background-position: 50% 50%; } .cop-tuttuno { background-position: 100% 50%; } .panzo { min-height: calc(100vh - 180px)!important; } .archive-header-inner, .section-inner { max-width: 800px; padding-left: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0px; text-align: left; } .in-3 { max-width: 100%; width: 100%; } .out-9 .in-1 { position: relative; max-width: 100%; } .out-9 { margin-top: 30px; width: 100%; float: left; } .out-21 .in-3 { max-width: 100%; width: auto; } .footer-1, .footer-2, .footer-3, .footer-4 { float: left; width: 100%; } .footer-end ul:nth-child(1) { float: left; width: 100%; } .footer-end ul:nth-child(2) { display:none; } } #breadcrumbs{ display: none; position: absolute; left: calc(50% - 75px); top: 18px; height: 50px; z-index: 4; } #breadcrumbs a { color: #8e9ba0; } .single-post .out-30, .single-post .out-30 .in-1{ margin-top: 70px !important; } @media screen and (max-width: 1024px) { .visto { opacity:1; height:100%; padding-top: 100px !important; -webkit-transition: height .5s ease-in-out!important; -moz-transition: height .5s ease-in-out!important; -o-transition: height .5s ease-in-out!important; transition: height .5s ease-in-out!important; } .vistone { opacity:1; height:auto; -webkit-transition: height .5s ease-in-out!important; -moz-transition: height .5s ease-in-out!important; -o-transition: height .5s ease-in-out!important; transition: height .5s ease-in-out!important; } .single-post #breadcrumbs{ display: none; } } @media screen and (max-width: 576px) { #breadcrumbs{ left: calc(50%); } } .single-post .pagination-single.section-inner{ display: none; } .color-accent{ color:black!important; } input { border:none; border-color: none; border-bottom: 1px solid white; border-radius: 0; background:none; color:white; } input:focus { border:none; border-bottom: 1px solid black; background:none; outline-offset:0; } input[type="submit" i] { border:none; background:none; padding: 0; margin-top: 10px; } input:hover[type="submit" i] { text-decoration:underline; } .mc4wp-form-fields p { padding: 0; margin:0; margin-top:5px; } :focus { outline:0; } textarea { background:none; border:none; width: 100%; height:100px; font-family: 'Raleway', sans-serif; font-size:16px; font-weight: normal; font-style: normal; padding:0; } textarea:focus { background:none; border:black; } .out-14 .in-1-out .in-1 input,.out-48 .in-1 input { border: none; border-color: none; border-bottom: black solid 1px; background: none; text-align: left; color: black; font-size: 14px; padding-top: 10px; width:100%; margin-right:0; padding-right:0; } .out-14 .in-1-out .in-1 input:hover, .out-48 .in-1 input:hover { font-weight:bold; border-bottom: black solid 1px; } .out-14 a:hover { color:black; text-decoration:underline; } .out-14 a { color:black; text-decoration:none; } .out-14 .in-1-out .in-1 input:focus, .out-48 .in-1 input:focus { border: none; border-color: none; border-bottom: black 1px solid; color:black; opacity:.5; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border-color: none; border-bottom: black 1px solid; -webkit-text-fill-color: black; -webkit-box-shadow: none; transition: background-color 5000s ease-in-out 0s; } div.wpcf7-mail-sent-ok { border: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: black; } .wpcf7 form.sent .wpcf7-response-output { border-color: black; width: 500px; text-align: center; } div.wpcf7-response-output { margin: 2em 0em 1em; padding: 0.2em 0; border: 2px solid #ff0000; } label { cursor: default; color: black; } ::-webkit-input-placeholder { /* WebKit browsers */ color: white !important; opacity: 1; font-family: 'Raleway', sans-serif; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white !important; opacity: 1; font-family: 'Raleway', sans-serif; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white !important; opacity: 1; font-family: 'Raleway', sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: white !important; opacity: 1; font-family: 'Raleway', sans-serif; } .menu-in-left input { font-size:16px; font-weight:300; } .out-14 .in-1-out .in-1 input[type="checkbox" i], .out-48 .in-1 input[type="checkbox" i] { background-color: initial; cursor: default; appearance: auto; box-sizing: border-box; margin: 3px 3px 3px 4px; padding: initial; border: initial; margin-top:30px; width:20px; } .out-14 ::-webkit-input-placeholder { /* WebKit browsers */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-14 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-14 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-14 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-48 ::-webkit-input-placeholder { /* WebKit browsers */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-48 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-48 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } .out-48 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #8e9ba0 !important; opacity: 1; font-family: 'Raleway', sans-serif; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 0; } .out-14 .in-1-out .in-1 input[type="submit" i], .out-48 .in-1 input[type="submit" i] { border: none; background: none; padding: 0; margin-top: 60px; font-size: 22px; font-weight:600; } select { font-family: 'Raleway', sans-serif; border-top: 0; border-left: 0; line-height: 26px; color: #8e9ba0 !important; border-bottom: 1px solid black; width: 100%; margin-top: 35px; border-right: 0; } option { height:30px; } .swiper-slide-active { opacity: 1 } .cky-btn-revisit-wrapper { display:none; } .buccia { background:none; } .nu-fondo-menu { position: fixed; height:0px; width:100%; padding-top:0px!important; left:0; top:0; overflow:hidden; -webkit-transition: height .5s ease-in-out!important; -moz-transition: height .5s ease-in-out!important; -o-transition: height .5s ease-in-out!important; transition: height .5s ease-in-out!important; } .nu-menu { opacity:1; height:0px; width:100%; left:0; top:0; overflow:hidden; -webkit-transition: height .5s ease-in-out!important; -moz-transition: height .5s ease-in-out!important; -o-transition: height .5s ease-in-out!important; transition: height .5s ease-in-out!important; } .visto, .vistone { opacity:1; height:630px; -webkit-transition: height .5s ease-in-out!important; -moz-transition: height .5s ease-in-out!important; -o-transition: height .5s ease-in-out!important; transition: height .5s ease-in-out!important; } .bottone-grigio > div > div a:hover { background-color:#2B434C!important; } .bottone-grigio > div > div a { background-color:#818181!important; }