@charset "utf-8";
/* CSS Document */

/* --------- FONTS --------- */


html {
  scroll-behavior: smooth;
}





@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Hairline-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Hairline-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 200;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-HairlineItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-HairlineItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';

  font-style: italic;
  font-weight: 100;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Thin-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Thin-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 200;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ThinItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ThinItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 100;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraLight-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraLight-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 275;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 275;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Light-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Light-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 300;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-LightItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-LightItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 300;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Regular-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Regular-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: normal;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Italic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Italic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: normal;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Medium-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Medium-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 500;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-MediumItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-MediumItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 500;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Bold-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Bold-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: bold;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-BoldItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-BoldItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: bold;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraBold-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraBold-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 800;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 800;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Black-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-Black-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: normal;
  font-weight: 900;
}

@font-face {
  src: url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-BlackItalic-Testing.woff2') format("woff2"),
       url('https://expandiweb.com/it/HP/fonts/FormaDJRDisplay-BlackItalic-Testing.woff') format("woff");
  font-family: 'FormaDJRDisplay';
  font-style: italic;
  font-weight: 900;
}



body {margin:0;     font-family: 'FormaDJRDisplay', sans-serif;
    font-weight: 400;
    font-size: 1.2 rem;
    
    color: #000000 !important; }

.card {margin-bottom: 30px }

.bg-black {background-color: black; color: #fff !important;}

.bg-blue {background-color: #024ad8; color:  white !important;}




.button {
  padding: 12px 16px 13px 20px;
    background-color: black;
    border-color: black;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
	transition: all 0.5s;
  cursor: pointer;
}
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
	color: #000000!important;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}




.loghi { background-image: url("images/loghi.jpg"); padding:0px; width:60%; margin:0 auto;    background-position: center; background-repeat: no-repeat; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;background-size: 100% auto; }



.footer {font-size: 0.7em }





.bianco {color:#ffffff!important}

.nero {color:#555!important}

.header { background-image: url("images/header.webp");  background-position: center left; background-size: cover; background-repeat: no-repeat;  min-height: 400px }


.bg-blue {background-color: #024ad8; color:  white !important;}


h1 {    font-family: 'FormaDJRDisplay', sans-serif;
    font-weight: 900;
    font-size: 2.5rem;
    
    color: #000000 !important;
    margin-bottom: 30px !important;
  margin-bottom: 15px !important;}

h2 {    font-family: 'FormaDJRDisplay', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
        color: #000000 !important;
      margin-bottom: 15px !important;}

h3 {    font-family: 'FormaDJRDisplay', sans-serif;
 
    font-size: 1.6rem;
        color: #000000 !important;
      margin-bottom: 15px !important;}
h4 {    font-family: 'FormaDJRDisplay', sans-serif;
    font-weight: 700;
     font-size: 24px !important;
    line-height: 28px;
    color: #333333 !important;
    margin-bottom: 15px !important;}
h5 {    font-family: 'FormaDJRDisplay', sans-serif;
    font-weight: 700;
     font-size: 40px !important;
    line-height: 48px;
    color: #000000 !important;
    margin-bottom: 15px !important;}

a {color: #000000; text-decoration: none}

strong {
    font-weight: bold;
}


.invia { display: inline-block; color: #024ad8;  text-decoration: none; user-select: none; padding: .5em 2em; outline: none; border: 3px solid #024ad8; border-radius: 1px; transition: 0.2s; background: #ffffff; margin: 20px;
	font-family: 'FormaDJRDisplay', sans-serif; font-size:18px;  line-height:20px; font-weight: 600;
}

.invia:hover { background: rgba(0,164,228,.1); }

.invia:active { background: white; }




@media screen and (max-width: 1000px){
	body {margin:0;  font-size: 1.5em; font-family:'FormaDJRDisplay', Arial, sans-serif; color:#000; text-align:left;} 
	
	
.loghi { background-image: url("images/loghi.jpg"); padding:0px; width:90%; margin:0 auto; overflow:hidden;  background-position: center; background-repeat: no-repeat }

	}