/*Start Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
/*End Reset CSS*/

/* Start root */  
:root{ 
--border-radius-001: 8px;
--border-radius-002: 25px;
--border-radius-dot: 50%;
--border-radius-no: 0%;

--color-141522: #141522;
--color-1415221a: #1415221a;
--color-274aad: #274aad;

--color-d36f29: #d36f29;
--color-2a8ef5: #2a8ef5;
--color-77b500: #77b500;

--color-d36f2980: #d36f2980;
--color-2a8ef580: #2a8ef580;
--color-77b50080: #77b50080;

--color-ed9a5e: #ed9a5e;
--color-e5680e: #e5680e;

/* Start Colors Base */
--color-transparent: transparent;
--color-f1f1f1: #f1f1f1;
--color-888888: #888888;
--color-555555: #555555;
--color-000000: #000000;
--color-ffffff: #FFFFFF;
--color-ffffffcc: #ffffffcc;
--color-ffffff80: #ffffff80;
/* End Colors Base */

--height-navbar: 70px;

--max-width-001: 4000px;
--max-width-002: 2000px;
--max-width-003: 1500px;
--max-width-004: 1100px;
--max-width-005: 850px;
--max-width-006: 1300px;
--max-width-007: 450px;
--max-width-008: 670px;
--max-width-009: 750px;
--max-width-010: 1225px;
--max-width-011: 500px;
--max-width-012: 620px;
--max-width-013: 565px;

--max-height-001: 700px;
--max-height-002: 600px;
--max-height-003: 1000px;

--z-index-001: 99;
--z-index-002: 50;
--z-index-003: 30;

--percente001: 30%;

/* Start Font/text values */
--font-family-Ubuntu: 'Ubuntu';
--font-family-Exo2: 'Exo 2';
--font-style-normal: normal;
--font-style-italic: italic;
--font-weight-normal: normal;
--font-weight-thin: 100;
--font-weight-extra-light: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--font-weight-extra-bold: 800;
--font-weight-black: 900;
--font-size-06: 6px;
--font-size-07: 7px;
--font-size-08: 8px;
--font-size-09: 9px;
--font-size-10: 10px;
--font-size-11: 11px;
--font-size-12: 12px;
--font-size-13: 13px;
--font-size-14: 14px;
--font-size-15: 15px;
--font-size-16: 16px;
--font-size-17: 17px;
--font-size-18: 18px;
--font-size-19: 19px;
--font-size-20: 20px;
--font-size-21: 21px;
--font-size-22: 22px;
--font-size-23: 23px;
--font-size-24: 24px;
--font-size-25: 25px;
--font-size-26: 26px;
--font-size-27: 27px;
--font-size-28: 28px;
--font-size-29: 29px;
--font-size-30: 30px;
--font-size-31: 31px;
--font-size-32: 32px;
--font-size-33: 33px;
--font-size-34: 34px;
--font-size-35: 35px;
--font-size-36: 36px;
--font-size-37: 37px;
--font-size-38: 38px;
--font-size-39: 39px;
--font-size-40: 40px;
--font-size-41: 41px;
--font-size-42: 42px;
--font-size-43: 43px;
--font-size-44: 44px;
--font-size-45: 45px;
--font-size-46: 46px;
--font-size-47: 47px;
--font-size-48: 48px;
--font-size-49: 49px;
--font-size-50: 50px;

--line-height-00: 0px;
--line-height-05: 5px;
--line-height-10: 10px;
--line-height-13: 13px;
--line-height-15: 15px;
--line-height-17: 17px;
--line-height-18: 18px;
--line-height-19: 19px;
--line-height-20: 20px;
--line-height-21: 21px;
--line-height-22: 22px;
--line-height-23: 23px;
--line-height-24: 24px;
--line-height-25: 25px;
--line-height-26: 26px;
--line-height-27: 27px;
--line-height-28: 28px;
--line-height-29: 29px;
--line-height-30: 30px;
--line-height-31: 31px;
--line-height-32: 32px;
--line-height-33: 33px;
--line-height-34: 34px;
--line-height-35: 35px;
--line-height-38: 38px;
--line-height-40: 40px;
--line-height-42: 42px;
--line-height-43: 43px;
--line-height-44: 44px;
--line-height-45: 45px;
--line-height-46: 46px;
--line-height-47: 47px;
--line-height-48: 48px;
--line-height-49: 49px;
--line-height-50: 50px;
--line-height-54: 54px;
--line-height-60: 60px;

--text-underline: underline;

--text-align-start: start;
--text-align-left: left;
--text-align-right: right;
--text-align-center: center;
--text-align-justify: justify;

--text-uppercase: uppercase;
}
/* End Font/text values */

