body {
    margin:0;
	background-color: #ffffff;
}

body .uwy.userway_p1 .userway_buttons_wrapper {
        left: calc(100vw - 60px) !important;
	top: calc(100dvh - 55px) !important;
	position:fixed;
}



#page {
    position: relative;
	background-color: #ffffff;
}
#page, .page-wrapper, #page-title  {
	background-color: #ffffff;
	color: black;
}

h1, h2, h3, h4, p, html, body, .open-sans {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

h2 {
	font-size:2.5rem;
	color: #2d4971;
}

p {
	font-weight:300 !important;
	text-align:justify;
	font-size:1.2rem;
}

button {
	font-size:1rem;
}

#main-container, #bottom-container, .bottom-container-inner, #bottom-container .first-bottom > div {
	background-color: #00000000;
}

#footer-menu {
 	background-color:#dae0e1;
}

#footer-menu img {
	width:6rem;
}

.footer-row {
	display:flex;
	justify-content: space-around;
}

ul.footer-menu {
	color:black;
	list-style: none;
	margin:0;
	text-align:left;
	text-transform:uppercase;
}

ul.footer-dati-aziendali  {
        color:gray;
        list-style: none;
        margin:0.5rem 0  0 0;
        text-align:left;
	font-size:0.7rem;
	padding:0;
}

#block-amun-subtheme-vuoto {
	height:10rem;
	background-color: #ffffff;
}

#edit-lang-dropdown-select {
  padding: 9px 0 9px 9px;
  background-color:transparent;
  width:5rem !important;
  font-size:.8rem;
  
}

#block-amun-subtheme-linkzucchetti {
	position: absolute;
  top: 10px;
  width: max-content;
  right: 12rem;
  color: red;
  border: 1px solid lightgray;
  max-height: min-content;
}

#block-amun-subtheme-linkzucchetti p {
	margin: 7px 10px;
	font-size: .8rem;
	font-weight:bold !important;
}

#block-amun-subtheme-main-menu .ul-parent li a{
	font-size:1.2rem !important;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 500;	


}

#block-amun-subtheme-main-menu .ul-parent li a:hover{
	background-color:transparent !important;
	background-color: rgba(255, 255, 255, 0.76) !important;
	color:#ec6010 !important;
}

#block-amun-subtheme-main-menu .ul-child li a{
        background-color:transparent !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
        color:#ec6010 !important;
}

.w3-button::after, .w3-button::before {
	border: 0;
}

#block-amun-subtheme-languagedropdownswitchercontenuto {
  position: absolute;
  top: 10px;
  width:max-content;
  right:1rem;
}


#webform-submission-contact-node-5-add-form input, #webform-submission-contact-node-5-add-form textarea, #block-amun-subtheme-webform-block input, #block-amun-subtheme-webform-block textarea {
	border:0 !important;
	border-bottom: 1px solid #7b7b7b !important;
	box-shadow: none;
	background-color: #f9f9f7;
	
}


#main-navigation-inner-h .open-search {
	right:8rem;
}

/* #######################################################
#webform-submission-contact-node-5-add-form {
	display:flex;
	flex-flow: row wrap;
	gap:1%;
}

#webform-submission-contact-node-5-add-form div:nth-child(-n+3) {
	flex-basis:32%;
}

#webform-submission-contact-node-5-add-form div:nth-child(n+4) {
        flex-basis:100%;
}

##############################################################  */

#w3-default-329 {
	display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

#w3-default-329 .viewsreference--view-title {
	display:none;	
}

img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
  margin-left: -12px !important;
  margin-top: -41px;
  width: 25px !important;
  height: 41px !important;
  transform: translate3d(306px, 250px, 0px);
  z-index: 250;
}

#block-amun-subtheme-webform-block .content-title {
	text-align:center;
}
.uppercase {
	text-transform:uppercase;
}

.title2 {
	font-size:1.5rem;
	font-weight:bold;
}

