/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 99944233934322333333
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@font-face {
  font-family: 'Trajana Sans';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src:
    local('Trajana Sans'),
    url(https://www.globobanks.com/wp-content/themes/flatsome-child/assets/font/TrajanaSans.woff) format('woff');
}


body {font-family: "DM Sans", sans-serif;line-height: 1.5em;}

h1, h2, h4, h5 {  font-family: 'Trajana Sans', sans-serif !important; color: #125a5b;}

h1 {font-size: 60px; line-height: 1.2em; letter-spacing: -2px;}
h2 {font-size: 50px; line-height: 1.15em; letter-spacing: -2px;}
h3 {font-size: 25px; line-height: 1.2em;font-family: "DM Sans", sans-serif !important;letter-spacing: -1px;}
h5 {font-size: 24px}

span.post-title  {font-size: 20px;  font-family: 'Trajana Sans', sans-serif !important; color: #125a5b;}

.meta-author a, .posted-on a {pointer-events: none}

.km-bc-bleed {background:rgb(228,240,240);padding:8px 0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
.km-bc-inner {max-width:var(--site-container,1400px);margin:0 auto;padding:10px 30px 10px 15px;}
.km-bc-inner .yoast-breadcrumb a {text-decoration:none;}
.km-bc-inner .yoast-breadcrumb a:hover {text-decoration:underline;}
@media (max-width:768px){.km-bc-inner {padding:12px 18px 0 18px;}}

th {text-transform: none;  }
th:first-child {
  padding-left: 10px;
}
thead th {color: #125a5b; text-transform: uppercase; background: #f5f5f5}

.single h2 {margin-top: 70px}
.single h3 {margin-top: 40px}

.small h2 {font-size: 30px}
.big h3 {font-size: 50px; font-family: 'Trajana Sans', sans-serif !important;letter-spacing: -1px; }

.agile h4 {font-size: 20px; line-height: 1.2em;font-family: "DM Sans", sans-serif !important;font-weight: bold}

p.lead {font-size: 25px; line-height: 1.25em}

.likeh2 p {color: #125A5B;font-size: 50px; line-height: 1.15em; letter-spacing: -2px;font-family: 'Trajana Sans', sans-serif !important;}

.sopra {z-index: 20}

.sottotitolo p{color: #125A5B;text-transform: uppercase; font-size: 30px; font-family: 'Trajana Sans', sans-serif !important;letter-spacing: -1px; line-height: 1.25em}

.rounded .col-inner, .rounded .banner {border-radius: 20px}

.breadcrumb, #breadcrumbs {font-size: 18px; margin-bottom: 0px !important}

.post-title {min-height: 130px; display: inline-block}

/*Header*/

.header-main{border-bottom: 2px solid #125a5b}
.header-top a, .header-top .nav > li > a{font-size: 16px !important; color: #125a5b;margin: 0px 3px }
.nav-uppercase > li > a {font-weight: bolder;letter-spacing: 0em;text-transform: none;}
.header-nav > li > a {font-size: 18px;font-weight: 300 !important;}
#logo img {margin-left: -5px}

.nav > li > a {color:#125a5b}
.off-canvas-center .nav-vertical > li > a {font-size: 1.2em; padding-bottom: 10px; padding-top: 10px}
.off-canvas-center .mfp-content {padding-top: 20px;}

.nav > li {margin: 0 15px;}

/*Home*/

.number {font-size: 100px;line-height: 100px}
.number p {margin-bottom: 10px !important;font-family: 'Trajana Sans', sans-serif !important;}

sup {font-size: 0.7em; line-height: 0.5em}

.col-box-hp .img {margin-bottom: 0px !important}
.box-hp .lead {font-size: 25px; font-weight: 500}
.box-hp  {padding: 20px 20px 0px 20px; background: #E4F0F0; transition: background-color 0.4s ease;}

.box-hp:hover  {background:#125a5b }
.box-hp:hover .lead {color: #fff !important}
.box-hp:hover svg {color: #fff }

.col-dx {background-color: #F5F5F5;}
.col-dx p.lead {margin-top: 20px}

.introducer .icon-box-img svg {height: 90%; width: 90%;}
.introducer .lead {margin-bottom: 1em}

/*FAQ*/

.faq .accordion-title {padding: .6em 2.5em .6em 0;}
.faq .accordion-inner {padding: 0.5em 0em;}



.faq .toggle { right: 0 !important; left: auto; top: 0em; }
.faq .toggle { opacity: 1; }
.faq .toggle .icon-angle-down::before { content: ""; background-image: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/apri.png); width: 24px; height: 24px; background-size: 24px 24px; display: inline-block; transition: transform .3s ease-in-out; }
.faq .active .toggle .icon-angle-down::before { content: ""; background-image: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/chiudi.png); width: 24px; height: 24px; background-size: 24px 24px; display: inline-block; transition: transform .3s ease-in-out; transform: rotate(0deg) !important; }
.active > .toggle { transform: rotate(0deg) !important; }
.accordion-title.active { background-color: transparent; border-color: var(--fs-color-primary); color: var(--fs-color-primary); font-weight: 700; }
.faq .accordion-item:first-child .accordion-title { border-top: none !important; }



/*Slider video*/
.timeline .col-inner {height: 300px !important}
.people p {font-size: 0.85em}

.people .col {margin: 0px}
.box-people{padding: 10px}

.slider-style-container .flickity-slider>:not(.is-selected){opacity:1;}

.people .flickity-slider .row{ }
.people h3 {  font-size: 30px;line-height: 33px;}
/*.copri .col-inner {width:  calc((100vw - 466px) / 2) !important; background: #fff; height: 400px; margin-top: -400px !important}*/
.people .flickity-slider { margin-left: -25px !important;}


.people .slider-nav-circle .previous {left:0; top: 100%;z-index: 99 }
.people .slider-nav-circle .next { right: 0;  top: 100%; z-index: 99}

.people .col-inner { position: relative; overflow: hidden; }

.people .col-inner:hover::before { opacity: 1; }
.people .col-inner > * { position: relative; z-index: 1; }
.people .col-inner .box-people h3 { transition: color 0.6s ease; }
.people .col-inner:hover .box-people h3 { color: #fff; }
.people .col-inner .box-people img { transition: filter 0.6s ease; }
.people .col-inner:hover .box-people img { filter: brightness(0) invert(1); }

.flickity-button.previous {background: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/freccia-prev.png) no-repeat center center;opacity: 0.4 !important; background-size: contain; width: 48px; height: 48px; }

.flickity-button.next {background: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/freccia.png) no-repeat center center;opacity: 0.4 !important; background-size: contain; width: 48px; height: 48px;}

.flickity-button.previous:hover {opacity: 1 !important; }
.flickity-button.next:hover {opacity: 1 !important; }

.flickity-button .flickity-button-icon {display: none;}
.flickity-page-dots {display: none;}

.people .slider-style-shadow .flickity-slider > ::before {background-image: none !important;}

.anno p {font-size: 30px;color: #125a5b; margin: 20px 0px 0px 0px; line-height: 1.25em}




.people2 .flickity-slider .row{ }
.people2 h3 {  font-size: 30px;line-height: 33px;}
.copri .col-inner {width:  calc((100vw - 466px) / 2) !important; background: #fff; height: 400px; margin-top: -400px !important}
.people2 .flickity-slider { margin-left: calc((100vw - 466px) / 2)  !important;}

.people2 .slider-nav-circle .previous { margin-right: -45px;top: 70%;left: calc((100vw - 1360px) / 2);z-index: 99 }
.people2 .slider-nav-circle .next { margin-right: auto; left: calc((100vw - 1230px) / 2); top: 70%; z-index: 99}

/*Video Player*/


.video-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #125a5b; display: none; justify-content: center; align-items: center; z-index: 9999; }
.video-overlay iframe { width: 80vw; height: 45vw; max-width: 960px; max-height: 540px; }
.video-overlay .close-btn { position: absolute; top: 20px; font-size: 35px; color: white; cursor: pointer; }
.video-thumbnail { position: relative; cursor: pointer; display: block; }

.video-thumbnail img { display: block; width: 100% !important; filter: grayscale(100%); transition: filter 0.3s ease;height: auto}

.video-thumbnail:hover img { filter: grayscale(0%); }
.video-thumbnail .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255,255,255,0.7); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; }
.video-thumbnail .play-icon::before { content: ''; display: block; width: 0; height: 0; border-left: 18px solid #003b4f; border-top: 12px solid transparent; border-bottom: 12px solid transparent; transition: border-left-color 0.3s ease; }
.video-thumbnail:hover .play-icon { background: rgba(0, 59, 79, 0.7); }
.video-thumbnail:hover .play-icon::before { border-left-color: white; }


/*Servizi HP*/

.servizi .riga {margin: 0 auto !important}

.servizi {transition: background-color 0.4s ease; border-bottom: 1px solid #125a5b}
.servizi:last-child { border-bottom: none;}
.servizi:hover {background: #125a5b; }
.servizi:hover h3 {color: #fff !important; }
.servizi:hover p {color: #fff !important; }

.servizi-freccia  { transition: opacity 0.3s ease-in-out;}

.servizi-freccia .icon-inner { position: relative; display: inline-block; }
.servizi-freccia .icon-inner img { display: block; width: 48px; height: 48px; margin-top: 50px; transition: opacity 0.4s ease; }
.servizi-freccia .icon-inner::after { content: ''; position: absolute; top: 26px; left: 0; width: 100%; height: 100%; background-image: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/freccia-hover.png); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 1; }
.servizi:hover .servizi-freccia .icon-inner::after { opacity: 1; }

.servizi h3 {margin-top: 10px;}

/*Bottoni*/  

.button {letter-spacing: 0em;}
.button:hover, .dark .button.is-form:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  box-shadow: inset 0 0 0 100px rgba(0,0,0,0); color: #fff;  opacity: 1;}
  
.button.success { position: relative; display: inline-block; background-color: #125a5b; color: #ffffff; border: 2px solid transparent; text-align: center; overflow: hidden; height: 60px; line-height: 60px; transition: background-color 0.4s ease, border-color 0.4s ease; min-width: 300px; font-size: 18px; white-space: nowrap; }
.button.success .text-wrapper { position: relative; display: inline-block; height: 60px; line-height: 60px; width: 100%; }
.button.success .text-wrapper span { position: absolute; left: 0; width: 100%; height: 60px; line-height: 60px; text-align: center; transition: transform 0.4s ease, opacity 0.4s ease; top: 50%; transform: translateY(-50%); }
.button.success .text-wrapper .text-clone { color: #125a5b; opacity: 0; top: 100%; transform: translateY(0%); }
.button.success:hover { background-color: #ffffff; border-color: #125a5b; color: transparent; }
.button.success:hover .text-wrapper span:not(.text-clone) { transform: translateY(-150%); opacity: 0; }
.button.success:hover .text-wrapper .text-clone { top: 50%; transform: translateY(-50%); opacity: 1; }

.button.chiaro { background-color: #BED6D6;color: #125a5b;}
.button.chiaro .text-wrapper .text-clone { color: #125a5b; opacity: 0; top: 100%; transform: translateY(0%); }
.button.chiaro:hover { background-color: #ffffff; border-color: #125a5b; color: transparent; }

.chat img {width: 249px !important}

.button {text-transform: none; font-size: 20px !important; font-weight: normal}
.news .is-divider {display: none}
.news .button::after { content: "";  background-image: url(https://globobanks.com/wp-content/themes/flatsome-child/assets/img/freccia-small.png); width: 16px; height: 14px; background-size: 16px 14px;display: inline-block; transition: transform .3s ease-in-out; }


/*Partner*/



/*
.logo-marquee { overflow: hidden; width: 100%; padding: 20px 0; }
.logo-track { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; animation: logos-marquee 10s linear infinite;}
.logo-track img { flex: 0 0 auto; width: 120px; height: auto; object-fit: contain; border: 4px solid #fff;}
.logo-track img {opacity: 1 !important; }

@keyframes logos-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
*/

/*

@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
*/

.gs_logo_single {border-radius: 0px !important; padding: 30px 6px 20px 6px !important}
.gs_logo_single img{border: 4px solid #fff;}




/* =======================
   Mappa base
======================= */
.map-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  isolation: isolate; /* forza nuovo contesto di z-index */
}
.map-background {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}

/* =======================
   Pin (contenitore)
======================= */
.map-pin {
  --pulse-color: #00e9c1;
  --ring-size: 30px;
  --center-size: 13px;

  position: absolute;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  overflow: visible;
  z-index: 3; 
  pointer-events: none; /* solo il pallino cliccabile */
}

/* Glow sotto al pin */
.map-pin::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 54px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0,233,193,.45), transparent 70%);
  filter: blur(6px);
  opacity: .9;
  z-index: 0;
  pointer-events: none;
}

/* =======================
   Onde (3 cerchi)
======================= */
.pulse, .pulse.p2, .pulse.p3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ring-size);
  height: var(--ring-size);
  border: 3px solid var(--pulse-color);
  border-radius: 50%;
  background: transparent;
  transform: translate(-50%, -50%) scale(.8);
  opacity: 0;
  box-shadow: 0 0 12px rgba(0,233,193,.65),
              inset 0 0 6px rgba(0,233,193,.35);
  z-index: 0;
  will-change: transform, opacity;
  pointer-events: none;
}
.pulse   { animation: ripple var(--dur, 2s)  cubic-bezier(.22,.61,.36,1) infinite; animation-delay: var(--delay, 0s); }
.pulse.p2{ animation: ripple var(--dur2, 2.4s) cubic-bezier(.22,.61,.36,1) infinite; animation-delay: var(--delay2, .3s); }
.pulse.p3{ animation: ripple var(--dur3, 2.8s) cubic-bezier(.22,.61,.36,1) infinite; animation-delay: var(--delay3, .6s); }

@keyframes ripple {
  0%   { transform:translate(-50%,-50%) scale(.6); opacity:0; }
  20%  { opacity:.95; }
  55%  { opacity:.65; }
  100% { transform:translate(-50%,-50%) scale(2.1); opacity:0; }
}

/* =======================
   Pallino centrale = UNICA area attiva
======================= */
.pin-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--center-size);
  height: var(--center-size);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  border: 2px solid #125a5b;
  box-shadow:
    0 0 10px rgba(0,233,193,.9),
    0 0 20px rgba(0,233,193,.5),
    0 0 30px rgba(0,233,193,.25);
  z-index: 4;
  pointer-events: auto;
  cursor: pointer;
}
.pin-center:hover {
  transform: translate(-50%, -50%) scale(1.15);
  box-shadow:
    0 0 14px rgba(0,233,193,1),
    0 0 28px rgba(0,233,193,.75),
    0 0 40px rgba(0,233,193,.45);
}

/* =======================
   Label (immagini sopra la mappa)
======================= */
.map-labels {
  position: absolute;
  inset: 0;
  z-index: 2; /* sopra mappa e pin */
  pointer-events: none;
}

.map-labels .label {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .35s ease;
}

/* Mappatura pin → label */
.pin-emirati:has(.pin-center:hover)      ~ .map-labels .label-emirati { opacity: 1; }
.pin-mauritius:has(.pin-center:hover)    ~ .map-labels .label-mauritius { opacity: 1; }
.pin-stati-uniti:has(.pin-center:hover)  ~ .map-labels .label-stati-uniti { opacity: 1; }
.pin-singapore:has(.pin-center:hover)    ~ .map-labels .label-singapore { opacity: 1; }
.pin-uk:has(.pin-center:hover)           ~ .map-labels .label-uk { opacity: 1; }
.pin-panama:has(.pin-center:hover)       ~ .map-labels .label-panama { opacity: 1; }
.pin-hong-kong:has(.pin-center:hover)    ~ .map-labels .label-hong-kong { opacity: 1; }
.pin-caraibi:has(.pin-center:hover)      ~ .map-labels .label-caraibi { opacity: 1; }
.pin-georgia:has(.pin-center:hover)      ~ .map-labels .label-georgia { opacity: 1; }
.pin-cayman:has(.pin-center:hover)       ~ .map-labels .label-cayman { opacity: 1; }
.pin-svizzera:has(.pin-center:hover)     ~ .map-labels .label-svizzera { opacity: 1; }
.pin-finlandia:has(.pin-center:hover)    ~ .map-labels .label-finlandia { opacity: 1; }
.pin-canada:has(.pin-center:hover)       ~ .map-labels .label-canada { opacity: 1; }

/* Quando un pin è attivo, gli altri svaniscono */
.map-container:has(.pin-center:hover) .map-pin { opacity:.15; transition:opacity .2s ease; }
.map-container:has(.pin-center:hover) .map-pin:has(.pin-center:hover) { opacity:1; }



.pin-center:hover {
  background: #bd331c;       /* riempimento arancione */
  border-color: #fff;     /* opzionale: bordo arancione */
  transform: translate(-50%, -50%) scale(1.15);
}


/*form*/

.wpcf7-form .right {width: 50%; float: left; padding: 0px 4px 0px 10px}
.wpcf7-form  .left {width: 50%; float: left; padding: 0px 10px 0px 4px}
.wpcf7-form  .tot {padding: 0px 4px;  margin: 0 auto;}
.wpcf7-form  .tot2 {width: 100%; float: left; padding: 20px 4px}


.wpcf7-list-item {font-weight: 300; display: block !important;  margin-bottom: 0px;}
.wpcf7-list-item-label a {color: #125a5b !important; text-decoration: underline}
.wpcf7-form  .accetto {border: none !important;margin-left: 0px; font-size: 110%;color: #000; }
label, legend {font-size: .9em;font-weight: 300;margin-bottom: 0px}

.button, input[type="submit"] {font-weight: normal !important; padding: 0px 30px; margin-top: 40px}




.wpcf7 .wpcf7-form-control-wrap {display: contents;}
/*.wpcf7-response-output {color: #fff}*/
.wpcf7-file {display: block; margin:3px 0px 10px 0px}

.wpcf7-spinner{display: none !important}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}

/*.wpcf7 form.sent .wpcf7-response-output {color: #fff !important;}
.wpcf7-response-output {color: #fff !important;}*/

input[type="checkbox"], input[type="radio"] {margin-right: 0px;}

form[data-status="init"] .wpcf7-not-valid-tip {display: none;}

.next-prev-nav {font-size: 0.9em; line-height: 1.5em}
  
.nav-previous a{display:flex;align-items:flex-start;gap:8px;text-decoration:none;}
.nav-previous i{flex-shrink:0;margin-top:3px;}

.nav-next a{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;text-align:right;text-decoration:none;}
.nav-next i{flex-shrink:0;margin-top:3px;}



/*Lingue*/

.wpml-ls-menu-item .sub-menu {background-color: #e4f0f0 !important;box-shadow: 1px 1px 15px rgba(0,0,0,.15) !important;width: auto   !important;padding: 10px !important;min-width: inherit !important}
.wpml-ls-menu-item .sub-menu .wpml-ls-flag {width: 30px !important; max-width: inherit !important}

li.wpml-ls-menu-item::before, li.wpml-ls-menu-item::after {  border: none !important; content: none !important}

/*Footer*/

.absolute-footer {display: none}
.footer-block {background:  #fff}
.footer-block a {color: #115656; }
.footer-block a:hover {}
.footer-block .section-bg img{right: -100px;width: 65%; height: auto; left: auto; top:3%; }

.logo-footer img {width: 220px }

.footer-faq a{color: #fff; text-decoration: underline}

#menu-policy-ita li,#menu-policy-eng li {display: inline-block;margin-left: 25px;} 
#menu-footer li, #menu-policy-ita li, #menu-policy-eng li {border-top: 0px; margin-bottom: 4px;line-height: 1em} 
#menu-footer a, #menu-policy-ita a , #menu-policy-eng a { text-decoration: none; color: #125A5B; transition: color 0.3s ease; } 
#menu-footer a:hover, #menu-policy-ita a:hover, #menu-policy-eng a:hover { text-decoration: underline}

#nav_menu-2,#nav_menu-3 {padding: 0px}

.mfp-container, .mfp-wrap {background: #125a5b;}
.mfp-close {mix-blend-mode: normal; opacity: 1 !important;width: 100%;text-align: center;}
.mfp-close svg {margin: 20px; width: 40px;height: 40px;}
.nav > li > a > i.icon-menu {font-size: 2.4em;}

.footer-block .icon-linkedin{margin-left: 8px}

ul.menu > li + li {border-top: none;}

.sub-menu {width: 300px}

.live-search-results, .header-block .live-search-results {color: #fff !important;}
.autocomplete-suggestion {cursor: pointer !important;}

#menu-footer-1 a, #menu-footer-3 a, .widget-title {font-weight: 700; font-family: "DM Sans", sans-serif !important; color: #125a5b; font-size: 18px}

.widget-title {margin-top: 6px}

/*Menu mobile*/

.off-canvas-center .nav-sidebar.nav-vertical > li .toggle {position: absolute; right: 0;top: 5px;}

@media only screen and (min-width: 1400px) {
/*.col-dx > .col-inner {margin-left: auto; margin-right: calc((100vw - 1400px) / 2); max-width: 700px;}*/

}

@media only screen and (max-width: 1399px) {
.people .slider-nav-circle .previous {top: 120%;left:20px; }
.people .slider-nav-circle .next { right: 20px; top: 120%;}
.people .flickity-slider { margin-left: 0px !important;}


.people2 .slider-nav-circle .previous { margin-right: auto;top: 100%;left:20px; }
.people2 .slider-nav-circle .next { margin-right: auto; left:auto; top: 100%;}
}

@media only screen and (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.box-hp  {padding: 20px 10px 0px 10px; }

h1 {font-size: 40px; line-height: 1.1em; letter-spacing: -1px;}
h2 {font-size: 35px; line-height: 1.2em; letter-spacing: -1px;}
h3 {font-size: 25px; line-height: 1.2em;font-family: "DM Sans", sans-serif !important;letter-spacing: -1px;}

.likeh2 p {color: #125A5B;font-size: 35px; line-height: 1.15em; letter-spacing: -1px;font-family: 'Trajana Sans', sans-serif !important;}

p.lead {font-size: 22px; line-height: 1.2em}
.box-hp .lead {font-size: 22px; font-weight: 500}

.slider-wrapper .flickity-prev-next-button {display: block;top: 100%;}

/* Off-canvas: bandiere affiancate, centrate */
.off-canvas .lang-inline-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding-top:8px;
}

/* ripulisce i <li> spostati dentro al wrapper */
.off-canvas .lang-inline-wrap > li{
  display:inline-flex !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  flex:0 0 auto !important;
}

.off-canvas .lang-inline-wrap img.wpml-ls-flag{
  width:28px; height:auto; vertical-align:middle;
}


.timeline .col-inner {height: 340px !important}
.wpml-ls-item.has-child {display: none !important}

}


@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.footer-block .text-right{text-align: left !important}
#menu-policy-ita li {display:block;margin-left: 0px; margin-right: 20px} 
#menu-policy-eng li {display:block;margin-left: 0px; margin-right: 20px} 


.borse-di-studio .row {margin-left: 0px !important;}
.borse-di-studio .slider {height: 700px}


}

@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {display: block;top: 100%;}
.no-border .is-border {border: none !important}

.people .flickity-slider { margin-left: 0px  !important;}

.people .slider-nav-circle .previous {top: 100%;left:20px; }
.people .slider-nav-circle .next { right: 20px; top: 100%;}

.qlwapp__container.qlwapp__container--bottom-right { width: 100% !important; text-align: center;margin-bottom: 0px !important}
.qlwapp__container.qlwapp__container--bottom-right .qlwapp__button {margin-right: auto !important; width: 100%; margin-bottom: 0px !important}

.mob-center, .button {margin: 0px auto !important; display: block !important;}
.is-link {display: inline !important}

.social-icons .button {display: inline-block !important;}

h5 {font-size: 20px !important}

.back-to-top {bottom: 60px !important;}

.off-canvas-center .nav-vertical > li > a {font-size: 1.1em; padding-bottom: 7px;padding-top: 5px;}

.nav > li.header-divider {height: 0px;}
.off-canvas .nav-sidebar.nav-vertical .wpml-ls-item.has-child {display: none !important}


/* =======================
   Onde (3 cerchi)
======================= */
.pulse, .pulse.p2, .pulse.p3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ring-size);
  height: var(--ring-size);
  border: 1px solid var(--pulse-color);
  border-radius: 50%;
  background: transparent;
  transform: translate(-50%, -50%) scale(.8);
  opacity: 0;
  box-shadow: 0 0 0 !important;
  z-index: 0;
  will-change: transform, opacity;
  pointer-events: none;
}
.pulse   { animation: ripple var(--dur, 2s)  cubic-bezier(.22,.61,.36,1) infinite; animation-delay: var(--delay, 0s); }
.pulse.p2{ display: none }
.pulse.p3{ display: none}

.pin-center {pointer-events: none !important; box-shadow: 0 0 0 !important}
.map-container {scale: 1.24}

}

/* ---- MOBILE: SOLO QUI CAMBIAMO IL TRACK ---- */
/*@media (max-width: 767px) {

  .logo-track {
    display: inline-flex !important;     
    flex-wrap: nowrap !important;
    width: max-content !important;      
    animation-duration: 16s !important; 
  }

  .logo-track img {
    width: 90px !important;
  }
}

*/