@font-face {
  font-family: 'Frunchy';
  src: url('/fonts/Frunchy.eot'); 
  src: url('/fonts/Frunchy.ttf') format('truetype'),
       url('/fonts/Frunchy.ttf') format('woff');
}

@font-face {
  font-family: 'Montserrat-Regular';
  font-style: normal;
  font-weight: 400;
   /*src: url('/fonts/Frunchy.eot'); IE9 Compat Modes */
 /* src: 
       url('/fonts/Frunchy.woff') format('woff');*/
   src: url('/fonts/Montserrat-Regular.ttf') format('truetype'), url('https://fonts.cdnfonts.com/css/montserrat');
}

@font-face {
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: 400;
   /*src: url('/fonts/Frunchy.eot'); IE9 Compat Modes */
  src: url('/fonts/Montserrat-Bold.ttf') format('truetype'),
    /*   url('/fonts/Frunchy.woff') format('woff');*/
}

@font-face {
  font-family: 'Montserrat-Thin';
  font-style: normal;
  font-weight: 400;
   /*src: url('/fonts/Frunchy.eot'); IE9 Compat Modes */
  src: url('/fonts/Montserrat-Thin.ttf') format('truetype'),
    /*   url('/fonts/Frunchy.woff') format('woff');*/
}

/*
	
Montserrat-Black.ttf

Montserrat-BlackItalic.ttf

Montserrat-Bold.ttf

Montserrat-BoldItalic.ttf

Montserrat-ExtraBold.ttf

Montserrat-ExtraBoldItalic.ttf

Montserrat-ExtraLight.ttf

Montserrat-ExtraLightItalic.ttf

Montserrat-Italic.ttf

Montserrat-Light.ttf

Montserrat-LightItalic.ttf

Montserrat-Medium.ttf

Montserrat-MediumItalic.ttf

Montserrat-Regular.ttf

Montserrat-SemiBold.ttf

Montserrat-SemiBoldItalic.ttf

Montserrat-Thin.ttf

Montserrat-ThinItalic.ttf

*/

input,select{
 outline:0 !important;
 -webkit-appearance: none !important;
}
textarea:hover, input:hover, *:focus, textarea:focus, input:focus, textarea:active, input:active { outline:0 !important;}


        :root {
          --bulma-primary-h: 235deg;
          --bulma-primary-s: 40%;
          --bulma-primary-l: 75%;
          --bulma-link-h: 235deg;
          --bulma-link-s: 40%;
          --bulma-link-l: 26%;
          --bulma-info-h: 215deg;
          --bulma-info-s: 40%;
          --bulma-info-l: 75%;
          --bulma-success-h: 135deg;
          --bulma-success-s: 40%;
          --bulma-success-l: 75%;
          --bulma-warning-h: 35deg;
          --bulma-warning-s: 40%;
          --bulma-warning-l: 75%;
          --bulma-danger-s: 40%;
          --bulma-danger-l: 75%;
          --bulma-title-weight: 400;
          --bulma-family-primary: 'Montserrat-Regular','Helvetica Neue','Helvetica',Arial,sans-serif;
          --bulma-family-secondary: 'Montserrat-Regular','Helvetica Neue','Helvetica',Arial,sans-serif;
          --bulma-body-family: 'Montserrat-Regular','Helvetica Neue','Helvetica',Arial,sans-serif;

font-display: swap;

          --mouse-x:50%;
          --mouse-y:50%;
          
        }
        
        
        /*img { aspect-ratio: 1/1; width: 100vw; height: auto; }*/
     
    .is-blur{
        background:inerith,rgba(255,255,255,0.2); 
        backdrop-filter: blur(10px); 
        -webkit-backdrop-filter: blur(10px); 
    }
     
h1,h2,h3,h4,h5,p,a,span{ font-family: 'Montserrat-Regular'!important,sans-serif; }
button{font-family: 'Montserrat-Bold'!important,sans-serif;}
.hero-caption h1{font-family: 'Montserrat-Thin'!important,sans-serif;   font-style: normal!important;} 

.footer,.footer p .has-text-grey,.footer ul .has-text-grey, .footer h4,.footer span{
color:#999999; 
}

.footer a{
    color:#999999;
}
.hero-caption{
    position: relative;
    background:rgba(255,255,255,0.2); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); 
    padding:20px;
    padding-right:40px;
    border-radius:20px; 
    /*border: 1px solid rgba(128,128,128,1); 
    box-shadow: 0 0 50px rgba(128,128,128,0.05); 
     */
     transition:0.3s;
}


