@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome-webfont.html');
	src:url('../fonts/fontawesome-webfontd41d.html?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont-2.html#fontawesome') format('svg'),
		url('../fonts/fontawesome-webfont-3.html') format('woff'),
		url('../fonts/fontawesome-webfont-4.html') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Athelas';
	src: url("/wp-content/themes/montoya-child/assets/fonts/Athelas-Regular.woff2") format('woff2'),
       url('/wp-content/themes/montoya-child/assets/fonts/Athelas-Regular.woff') format('woff');
	font-weight: normal;
  	font-style: normal;
}
@font-face{
	font-family: 'bebas';
	src: url("/wp-content/themes/montoya-child/assets/fonts/BebasNeue-Regular.woff2") format('woff2'), 
	url("/wp-content/themes/montoya-child/assets/fonts/BebasNeue-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/* BEBAS KAI Font - SIL Open Font License */
@font-face {
	font-family: 'Bebas Kai';
	src: url('../fonts/BebasKai.woff2') format('woff2'),
		 url('../fonts/BebasKai.woff') format('woff'),
		 url('../fonts/BebasKai.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html,body{ -webkit-font-smoothing: antialiased;}
#home {
background: #ffffff;
}

/* Nasconde nuvola_1 e nuvola_5 */
#nuvola_1, #nuvola_5 {
display: none !important;
}

/* Terreno visibile solo nelle prime 2 sezioni - gestito via JS */
#terreno.terreno-hidden, #terrenomobile.terreno-hidden {
display: none !important;
}

iframe
{
width: 100%;
height: 100%;
top: 100%;
 position: fixed;
 background-color: #e6e6e8;

}
.overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=70);*/
	opacity: 0;

}
#aload {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
	width: 80px;
    height: 80px;
	z-index: 101;
	/*display: none;*/
}

#home_es {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #a0c3d4 71%, #91b2bf 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#a0c3d4 71%,#91b2bf 100%);
background: linear-gradient(to bottom, #ffffff 0%,#a0c3d4 71%,#91b2bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91b2bf',GradientType=0 );
}
#home_es h1 {
    padding: 20px;
    font-size: 4em;
}
#home_es #masthead {
    opacity: 1;
}
#home_es .page-title {margin-top: 20%;}



a{color:#AAA}body{color:#999}.page-desc{color:#d9f0ee}.content-box .entry-header,.content-box .team-content,.content-box .team-content h3,.content-box .team-content p,.content-box .team .member,.content-box .blogpost{background:#f1f1f1}.page-title h1,.parallax-page .page-title h1,.page .page-title h1,.author .page-title h1{color:#FFF}.page-title h4,.parallax-page .page-title h4,.page .page-title h4,.author .page-title h4{color:#ebf7f6}.navbar-inverse .navbar-nav >li >a{color:#333}.widget-title{color:#333}.blog-post-title,.team-content h3{color:#333}h1,h2,h3,h4,h5,h6{color:#333}.parallax-page .entry-header .blog-post-title,.parallax-page .entry-header .blog-post-title a{color:#333}.team-desc{background:#EDF4F3}.overlay{background:#ebf7f6}.page .entry-content,.comments-area,.comment-respond,.team-desc,.blog-main,.blog-sidebar{color:#666}.search-field,#commentform #author,#commentform #email,#commentform #url,#commentform textarea,textarea,input[type='text'],.search-form .search-submit,.widget .btn-default.search-submit i,.search-form .search-submit:hover,.search-form .search-submit:hover i{color:#333;background:#F2F2F2}.navbar-inverse,.pagination >li >a,.pagination >li >span,.pagination >li >a:hover,.pagination >li >span:hover,.pagination >li >a:focus,.pagination >li >span:focus,#portfolio-cat-filter{background:#5BAB9F}.navbar-inverse .navbar-nav >li >a,.pagination >li a,.pagination >li >span:hover,.pagination >li >a:focus,.pagination >li >span:focus{color:#000}.navbar-inverse .navbar-nav >li >a:hover,.pagination >li a:hover{color:#000}.navbar-inverse .navbar-nav >.current_page_item >a.dropdown-toggle,nav .current_page_item,nav .current_page_item:hover,nav .current_page_item a:focus,.navbar-inverse .navbar-nav >li.current_page_item >a:hover,.navbar-inverse .navbar-nav >li.current_page_item >a:focus,nav .dropdown-menu >.active >a,nav .dropdown-menu >.active >a:hover,nav .dropdown-menu >.active >a:focus,#masthead .navbar-nav li.current-menu-item,.navbar-inverse .navbar-nav >.current_page_item >a,.navbar-inverse .navbar-nav >.current_page_item >a:hover,.navbar-inverse .navbar-nav >.current_page_item >a:focus,.pagination >li.active a,.pagination >.disabled >span,.pagination >.disabled >span:hover,.pagination >.disabled >span:focus,.pagination >.disabled >a,.pagination >.disabled >a:hover,.pagination >.disabled >a:focus{color:#333 !important}.navbar-inverse .navbar-nav >.current_page_item >a.dropdown-toggle,nav .current_page_item,nav .current_page_item:hover,nav .current_page_item a:focus,.navbar-inverse .navbar-nav >li.current_page_item >a:hover,.navbar-inverse .navbar-nav >li.current_page_item >a:focus,nav .dropdown-menu >.active >a,nav .dropdown-menu >.active >a:hover,nav .dropdown-menu >.active >a:focus,#masthead .navbar-nav li.current-menu-item,.navbar-inverse .navbar-nav >.current_page_item >a,.navbar-inverse .navbar-nav >.current_page_item >a:hover,.navbar-inverse .navbar-nav >.current_page_item >a:focus,.pagination >li.active a,.pagination >.active >a,.pagination >.active >span,.pagination >.active >a:hover,.pagination >.active >span:hover,.pagination >.active >a:focus,.pagination >.active >span:focus,.pagination >.disabled >span,.pagination >.disabled >span:hover,.pagination >.disabled >span:focus,.pagination >.disabled >a,.pagination >.disabled >a:hover,.pagination >.disabled >a:focus{background:#f5da41}.blog-main a,.blog-sidebar a,.parallax-page .content-box a{color:#a9baba}.blog-main a:hover,.blog-sidebar a:hover{color:#333}a{color:#AAA}a:hover{color:#333}@media (max-width:768px){.navbar-collapse{border:none}.navbar-inverse .navbar-toggle{background:#4b8a7f;border-color:#4b8a7f}}.parallax-page a:hover{color:#333}.parallax-page .content-box a:hover{color:#333}.parallax-page,.template-parallax,.parallax-page .page-title h1{color:#FFF}.blog-post,.sidebar-module,.widget{background:#FFF}.btn-default,.parallax-page .content-box a.btn-default,.parallax-page .content-box a.btn-default i,.btn-group .btn-default i,.widget .btn-default i,.widget_tag_cloud a,.sidebar-module.widget tfoot a,.icon{background:#edf4f3;color:#333;border:none}.parallax-page .content-box a.btn-default:hover i,.parallax-page .content-box a.btn-default:hover,.btn-default:hover,.content-box .btn-default:hover,.btn-default:hover i,.widget_tag_cloud a:hover,.btn-default:focus,.btn-default:active,.btn-default:focus i,.btn-default:active i,.btn-default.active i,.btn-default.active,.open .dropdown-toggle.btn-default,.sidebar-module.widget tfoot a:hover,.icon:hover,.icon:hover i,.parallax-page .btn:hover{background:#f5da41;color:#333}.btn{border-color:transparent !important;position: absolute;cursor:pointer; }.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:0}
/*.pace{background:#FFF}.pace .pace-progress{background:#333}*/
#masthead {opacity:0;}
.preloader{}
.preloader{}
/*.pace .pace-progress:after{color:#FFF}*/
.content-box,.parallax-portfolio .slider li,.content-box .entry-header,.content-box .team-content,.content-box .team-content h3,.content-box .team-content p,.content-box .team .member,.content-box .blogpost{background:#FFF}.content-box p,.content-box{color:#999}.content-box .page-title h1{color:#333}.content-box .page-title h4{color:#999}.content-box .nano.has-scrollbar .nano-slider{background:#333}.nano.has-scrollbar .nano-slider{background:#FFF}

.content-boxs{
	/*width: 90%;
    max-width: 70em;
    margin: 0 auto;
    padding: 0 4em 3.125em 6em;*/
    width: 100%;
    max-width: 70em;
    margin: 0 auto;
}
.member{
    width: 33%;
    float: left;
    padding: 0 0.2%;
	margin: 4% auto;
}
.member.center{
    float: none;
}

.navbar {max-height: 0px;}
#home .navbar-header {float: none;max-height: 50px;}
#page #masthead {margin-top: -110px;position: fixed;background:#fff;z-index: 9;}
#page .container {    margin-top: 110px;}
#page .container-fluid  {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#page .main .container-fluid {box-shadow: none;}

.navbar-inverse {background: none;}
#main-navbar {width:80%;float: left;padding: 20px 50px;}
.navbar-brand {
    float: left;
    padding: 25px 50px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    position: absolute;
}
/* Override legacy style.css: .navbar-brand { pointer-events:none; } */
.template-parallax .navbar-brand {
    pointer-events: auto !important;
    cursor: pointer;
}
.template-parallax .navbar-brand img {
    pointer-events: auto !important;
}
.navbar-brand.page {padding: 15px 20px;position: initial;}
.navbar-inverse .navbar-nav >li >a {color:#000;}
.navbar-mob {
    float: right;
    padding: 25px 50px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    position: absolute;
}

#nuvola3, #nuvola1, #nuvole2, #nuvola5, #muovi-nuvola_4, #nuvola_dove1 {opacity: 0.7;}
#nuvole5, #nuvola6, #nuvola7, #nuvola_dove, #nuvola_5 {opacity: 0.5;}
#nuvola8, #nuvola9, #muovi-nuvola_3  {opacity: 0.3;}

.punto_home {background-size: cover;width: 45px;height: 49px;position: absolute;right: 0;background-image: url(../images/parallax/punto.png);z-index:10;background-repeat: no-repeat; cursor: pointer;}
.punto_home_rtl {background-size: cover;width: 45px;height: 49px;position: absolute;right: 0;background-image: url(../images/parallax/punto.png);z-index:10;background-repeat: no-repeat; cursor: pointer;}
.punto_home_text {
	/*font-size: 120%;padding: 0 15% 0 7%;opacity: 0;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;color: #fff;display: inline-block;vertical-align: middle;line-height: 1em;max-width: 280px;font-weight: 600;font-family: Dosis;letter-spacing: 1px;*/
    font-size: 140%;
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    color: #ac2624;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    max-width: 280px;
    font-weight: 700;
    font-family: 'Athelas', sans-serif;
    letter-spacing: 1px;
    position: absolute;
    right: 50px;
    top: 25px;
}
.punto_home_text_rtl {
	/*font-size: 110%;padding: 0 10% 0 25%;opacity: 0;transition: opacity 0.2s;-webkit-transition: opacity 0.2s;color: #fff;display: inline-block;vertical-align: middle;line-height: 1em;direction: rtl;max-width: 280px;font-weight: 600;font-family: Dosis;letter-spacing: 1px;*/
    font-size: 140%;
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    color: #ac2624;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    max-width: 300px;
    font-weight: 700;
    font-family: Athelas;
    letter-spacing: 1px;
    position: absolute;
    /*right: 20px;*/
    top: 25px;
	left: 50px;
}

#punto_home_text {
	z-index:100;
	top: 0px;
	position: absolute;
	/*right: 0;		*/
    width: 45px;
    height: 38px;
	line-height: 3em;
    /*background-color: #ac2624;*/
	background-color: transparent;
    border-radius: 20px;
    transition:width 0.5s; /* Animation time */
    -webkit-transition:width 0.5s; /* For Safari */
	text-align: left;
	right: 0px;
}
#punto_home_text_rtl {
	z-index:100;
	top: 0px;
	position: absolute;
    width: 40px;
    height: 38px;
	line-height: 3em;
    /*background-color: #ac2624;*/
	background-color: transparent;
    border-radius: 20px;
    transition:width 0.5s; /* Animation time */
    -webkit-transition:width 0.5s; /* For Safari */
	text-align: right;
	    left: -20px;
}


#circle-ripple_in, #circle-ripple_out, .punto_home_text, .punto_home_text_rtl {pointer-events:none;}

.parallaxItem .btn { z-index: 100; }


.punto_home:hover ~ #punto_home_text {width: 360px !important;}
.punto_home:hover ~ #punto_home_text .punto_home_text {transition-delay:0.22s;opacity: 1;}
/*#punto_home_text:hover .punto_home_text {transition-delay:0.22s;opacity: 1;}*/

.punto_home_rtl:hover ~ #punto_home_text_rtl {width: 360px !important;}
.punto_home_rtl:hover ~ #punto_home_text_rtl .punto_home_text_rtl {transition-delay:0.22s;opacity: 1;}
/*#punto_home_text_rtl:hover .punto_home_text_rtl {transition-delay:0.22s;opacity: 1;}*/

.hb-rotate-menu-wrapper {display: table !important;margin: 0 auto;top: -252px;}
.hb-image {
	background-image: url(../images/parallax/ruota.svg);
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	transform: rotate(-40deg);
	/*cursor: none !important; */
    /*cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
	cursor: url(../../images/plus.cur),auto !important;*/
}

/* Stringe il cerchio dei testi e porta le scritte davanti alla ruota */
.hb-rotate-menu .hb-link {
	padding-top: 160px !important;
	z-index: 10;
}
.hb-rotate-menu .hb-link a {
	position: relative;
	z-index: 10;
	color: transparent !important;
	cursor: pointer;
}

.hb-rotate-menu .hb-link a:hover,
.hb-rotate-menu .hb-link a.active,
.hb-rotate-menu .hb-link a:focus {
	color: #333 !important;
	opacity: 0 !important;
}

/* Nasconde le linee SVG tra le sezioni */
.hb-rotate-menu svg {
	display: none !important;
}

.triangle-up {
    width: 10%;
    height: 0;
    padding-left:10%;
    padding-bottom: 10%;
    overflow: hidden;
}
.triangle-up:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-bottom: 500px solid #4679BD;
}