.page-wrapper {
  border: 1.2rem solid;
  border-image-slice: 1;
 border-image-source: linear-gradient(to right, #2d4971, #924179, #f4e854);
	min-height: 100vh;
	background-color:#00000000;
	position:relative;
	z-index:10;
	overflow: clip;
}

.path-node-5 .page-wrapper {
  border:1.2rem solid darkblue;
  min-height: 100vh;
        background-color:#00000000;
}

.path-node-26 .page-wrapper {
  border:1.2rem solid #ee9129;
  min-height: 100vh;
        background-color:#00000000;
}

#w3-two-columns-76, #w3-two-columns-116, #w3-two-columns-156, #w3-two-columns-116, #w3-two-columns-237 {
	margin-bottom:10rem;
}

.path-node-31 #w3-2-columns-76 button, .path-node-34 #w3-2-columns-156 button, #w3-2-columns-116 button, .path-node-37 #w3-2-columns-237 button {
	padding:0;
	text-transform:uppercase;
}

.path-node-31 #w3-2-columns-76 .w3-accs-pane, .path-node-34 #w3-2-columns-156 .w3-accs-pane, #w3-2-columns-116 .w3-accs-pane, #w3-2-columns-237 .w3-accs-pane  {
	padding:0;
	margin:0;
}


.path-node-31 #w3-2-columns-76 .w3-row.paragraph, .path-node-34 #w3-2-columns-156 .w3-row.paragraph {
	margin:0px;
}

#w3-two-columns-76 .w3-row.field--name-w3css-content-left-column, #w3-two-columns-76 .w3-row.field--name-w3css-content-right-column, #w3-two-columns-156 .w3-row.field--name-w3css-content-left-column, #w3-two-columns-156 .w3-row.field--name-w3css-content-right-column, #w3-two-columns-116 .w3-row.field--name-w3css-content-left-column, #w3-two-columns-116 .w3-row.field--name-w3css-content-right-column, #w3-two-columns-237 .w3-row.field--name-w3css-content-left-column, #w3-two-columns-237 .w3-row.field--name-w3css-content-right-column {	
		margin-bottom:5px !important;
}

.path-node-31 #w3-two-columns-76 .w3-button:hover, .path-node-34 #w3-two-columns-156 .w3-button:hover, .path-node-37 #w3-two-columns-237 .w3-button:hover {
	background-color:inherit !important;
	color:inherit !important;
}

.w3-accs-pane p {
	font-size:.9rem;
}

.w3-accs-pane  ul {
	padding-left:14px;
}

.w3-accs-pane  ul li {
  font-size:.9rem;
  line-height: 1.2rem;
  font-weight: 300;
  margin-bottom: .5rem;
}

.w3-dark-blue{
	background-color:#0a0c4c !important;
}

.field--label-hidden {
	text:red;
}

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

#hidden-back{
	display:none;
}

.video-container{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
	background-image: url("/sites/default/files/2024-10/back1.webp");
	background-size:cover;
	background-position: center;
}

.video-container iframe {
  position: absolute;
/*   top: 51%; */
  left: 50%;
  width: 100vw;
  height: 99vh;
/*  transform: translate(-52%, -53%); */
  transform: translate(-51%, 0%);
  overflow: hidden;
}

#w3-parallax-section-53 .w3-parallax-bg, #w3-parallax-section-15 .w3-parallax-bg, #w3-parallax-section-19 .w3-parallax-bg, #w3-parallax-section-39 .w3-parallax-bg, #w3-parallax-section-172 .w3-parallax-bg, #w3-parallax-section-304 .w3-parallax-bg  {
	-o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size:cover !important;
    background-size: contain !important;
}

.paragraph--type--w3css-parallax-section .w3-parallax-bg {
    background-position: top !important;
    background-size: cover !important;
    background-size: 100vmax 100vmax;
}

@media (min-aspect-ratio: 16/9) {
  #centered-frame, .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  #centered-frame, .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

#header, content {
/*
    	position: relative;
*/
	}

/*
#main-menu {
    position: relative;
    bottom: 0px;
    background-color: cornflowerblue;
    width: 100%;
    left:0;
    height: 60px;
}
*/

#main-navigation-h {
  position: sticky;
height:9rem;
z-index:1000;
margin-top:-8px;
}

#main-navigation-h.is-pinned {
  background-color: red;
}

