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


@font-face {
  font-family: 'BloggerSans';
  src        : url('./fonts/Blogger_Sans.otf');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}
@font-face {
  font-family: 'BloggerSansBold';
  src        : url('./fonts/Blogger_Sans-Bold.otf') ;
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}
@font-face {
  font-family: 'BloggerSansItalic';
  src        : url('./fonts/Blogger_Sans-Italic.otf');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}
@font-face {
  font-family: 'BloggerSansLight';
  src        : url('./fonts/Blogger_Sans-Light.otf');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}
@font-face {
  font-family: 'BloggerSansMedium';
  src        : url('./fonts/Blogger_Sans-Medium.otf') ;
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}

  @font-face {
    font-family: 'latoblack';
    src        : url('./fonts/lato-black-webfont.woff2') format('woff2'),
      url('./fonts/lato-black-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latoblack_italic';
    src        : url('./fonts/lato-blackitalic-webfont.woff2') format('woff2'),
      url('./fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latobold';
    src        : url('./fonts/lato-bold-webfont.woff2') format('woff2'),
      url('./fonts/lato-bold-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latobold_italic';
    src        : url('./fonts/lato-bolditalic-webfont.woff2') format('woff2'),
      url('./fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latoitalic';
    src        : url('./fonts/lato-italic-webfont.woff2') format('woff2'),
      url('./fonts/lato-italic-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latolight';
    src        : url('./fonts/lato-light-webfont.woff2') format('woff2'),
      url('./fonts/lato-light-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latolight_italic';
    src        : url('./fonts/lato-lightitalic-webfont.woff2') format('woff2'),
      url('./fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latoregular';
    src        : url('./fonts/lato-regular-webfont.woff2') format('woff2'),
      url('./fonts/lato-regular-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latohairline';
    src        : url('./fonts/lato-thin-webfont.woff2') format('woff2'),
      url('./fonts/lato-thin-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'latohairline_italic';
    src        : url('./fonts/lato-thinitalic-webfont.woff2') format('woff2'),
      url('./fonts/lato-thinitalic-webfont.woff') format('woff');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
  }

  [v-cloak]>* {
    display: none
  }
  
  
  a {
    text-decoration: none;
  }


  body{
    font-synthesis: none!important;
    background-color: #000;
    font-family:'latoregular';
  }
  .font-bold{
    font-family:'latobold';
  }
.logo_hp{
  top: -80px;
  position: absolute;
  height: 283px;
  left: -65px;
}
.titoli_blogger_sans{
  font-family:'BloggerSans';
  padding-top: 0.1rem;
}
.titoli_blogger_sans_medio{
  font-family:'BloggerSansMedium';
  padding-top: 0.1rem;
}
.titoli_blogger_sans_bold{
  font-family:'BloggerSansBold';
}
.colore_ezon{
  background-color: #00ab93;
  color: #fff;
  cursor: pointer;
}
.colore_ezon:hover{
  background-color: #535353;
  color: #fff!important;
}
.text_a:hover{
  color: #00ab93;
}
.colore_ezon_testi{
  color: #00ab93;
}
.colore_box{
  background-color: #222222;
}



label.mtch-stylable-checkbox{
  display: inline-flex;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
  cursor: pointer!important;
}

label.mtch-stylable-checkbox.is-invalid{
  border: solid 1px #dd0700;
  padding: 2px;
}

.mtch-stylable-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;

}

.mtch-stylable-checkbox input[type="checkbox"]~.check.checked {
  display: none;
}

.mtch-stylable-checkbox input[type="checkbox"]:checked~.check.checked {
  background-image: url('../images/check-square-regular_white.svg');
  display: inline-block;
  
}

.mtch-stylable-checkbox input[type="checkbox"]~.check {
  background-image: url('../images/square-regular_white.svg');
  display: inline-block;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  padding-right: 25px;
}

.mtch-stylable-checkbox input[type="checkbox"]:checked~.check {
  display: none;
}

.mtch-stylable-checkbox .label-text{
  line-height: 24px;
  display: inline-block;
}




/*FORM*/


.input-labelized:focus-within input::placeholder {
  visibility: hidden;
}

.input-labelized:focus-within input::-moz-placeholder {
  color: transparent;
}


.input-labelized input:not(:placeholder-shown)+.label-or-placeholder {
  visibility: visible;
  color     : #6e6e6e !important;
}

.input-labelized:focus-within .label-or-placeholder {
  color     : #6e6e6e;
  visibility: visible;
}

.input-labelized:focus-within input {
  padding-top: 1.2rem;
  padding-bottom: 0.3rem;
}

.input-labelized input:not(:placeholder-shown) {
  padding-top: 1.2rem;
  padding-bottom: 0.3rem;
  cursor: pointer;
}

.input-labelized input::placeholder {
  font-size: 15px !important;
}

.label-or-placeholder {
  padding-left: 15px;
  position: absolute;
  font-size: 13px;
  margin-top: -44px;
  visibility: hidden;
}