/* Scrollbar width */
::-webkit-scrollbar {width: 10px;}

/* Scrollbar Track */
::-webkit-scrollbar-track {background: var(--color-f1f1f1);}
 
/* Scrollbar Handle */
::-webkit-scrollbar-thumb {background: var(--color-888888); border-radius: 10px;}

/* Scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--color-555555);}
/* End root */  

/* Start Body */  
body,html {overflow-x: hidden; width: 100%; max-width: var(--max-width-001);}

body {overflow-y: hidden;}

h1 {
  font-family: var(--font-family-Exo2);
  font-size: var(--font-size-36);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--line-height-40);
  color: var(--color-141522);
}

h1 span {color: var(--color-274aad);}

.other-h1 h1 {
  font-family: var(--font-family-Exo2);
  font-size: var(--font-size-30);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-bold);
  color: var(--color-000000);
}

h2 {
  font-family: var(--font-family-Exo2);
  font-size: var(--font-size-25);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--line-height-30);
  color: var(--color-274aad);
}

p {
  font-family: var(--font-family-Ubuntu);
  font-size: var(--font-size-17);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-25);
  color: var(--color-141522);
}

ul {
  font-family: var(--font-family-Ubuntu);
  font-size: var(--font-size-18);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-22);
  color: var(--color-000000);
}

li {
  font-family: var(--font-family-Ubuntu);
  font-size: var(--font-size-18);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-light);
  color: var(--color-000000);
}

a {
  font-family: var(--font-family-Ubuntu);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-17);
  text-decoration: none;
  color: var(--color-ffffff);
}
/* End Body */

/* Start Generic */
.displayFlexRow {display: flex; flex-direction: row;}
.displayFlexColumn {display: flex; flex-direction: column;}
/* End Generic */

/* Start Header */
#header {
  display: flex;
  position: fixed;
  align-items: center;
  top: 0;
  transform: translateY(-150%);
  transition: transform 0.7s ease-in-out;
  width: 100vw;
  max-width: var(--max-width-001);
  height: var(--height-navbar);
  padding: 0% 2%;
  background-color: var(--color-141522);
  z-index: var(--z-index-001);
}
#header.is-open {transform: translateY(0);}
#logo {width: 235px; padding: 0px 25px;}
#logo img {width: 190px; margin-top: 5px;}
#header__menu {display: flex; width: 100%;}
.header__menu__nav {display: flex; justify-content: flex-end; width: 100%;} 
.header__menu__nav li {display: flex; flex-wrap: wrap; align-content: center; color: var(--color-ffffff);}
.header__menu__nav li a {text-wrap: nowrap; font-family: var(--font-family-Exo2); font-size: var(--font-size-17); padding: 2px 30px; font-weight: var(--font-weight-light); color: var(--color-ffffff); transition-duration: .15s;}
#header__menu__nav__bold a {font-size: var(--font-size-20); font-weight: var(--font-weight-semi-bold);}
.header__menu-underline {
  display: flex;
  align-items: center;
  background-image: linear-gradient(var(--color-274aad), var(--color-274aad));
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 0% 2px;
  transition: background-size 300ms ease-in-out;
}
.header__menu-underline img {margin-top: 1px; margin-right: 7px;}
.header__menu-underline:hover {background-size: 80% 2px; color: var(--color-ffffff);}
.hamburger {display: none; margin-top: -15px;}