#main-navigation-inner-h {
  padding-right:0px;
  position: relative;
	top: 15px;
}

 .ul-parent li > a {
    padding: 8px 12px;
  }

.w3-sticky {
  background-color: #ffffffaa !important;
transition: opacity 0.5s ease-in-out;
}

.w3-sticky {
	box-shadow:none;
}

.w3-row.node__content {
/*
	position:relative;
top: -5rem;
*/
}

/*
.path-frontpage #main-navigation-h {
	margin-top: 60px;
}
*/

#block-amun-subtheme-site-branding {
display: flex;
justify-content: center;
}

.site-logo{
	padding: 0 !important;
	position: relative;
/*
       	top: -2.5rem;
*/
	}

.site-logo a {
}

.site-name-slogan {
  margin: 0 0 0 0;
}

#block-amun-subtheme-site-branding .site-logo img {
	width: 4rem;
}

/* logo animato */

.container-logo {
  position: relative;
  display: block;
  width: 100%;
  max-width: 80px;
  height: 80px;
  margin: 0 auto;
}
.pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation: fade 10s infinite;
  animation: fade 10s infinite;
}
#pic1 
{
  animation-delay: 0s;
  background-image: url('/sites/default/files/2023-07/JOBCODE_logo_xsito.svg');
}
#pic2 {
  background-image: url('/sites/default/files/2023-06/hlb.svg');
  animation-delay: 5s;
}
@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* logo animato */

#header {
	
  background-color: #bebebe00;
  /*
  z-index:1100;
	position:sticky;
*/
	}


.main-navigation-wrapper {
background-color:#f8f8f800;
color: #421b97;
}
.path-frontpage .page-wrapper, .path-frontpage .main-navigation-wrapper,  .path-frontpage #main-container    {
        background-color:#f8f8f800;
	color: #421b97;
}

.path-frontpage .page-wrapper {
	overflow:hidden;
}

#main-navigation-inner-h nav {
  float: none !important;
  margin: 0 auto;
  width: max-content;
}

#main-container {
position: relative;
top: -8.6rem;
}

.path-frontpage #main-container {
	position: absolute;
	top: 0;
	left:0;
}

.paragraph--type--w3css-parallax-section .w3-parallax-bg {
	background-position: top;
}

#w3-parallax-section-7 div{
}

.li-link-main, .li-item-main {
	text-transform:uppercase;
}

#main-container-inner .d8-fade {
	 background-color:#f8f8f800;
}

#main-container .main-box > div {
	 background-color:#f8f8f800;
}

#w3-parallax-section-7 .w3-parallax-text, #w3-parallax-section-35 .w3-parallax-text { 
	display:none;
}

#w3-default-10 h2, #w3-default-320 h2  {
	text-transform:uppercase;
	text-align:center;
}

#w3-one-column-11, #w3-one-column-38, #w3-default-47 {
	padding:5rem 0;
}

#w3-default-16 .w3-parallax-text, #w3-default-20 .w3-parallax-text, #w3-default-40 .w3-parallax-text, #w3-default-54 .w3-parallax-text, #w3-default-69 .w3-parallax-text, #w3-default-95 .w3-parallax-text, #w3-default-173 .w3-parallax-text  {
	position:absolute;
	color:white;
	font-size:1.2rem;
	text-align:justify;
	max-width:70%;
   	left: 0;
	right: 0;
	margin: auto;
	background-color: #000000AA;
	padding: 3rem;
}

#w3-default-16 .w3-parallax-text {
	top:150px;
}

#w3-default-54 .w3-parallax-text {
        top:280px;
}


#w3-default-69 .w3-parallax-text, #w3-default-173 .w3-parallax-text {
        top:280px;
}

#w3-default-305 .w3-parallax-text {
	position:absolute;
	color:white;
	text-align: center;
	text-transform:uppercase;
  color: white;
  font-size: 1.2rem;
  text-align: center;
  bottom: 14rem;
  margin: 0 auto;
  width:100%
}

#w3-default-54 h2, #w3-default-305 h2 {
	color:white;
}

#w3-default-40 .w3-parallax-text {
	bottom:10rem;
}

#w3-default-16 h2, #w3-default-20 h2 {
	        text-transform:uppercase;
        text-align:center;
	color:white;
}

