/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    A plain-vanilla &amp; lightweight theme for Elementor page builder
 */




@font-face {
    font-family: 'SuisseIntl-Light';
    src: url('font/SuisseIntl-Light.eot');
    src: url('font/SuisseIntl-Light.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-Light.woff2') format('woff2'),
        url('font/SuisseIntl-Light.woff') format('woff'),
        url('font/SuisseIntl-Light.ttf') format('truetype'),
        url('font/SuisseIntl-Light.svg#SuisseIntl-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: normal;
}

@font-face {
    font-family: 'SuisseIntl';
    src: url('font/SuisseIntl-Regular.eot');
    src: url('font/SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-Regular.woff2') format('woff2'),
        url('font/SuisseIntl-Regular.woff') format('woff'),
        url('font/SuisseIntl-Regular.ttf') format('truetype'),
        url('font/SuisseIntl-Regular.svg#SuisseIntl-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: normal;
}

@font-face {
    font-family: 'SuisseIntl-Semi';
    src: url('font/SuisseIntl-Semibold.eot');
    src: url('font/SuisseIntl-Semibold.eot?#iefix') format('embedded-opentype'),
        url('font/SuisseIntl-Semibold.woff2') format('woff2'),
        url('font/SuisseIntl-Semibold.woff') format('woff'),
        url('font/SuisseIntl-Semibold.ttf') format('truetype'),
        url('font/SuisseIntl-Semibold.svg#SuisseIntl-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: normal;
}

@font-face {
    font-family: 'TWKEverett';
    src: url('font/TWKEverett-Regular.eot');
    src: url('font/TWKEverett-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/TWKEverett-Regular.woff2') format('woff2'),
        url('font/TWKEverett-Regular.woff') format('woff'),
        url('font/TWKEverett-Regular.ttf') format('truetype'),
        url('font/TWKEverett-Regular.svg#TWKEverett-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: normal;
}

@font-face {
    font-family: 'TWKEverettLight';
    src: url('font/TWKEverett-Light.eot');
    src: url('font/TWKEverett-Light.eot?#iefix') format('embedded-opentype'),
        url('font/TWKEverett-Light.woff2') format('woff2'),
        url('font/TWKEverett-Light.woff') format('woff'),
        url('font/TWKEverett-Light.ttf') format('truetype'),
        url('font/TWKEverett-Light.svg#TWKEverett-Light') format('svg');
    font-weight: normal !important;
    font-style: normal;
    font-display: normal;
}

.norad .elementor-element-populated{border-radius:0 !important}




body, body p{font-family: 'SuisseIntl-Light' !important; font-weight:normal !important}

p strong{font-family: 'SuisseIntl-Semi' !important;}

h1, h2, h3, h4, h5, h6, p{font-family: 'SuisseIntl-Light' !important;font-weight:normal !important}

.title1 h1, .title1 h2, .title1 h3, .title1 h4, .title1 h5, .title1 h6, .title1 p {font-size:200px !important; font-family: 'SuisseIntl-Light' !important;}
.title2 h1, .title2 h2, .title2 h3, .title2 h4, .title2 h5, .title2 h6, .title2 p {font-size:50px !important; font-family: 'SuisseIntl-Light' !important;}

.txt00s h1, .txt00s h2, .txt00s h3 {font-size:90px !important}
.txt00 h1, .txt00 h2, .txt00 h3, .txt00 h4, .txt00 h5, .txt00 h6, .txt00 p {font-size:90px !important; font-family: 'TWKEverettLight' !important;}
.txt0 h1, .txt0 h2, .txt0 h3, .txt0 h4, .txt0 h5, .txt0 h6, .txt0 p {font-size:70px !important; font-family: 'TWKEverettLight' !important;}
.txt1 h1, .txt1 h2, .txt1 h3, .txt1 h4, .txt1 h5, .txt1 h6, .txt1 p {font-size:60px !important; font-family: 'TWKEverettLight' !important;}
.txt2 h1, .txt2 h2, .txt2 h3, .txt2 h4, .txt2 h5, .txt2 h6, .txt2 p {font-size:50px !important; font-family: 'TWKEverettLight' !important;}
.txt3 h1, .txt3 h2, .txt3 h3, .txt3 h4, .txt3 h5, .txt3 h6, .txt3 p {font-size:42px !important; font-family: 'TWKEverettLight' !important;}
.txt4 h1, .txt4 h2, .txt4 h3, .txt4 h4, .txt4 h5, .txt4 h6, .txt4 p {font-size:36px !important; font-family: 'TWKEverettLight' !important;}
.txt5 h1, .txt5 h2, .txt5 h3, .txt5 h4, .txt5 h5, .txt5 h6, .txt5 p {font-size:32px !important; font-family: 'TWKEverettLight' !important;}
.txt6 h1, .txt6 h2, .txt6 h3, .txt6 h4, .txt6 h5, .txt6 h6, .txt6 p {font-size:28px !important; font-family: 'TWKEverettLight' !important;}
.txt7 h1, .txt7 h2, .txt7 h3, .txt7 h4, .txt7 h5, .txt7 h6, .txt7 p {font-size:22px !important; font-family: 'TWKEverettLight' !important;}

.txts00 h1, .txts00 h2, .txts00 h3, .txts00 h4, .txts00 h5, .txts00 h6, .txts00 p {font-size:90px !important; font-family: 'SuisseIntl' !important;}
.txts0 h1, .txts0 h2, .txts0 h3, .txts0 h4, .txts0 h5, .txts0 h6, .txts0 p {font-size:70px !important; font-family: 'SuisseIntl' !important;}
.txts1 h1, .txts1 h2, .txts1 h3, .txts1 h4, .txts1 h5, .txts1 h6, .txts1 p {font-size:60px !important; font-family: 'SuisseIntl' !important;}
.txts2 h1, .txts2 h2, .txts2 h3, .txts2 h4, .txts2 h5, .txts2 h6, .txts2 p {font-size:50px !important; font-family: 'SuisseIntl' !important;}
.txts3 h1, .txts3 h2, .txts3 h3, .txts3 h4, .txts3 h5, .txts3 h6, .txts3 p {font-size:42px !important; font-family: 'SuisseIntl' !important;}
.txts4 h1, .txts4 h2, .txts4 h3, .txts4 h4, .txts4 h5, .txts4 h6, .txts4 p {font-size:36px !important; font-family: 'SuisseIntl' !important;}
.txts5 h1, .txts5 h2, .txts5 h3, .txts5 h4, .txts5 h5, .txts5 h6, .txts5 p {font-size:32px !important; font-family: 'SuisseIntl' !important;}
.txts6 h1, .txts6 h2, .txts6 h3, .txts6 h4, .txts6 h5, .txts6 h6, .txts6 p {font-size:28px !important; font-family: 'SuisseIntl' !important;}
.txts7 h1, .txts7 h2, .txts7 h3, .txts7 h4, .txts7 h5, .txts7 h6, .txts7 p {font-size:22px !important; font-family: 'SuisseIntl' !important;}


.whitetxt h1, .whitetxt h2, .whitetxt h3, .whitetxt h4, .whitetxt h5, .whitetxt h6, .whitetxt p, .whitetxt a{color:#fff !important} 
.blacktxt h1, .blacktxt h2, .blacktxt h3, .blacktxt h4, .blacktxt h5, .blacktxt h6, .blacktxt p{color:#000000 !important} 

.btxt h1, .btxt h2, .btxt h3, .btxt h4, .btxt h5, .btxt h6, .btxt p{font-family: 'TWKEverett' !important} 


.elementor-widget:not(:last-child) {margin-bottom: 0px !important;}

/* 1) Rendi il contenitore posizionato relativamente */
.my-slider-section {
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

/* 2) Crea il pseudo-elemento overlay */
.my-slider-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: 
 linear-gradient(180deg, rgb(22 183 0 / 66%), rgb(69 163 181 / 52%), rgb(55 130 166 / 68%)), 
 linear-gradient(273deg, #1a3b5b6b, rgb(102 192 233 / 32%));
background-blend-mode: screen;  /* o multiply/overlay… */
}





.tit-slide{z-index:20 !important}


.grad1{
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

.grad1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: linear-gradient(90deg, #009c54a6, rgb(19 165 232 / 67%));
background-blend-mode: screen;  /* o multiply/overlay… */
}

.grad2{
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

.grad2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: linear-gradient(180deg, #009c54a6, rgb(19 165 232 / 67%));
background-blend-mode: screen;  /* o multiply/overlay… */
}

.grad3{
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

.grad3{
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

.grad3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: linear-gradient(90deg, #77c6e3, rgb(19 165 232 / 67%));
background-blend-mode: screen;  /* o multiply/overlay… */
}

.grad4{
  position: relative;
  overflow: hidden; /* evita scroll o fuoriuscite indesiderate */
}

.grad4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: linear-gradient(0deg, #009c54a6, rgb(19 165 232 / 67%));
background-blend-mode: screen;  /* o multiply/overlay… */
}

.grad5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;  /* lascia cliccabili i controlli slider */
  z-index: 3;           /* sopra il slider, sotto eventuali popup/navigator */
  
  /* Qui definisci i tuoi gradienti sovrapposti */
  background-image: linear-gradient(90deg, #8fc7dc, #72a6bc);
background-blend-mode: screen;  /* o multiply/overlay… */
}

.lev-1::before{z-index:-1 !important}

#uc_underline_link_hover_effect_elementor_09eaa71 .ue-link-hover-effect-text{font-family:'SuisseIntl-Light' !important;}

.settbox .elementor-column-wrap  {border-radius:0 !important}
.settbox .elementor-heading-title {position:relative !important; z-index:5 !important}

.radius .elementor-column-wrap{border-radius:0 !important}
.tecbox .elementor-column-wrap, .tecbox .elementor-section  {border-radius:0 !important}
.servbox .elementor-column-wrap, .servbox .elementor-section  {border-radius:0 !important}
.blubg1 {background-color:#051C2C !important}

.servbox a.ue-link{color:#fff !important}
.servbox  a.ue-link:after{background-color:#fff !important}

.elementor-heading-title{color:#fff !important; font-family: 'TWKEverettLight' !important;}

.menu-item a{font-family: 'TWKEverettLight' !important;}

.topmenu .menu-item a{font-size:13px !important; font-weight:normal !important}

.ue_shadow{background-color:#000 !important}
.ue_label a{font-family:'SuisseIntl' !important;}


.tecbox h3.elementor-heading-title, .suis { font-family: 'SuisseIntl' !important;}

.icon-box1 img{max-height:50px !important; width:auto !important; }
.icon-box1 .elementor-widget:not(:last-child){padding:10px 0 !important}
.icon-box2 img{max-height:50px !important; width:auto !important;margin-top:10px}
.icon-box2 .elementor-widget:not(:last-child){padding:10px 0 !important}
.icon-box2 .elementor-image-box-title{font-family:'SuisseIntl-Semi' !important;}

.icon-box1 .elementor-image-box-img, .icon-box2 .elementor-image-box-img{width:17% !important; min-width: 32px !important}


.txt-cap h1, .txt-cap h2, .txt-cap h3, .txt-cap h4, .txt-cap h5, .txt-cap p, .txt-cap a {text-transform:capitalize !important}

.txt-no h1, .txt-no h2, .txt-no h3, .txt-no h4, .txt-no h5, .txt-no p, .txt-no a {text-transform:none !important}

.pad1 .elementor-widget-wrap{padding:0 20px 0 20px !important}
.bluback1{background-color:#051C2C !important}

.radius .elementor-column-wrap, .norad, #norad, .norad .elementor-background-overlay{border-radius: 0 !important;} 
.radius .elementor-element-populated{border-radius: 0 !important;} 
body .elementor .radius .elementor-column-wrap, body .elementor-section { border-radius:0 !important; }

.norad .elementor-column-wrap, .norad .elementor-element-populated{border-radius: 0 !important;} 

.elementor-nav-menu--dropdown a.elementor-item-active, .elementor-nav-menu--dropdown a.highlighted{background-color: #77c6e3 !important;}


.punti-green b{font-family:'SuisseIntl-Semi' !important;font-size:32px !important; margin-right:20px; line-height:1 !important}

.punti-green b s{font-size:18px !important;line-height:1 !important; text-decoration: none !important;position: absolute; top: 20px;}
.punti-green b u{font-size:18px !important;line-height:1 !important; text-decoration: none !important;position: absolute; bottom: 13px;}
.punti-green b i{font-size:18px !important;line-height:1 !important; text-decoration: none !important;}


.elementor-nav-menu--main .elementor-nav-menu ul{width:fit-content !important}

/*
.gradtxt1,  a {
  font-size: 3rem;
  font-weight: bold;
  background: linear-gradient(90deg, #ff7e5f, #feb47b);
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  background-clip: text; 
  color: transparent;
}
*/

.up1 .elementor-heading-title {
  text-transform: capitalize !important;
}

















/*******************************   RESPONSIVE    ***************************************/


@media(max-width:1024px){
.title1 h1, .title1 h2, .title1 h3, .title1 h4, .title1 h5, .title1 h6, .title1 p {font-size:100px !important; font-family: 'SuisseIntl-Light' !important;}
.title2 h1, .title2 h2, .title2 h3, .title2 h4, .title2 h5, .title2 h6, .title2 p {font-size:35px !important; font-family: 'SuisseIntl-Light' !important;}
.txt00s h1, .txt00s h2, .txt00s h3 {font-size:60px !important}
.txt00 h1, .txt00 h2, .txt00 h3, .txt00 h4, .txt00 h5, .txt00 h6, .txt00 p {font-size:40px !important; font-family: 'TWKEverettLight' !important;}
.txt0 h1, .txt0 h2, .txt0 h3, .txt0 h4, .txt0 h5, .txt0 h6, .txt0 p {font-size:40px !important; font-family: 'TWKEverettLight' !important;}
.txt1 h1, .txt1 h2, .txt1 h3, .txt1 h4, .txt1 h5, .txt1 h6, .txt1 p {font-size:40px !important; font-family: 'TWKEverettLight' !important;}
.txt2 h1, .txt2 h2, .txt2 h3, .txt2 h4, .txt2 h5, .txt2 h6, .txt2 p {font-size:40px !important; font-family: 'TWKEverettLight' !important;}
.txt3 h1, .txt3 h2, .txt3 h3, .txt3 h4, .txt3 h5, .txt3 h6, .txt3 p {font-size:32px !important; font-family: 'TWKEverettLight' !important;}
.txt4 h1, .txt4 h2, .txt4 h3, .txt4 h4, .txt4 h5, .txt4 h6, .txt4 p {font-size:26px !important; font-family: 'TWKEverettLight' !important;}
.txt5 h1, .txt5 h2, .txt5 h3, .txt5 h4, .txt5 h5, .txt5 h6, .txt5 p {font-size:22px !important; font-family: 'TWKEverettLight' !important;}
.txt6 h1, .txt6 h2, .txt6 h3, .txt6 h4, .txt6 h5, .txt6 h6, .txt6 p {font-size:18px !important; font-family: 'TWKEverettLight' !important;}
.txt7 h1, .txt7 h2, .txt7 h3, .txt7 h4, .txt7 h5, .txt7 h6, .txt7 p {font-size:16px !important; font-family: 'TWKEverettLight' !important;}
}

/*
@media(max-width:768px){
.title1 h1, .title1 h2, .title1 h3, .title1 h4, .title1 h5, .title1 h6, .title1 p {font-size:80px !important; font-family: 'SuisseIntl-Light' !important;}
.title2 h1, .title2 h2, .title2 h3, .title2 h4, .title2 h5, .title2 h6, .title2 p {font-size:30px !important; font-family: 'SuisseIntl-Light' !important;}

.txt00 h1, .txt00 h2, .txt00 h3, .txt00 h4, .txt00 h5, .txt00 h6, .txt00 p {font-size:50px !important; font-family: 'TWKEverettLight' !important;}
.txt0 h1, .txt0 h2, .txt0 h3, .txt0 h4, .txt0 h5, .txt0 h6, .txt0 p {font-size:40px !important; font-family: 'TWKEverettLight' !important;}
.txt1 h1, .txt1 h2, .txt1 h3, .txt1 h4, .txt1 h5, .txt1 h6, .txt1 p {font-size:30px !important; font-family: 'TWKEverettLight' !important;}
.txt2 h1, .txt2 h2, .txt2 h3, .txt2 h4, .txt2 h5, .txt2 h6, .txt2 p {font-size:28px !important; font-family: 'TWKEverettLight' !important;}
.txt3 h1, .txt3 h2, .txt3 h3, .txt3 h4, .txt3 h5, .txt3 h6, .txt3 p {font-size:24px !important; font-family: 'TWKEverettLight' !important;}
.txt4 h1, .txt4 h2, .txt4 h3, .txt4 h4, .txt4 h5, .txt4 h6, .txt4 p {font-size:20px !important; font-family: 'TWKEverettLight' !important;}
.txt5 h1, .txt5 h2, .txt5 h3, .txt5 h4, .txt5 h5, .txt5 h6, .txt5 p {font-size:18px !important; font-family: 'TWKEverettLight' !important;}
.txt6 h1, .txt6 h2, .txt6 h3, .txt6 h4, .txt6 h5, .txt6 h6, .txt6 p {font-size:16px !important; font-family: 'TWKEverettLight' !important;}
.txt7 h1, .txt7 h2, .txt7 h3, .txt7 h4, .txt7 h5, .txt7 h6, .txt7 p {font-size:14px !important; font-family: 'TWKEverettLight' !important;}
}
*/


@media(max-width:480px){
.pad1{padding:0 !important}

.txt00s h1, .txt00s h2, .txt00s h3 {font-size:48px !important}
.txt00si h1, .txt00si h2, .txt00si h3 {font-size:38px !important}

.settbox {width:100% !important}
.mark-box1 .elementor-column{width:100% !important}
section.tech-box1{padding-left:0 !important; padding-right:0 !important}
.tech-box1 .elementor-heading-title, .tech-box1 h3{font-size:20px !important}

.adv-box1 .gr1 .elementor-col-50:first-child{width:25% !important}
.adv-box1 .gr1 .elementor-col-50:last-child{width:75% !important}

.adv-box2 .gr1 .elementor-col-50:first-child{width:25% !important}
.adv-box2 .gr1 .elementor-col-50:last-child{width:75% !important}

.adv-box2 .txt4 h3{font-size:46px !important; margin-bottom:20px !important}

.nobr h2 br{display:none !important}

.htit .elementor-widget-container{padding-left:0 !important; }

.gr1 {
  word-wrap: break-word;   /* proprietà "vecchia", ancora supportata */
  overflow-wrap: break-word; /* proprietà standard moderna */
  word-break: break-word;  /* utile in alcuni browser */
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;   /* proprietà "vecchia", ancora supportata */
  overflow-wrap: break-word; /* proprietà standard moderna */
  word-break: break-word;  /* utile in alcuni browser */
}

.blackbut h4{font-size:18px !important}  

}