.title-home-header {
    float: left;
    padding: 28px 120px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    position: absolute;
}
.title-home-header  h3 {margin-top: 10px;font-weight: 600; font-family: 'bebas', sans-serif;}
.hb-rotate-menu .hb-link a {font-size: 16px !important; font-family: 'Athelas', sans-serif !important; font-weight: 600;}

/* SEGUI MOUSE */
.circle-out {
	position: absolute;
	padding: 0px;
	opacity: 0;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s;
	z-index:999999;
	cursor: none !important;
	pointer-events:none;
}
.circle-out img {
	height: 60px;
	width: 60px;
	margin: 0 0;
	z-index:999999;
	cursor: none !important;
	pointer-events:none;
}


.wrapall {z-index:0;}

/* PRELOADER */

body.agrelli-loading .parallaxItem .btn,
body.agrelli-loading .punto_home,
body.agrelli-loading .punto_home_rtl,
body.agrelli-loading #circle-ripple_out,
body.agrelli-loading #circle-ripple_in,
body.agrelli-loading #agrelli-punto-labels {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.preloader {
  width: 100%;
  height: 100vh;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: 'Athelas', sans-serif;
  position: absolute;
  z-index:201;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #a0c3d4 71%, #91b2bf 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#a0c3d4 71%,#91b2bf 100%);
background: linear-gradient(to bottom, #ffffff 0%,#a0c3d4 71%,#91b2bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91b2bf',GradientType=0 );
}
.preloader__status {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.preloader__status-text {
  font-size: 40px;
  font-family: 'Athelas', sans-serif;
  margin-bottom: 20px;
  display:none;
}
.preloader__status-loader {
  width: 100%;
  height: 3px;
}
.preloader__status-bar {
  background: white;
  height: 100%;
  width: 0%;
}
.frontpage {
  height: 100vh;
  background: #34495e;
}
.frontpage__title {
  color: white;
}


.punto_home.noshow, .punto_home_text.noshow, .punto_home_rtl.noshow {
	/*display:none;*/
   -ms-animation-play-state:paused;
   -o-animation-play-state:paused;
   -moz-animation-play-state:paused;
   -webkit-animation-play-state:paused;
  animation-play-state: paused;
}
.punto_home.visible, .punto_home_text.visible, .punto_home_rtl.visible {
	/*display:none;*/
   -ms-animation-play-state:run;
   -o-animation-play-state:run;
   -moz-animation-play-state:run;
   -webkit-animation-play-state:run;
  animation-play-state: run;
}
.punto_home.visible {
  animation-fill-mode: both;
  animation-iteration-count: 2;
  animation-name: pulse;
  animation-duration: 1.5s;

}
.punto_home_text.visible {
  animation-fill-mode:  both;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
  animation-name: pulse;
  animation-duration: 1.5s;
}
.punto_home_rtl.visible {
  animation-fill-mode:  both;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
  animation-name: pulse;
  animation-duration: 1.5s;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}
#circle-ripple_out.hide, #circle-ripple_in.hide {
	display:none;
   -ms-animation-play-state:paused;
   -o-animation-play-state:paused;
   -moz-animation-play-state:paused;
   -webkit-animation-play-state:paused;
	animation-play-state: paused;
}
#circle-ripple_out.visible, #circle-ripple_in.visible {
	display:block;
   -ms-animation-play-state:run;
   -o-animation-play-state:run;
   -moz-animation-play-state:run;
   -webkit-animation-play-state:run;
  animation-play-state: run;
 }