.hero-caption:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  padding: 1px;
  background: radial-gradient(circle at var(--mouse-y) var(--mouse-x) ,rgba(255,255,255,1) 5%,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0.2) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.2) 100%),
        radial-gradient(ellipse farthest-corner at bottom left, #FEDB3750 0%, #FDB93150 8%, #9f792850 30%, #8A6E2F50 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at right top, #FFFFFF50 0%, #FFFFAC50 8%, #D1B46450 25%, #5d4a1f50 62.5%, #5d4a1f50 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  /*transition:0.3s;*/
}



            #toWa {
            margin:0;
            padding:0;
            height: 70px;
            width: 70px;
            font-size: 2.75rem;
            display: block;
            position: fixed;
            bottom: 1rem;
            right: 1rem;
            z-index: 99;
            border: none;
            outline: none;
            background:rgba(255,255,255,0.4); 
            backdrop-filter: blur(10px) invert(10%); 
            -webkit-backdrop-filter: blur(10px) invert(10%); 
            cursor: pointer;
            border-radius:50%; 
            font-size: 2.75rem;
            box-shadow: 0 5px 40px rgba(128,128,128, 0.2);
            transition:0.3s;
            }
            #toWa:before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-radius: 50%;
              padding: 1px;
              background: radial-gradient(circle at var(--mouse-y) var(--mouse-x) ,rgba(255,255,255,1) 5%,rgba(255,255,255,0.2) 20%,rgba(255,255,255,0.2) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.2) 100%),
                    radial-gradient(ellipse farthest-corner at bottom left, #FEDB3750 0%, #FDB93150 8%, #9f792850 30%, #8A6E2F50 40%, transparent 80%),
                            radial-gradient(ellipse farthest-corner at right top, #FFFFFF50 0%, #FFFFAC50 8%, #D1B46450 25%, #5d4a1f50 62.5%, #5d4a1f50 100%);
              -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
              -webkit-mask-composite: xor;
              /*transition:0.3s;*/
            }
            a #toWa{
            /*color: #f00;
            -webkit-filter: invert(100%) saturation(0%);
            filter: invert(100%) saturation(100%);
            mix-blend-mode: difference;*/
            }
            #toWa button, #toWa i{
                margin:0;
                padding:0;
            }
            #toWa:hover {
            transform:scale(1.2);
            color:rgb(37,98,16);
            background:rgba(200,248,188,0.8); 
            }
            



            .bg{background-color:#272b5c;}
    .leggero-primary{
        background-color:hsla(var(--bulma-primary-h),20%,var(--bulma-primary-l), 10%);
    }
                
              body[data-aos-duration='14000'] [data-aos],
              [data-aos][data-aos][data-aos-duration='14000'] {
                transition-duration: 14000ms;
              }
            
              body[data-aos-easing="fs-easing"] [data-aos],
              [data-aos][data-aos][data-aos-easing="fs-easing"] {
                transition-timing-function: cubic-bezier(0,1.12,0,.69);
              }
            
            
            
            .mainhero {
                background-image: linear-gradient(
                    85deg,
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),1) 0%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),.8) 15%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),.75) 25%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),0.43) 50%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),0) 100%), 
                   url('images/homepage.jpg'); 
                    background-position:left top; 
                    background-size:cover;
                }
            
            
            @media (prefers-color-scheme: light) {
                html[data-theme="light"] .darkmode {
                    display:none;
                }
                html[data-theme="dark"] .lightmode{
                    display:none;
                }
            }
            
            
            
            @media (prefers-color-scheme: dark) {
                html[data-theme="light"] .darkmode{
                    display:none;
                }
                html[data-theme="dark"] .lightmode {
                    display:none;
                }
  
            }
            
            
            .tag.is-primary.is-outlined{background: none!important; color: var(--bulma-primary); border: 1px solid var(--bulma-primary);}
            .is-nowrap{white-space: nowrap;}
            .fade-icon-box .icon{
                box-shadow: 0 0 0px 0px var(--bulma-primary) inset, 0 0 0px 0px var(--bulma-primary);
                border-radius: 999px;
                transform: scale(1);
                margin:3.25rem;
                transition:0.2s;
            }
            
            .fade-icon-box{
                border:1px solid;
                border-color: rgba(0,0,0,0);
                transform: scale(1);
                cursor:pointer;
                transition:0.2s;
            }
            .fade-icon-box:hover, .fade-icon-box:focus{
                border:1px solid;
                border-color: var(--bulma-primary);
                box-shadow: 0 1em 2em 0 hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),.5),0 2em 4em 0 hsla(var(--bulma-primary-h),var(--bulma-primary-s),var(--bulma-primary-l),.5);
                transform: scale(1.0);
                transition:0.2s !important;
            }
            .fade-icon-box:hover .icon, .fade-icon-box:focus .icon{
                box-shadow: 0 0 0px 45px var(--bulma-primary) inset, 0 0 0px 45px var(--bulma-primary);
                border-radius: 999px;
                transform: scale(0.75);
                margin:3.25rem;
                transition:0.2s !important;
            }
            
            .fade-icon-box a:hover, .fade-icon-box a{
                 transition:0.2s !important;
            }
            
            .video{
            position: relative;
            padding-top:30px;
            padding-bottom:56.25%;
            height:0;
            overflow:hidden;
            }
            .video video,.video iframe{
            position:absolute;
            top:0;
            left: 0;
            width:100%;
            height:100%;
            }
                   
            @media screen and (max-width: 768px) {
                    .hero-video {display:inline !important;}
            }
            .hero-video video { position: relative; left: auto; top: auto; transform: none; object-fit: cover; }
            
                .hero .texture {
              width:100%;
              height:100%;
              position:absolute;
              top:0;
              left:0;
              z-index:1;
              background-image: linear-gradient(
                                85deg,
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),1) 0%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),.8) 15%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),.75) 25%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),0.43) 50%, 
                    hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-main-l),0) 100%);
                           
            }
            
            
            .hero-body{z-index:2}
            
            .film-noise{
                background:     url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='1' stitchTiles='stitch' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");
            }