#w3-default-40 h2 {
	color:white;
}

#w3-default-17, #w3-default-51, #w3-default-55, #w3-default-57 {
	padding:3rem 0;
}


#w3-default-20 .w3-parallax-text {
        position:absolute;
        color:white;
        font-size:1.2rem;
        text-align:justify;
        max-width:70%;
        bottom:7rem;
        margin: 0 15%;
}

#w3-default-36 .content-title {
	position: relative;
  top: 48vh;
  z-index: 10;
  text-align: center;
}

#w3-default-46, #w3-default-48, #w3-default-63, #w3-default-93, #w3-default-148, #w3-default-213, #w3-default-267, #w3-default-275, #w3-default-214 , #w3-default-299, #w3-default-310, #w3-default-290 {
position: absolute;
  top: 300px;
	left: -1.2rem;
  z-index: 11;
  margin: 0 auto;
    margin-bottom: 0px;
  width: 100vw;
  color: white;
}

#w3-default-299 p {
	color:white;
}

#w3-default-299 h2, #w3-default-310 h2, #w3-default-290 h2, #w3-default-148 h2, #w3-default-275 h2 {
	text-transform:uppercase;
	color:white;
}

#w3-default-46 h2 {
 color:white;
}

 #w3-default-213 {
	 top:300px;
 }

#w3-default-48 h2,#w3-default-63 h2, #w3-default-93 h2, #w3-default-213 h2, #w3-default-267 h2, #w3-default-214 h2 {
 color:white;
 text-transform:uppercase;
}

#w3-default-316 .align-center {
	width:30rem;
	margin-top:3rem;
}

#w3-default-50 .w3-parallax-text {
	display:none;
}

#w3-default-51 img {
	max-width: 30vw;
  margin: 50px auto 20px auto;
}

.flex-img ,.newsletter-block .view-content {
        display: flex;
        justify-content: space-evenly;
max-width: 70vw;
  margin: 0 auto;
}

.newsletter-block .newsletter-list-cover {
	width:300px;
}

.newsletter-block article header {
        display:none;
}

.centered-title { 
	text-transform: uppercase;
font-size: 2.5rem;
position: relative;
text-align: center;
top: 40vh;
color: #fe7c01;
}

.bottom-hp {
        text-transform: uppercase;
font-size: 0.6rem;
position: relative;
text-align: center;
top:78vh;
}

#bottom-hp-youtube {
        text-transform: uppercase;
font-size: 0.7rem;
position: relative;
text-align: center;
top:86vh;
}

#mission-hlb .blue-back {
	background-color:#3c686f;
	color:white;
	text-transform:uppercase;
	width:min-content;
	padding: 2px 200px 2px 2px;
}

#mission-hlb .gray-back {
        background-color:#f2f2f2;
        color:black;
	max-width:600px;
}

.continents {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#continents-row1, #continents-row2 {
	display:flex;
	justify-content:space-around;
	align-items:end;
	flex-flow: row wrap;
}

.counter-continent {
	display:flex;
	flex-flow:column;
	justify-content: end;
	align-items: center;
}

.counter-continent img {
	max-width:200px;
	max-height:200px;
}

.counter {
	font-size:1.5rem;
	color:black;
	text-align:center;
	border-top: 2px solid black;
}

.legenda {
	text-transform: uppercase;
}

.continents-text{
	background-color: #ce9c24;
	padding: 0 1rem;
	margin: 1rem 0 2rem 0;
	min-width:150%;
}

.continent-counters {
	display: flex;
justify-content: center;
  gap: 6%;
}

.continent-title {
	font-size:1.1rem;
	text-transform: uppercase;
}

.count-leg {
	display:flex:
}

.newsletter-list h2 {
	margin-bottom:3rem;
}

.newsletter-list .view-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	max-width:850px;
	margin: 4rem auto;
}

.newsletter-list-row {
	flex-basis:30%;
	margin-bottom:2rem;
}

.newsletter-list-title {
	text-align: center;
	font-size:.8rem;
}

.newsletter-list-cover {
	width: 250px;
	margin: 0 auto;
}

.newsletter-list .node__header {
	display:none;
}