#circle-ripple_out, #circle-ripple_in {
	z-index:0;
	top: 0px;
	position: absolute;
    width: 40px;
    height: 40px;
	/*line-height: 59px;*/
    background-color: #ac2624;
    border-radius: 50%;
    border: 5px solid lightgrey;
	display: none;
	/*animation-fill-mode:  both;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2;
	animation-name: riple;
	animation-duration: 1s;*/
}
/*#circle-ripple_in {background-color: #fff200;}*/
#punto_home_text #circle-ripple_out, #punto_home_text #circle-ripple_in {right: 0;}
#punto_home_text_rtl #circle-ripple_out, #punto_home_text_rtl #circle-ripple_in {left: 0;}
#circle-ripple_in {animation-delay: 0.70s;}
@keyframes riple {100% {transform: scale(3, 3);opacity: 0;}}

/*.parallaxItem {animation-timing-function: ease-in;-webkit-animation-timing-function: ease-in;}*/
@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}



/* menu */
#home h1 {
  padding: 20px;
  font-size: 4em;
  border-top: 5px solid;
  border-bottom: 5px solid;
}
#page h1 {
  padding: 20px;
  font-size: 4em;
}
a {
  text-decoration: none;
  color: inherit;
}

.fadeInDown {
  opacity: 1 !important;
  transform: translateY(10px) !important;
}

#menu-btn {
    position: absolute;
    right: 20px;
    padding: 0.5%;
    font-weight: 300;
    user-select: none;
    margin: 1.5% 2.5%;
}
#menu-btn i {font-size: 250%;color: #000;}
#menu-btn:hover {cursor: pointer;}

#menu__panel {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -50px;
  width: 300px;
  z-index: 9999;
  background-color: #111415;
  /*background-color: rgba(172, 38, 36, 0.85);*/
  box-shadow: -2px 2px 20px rgba(0, 0, 0, 0.5);
  user-select: none;
  transform: translateX(300px);
  transition: transform 0.5s;
}

.menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  top: 12%;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu__panel .menu-item {
  width: 100%;
  height: 40px;
  opacity: 0;
  transform: translateY(0);
  transition: all 0.3s;
  cursor: pointer;
}
#menu__panel .menu-item:hover {
  background-color: #951c1c;

}
#menu__panel .menu-item:hover a, #menu__panel .menu-item:hover a p.titlestrong, #menu__panel .menu-item:hover a p.titlered {color: #fff;}
#menu__panel .menu-item i {
  margin: 0 15px;
  font-size: 1.35em;
      display: none;
}
#menu__panel .menu-item a {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding-left: 45px;
  line-height: 40px;
  text-decoration: none;
  font-size: 1.35em;
}

#menu__panel .menu__close {
    position: absolute;
    top: 3%;
    left: 15%;
    padding: 5px 10px;
    transition: transform 0.5s;
    font-size: 4em !important;
}
#menu__panel .menu__close:hover {
  cursor: pointer;
  color: #fff;
}
#menu__panel .menu__audio {
    /*position: absolute;
    top: 3.5%;
    right: 32%;
    padding: 5px 10px;
    transition: transform 0.5s;
    font-size: 3em !important;*/
    font-size: 2.5em;
    margin: -5px 0 5px 25px;
}

#menu__panel .menu__audio:hover {
  cursor: pointer;
  color: #fff;
}

#paracadute { bottom:380px; left:8%; transition: bottom 3.5s ease; }
#lampadina{bottom:200px;left:47%;transition: bottom 2.8s ease;}
#pianta{bottom:90px;left:78%;transition: bottom 2.4s; }
#palloni{top:400px;left:38%;transition: top 2.8s ease;-webkit-transition:  top 2.8s ease;-ms-transition:  top 2.8s ease;-moz-transition:  top 2.8s ease;}

#super {
	/*transition:left 2.5s ease-out;
    -webkit-transition:left 2.5s ease-out;*/


	}
/*animation-timing-function:cubic-bezier(0.2,0,0,1) !important;-webkit-animation-timing-function: cubic-bezier(0.2,0,0,1)!important;-webkit-transition-timing-function: cubic-bezier(0.2,0,0,1)!important;transition-timing-function: cubic-bezier(0.2,0,0,1)!important;*/

#vulcano{
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transform: scale(1.5);transition: scale 2.4s;animation-timing-function:cubic-bezier(0.2,0,0,1) !important;-webkit-animation-timing-function: cubic-bezier(0.2,0,0,1)!important;-webkit-transition-timing-function: cubic-bezier(0.2,0,0,1);transition-timing-function: cubic-bezier(0.2,0,0,1);}


#nido img, #tuffatore img{position:fixed;}
#rotate-tuffatore, #rotate-tuffatore.deanimate {
    position: absolute;
    margin:-60px 0 0 -60px;

}
#rotate-tuffatore.animate {
    -webkit-animation:spin 3s linear 3;
    -moz-animation:spin 3s linear 3;
    animation:spin 3s linear 3;
}
@-moz-keyframes spin {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {100% {-webkit-transform: rotate(360deg);transform:rotate(360deg);}}
/*#sbuffo1 {opacity:1;width:70%;height: auto;position: absolute;left: 5px;top: 30px;    -webkit-animation-timing-function: linear!important;animation-timing-function: linear!important;}*/

#sbuffo1 {opacity:0;width:100%;height: auto;position: absolute;left: 0px;bottom: -80px;-webkit-animation-timing-function: linear!important;animation-timing-function: linear!important;}
#sbuffo1.deanimate.animate {animation: smokeT 2s 0s 4; }
#sbuffo2, #sbuffo3, #sbuffo4 {opacity:0;width:70%;height: auto;position: absolute;left: 30px;bottom: -80px;-webkit-animation-timing-function: linear!important;animation-timing-function: linear!important;}
#sbuffo2.deanimate.animate {animation: smokeR 3s 1s 6; }
#sbuffo3.deanimate.animate {animation: smokeL 3s 2s 5; }
#sbuffo4.deanimate.animate {animation: smokeR 3s 3s 4; }
@keyframes smokeL {
	0%   { transform: scale(0.2) translate(0, 0) }
	20%  { opacity: 0.5; transform: scale(0.2) translate(0, -50px)}
	40%  { opacity: 1; transform: scale(0.2) translate(0, -80px) }
	100% { opacity: 0; transform: scale(1) translate(-50px, -130px) }
}
@keyframes smokeR {
	0%   { transform: scale(0.2) translate(0, 0) }
	20%  { opacity: 0.5; transform: scale(0.2) translate(0, -50px)}
	40%  { opacity: 1; transform: scale(0.2) translate(0, -80px) }
	100% { opacity: 0; transform: scale(1) translate(50px, -130px) }
}
@keyframes smokeT {
	0%  { opacity: 0; bottom: -40px; transform: scale(0.5) }
	60%  { opacity: 1; bottom: 0px; transform: scale(1)}
	70% { opacity: 0.7; bottom: 0px;  transform: scale(1)}
	100% { opacity: 0; bottom: 0px;  transform: scale(1)}
}
@keyframes smokeU {
	0%  { opacity: 0;}
	10%  { opacity: 0.1;}
	40%  { opacity: 0.4;}
	60%  { opacity: 0.7;}
	80%  { opacity: 0.4;}
	100% { opacity: 0;}
}

#poltrona-campo{display:none !important;}
#campo-poltrona,#campo-poltrona.deanimate {position:relative !important;bottom:auto !important;opacity: 0;left:0;z-index:2;transform: translateY(-200px);}
#campo-poltrona.deanimate.animates {bottom:150px;}
#campo-poltrona.deanimate.animates,
#campo-poltrona.deanimate.animate {
  -webkit-animation: cadutaPoltrona 4.8s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  -moz-animation: cadutaPoltrona 4.8s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  animation: cadutaPoltrona 4.8s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

@-webkit-keyframes cadutaPoltrona {
	0%   { transform: translateY(-200px); opacity: 0; }
	15%  { opacity: 1; }
	100% { transform: translateY(0); opacity: 1; }
}
@keyframes cadutaPoltrona {
	0%   { transform: translateY(-200px); opacity: 0; }
	15%  { opacity: 1; }
	100% { transform: translateY(0); opacity: 1; }
}

/*#muovi-interrogativo,#muovi-interrogativo.deanimate {position:absolute;bottom:0px ;opacity: 1;right: 0px;z-index:0;}
#muovi-interrogativo.deanimate.animates {bottom:150px;}
#muovi-interrogativo.deanimate.animate {
  -webkit-animation: interroga 4.5s linear 1;
  -moz-animation: interroga 4.5s linear 1;
  animation: interroga 4.5s linear 1;

}*/
#interrogativo {
-webkit-transition: bottom 3.5s linear;
  -moz-transition: bottom 3.5s linear;
  -o-transition: bottom 3.5s linear;
  -ms-transition: bottom 3.5s linear;
  transition: bottom 3.5s linear;
}
#astronave {
-webkit-transition: bottom 3s linear;
  -moz-transition: bottom 3s linear;
  -o-transition: bottom 3s linear;
  -ms-transition: bottom 3s linear;
  transition: bottom 3s linear;
}
#alieni {
-webkit-transition: bottom 3.5s linear;
  -moz-transition: bottom 3.5s linear;
  -o-transition: bottom 3.5s linear;
  -ms-transition: bottom 3.5s linear;
  transition: bottom 3.5s linear;
}
#astronauta {
-webkit-transition: top 2.5s ease;
  -moz-transition: top 2.5s ease;
  -o-transition: top 2.5s ease;
  -ms-transition: top 2.5s ease;
  transition: top 2.5s ease;
}

