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

.floatable-wrapper { left:10px !important; bottom:10px !important;}

@font-face {
    font-family:'CircularStd-Bold';
    src: url('../fonts/CircularStd-Bold.woff2') format('woff2'),
         url('../fonts/CircularStd-Bold.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:'CircularStd-Book';
    src: url('../fonts/CircularStd-Book.woff2') format('woff2'),
         url('../fonts/CircularStd-Book.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}


html,body { font-size:0; color:#222; font-family: 'CircularStd-Book', sans-serif; -webkit-text-size-adjust:none; height:100%; min-height:100%;}
.family { font-family: 'CircularStd-Book', sans-serif;}
body,div,img,ul,li,h1,h2,p,img,input,button,textarea { padding:0; margin:0; border:0; outline:0; }
a { text-decoration:none; cursor:pointer; color:inherit;}
h1,h2 { font-weight:inherit;} ul { list-style:none;}
.ytouch, .ypad { display:none !important;}
.tra { transition:all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease;}
.tra2 { transition:all 1.3s ease; -webkit-transition: all 1.3s ease; -o-transition: all 1.3s ease; -moz-transition: all 1.3s ease;}
.anim1 { opacity:0.3; -moz-transition:all 600ms ease-out; -webkit-transition:all 600ms ease-out; -o-transition:all 600ms ease-out; transition:all 600ms ease-out; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;
-webkit-transform: scale(0.92); -ms-transform: scale(0.92); transform: scale(0.92); margin-top:50px;}
.in-view { opacity:1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); margin-top:0px;}

.blackout { position:fixed; width:100%; height:100%; top:0; left:0; z-index:300; background:#818c8d; transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; -moz-transition:all 1.5s;}
.black_out, .page_on { opacity:0; pointer-events:none;}

.loader{display:none;position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px}.inner{position:absolute;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}


/* FONTS & COLORS */

.title-0 { font-size:80px; font-weight:400; margin-bottom:10px;}
.title-1 { font-size:50px; font-weight:400;}
.title-2 { font-size:28px; font-weight:400; line-height:34px;}
.title-3 { font-size:20px; font-weight:400;}
.text-1 { font-size:17px; line-height:25px;}
.text-2 { font-size:12px;}
.sub { letter-spacing:4px; margin-bottom:15px;}

.bold { font-family:'CircularStd-Bold', sans-serif;}
.grey { color:#aaa;}
.underline { text-decoration:underline;}

.floatright { float:right;}

.c1, .hover-c:hover { color:#45828a;}
.b1 { background-color:#45828a;}
.r1 { border:1px solid #45828a;}

.b2 { background:rgba(0,0,0,0.6);}

.c3 { color:#eee !important:}
.b3 { background-color:#eee;}
.r3 { border:1px solid #eee;}

.c4 { color:#45828a;}
.b4 { background-color:#45828a;}
.r4 { border:1px solid #45828a;}


/* UTILITIES */

.contain { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0 50px; box-sizing:border-box;}
.contain-desc { max-width:680px;}
.contain-max { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 50px; box-sizing:border-box;}
.center { width:100%; text-align:center;}

.divider { width:100%; height:1px; margin:30px 0; background:#ddd;}
.spacer {margin-top:50px; margin-bottom:50px;}
.spacer-btm {margin-top:10px; margin-bottom:50px;}

.fifty { display:inline-block; width:47%; margin-right:3%; vertical-align:top;}
.fifty:nth-child(2) { width:50%;  margin-right:0;}

.fifty-ok { display:inline-block; width:45%; padding-right:3%; box-sizing:border-box; vertical-align:top;}

#top { padding-top:170px;}

.z1 { z-index:10;}
.z2 { z-index:20; position:relative;}
.z3 { z-index:30;}
.z4 { z-index:40;}

.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(23,25,27,0.3);}
.veil-dark { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(23,25,27,0.5);}
.flex { display:flex; justify-content:center; align-items:center; flex-direction:column;}

.cta { display:inline-block; padding:18px 26px; font-size:16px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.cta_w { border:1px solid #fff;}
.cta_w:hover { background:rgba(0,0,0,0.3);}

#minor { margin-top:50px;}
.cta-minor { display:inline-block; padding:5px 35px 5px 10px; margin:0 15px 10px 0; background:url("../img/arrow-right_c.svg") 95% center/12px 12px no-repeat;}
.cta-minor:hover { padding:5px 38px 5px 13px; background-color:#eee; background-position:96% center;}

.cta-mini { display:inline-block; margin-left:5px; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.cta:hover,.cta-mini:hover { opacity:0.7;}
.cta:hover { padding:18px 30px;}
.cta-mini:hover { padding:0 12px;}

.arrow { padding-right:60px; background-position:89% center; background-size:20px; background-repeat:no-repeat;}
.arrow-right { background-image:url("../img/arrow-right.svg"); }
.arrow-right_w { background-image:url("../img/arrow-right_w.svg"); color:#fff;}
.arrow-down { background-image:url("../img/arrow-down.svg");}
.arrow-down_w {background-image:url("../img/arrow-down_w.svg"); color:#fff;}

.arrow-right:hover, .arrow-right_w:hover { padding-right:60px; background-position:92% center;}
.arrow-down:hover, .arrow-down_w:hover { padding-right:64px; background-position:89% 25px;}

.line { display:block;}
.line:before { content:""; display:inline-block; vertical-align:middle; width:35px; height:1px; margin-right:10px; background-color:#45828a;
transition:all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s;}
a.line:hover { opacity:.6;}
a.line:hover::before { width:55px;}


/* MAIN */

#nav { position:absolute; top:0; left:0; width:100%; padding:45px; box-sizing:border-box; font-size:16px; border-bottom:1px solid #ccc;}
#nav .nav-link { display:inline-block; margin-right:40px;}
#nav .floatright { margin-right:0; margin-left:40px;}

.nav-logo { position:absolute; display:inline-block; left:50%; top:20px; margin-left:-65px; width:130px; height:88px; background:url("../img/emmebi-logo_b.svg") center/130px 80px no-repeat;}
.nav-logo:hover {-webkit-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); opacity:0.7;}

.nav_w { color:#fff; border:none !important;}
.nav_w .nav-logo { background-image:url("../img/emmebi-logo_w.svg");}


#footer { font-size:12px; margin:50px auto 0 auto; padding:50px 20px; border-top:1px solid #ddd; background:url("../img/emmebi-mm_b.svg") center/80px 74px no-repeat;}
.footer-img { width:80px; opacity:1; vertical-align: middle; margin-right:20px;}
.footer-img:hover {opacity:0.6;}


/* HOME */

#bill { position:relative; width:100%; color:#fff; text-align:center; background:#222; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; box-sizing:border-box;}
.billpad { padding:0 20px;}
.bill100 { height:100%; min-height:500px;}
.bill80 { height:80%; margin-bottom:30px; min-height:500px;}
#bill .title-3, #bill .cta { margin-top:35px;}

.bill-img { position:absolute; left:0; top:0; width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;  display:none;}

@keyframes cD{0%{transform:scale(.9);-webkit-transform:scale(.9)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}}@-moz-keyframes cD{0%{transform:scale(.9);-webkit-transform:scale(.9)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes cD{0%{transform:scale(.9);-webkit-transform:scale(.9)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}}@-ms-keyframes cD{0%{transform:scale(.9);-webkit-transform:scale(.9)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}}@-o-keyframes cD{0%{transform:scale(.9);-webkit-transform:scale(.9)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:1}}

.swiper-container { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; 
transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9);
animation:cD 1.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards .6s;
-moz-animation:cD 1.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards .6s;
-webkit-animation:cD 1.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards .6s;
-ms-animation:cD 1.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards .6s;
-o-animation:cD 1.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards .6s;}
.swiper-slide {width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

#theframe { position:absolute; top:0; left:0; width:100%; height:100%; padding:117px 50px 50px 50px; box-sizing:border-box;}
#theframe-in { position:relative; width:100%; height:100%;}
#theframe-in .fr {position:absolute; background:#fff;}
#theframe-in .cta { margin-left:7px; margin-right:7px;}

.frame1 { top:0; left:0; width:10%; height:7px; opacity:0;}
.frame2 { bottom:0; left:0; width:10%; height:7px; opacity:0;}
.frame3 { bottom:0; left:0; height:10%; width:7px; opacity:0;}
.frame4 { bottom:0; right:0; height:10%; width:7px; opacity:0;}

.frame_w_on { width:100%; opacity:1;}
.frame_h_on { height:100%; opacity:1;}

.apt-box { position:relative; display:inline-block; color:#fff; height:300px; width:33.333%; overflow: hidden; border:2px solid #fff; background:#111; box-sizing:border-box; vertical-align:top;}
.apt-box-a { display:inline-flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; text-align:center;}
.apt-box-img { position:absolute; top:0; left:0;  width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; overflow:hidden !important; opacity:0.6;}
.apt-box:hover .apt-box-img { -webkit-transform: scale(1.1) rotate(0.1deg); -ms-transform: scale(1.1) rotate(0.1deg); transform: scale(1.1) rotate(0.1deg); opacity:0.8; }

.apt-box .text-1 { margin-top:20px; opacity:0;}
.apt-box .text-1:before, .vline { content:""; display:block; margin:0 auto; width:1px; height:0; background:#fff; transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.apt-box:hover .text-1 { opacity:1;}
.apt-box:hover .text-1:before, .vline { height:30px; margin:10px auto;}

@keyframes aB {0% { transform: scale(1.2); -webkit-transform: scale(1.2); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0) rotate(0.1deg);}}
@-moz-keyframes aB {0% { transform: scale(1.2); -webkit-transform: scale(1.2); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0) rotate(0.1deg);}}
@-webkit-keyframes aB {0% { transform: scale(1.2); -webkit-transform: scale(1.2); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0) rotate(0.1deg);}}
@-ms-keyframes aB {0% { transform: scale(1.2); -webkit-transform: scale(1.2); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0) rotate(0.1deg);}}
@-o-keyframes aB {0% { transform: scale(1.2); -webkit-transform: scale(1.2); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0) rotate(0.1deg);}}

.bg-serie { top:0; left:0; position:absolute; width:100%; height:100%; z-index:10; background-position:center;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
animation:aB 15s ease-out forwards; -moz-animation:aB 15s ease-out forwards; -webkit-animation:aB 15s ease-out forwards; -ms-animation:aB 15s ease-out forwards; -o-animation:aB 15s ease-out forwards;}


/* TUTTE LE PROPRIETA */

.house-thumb { display:inline-block; width:50%; box-sizing:border-box; margin:30px 0; vertical-align:top;}
.house-thumb-sx { padding-right:20px;}
.house-thumb-dx { padding-left:20px;}

.house-thumb-a { position:relative; overflow:hidden; display:block; width:100%; height:450px;}
.house-thumb-img { position:absolute; left:0; top:0; width:100%; height:90%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.house-thumb-box { display:block; position:absolute; left:10px; bottom:0; width:70%; padding:0px 20px 20px 30px; box-sizing:border-box; background:#fff; border:1px solid #eee;}
.house-thumb-box .text-1.grey { margin:20px 0;}

.house-thumb-a:hover .house-thumb-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity:0.7; }
.house-thumb-a:hover .line:before { width:55px;} 

/* ATTIVITA */

.activity-thumb { display:inline-block; width:50%; box-sizing:border-box; margin:40px 0 0px 0; vertical-align:top;}

.activity-thumb-img { width:90%; height:400px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; margin:20px 0;}


/* PROPRIETA */

.mask { position:relative; width:100%; height:130px; overflow:hidden; pointer-events:none;}
.mm { position:absolute; margin:auto; left:0; right:0; bottom:-130px; opacity:0; transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 1.2s cubic-bezier(0.86, 0, 0.07, 1); height:130px;}
.mm2 { height:100px;}
.mm_on { bottom:0; opacity:1;}

.sx { display:inline-block; vertical-align:top; width:75%; margin-right:5%; margin-top:60px;}
.sx .sub.grey { text-transform:uppercase;}
.sx div.title-1 { margin:20px 0;}
.sx p.title-2 { margin:55px 0 20px 0;}
.sx p.title-3 { margin:55px 0 20px 0;}

.dx { display:inline-block; vertical-align:top; padding-top:80px; width:20%;}
.dx .cta { display:block; text-align:center; margin-bottom:16px;}

@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}

.gallery-btm { position:absolute; bottom:30px;}
.gallery-btm .cta { margin-left:7px; margin-right:7px;}
.gallery-open { animation:shake .9s 2s forwards; -webkit-animation:shake .9s 2s forwards; -moz-animation:shake 1s 1s forwards; -ms-animation:shake 1s 1s forwards; -o-animation:shake 1s 1s forwards;}

#gallery { margin:50px 0; padding-bottom:50px; border-bottom:1px solid #ccc;}
#gallery .title-3 { margin-bottom:20px;}
.gallery-thumb { display:inline-block; width:25%; box-sizing:border-box; padding-right:10px; margin-top:10px;}
.gallery-thumb:hover, .scale:hover { -webkit-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); opacity:0.7;}
.gallery-thumb img { width:100%;}
.fslightbox-toolbar-button:nth-child(2),.fslightbox-toolbar-button:nth-child(3) { display:none;}

#icons { border-bottom:1px solid #ccc; padding-bottom:15px; margin:50px 0;}
#icons li { display:inline-block; margin-right:60px;}
#icons .grey { border-left:1px solid #ccc; padding-left:30px;}
.icon { height:40px; margin-right:10px; vertical-align:middle;}

.list { list-style:disc; list-style-position:inside;}
.list:nth-child(1) { display:none;}

#info { border-top:1px solid #ccc; text-align:right; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0 20px 0; text-transform:uppercase;}
.info { display:inline-block; text-align:center; margin-right:7px; padding:10px 20px; border-right:1px solid #ccc; vertical-align:middle;}
.info p { display:inline-block; clear:both; text-align:left;}
.info:first-child img { float:left; margin-top:-8px !important;}
.info:first-child { float:left; border:none; padding-left:0;}
.infono { display:none;}
.info:last-child { border:none;}

#map-wrap { position:relative; width:100%; margin-top:20px;}

.map { position:relative; width:100%; height:620px;}
.map-over { position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; height:100%; padding-top:30px; padding-bottom:30px;}
.map-over-c { position:relative; height:100%; width:330px; padding:15px; box-sizing:border-box; background:#fff; color:#222; box-shadow:0 0 2px #aaa;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.map-over-c .text-1 { margin:25px 0 20px 0; max-width:190px;}
.map-over-c .line { position:absolute; left:15px; bottom:15px;}

.map-thumb { width:100%; height:160px; margin-bottom:15px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

#booking { vertical-align:middle;}
#booking .title-2 { margin-bottom:20px;}
.booking { vertical-align:middle; width:160px; height:27px;}

#modulo { position:relative; margin-top:50px; padding:100px 0; color:#fff; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}
#modulo .title-2 { margin-bottom:50px;}

.form-launch { display:block; margin:0 auto 10px auto; width:100%; box-sizing:border-box; border-bottom:1px solid #ccc; padding:20px 5px 5px 5px; outline:0; background-color:transparent !important; color:#fff; -webkit-appearance:none; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
textarea.form-launch { height:130px;}
.form-launch::-webkit-input-placeholder{ color:#eee !important; font-family:'CircularStd-Book',sans-serif !important;}
.form-launch:-ms-input-placeholder { color:#eee !important; font-family:'CircularStd-Book',sans-serif !important;}
.form-launch::placeholder { color:#eee !important; font-family:'CircularStd-Book',sans-serif !important;}


.thick { position:relative; display:block; padding-left:35px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom:15px; text-align:left;}
.thick input { position:absolute; opacity:0;}
.checkmark { position:absolute; top:0; left:0; height:25px; width:25px; border:1px solid #ddd;}
.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 #fff; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.error { border-bottom:2px solid #cf6959; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;}
label.error { font-size:14px; border:none; font-weight:bold; display:block; color:#cf6959;}

.lancio-sent { display:none; margin:50px auto 0 auto;}


/* COME RAGGIUNGERCI */

.directions { margin:20px auto 80px auto; padding-top:20px; border-top:1px solid #ddd;}
.directions * { vertical-align:middle;}
.directions a { display:inline-block;}
.directions a.text-1 { padding-right:45px; margin-left:20px;}
.bus { margin-left:80px;}
.directions span { display:inline-block; margin-right:40px;}


/* CONTACT */

#contact { text-align: center; background:#fff; margin-top:40px; padding:0px 40px 40px 40px; box-sizing:border-box; 
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

#contact .form-launch { color:#222; margin-top:30px;}
#contact textarea { height:213px;}

#contact select {  -webkit-appearance:none; padding:12px 10px; color:#888 !important; font-family:'CircularStd-Book',sans-serif !important; background:url("../img/arrow-down.svg") 98% 16px/18px no-repeat;}
#contact .form-launch::-webkit-input-placeholder{ color:#888 !important; font-family:'CircularStd-Book',sans-serif !important;}
#contact .form-launch:-ms-input-placeholder { color:#888 !important; font-family:'CircularStd-Book',sans-serif !important;}
#contact .form-launch::placeholder { color:#888 !important; font-family:'CircularStd-Book',sans-serif !important;}

#contact .thick { margin-top:55px;}
#contact .checkmark { background:#efefef;}
#contact .thick .checkmark:after { border-color:#222;}

#contact .cta-mini { color:#fff; }


 /* IF NO HEIGHT */
@media only screen and (max-height:790px) {

}


/* IF iPAD */
@media only screen and (max-width:1180px) {
	
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
	
	/* HOME */
	
	#theframe { padding:117px 20px 20px 20px;}
	
	.home-m { height:200px;}
	.home-m .mm { height:180px;}
	
	.bus { margin-left:0;}
		
}


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

	.ytouch { display:inherit !important;}
	.ntouch { display:none !important;}
	
	.ynav { z-index:160; position:absolute; left:0; top:0; width:100%; height:68px; border-bottom:1px solid #eee; overflow:hidden; text-align: center;}
	.ynav_on { border-color:#333;}
	.ymail { display:block; position:absolute; top:0; right:0; height:68px; width:68px; background:#45828a url("../img/icon-mail.svg") center/36px 24px no-repeat;}
	.ymail_on {  right:-70px;}
	.ylogo { width:100px; height:61px; margin-top:3px;}

	.overlay { position:fixed; width:100%; height:100%; left:0; padding-top:70px; background:#222; color:#fff; pointer-events:none; opacity:0; z-index:250; box-sizing:border-box; top:0px; transition:all .7s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition:all .7s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition:all .7s cubic-bezier(0.86, 0, 0.07, 1); overflow:scroll; -webkit-overflow-scrolling:touch; text-align:center; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}
	
	.overlay-logo { width:140px; height:130px; margin-bottom:20px;}
	.overlay-footer { width:100%; margin:40px 0;}
	.overlay .txt-link { display:block; width:100%; padding:30px 0; border-bottom:1px solid #888;}
	.overlay .txt-link:nth-child(7) { border-bottom:none !important;}
	
	.overlay_on { pointer-events:inherit; opacity:1; top:0; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); border-color:#222;}
	
	.title-0 { font-size:60px; line-height:60px; margin-bottom:10px;}
	.title-1 { font-size:40px; }
	.title-2 { font-size:22px; line-height:28px;}
	.title-3 { font-size:18px;}
	.text-1 { font-size:16px; line-height:24px;}
	.text-2 { font-size:12px;}
	.sub { letter-spacing:4px; margin-bottom:15px;}
	
	.contain,.contain-max { padding:0 20px;}
    .fifty,.fifty-ok {  width:100% !important; margin-right:0;}
    
	.cta { padding:15px 23px;} 
    .cta:hover { padding:15px 27px;}
    .arrow { padding-right:60px !important;}
	
	#footer { padding:40px 20px; background:url("../img/emmebi-mm_b.svg") 90% center/70px 55px no-repeat;}
	#footer .floatright { float:none; margin-top:8px;}
	
	/* HOME */
	
    #theframe { padding:90px 20px 20px 20px;}
	#theframe-in .cta.b1 { margin-top:12px;}
	.apt-box { height:300px; width:100%;}
	
	/* TUTTE LE PROPRIETA */
	
	.house-thumb, .activity-thumb { width:100%; margin:20px 0;}
	.house-thumb-sx { padding-right:0px;}
	.house-thumb-dx { padding-left:0px;}
	.house-thumb-a { height:350px;}
	
	.activity-thumb-img { width:100%; height:250px;}
	
	.sx { width:100%; margin-right:0;}
	#info { text-align:left; padding-bottom:0;}
	.info {margin:0 4px; padding:10px 14px; margin-bottom:10px; border:none; background:#eee; height:50px; box-sizing: border-box;}
    .info span { display:inline-block; vertical-align:middle;}
	
	.map { height:450px; margin-top:-80px;}
	.map-over { position:relative; top:0; left:0; height:580px; padding-left:30px; padding-right:30px;}
	.map-over-c .text-1 { margin-left:auto; margin-right:auto;}
	.map-over-c .line { position: relative; margin-top:70px;}
	.map-over-c { position:relative; width:100%; background:#eee; text-align:center;}
	.map-thumb { height:200px;}
	
	.contain-g { }
    #gallery .title-3 { margin-bottom:20px;}
	.gallery-thumb { width:49%; padding-right:2%; margin:0 0 17px 0; box-sizing:border-box;}
    .gallery-thumb:nth-child(odd) { padding-right:0; padding-left:2%; width:49%;}
    
    .booking { width:120px; height:20px;}
    
    #modulo { padding:50px 0;}
    #modulo .title-2 { margin-bottom:30px;}
    
    /* CONTACT */
    
    #contact { padding:0px 20px 20px 20px;}
    .ycontact { box-sizing:border-box; padding:0 15px;}
    #contact textarea { height:140px;} 
	
	#directions { text-align:center;}
	.directions a.text-1 { padding:15px;}
	.directions .icon { margin:0 auto 10px auto; display:block;}
	.directions span { display:block; margin-right:0; margin-bottom:30px;}


}

/* IF MINI */
@media only screen and (max-width:495px) {
	#footer { background:none;}
}

/* HAMBURGER */

.hamburger { position:fixed; top:10px; left:20px; z-index:260; padding-top:11px; 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:30px; height:30px; 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:2px; background-color:#fff; position:absolute; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; transition-duration:0.15s; transition-timing-function:ease; border:1px solid #777;}
.hamburger-inner { background:none; border:none; box-shadow:none;}
.hamburger-inner::before, .hamburger-inner::after { content:""; display: block;}
.hamburger-inner::before { top:-6px;}
.hamburger-inner::after { bottom:-6px; width:100%;}
.is-active .hamburger-inner::after { background-color:#fff !important;}
.is-active .hamburger-inner { background-color:#fff !important; box-shadow:0 0 3px #eee;}


/* 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 .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s .14s 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-delay:.14s;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 .14s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .1s .14s cubic-bezier(0.215,0.61,0.355,1)}