.header-background {background-color: var(--color-ffffff); opacity: 0.85} /* headerScroll.js customization*/
.header-background .header__menu__nav li {color: var(--color-000000);}
.header-background .header__menu__nav li a {color: var(--color-000000);}
.header-background .header__menu__nav li div a {background-color: var(--color-ffffff); opacity: 0.95; padding: 6px 20px !important; margin-left: -20px;}
.header-background .header__menu-underline {background-image: linear-gradient(var(--color-000000), var(--color-000000));}
/* End Header */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Global 1 */
#glb1 {align-items: center; margin-top: 120px; padding: 50px 80px;}
#glb1__el1 {justify-content: space-between; align-items: center; border-radius: var(--border-radius-002); width: 100%; max-width: var(--max-width-004); padding: 50px 80px; background-color: var(--color-1415221a);}
#glb1__el1 h1 {width: 570px;}
#glb1__el1 h1 span {color: var(--color-274aad);}
#glb1__el1-text p {margin-top: 20px; font-size: var(--font-size-22); font-weight: var(--font-weight-medium);}
/* End Global 1 */

/* Start Global 2 */
#glb2 {justify-content: space-evenly; align-items: center; width: 100vw; max-width: var(--max-width-001); height: 500px; padding: 100px 0px; background-color: var(--color-1415221a);}
#glb2 h2 {text-transform: var(--text-uppercase);}
#glb2__el1 {width: 370px; margin-right: 0px;}
#glb2__el2 {flex-wrap: wrap; justify-content: flex-start; height: 100%;}
.glb2__el2-dot {margin-right: 50px}
.glb2__el2-dot-btm {margin-bottom: 60px;}
.glb2__el2-dot-img {display: flex; justify-content: center; align-items: center; width: 50px;}
.glb2__el2-dot-img img {width: 80%; margin-right: 25px;}
/* End Global 2 */

/* Start Global 3 */
#glb3 {align-items: center; width: 100%; max-width: var(--max-width-001); margin: 105px 0px 80px 0px; padding: 0px 50px;}
#glb3__box {justify-content: center; align-items: center; width: 100%; max-width: var(--max-width-012); padding: 25px 50px; box-shadow: 0px 10px 23px #00000029; border-radius: var(--border-radius-002); text-align: var(--text-align-center);}
#glb3__box h1 {margin-bottom: 10px;}
#glb3__box p {margin-bottom: 25px;}
#glb3__box .button {background-color: var(--color-141522); border: 2px solid var(--color-141522);}
#glb3__box .button:hover {background-color: var(--color-ffffff); color: var(--color-141522); border: 2px solid var(--color-141522);}
/* End Global 3 */

/* Start Global Image Left 01 */
#glb_imgLeft1 {align-items: center; width: 100%; max-width: var(--max-width-001); margin: 50px 0px;}
#glb_imgLeft1__el1 {justify-content: space-evenly; align-items: center; width: 100%; max-width: var(--max-width-003); margin-top: 50px; padding: 2%;}
#glb_imgLeft1__el1 img {width: 40%; height: max-content; margin-right: 50px;}
#glb_imgLeft1__el1-text {width: 50%; max-width: var(--max-width-008);}
#glb_imgLeft1__el1-text h1 {margin-bottom: 20px;}
#glb_imgLeft1__el1-text span {font-weight: var(--font-weight-extra-bold);}
#glb_imgLeft1__el1-text .button {margin-top: 25px;}
#glb_imgLeft1__el1-text .mobile {display: none;}
/* End Global Image Left 01 */

/* Start Global Image Right 01 */
#glb_imgRight1 {align-items: center; width: 100%; max-width: var(--max-width-001); margin: 50px 0px;}
#glb_imgRight1__el1 {justify-content: space-evenly; align-items: center; width: 100%; max-width: var(--max-width-003); padding: 2%;}
#glb_imgRight1__el1 img {width: 50%; height: max-content; margin-left: 50px;}
#glb_imgRight1__el1-text {flex-wrap: wrap; align-items: flex-end; width: 35%; max-width: var(--max-width-008); text-align: var(--text-align-right);}
#glb_imgRight1__el1-text h1 {margin-bottom: 20px;}
#glb_imgRight1__el1-text span {font-weight: var(--font-weight-extra-bold);}
#glb_imgRight1__el1-text .button {margin-top: 25px;}
#glb_imgRight1__el1-text .mobile {display: none;}
/* End Global Image Right 01 */

/* Start Footer */
#footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: var(--max-width-001);
  background: var(--color-141522) 0% 0% no-repeat padding-box;
  padding: 5% 6% 0% 6%;
  color: var(--color-ffffff);
}

#footer h2 {margin-top: 12px; margin-bottom: 10px; font-style: var(--font-style-normal); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-20); color: var(--color-d36f29); text-align: var(--text-align-left);}

#footer p {
  font-size: var(--font-size-13);
  line-height: var(--line-height-20);
  font-weight: var(--font-weight-light);
  font-style: var(--font-style-normal);
  text-align: var(--text-align-left);
  transition: .4s;
  color: var(--color-ffffff);
  z-index: var(--z-index-002);
}

#footer__header {display: flex; justify-content: space-between; width: 100%;}

#footer__logo {width: 220px; height: 40px; margin-left: -20px;}

.footer__box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.footer__row {display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%;}
.footer__row-box {display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: 7%;}
.footer__dot {display: flex; flex-direction: column; align-items: flex-start; width: 235px; height: 170px; margin-right: 25px; margin-bottom: 20px; padding: 0px;}
.footer__dot img {width: 18px; height: 18px; margin-right: 10px; z-index: var(--z-index-002);}

.footer__dot a {
  display: flex;
  align-items: normal;
  width: 210px;
  height: 27px;
  transition-duration: 0.1s;
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-13);
  line-height: var(--line-height-25);
  text-align: var(--text-align-left);
  color: var(--color-ffffff);
  z-index: var(--z-index-002);
}

.footer__dot a:hover {filter: brightness(0) saturate(100%) invert(46%) sepia(96%) saturate(372%) hue-rotate(355deg) brightness(90%) contrast(95%);}

.footer__dot p {margin-bottom: 10px;}

.footer__dot-wdt1 {width: 100px;}
.footer__dot-intro {width: 300px;}
.footer__dot-intro p {margin-bottom: 20px;}
.footer__row .footer__dot-intro .p-other {margin-bottom: 0px;}
.footer__arrow {display: flex; justify-content: flex-end;}
.footer__arrow img {position: relative; width: 50px; height: 50px; z-index: var(--z-index-002);}
.footer__arrow img:hover {filter: drop-shadow(0 0 3px var(--color-ffffff));}

.footer__bottom {display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-top: 50px;}
.footer__policy {display: flex; flex-direction: row; align-items: center; width: 360px; height: auto; padding-bottom: 40px;}
.footer__policy a {justify-content: center; align-items: center; height: 19px;}
.footer__policy-border{border-left: 3px solid var(--color-d36f29); border-right: 3px solid var(--color-d36f29); margin: 0px 10px; padding: 0px 10px;}
/* End Footer */

/* Start Copyright */
#copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: var(--max-width-001);
  height: 25px;
  margin-top: -40px;
  color: var(--color-ffffff);
  background: var(--color-141522) 0% 0% no-repeat padding-box;
}
#copyright a {font-size: var(--font-size-13); font-style: var(--font-style-normal); font-weight: var(--font-weight-light); color: var(--color-ffffff);}
#copyright span {
  font-size: var(--font-size-13);
  font-style: var(--font-style-normal);
  font-weight: var(--font-weight-light);
  color: var(--color-ffffff);
}
#copyright__fuki{text-decoration-line: var(--text-underline); text-underline-offset: 3px;}
/* End Copyright */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Helpers*/
.button {display: flex; flex-wrap: nowrap; justify-content: center; width: max-content; background-color: var(--color-d36f29); padding: 8px 20px 8px 20px; border: 2px solid var(--color-d36f29); transition-duration: 0.3s; font-size: var(--font-size-16); border-radius: var(--border-radius-001);}
.button:hover {background-color: var(--color-ffffff); color: var(--color-d36f29); border: 2px solid var(--color-d36f29); transition-duration: 0.3s;}
.buttonLink {display: flex; align-items: center; height: 20px; color: var(--color-000000);}
.buttonLink a {font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-18); line-height: var(--line-height-28);}
.buttonLink img {width: 41px; height: 16px; margin-top: -2px; margin-left: 20px;}
.delay1 {transition-delay: 0.6s}
.delay2 {transition-delay: 0.6s}
.split {max-width: var(--max-width-001); justify-content: center; align-items: center; margin: 70px 0px;}
/* End Helpers*/

/* Start for JavaScript */
.anchor{text-anchor: none;} /* smoothScroll.js */
.noScrollY {overflow-y: hidden;} /* headerScroll.js - menuMobile.js */

/* Start Show.js */
.show-hidden {opacity: 0; transition: 1s ease;}
.show-hiddenb {opacity: 0; filter: blur(5px); transition: 1s ease;}
.show-bottom {opacity: 0; filter: blur(5px); transform: translateY(50%); transition: 1s ease;}
.show-left {opacity: 0; filter: blur(5px); transform: translateX(-100%); transition: 1s ease;}
.show-right {opacity: 0; filter: blur(5px); transform: translateX(100%); transition: 0.7s ease-out;}
.show {opacity: 1; filter: blur(0); transform: translateX(0); transform: translateY(0);}
/* End Show.js */
/* End for JavaScript */

/* Start Animation */
.arrowDX:hover img {animation: hoverArrowDX 1s infinite 0.1s;}
@keyframes hoverArrowDX {0% {transform: translateX(0px);} 50% {transform: translateX(10px);} 100% {transform: translateX(0px);}}
/* End Animation */

/* Start Border-box */
/* Permette di resettare il padding degli elementi applicando questo all'interno degli elementi e non all'esterno [metterlo alla fine]*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* End Border-box */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 2400px){
  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {margin-top: 50px;}
}

@media screen and (max-width: 1550px){
  /* Start Global 2 */
  #glb2__el1 {width: 220px;}
}

@media screen and (max-width: 1400px){
  /* Start Global 1 */
  #glb1 {padding: 50px 80px;}

  /* Start Global 2 */
  #glb2 {flex-direction: column; height: 650px; padding: 90px 30px;}
  #glb2__el1 {width: 375px; margin-right: 0px; margin-bottom: 50px; text-align: var(--text-align-center);}
  #glb2__el2 {height: 65%;}

  /* Footer */
  .footer__row {margin-left: 0px;}
}

@media screen and (max-width: 1150px){
  /* Start Global 1 */
  #glb1 {padding: 50px 40px;}
  #glb1__el1 {padding: 40px 40px;}
}

@media screen and (max-width: 1100px){
  /* Start Global Image Left 01 */
  #glb_imgLeft1__el1 {align-items: flex-start; padding: 2%;}
  #glb_imgLeft1__el1 img {margin-right: 0px;}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {margin-top: 0px; padding: 2%;}
  #glb_imgRight1__el1 img {margin-right: 0px;}
}

@media screen and (max-width: 1080px){
  /* Start Global 1 */
  #glb1 {padding: 50px 25px;}

  /* Start Global 2 */
  #glb2 {height: 800px;}
  #glb2__el2 {height: 100%;}
  .glb2__el2-dot-btm {margin-bottom: 0px;}
  .glb2__el2-dot {margin-right: 0px; margin-bottom: 50px;}

  /* Footer */
  #footer {padding: 5% 4% 0% 4%;}
  #footer__header {margin-top: 30px;}
}

@media screen and (max-width: 1000px){
  /* Start Global Image Left 01 */
  #glb_imgLeft1__el1 {flex-direction: column; padding: 5%;}
  #glb_imgLeft1__el1 img {width: 550px; margin-right: 0px; margin-bottom: 50px;}
  #glb_imgLeft1__el1-text {width: 100%; max-width: var(--max-width-009);}
  #glb_imgLeft1__el1-text .pc {display: none;}
  #glb_imgLeft1__el1-text .mobile {display: inline;}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {flex-direction: column-reverse; align-items: flex-end; padding: 5%;}
  #glb_imgRight1__el1 img {width: 550px; margin-left: 0px; margin-bottom: 50px;}
  #glb_imgRight1__el1-text {width: 100%; max-width: var(--max-width-009);}
  #glb_imgRight1__el1-text .pc {display: none;}
  #glb_imgRight1__el1-text .mobile {display: inline;}
}

@media screen and (max-width: 980px){
  /* Start Global 1 */
  #glb1 {padding: 50px 25px;}
  #glb1__el1 {padding: 35px 25px;}
  #glb1__el1 .button {padding: 8px 10px 8px 10px;}

  /* Footer */
  .footer__dot {width: 215px;}
  .footer__policy {width: 360px;}
}

@media screen and (max-width: 950px){
  /* Menù mobile */
  .header__menu__nav {flex-direction:column; justify-content: center; align-items: center; top: 0px; right: -100%; width: 50%; height: 100vh; min-height: 300px; background: var(--color-141522); transition: all 1s cubic-bezier(.215, .61, .355, 1); position: absolute; overflow-y: auto; z-index: var(--z-index-001);}
  .header__menu__nav li {width: 50%; height: 50px; justify-content: center; font-weight: var(--font-weight-semi-bold); color: var(--color-d36f29);}
  .header__menu__nav li a {padding: 15px; font-weight: var(--font-weight-semi-bold); color: var(--color-d36f29);}
  .header__menu__nav li a {font-size: var(--font-size-22);}
  .header__menu-underline:hover {background-size: 0% 0px; color: var(--color-ffffff);}
  .menu--open {right: 0%;}
  .hamburger {display: block; position: absolute; top: 36px; right: 30px; width: 30px; height: 30px; z-index: var(--z-index-001);}
  .hamburger span {display: block; width: 100%; height: 3px; margin-bottom: 5px; background-color: var(--color-d36f29); transition: all ease-in-out 0.4s; border-radius: 4px;}
  
  .header-background {opacity: 0.9;} /* headerScroll.js customization*/
  .header-background .hamburger span {background-color: var(--color-d36f29);}
  .header-background .header__menu__nav li {color: var(--color-d36f29);}
  .header-background .header__menu__nav li a {color: var(--color-d36f29);}
  .header-background .header__menu__nav li div a {padding: 2px 0px !important; margin-left: 0px;}

  .header__menu__nav li div a {margin-bottom: 6px;}
  .header-background .header__menu-underline {background-image: linear-gradient(var(--color-ffffff), var(--color-ffffff));}
  /* End Menù mobile */
}

@media screen and (max-width: 915px){
  h1 {font-size: var(--font-size-32); line-height: var(--line-height-35);}

  /* Start Global 1 */
  #glb1__el1 h1 {width: 435px;}
}

@media screen and (max-width: 865px){
  /* Start Global 1 */
  #glb1 {padding: 50px 25px 50px 25px;}
  #glb1__el1 {flex-direction: column; width: 600px; padding: 45px 45px; text-align: var(--text-align-center);}
  #glb1__el1 h1 {margin-bottom: 10px;}
  #glb1__el1 .button {padding: 8px 20px 8px 20px;}
  #glb1__el1-text {align-items: center; margin-bottom: 35px;}
}

@media screen and (max-width: 850px){
  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {margin-top: 50px;}
}

@media screen and (max-width: 842px){
  /* Footer */
  .footer__dot-contattaci {margin-right: 10%;}
  .footer__row {flex-direction: column;}
  .footer__row-box {justify-content: flex-start; margin-right: 0%;}
  .footer__bottom {justify-content: center;}
  .footer__policy {justify-content: center; margin: 0px;}

  /* Copyright */
  #copyright {margin-top: 0px;}
}

@media screen and (max-width: 700px){
  h2 {font-size: var(--font-size-25); line-height: var(--line-height-28);}
  p {font-size: var(--font-size-18);}
  ul {font-size: var(--font-size-17);}
  li {font-size: var(--font-size-17);}

  /* Start Global Image Left 01 */
  #glb_imgLeft1__el1 img {width: 100%;}
  #glb_imgLeft1__el1-text {align-items: center; text-align: var(--text-align-center);}
  #glb_imgLeft1__el1-text .button {margin-top: 15px;}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 img {width: 100%;}
  #glb_imgRight1__el1-text {align-items: center; text-align: var(--text-align-center);}
  #glb_imgRight1__el1-text .button {margin-top: 15px;}
}

@media screen and (max-width: 630px){
  /* Start Global 1 */
  #glb1__el1 {width: 100%; padding: 13% 5%;}
}

@media screen and (max-width: 550px){
  /* Menù mobile */
  .header__menu__nav {width: 60%;}

  /* Start Global 1 */
  #glb1__el1 h1 {width: 325px;}
  
  /* Footer */
  .footer__dot {width: 170px;}
  .footer__dot a {text-wrap: nowrap;}
  .footer__dot-link {margin-bottom: 0px;}
}

@media screen and (max-width: 500px){
  /* Start Global 3 */
  #glb3 {padding: 0px 3%;}
  #glb3__box {align-items: center; padding: 25px 30px; text-align: var(--text-align-center);}
}

@media screen and (max-width: 450px){
  /* Header */
  #logo {width: 170px; padding: 0px 0px;}
  #logo img {width: 150px;}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {margin-top: 70px;}

  /* Footer */
  .footer__dot {height: auto;}
  .footer__policy {width: 340px; margin-top: 50px;}
  .footer__policy {flex-direction: column; align-items: center; width: 116px;}
  .footer__policy span {display: flex; width: 35px; border: 1px solid var(--color-d36f29); margin: 7px 0px;}
  .footer__policy-border {border-left: none; border-right: none; margin: 0px; padding: 0px;}
}

@media screen and (max-width: 430px){
  /* Start Global 3 */
  #glb3 {padding: 0px 2%;}
  #glb3__box {padding: 25px 20px;}
}

@media screen and (max-width: 400px){
  /* Header */
  #logo {width: 120px;}
  #logo img {width: 120px;}
  .header__menu__nav {width: 100%;}

  /* Start Global 1*/
  #glb1 {padding: 80px 0px;}
  #glb1__el1 {border-radius: var(--border-radius-no);}
  #glb1__el1 h1 {width: 300px;}

  /* Start Global 2*/
  #glb2 {height: 1000px; padding: 80px 0px;}
  #glb2__el1 {width: 295px;}
  #glb2__el2-text {margin-bottom: 15px;}
  .glb2__el2-dot {flex-direction: column; align-items: center;}
  .glb2__el2-dot-text {margin: 0px 10px; text-align: center;}

  /* Start Global Image Left 01 */
  #glb_imgLeft1__el1 {padding: 2%;}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {padding: 2%;}
}

@media screen and (max-width: 380px){
  /* Start Global Image Left 01 */
  #glb_imgLeft1__el1-text h1 {font-size: var(--font-size-27); line-height: var(--line-height-35);}

  /* Start Global Image Right 01 */
  #glb_imgRight1__el1-text h1 {font-size: var(--font-size-27); line-height: var(--line-height-35);}

  /* Start Global 3 */
  #glb3__box {padding: 25px 12px;}
  #glb3__box h1 {font-size: var(--font-size-30); line-height: var(--line-height-33);}
}

@media screen and (max-width: 370px){
  /* Footer */
  .footer__bottom {align-items: center; padding: 0% 3% 0% 3%;}
  .footer__dot-link {width: 110px;}
}

@media screen and (max-width: 360px){
  /* Start Global Image Right 01 */
  #glb_imgRight1__el1 {margin-top: 90px;}
}

@media screen and (max-width: 350px){
  /* Start Global 3 */
  #glb3__box {padding: 25px 10px;}
  #glb3__box h1 {font-size: var(--font-size-27); line-height: var(--line-height-30);}
}

@media screen and (max-width: 340px){
  /* Start Global 2*/
  #glb2 {height: 1030px;}

  /* Footer */
  .footer__dot-link {width: 90px;}
}

@media screen and (max-width: 307px){
  /* Start Global 2*/
  #glb2 {height: 1070px;}
}

/* End Weight */

/* Start Height */
@media screen and (max-width: 1199px) and (max-height: 400px){
  /* Header */
  .header__menu__nav li {height: 40px;}
}
/* End Height */
/* End Mobile */