#muovi-squalo.animate {
  animation-name: Floatingx2;
  animation-duration: 5s;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}
@keyframes Floatingx2 {
  from {-webkit-transform: translate(0, 0px);}
  15% {-webkit-transform: translate(-10px, 5px);}
  45% {-webkit-transform: translate(-30px, 3px); -webkit-transform: scale(0.9,0.9);}
  65% {-webkit-transform: translate(-60px, 3px); -webkit-transform: scale(0.7,0.7);}
  80% {-webkit-transform: translate(-30px, 1px); -webkit-transform: scale(0.9,0.9);}
  to {-webkit-transform: translate(0, 0px);}
}

#muovi-spada.animate {
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-iteration-count: 1;

}

@keyframes shake {
  20%, 90% {
    transform: translate3d(-0.5px, 0, 0);
  }

  30%, 80% {
    transform: translate3d(0.5px, 0, 0);
  }

  40%, 50%, 70% {
    transform: translate3d(-0.5px, 0, 0);
  }

  50%, 60% {
    transform: translate3d(0.5px, 0, 0);
  }
}

#monster {
  width: 190px;
  height: 240px;
  margin: 2% auto;
  background: url('../images/parallax/monster.png') left center;
}
#monster.playmonster {
  animation: play .8s steps(10) 10;
}

@keyframes play {
	100% { background-position: -1900px; }
}

#alieni {
  width: 450px;
  height: 371px;
  margin: 2% auto;
  background: url('../images/parallax/alienianim.png') left center;
}
/* DISABILITATO - poltrona deve stare ferma
#alieni.playalieni {
  animation: playalieni .8s steps(2) 5;
}
@keyframes playalieni {
	100% { background-position: -900px; }
}
*/

/*@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	.sprite {
		 background-image: url();
	}
}*/

#palazzoberio a {
  left: 20%;
  top: 50%;
}

#uccello {
  z-index:80!important;
}

#palazzoberio {
 /* bottom:16vw!important;*/
  background-size: contain!important;
}

@media (max-width:1499px) {
  #palazzoberio {
    /*bottom: 18.5vw!important;*/
  }
}

@media (max-width:1124px) {
  #palazzoberio {
    height:330px!important;
    /*bottom: 18.5vw!important;*/
  }
}

@media (max-width:1024px) {
  #palazzoberio {
    /*bottom: 31.5vw!important;*/
  }
}

@media (max-width:900px) {
  #palazzoberio {
    height:300px!important;
    width:700px!important;
  }
}

@media (max-width:800px) {
  #palazzoberio {
    height:250px!important;
    width:600px!important;
  }
}

@media (max-width:767px) {
  #palazzoberio {
    height: 212px!important;
    width: 502px!important;
    /*bottom: 15vw!important;*/
  }
}

@media (max-width: 610px) {
  #palazzoberio {
    height: 150px!important;
    width: 360px!important;
    /*bottom: 15.5vw!important;*/
  }
}

@media (max-width: 414px) {
  #palazzoberio {
    height: 140px!important;
    width: 360px!important;
    bottom: 34.5vw!important;
   /* margin-left: 68px!important;*/
  }
}

@media (max-width: 375px) {
  #palazzoberio {
    height: 135px!important;
    width: 354px!important;
    bottom: 34vw!important;
    margin-left:52px!important;
  }
}

#palazzoberio a#roma      {left: 39%;top: 27%;}
#palazzoberio a#milano    {left: 76%;top: 5%;display:none!important;}

#palazzoberio.playpalazzo {
  animation: playpalazzo 1.4s steps(6) 3;
}
#bandiera.playbandiera {
  animation: playbandiera 1.8s steps(11) 3;
}

#alieni {margin: 2% auto;}
/* DISABILITATO - poltrona deve stare ferma
#alieni.playalieni {
  animation: playalieni .8s steps(2) 5;
}
*/
/*@keyframes playalieni {
	100% { background-position: -900px; }
}*/

/*@-moz-keyframes spin {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {100% {-webkit-transform: rotate(360deg);transform:rotate(360deg);}}*/

#muovi-ampolla {position:absolute;opacity: 1;bottom:-10px;left:19px;z-index:0;width: 32px;
	-webkit-transition: bottom 2.5s ease-in-out;
  -moz-transition: bottom 2.5s ease-in-out;
  -o-transition: bottom 2.5s ease-in-out;
  -ms-transition: bottom 2.5s ease-in-out;
  transition: bottom 2.5s ease-in-out;}
#muovi-ampolla.deanimate.animates {bottom:-10px;}
#muovi-ampolla.animate {bottom:-100px;}

/* Scivolamento ampolla: anima l'immagine dentro, non il container */
/* Parte solo quando la classe scivola-active viene aggiunta via JS */
#ampolla > img:first-child {
	transform: translate(20px, -25px);
}
#ampolla.scivola-active > img:first-child {
	animation: scivolaAmpolla 10s ease-in-out 0.5s forwards;
}
@keyframes scivolaAmpolla {
	0%   { transform: translate(20px, -25px); }
	100% { transform: translate(-50px, 60px); }
}

