/*SMARTPHONE & TABLET*/ @media only screen and (min-width: 0px) and (max-width: 1200px) { .desktop{display: none !important;} .mobile{display: block !important;} .titoletto{display: block} .description{display: block;} header .container-menu .wrapper .menu .inner .item-menu.item-menu-9.description{display: block !important;} header .transizione-clickCta{display: none} header{position: fixed; top:0; left:0; height: 60px; width: 100%; } header .container-logo{height: 60px;} header .container-logo .logo{width: 120px;left: 15px; -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);} header .container-logo .logo a{display: block} header .container-menu .wrapper{width: 100%;} header .container-menu .wrapper .menu{top: 5%;} header .container-menu .wrapper .menu .inner{position: relative;text-align: center; top: calc(50% + 78px);} header .container-menu .wrapper .menu .inner .item-menu.description p{font-size: 16px;} header .container-menu .wrapper .menu .inner .item-menu.description p.mobile{display: inline-block !important} header .container-menu .wrapper .menu .inner .item-menu.description.lingua a span.lingua-attuale{font-size: 16px;} header .container-menu .wrapper .menu .inner .item-menu-social.description{position: absolute; top: 115%;left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);} header .container-menu .wrapper .menu .inner .item-menu-social .social-menu .item{position: relative;} header .container-menu .wrapper .menu .inner .item-menu-social .social-menu .item.facebook{float:left; width: 22px;height: 22px;margin-right: 10px;} header .container-menu .wrapper .menu .inner .item-menu-social .social-menu .item.instagram{float:right; width: 20px;height: 20px;margin-left: 10px;} header .container-menu .wrapper .menu .inner .item-menu.titoletto .wrap-item-menu p.mobile{top:30px; opacity:0; position: relative} header aside.container-hamburger{height: 20px;width: 40px;right: 15px;top: 20px;} header aside.container-hamburger .content .hamburger{width: 40px;} header aside.container-hamburger .content .close-hamburger{width: 130%;right: 5px;} header aside.container-hamburger .content .close-hamburger .wrap-close-hamburger .titoletto p.mobile{position: relative;top:30; opacity:0;} header .container-close-hamburger{height: 60px;width: 20vw;} header .close-hamburger{height: 60px} header .close-hamburger .wrap-close-hamburger{right:30px; width:auto;left:auto;-webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%);} header .close-hamburger .wrap-close-hamburger .description p.mobile { opacity:0; position: relative;font-size: 40px; color: silver; font-weight: 100; opacity: 0.7; } .contactLogo { width: 100%; display: block; padding:25px; } .contactPage .contactSectionOne { width:100%; float: none; padding: 20px; } .contactPage .contactSectionTwo { width:100%; float: none; padding: 20px; } .contactPage .contactSectionThree { width:100%%; float: none; padding: 20px; } .contactTitle { width:100%; display: block; margin-bottom: 10px; } .contactBreadcrumb { width:100%; display: block; text-align:left; } .sliderPage .sliderSectionOne { width:100%; padding: 20px 0px; } header .container-menu .wrapper .menu .inner .item-menu.description.dmenuHeader{margin-top:40px;} header .container-menu .wrapper .menu .inner .item-menu.description p.mobile.menuHeader { color: #34b487; font-weight: 800; font-size: 25px; font-family: Open Sans; letter-spacing: 0px; } header .container-menu .wrapper .menu .inner .item-menu.description p.mobile.subHeader { font-size:12px; } .topRightMenu { margin-right:70px; top:45%; } .topRightMenu img { width:20px; } .home header aside.container-hamburger .content .hamburger { top:10px; } .sectionMenu .sectionMenuMenu ul li { float:left; padding: 3px; } .sectionMenu .sectionMenuMenu ul li a { font-size:12px; font-size: 12px; padding:2px; } .sectionMenu .sectionMenuText { font-size: 11px; } .sectionMenu .sectionMenuButton { font-size:12px; right: 110px; } .sectionMenu .sectionMenuLogo img { width:80px; } /* footer{background-color: #000 !important} footer .wrapper aside.left{left: 0;padding:0 15px;} footer .wrapper aside.right{right: 0;padding: 0 15px;} footer .wrapper aside.left .text-left p.uppercase{font-size: 9px;} footer .wrapper aside.right .text-right p.uppercase{font-size: 9px;} */ #footer { background-color:#fff; text-align: center; } #footer .footerLeftImage { max-width: 150px; } #footer .followus { width:100%; color: #fff; padding: 10px; font-size: 20px; font-weight: bold; } #footer .col { width: 100%; padding: 15px; display:block; height:auto; color:#666; font-weight:bold; font-size: 12px; } #footer .col .footerTitle { font-weight:bold; font-size:16px; text-align:center; margin-bottom: 10px; color:#555; } #footer .col .menu { list-style-type: none; padding-left: 0px; } #footer .col .menu a { color:#666; font-weight:bold; font-size: 14px; margin-right: 0px; } #footer .col li { margin-top:10px; display:block; } #footer .footerMenu { display:block; clear:both; } #footer .footerMenu .footerAddress .opening { background-image: none; } #footer .footerMenu .footerAddress .marketing { background-image: none; } #footer .footerMenu .footerAddress .mobileNum { background-image: none; } #footer .footerSocial { font-size:13px; } #footer .footerSocial .footerFb { width:13px; } #footer .footerSocial .footerInsta { width:13px; } #footer .footerOpening { padding-top: 15px; } #footer .no-hover a:hover { background: transparent; cursor: default; } #footer .menu .orangeMenu a { color:#f9550d; } #footer .menu .blueMenu a { color:#1378bc; } /*HOME PAGE*/ .home{ background-color: #121216} .home a.cover{display: block; width: 100%;height: 100%;} .home header aside.container-hamburger{top: 20px;} .home header .container-logo .logo{opacity: 0} .home header aside.container-hamburger .content .hamburger{width: 0} .home .description{visibility:hidden;} .home .page-index{padding-top: 60px;} .home .titolo h1{color:#fff; font-size: 30px;font-family: 'Playfair Display';} .home .sottotitolo h3{color:#a3947d; font-size: 12px; font-family: 'BrandonGrotesque-Regular';letter-spacing: 0.2em} .home .description p{color:#fff; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;} .home .sectionOne .text-title{width:100%;} .home .sectionOne .text-title .container-text h2.uppercase{position:relative;letter-spacing: 0.2em; font-size: 17px;} .home .sectionOne .text-title .container-text h2.mobile.top{margin-bottom: 10px; } .home .sectionOne .text-title .container-text h2.mobile.sm-item{opacity: 0;top: 30px; } .home .sectionOne .container-foto.container-foto-main{width: 100vw; height: 100vw;margin: 0;} .home .sectionOne .container-foto.container-foto-main .foto{position: absolute;width: 0%;} .home .sectionOne .container-foto.container-foto-main .foto .img{position: absolute; right: 0px; width: 100vw;height: 100vw;} .home .dividerOne .text{width: 100vw; padding: 60px; text-align: center;} .home .dividerOne .text p.lettering{letter-spacing: 0.2em; font-size: 12px;text-transform: uppercase} .home .sectionTwo{height:auto; padding-bottom: 110px;padding-top: 5vw;} .home .sectionTwo .sfondo-nero{display: none} .home .sectionTwo .container-foto.container-foto-big{left: 0; top:0; width: 100vw; height: 100vw;margin-top: -35vw;} .home .sectionTwo .container-foto.container-foto-big .foto{position: relative;} .home .sectionTwo .container-foto.container-foto-big .foto .img{position: relative; width: 100vw; height: 100vw; right: 0} .home .sectionTwo .panel-top-mobile{position:relative; width: 70vw; height:70vw; margin: 0 auto;z-index: 3} .home .sectionTwo .border-mobile{position: absolute; width: 80vw;height: 50vw;left: 50%;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionTwo .border-mobile span{position: absolute; background-color: #fff;} .home .sectionTwo .border-mobile span.verticale{height: 0%; width: 1px;} .home .sectionTwo .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionTwo .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionTwo .border-mobile span.orizzontale{width: 0%; height: 1px;} .home .sectionTwo .border-mobile span.orizzontale.top{left: 0; top:0;} .home .sectionTwo .panel-top-mobile .sfondo{position: absolute; width:100%;left:50%; height:100%; bottom: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionTwo .panel-top-mobile .sfondo .wrap-sfondo{position: absolute; height: 100%;left:0;top: 0;width: 0%;background-color: #161e2b;} .home .sectionTwo .panel-top-mobile .text-box-mobile{position: relative; text-align:center; top:calc(50% + 7px); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .home .sectionTwo .panel-top-mobile .text-box-mobile .titolo{margin-bottom: 15px;} .home .sectionTwo .panel-top-mobile .text-box-mobile .titolo h1{position: relative; top:30px; opacity:0;} .home .sectionTwo .panel-top-mobile .text-box-mobile .sottotitolo{} .home .sectionTwo .panel-top-mobile .text-box-mobile .sottotitolo h3{position: relative; top:30px; opacity:0;} .home .sectionTwo .panel-bottom-mobile{position: relative; width: 85vw; margin: -5vw auto 0 auto;padding-bottom: 30px; } .home .sectionTwo .panel-bottom-mobile .sfondo{position: absolute; left: 0;top: 0; width: 100%; height: 100%; } .home .sectionTwo .panel-bottom-mobile .sfondo .wrap-sfondo{position: absolute;; left: 0;top: 0;width: 0%;height: 100%;background-color: #8c0d22} .home .sectionTwo .panel-bottom-mobile .border-mobile{position: absolute; width:100%;height: 100%;left: 0;top: 0;} .home .sectionTwo .panel-bottom-mobile .border-mobile span{position: absolute; background-color: #A3947D} .home .sectionTwo .panel-bottom-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .home .sectionTwo .panel-bottom-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionTwo .panel-bottom-mobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionTwo .panel-bottom-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .home .sectionTwo .panel-bottom-mobile .border-mobile span.orizzontale.bottom{left: 0; bottom:0;} .home .sectionTwo .panel-bottom-mobile .text-box-mobile{position: relative; text-align:center; padding: 60px 50px 30px} .home .sectionTwo .panel-bottom-mobile .text-box-mobile .description p.lettering span{position:relative;top: 15px;opacity:0; display: inline-block;} .home .sectionTwo .panel-bottom-mobile .container-cta-mobile{position: absolute; opacity: 0;width: 50px;height: 50px;margin: 0 auto; top:calc(100% - 25px);left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);} .home .sectionThree{padding: calc(110px + 5vw) 0 110px 0; height: auto} .home .sectionThree .divider-mobile{position: absolute; top:-50px; width: 1px;height:100px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionThree .divider-mobile span{position: absolute; top:0; left: 0; width: 100%; height: 0%; background-color: #fff;} .home .sectionThree .wrapper{position: relative; right: 0;top: 0;} .home .sectionThree .wrapper .container-foto.container-foto-big{position: relative; width: 100vw;height: auto; margin-top: -35vw;} .home .sectionThree .wrapper .container-foto.container-foto-big .foto{position:relative; width: 0%; top: 0;} .home .sectionThree .wrapper .container-foto.container-foto-big .foto .img{position: relative; width: 100vw; left: 0;height: auto;} .home .sectionThree .panel-top-mobile{position:relative; width: 70vw; height:70vw;margin: 0 auto; z-index: 3} .home .sectionThree .border-mobile{position: absolute; width: 80vw;height: 50vw;left: 50%;top: 110px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionThree .border-mobile span{position: absolute; background-color: #fff} .home .sectionThree .border-mobile span.verticale{height: 0%; width: 1px;} .home .sectionThree .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionThree .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionThree .border-mobile span.orizzontale{width: 0%; height: 1px;} .home .sectionThree .border-mobile span.orizzontale.top{left: 0; top:0;} .home .sectionThree .panel-top-mobile .sfondo{position: absolute;width:100%; left:50%;height:100%; bottom: 0; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionThree .panel-top-mobile .sfondo .wrap-sfondo{position: absolute;left: 0;top: 0;height: 100%;width: 0%;background-color: #121216;} .home .sectionThree .panel-top-mobile .text-box-mobile{position: relative; text-align:center;top:calc(50% + 7px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .home .sectionThree .panel-top-mobile .text-box-mobile .titolo{margin-bottom: 15px;} .home .sectionThree .panel-top-mobile .text-box-mobile .titolo h1{position: relative;top:30px; opacity:0;} .home .sectionThree .panel-top-mobile .text-box-mobile .sottotitolo h3{position: relative;top: 30px;opacity: 0;} .home .sectionThree .panel-bottom-mobile{position: relative; width: 85vw; margin: 0 auto; padding-bottom: 30px; margin-top: -5vw;} .home .sectionThree .panel-bottom-mobile .sfondo{position: absolute;width:100%; left:50%;height:100%; bottom: 0; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionThree .panel-bottom-mobile .sfondo .wrap-sfondo{position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #161e2b;} .home .sectionThree .panel-bottom-mobile .border-mobile{position: absolute; width:100%;height: 100%;left: 0;top: 0;} .home .sectionThree .panel-bottom-mobile .border-mobile span{position: absolute; background-color: #fff} .home .sectionThree .panel-bottom-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .home .sectionThree .panel-bottom-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionThree .panel-bottom-mobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionThree .panel-bottom-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .home .sectionThree .panel-bottom-mobile .border-mobile span.orizzontale.bottom{left: 0; bottom:0;} .home .sectionThree .panel-bottom-mobile .text-box-mobile{position: relative; text-align:center; padding: 60px 50px 30px} .home .sectionThree .panel-bottom-mobile .text-box-mobile .description p.lettering span{position: relative;top: 15px;opacity: 0;} .home .sectionThree .panel-bottom-mobile .container-cta-mobile{position: absolute; opacity: 0;width: 50px;height: 50px; top:calc(100% - 25px);margin: 0 auto; left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionFour{height:auto;padding:90px 0 110px 0;} .home .sectionFour .divider-mobile{position: absolute; top:-50px; width: 1px;height:100px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionFour .divider-mobile span{position: absolute; top:0; left: 0; width: 100%; height: 0%; background-color: #fff;} .home .sectionFour .text-title{position: relative; top:0; left: 0; padding-bottom:60px;width: 100%;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);} .home .sectionFour .text-title .container-text .video-campaign h2.lettering{font-size: 30px;} .home .sectionFour .text-title .container-text .video-campaign h2.lettering span{-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .home .sectionFour .text-title .container-text .youtube{margin-top: 5px;} .home .sectionFour .text-title .container-text .youtube p.uppercase{font-size: 12px; font-weight: normal; letter-spacing: 0.2em; font-family: 'BrandonGrotesque-Regular';} .home .sectionFour .text-title .container-text .youtube p.uppercase span{-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg); transform: rotateZ(0deg);} .home .sectionFour .wrapper{position: relative; left: 0;top: 0;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);} .home .sectionFour .wrapper .container-foto{width: 100vw;height: auto;} .home .sectionFour .wrapper .container-foto .foto{position: relative; width: 0%;; top: 0;left: 0;} .home .sectionFour .wrapper .container-foto .foto .img{position: relative; width: 100vw;height: auto; left: 0;} .home .sectionFour .panel-bottom-mobile{position: relative; width: 100%;} .home .sectionFour .panel-bottom-mobile .description{position: relative; padding: 60px 30px 30px; text-align: center; } .home .sectionFour .panel-bottom-mobile .description p.lettering span{position: relative;top: 15px;opacity: 0;display: inline-block;} .home .sectionFour .panel-bottom-mobile .container-cta-mobile{position: relative;opacity: 0; width: 50px;height: 50px;margin: 0 auto;} .home .sectionFiveMobile {position: relative; left: 0;top: 0; background-color: #a3947d; padding: calc(110px + 5vw) 0 110px 0;} .home .sectionFiveMobile .divider-mobile{position: absolute; top:-50px; width: 1px;height:100px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionFiveMobile .divider-mobile span{position: absolute; top:0; left: 0; width: 100%; height: 0%; background-color: #fff;} .home .sectionFiveMobile .border-mobile{position: absolute; width: 80vw;height: 50vw;left: 50%;top: 110px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionFiveMobile .border-mobile span{position: absolute; background-color: #fff} .home .sectionFiveMobile .border-mobile span.verticale{height: 0%; width: 1px;} .home .sectionFiveMobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionFiveMobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionFiveMobile .border-mobile span.orizzontale{width: 0%; height: 1px;} .home .sectionFiveMobile .border-mobile span.orizzontale.top{left: 0; top:0;} .home .sectionFiveMobile .panel-top-mobile{position: relative; width: 70vw; height: 70vw; margin:0 auto; z-index: 3} .home .sectionFiveMobile .panel-top-mobile .border-mobile{position: absolute; width: 100%;height: 100%;top: 0;} .home .sectionFiveMobile .panel-top-mobile .border-mobile span{position: absolute; background-color: #a3947d} .home .sectionFiveMobile .panel-top-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .home .sectionFiveMobile .panel-top-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionFiveMobile .panel-top-mobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionFiveMobile .panel-top-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .home .sectionFiveMobile .panel-top-mobile .border-mobile span.orizzontale.top{left: 0; top:0;} .home .sectionFiveMobile .panel-top-mobile .sfondo{position: absolute; width:100%;left: 50%; height:100%; bottom: 0; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);} .home .sectionFiveMobile .panel-top-mobile .sfondo .wrap-sfondo{position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #8c0d22;} .home .sectionFiveMobile .panel-top-mobile .text-box-mobile{position: relative; text-align:center; top:calc(50% + 7px); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .home .sectionFiveMobile .panel-top-mobile .text-box-mobile .titolo{margin-bottom: 15px;} .home .sectionFiveMobile .panel-top-mobile .text-box-mobile .titolo h1{position: relative;top: 30px;opacity: 0;} .home .sectionFiveMobile .panel-top-mobile .text-box-mobile .sottotitolo h3{position: relative;top: 30px;opacity: 0;} .home .sectionFiveMobile .container-foto.container-foto-left{position: relative;left: 0;top: 0;width: 100vw;height: auto; margin-top: -35vw;} .home .sectionFiveMobile .container-foto.container-foto-left .foto{position: relative; width: 0%; height: 100%;overflow: hidden;} .home .sectionFiveMobile .container-foto.container-foto-left .foto .img{position: relative;left: 0;width: 100vw;height: auto;} .home .sectionFiveMobile .container-foto.container-foto-left .container-cta-mobile{position: absolute; opacity: 0;bottom:-25px; width: 50px;height: 50px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionFiveMobile .panel-bottom-mobile{position: relative; width:calc(100% - 90px); height: 30px; margin: 0 auto;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile{position: absolute; width:100%;height: 100%;left: 0;top: 0;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span{position: absolute; background-color: #a3947d} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .home .sectionFiveMobile .panel-bottom-mobile .border-mobile span.orizzontale.bottom{left: 0; bottom:0;} .home .sectionSixMobile {position: relative; left: 0;top: 0; background-color: #121216; padding: calc(110px + 5vw) 0 60px 0;} .home .sectionSixMobile .divider-mobile{position: absolute; top:-50px; width: 1px;height:100px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionSixMobile .divider-mobile span{position: absolute; top:0; left: 0; width: 100%; height: 0%; background-color: #fff;} .home .sectionSixMobile .border-mobile{position: absolute; width: 80vw;height: 50vw;top: 110px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionSixMobile .border-mobile span{position: absolute; background-color: #fff} .home .sectionSixMobile .border-mobile span.verticale{height: 0%; width: 1px;} .home .sectionSixMobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionSixMobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionSixMobile .border-mobile span.orizzontale{width: 0%; height: 1px;} .home .sectionSixMobile .border-mobile span.orizzontale.top{left: 0; top:0;} .home .sectionSixMobile .panel-top-mobile{position: relative; width: 70vw; height: 70vw; margin:0 auto; z-index: 3} .home .sectionSixMobile .panel-top-mobile .sfondo{position: absolute;left: 50%; width:100%; height:100%; bottom: 0; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .home .sectionSixMobile .panel-top-mobile .sfondo .wrap-sfondo{position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #8c0d22;} .home .sectionSixMobile .panel-top-mobile .text-box-mobile{position: relative; text-align:center;top:calc(50% + 7px); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .home .sectionSixMobile .panel-top-mobile .text-box-mobile .titolo{margin-bottom: 15px;} .home .sectionSixMobile .panel-top-mobile .text-box-mobile .titolo h1{position: relative;top: 30px;opacity: 0;} .home .sectionSixMobile .panel-top-mobile .text-box-mobile .sottotitolo h3{position: relative;top: 30px;opacity: 0;} .home .sectionSixMobile .container-foto.container-foto-left{position: relative;left: 0;top: 0;width: 100vw;height: auto; margin-top: -35vw;} .home .sectionSixMobile .container-foto.container-foto-left .foto{position: relative; width: 0%; height: 100%; overflow:hidden;} .home .sectionSixMobile .container-foto.container-foto-left .foto .img{position: relative;left: 0;width: 100vw;height: auto;} .home .sectionSixMobile .container-foto.container-foto-left .container-cta-mobile{position: absolute; opacity: 0;bottom:-25px; width: 50px;height: 50px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .home .sectionSixMobile .panel-bottom-mobile{position: relative; width:calc(100% - 90px); height: 30px; margin: 0 auto;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile{position: absolute; width:100%;height: 100%;left: 0;top: 0;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span{position: absolute; background-color: #a3947d} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span.verticale.right{right: 0; top:0;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .home .sectionSixMobile .panel-bottom-mobile .border-mobile span.orizzontale.bottom{left: 0; bottom:0;} .home .sezioneFollowUsMobile{position: relative; padding-bottom: 60px;} .home .sezioneFollowUsMobile .hashtag-mobile{position: relative; padding:15px 0; text-align:center;width: 100%} .home .sezioneFollowUsMobile .hashtag-mobile p{color:#fff; font-size: 15px; position: relative;top: 15px;opacity: 0;} .home .sezioneFollowUsMobile .hashtag-mobile p a{color:#fff; font-size: 15px;} .home .sezioneFollowUsMobile .barretta{position: relative; height: 100px; width: 1px; left:50%; -webkit-transform: translateX(50%);-ms-transform: translateX(50%); -o-transform: translateX(50%);transform: translateX(50%);} .home .sezioneFollowUsMobile .barretta span{position: absolute; top:0; left:0; width: 100%; height: 0%; background-color: #fff} .home .sezioneFollowUsMobile .text-followUs{position:relative; text-align:center;padding:30px 0 5px 0;} .home .sezioneFollowUsMobile .text-followUs h3{color:#fff; font-size: 12px;} .home .sezioneFollowUsMobile .social-home-mobile{} .home .sezioneFollowUsMobile .social-home-mobile article{float:left; width: 50%;} .home .sezioneFollowUsMobile .social-home-mobile article a{color:#fff; font-family: 'BrandonGrotesque-Medium'; font-size: 14px; letter-spacing: 0.1em} .home .sezioneFollowUsMobile .social-home-mobile article.facebook{position: relative;padding-right: 15px;text-align: right;top: 30px;opacity: 0;} .home .sezioneFollowUsMobile .social-home-mobile article.instagram{position: relative;padding-left: 15px;top: 30px;opacity: 0;} /*SOCIAL WALL*/ .pagina-socialWall{padding-top: 60px; background-color: #8c0d22} .page-id-132 footer{background-color: #000} .pagina-socialWall .titolo.mobile{text-align: center; padding: 15px 0 30px 0; background-color: #121216; width: 100%} .pagina-socialWall .titolo.mobile h1{color:#a3947d;} .pagina-socialWall .sottotitolo.mobile{padding: 15px} .pagina-socialWall .sottotitolo.mobile h3{color:#fff;font-family: 'BrandonGrotesque-Medium'; font-size: 11px;letter-spacing: 0.2em} .pagina-socialWall .border-mobile{position: absolute; width: 100%;height: 100%;left: 0;top: 0;} .pagina-socialWall .border-mobile span{position: absolute; background-color: #fff} .pagina-socialWall .border-mobile span.verticale{height: 100%; width: 1px;} .pagina-socialWall .border-mobile span.verticale.left{left: 0; bottom:0;} .pagina-socialWall .border-mobile span.verticale.right{right: 0; top:0;} .pagina-socialWall .border-mobile span.orizzontale{width: 100%; height: 1px;} .pagina-socialWall .border-mobile span.orizzontale.top{left: 0; top:0;} .pagina-socialWall .border-mobile span.orizzontale.bottom{right: 0; bottom: 0;} .pagina-socialWall section{height: auto !important; background-color: #8c0d22 !important;} .pagina-socialWall section .border{display: none !important;} .pagina-socialWall section .panel{height:auto !important;} .pagina-socialWall section .sfondo-section{display: none !important;} .pagina-socialWall section .sfondo-panel{display: none !important;} .pagina-socialWall section .container-cta{display:none !important;} .pagina-socialWall section .text-box{width:100vw !important; height:auto !important; top:50% !important; left:0 !important; padding: 15px 15px 60px 30px !important;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .pagina-socialWall section .panel .text-box{opacity:0;-webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;} .pagina-socialWall section .panel.ombra-attiva .text-box{opacity:1;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;} .pagina-socialWall section .text-box .container-text .content{position:relative !important; width: 100% !important; bottom: auto !important; padding: 0vw !important; text-align: left !important;} .pagina-socialWall section#section-12 .text-box{padding-bottom: 15px !important;} .pagina-socialWall section .panel{position:relative !important; top:0 !important; left: 0 !important;width: 100vw !important;height: auto !important; -webkit-transform: translateY(0) !important;-ms-transform: translateY(0) !important;-o-transform: translateY(0) !important; transform: translateY(0) !important;} .pagina-socialWall section .panel .shadow-mobile{position: absolute; top:0; left:0; width:100%; height: 100%;background-color: #000; opacity:0;-webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;} .pagina-socialWall section .panel.ombra-attiva .shadow-mobile{opacity:0.8;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;} .pagina-socialWall section .panel .linkInstagram{position: absolute; bottom:30px; left:30px; width: 28px; height: 28px; opacity:0;-webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;} .pagina-socialWall section .panel.ombra-attiva .linkInstagram{opacity:1;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;} .pagina-socialWall section .panel .linkInstagram .schermoInstagram{position: absolute; top:0;left: 0;width: 100%;height: 100%;} .pagina-socialWall section .panel.ombra-attiva .linkInstagram .schermoInstagram{display: none} .pagina-socialWall section .panel .container-cta-mobile{position: relative;position: absolute; bottom:30px; right:30px; width: 50px; height: 50px; opacity:0;-webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;} .pagina-socialWall section .panel.ombra-attiva .container-cta-mobile{opacity:0 !important;-webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;} .pagina-socialWall section .panel .container-foto{position: relative !important; width: 100vw !important; height: 100vw !important; right:0 !important; top:0 !important; left:0 !important;} .pagina-socialWall section .panel .container-foto .foto{width: 100% !important; top:50px; opacity:0;} .pagina-socialWall section .panel .container-foto .foto .img{position: relative !important; width: 100vw !important;height: 100vw !important;right: 0 !important; left: auto !important;} .pagina-socialWall #section-2 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-2 .panel-right .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-4 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-4 .panel-right .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-6 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-6 .panel-right .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-8 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-8 .panel-right .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-10 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-10 .panel-right .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-12 .panel-left .text-box .container-text .content .titoletto h3.lettering, .pagina-socialWall #section-12 .panel-right .text-box .container-text .content .titoletto h3.lettering{color:#121216;} .pagina-socialWall #section-2 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-2 .panel-right .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-4 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-4 .panel-right .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-6 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-6 .panel-right .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-8 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-8 .panel-right .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-10 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-10 .panel-right .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-12 .panel-left .text-box .container-text .content .description p.lettering, .pagina-socialWall #section-12 .panel-right .text-box .container-text .content .description p.lettering{color:#fff;} .pagina-socialWall #section-2 .border-mobile span, .pagina-socialWall #section-4 .border-mobile span, .pagina-socialWall #section-6 .border-mobile span, .pagina-socialWall #section-8 .border-mobile span, .pagina-socialWall #section-10 .border-mobile span, .pagina-socialWall #section-12 .border-mobile span{background-color:#121216;} .pagina-socialWall #section-1 .panel-left .container-foto .foto, .pagina-socialWall #section-1 .panel-right .container-foto .foto, .pagina-socialWall #section-2 .panel-left .container-foto .foto, .pagina-socialWall #section-2 .panel-right .container-foto .foto, .pagina-socialWall #section-3 .panel-left .container-foto .foto, .pagina-socialWall #section-3 .panel-right .container-foto .foto, .pagina-socialWall #section-4 .panel-left .container-foto .foto, .pagina-socialWall #section-4 .panel-right .container-foto .foto, .pagina-socialWall #section-5 .panel-left .container-foto .foto, .pagina-socialWall #section-5 .panel-right .container-foto .foto, .pagina-socialWall #section-6 .panel-left .container-foto .foto, .pagina-socialWall #section-6 .panel-right .container-foto .foto, .pagina-socialWall #section-7 .panel-left .container-foto .foto, .pagina-socialWall #section-7 .panel-right .container-foto .foto, .pagina-socialWall #section-8 .panel-left .container-foto .foto, .pagina-socialWall #section-8 .panel-right .container-foto .foto, .pagina-socialWall #section-9 .panel-left .container-foto .foto, .pagina-socialWall #section-9 .panel-right .container-foto .foto, .pagina-socialWall #section-10 .panel-left .container-foto .foto, .pagina-socialWall #section-10 .panel-right .container-foto .foto, .pagina-socialWall #section-11 .panel-left .container-foto .foto, .pagina-socialWall #section-11 .panel-right .container-foto .foto, .pagina-socialWall #section-12 .panel-left .container-foto .foto, .pagina-socialWall #section-12 .panel-right .container-foto .foto{top:50px;} /*WOMEN COLLECTION MOBILE*/ .page-id-116 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-116 .pagina-mensCollection .img{line-height: 0;} .page-id-116 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-116 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding-top:50px;background-color: #fff} .page-id-116 .pagina-mensCollection .sectionOne .titolo h1{position:relative;color:#8c0d22;font-family: 'Playfair Display';font-size: 36px; letter-spacing: 0; top:30px; opacity:0;} .page-id-116 .pagina-mensCollection .sectionOne .sottotitolo{position: relative; text-align: center; margin-top: 15px;background-color: #fff} .page-id-116 .pagina-mensCollection .sectionOne .sottotitolo p{position:relative;color:#a3947d;font-size: 11px; letter-spacing: 0.2em; top:30px; opacity:0;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile{position:relative;padding-bottom: 60px;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item{position:relative;width: 100vw;top:60px; opacity:0;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .container-foto{position:relative; width: 100vw; } .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .container-foto .foto-big{position: relative;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding: 1vw 0} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .container-foto .codice p{font-size: 11px;color:#a3947d; letter-spacing: 0.2em} /*.page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .container-foto .foto-small{position: absolute; width: 100vw; height: 100vw; bottom:0; }*/ /*.page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .container-foto .container-cta-mobile{position: absolute; right:30px; bottom:30px; width:50px; height: 50px;}*/ /*.page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .container-foto .container-cta-mobile .cta{position: relative; width:100%; height: 100%;}*/ /*MEN COLLECTION MOBILE*/ .page-id-8 .pagina-mensCollection{position: relative; padding-top:60px;} .page-id-8 .pagina-mensCollection .collection-men-mobile{position:relative; width: 100%;height: 100%;} /*.page-id-8 .pagina-mensCollection .collection-men-mobile .titolo{text-align: center; padding:30px 0;}*/ /*.page-id-8 .pagina-mensCollection .collection-men-mobile .titolo h1{color:#fff;}*/ .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-men{position: relative; width: 100vw;height: calc(100vw / 1.283); } .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-men .sfondo{position: absolute; width: 100%;height: 100%;top: 0;left: 0;} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-classico .sfondo{background-color: #000} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-deluxe .sfondo{background-color: #000} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-sneakers .sfondo{background-color: #000} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-men .container-cta-mobile{position: relative;opacity:0;left: 50%;width: 50px;height: 50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .page-id-8 .pagina-mensCollection .collection-men-mobile .container-foto{position: absolute; top:0px; left:0; width: 100vw; height: calc(100vw / 1.283)} .page-id-8 .pagina-mensCollection .collection-men-mobile .container-foto .foto{position: absolute;left: 0;top: 0; height: 100%;width: 0%; overflow: hidden;} .page-id-8 .pagina-mensCollection .collection-men-mobile .container-foto .foto .img{position: absolute; width: 100vw;height: calc(100vw / 1.283);} .page-id-8 .pagina-mensCollection .collection-men-mobile .text{position: absolute; width: 100vw; text-align: center; top: 60%;opacity:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .titolo{margin-bottom: 20px; padding: 0 30px;} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .titolo h1{color: #fff;font-family: 'Playfair Display';font-size: 36px;letter-spacing: 0} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .sottotitolo{margin-bottom: 40px;} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .sottotitolo h3{color: #fff;font-family: 'BrandonGrotesque-Regular';font-size: 11px; letter-spacing: 0.2em } /* .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-sneakers.lista-men{ height: calc(100vw / 1.7111)} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-sneakers .container-foto{position: absolute; top:0; left:0; width: 100vw; height: calc(100vw / 1.7111)} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-sneakers .container-foto .foto{position: absolute;left: 0;top: 0; height: 100%;width: 100%;} .page-id-8 .pagina-mensCollection .collection-men-mobile .lista-sneakers .container-foto .foto .img{position: absolute; width: 100vw;height: calc(100vw / 1.7111);}*/ /*MEN CLASSICO CONTEMPORANEO*/ /* .page-id-430 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-430 .pagina-mensCollection .img{line-height: 0;} .page-id-430 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-430 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding:50px 0;background-color: #fff} .page-id-430 .pagina-mensCollection .sectionOne .titolo h1{color:#a3947d;font-family: 'Playfair Display';font-size: 36px;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;height: 100%;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{top:50px; opacity:0;position:relative; width: 100vw; padding:15px;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding:0 0 5vw 0}*/ .page-id-430 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-430 .pagina-mensCollection .img{line-height: 0;} .page-id-430 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-430 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding-top:50px;background-color: #fff} .page-id-430 .pagina-mensCollection .sectionOne .titolo h1{position:relative;color:#8c0d22;font-family: 'Playfair Display';font-size: 36px; letter-spacing: 0; top:30px; opacity:0;} .page-id-430 .pagina-mensCollection .sectionOne .sottotitolo{position: relative; text-align: center; margin-top: 15px;background-color: #fff} .page-id-430 .pagina-mensCollection .sectionOne .sottotitolo p{position:relative;color:#a3947d;font-size: 11px; letter-spacing: 0.2em; top:30px; opacity:0;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;padding-bottom: 60px;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;top:60px; opacity:0;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{position:relative; width: 100vw; } .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding-top: 1vw 0} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p{font-size: 11px;color:#a3947d; letter-spacing: 0.2em} /*MEN DELUXE*/ /* .page-id-432 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-432 .pagina-mensCollection .img{line-height: 0;} .page-id-432 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-432 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding:50px 0;background-color: #fff} .page-id-432 .pagina-mensCollection .sectionOne .titolo h1{color:#a3947d;font-family: 'Playfair Display';font-size: 36px;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;height: 100%;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{top:50px; opacity:0;position:relative; width: 100vw; padding:15px;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding:0 0 5vw 0} */ .page-id-432 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-432 .pagina-mensCollection .img{line-height: 0;} .page-id-432 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-432 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding-top:50px;background-color: #fff} .page-id-432 .pagina-mensCollection .sectionOne .titolo h1{position:relative;color:#8c0d22;font-family: 'Playfair Display';font-size: 36px; letter-spacing: 0;opacity:0; top:30px;} .page-id-432 .pagina-mensCollection .sectionOne .sottotitolo{position: relative; text-align: center; margin-top: 15px;background-color: #fff} .page-id-432 .pagina-mensCollection .sectionOne .sottotitolo p{position:relative;color:#a3947d;font-size: 11px; letter-spacing: 0.2em;opacity:0; top:30px;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;padding-bottom: 60px;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;top:60px; opacity:0;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{position:relative; width: 100vw; } .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding-top: 1vw 0} .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p{font-size: 11px;color:#a3947d; letter-spacing: 0.2em} /*MEN SNEAKERS*/ /* .page-id-434 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-434 .pagina-mensCollection .img{line-height: 0;} .page-id-434 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-434 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding:50px 0;background-color: #fff} .page-id-434 .pagina-mensCollection .sectionOne .titolo h1{color:#a3947d;font-family: 'Playfair Display';font-size: 36px;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;height: 100%;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{top:50px; opacity:0;position:relative; width: 100vw; padding:15px;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding:0 0 5vw 0}*/ .page-id-434 .pagina-mensCollection{padding-top: 60px;background-color: #fff;} .page-id-434 .pagina-mensCollection .img{line-height: 0;} .page-id-434 .pagina-mensCollection .sectionOne{height: auto; background-color: #fff} .page-id-434 .pagina-mensCollection .sectionOne .titolo{position: relative; text-align: center; padding-top:50px;background-color: #fff} .page-id-434 .pagina-mensCollection .sectionOne .titolo h1{position:relative;color:#8c0d22;font-family: 'Playfair Display';font-size: 36px; letter-spacing: 0;opacity:0; top:30px;} .page-id-434 .pagina-mensCollection .sectionOne .sottotitolo{position: relative; text-align: center; margin-top: 15px;background-color: #fff} .page-id-434 .pagina-mensCollection .sectionOne .sottotitolo p{position:relative;color:#a3947d;font-size: 11px; letter-spacing: 0.2em;opacity:0; top:30px;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile{position:relative;padding-bottom: 60px;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item{position:relative;width: 100vw;top:60px; opacity:0;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .sfondo{position: absolute; top: 0;left: 0;height: 100%;width: 100%;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto{position:relative; width: 100vw; } .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .foto-big{position: relative;} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice{text-align: center; background-color: #fff; padding-top: 1vw 0} .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p{font-size: 11px;color:#a3947d; letter-spacing: 0.2em} /*CONTATTI*/ .page-id-6{background-color: #121216;} .pagina-contatti{position: relative;padding-top: 60px;} .page-id-6 .description{visibility: hidden;} .pagina-contatti .border span{border: 1px solid #fff;} .pagina-contatti .schermoInteroContattiMobile{position: fixed; top:0; left:0; width: 100%; height: 110vh; z-index: 201; display: none;} .pagina-contatti .sectionOne{height: auto; position: relative;} .pagina-contatti .sectionOne .titolo-mobile{position: relative; text-align:center; padding: 30px 0} .pagina-contatti .sectionOne .titolo-mobile h1{color:#fff; font-size: 26px;letter-spacing: 0.2em} .pagina-contatti .sectionOne .panel-top-mobile{position: relative; width: calc(100% - 30px); margin:0 auto;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile{position: absolute; width: 100%;height: 100%;top: 0;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span{position: absolute; background-color: #a3947d} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span.verticale{height: 100%; width: 1px;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span.verticale.left{left: 0; bottom:0;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span.verticale.right{right: 0; top:0;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span.orizzontale{width: 100%; height: 1px;} .pagina-contatti .sectionOne .panel-top-mobile .border-mobile span.orizzontale.top{left: 0; top:0;} .pagina-contatti .sectionOne .panel-top-mobile .sfondo{position: absolute;margin:0px 15px; width:calc(100% - 30px); height:calc(100% - 15px); bottom: 0; } .pagina-contatti .sectionOne .panel-top-mobile .sfondo .wrap-sfondo{position: absolute;left: 0;top: 0;width: 0%;height: 100%;background-color: #161e2b;} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile{position: relative; width: calc(100% - 30px); margin: 0 auto; text-align: center; padding: 90px 15px;} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .container-pin-map{position: relative;width: 100%;opacity: 0;height: 32px;padding-top: 15px;} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .container-pin-map .content{position: absolute; width: 32px;height: 32px;left: 50%;-webkit-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%);} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .container-pin-map .content img{} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .titolo{margin-bottom: 30px;} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .titolo h1{color:#a3947d; font-size: 22px;font-family: 'Playfair Display';} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .info p{position: relative;color:#fff; font-size: 14px; margin-bottom: 15px; letter-spacing: 0.1em; text-transform: uppercase;top: 30px; opacity: 0;} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .info p a{color:#fff;} .pagina-contatti .container-mappa{position: relative; width: 100vw; height: 70vh; right: 0; top: 0; } .pagina-contatti .container-mappa .mappa{position: relative; right: 0;top: 0;width: 100%;} .pagina-contatti .container-mappa .mappa #map{position: relative;right: 0;width: 100vw;} .pagina-contatti .sezioneFollowUsMobile{position: relative; padding: 30px 0; display: none} .pagina-contatti .sezioneFollowUsMobile .sm-paragrafo p{position: relative;top: 30px;opacity: 0;} .pagina-contatti .sezioneFollowUsMobile .sm-followUs{position: relative; top: 30px;opacity: 0;} .pagina-contatti .sezioneFollowUsMobile .iscriviti-alla-newsletter{position: relative; padding:15px 0; text-align:center;width: 100%;cursor:pointer;} .pagina-contatti .sezioneFollowUsMobile .iscriviti-alla-newsletter p{color:#fff; font-size: 15px; letter-spacing: 0.1em;} .pagina-contatti .sezioneFollowUsMobile .mandaci-un-messaggio{position: relative; padding:15px 0; text-align:center;width: 100%;cursor:pointer;} .pagina-contatti .sezioneFollowUsMobile .mandaci-un-messaggio p{color:#fff; font-size: 15px; letter-spacing: 0.1em;} .pagina-contatti .sezioneFollowUsMobile .oppure{position: relative; padding:0; text-align:center;width: 100%} .pagina-contatti .sezioneFollowUsMobile .oppure p{color:#fff; font-size: 15px;} .pagina-contatti .sezioneFollowUsMobile .barretta{position: relative; height: 100px; width: 1px; left:50%; -webkit-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);} .pagina-contatti .sezioneFollowUsMobile .barretta span{position: absolute; top:0; left:0; width: 100%; height: 0%; background-color: #fff} .pagina-contatti .sezioneFollowUsMobile .text-followUs{position:relative; text-align:center;padding:30px 0 5px 0;} .pagina-contatti .sezioneFollowUsMobile .text-followUs h3{color:#fff; font-size: 14px; font-family: 'BrandonGrotesque-Medium'; letter-spacing: 0.1em;} .pagina-contatti .sezioneFollowUsMobile .social-home-mobile{} .pagina-contatti .sezioneFollowUsMobile .social-home-mobile article{float:left; width: 50%;} .pagina-contatti .sezioneFollowUsMobile .social-home-mobile article a{color:#fff; font-family: 'BrandonGrotesque-Medium'; font-size: 14px; letter-spacing: 0.1em;} .pagina-contatti .sezioneFollowUsMobile .social-home-mobile article.facebook{padding-right: 15px;text-align: right} .pagina-contatti .sezioneFollowUsMobile .social-home-mobile article.instagram{padding-left: 15px;} .pagina-contatti .sectionTwo{display: block; left: 100%} .pagina-contatti .sectionTwo .close-newsletter-mobile{position:absolute; top:30px; right: 15px;z-index: 11; display: none;cursor:pointer;} .pagina-contatti .sectionTwo .close-newsletter-mobile p{color:#fff;font-size: 11px;letter-spacing: 0.2em;} .pagina-contatti .sectionTwo .close-messaggio-mobile{position:absolute; top:30px; right: 15px;z-index: 11; display: none;cursor:pointer;} .pagina-contatti .sectionTwo .close-messaggio-mobile p{color:#fff;font-size: 11px;letter-spacing: 0.2em;} .pagina-contatti .sectionTwo aside.form-newsletter{position: absolute; float: none; width: 100%;height: 100%;left: 0%; top: 0; z-index: 6;} .pagina-contatti .sectionTwo aside.form-newsletter .sfondo-aside .wrap-sfondo-aside{width: 100%;} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter{top:100px; -webkit-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0);transform: translateY(0);} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter #formNewsletter{top: 0; opacity:1;} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter #formNewsletter .contenitore-btn-newsletter{top:125%;} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter #formNewsletter .container .box-title{margin-bottom: 60px;} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter #formNewsletter .container .box-coppia{margin-bottom: 60px;} .pagina-contatti .sectionTwo aside.form-newsletter .container-form-newsletter #formNewsletter .container .box-coppia-email{margin-bottom: 30px;} .pagina-contatti .sectionTwo aside.form-messaggio{position: absolute;top: 0;float:none; width: 100%; height:100%;right:0%; z-index: 5} .pagina-contatti .sectionTwo aside.form-messaggio .sfondo-aside .wrap-sfondo-aside{width: 100%;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio{top:100px; -webkit-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0);transform: translateY(0);} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio{opacity: 1; top:0;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio .contenitore-btn-messaggio{top:115%;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio .container .box-coppia .select{width: 100%;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio .container .box-title{margin-bottom: 60px;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio .container .box-coppia{margin-bottom: 60px;} .pagina-contatti .sectionTwo aside.form-messaggio .container-form-messaggio #formMessaggio .container .box-coppia-testo-messaggio{margin-bottom: 30px;} /*PAGINA FIERE/EVENTI*/ .pagina-fiere{padding-top: 60px; background-color: #8c0d22} .pagina-fiere .description{visibility: hidden} .pagina-fiere .sectionOne{height: auto} .pagina-fiere .sectionOne .text-box.mobile{position:relative;width: 100vw; height: auto; bottom: auto; left: 0; padding:60px 30px 0;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content{position: relative; width: 100%; text-align:center; bottom: 0;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.titolo{margin-top: 0;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.titolo h1{font-family: 'Playfair Display'; color: #fff; font-size: 36px;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.titolo h1.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.sottotitolo h3.lettering{position:relative; top:30px; opacity:0;font-size: 11px; color:#fff;font-family: 'BrandonGrotesque-Regular';color:#a3947d;letter-spacing: 0.2em} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.sottotitolo h3.lettering span{-webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);} .pagina-fiere .sectionOne .wrap-sectionOne{position:relative;width: 100vw;height: auto; top:0; left: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere{position: relative;width: 100vw;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1{float: none; width: 100%;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel{text-align:center;padding: 40px;top: 0; -webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel .evento .description h3.lettering span{position: relative; top:15px; -webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel .evento .description p.lettering{font-size: 11px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2{float: none; width: 100%;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel{padding: 0 40px;text-align: center;top: 0; -webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento:nth-child(1){padding-top: 0;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento .description h3.lettering span{position: relative; top:15px; -webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento .description p{font-size: 11px;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio{} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .box-title{margin-bottom: 80px;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .left{width: 100%; padding: 0;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .left .box-coppia{;margin-bottom: 80px;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .right{width: 100%; padding: 80px 0 0 0} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .right .box-coppia{margin-bottom: 80px;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .right .box-coppia .select{width: 100%;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .container .wrapper-clearfix .right .box-coppia-testo-messaggio{margin-bottom: 40px;} .pagina-fiere .sectionTwo .form-messaggio .container-form-messaggio #formMessaggio .wrap-btn{} .pagina-fiere .thanks-appuntamento .text-box{padding:0 15px;} .pagina-fiere .thanks-appuntamento .text-box h3{font-size: 20px;line-height: 1.5em} /*PAGINA ADV CAMPAIGN*/ .pagina-advCampaign{padding-top: 60px;height: auto;} .pagina-advCampaign .description{visibility: hidden} .pagina-advCampaign h1{font-family: 'Playfair Display'; color:#fff; font-size: 36px;} .pagina-advCampaign h3{font-family: 'BrandonGrotesque-Regular';color:#a3947d; font-size: 11px; letter-spacing: 0.2em;} .pagina-advCampaign .sectionOneMobile .text.title{padding: 30px; text-align: center} .pagina-advCampaign .sectionOneMobile .text.title .titolo h1.lettering{} .pagina-advCampaign .sectionOneMobile .text.title .titolo h1.lettering span{position: relative; top:15px; opacity:0; display: inline-block;-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-advCampaign .sectionOneMobile .text.title .sottotitolo h3.lettering{} .pagina-advCampaign .sectionOneMobile .text.title .sottotitolo h3.lettering span{position: relative; top:15px; opacity:0; display: inline-block;-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-advCampaign .sectionOneMobile .text.top .description p.lettering{font-size: 12px;text-transform: uppercase; letter-spacing: 0.2em} .pagina-advCampaign .sectionOneMobile .text.top .description p.lettering span{position: relative; top:15px; opacity:0; display: inline-block;-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-advCampaign .sectionOneMobile .text.bottom .description p.lettering{font-size: 12px;text-transform: uppercase; letter-spacing: 0.2em} .pagina-advCampaign .sectionOneMobile .text.bottom .description p.lettering span{position: relative; top:15px; opacity:0; display: inline-block;-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-advCampaign .sectionOneMobile .text .sottotitolo{margin-top: 15px;} .pagina-advCampaign .sectionOneMobile .text.top{padding:30px; text-align: center;} .pagina-advCampaign .sectionOneMobile .text.top .description{} .pagina-advCampaign .sectionOneMobile .text.top .description p{color:#fff;} .pagina-advCampaign .sectionOneMobile .text.bottom{padding:30px;text-align: center;} .pagina-advCampaign .sectionOneMobile .text.bottom .description{} .pagina-advCampaign .sectionOneMobile .text.bottom .description p{color:#fff;} .pagina-advCampaign .sectionOneMobile .lista-adv{} .pagina-advCampaign .sectionOneMobile .lista-adv .item{position: relative; opacity:0; top:50px;} .pagina-advCampaign .sectionOneMobile .lista-adv .item .container-cta{position:absolute; bottom:40px; right: 40px; width: 50px;height: 50px; -webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;;-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);} .pagina-advCampaign .sectionOneMobile .lista-adv .item.close-up-attivo .container-cta{-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg); transform: rotateZ(-45deg);} .pagina-advCampaign .sectionOneMobile .lista-adv .item .container-immagine{width: 100vw; height: calc(100vw / 0.667)} .pagina-advCampaign .sectionOneMobile .lista-adv .item .container-immagine.small{position: absolute; left:0; top:0; overflow: hidden} .pagina-advCampaign .sectionOneMobile .lista-adv .item .container-immagine.small .foto{position: absolute; top:0; height: 100%; width: 100%; left: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .pagina-advCampaign .sectionOneMobile .lista-adv .item.close-up-attivo .container-immagine.small .foto{left: 0} /*PAGINA BRAND*/ .pagina-brand{padding-top: 60px;background-color: #121216} .pagina-brand .description{visibility: hidden} .pagina-brand .sectionOne .container-foto.container-foto-main{width: 100vw; height: 100vw; margin: 0;} /*.pagina-brand .sectionOne .container-foto.container-foto-main .foto{width: 100%;}*/ .pagina-brand .sectionOne .container-foto.container-foto-main .foto .img{right: 0;width: 100vw; height: 100vw;} .pagina-brand .sectionOne .text-box{position:relative;width: 100vw; height: auto; bottom: auto; left: 0; padding:30px;} .pagina-brand .sectionOne .text-box .container-text .content{position: relative; width: 100%; text-align:center; bottom: 0;} .pagina-brand .sectionOne .text-box .container-text .content .description.titolo{margin-top: 0;} .pagina-brand .sectionOne .text-box .container-text .content .description.titolo h1{font-family: 'Playfair Display'; color: #fff; font-size: 36px;} .pagina-brand .sectionOne .text-box .container-text .content .description.titolo h1.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionOne .text-box .container-text .content .description.sottotitolo h3.lettering{font-size: 11px; color:#fff;font-family: 'BrandonGrotesque-Regular';color:#a3947d;letter-spacing: 0.2em} .pagina-brand .sectionOne .text-box .container-text .content .description.sottotitolo h3.lettering span{-webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg);} .pagina-brand .sectionTwo .wrap-text{width: 100%;padding:60px 30px;text-align:center} .pagina-brand .sectionTwo .wrap-text article.description p{top: 0;opacity: 1;} .pagina-brand .sectionTwo .wrap-text article.description p.lettering span{position: relative; top:15px; opacity:0; display: inline-block; } .pagina-brand .sectionThree{padding:0;} .pagina-brand .sectionThree .wrapper{width: 100vw;} .pagina-brand .sectionThree .wrapper .container-foto{width: 100vw;height: calc(100vw / 0.68)} /*.pagina-brand .sectionThree .wrapper .container-foto .foto{width: 100%;}*/ .pagina-brand .sectionThree .wrapper .container-foto .foto .img{left: 0;width: 100vw;height:calc(100vw / 0.68);} .pagina-brand .sectionThree .wrapper .text-right.mobile{padding: 60px 30px;text-align: center;} .pagina-brand .sectionThree .wrapper .text-right.mobile .description{} .pagina-brand .sectionThree .wrapper .text-right.mobile .description p{color:#fff;font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em} .pagina-brand .sectionThree .wrapper .text-right.mobile .description p.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionFour{background-color: #161e2b; padding: 60px 0; height: auto} .pagina-brand .sectionFour .panel-mobile.left{position:relative; width:70vw; height: 70vw; margin: 0 auto; z-index: 3} .pagina-brand .sectionFour .panel-mobile.left .sfondo-panel-mobile{position:absolute; width: 0%; height: 100%; background-color: #121216;} .pagina-brand .sectionFour .panel-mobile.left .content{position: relative;text-align:center; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .pagina-brand .sectionFour .panel-mobile.left .content .titolo{} .pagina-brand .sectionFour .panel-mobile.left .content .titolo h1{font-family: 'Playfair Display'; font-size: 30px; color:#fff} .pagina-brand .sectionFour .panel-mobile.left .content .titolo h1.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionFour .panel-mobile.left .content .sottotitolo{margin-top: 15px;} .pagina-brand .sectionFour .panel-mobile.left .content .sottotitolo h3{font-family: 'BrandonGrotesque-Regular'; font-size: 14px; color:#a3947d; letter-spacing: 0.2em} .pagina-brand .sectionFour .panel-mobile.left .content .sottotitolo h3.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionFour .container-foto-left{position:relative;width: 100vw; height: 100vw;top: 0;left: 0;margin-top: -35vw;} .pagina-brand .sectionFour .container-foto-left .container-cta-mobile{position: absolute; opacity:0;left: 50%; bottom:-25px; width: 50px;height: 50px;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);} .pagina-brand .sectionFour .container-foto-left .container-cta-mobile .cta{position: relative;width: 100%;height: 100%;} .pagina-brand .sectionFour .container-foto-left .foto .img{width: 100vw; height: 100vw; left: 0;} .pagina-brand .sectionFour .container-cta.left{width: 50px; height: 50px;left: auto; right: 40px; top:calc(140vw - 30px); opacity: 0;} .pagina-brand .sectionFour .panel-mobile.right{position:relative; width:70vw; height: 70vw; margin: 85px auto 0 auto;z-index: 3} .pagina-brand .sectionFour .panel-mobile.right .sfondo-panel-mobile{position:absolute; width: 0%; height: 100%; background-color: #8c0d22;} .pagina-brand .sectionFour .panel-mobile.right .content{position: relative;text-align:center; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .pagina-brand .sectionFour .panel-mobile.right .content .titolo{} .pagina-brand .sectionFour .panel-mobile.right .content .titolo h1{font-family: 'Playfair Display'; font-size: 30px; color:#fff} .pagina-brand .sectionFour .panel-mobile.right .content .titolo h1.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionFour .panel-mobile.right .content .sottotitolo{margin-top: 15px;} .pagina-brand .sectionFour .panel-mobile.right .content .sottotitolo h3{font-family: 'BrandonGrotesque-Regular'; font-size: 14px; color:#a3947d; letter-spacing: 0.2em} .pagina-brand .sectionFour .panel-mobile.right .content .sottotitolo h3.lettering span{position: relative; top:15px; opacity:0; display: inline-block;} .pagina-brand .sectionFour .container-foto-right{position:relative;width: 100vw; height: 100vw;top: 0;left: 0;right:auto;margin-top: -35vw;} .pagina-brand .sectionFour .container-foto-right .foto{left: 0;} .pagina-brand .sectionFour .container-foto-right .foto .img{width: 100vw; height: 100vw; left: 0;right: auto;} .pagina-brand .sectionFour .container-foto-right .container-cta-mobile{position: absolute; opacity:0;left: 50%; bottom:-25px; width: 50px;height: 50px;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);-o-transform: translateX(-50%); transform: translateX(-50%);} .pagina-brand .sectionFour .container-foto-right .container-cta-mobile .cta{position: relative;width: 100%;height: 100%;} .pagina-brand .sectionFour .container-cta.right{width: 50px; height: 50px;left: auto; right: 40px; top:auto; bottom: 40px;opacity: 0;} /*PAGINA PRIVACY*/ .pagina-privacy{padding-top: 60px; padding-bottom: 30px;} .pagina-privacy .titolo{padding-top: 30px;top: 30px; opacity: 0;} .pagina-privacy .left{float: none; width: 100%;top: 30px;opacity: 0;} .pagina-privacy .right{float: none; width: 100%;top: 30px;opacity: 0} } @media only screen and (min-width: 768px) and (max-width: 1200px) { .home .sectionTwo .border-mobile{width: 50vw;} .home .sectionTwo .panel-top-mobile{width: 40vw;height: 40vw;} .home .sectionTwo .panel-bottom-mobile{width: 50vw;} .home .sectionTwo .container-foto.container-foto-big{margin-top: -20vw;} .home .sectionThree .border-mobile{width: 50vw;} .home .sectionThree .panel-top-mobile{width: 40vw;height: 40vw;} .home .sectionThree .panel-bottom-mobile{width: 50vw;} .home .sectionThree .wrapper .container-foto.container-foto-big{margin-top: -20vw;} .home .sectionFour .panel-bottom-mobile .description{padding-top: 60px 90px 30px} .home .sectionFiveMobile .border-mobile{width: 50vw;} .home .sectionFiveMobile .panel-top-mobile{width: 40vw;height: 40vw;} .home .sectionFiveMobile .container-foto.container-foto-left{margin-top: -20vw;} .home .sectionSixMobile .border-mobile{width: 50vw;} .home .sectionSixMobile .panel-top-mobile{width: 40vw;height: 40vw;} .home .sectionSixMobile .container-foto.container-foto-left{margin-top: -20vw;} .pagina-advCampaign .sectionOneMobile .text.title{padding: 120px;} .pagina-advCampaign h1{font-size: 40px;} .pagina-advCampaign h3{font-size: 14px;} .pagina-advCampaign .sectionOneMobile .text.top{padding:90px 120px;} .pagina-advCampaign .sectionOneMobile .text.bottom{padding:90px 120px;} .pagina-brand .sectionOne .text-box{padding: 120px;} .pagina-brand .sectionOne .text-box .container-text .content .description.titolo h1{font-size: 40px;} .pagina-brand .sectionOne .text-box .container-text .content .description.sottotitolo h3.lettering{font-size: 14px;} .pagina-brand .sectionTwo .wrap-text{padding:90px 120px;} .pagina-brand .sectionThree .wrapper .text-right.mobile{padding:90px 120px;} .pagina-brand .sectionFour .panel-mobile.left{width: 40vw;height: 40vw;} .pagina-brand .sectionFour .container-foto-left{margin: -20vw auto 0; width: 70vw;height: 70vw;} .pagina-brand .sectionFour .container-foto-left .foto .img{width: 70vw;height: 70vw;} .pagina-brand .sectionFour .panel-mobile.right{width: 40vw;height: 40vw;} .pagina-brand .sectionFour .container-foto-right{margin: -20vw auto 0; width: 70vw;height: 70vw;} .pagina-brand .sectionFour .container-foto-right .foto .img{width: 70vw;height: 70vw;} .page-id-430 .pagina-mensCollection .sectionOne .titolo, .page-id-432 .pagina-mensCollection .sectionOne .titolo, .page-id-434 .pagina-mensCollection .sectionOne .titolo{padding-top: 90px;} .page-id-430 .pagina-mensCollection .sectionOne .titolo h1, .page-id-432 .pagina-mensCollection .sectionOne .titolo h1, .page-id-434 .pagina-mensCollection .sectionOne .titolo h1{font-size: 40px;} .page-id-430 .pagina-mensCollection .sectionOne .sottotitolo p, .page-id-432 .pagina-mensCollection .sectionOne .sottotitolo p, .page-id-434 .pagina-mensCollection .sectionOne .sottotitolo p{font-size: 14px;} .page-id-430 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p, .page-id-432 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p, .page-id-434 .pagina-mensCollection .sectionOne .collection-men-mobile .item .container-foto .codice p{font-size: 14px;} .page-id-116 .pagina-mensCollection .sectionOne .titolo{padding-top: 90px;} .page-id-116 .pagina-mensCollection .sectionOne .titolo h1{font-size: 40px;} .page-id-116 .pagina-mensCollection .sectionOne .sottotitolo p{font-size: 14px;} .page-id-116 .pagina-mensCollection .sectionOne .collection-women-mobile .item .container-foto .codice p{font-size: 14px;} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .titolo h1{font-size: 40px;} .page-id-8 .pagina-mensCollection .collection-men-mobile .text .sottotitolo h3{font-size: 14px;} .pagina-fiere .sectionOne .text-box.mobile{padding:90px 30px 0;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.titolo h1{font-size: 40px;} .pagina-fiere .sectionOne .text-box.mobile .container-text .content .description.sottotitolo h3.lettering{font-size: 14px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel .evento.top{padding-top: 60px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel .evento .description h3{font-size: 26px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-1 .container-panel .evento .description p.lettering{font-size: 14px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento.bottom{padding-bottom: 60px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento .description h3.lettering{font-size: 26px;} .pagina-fiere .sectionOne .wrap-sectionOne .lista-fiere .panel-2 .container-panel .evento .description p{font-size: 14px;} .pagina-contatti{min-height: calc(100vh - 40px)} .pagina-contatti .sectionOne .panel-top-mobile{width: calc(100% - 200px)} .pagina-contatti .sectionOne .panel-top-mobile .text-box-mobile .info p{font-size: 18px;} .pagina-contatti .sezioneFollowUsMobile .iscriviti-alla-newsletter{margin-bottom: 150px;} } /* ----------- iPad Pro 10.5" ----------- */ @media only screen and (min-width: 834px) and (max-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------- iPad Pro 12.9" ----------- */ @media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { }