/*Main menu*/

@keyframes animatedBackground {
  from {  background-position: 0 0;} to { background-position: 100% 0; }
}

@keyframes animatedInnerDiv {
  from { top: 50%; } to { top: 200%; }
}

.mainmenu-bar .btn-main {z-index: 4; display: table; opacity: 0; position: absolute; top: 50px; width: 50px; height: 50px; color: #fff; text-align: center; overflow:hidden; border: 1px solid transparent; background-image: url("../../../../public/finder/layout/immagini/menu/btn-main-pattern.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.mainmenu-bar .btn-main span { display: table-cell;  vertical-align: middle; } 
.mainmenu-bar .btn-main a {display: table;  width: 100%; height: 100%; color: #fff;}
.mainmenu-bar .btn-main:hover { opacity: .6 !important; /*animation: animatedBackground 2s linear infinite; background-repeat: repeat; background-size: auto;*/}
 
/*expand*/
.mainmenu-bar .btn-main.expand { background-image:none; background-color: #fff; border:1px solid #46BABD; transition: scale .9s ease-in-out;  }
.mainmenu-bar .btn-main.expand span { filter: brightness(0) invert(0);}
.mainmenu-bar .btn-main.expand:hover { }

.mainmenu-bar .btn-mainmenu { left:50px; width: 80px; height: 80px;  cursor: pointer; }
.mainmenu-bar .btn-mainmenu span { width: 32px; height: 32px; background-image: url("../../../../public/finder/layout/immagini/menu/icona-mainmenu.png"); background-position: center center; background-repeat: no-repeat; transition: scale .5s linear;} 
.mainmenu-bar .btn-mainmenu.expand { top: 49px; border-color: transparent;}
.mainmenu-bar .btn-mainmenu.expand span { background-image: url("../../../../public/finder/layout/immagini/menu/icona-close.png"); background-size: contain;}

.mainmenu-bar .btn-mainmenu.expand:hover {border-color:transparent;}

.mainmenu-bar .btn-lang { left:150px;}
.mainmenu-bar .btn-lang span { font-size: 18px; font-weight: 200; }

.mainmenu-bar .btn-map { left:220px;}
.mainmenu-bar .btn-map span { width: 20px; height: 20px; background-image: url("../../../../public/finder/layout/immagini/menu/icona-map.png"); background-position: center center; background-repeat: no-repeat;} 

.mainmenu-bar .btn-logo {  position: absolute; top: 48px; left: 50%; transform: translateX(-50%) !important; width: 460px; height:200px;background-image:none; border-color:transparent;overflow: hidden;  -webkit-transition: all .4s linear; -moz-transition: all .4s linear; transition: all .4s linear; }
.mainmenu-bar .btn-logo:after { content: ''; opacity: 0; z-index: -1; position: absolute; width: 100%; height: 100%; top:0; left: 0; background-image: url("../../../../public/finder/layout/immagini/menu/btn-main-pattern.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.mainmenu-bar .btn-logo.expand { display: none;}
.mainmenu-bar .btn-logo .logo img{ position: absolute; top: 0px;  left: 50%; transform: translateX(-50%) scale(1);transition: all .4s ease;   }
/*.mainmenu-bar .btn-logo.expand { border-color:transparent; background-image: url("../../../../public/finder/layout/immagini/Punta-Regina-logo-positive.png"); background-position: center center; background-repeat: no-repeat;} */

.mainmenu-bar .btn-logo.compatto {  width: 80px; height: 80px;  -webkit-transition: all .9s linear; -moz-transition: all .9s linear; transition: all .4s linear; }
.mainmenu-bar .btn-logo.compatto:after { opacity: 1;  transition: all .5s linear;  transition-delay: .4s }
.mainmenu-bar .btn-logo.compatto .logo img { top: -10px; transform: translateX(-50%) scale(.7); filter: grayscale(1) brightness(100); transition: all 0s linear;   }

.mainmenu-bar .btn-logo.filter-white .logo img { filter: grayscale(1) brightness(100); transition: all .5s linear; }

.header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo { width: 52px; height: 52px;  -webkit-transition: all .9s linear; -moz-transition: all .9s linear; transition: all .4s linear; }
.header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo:after { opacity: 1;  transition: all .5s linear;  transition-delay: .4s }
/*.header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo .logo {position: absolute; top: -5px; left: 50%; transform: translateX(-50%) scale(.8); width: inherit; height: inherit}*/
.header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo .logo {/* overflow: hidden;    width: 50px;    height: 50px; */}
.header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo .logo img { top: -35px; transform: translateX(-50%) scale(.5); transition: all .4s linear; /*filter: grayscale(1) brightness(100); */}
/*.header.navbar-fixed. navbar-small .mainmenu-bar .btn-logo .logo-main-svg { position: absolute; top: -5px; left: 50%; transform: translateX(-50%) scale(.8); width: inherit; height: inherit}*/


.mainmenu-bar .btn-tel { right:215px;}
.mainmenu-bar .btn-tel span { width: 20px; height: 20px; background-image: url("../../../../public/finder/layout/immagini/menu/icona-tel.png"); background-position: center center; background-repeat: no-repeat;} 

.mainmenu-bar .btn-mail { right:145px;}
.mainmenu-bar .btn-mail span { width: 20px; height: 20px; background-image: url("../../../../public/finder/layout/immagini/menu/icona-mail.png"); background-position: center center; background-repeat: no-repeat;} 

.mainmenu-bar .btn-book { width: 80px; height: 80px; right: 45px;}
.mainmenu-bar .btn-book span { width: 32px; height: 32px; background-image: url("../../../../public/finder/layout/immagini/menu/icona-book.png"); background-position: center center; background-repeat: no-repeat;} 
 
.mobile-bottom-bg { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 54px; /*background-color:rgba(70, 186, 189, .5);*/}
@media screen and (max-width: 812px) {
  .mobile-bottom-bg { display: block; opacity: 0;} 
  .mainmenu-bar .btn-main { top: 10px;  width: 50px; height: 50px;}
  .mainmenu-bar .btn-mainmenu { left:10px;}
  .mainmenu-bar .btn-mainmenu span {background-size: 80%;}
  .mainmenu-bar .btn-mainmenu.expand { top: 10px;}
  .mainmenu-bar .btn-book { right: 10px;  width: 50px; height: 50px;}

  .mainmenu-bar .btn-logo { width: 250px;height: 100px; top: 40px; } 
  .mainmenu-bar .btn-logo .logo img {top: -40px; transform: translateX(-50%) scale(.5);}
  .mainmenu-bar .btn-logo.expand {background-size: contain; }   
  .mainmenu-bar .btn-logo.compatto {  top: 10px !important;  width: 50px !important; height: 50px !important}
  .mainmenu-bar .btn-logo.compatto .logo img { top: -33px !important;  transform: translateX(-50%) scale(.55) !important;}   	
	
  .header.navbar-fixed.navbar-small .mainmenu-bar .btn-logo { top: 10px}	

  .mainmenu-bar .btn-map { position: fixed; top: inherit;  bottom: 10px;  left:55px; width: 35px; height:35px;}
  .mainmenu-bar .btn-lang { position: fixed; top: inherit; bottom: 10px;   left:10px;width: 35px; height:35px;}	
  .mainmenu-bar .btn-tel { position: fixed;top: inherit;  bottom: 10px; right:55px;width: 35px; height:35px;}	
  .mainmenu-bar .btn-mail { position: fixed;top: inherit;   bottom: 10px;  right:10px;width: 35px; height:35px;}	 	
  .mainmenu-bar .btn-main a {width: 70%; height: 70%; margin: 12% auto;}
  .mainmenu-bar .btn-main a span {background-size: contain;}
	
} 

/* Overlay style */
.menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; 
	
		/*background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,228,227,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,227,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e3',GradientType=0 );*/
 	background-color: #fff;		   
}

.menu-overlay:after { opacity: 0; transition: all .5s linear;  transition-delay: .5s; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../../../../public/finder/layout/immagini/menu/bg-menu-overlay.jpg"); background-position: bottom; background-repeat:no-repeat; background-size: cover; overflow-y: scroll; z-index: -1;}
.menu-overlay.expand:after { opacity: 1;  transition-delay: 1.2s;} 

/*.menu-overlay:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .2;
	background: rgb(255,255,255);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,228,227,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,227,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,227,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e3',GradientType=0 );
 
 }*/

/* Effectti */
/*scale*/
/*.overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s, opacity 0.4s, visibility 0s 0.2s; transition: transform 0.4s, opacity 0.4s, visibility 0s 0.4s; }
.overlay-scale.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
 */
/*contentpush*/
.overlay-scale { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.6s ease, visibility 0s 0.6s; transition: transform 0.6s ease, visibility 0s 0.6s; }
.overlay-scale.open { visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform .8s ease; transition: transform .8s ease; }
 
/* Menu */
.menu-overlay .mainmenu { text-align: center; position: relative; margin-top: 38px;  }
.menu-overlay .mainmenu:after {  content: ''; opacity: 0; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); width: 20px; height: 61px;   background-image: url("../../../../public/finder/layout/immagini/menu/icona-down.png"); background-position: bottom center; background-repeat: no-repeat; background-size: contain;  }


/*.menu-overlay .mainmenu-icondown { text-align: center; margin-top: 20px; }*/
.menu-overlay .mainmenu.open:after { opacity: 1; transition: opacity 0.7s ease-in;  transition-delay: 1.2s;}
.menu-overlay .mainmenu .logo { width: 300px; height: 140px; display: inline-block; margin: 0 auto; text-align: center; transition: height 0.15s ease-out;}
.menu-overlay .mainmenu .logo a { padding-top: 0;}
.menu-overlay .mainmenu .logo img{  opacity: 0; transition: opacity 0.95s ease-out;}
.menu-overlay .mainmenu .logo:hover { opacity: 0.65;   }
.menu-overlay .mainmenu .logo.open img{ opacity: 1; transition: opacity 1.2s ease-in;  transition-delay: .5s;}


.menu-overlay .mainmenu .menu-left { text-align: right; padding-top: 40px; padding-left: 10px; padding-right: 30px;  padding-bottom: 100px; }
.menu-overlay .mainmenu .menu-left:after { content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 0; background-color:#46BABD; transition: height 0.5s ease-out; }
.menu-overlay .mainmenu .menu-left.open:after { height: 100%; transition: height .6s ease-in;  transition-delay: .5s;}
.menu-overlay .mainmenu .menu-left a { text-align: right}
.menu-overlay .mainmenu .menu-right { text-align: left; padding-left: 30px; padding-right: 10px;}
.menu-overlay .mainmenu .menu-right ul { position: absolute; bottom: 20px;}
.menu-overlay .mainmenu .menu-right a { text-align: left}
 
.menu-overlay .mainmenu ul { padding: 0; margin: 0}
.menu-overlay .mainmenu li { list-style: none;}

.menu-overlay .mainmenu li.menu-transform { opacity: 0; transition: opacity 0.1s ease-in;  transition-delay: 0s; }
.menu-overlay .mainmenu li.menu-transform-active { opacity: 1;transition: opacity 0.3s ease-in;  transition-delay: .5s; }

.menu-overlay .mainmenu a { display: inline-block; font-weight: 300; font-size: 20px; padding: 12px 0; }
.menu-overlay .mainmenu a span.sottotitolo {position: relative; display: block; font-weight: 300; font-size: 10px; text-align: center; color: #46BABD; }
.menu-overlay .mainmenu a span.sottotitolo:before { content: ''; position: absolute; top: 3px; left: 0; width: 30px; border-top:1px solid #46BABD; }
.menu-overlay .mainmenu a span.sottotitolo:after { content: ''; position: absolute; top: 3px; right: 0; width: 30px; border-top:1px solid #46BABD; }
  
.menu-overlay .mainmenu a.active { color: #46BABD}
.menu-overlay .mainmenu a:hover { color: #ccc }

@media screen and (max-width: 812px) {
	.menu-overlay .mainmenu { margin-top: 18px;}
	.menu-overlay .mainmenu .logo { width: 210px;}
	.menu-overlay .mainmenu .menu-left { padding-top: 20px; padding-left: 10px; padding-right: 15px; padding-bottom: 40px;}
	.menu-overlay .mainmenu .menu-right { padding-left: 15px;}	
	.menu-overlay .mainmenu a {font-size: 14px;	}
	.menu-overlay .mainmenu a span.sottotitolo:after { width: 10px;}
	.menu-overlay .mainmenu a span.sottotitolo:before { width: 10px;}	
}
@media (max-width: 736px) {
}

@media (max-width: 667px) {
}

@media screen and (max-height: 30.5em) {
/*.menu-overlay .mainmenu { height: 70%; font-size: 34px; }
.menu-overlay ul li { min-height: 34px; }*/
}