html, body{height:100%;margin:0;}
body{font-family:'Open Sans', sans-serif;color:#222;min-height:100vh;padding-top:80px;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a,
a:visited,
a:hover{color:inherit !important;text-decoration:none;outline:none !important;}
button{outline:none !important;}
main{width:100%;background:#fff;padding:0 80px 0px;}
.mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.35);}
.sr .fooReveal{visibility:hidden !important;}
.rule{width:40px;height:1px;border:none;background:#222;}
.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.no-padding{padding:0px !important;}
#form-content{position:relative !important;}
.booking-form #form-loading{text-align:center;position:absolute;top:0;bottom:0;width:100%;opacity:0.5;filter:alpha(opacity=50);z-index:1000;background:#555555;}
.booking-form #form-loading i{font-size:30px;margin-top:5px;}
.booking-form #form-message{text-align:center;color:#ffffff !important;}
.hide{display:none !important;}
.show{display:block !important;}
.mini-loader-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;z-index:99999;width:100%;position:fixed;top:0;background-color:#fff;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
svg#mini-loader{height:50px;width:50px;}
#b0{-webkit-animation:b0 4s infinite ease;animation:b0 4s infinite ease;-webkit-transform-origin:250px 250px;transform-origin:250px 250px;}
#b1{-webkit-animation:b1 4s infinite ease;animation:b1 4s infinite ease;}
#b2{-webkit-animation:b2 4s infinite ease;animation:b2 4s infinite ease;}
#b3{-webkit-animation:b3 4s infinite ease;animation:b3 4s infinite ease;}
#b4{-webkit-animation:b4 4s infinite ease;animation:b4 4s infinite ease;}
@-webkit-keyframes b0{0%{-webkit-transform:rotate(0);transform:rotate(0);}
25%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
75%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes b0{0%{-webkit-transform:rotate(0);transform:rotate(0);}
25%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
75%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes b1{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(0, 355px);transform:translate(0, 355px);}
50%{-webkit-transform:translate(355px, 355px);transform:translate(355px, 355px);}
75%{-webkit-transform:translate(355px, 0);transform:translate(355px, 0);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes b1{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(0, 355px);transform:translate(0, 355px);}
50%{-webkit-transform:translate(355px, 355px);transform:translate(355px, 355px);}
75%{-webkit-transform:translate(355px, 0);transform:translate(355px, 0);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@-webkit-keyframes b2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(-355px, 0);transform:translate(-355px, 0);}
50%{-webkit-transform:translate(-355px, 355px);transform:translate(-355px, 355px);}
75%{-webkit-transform:translate(0, 355px);transform:translate(0, 355px);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes b2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(-355px, 0);transform:translate(-355px, 0);}
50%{-webkit-transform:translate(-355px, 355px);transform:translate(-355px, 355px);}
75%{-webkit-transform:translate(0, 355px);transform:translate(0, 355px);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@-webkit-keyframes b3{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(0, -355px);transform:translate(0, -355px);}
50%{-webkit-transform:translate(-355px, -355px);transform:translate(-355px, -355px);}
75%{-webkit-transform:translate(-355px, 0);transform:translate(-355px, 0);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes b3{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(0, -355px);transform:translate(0, -355px);}
50%{-webkit-transform:translate(-355px, -355px);transform:translate(-355px, -355px);}
75%{-webkit-transform:translate(-355px, 0);transform:translate(-355px, 0);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@-webkit-keyframes b4{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(355px, 0);transform:translate(355px, 0);}
50%{-webkit-transform:translate(355px, -355px);transform:translate(355px, -355px);}
75%{-webkit-transform:translate(0, -355px);transform:translate(0, -355px);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes b4{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
25%{-webkit-transform:translate(355px, 0);transform:translate(355px, 0);}
50%{-webkit-transform:translate(355px, -355px);transform:translate(355px, -355px);}
75%{-webkit-transform:translate(0, -355px);transform:translate(0, -355px);}
100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
.overlay{position:fixed;background:rgba(34, 34, 34, 0.95);top:0;left:0;width:0%;height:100%;opacity:0;visibility:hidden;overflow:hidden;z-index:100;-webkit-transition:opacity .35s, visibility .35s, width .35s;transition:opacity .35s, visibility .35s, width .35s;}
.overlay.open{opacity:1;visibility:visible;width:100%;}
.overlay.open li{-webkit-animation:fadeIn 1s ease forwards;animation:fadeIn 1s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;}
.overlay.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s;}
.overlay.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s;}
.overlay.open li:nth-of-type(4){-webkit-animation-delay:.50s;animation-delay:.50s;}
.overlay.open li:nth-of-type(5){-webkit-animation-delay:.55s;animation-delay:.55s;}
.overlay.open li:nth-of-type(6){-webkit-animation-delay:.60s;animation-delay:.60s;}
.overlay.open li:nth-of-type(7){-webkit-animation-delay:.65s;animation-delay:.65s;}
.overlay nav{position:relative;background:#fff;height:100%;width:50%;top:0%;text-transform:uppercase;font-family:'Open Sans' , sans-serif;font-weight:400;font-size:22px;letter-spacing:3px;text-align:left;}
.overlay ul{list-style:none;display:inline-block;padding:0;top:50%;left:120px;transform:translateY(-50%);position:relative;height:auto;}
.overlay ul li{line-height:30px;width:100%;display:block;height:auto;position:relative;opacity:0;}
.overlay ul li a{padding:7px 0;opacity:0.6;display:inline-block;position:relative !important;color:#222 !important;text-decoration:none;overflow:visible;z-index:10;}
.overlay ul li a::after{transition:all ease .1s;position:absolute !important;width:0px;height:1px;line-height:30px;left:110%;top:50%;content:"";background:#222;}
.overlay ul li a:hover{opacity:1 !important;}
.overlay ul li a:hover:after{width:40px;transition:all ease .3s;}
.overlay ul li a.active{}
.overlay .info{position:absolute;bottom:20px;left:120px;width:100%;text-align:left;}
.overlay .info p{color:#222 !important;opacity:0.6;font-size:11px;letter-spacing:1px;font-weight:400;margin:0;padding:15px;line-height:normal;}
.overlay .info p a:hover{opacity:1 !important;text-decoration:underline !important;}
.overlay .info p a i{font-size:14px;padding:0 7px;color:#222 !important;}
.overlay .logo_menu{position:absolute;top:50px;left:50%;transform:translateX(-50%);}
.ui-widget.ui-widget-content{margin-top:15px;border:2px solid #222222 !important;border-radius:0 !important;}
.ui-widget-header{letter-spacing:1px;border:none !important;background:none !important;color:#222 !important;font-weight:400 !important;text-transform:uppercase;}
.ui-datepicker th{font-weight:400 !important;}
.ui-state-default{border:none !important;background:#fff !important;color:rgba(34, 34, 34, 0.9)!important;text-align:center !important;}
.ui-datepicker-today .ui-state-highlight,
.ui-datepicker-today .ui-widget-content .ui-state-highlight,
.ui-datepicker-today .ui-widget-header .ui-state-highlight{border:1px solid #222 !important;background:#fff !important;color:#222 !important;}
.ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #222 !important;background:rgba(34, 34, 34, 0.9) !important;font-weight:normal;color:#ffffff !important;}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{background:none !important;border:none !important;}
.selectboxit-container{width:100%;position:relative !important;}
.selectboxit-container .selectboxit{width:100% !important;cursor:pointer;margin:0;padding:0;border-radius:0px !important;overflow:hidden;display:block;position:relative !important;background:none;height:42px;border-color:none !important;border:none!important;border-bottom:1px solid #fff !important;}
.selectboxit-container .selectboxit:focus,
.selectboxit-container .selectboxit:hover{background:none !important;color:#fff !important;}
.selectboxit-container span, .selectboxit-container .selectboxit-options a{line-height:42px !important;position:relative !important;}
.selectboxit-btn{background-color:none !important;background-image:none !important;background-repeat:repeat-x;border:1px solid #fff !important;}
.selectboxit-container .selectboxit-options{min-width:100% !important;margin-top:10px !important;padding:8px !important;border-radius:0px !important;}
.selectboxit-list{background-color:#ffffff;border:1px solid #222 !important;color:#222 !important;}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor{color:#fff !important;line-height:30px !important;background-color:rgba(34, 34, 34, 0.9) !important;background-image:none !important;}
.selectboxit-arrow-container{float:right !important;}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow{background:rgba(0, 0, 0, 0) url('../img/guest.png') no-repeat scroll 0 0 !important;border-left:medium none;border-right:medium none;border-top:medium none;height:18px;right:12px !important;margin-left:0;top:12px !important;left:0px !important;width:18px;}
header{font-family:'Open Sans' , sans-serif !important;position:fixed;top:0;left:0;width:100%;z-index:99;padding:20px;background:#fff;box-shadow:0 0 0 rgba(0,0,0,.25);height:80px;-webkit-font-smoothing:antialiased;}
.logo-icon{text-align:center;width:80px;height:80px;background:rgba(34, 34, 34, 0.9);position:fixed;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:9999;}
.logo-icon .menu-icon{margin:20px;}
.header-logo{float:left;}
.header-logo img{height:20px;margin-top:10px;}
.social{float:right;opacity:.8;margin-top:10px;transition:.3s;cursor:pointer;color:#222;}
.social ul{list-style:none;margin:0px;padding:0px;text-align:center;}
.social ul li{padding:0px 15px;float:left;}
.social ul li a{opacity:.8;font-size:16px;}
.social ul li a:hover{color:inherit;opacity:1;}
.book{position:fixed;right:33px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:100;}
.book span a{writing-mode:vertical-rl;font-family:'Open Sans', sans-serif;font-weight:400;letter-spacing:2px;opacity:.8;}
.book span a:hover{ opacity:1;transition:all ease .1s;}
#home{font-family:'Open Sans', sans-serif;width:100%;position:relative;display:table;height:calc(100vh - 160px);overflow:visible;background:#f4f4f4;margin-bottom:0px;min-height:500px;background:url('../img/home-bg.jpg') center center;background-size:cover;-webkit-background-size:cover;}
#home .hero{position:relative;display:table-cell;vertical-align:middle;color:#fff;text-align:center;font-family:'Open Sans', sans-serif;}
#home .hero .logo-home{width:100%;max-width:260px;height:auto;margin-bottom:20px;}
#home .hero .sub-title{font-family:'Cormorant', serif;font-size:2vh;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:inline-block;margin-bottom:30px;transition-duration:0s;}
#home .hero .sub-title::after,
#home .hero .sub-title::before{content:'';display:inline-block;height:1px;background:rgba(255,255,255,1);width:100px;transition-duration:0s;position:relative;top:-3px;margin:0 20px;}
#home .hero h2{margin-top:0;margin-bottom:15px;font-weight:400;font-size:5vh;letter-spacing:4px;}
#home .scroll-down{position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:80px;height:140px;text-align:center;cursor:pointer;}
#home .scroll-down .text-scroll{display:block;opacity:.7;margin-top:-25px;letter-spacing:3px;transition:all ease .4s;color:#fff;position:relative;}
#home .scroll-down .line-center-white{display:inline-block;width:1px;height:50%;background:#fff;position:absolute;top:0;z-index:3;}
#home .scroll-down .line-center{transition:all ease .4s;-webkit-transition:all ease .4s;display:inline-block;width:1px;height:50%;background:none;position:absolute;top:0;z-index:2;}
#home .scroll-down .line-left,
#home .scroll-down .line-right{transform-origin:bottom;transition:all ease .4s;-webkit-transition:all ease .4s;display:inline-block;width:1px;height:0%;background:#222;position:absolute;bottom:0;}
#home .scroll-down .line-left{transform:rotate(-40deg);}
#home .scroll-down .line-right{transform:rotate(40deg);}
#home .scroll-down:hover .text-scroll{opacity:1;letter-spacing:1px;transition:all ease .6s;}
#home .scroll-down:hover .line-center{height:100%;background:#222;transition:all ease-in .4s;-webkit-transition:all ease-in .4s;}
#home .scroll-down:hover .line-left,
#home .scroll-down:hover .line-right{height:10%;transition:ease-in .4s;transition-delay:.4s;}
.layer{width:100%;height:100%;position:absolute;top:0;right:0%;background:#f4f4f4;z-index:3;}
.layer-two{width:100%;height:100%;position:absolute;top:0;right:0%;background:#fff;z-index:4;}
#disponibilita{ width:100%;padding:100px 0 0;height:auto;font-family:'Open Sans' , sans-serif;position:relative;}
#disponibilita .prenotazione{background:rgba(34, 34, 34, 0.9);padding:60px 5px;margin-bottom:60px;color:#fff;-webkit-font-smoothing:antialiased !important;}
#disponibilita .richiesta .campo{width:20%;float:left;padding:0 5px;}
#disponibilita .richiesta .campo input{width:100%;outline:none;padding:5px;height:42px;border:none;border-bottom:1px solid #fff !important;background:none;}
#disponibilita .richiesta button{outline:none;position:relative;transition:all ease .3s;letter-spacing:1px;line-height:40px;width:auto;margin-right:0%;display:inline-block;border:1px solid #fff;padding:0px 15px;background:none;}
#disponibilita .richiesta button:hover{padding-right:20px;transition:all ease .3s;}
#disponibilita .richiesta button::after{font-family:'FontAwesome';content:"\f178";font-size:20px;position:absolute;right:-7px;top:0;opacity:0;transition:all ease .3s;}
#disponibilita .richiesta button:hover::after{opacity:1;right:-15px;transition:all ease .6s;}
#about{overflow:hidden; width:100%;height:auto;padding:100px 0 0;font-family:'Open Sans' , sans-serif;position:relative;display:block;}
#about .welcome{display:inline-block;font-weight:700;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:50%;font-size:15vw;opacity:0;letter-spacing:1vw;z-index:0;}
#about h2{font-size:20px;line-height:40px;margin-top:30px;margin-bottom:30px;letter-spacing:14px;text-transform:uppercase;}
#about h2 span{position:relative;display:inline-block;}
#about .text{font-size:14px;padding:0 20px;letter-spacing:1px;line-height:26px;text-align:center;margin-top:30px;}
#about .coffe{position:relative;width:50px;}
.sub{font-weight:700;}
#camere{width:100%;height:auto;padding:100px 0 0px;position:relative;font-family:'Open Sans' , sans-serif;}
#camere .camera{margin:100px 0 60px;}
#camere .camera .foto-camera{margin-top:80px;padding:0px;background:#222222;}
#camere .camera .img-container{transition:all ease .8s;position:relative;width:100%;height:450px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;-webkit-background-size:cover !important;}
#camere .pianta{position:relative;width:60px;}
#camere .camera .frame{transition:all ease .3s;opacity:0;position:absolute;width:130%;height:75%;top:5%;border:4px solid #222;z-index:5;}
#camere .camera .frame.right{right:60px;}
#camere .camera .frame.left{left:60px;}
#camere .camera .descrizione-camera{position:relative;z-index:6;margin-top:50px;}
#camere .camera .nome-camera{font-family:'Cormorant' , serif;font-size:28px;margin-top:40px;}
#camere .camera .nome-camera span{font-size:55px;}
#camere .camera .nome-camera span.numero-sotto{transform:translateY(10px);display:inline-block;}
#camere .camera .text{padding:0 20px;letter-spacing:1px;line-height:24px;}
#camere button{margin-top:17px;outline:none;position:relative;transition:all ease .3s;letter-spacing:1px;line-height:40px;width:auto;margin-right:0%;display:inline-block;border:1px solid #222;padding:0px 15px;background:none;}
#camere button:hover{padding-right:20px;transition:all ease .3s;}
#camere button::after{font-family:'FontAwesome';content:"\f178";font-size:20px;position:absolute;right:-7px;top:0;opacity:0;transition:all ease .3s;}
#camere button:hover::after{opacity:1;right:-15px;transition:all ease .6s;}
#camere .camera:hover .frame{width:98%;transition:all ease .3s;}
#camere .camera .img-container:hover{opacity:.6;transition:all ease .8s;cursor:url(../img/eye.png) 25 25, pointer;}
.layer-mob{width:100%;height:100%;position:absolute;top:0;right:0%;background:url('../img/eye-mob.png') center center no-repeat;opacity:0.6;z-index:2;display:none;}
#servizi{width:100%;padding:100px 0 60px;background:#252424;height:auto;position:relative;overflow:hidden;}
#servizi h3.title{letter-spacing:10px;font-size:200px;margin:0px;font-family:'Cormorant', sans-serif;position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
#servizi .icon-container{width:14.28%;height:128px;text-align:center;float:left;cursor:pointer;}
#servizi .icon-container .icon{height:83px;}
#servizi .icon-container svg{width:43%;margin:0 auto 10px;opacity:.2;}
#servizi .icon-container svg path{fill:#FFFFFF !important;}
#servizi .icon-container svg:hover{opacity:1;}
#servizi .icon-container .nome-servizio{display:block;height:45px;width:100%;font-family:'Open Sans', sans-serif;transition:all ease .1s;font-size:13px;letter-spacing:2px;text-align:center;color:#fff;margin-top:3px;opacity:0;}
#servizi .icon-container:hover .nome-servizio{opacity:1 !important;margin-top:0px;transition:all ease .2s;-webkit-font-smoothing:antialiased;}
svg#breakfast path.linea-fumo{opacity:0;}
svg#breakfast:hover path.linea-fumo{-webkit-animation:FadeIn 3s linear;animation:FadeIn 3s linear;animation-iteration-count:infinite;}
svg#breakfast:hover path.linea-fumo:nth-child(3){animation-delay:.1s}
svg#breakfast:hover path.linea-fumo:nth-child(1){animation-delay:.2s}
svg#breakfast:hover path.linea-fumo:nth-child(2){animation-delay:.3s}
svg#wififree path.onda-wifi{opacity:0;}
svg#wififree:hover path.onda-wifi{-webkit-animation:FadeIn 2s linear;animation:FadeIn 2s linear;animation-iteration-count:infinite;}
svg#wififree:hover path.onda-wifi:nth-child(3){animation-delay:.1s}
svg#wififree:hover path.onda-wifi:nth-child(1){animation-delay:.2s}
svg#wififree:hover path.onda-wifi:nth-child(2){animation-delay:.3s}
svg#televisore path.segnale{opacity:0;}
svg#televisore:hover path.segnale{-webkit-animation:FadeIn 1.5s linear;animation:FadeIn 1.5s linear;animation-iteration-count:infinite;}
svg#televisore:hover path.segnale:nth-child(7){animation-delay:.1s}
svg#televisore:hover path.segnale:nth-child(8){animation-delay:.2s}
svg#televisore:hover path.segnale:nth-child(10){animation-delay:.3s}
svg#televisore:hover path.segnale:nth-child(9){animation-delay:.4s}
svg#televisore:hover path.segnale:nth-child(11){animation-delay:.5s}
svg#bagno path.goccia{opacity:0;}
svg#bagno:hover path.goccia{-webkit-animation:FadeIn 2s linear;animation:FadeIn 2s linear;animation-iteration-count:infinite;}
svg#bagno:hover path.goccia:nth-child(2){animation-delay:.1s}
svg#bagno:hover path.goccia:nth-child(3){animation-delay:.2s}
svg#bagno:hover path.goccia:nth-child(4){animation-delay:.3s}
svg#bagno:hover path.goccia:nth-child(5){animation-delay:.4s}
svg#bagno:hover path.goccia:nth-child(6){animation-delay:.5s}
svg#bagno:hover path.goccia:nth-child(7){animation-delay:.6s}
svg#bagno:hover path.goccia:nth-child(8){animation-delay:.7s}
svg#bagno:hover path.goccia:nth-child(9){animation-delay:.8s}
svg#bagno:hover path.goccia:nth-child(10){animation-delay:.9s}
svg#condizionatore path.onda{opacity:0;}
svg#condizionatore:hover path.onda{-webkit-animation:FadeIn 2s linear;animation:FadeIn 2s linear;animation-iteration-count:infinite;}
svg#condizionatore:hover path.onda:nth-child(6){animation-delay:.1s}
svg#condizionatore:hover path.onda:nth-child(5){animation-delay:.2s}
svg#condizionatore:hover path.onda:nth-child(7){animation-delay:.3s}
svg#biancheria path.bagliore{opacity:0;}
svg#biancheria:hover path.bagliore{-webkit-animation:FadeIn .8s linear;animation:FadeIn .8s linear;animation-iteration-count:infinite;}
svg#biancheria:hover path.bagliore:nth-child(2){animation-delay:.1s}
svg#biancheria:hover path.bagliore:nth-child(3){animation-delay:.3s}
svg#biancheria:hover path.bagliore:nth-child(4){animation-delay:.5s}
svg#frigobar path.bottiglia{opacity:1 !important;}
svg#frigobar:hover path.bottiglia{-webkit-animation:FadeOut .2s linear;animation:FadeOut .2s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;}
svg#frigobar:hover path.bottiglia:nth-child(3){animation-delay:0;animation-iteration-count:1;}
svg#frigobar:hover path.bottiglia:nth-child(4){animation-delay:1s;animation-iteration-count:1;}
svg#frigobar:hover path.bottiglia:nth-child(5){animation-delay:2s;animation-iteration-count:1;}
svg#asciugacapelli path.onda{opacity:0;}
svg#asciugacapelli:hover path.onda{-webkit-animation:FadeIn 2s linear;animation:FadeIn 2s linear;animation-iteration-count:infinite;}
svg#asciugacapelli:hover path.onda:nth-child(3){animation-delay:.1s}
svg#asciugacapelli:hover path.onda:nth-child(2){animation-delay:.2s}
svg#asciugacapelli:hover path.onda:nth-child(4){animation-delay:.3s}
svg#pet path.coda{opacity:1;transform-origin:bottom right;}
svg#pet:hover path.coda{-webkit-animation:Rotate .5s linear;animation:Rotate .5s linear;animation-iteration-count:infinite;}
svg#pet:hover path.coda{animation-delay:.1s}
svg#pet:hover path.gamba{display:none;}
svg#reception path.din{opacity:0;}
svg#reception:hover path.button{-webkit-animation:Push 1s linear;animation:Push 1s linear;animation-iteration-count:infinite;}
svg#reception:hover path.din{-webkit-animation:FadeIn 1s linear;animation:FadeIn 1s linear;animation-iteration-count:infinite;}
svg#deposito path.valigia{opacity:0;transform:translateY(-5px);}
svg#deposito:hover path.valigia{-webkit-animation:Rotate2 1s linear;animation:Rotate2 1s linear;animation-iteration-count:infinite;}
svg#nosmooking rect{fill:#fff !important;}
svg#nosmooking rect.line{opacity:0;}
svg#nosmooking:hover rect.line{-webkit-animation:FadeIn 1s linear;animation:FadeIn 1s linear;animation-iteration-count:3;}
svg#parcheggio:hover path.luce{-webkit-animation:FadeIn .6s linear;animation:FadeIn .6s linear;animation-iteration-count:3;}
svg#lettino path.zeta{opacity:0;}
svg#lettino:hover path.zeta{-webkit-animation:FadeIn 1s linear;animation:FadeIn 1s linear;animation-iteration-count:infinite;}
svg#lettino:hover path.zeta:nth-child(4){animation-delay:.1s}
svg#lettino:hover path.zeta:nth-child(5){animation-delay:.3s}
svg# path.{opacity:0;}
svg#:hover path.{-webkit-animation:FadeIn .5s linear;animation:FadeIn .5s linear;animation-iteration-count:infinite;}
svg#:hover path.:nth-child(){animation-delay:.1s}
svg#:hover path.:nth-child(){animation-delay:.2s}
svg#:hover path.:nth-child(){animation-delay:.3s}
svg#:hover path.:nth-child(){animation-delay:.4s}
svg#:hover path.:nth-child(){animation-delay:.5s}
@keyframes FadeIn{0%{opacity:0;}
25%{opacity:0.5;}
50%{opacity:1;}
75%{opacity:0.5;}
100%{opacity:0;}
}
@keyframes FadeOut{from{opacity:1;}
to{opacity:0;}
}
@keyframes Rotate{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);transform-origin:bottom right;}
50%{opacity:1;-webkit-transform:rotate(10deg);transform:rotate(10deg);transform-origin:bottom right;}
100%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);transform-origin:bottom right;}
}
@keyframes Rotate2{0%{opacity:1;-webkit-transform:rotate(10deg);transform:rotate(10deg);transform-origin:bottom right;}
50%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);transform-origin:bottom right;}
100%{opacity:1;-webkit-transform:rotate(10deg);transform:rotate(10deg);transform-origin:bottom right;}
}
@keyframes Push{0%{-webkit-transform:translateY(0px);transform:translateY(0px);}
50%{-webkit-transform:translateY(5px);transform:translateY(5px);}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);}
}
#tariffe{overflow:visible !important;width:100%;z-index:7;padding:60px 0 30px;background:#f4f4f4;height:auto;position:relative !important;overflow:hidden;}
#tariffe h2{font-family:'Cormorant', sans-serif;text-align:center;font-size:40px;line-height:40px;margin-top:0px;margin-bottom:30px;letter-spacing:2px;text-transform:uppercase;}
#tariffe h2 span.numero-sotto{transform:translateY(10px);display:inline-block;}
#tariffe .text{font-size:14px;padding:0 20px;letter-spacing:1px;line-height:26px;text-align:center;margin-top:30px;}
#tariffe .text-prezzo{margin-top:30px;}
#tariffe .text-prezzo .text{text-align:right !important;}
#tariffe .colazione{bottom:-260px;top:50px;left:20px;z-index:7 !important;position:absolute !important;width:75%;height:auto;}
#tariffe .colazione:hover{cursor:url(../img/eye.png) 25 25, pointer !important;}
#territorio{width:100%;height:auto;padding:100px 0;font-family:'Open Sans' , sans-serif;position:relative;}
#territorio h2{font-size:20px;line-height:40px;margin-top:30px;margin-bottom:30px;letter-spacing:14px;text-transform:uppercase;}
#territorio h2 span{position:relative;display:inline-block;}
#territorio .localita{height:10vh;}
#territorio .text{font-size:14px;padding:0 20px;letter-spacing:1px;line-height:26px;text-align:center;margin-top:30px;}
#territorio .btn-filter-wrap{margin:20px 0;}
#territorio .btn-filter-wrap .btn-filter{font-family:'Open Sans' , sans-serif;color:#222222;opacity:.6;letter-spacing:1px;border:none;background:none;padding:4px 20px;margin-left:10px;margin-bottom:10px;}
#territorio .btn-filter-wrap .btn-filter:hover{opacity:1;}
#territorio .btn-filter.btn-active{background:none;opacity:1;outline:none;}
#localita .owl-carousel .item{position:relative;background:#f4f4f4 none repeat scroll 0 0;background-position:center center !important;background-size:cover !important;-webkit-background-size:cover !important;height:55vh;padding:1.4rem;}
#localita .owl-carousel .item{transition:.8s;-webkit-transition:.8s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
#localita .owl-carousel .item.__loading{opacity:0;transform:translateX(40px);-webkit-transform:translateX(40px);}
#localita .owl-carousel .item h4{margin:0 0 10px 0;}
#localita .owl-carousel .item .mask{opacity:0;transition:all ease .3s;}
.info-box{margin-top:10px;z-index:3;position:relative;width:100%;height:100%;display:table;background:#fff;opacity:0;transition:all ease .3s;}
.dettagli{text-align:center;display:table-cell;vertical-align:middle;}
.dettagli img.cultura-icon{width:55px !important;margin:0 auto 10px;}
.dettagli h2{letter-spacing:3px !important;line-height:normal !important;margin:0px !important;}
.dettagli .distance{font-size:20px !important;}
#localita .owl-carousel .item:hover .mask{opacity:1;transition:all ease .6s;}
#localita .owl-carousel .item:hover .info-box{opacity:1;margin-top:0px;transition:all ease .6s;transition-delay:.3s;}
.owl-nav{margin-top:10px;}
.owl-nav .owl-prev,
.owl-nav .owl-next{margin:17px 0px 0px;outline:none;position:relative;transition:all ease .3s;letter-spacing:1px;line-height:40px;width:auto;display:inline-block;border:1px solid #222;padding:0px 15px;background:none;}
.owl-nav .owl-next{margin-left:3px !important;top:15px;}
.owl-nav .owl-next:hover{padding-right:20px;transition:all ease .3s;}
.owl-nav .owl-next::after{font-family:'FontAwesome';content:"\f178";font-size:20px;position:absolute;right:-7px;top:0;opacity:0;transition:all ease .3s;}
.owl-nav .owl-next:hover::after{opacity:1;right:-15px;transition:all ease .6s;}
.owl-nav .owl-prev{margin-right:3px !important;}
.owl-nav .owl-prev:hover{padding-left:20px;transition:all ease .3s;}
.owl-nav .owl-prev::after{font-family:'FontAwesome';content:"\f177";font-size:20px;position:absolute;left:-7px;top:0;opacity:0;transition:all ease .3s;}
.owl-nav .owl-prev:hover::after{opacity:1;left:-15px;transition:all ease .6s;}
#contatti{width:100%;height:auto;margin-top:0px;margin-bottom:100px;font-family:'Open Sans', sans-serif;}
#contatti h2{font-size:20px;line-height:40px;margin-top:30px;margin-bottom:30px;letter-spacing:14px;text-transform:uppercase;}
#contatti h2 span{position:relative;display:inline-block;}
#contatti .contatti-img .img-container{transition:all ease .8s;position:relative;width:100%;min-height:400px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;-webkit-background-size:cover !important;}
#contatti .info-contatti{position:relative;width:100%;padding:40px;display:inline-block;background:#fff;z-index:6;}
#contatti .text{font-size:14px;padding:0 20px;letter-spacing:1px;line-height:26px;text-align:center;margin-top:20px;}
#contatti #map{width:100%;height:400px;}
#contatti .col-md-6.mappa{margin-top:-50px !important;}
footer{width:100%;height:auto;padding:40px 15px;font-family:'Open Sans' , sans-serif;text-align:center;font-size:11px;line-height:20px;letter-spacing:1px;position:relative;display:block;color:rgba(255,255,255,.8);background:#222;}
footer .logo-footer{width:80px;max-width:80px;height:auto;margin-bottom:10px;}
.bootstrap-datetimepicker-widget{font-family:'Open Sans', sans-serif !important;font-weight:300 !important;color:#222 !important;border-radius:0 !important;box-shadow:none !important;border:1px solid #222 !important;padding:10px 12px !important;}
.bootstrap-datetimepicker-widget .glyphicon{color:#000000;float:none !important;position:relative !important;right:0;top:-2px;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{font-weight:normal;text-transform:uppercase;}
.bootstrap-datetimepicker-widget table thead tr:first-child th, th.next, th.prev{border-bottom:1px solid #000000;}
.bootstrap-datetimepicker-widget table thead tr{height:41px;}
.bootstrap-datetimepicker-widget .disabled{opacity:0.5;}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;opacity:0.5;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background-color:#000000;border-radius:0;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover{border-radius:0;}
.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:33px;}
.bootstrap-datetimepicker-widget table td.today::before{border-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0) #000;}
.bootstrap-datetimepicker-widget table td span:hover{border-radius:0;}
.bootstrap-datetimepicker-widget table td span.month{text-transform:uppercase;}
.bootstrap-datetimepicker-widget table td span.active{background-color:#222222 !important;border-radius:0;color:#ffffff;}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover{background-color:#222222 !important;}
@media (max-width:998px){.row-eq-height{display:block !important;}
main{padding:0 40px 0px;}
.logo-icon{display:none;}
.book{display:none;}
#camere .camera .frame{display:none;width:100%;}
#servizi{padding:40px 0;}
#servizi h3.title{letter-spacing:3px;font-size:100px;bottom:-25px;}
#servizi .icon-container{width:20%;height:125px;}
#servizi .icon-container .icon{height:80px;}
#tariffe .colazione{position:relative !important;left:0;width:50%;margin:0 auto;}
#tariffe .prezzi:last-child{margin-top:30px;}
}
@media (max-width:767px){header{padding-right:5px !important;}
.logo-icon{display:block;top:0;left:0;z-index:9999;transform:none;}
.book{display:none;}
.overlay nav{width:100% !important;text-align:center !important;}
.overlay ul{left:0px !important;}
.overlay ul li a::after{display:none !important;}
.overlay .info{left:0px !important;width:100%;text-align:center !important;}
body{padding-top:0px;}
main{padding:0px;}
.header-logo img{width:150px;margin-left:70px;}
.header-book span{display:none;}
.header-book svg{margin-top:1px;}
.social ul li{padding:0px 4px;}
#home{height:100vh !important;min-height:100vh !important;overflow:hidden;}
#home .hero h2{font-size:28px;}
#home .hero .sub-title::after,
#home .hero .sub-title::before{width:0px;}
.line-left,
.line-right,
.line-center{display:none !important;}
#about{overflow:hidden;}
#disponibilita{padding:0px;}
#disponibilita .prenotazione{margin-bottom:0px;padding:40px 20px;}
#disponibilita .richiesta .campo{width:100%;margin-bottom:25px;}
#disponibilita .richiesta .campo:nth-child(3){width:70%;}
#disponibilita .richiesta .campo:nth-child(4){width:30%;}
#disponibilita .richiesta button{margin-top:30px;}
#camere,
#contatti{overflow:hidden;padding:40px 0 0;}
#camere .camera{margin:40px 0;}
#camere .camera .img-container{height:300px;}
#camere .camera .descrizione-camera{margin-top:10px;}
#camere .camera .frame{display:none;width:100%;}
#camere .camera .nome-camera{margin-top:20px;}
.layer-mob{display:block;}
#servizi{padding:40px 0;}
#servizi h3.title{letter-spacing:3px;font-size:100px;bottom:-25px;}
#servizi .icon-container{width:33.33333333333333%;height:115px;}
#servizi .icon-container .icon{height:70px;}
#servizi .icon-container svg{width:40%;}
#servizi .icon-container .nome-servizio{height:45px;display:block;font-size:12px;margin-top:3px;}
#tariffe{padding:40px 0;}
#tariffe .colazione{position:relative !important;left:0;width:100%;margin-bottom:60px !important;}
#tariffe .prezzi:last-child{margin-top:40px;}
#tariffe .text-prezzo .text{text-align:center !important;}
#territorio{padding:40px 0;}
#territorio h2{letter-spacing:12px;}
#contatti{margin-bottom:30px;}
#contatti .contatti-img .img-container{min-height:260px !important;}
#contatti .info-contatti{ border:none;}
#contatti #map{height:300px;}
}