@charset "UTF-8";
/* CSS Document */

html,body { font-size:0; color:#001689; font-family: 'DM Sans', sans-serif; height:100%; -moz-osx-font-smoothing:grayscale;}
body,div,img,ul,li,h1,h2,p,img,input,button,select,textarea,video { padding:0; margin:0; border:0; outline:0;}
input,button,textarea { font-family: 'DM Sans', sans-serif !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { font-weight:inherit;}
.ytouch, .ypad, .ypad-special,.yestouch { display:none !important;}
.vmiddle * { vertical-align:middle;}
.tra { transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.relative { position:relative;}
::selection { background:#d3a12f;} ::-moz-selection { background:#d3a12f;}
.capitalize { text-transform:capitalize !important;} .uppercase { text-transform:uppercase;} .underline { text-decoration:underline;}
.pointer { cursor:pointer;} .block { display:block;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;} .overflow { overflow:hidden;} .overflow-x { overflow-x:hidden; overflow-y:visible;}
.mm { vertical-align:middle; margin-left:6px; margin-top:-2px; width:22px; height:19px;}
.noland { display:none;}


/* MAIN */
/* MAIN */

.contain-blog { max-width:950px; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:6vw; padding-right:6vw;}
.contain { max-width:1100px; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:6vw; padding-right:6vw;}
.contain-large { max-width:1300px; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:6vw; padding-right:6vw;}
.box { box-sizing:border-box; padding-left:3vw; padding-right:3vw;}
.pad-left { box-sizing:border-box; padding-left:6%;}
.pad-right { box-sizing:border-box; padding-right:6%;}
.push-down { padding-top:150px;}

.fifty { display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;} 
.onethird { display:inline-block; width:33%; vertical-align:top; box-sizing:border-box;}
.twothird { display:inline-block; width:67%; vertical-align:top; box-sizing:border-box;}

.onefourth { display:inline-block; width:25%; vertical-align:top; box-sizing:border-box;}
.threefourth { display:inline-block; width:75%; vertical-align:top; box-sizing:border-box;}

.onefifth { display:inline-block; width:20%; vertical-align:top; box-sizing:border-box;}
.twofifth { display:inline-block; width:40%; vertical-align:top; box-sizing:border-box;}
.threefifth { display:inline-block; width:60%; vertical-align:top; box-sizing:border-box;}

.onesixth { display:inline-block; width:16.666666%; vertical-align:top; box-sizing:border-box;}

.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.35);}
.veil-gradient { position:absolute; opacity:.7; left:0; top:-5%; width:100%; height:105%; pointer-events:none; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}
.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.z1 { z-index:1;}
.z2 { z-index:2;}
.z3 { z-index:3;}
.z19 { z-index:19;}
.z20 { z-index:20;}
.z21 { z-index:21;}

.mar-top { margin-top:90px;}
.mar-btm { margin-bottom:90px;}
.pad-top { padding-top:90px;}  
.pad-btm { padding-bottom:90px;}
.pad-btm-skew { padding-bottom:120px;}
.mar-top-mini { margin-top:45px;}
.mar-btm-mini { margin-bottom:45px;}
.pad-top-mini { padding-top:45px;}  
.pad-btm-mini { padding-bottom:45px;}

.cta, .news-text a[target=_self]
{ overflow:hidden; position:relative; display:inline-block; padding:14px 30px; border-radius:50px; font-size:13px; font-weight:600; letter-spacing:1px;  overflow:hidden;}
.cta:hover, .news-text a[target=_blank]:hover, .news-text a[target=_self]:hover
{ padding-left:20px; padding-right:40px;}
.ctadown_on,.ctadown_on:hover { padding-left:50px; padding-right:90px;}

/* freccia */
.cta:after , .news-text a[target=_self]:after 
{ content:""; display:inline-block; border:solid #fff;border-width:0 2px 2px 0; padding:4px; transform: -webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:20px; top:17px; opacity:0; transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.cta:hover:after, .news-text a[target=_self]:hover:after
{ opacity:1;}

.c-black.cta:after { border-color:#222;}

.ctaleft:after { cursor:pointer; border-color:#222222; transform:-webkit-transform:rotate(135deg);transform:rotate(135deg); top:17px; right:inherit; left:20px;}
.ctaleft:hover { padding-left:40px; padding-right:20px;}

.ctadown:after { cursor:pointer; transform:-webkit-transform:rotate(45deg);transform:rotate(45deg); top:15px;}
.ctadown_on:after { opacity:1; transform: -webkit-transform:rotate(-135deg);transform:rotate(-135deg); top:18px;}
.ctadown-dark:after { border-color:#001689;}


/* glow */
.cta span { position:absolute; top:-50px; left:-80px; width:50px; height:155px; background:#fff; filter: blur(4px); opacity:.2; transform:rotate(35deg); transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.cta:hover span { left:115%;}

.bg-dark .cta.bg-white:hover { background:none; color:#fff;}
.bg-white .cta.b-dark:after { border-color:#001689;} 
.bg-warm .cta.b-accent:after { border-color:#001689;}
.gr-warm .cta.b-accent:after { border-color:#001689;}
.billboard .cta.bg-white:after { border-color:#001689;}

.news-text a { color:#4062f1; font-weight:bold; text-decoration:underline; text-decoration-color:#d3a12f;}

.news-text a[target=_self] { margin:20px 0; background-color:#4062f1; color:white; text-transform:uppercase; transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; text-decoration:none;}
.news-text a[target=_self]:after { top:21px;}


/* TEXT COLOURS */
/* TEXT COLOURS */

.title { font-size:60px; line-height:69px;}
.title-mini { font-size:38px; line-height:43px;}
.text-big { font-size:27px; line-height:36px;}
.text { font-size:17px; line-height:25px;}
.text.list { line-height:34px;}

.text-mini { font-size:13px; line-height:20px;}
.text-sub { font-size:13px; letter-spacing:1px; font-weight:600;}
.sub-line { display:inline-block; width:50px; height:1px; margin-right:10px; vertical-align:middle;}

.serif { font-family: 'DM Serif Display', serif;}
.sans { font-family: 'DM Sans', sans-serif;}
.bold { font-weight:600;}
.italic { font-style:italic;}

.bg-black { background-color:#222222; color:#fff;}
.bg-dark { background-color:#001689; color:#fff;}
.bg-accent { background-color:#4062f1; color:#fff;}
.bg-gold { background-color:#d3a12f; color:#fff;}
.bg-grey { background-color:#4d4d4d;}
.bg-warm { background-color:#eae9e8;}
.bg-white { background-color:#fff; color:#001689;}

.c-black { color:#222222;}
.c-dark { color:#001689;}
.c-accent { color:#4062f1;}
.c-gold { color:#d3a12f;} .h-gold:hover { color:#d3a12f;} 
.c-grey { color:#4d4d4d;}
.c-warm { color:#eae9e8;}
.c-white { color:#fff;}

.c-green { color:#00a58c;}

.b-black { border:1px solid #222222;}
.b-dark { border:1px solid #001689;}
.b-accent { border:1px solid #4062f1;}
.b-gold { border:1px solid #d3a12f;}
.b-warm { border:1px solid #eae9e8;}
.b-white { border:1px solid #fff;}

.u-dark { text-decoration:underline; text-decoration-color:#001689;}
.u-gold { text-decoration:underline; text-decoration-color:#d3a12f;}
.uh-gold:hover { text-decoration:underline; text-decoration-color:#d3a12f;}

.divider { height:1px; opacity:.3;}

.gr-warm { background:rgb(202,202,202); 
background: -moz-linear-gradient(45deg, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 88%);
background: -webkit-linear-gradient(45deg, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 88%);
background: linear-gradient(45deg, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 88%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cacaca",endColorstr="#ffffff",GradientType=1);}
.gr-dark { background:rgb(0,22,137); color:#fff;
background: -moz-linear-gradient(45deg, rgba(0,22,137,1) 36%, rgba(96,109,181,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,22,137,1) 36%, rgba(96,109,181,1) 100%);
background: linear-gradient(45deg, rgba(0,22,137,1) 36%, rgba(96,109,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001689",endColorstr="#606db5",GradientType=1);}
.gr-black { background:rgb(51,51,51); color:#fff;
background: -moz-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(26,26,26,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(26,26,26,1) 100%);
background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(26,26,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#1a1a1a",GradientType=1);}

.pre-skew { padding-top:35px; margin-top:-55px;}
.skew { position:absolute; width:110%; height:120%; left:-5%; top:35px; -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg);}

.skew-white-top { position:absolute; width:110%; height:100px; left:-5%; top:-50px; -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg);}
.skew-white-btm { position:absolute; width:110%; height:100px; left:-5%; bottom:-50px; -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg);}


/* NAV FOOTER */ 
/* NAV FOOTER */

.blackout { position:fixed; width:100%; height:100%; top:0; left:0; z-index:320; pointer-events:none; background:#222;
transition:opacity .8s; -webkit-transition:opacity .8s; -o-transition:opacity .8s; -moz-transition:opacity .8s;}
.black_out { opacity:0;}

.door { position:fixed; width:50%; height:100%; top:0; z-index:300; box-shadow:30px 0 80px rgba(0, 0, 0, 0.5); opacity:1;
            transition:left 1.8s 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s 2.8s;  
    -webkit-transition:left 1.8s 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s 2.8s; 
         -o-transition:left 1.8s 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s 2.8s; 
       -moz-transition:left 1.8s 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s 2.8s;}
.door1 { left:0; background:#001689 url("../img/boero-logo_half1_g.svg") center right / 240px no-repeat;} 
.door2 { left:50%; background:#001689 url("../img/boero-logo_half2_g.svg") center left / 240px no-repeat;}
.door1_out { left:-55%; pointer-events:none; opacity:0;} .door2_out { left:110%; pointer-events:none; opacity:0;}

.header-logo { position:absolute; z-index:29; display:block; top:20px; left:6vw; width:283px; height:80px; background:url("../img/boero-logo_w.svg") center / 100% no-repeat;}
.header-logo.dark { background:url("../img/boero-logo_b.svg") center no-repeat;}
.header-logo.darknews { background:url("../img/boero-logo_n.svg") center no-repeat;}

.ham { position:fixed; z-index:50; cursor:pointer; top:23px; right:6vw; color:#001689;}
.ham .text { display:inline-block; vertical-align:top; padding-top:15px;}
.ham_on { color:#fff;}

.bg-nav {position:fixed; z-index:30; top:0; right:0; width:60%; height:100%; opacity:0; pointer-events:none; 
    background-image:url("../img/boero-logo_g.svg"); background-position:13% 23px; background-size:283px 80px; background-repeat:no-repeat;
            transition:all .7s cubic-bezier(0.65, 0, 0.35, 1);  
    -webkit-transition:all .7s cubic-bezier(0.65, 0, 0.35, 1); 
         -o-transition:all .7s cubic-bezier(0.65, 0, 0.35, 1); 
       -moz-transition:all .7s cubic-bezier(0.65, 0, 0.35, 1);}
.bg-nav_on {width:100%; opacity:1;}
.bg-veil { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.45); z-index:29; opacity:0; pointer-events:none;
transition:opacity .6s; -webkit-transition:opacity .6s; -o-transition:opacity .6s; -moz-transition:opacity .6s;}
.bg-veil_on { opacity:1;}

.img-nav { position:fixed;top:85px; right:-10%; width:auto; height:100%; opacity:0; pointer-events:none; transform:scale(0.8);
            transition:right 1.4s cubic-bezier(0.65, 0, 0.35, 1),transform 1.4s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.9s; 
    -webkit-transition:right 1.4s cubic-bezier(0.65, 0, 0.35, 1),transform 1.4s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.9s; 
         -o-transition:right 1.4s cubic-bezier(0.65, 0, 0.35, 1),transform 1.4s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.9s; 
       -moz-transition:right 1.4s cubic-bezier(0.65, 0, 0.35, 1),transform 1.4s cubic-bezier(0.65, 0, 0.35, 1), opacity 1.9s;}
.img-nav_on { opacity:.4; right:0; transform:scale(1);}

.zoom { transform:scale(.8); 
            transition:transform 3s .5s cubic-bezier(0.83, 0, 0.17, 1);  
    -webkit-transition:transform 3s .5s cubic-bezier(0.83, 0, 0.17, 1); 
         -o-transition:transform 3s .5s cubic-bezier(0.83, 0, 0.17, 1); 
       -moz-transition:transform 3s .5s cubic-bezier(0.83, 0, 0.17, 1);}
.zoom_on {transform:scale(1);}

nav { position:fixed; z-index:32; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:20px 0; overflow:hidden; pointer-events:none;}
.nav_on { pointer-events:inherit;}

.nav-links { position:relative; box-sizing:border-box; padding:18vh 10% 0 10%;}
.nav-links li { overflow:hidden; height:10vh;}
.nav-links li:hover { opacity:.7;}

.nav-link { position:relative; display:inline-block; font-size:9vh; padding:0 10px; margin-top:10vh; opacity:0;
            transition:margin-top 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s;  
    -webkit-transition:margin-top 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s; 
         -o-transition:margin-top 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s; 
       -moz-transition:margin-top 1.2s cubic-bezier(0.83, 0, 0.17, 1), opacity 1s;}
.nav-link_on { margin-top:0; opacity:1;}
.current { position:absolute; top:7vh; left:0; width:100%; height:5px; background-color:#d3a12f;}

.nav-footer-divider { margin-top:6vh; margin-bottom:6vh; width:0; height:1px;
            transition:width 1s cubic-bezier(0.83, 0, 0.17, 1);  
    -webkit-transition:width 1s cubic-bezier(0.83, 0, 0.17, 1); 
         -o-transition:width 1s cubic-bezier(0.83, 0, 0.17, 1); 
       -moz-transition:width 1s cubic-bezier(0.83, 0, 0.17, 1);}
.nav-footer-divider_on { width:100%;}

.nav-footer { position:relative; opacity:0; 
    transition:opacity .6s; -webkit-transition:opacity .6s; -o-transition:opacity .6s; -moz-transition:opacity .6s;}
.nav-footer_on { opacity:1;}
.nav-footer .cta { margin-right:25px;}

.footer-spacer { height:465px;}
footer { position:fixed; width:100%; left:0; bottom:0; border-top:5px solid #d3a12f;}
.badge { width:110px; height:110px; margin-left:-55px; position:absolute; left:50%; top:-20px; background:url("../img/FIAIP-daniele-boero-associato_w.png") center / 110px 110px no-repeat;}
.footer-bg { position:absolute; top:0; right:0; width:auto; height:100%; opacity:.4;}
.footer-logo { display:inline-block; width:220px; height:62px; background:url("../img/boero-logo_g.svg") center / 220px 62px no-repeat;}
.footer-immo { display:inline-block; width:170px; height:27px; background:url("../img/immo_w.png") center / 170px 27px no-repeat; margin-top:10px;}
.footer-lux { display:inline-block; width:134px; height:32px; background:url("../img/luxforsale_w.svg") center / 134px 32px no-repeat; margin-top:10px; margin-left:20px;}
.credits { padding-top:12px; opacity:.6; font-size:11px;}

.help { position:fixed; z-index:29; padding:30px 80px; box-sizing:border-box; left:-600px; bottom:25px; 
    box-shadow:0 0 40px rgba(0, 0, 0, 0.35); border-radius:8px;
            transition:left 1s cubic-bezier(0.25, 1, 0.5, 1);  
    -webkit-transition:left 1s cubic-bezier(0.25, 1, 0.5, 1); 
         -o-transition:left 1s cubic-bezier(0.25, 1, 0.5, 1); 
       -moz-transition:left 1s cubic-bezier(0.25, 1, 0.5, 1);}
.help-close { position:absolute; top:20px; right:20px; width:35px; height:35px; border-radius:100%; background:#fff url("../img/x_b.svg") center / 20px no-repeat; transform:scale(1);}
.help_on { left:25px;} .help_off { left:-460px !important;}

.wa { position:fixed; z-index:28; display:block; bottom:35px; right:6vw; background:#47c756 url("../img/whatzapp.png") right center / 60px no-repeat; border-radius:50px; color:#fff;  font-size:13px; font-weight:600; padding:14px 70px 14px 30px; box-shadow:0 0 20px rgba(0, 0, 0, 0.4 );}
.wa:hover { padding-right:85px;}

/* HOME */
/* HOME */

.billboard { position:relative; width:100%; height:100vh; box-sizing:border-box; padding:30vh 0 0 6vw; }
.b-almost { height:85vh;}
.b-half { height:65vh; min-height:600px;}

.billboard .cta { display:inline-block; margin:0 20px 10px 0;}

.scroll-text { -moz-transform: translateX(140%); -webkit-transform: translateX(140%); transform: translateX(140%);
  -moz-animation: my-animation 17s linear infinite; -webkit-animation: my-animation 17s linear infinite; animation: my-animation 17s linear infinite;  white-space: nowrap;}
@keyframes my-animation {
  from { -moz-transform: translateX(140%); -webkit-transform: translateX(140%); transform: translateX(140%);}
  to {-moz-transform: translateX(-140%); -webkit-transform: translateX(-140%); transform: translateX(-140%);}}

.area-img { height:630px;}
.area-img-mini { height:350px;}
.bg-img { position:absolute; left:0; top:0; width:100%; height:100%;}

.down { position:absolute; bottom:60px; left:50%; width:150px; margin-left:-75px;}
@keyframes MoveUpDown { 0%,100% {transform:translateY(0px)rotate(45deg);;} 50% {transform:translateY(20px)rotate(45deg); transform:-webkit-translateY(0px)-webkit-rotate(45deg);}}
.arrow-down { display:inline-block; border:solid #fff; border-width:0 2px 2px 0; padding:9px; animation:MoveUpDown 1s ease-in-out infinite;}

.sideimg,.video { height:550px;}

.m-arrow { position:absolute; top:-35px; left:50%; width:1px; height:108%;}
.m-icon { width:90px; height:90px; margin-bottom:20px;}

.numbers { padding:50px 50px 60px 50px;}
.numbers-end { position:absolute; width:100%; height:70px; left:0; bottom:0; border-top:5px solid #d3a12f;}

.swiper-reviews .swiper-slide { position:relative; vertical-align:top; box-sizing:border-box; padding:30px; border-radius:4px; max-width:400px;}
.review:after { display:block; content:'"'; position:absolute; left:-30px; top:0; font-size:110px; font-style:italic;
 			transition:left .5s;  
    -webkit-transition:left .5s; 
         -o-transition:left .5s; 
       -moz-transition:left .5s;}
.review .text-mini { display:-webkit-inline-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:65px;}
.fivestars { margin:10px 0; width:100px;}

.swiper-reviews .swiper-slide {border:1px solid #eae9e8;
	        transition:background .5s;  
    -webkit-transition:background .5s; 
         -o-transition:background .5s; 
       -moz-transition:background .5s;}
.swiper-reviews .swiper-slide:hover { background:#fff;}
.swiper-slide:hover .fivestars { transform: scale(1.1);}
.swiper-slide:hover.review:after { left:-15px;}


/* CHI SIAMO */
/* CHI SIAMO */

.sketch { background-position:top; width:80%; left:10%; top:100px; opacity:0.1 !important;}


/* SERVIZI */
/* SERVIZI */

.tutti-btn { display:inline-block; padding:10px 0 10px 45px; background:url("../img/icon-list_b.svg") left center / 35px no-repeat;}
.tutti .title-mini { display:inline-block; padding:0 25px;}
.tutti-line { position:absolute; width:100%; height:1px; left:0; bottom:18px;}

.service-thumb { display:block; width:95%; padding:28% 0; margin:0 auto; overflow:hidden;}
.service-thumb .bg-img { transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
.service-thumb .title-mini { height:120px; box-sizing:border-box; padding:0 20px;}
.service-thumb:hover .veil { background:rgba(0,0,0,.55);}
.service-thumb:hover .bg-img { transform:scale(1.08);}
.service-thumb:hover .title-mini { text-decoration:underline; text-decoration-color:#d3a12f;}

.service-thumb span { position:absolute; top:-100px; left:-60%; width:100px; height:140%; background:#fff; filter: blur(4px);transform:rotate(35deg); transition:all 1.6s cubic-bezier(0.19, 1, 0.22, 1); opacity:0;}
.service-thumb:hover span { left:160%; opacity:.1;}

.exclusive { position:absolute; left:50%; top:35px; width:200px; margin-left:-100px; padding:40px 0 5px 0; border-radius:50px; background:url("../img/icon-crown_w.svg") center 10px / 40px no-repeat;}
.exclusive-tag { width:200px; background:url("../img/icon-crown_g.svg") center 0 / 50px no-repeat; margin:20px auto 0 auto; padding-top:40px;}

.pocket { display:none; box-shadow:0px 29px 29px -25px rgba(0,0,0,0.4) inset, 0px -20px 10px -20px rgba(0,0,0,0.3) inset;}
.service-list { list-style:none;}
.service-list li { display:block; line-height:40px;}

.service-link { position:relative; display:inline-block; padding:0 20px;}
.service-link span,.normal-link span { content:""; display:inline-block; border:solid #d3a12f; border-width:0 2px 2px 0; padding:4px; transform: -webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0; top:15px; opacity:0; transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.service-link:hover span, .normal-link:hover span { opacity:1;}

.normal-link { display:inline-block; position:relative; padding-right:20px;}
.normal-link span { top:7px;}

.offset-thumb { position:absolute; left:50%; transform:translateX(-50%); right:0; top:-30px; width:70%; height:97%;}
.offset { position:absolute; top:-15px; width:85%; height:85%;}
.pad-left .offset {left:10px;}
.pad-right .offset {right:10px;}

 .swiper-appuntamento .swiper-slide,.swiper-plus .swiper-slide { vertical-align:top; box-sizing:border-box; width:300px; padding:5% 30px; border-radius:4px; min-height:250px;}
.swiper-button-prev { top:inherit !important; bottom:-50px !important; left:-34px !important;}
.swiper-button-next { top:inherit !important; bottom:-50px !important; right:-34px !important;}

.pillola {display:inline-block; box-sizing:border-box; padding:30px; width:40%; margin:0 5% 20px 5%; border-radius:4px; vertical-align:top; background:rgba(0,0,0,.55);}

.swiper-appuntamento .swiper-slide,.swiper-plus .swiper-slide { border:1px solid #eae9e8;
	        transition:background .5s,box-shadow .3s,transform .5s;  
    -webkit-transition:background .5s,box-shadow .3s,transform .5s; 
         -o-transition:background .5s,box-shadow .3s,transform .5s; 
       -moz-transition:background .5s,box-shadow .3s,transform .5s;}
.swiper-appuntamento .swiper-slide:hover,.swiper-plus .swiper-slide:hover { background:#fff;  box-shadow:0 0 20px rgba(0,0,0,0.2); transform:scale(1.01); }


/* NEWSROOM */
/* NEWSROOM */

.news-top { position:absolute; width:100%; height:400px; left:0; top:0;}

.news-thumb { display:inline-block; box-sizing:border-box; vertical-align:top; width:48%; margin-bottom:50px;}
/*.news-thumb:nth-child(4n+1), .news-thumb:nth-child(4n+2) { width:40%;}
.news-thumb:nth-child(even) { padding-right:30px;} */
.news-thumb:nth-child(even) { margin-left:2%;}
.news-thumb:nth-child(odd) { margin-right:2%;}

.news-thumb-img { height:350px; margin-bottom:12px;}
.news-thumb-img .veil { opacity:0;}
.news-thumb .text-big { margin:8px 0 10px 0;}

.news-thumb:hover .veil { opacity:1;}
.news-thumb:hover .text-big { text-decoration:underline; text-decoration-color:#d3a12f;}

.pagination-prev { position:absolute; top:0; left:35%;}
.pagination-next { position:absolute; top:0; right:35%;}

.news-gradient { position:absolute; width:100%; height:500px; left:0; top:0; background: rgb(234,233,232);
background: -moz-linear-gradient(0deg, rgba(234,233,232,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(234,233,232,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(234,233,232,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eae9e8",endColorstr="#ffffff",GradientType=1);}
.news-veil { position:absolute; width:100%; height:500px; left:0; top:0; opacity:.25;}
.news-img { height:470px;}

.news-text-container { box-sizing:border-box; padding:40px;}
.news-text h2 { margin:20px 0 30px 0; font-family: 'DM Serif Display',serif !important; font-size:38px; line-height:42px;}
.news-text h3 { margin:20px 0 30px 0; font-family: 'DM Serif Display',serif !important; font-size:27px; line-height:36px;}
.news-text p { margin:20px 0;}
.news-text li { margin:20px 0; list-style-position:inside; vertical-align:top;}
.news-text ul, .news-text ol { box-sizing:border-box; padding-left:20px !important;}
.news-text ul p { display:inline-block; width:95%; vertical-align:top; margin:0;}
.news-text ol p { display:inline-block; width:95%; vertical-align:top; margin:0; box-sizing:border-box; padding-left:12px;}
.news-text img { width:100% !important; height:auto !important; margin:20px 0;}
.news-text a[target=_blank]:hover { padding:0 !important;}

.news-text blockquote { margin:40px 0 40px 30px; box-sizing:border-box; padding:1px 50px 1px 30px; border-left:3px solid #d3a12f; color:#d3a12f;}
.news-text blockquote p { font-size:22px; line-height:28px;}

.condividi { margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
.news-end { width:100%;}


/* CONTATTI */
/* CONTATTI */

.gr-contatti { position:absolute; left:0; top:0; width:100%; height:100%; background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.7049413515406162) 0%, rgba(255,255,255,0) 84%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.7049413515406162) 0%, rgba(255,255,255,0) 84%);
background: linear-gradient(90deg, rgba(0,0,0,0.7049413515406162) 0%, rgba(255,255,255,0) 84%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);}

.social { display:inline-block; width:36px; height:36px; margin-right:12px;}
.social:hover { opacity:.6;}
.fb { background:url("../img/social-fb.svg") center / 36px 36px no-repeat;}
.ig { background:url("../img/social-ig.svg") center / 36px 36px no-repeat;}
.in { background:url("../img/social-in.svg") center / 36px 36px no-repeat;}
.mail { background:url("../img/social-mail.svg") center / 36px 36px no-repeat;}
.fb_w { background:url("../img/social-fb_w.svg") center / 36px 36px no-repeat;}
.ig_w { background:url("../img/social-ig_w.svg") center / 36px 36px no-repeat;}
.in_w { background:url("../img/social-in_w.svg") center / 36px 36px no-repeat;}
.fb_n { background:url("../img/social-fb_n.svg") center / 26px 26px no-repeat; width:25px; margin-right:0; margin-left:6px;}
.mail_n { background:url("../img/social-mail_n.svg") center / 26px 26px no-repeat; width:25px; margin-right:0; margin-left:6px;}

.contact-card { box-sizing:border-box; padding:35px;}
input,textarea,select { position:relative; width:100%; background:#fff; padding:14px 20px; margin-bottom:10px; border:none; font-family: 'DM Sans', sans-serif; box-sizing:border-box; color:#001689; font-size:17px;}
.input:not(#submit) { border-radius:0 !important;}
.name { width:96%; margin-right:2%;}
.input_off { pointer-events:none; opacity:.5;}

select { appearance:none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='blue' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:96% center; background-size:20px;}

#submit { border:none; width:220px;}
#submit:hover { padding-left:30px; padding-right:30px; opacity:.6;}
.load { opacity:0; margin-left:15px; width:1px;} .load_on { opacity:1; width:auto;} 
.error { position:relative; border-bottom:2px solid #cf6959; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; padding-bottom:35px;}
label.error { position:absolute; left:20px; bottom:-12px; font-size:12px; border:none; color:#cf6959; z-index:100;}
.thick label.error { left:0; bottom:inherit; top:30px;}
.output { display:none;}

.thick { position:relative; display:block; padding-left:35px; padding-top:2px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom:20px; text-align:left;}
.thick input { position:absolute; opacity:0; display:block; width:80%;}
.checkmark { position:absolute; top:0; left:0; height:25px; width:25px; border:1px solid #001689; background:#fff;}
.checkmark:after { content:""; position:absolute; display:none;} 
.thick input:checked ~ .checkmark:after { display:block;}
.thick .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid #001689; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

#map { height:450px;}

/* IF iPAD + 120 */
/* IF iPAD + 120 */
@media only screen and (max-width:1200px) {
    
    .rellax { transform: translate3d(0,0,0) !important;}
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
	.yno-overflow { overflow:visible !important;}
    
    .title { font-size:47px; line-height:54px;}
    .title-mini { font-size:38px; line-height:42px;}
    .text { font-size:17px; line-height:25px;}
	
    .nav-links li { height:9vh;}
    .nav-link { font-size:8vh;}
	.current { top:6vh;}
	
	.numbers-end { height:50px;}
    
}

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {

	.ytouch { display:inherit !important;} .yestouch { display:block !important;}
	.ntouch,.ypad { display:none !important;}
    .yleft { text-align:left !important;} 
    .fifty, .onethird, .twothird { width:100%;}
	.ycenter { text-align:center;}
    .yfifty { width:50%;}
	.no-contain { padding-left:0; padding-right:0;}
	.yes-contain { padding-left:20px; padding-right:20px;}
	
	.yright-bg { background-position:right;}
    
    .door1,.door2 { background-size:150px;} 
    .help { padding:30px 30px;}
	.help_on { left:20px;}
    .help-close { top:10px; right:10px; background-color:none;}
    
    .mar-top { margin-top:70px;} .mar-btm { margin-bottom:70px;}
    .pad-top { padding-top:70px;} .pad-btm { padding-bottom:70px;}
    .pad-btm-skew { padding-bottom:100px;}
    .mar-top-mini { margin-top:20px;} .mar-btm-mini { margin-bottom:20px;}
    .pad-top-mini, .ypad-top-mini { padding-top:20px;} .pad-btm-mini { padding-bottom:20px;}
    .pad-left, .pad-right { padding-left:0; padding-right:0;}

    .header-logo { top:20px; left:6vw; width:200px; height:56px;}
    .bg-nav { background-size:200px 56px; background-position:30px 23px;}
    .img-nav { right:-90%;}
    .img-nav_on { right:-60%; opacity:.2}
    
    .nav-links { padding-top:12vh; padding-left:20px;}
    .nav-links li { height:8vh;}
    .nav-link { font-size:7vh;}
    .current { top:5vh;}
    
    .footer-spacer { height:562px;}
    .footer-logo { margin-top:10px;}
	.badge { width:80px; height:80px; left:90%; top:-5px; background-size:80px}
    footer .cta { margin-top:20px}
    .footer-immo, .footer-lux { margin-top:20px;}
	.wa { right:20px; padding:0; height:60px; width:60px;}
	.wa:hover { padding-right:0;}
    
    .title { font-size:40px; line-height:44px;}
    .title-mini { font-size:30px; line-height:34px;}
    .text-big { font-size:22px; line-height:26px;}
    .text { font-size:16px; line-height:25px;}
	
	.cta, .news-text a[target=_blank], .news-text a[target=_self] { padding:12px 25px; font-size:12px;}
	.cta:hover, .news-text a[target=_blank]:hover, .news-text a[target=_self]:hover { padding-left:15px; padding-right:35px;}
	.ctadown_on,.ctadown_on:hover { padding-left:50px; padding-right:90px;}
	.cta:after, .news-text a[target=_blank]:after , .news-text a[target=_self]:after { right:15px; top:14px;}

	.ctadown:after { top:15px;}
	.ctadown_on:after { top:18px;}
    
    .area-img { height:350px;}
    .area-img-mini { height:300px;}
        
    .sideimg { height:20px; padding:33% 0;}
	.video { width:100%;}
    .m-icon { width:70px; height:70px; margin-bottom:10px;}
    .counter { font-size:70px; line-height:70px; margin-bottom:10px;}
    
    .service-thumb .title-mini { height:100px;}
    .service-thumb { width:100%; height:auto; padding:20% 0;}
    .service-list li { display:block; width:100%; line-height:20px; margin:20px 0;}
	.service-link span,.normal-link span { top:5px;}
	.exclusive { top:5px;}
	
	.swiper-appuntamento .swiper-slide:hover,.swiper-plus .swiper-slide:hover { background:inherit;  box-shadow:none; transform:scale(1); }
	.swiper-button-prev { left:0 !important;}
	.swiper-button-next { right:0 !important;}

	.pillola { padding:20px; width:100%; margin:0 0 20px 0;}
    
    .offset { width:100%; }
    .pad-left .offset {left:20px;}
    .pad-right .offset {right:20px;}

    .news-thumb { width:100% !important; margin-bottom:50px; margin-left:0 !important; margin-right:0 !important;}
    /*.news-thumb:nth-child(even) { padding-right:0px;}
    .news-thumb:nth-child(4n+1), .news-thumb:nth-child(4n+2) { width:100%;} */
    .news-thumb-img { height:250px;}

	.news-text-container { padding:20px;}
	.news-text h2 { margin:15px 0 25px 0; font-size:33px; line-height:38px;}
	.news-text h3 { margin:15px 0 25px 0; font-size:24px; line-height:32px;}
	.news-text p { margin:15px 0;}
	.news-text li { margin:15px 0; }
	.news-text img {margin:15px 0;}
	.news-text a[target=_blank] { padding:0 !important; font-size:16px !important;}

	.news-text blockquote { margin:20px 0 20px 20px; padding:1px 30px 1px 30px;}
	.news-text blockquote p { font-size:20px; line-height:26px;}
	
	.name { width:100%; margin-right:0%;}

}


/* IF iPHONE */
@media only screen and (max-device-width:768px) and (orientation:landscape) {

	.noland { display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1999; text-align:center;}	
	.noland-img { width:140px; height:140px; margin:40px 0;}
	html, body { overflow:hidden !important;}
	
} 


/* HAMBURGER */


.hamburger { padding-top:25px; display:inline-block; overflow:hidden;}
.hamburger__container { width:36px; height:24px; position:relative;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:#001689;}
.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger-box { width:25px; height:8px; margin-right:8px; display:inline-block; position:relative;}
.hamburger-inner { display:block; top:50%; margin-top:-2px;}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:100%; height:1px; background-color:#001689; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}

.hamburger-inner::before, .hamburger-inner::after { content:""; display:block;}
.hamburger-inner::before { top:-8px;}
.hamburger-inner::after { bottom:-8px; width:100%;}
.is-active .hamburger-inner,.is-active .hamburger-inner::after { background-color:#fff !important;}

.ham:hover .is-active .hamburger-inner::after,.ham:hover .is-active .hamburger-inner { background-color:#bbab9f;}

/* CHANGE THE BELOW PACK TO CHANGE EFFECT */
.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .1s  ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s  ease,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1)}


.light.ham { color:#fff;}
.light .hamburger-inner,.light .hamburger-inner::before,.light .hamburger-inner::after { background:#fff;}

.darknews.ham { color:#222222;} .darknews.ham_on { color:#ffffff;}
.darknews .hamburger-inner,.darknews .hamburger-inner::before,.darknews .hamburger-inner::after { background:#222222;}

.ham_on .hamburger-inner,.ham_on .hamburger-inner::before,.ham_on .hamburger-inner::after { background:#fff;}