/* ITALIA */
.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #89849b;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
}
.pin:after {
  content: '';
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #2f2f2f;
  position: absolute;
  border-radius: 50%;
}
.pulse {
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px #89849b;
  box-shadow: 0 0 1px 2px #89849b;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
/* FINE ITALIA */
.titlestrong {font-weight: 800;color: #aaa;display:inline-block; font-family: 'Athelas', sans-serif;}
.titlered {color:#ef4947;display:inline-block;}
#menu__panel .menu-item a:visited {
    color: #fff !important;
}

.langs {margin-top: 20%;list-style: none;}
.langs-item {cursor: pointer;background-size: 35px;background-repeat: no-repeat;width: 30px !important;padding: 0px;margin: 0px 5px 0 0;height: 30px !important;list-style: none;position: relative;float: left;}
.langs-item.it {background-image: url(../images/it.png);}
.langs-item.uk {background-image: url(../images/uk.png);}
.langs-item.es {background-image: url(../images/es.png);}
.langs-item.enable {opacity: 1 !important;}
.langs-item.disable {opacity: 0.5 !important;}
.langs-item.disable:hover {opacity: 1 !important;}

.copy {position: absolute;bottom: 5%;list-style: none;display: inline-grid;}
.copy .item-copy p {margin:0px;display: inline-block;}
.copy .item-copy.linetop {border-top: solid 1px #999;height: 10px !important;}
.copy .item-copy.linebottom {border-bottom: solid 1px #999;margin-bottom: 20%;height: 10px !important;}
.copy .item-copy.link.out {width: 140%;padding: 5px;}
.copy .item-copy.link.out p {padding: 5px;margin-left: 7px;}
.menu-item.item-copy a:hover {background-color: transparent !important;}
.menu-item.item-copy a {    padding-left: 0 !important;height: 20px !important;}
.menu-item.item-copy i {margin: 0 15px 0 0 !important;}
.copy .menu-item.item-copy.link {width: 100% !important;padding: 0px;margin: 0px 5px;height: 50px !important;list-style: none;position: relative;float: left;}
.copy .menu-item.item-copy.link p {text-transform: none !important;}
.copy .item-copy.link a:hover {color:#fff;}
.copy .item-copy.link a:hover p {background-color: #951c1c;}
#muovipianeta1 img,#muovipianeta2 img,#muovipianeta3 img,#muovipianeta4 img,#muovipianeta5 img, #scoglio, #astronauta, #scogliotuffo {pointer-events:none;}
#sistemasolare{position: relative !important;}


/* CHE COSA */

#muovi-nuvola_4.floatings {
  -webkit-animation-name: FloatingNuvola4;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
}

#muovi-nuvola_3.scaling {
  animation-name: FloatingNuvola3;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-delay: 0.5s;

}
@keyframes FloatingNuvola4 {
	0% { transform: scale(1);opacity: 0.7;}
	55% { transform: scale(1.1);opacity: 0.9;}
	75% { transform: scale(1);opacity: 0.7;}
	85% { transform: scale(1.03);opacity: 0.9;}
	100% { transform: scale(1);opacity: 0.7;}
}
@keyframes FloatingNuvola3 {
	0% { transform: scale(1);opacity: 0.3;}
	55% { transform: scale(1.1);opacity: 0.5;}
	75% { transform: scale(1);opacity: 0.3;}
	85% { transform: scale(1.03);opacity: 0.5;}
	100% { transform: scale(1);opacity: 0.3;}
}
titlestrong {font-weight: 800;}
titlenormal {font-weight: 400;}

#terrenomobile, #scogliospadamobile {opacity:0;}

@media (max-width:1024px) and (orientation:landscape) {
	/*#bandiera {top: 17% !important;left: 114% !important;}*/
  #bandiera {
    top: 19% !important;
    left: 116% !important;
    /*width: 100px !important;
    height: 117px !important;
    background-size: 1100px 117px !important;*/
  }
	#sistemasolare {top:10%  !important;}
#alieni a {
    left: -160px;
    top: 60px;
}
#menu__panel .menu-item a, #menu__panel .menu-item {height: 25px; line-height: 25px;}
}
@media (max-width:1024px) and (orientation:portrait) {
	#bandiera {top: 4% !important;left: 114% !important;}
	#sistemasolare {top:25%  !important;}
.testimonial-avatar a, .testimonial-avatar a.active {
    width: 33%;
}
#menu__panel .menu-item a, #menu__panel .menu-item {height: 25px; line-height: 25px;}

}
@media (max-width:768px) and (orientation:landscape) {
	#alieni a {left: -80px;top: -30px;}

}
@media (max-width:768px) and (orientation:portrait) {
	#alieni a {left: -60px;top: -20px;}
}
@media (max-width:1024px){
#hb-rotate-menu-wrapper, .punto_home_text_rtl, .punto_home_text {display:none !important;}
.navbar {padding: 5% !important;}
#menu-btn {padding: 2% 8% !important;}
#menu-btn i {font-size: 350% !important;}
#muovi-ampolla {bottom:-30px;}
#muovi-ampolla.deanimate.animates {bottom:-30px;}
#bandiera a {top: 75% !important;right: -40% !important;}
#tuffatore a {top: -5% !important;}
#nido a {right: 40px;top: -60px;}
#spada a {top: -200px;right: -100px;}

#scopio a {right: -100px;top: -20px;}

#menu__panel .menu-item a, #menu__panel .menu-item {height: 25px; line-height: 25px;}

}


@media (max-width:768px){
#muovi-ampolla {width: 30px;height: auto;bottom:-30px;    left: 16px;}
#muovi-ampolla.deanimate.animates {bottom:-30px;}
#nido a {right: 50px;}
#spada a {top: -200px;right: -100px;}
#alieni a {
    left: -110px;
    top: 50px;
}
#bandiera a {
    top: 75% !important;
    right: -10% !important;
}
#vulcano-sbuffo a {
    left: 100px;
    top: -30px;
}
#paracadute a {
    top: 40px;
}





}


/*@media (max-width:736px) and (orientation:landscape) {*/
@media (max-width:767px) and (orientation:landscape) {
	.navbar {padding: 0 !important;}
	#menu-btn {padding-top: 12px !important;padding-right: 0px !important;}
	#menu-btn i {font-size: 350% !important;}
	.navbar-brand {padding: 18px 20px  !important;}
	.title-home-header {padding: 22px 85px;}
	.title-home-header h3 {width: 250px  !important;}

	#menu__panel .menu-item {height: 20px;}
	#menu__panel .menu-item a {height: 20px;line-height: 20px;}
	#menu__panel .menu__close {font-size: 2.5em !important;}
	#menu__panel {width: 400px;}

	/*.langs {
		margin-top: 10px;
		list-style: none;
		width: 50px;
		position: absolute;
		right: 110px;
	}*/
	/*.langs-item {    margin: 5px 5px 5px 0;}
	#menu__panel .menu__audio {
		font-size: 2.3em;
		margin: 5px 0 5px 5px;
	}*/


	#paracadute img {width: 97px;}
	#super {left: 35%;}
	#super a {right: -50px;top: -40px;}
	#manichino {bottom: 53px !important;}
	#manichino img {width: 43px !important;}
	#ampolla {bottom: 76px !important;}
	#muovi-ampolla {width: 15px;left: 5px;}
	#muovi-ampolla.animate {bottom: -50px;}
	#vulcano-sbuffo {bottom: 170px;left: 18.5%;}
	#vulcano-sbuffo a {left: 50px;top: -50px}
	#sbuffo2, #sbuffo3, #sbuffo4 {left: 20px;bottom: -50px;}
	#poltrona a {top: 0px;left: 180px;}
	#ampolla a {left: 40px;top: -10px;}
	#muovipianeta3 a {top: -30px !important;right: -60px !important;}
	#bandiera.playbandiera {animation: playbandiera667land 1.8s steps(11) 3 !important;}
	#bandiera {width: 100px !important;height: 117px !important;/*background-size: 1100px 117px !important;*/top: 16% !important;left: 85% !important;}
	#bandiera a {top: 50% !important;right: -60% !important;}
	/*#palazzoberio {width: 350px !important;height: 121px !important;background-size: 2100px 121px !important;}*/
  #palazzoberio {
    height: 150px!important;
    width: 360px!important;
    bottom: 15.5vw!important;
  }
	#palazzoberio.playpalazzo {animation: playpalazzo667land 1.4s steps(6) 3 !important;}
	#tuffatore {top: 190px !important;}
	#tuffatore img {width: 106px;}
	#nido a {/*right: 150px;*/top: -20px;}
	#spada a {top: -180px;right: -200px;}
	#alieni a {left: -210px;top: -90px;}
	#target a {top: -80px;right: -10px;}
	#palloni a {top: -40px;}
	#scopio a {right: -70px;top: 20px;}

.copy {bottom: 0;}
.copy .item-copy p {width: 80%;line-height: 1em;}

}

@media (max-width:667px){
	.navbar {padding: 0 !important;}
	#menu-btn {padding-top: 12px !important;padding-right: 0px !important;}
	#menu-btn i {font-size: 350% !important;}
	.navbar-brand {padding: 18px 20px  !important;}
	.title-home-header {padding: 22px 85px;}
	.title-home-header h3 {width: 250px  !important;}


}