.mobile-nav  {
	background:transparent;
}

.mobile-nav svg {
	color:#421b97;
}


#unmute-button {
	background: red;
  min-width: 200px;
  min-height: 100px;
  position: absolute;
  top: 500px;
  left: 100px;
}

#control-buttons {
display:flex;
flex-flow:row;
gap:15px;
left: 0;
  top: calc(100vh - 75px);
  max-width: 27px;	
	position:absolute;
}


.video-container #centerd-frame .vp-controls {
max-width: 50% !important;
  margin: 0 auto !important;
}


#block-amun-subtheme-languagedropdownswitchercontenuto select {
        color:red;
  }

  .w3-parallax-bg {
  	background-size: cover !important;
  background-position: center !important;
  }


.certificazioni-block {
  & hr {
    	border:2px solid #f4a900
  }
  & h2 {
   color: #283583
}
}


/* ------------------ media block -------------------- */

@media only screen and (max-width: 1660px) {
  /* For  wide desktop: */
  button {
        font-size:.8rem !important;
  }
}

@media only screen and (max-width: 1500px) {
  /* For  wide desktop: */
  html {
    font-size:15px;
  }
  button {
  	font-size:.8rem !important;
  }
}


@media only screen and (max-width: 1300px) {
  /* For normal desktop: */
  html {
    font-size:12px;
  }
}

@media only screen and (max-width: 1100px) {
  /* For narrow desktop: */
  html {
    font-size:10px;
  }
}

@media only screen and (max-width: 992px) {

 #w3-parallax-section-53 .w3-parallax-bg, #w3-parallax-section-15 .w3-parallax-bg , #w3-parallax-section-304 .w3-parallax-bg, #w3-parallax-section-172 .w3-parallax-bg {
		min-height:300px !important;
		margin-top:415px;

	}
	#w3-default-305 .w3-parallax-text {
		bottom:5rem;
	}
	#w3-default-16 .w3-parallax-text{
		top: 65px !important;
	}

#w3-default-54 .w3-parallax-text {
  top: 45px;
}
#w3-parallax-section-172 .w3-parallax-text {
  top: 40px;
}
	p {
	  font-size:1.4rem;
	}

#w3-default-20 .w3-parallax-text, #w3-default-30 .w3-parallax-text, #w3-default-16 .w3-parallax-text, #w3-default-20 .w3-parallax-text, #w3-default-40 .w3-parallax-text, #w3-default-54 .w3-parallax-text, #w3-default-69 .w3-parallax-text, #w3-default-95 .w3-parallax-text, #w3-default-173 .w3-parallax-text {
		background-color: #000000bb;
		padding:0;
		max-width:100%;
		margin:0;
		top:0;
		bottom:0;
		max-height: 215px;
	}

	.paragraph--type--w3css-parallax-section .w3-parallax-bg {
    background-position: center !important;
    background-size: cover !important;
    background-size: 100vmax 100vmax;
    background-attachment: scroll;
}

 .field--type-text-long {
 	padding:0 10px;
 }

	#control-buttons {
  top: calc(100vh - 200px);
}

      	#block-amun-subtheme-languagedropdownswitchercontenuto select {
	color:red;
	font-size:1.4rem;
  }
  #main-navigation-inner-h {
  }

  .mobile-nav {
  margin-right: 124px;
	max-width:80px;	
}
  .continents-text{
        min-width:inherit;
}

.li-item {
	background-color:lightgray;
}
.mobile-nav svg {
  float: none;
}

#main-navigation-inner-h nav {
  float: left !important;
  margin: 0 auto;
  width: max-content;
margin-left: 10px;
}
  .p-container-inner .w3-two-columns > .w3-col:first-child > div {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 900px) {
  /* For mobile: */
 .newsletter-list-cover {
    width: 300px;
  }
  .newsletter-list .view-content {
  flex-flow: row wrap;
  margin: 4rem auto;
}
}

@media only screen and (max-width: 600px) {
#block-amun-subtheme-site-branding .site-logo {
  display: flex;
  flex-flow:column;
  justify-content: center;
  align-items:center;
}

.site-name-slogan {
	display: none;
}

}