@media (max-width:667px) and (orientation:portrait) {
	/*#terreno, #scoglio, #montagna_1, #montagna_2, #scogliospada {opacity:0;}*/
	#terrenomobile, #scogliospadamobile {opacity:1;}
	#paracadute img {width: 120px;}
	#target img {width: 650px;}
	/*#target {left: -15%;bottom: 70px  !important;}*/
	#lampadina img {width: 100px; height: auto;}
	#lampadina {left: 57%;}
	#lampadina a {top: -50px !important;right: -10px; cursor:pointer;}
	/*#mare_home img {width: 750px;}*/
	#super {top: 130px  !important;}
	#super img {width: 350px;}
	#super a {top: -30px;}
	#pianta img {width: 150px;}
	#punto_home_0 {top: -50px !important;}
	#manichino {bottom: 30px  !important;}
	#poltrona a {left: 100px;top: -20px;}
	#ampolla a {left: 50px;top: -60px;}
	#muovi-ampolla {width: 20px;}
	#muovi-ampolla {left: 10px;}
	#muovi-ampolla.animate {bottom: -50px;}
	#vulcano-sbuffo a {left: 30px;top: -30px}
	#manichino a {top: 110px;right: -45px;}
	#sistemasolare {top:25%  !important;}
	#muovipianeta1 {left: 52% !important;width: 10% !important;}
	#muovipianeta2 {left: 10% !important;width: 15% !important;}
	#muovipianeta3 {bottom: 8% !important;left: 15% !important;width: 20% !important;}
	#muovipianeta4 {left: 50% !important;width: 20% !important;}
	#astronauta img{transform: rotate(-30deg);}
	#bandiera.playbandiera {/*animation: playbandiera667port 1.8s steps(11) 3 !important;*/}
	#bandiera {width: 190px !important;height: 224px !important;/*background-size: 2090px 224px !important;*/top: -15% !important;left: 163% !important;}
	#bandiera a {top: 75% !important;right: -2% !important;}
	#nuvola_5 {bottom: -15px !important;}
	#nido a {left: -150px;top: -30px;}
	#nido {bottom: 160px !important;left: 40px;}
	#spada {bottom: 100px !important;}
	#spada a {top: -200px;right: -170px;}
	/*#alieni {bottom: 130px !important;}*/
	#alieni a {left: -230px;top: -100px;}
	#bersaglio a {top: -110px;left: 40px;}
	#scopio {bottom: 95px !important;}
	#scopio a {right: -70px;top: 20px;}
	#palloni a {top: -70px;}
}
/* Nascondi nido su tutto il mobile - 26/07/2026 */
@media (max-width:1024px){#nido{display:none !important;}}
@media (max-width:667px) and (orientation:landscape) {

	#menu__panel .menu-item {height: 20px;}
	#menu__panel .menu-item a {height: 20px;line-height: 20px;}
	#menu__panel .menu__close {font-size: 2.5em !important;}
	#menu__panel {width: 400px;}
	.langs {margin-top: 10px;list-style: none;width: 50px;position: absolute;right: 110px;}
	.langs-item {margin: 5px 5px 5px 0;}
	#menu__panel .menu__audio {font-size: 2.3em;margin: 5px 0 5px 5px;}
	#paracadute img {width: 97px;}
#lampadina a {
    top: 30px !important;
    right: -70px;
}
	#super {left: 35%;}
	#super a {right: -50px;top: -40px;}
	#manichino {bottom: 53px !important;}
	#manichino img {width: 43px !important;}
	#ampolla {bottom: 76px !important;}
	#muovi-ampolla {width: 15px;left: 5px;}
	#muovi-ampolla.animate {bottom: -50px;}
	#vulcano-sbuffo {bottom: 170px;left: 18.5%;}
#vulcano-sbuffo a {
    left: 10px;
    top: -70px;
}
	#sbuffo2, #sbuffo3, #sbuffo4 {left: 20px;bottom: -50px;}
#poltrona a {
    top: 0px;
    left: 160px;
}
#ampolla a {
    left: 50px;
    top: -10px;
}
	#muovipianeta3 a {top: -30px !important;right: -60px !important;}
	#bandiera.playbandiera {animation: playbandiera667land 1.8s steps(11) 3 !important;}
	#bandiera {width: 100px !important;height: 117px !important;/*background-size: 1100px 117px !important;*/top: 16% !important;left: 85% !important;}
	#bandiera a {top: 50% !important;right: -60% !important;}
	/*#palazzoberio {width: 350px !important;height: 121px !important;background-size: 2100px 121px !important;}*/
  #palazzoberio {height: 150px!important; width: 360px!important; bottom: 15.5vw!important;}
	#palazzoberio.playpalazzo {animation: playpalazzo667land 1.4s steps(6) 3 !important;}
	#tuffatore {top: 190px;}
	#tuffatore img {width: 106px;}
#nido a {
    right: 100px;
    top: -40px;
}
#spada a {
    top: -180px;
    right: -220px;
}
#alieni a {
    left: -230px;
    top: 0px;
}
	#bersaglio a {top: -110px;left: 40px;}
	#target a {top: -80px;right: -10px;}
	#palloni a {top: -40px;}
	#scopio a {right: -110px;top: 20px;}
}

/*** iPhone 6 7 8 S ***/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 559px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) {
	#lampadina a {top: -10px !important;}
	#super {top: 110px !important;}
	#paracadute a {top: 40px;}
	#sistemasolare {top: 25% !important;}
	#menu__panel .menu-item {height: 30px;}
	#menu__panel .menu-item a {height: 30px;line-height: 30px;}
	.langs {margin-top: 10%;}
	/*#spada {bottom: 130px !important;}*/
	#tuffatore {top: 250px !important;}
	}
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 559px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {

}

/*** iPhone 6 7 8 S Plus ***/
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 628px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) {

	.langs {margin-top: 20%;}
	/*#spada {bottom: 150px !important;}*/
	#tuffatore {top: 250px !important;}
	#nido {    bottom: 210px !important;}
}

@media only screen
  and (min-device-width: 360px)
  and (max-device-width: 640px)
  and (orientation: portrait){
#menu__panel .menu-item a {height: 30px;line-height: 30px;}
#menu__panel li.menu-item  {height: 30px;}
  }

@media (max-width:414px) {
	#lampadina a {
		top: 30px !important;
		right: -50px;
	}
	#ampolla a {
		right: -10px;
		top: 20px;
	}
	#poltrona a {
		right: -50px;
		top: 10px;
	}
	#nido a {
		left: -70px;
		top: -30px;
	}
	#spada a {
		top: -180px;
		right: -170px;
	}
	#alieni a {
		left: -250px;
		top: 0px;
	}
	#bersaglio a {
		top: -100px;
		left: 60px;
	}
	#scopio a {
		right: -90px;
		top: 20px;
	}
}


@media (max-width:360px) {
#lampadina a {top: 40px !important;right: -40px;}
#ampolla a {right: 50px;top: 20px;}
#poltrona a {left: 210px;top: -10px;}
#nido a {left: -60px;}
#scopio a {right: -90px;top: 10px;}
#alieni a {left: -230px;top: -20px;}
.one-page .bottom {
    line-height: 20px;
}
#menu__panel .menu-item a {line-height: 25px;font-size: 1.2em;}
#menu__panel .menu__close {top: 0;}
.menu {top: 10%;}
.langs {margin-top: 5%;}
.copy {bottom: 0;}
.copy br {display:none;}
}

@media (max-width:320px) {
#target img {width: 520px;}
#super img {width: 280px;}
#lampadina img {width: 80px; height: auto;}
#pianta img {width: 130px;}


#super {top: 100px !important;}
#paracadute {bottom: 139px;left: -3%;}
#target {bottom: 50px !important;}

#lampadina {bottom: 139px;left: 63%;}
#bandiera {top: -30% !important;left: 160% !important;}
#tuffatore {top: 180px  !important;left: 55%;}
#spada {bottom: 110px !important;left: 64%;}

#lampadina a {top: 40px !important;right: -40px;}
#ampolla a {right: 50px;top: 20px;}
#poltrona a {left: 210px;top: -10px;}
#nido a {left: -80px;}
#scopio a {right: -90px;top: 10px;}
#alieni a {left: -250px;top: 10px;}
#paracadute a {right: 0;}
#bandiera a {right: 25% !important;}
#palazzoberio a {/*left: 50%;*/}
#tuffatore a {top: 5% !important;}
#spada a {right: -190px;}
#bersaglio a {left: 20px;}

.one-page .bottom {line-height: 20px;}
.navbar-brand img {max-height: 40px;}
.title-home-header {padding: 15px 70px;}
.title-home-header h3 {width: 180px !important;font-size: 20px;}
#menu-btn {padding-top: 10px !important;}
#menu-btn i {font-size: 300% !important;}
#menu__panel .menu-item a {line-height: 25px;font-size: 1.2em;}
#menu__panel .menu__close {top: 0;}
.menu {top: 10%;}
.langs {margin-top: 5%;}
.copy {bottom: 0;}
.copy br {display:none;}




}


@keyframes playbandiera667land {100% { background-position: -1100px; }}
@keyframes playbandiera667port {100% { background-position: -2090px; }}

@keyframes playpalazzo667land {100% { background-position: -2100px; }}
@keyframes playpalazzo667port {100% { background-position: -2100px; }}

#firstframe {z-index: 999;}





#beep-two1 {display:none !important;}
.item-copy {
    width: 70%;
    line-height: 1em;
}
.parallaxItem audio {display: none !important;}


/*@media only screen and (max-width: 600px) and (min-width: 400px) {

}*/
#menu__panel {
 overflow-y: scroll;
 overflow-x: hidden;
}
.side_menu_container {
  width: 100%;
  height: 100%;
  position: relative;
}

@media (min-width: 1025px) and (max-width: 1500px) {
  #alieni a{
    left: -125px;
    top: -20px;
  }
}
@media (max-width:1024px) {
  .side_menu_container {
    min-height: 600px;
  }
}
@media (min-width:768px) {
  .side_menu_container {
    min-height: 766px;
  }
  #bandiera {
    width: 13.5%!important;
    height: 41%!important;
  }
}
@media (min-width:1025px) {
  #bandiera {
    top: 5%!important;
    left: 84%!important;
  }
}
@media only screen and (min-device-width: 376px) and (max-device-width: 767px) and (orientation: portrait){
  /*#bandiera {
    width: 20%!important;
    height: 60%!important;
    top: 2% !important;
    left: 174% !important;
  }*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 845px) and (orientation: portrait) {
  /*#bandiera {
    width: 190px !important;
    height: 224px !important;
    background-size: 2090px 224px !important;
    top: -15% !important;
    left: 82% !important;
  }*/
}
@media (min-width: 846px) and (max-width: 1024px) and (orientation: portrait) {
  #bandiera {
    top: 5%!important;
    left: 114%!important;
    width: 13.5%!important;
    height: 41%!important;
  }
}
@media (min-width: 846px) and (max-width: 1024px) and (orientation: landscape) {
  #bandiera {
    top: 5%!important;
    left: 85%!important;
    width: 13.5%!important;
    height: 41%!important;
  }
}

@media only screen and (min-device-width: 1651px) {
  #palazzoberio {
    bottom: 11vw!important;
  }
}
@media only screen and (max-width: 415px) and (orientation: portrait) {
  #target {
    left: -15%;
    bottom: 70px !important;
  }
  #mare_home img {
    width: 750px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /*#bandiera {
    width: 100px !important;
    height: 117px !important;
    background-size: 1100px 117px !important;
    top: 22% !important;
    left: 86% !important;
  }*/
}
@media (min-width: 415px) and (max-width: 804px) and (orientation: portrait){
  #bandiera {
    width: 15%!important;
    height: 45%!important;
    top: 2% !important;
    left: 115% !important;
  }
}
@media (min-width: 415px) and (max-width: 500px) and (orientation: portrait) {
  #nido a {
    left: -90px;
  }
}
@media (min-width: 501px) and (max-width: 667px) and (orientation: portrait) {
  #nido a {
    left: -70px;
  }
}
@media (min-width: 415px) and (max-width: 667px) and (orientation: portrait) {
  #mare_home img {
    height: 100%;
  }
  #paracadute img {
      width: 30%;
  }
  #paracadute {
    width: 100%;
    /*bottom: 22%!important;*/
  }
  #target {
    bottom:-30px!important
  }
  #terrenomobile {
    opacity: 0!important;
  }
  #target {
    width: 100%;
  }
  #target img {
    width: 90%;
  }
  #lampadina img {
    width: 30%!important;
    height: auto!important;
  }
  #lampadina a {
    right: 50%;
    top: 0px!important;
  }
  #super {
    width: 100%!important;
  }
  #super img {
    width: 75%!important;
  }
  #alieni {
    width: 220px!important;
    height: 200px!important;
  }
  #alieni a {
      left: -160px;
      top: -22px;
  }
  #bersaglio a {
      top: -110px;
      left: 70px;
  }
}
@media (max-width: 415px) and (orientation: portrait) {
  #paracadute {
    bottom: 300px!important;
  }
}
@media (min-width: 667px) and (max-width: 1024px) and (orientation: landscape) {
  #nido a {
    right: 100px;
    top: -40px;
  }
  #spada a {
    top: -180px;
    right: -200px;
  }
}
@media (min-width: 415px) and (max-width: 1024px) and (orientation: landscape) {
  #palloni {
    top: 125px!important;
  }
  #alieni a {
    left: -208px;
    top: -25px;
  }
  #bersaglio a {
    left: 140px;
    top: -84px;
  }
}
@media (min-width: 415px) and (max-width: 767px) and (orientation: landscape) {
  #bandiera {
    width: 75px !important;
    height: 88px !important;
    background-size: 825px 88px !important;
    top: 19% !important;
    left: 86% !important;
  }
  #poltrona a {
    left: 185px!important;
    top: -3px!important;
  }
  #vulcano-sbuffo a {
    left: 70px!important;
    top: -60px!important;
  }
  #ampolla a {
      left: 55px!important;
      top: -20px!important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #tuffatore {
    top: 270px!important;
  }
  #bandiera {
    top: 18% !important;
    left: 85% !important;
  }
}

#scopio {
  z-index: 90!important;
}
.template-parallax #masthead {
  display: block;
}

/* ================================================================
   Route Loader — classi isolate con prefisso rl- per evitare
   conflitti con .overlay (che in style.css ha regole su img:
     .overlay img { width:100%; height:auto }
     .overlay:hover img { opacity:.3 !important }
   ================================================================ */

.rl-screen {
    position: fixed;
    inset: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
}
.rl-screen.rl-active {
    pointer-events: auto;
}

/* Wrapper stretto intorno al testo */
.rl-reveal {
    --rl-gomilo-size: 80px;
    /* spazio visivo a sinistra del testo (centro gomilo + metà larghezza) */
    --rl-gomilo-gutter: 80px;
    /* distacco finale tra la fine del testo e il rocchetto */
    --rl-gomilo-end-gap: 50px;
    position: relative;
    display: inline-block;
    padding: 10px 0;
    transform: translateX(calc(var(--rl-gomilo-gutter) * -0.5));
}

/* Testo — identico al preloader iniziale */
.rl-phrase {
    font-family: 'Athelas', sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #1d1d1b;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    letter-spacing: 0.02em;
    white-space: nowrap;
    clip-path: inset(-6px 100% -6px 0);
}

/*
 * SVG viewBox = 174.56 × 451.99 (aspect ~1:2.59).
 * 28px wide → height = 28 × (451.99/174.56) ≈ 73px (più alto del testo 40px).
 * Finale: left = -20px → centro a -34px (visibilmente a sx della scritta).
 */
.rl-gomilo {
    position: absolute;
    top: 50%;
    left: calc(var(--rl-gomilo-gutter) * -0.5);
    width: var(--rl-gomilo-size) !important;
    height: 200px !important;
    max-width: none !important;
    opacity: 1 !important;
    transform: translateY(-50%) translateX(-50%);
    display: none;
    pointer-events: none;
}

@keyframes rl-text-reveal {
    from { clip-path: inset(-6px 100% -6px 0); }
    to   { clip-path: inset(-6px 0 -6px 0);    }
}
@keyframes rl-gomilo-sweep {
    from { left: calc(var(--rl-gomilo-gutter) * -0.5); }
    to   { left: calc(100% + var(--rl-gomilo-gutter) * 0.5 + var(--rl-gomilo-end-gap)); }
}

.rl-screen.rl-active .rl-phrase {
    animation: rl-text-reveal 2s cubic-bezier(.4, 0, .2, 1) forwards;
}
.rl-screen.rl-active .rl-gomilo {
    display: block;
    opacity: 1 !important;
    animation: rl-gomilo-sweep 2s cubic-bezier(.4, 0, .2, 1) forwards;
}

@media (max-width: 640px) {
    .rl-screen {
        justify-content: center;
        align-items: center;
        padding: 24px 20px;
        padding-bottom: max(24px, env(safe-area-inset-bottom));
        overflow: visible;
    }

    .rl-reveal {
        display: inline-block;
        width: auto;
        max-width: min(100%, 340px);
        --rl-gomilo-size: 22px;
        --rl-gomilo-gutter: 19px;
        --rl-gomilo-end-gap: 24px;
        box-sizing: border-box;
        overflow: visible;
    }

    .rl-phrase {
        font-size: clamp(17px, 4.8vw, 22px);
        white-space: normal;
        max-width: 100%;
        text-align: left;
        line-height: 1.35;
        text-wrap: balance;
        clip-path: inset(-14px 100% -14px 0);
    }

    .rl-screen.rl-active .rl-phrase {
        animation: rl-text-reveal-mobile 2s cubic-bezier(.4, 0, .2, 1) forwards;
    }

    /* 22px wide → height ≈ 57px, proporzionato al testo su 2 righe */
    .rl-gomilo {
        height: 57px !important;
    }

    .rl-screen.rl-active .rl-gomilo {
        animation: rl-gomilo-sweep-mobile 2s cubic-bezier(.4, 0, .2, 1) forwards;
    }

    @keyframes rl-text-reveal-mobile {
        from { clip-path: inset(-14px 100% -14px 0); }
        to   { clip-path: inset(-14px 0 -14px 0); }
    }

    @keyframes rl-gomilo-sweep-mobile {
        from { left: calc(var(--rl-gomilo-gutter) * -0.5); }
        to   { left: calc(100% + var(--rl-gomilo-gutter) * 0.5 + var(--rl-gomilo-end-gap)); }
    }
}


/* Non basta? dropdown in side menu */
#menu__panel .menu-item-has-children {
    height: auto !important;
    min-height: 25px;
}
#menu__panel .menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#menu__panel .menu-item-has-children .submenu-toggle {
    margin-left: 10px;
    transition: transform .2s ease;
}
#menu__panel .menu-item-has-children.open .submenu-toggle {
    transform: rotate(180deg);
}
#menu__panel .menu-item-has-children .submenu {
    display: none;
    margin: 6px 0 4px 26px;
    padding: 0;
}
#menu__panel .menu-item-has-children.open .submenu {
    display: block;
}
#menu__panel .menu-item-has-children .submenu li {
    list-style: none;
    height: auto;
    line-height: 1.3;
    margin: 0;
    padding: 4px 0;
    display: flex;
}
#menu__panel .menu-item-has-children .submenu a {
    display: inline-block;
    height: auto !important;
    line-height: 1.3 !important;
    font-size: .95em;
    color: #ef4947;
    padding-left: 0;
}
#menu__panel .menu-item-has-children .submenu a:hover {
    color: #fff;
}
#menu__panel .menu-item-has-children .submenu li:hover {
    background: rgba(0, 0, 0, 0.18);
}
#menu__panel .menu-item-has-children .submenu li:hover::before {
    color: #fff;
}
#menu__panel .menu-item-has-children .submenu li a {
    padding: 3px 8px 3px 0;
}

#menu__panel .menu-item-has-children > a p.titlestrong {
    color: #aaa;
    font-weight: 800;
}
#menu__panel .menu-item-has-children > a:hover p.titlestrong {
    color: #fff;
}

#menu__panel .menu-item-has-children .submenu li::before {
    content: "-";
    display: inline-block;
    color: #ef4947;
    margin-right: 8px;
    font-weight: 700;
}
#menu__panel .menu-item-has-children .submenu li a {
    vertical-align: middle;
    color: #fff!important
}

/* Hero copy (H1 + sottotitolo) — titolo SEO, sotto il logo, sempre visibile */
.hero-copy{
  display: none!important;
}
#parallax-container .hero-copy {
    position: absolute;
    left: 50px;
    top: 124px;
    max-width: 360px;
    z-index: 60;
    pointer-events: none;
}
.hero-copy h1 {
    font-family: "Athelas", sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    color: #333;
    margin: 0 0 6px !important;
    text-transform: none;
    border: none !important;
    padding: 0 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.55);
}
.hero-copy .hero-subtitle {
    font-family: "Athelas", sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 1.4;
    color: #3c3c3c;
    margin: 0;
    max-width: 340px;
    padding: 0;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.45);
}

/* Testo delle gocce (puntoInfo) su due righe: titolo + frase */
.punto_home_text .punto-title,
.punto_home_text_rtl .punto-title {
    display: block;
    font-weight: 700;
    margin-bottom: 3px;
}
.punto_home_text .punto-desc,
.punto_home_text_rtl .punto-desc {
    display: block;
    font-weight: 400;
    line-height: 1.25;
}
/* Punto 7: testo Contatti sempre visibile (override del comportamento hover) */
#palloni .punto-show { width: 360px !important; }
#palloni .punto-show .punto_home_text_rtl,
#palloni .punto-show .punto_home_text { opacity: 1 !important; }

/* Etichette gocce su layer body (vedi punto-text-overlay.js) */
#agrelli-punto-labels {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10000;
}
#agrelli-punto-labels .agrelli-punto-label {
	pointer-events: none;
}
#agrelli-punto-labels .agrelli-punto-label.is-hover,
#agrelli-punto-labels .agrelli-punto-label.punto-show {
	width: 360px !important;
}
#agrelli-punto-labels .agrelli-punto-label.is-hover .punto_home_text,
#agrelli-punto-labels .agrelli-punto-label.is-hover .punto_home_text_rtl,
#agrelli-punto-labels .agrelli-punto-label.punto-show .punto_home_text,
#agrelli-punto-labels .agrelli-punto-label.punto-show .punto_home_text_rtl {
	transition-delay: 0.22s;
	opacity: 1 !important;
}

/* Contatti: testo allineato a sinistra (posizione invariata) */
#agrelli-punto-labels .punto-from-palloni .punto_home_text,
#agrelli-punto-labels .punto-from-palloni .punto_home_text_rtl {
	text-align: left !important;
}

/* Activation, …e Basta? e Il nostro segreto?: testo a destra del pallino, allineato a sinistra */
#agrelli-punto-labels .punto-from-vulcano-sbuffo .punto_home_text,
#agrelli-punto-labels .punto-from-vulcano-sbuffo .punto_home_text_rtl,
#agrelli-punto-labels .punto-from-sistemasolare .punto_home_text,
#agrelli-punto-labels .punto-from-sistemasolare .punto_home_text_rtl,
#agrelli-punto-labels .punto-from-palazzoberio .punto_home_text,
#agrelli-punto-labels .punto-from-palazzoberio .punto_home_text_rtl {
	left: 0 !important;
	right: auto !important;
	top: 0 !important;
	text-align: left !important;
	max-width: 360px;
}

/* Branding: testo allineato a destra (posizione invariata) */
#agrelli-punto-labels .punto-from-pianta .punto_home_text,
#agrelli-punto-labels .punto-from-pianta .punto_home_text_rtl {
	text-align: right !important;
}

/* Perché proprio noi?: testo a sinistra del pallino, senza salto all'hover */
#agrelli-punto-labels .punto-from-spada .punto_home_text,
#agrelli-punto-labels .punto-from-spada .punto_home_text_rtl {
	left: auto !important;
	right: 50px !important;
	top: 0 !important;
	text-align: right !important;
	max-width: 360px;
}

@media (max-width:1024px) {
	#agrelli-punto-labels { display: none !important; }

	/*
	 * Marketing (#vulcano-sbuffo): il pallino deve stare sopra #sbuffo0.
	 * Gli offset fissi (30px, 100px…) non scalano con l'immagine (~12% viewport)
	 * e spostano il punto fuori dallo sbuffo su mobile.
	 */
	#vulcano-sbuffo {
		overflow: visible;
	}

	#sbuffo0 {
		display: block;
		position: relative;
		z-index: 1;
	}

	#vulcano-sbuffo > a.btn {
		left: 50% !important;
		right: auto !important;
		top: 0 !important;
		transform: translate(-50%, calc(-100% - 6px)) !important;
		width: 45px !important;
		height: 49px !important;
		margin: 0 !important;
		z-index: 110 !important;
	}

	#vulcano-sbuffo .punto_home,
	#vulcano-sbuffo .punto_home_rtl {
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
	}

	#vulcano-sbuffo #punto_home_text,
	#vulcano-sbuffo #punto_home_text_rtl {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
	}
}
@media (max-width: 992px) {
    .hero-copy h1 { font-size: 18px !important; }
    .hero-copy .hero-subtitle { font-size: 12.5px; }
}
@media (max-width: 667px) {
    #parallax-container .hero-copy { left: 16px; top: 100px; max-width: 72%; }
    .hero-copy h1 { font-size: 16px !important; }
    .hero-copy .hero-subtitle { font-size: 12px; line-height: 1.35; }
}