@charset "utf-8";
/* CSS Document */
.gold {
  color: #d0ae72;
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-01-d4dxKOB.woff") format("woff"), url("../fonts/Helvetica-01--FyGl1D.woff2") format("woff2");
  font-style: normal;
}
@font-face {
  font-family: "HelveticaBold";
  src: url("../fonts/Helvetica-Bold-02-r19WBdH.woff") format("woff"), url("../fonts/Helvetica-Bold-02-tsSi2cg.woff2") format("woff2");
  font-style: normal;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
[hidden] {
  display: none;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
    background-color:#000!important;
}

.customFixSizeBody {
    max-width:800px;
    margin:0 auto;
}

.image-wrapper {
    position: relative;
    display: inline-block;
}

.image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        42.92% 55.32% at 50% 50%,
        rgba(0, 0, 0, 0.00) 8.39%,
        rgba(0, 0, 0, 0.50) 77.4%
    );
    pointer-events: none;
}

.H2principale {
    color: #FFF;
    font-family: "HelveticaBold";
    font-size: 32px;
    font-style: normal;
    line-height: 29.203px; 
    text-transform: uppercase;
}

.Secondario {
    color: #FFF;
    font-family: "HelveticaBold";
    font-size: 16px;
    font-style: normal;
    line-height: 21.903px; 
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.Terzo {
    color: #FFF;
      font-family: "HelveticaBold";
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.42px;
    text-transform: uppercase;
}

.elencoPuntato li {
    color: #FFF;
    font-family: "Helvetica";
    font-size: 12px;
    font-style: normal;
    line-height: 21.903px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-bottom:4px;
}

.elencoPuntato {
    border-left: 2px solid transparent;
    border-image: linear-gradient(180deg, #C80114 0%, #B60314 100%) 1;
}

.p54 {
    padding-left:54px!important;
    padding-right:54px!important;
}

.sfondoSfumato {
    background: linear-gradient(180deg, rgba(19, 19, 19, 0.20) 0%, rgba(255, 255, 255, 0.10) 100%);
    padding: 16px 24px 32px 24px;
    border: 1px solid #afafaf;
}

.titoloForm {
    color: #FFF;
    font-family: "Helvetica";
    font-size: 16px;
    font-style: normal;
    line-height: 125%; 
    letter-spacing: -0.48px;
    text-transform: uppercase;
}

.Placeholder {
    color: #FFF;
    font-family: "Helvetica";
    font-size: 16px;
    font-style: normal;
    line-height: 125%; /* 20px */
    letter-spacing: -0.48px!important;
    text-transform: uppercase!important;
    background-color: transparent!important;
    color: #fff !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-radius: 0 !important;
    padding-left: 0px !important;
    margin-bottom: 24px;
}

.Placeholder::placeholder {
    color: #FFF!important;
    font-family: "Helvetica";
    font-size: 16px;
}

.form-control:focus {
    border-color:unset!important;
    box-shadow:unset!important;
}

.checkboxRegole {
    color: #FFF;
    font-family: "Helvetica";
    font-size: 10px;
    font-style: normal;
    line-height: 150%; /* 15px */
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

.linkRegole {
    color: #0295FF!important;
}

.TestoBottone {
    color: #FFF;
    text-align: center;
    font-family: "HelveticaBold";
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    border-radius:0px!important;
    border-bottom: 3px solid #FFF!important;
}

.Asterisco {
    color: #FFF;
    text-align: center;
    font-family: "Helvetica";
    font-size: 10px;
    font-style: normal;
    line-height: 150%; 
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

.DasMobile {
    color: #FFF;
    text-align: center;
    font-family: "HelveticaBold";
    font-size: 28px;
    font-style: normal;
    line-height: 29.203px;
    text-transform: uppercase;
}

.MitMobile {
    color: #FFF;
    text-align: center;
    font-family: "HelveticaBold";
    font-size: 14px;
    font-style: normal;

    line-height: 21.903px;
    letter-spacing: -0.42px;
    text-transform: uppercase;
}

.DieMobile {
    color: #FFF;
    text-align: center;
    font-family: "HelveticaBold";
    font-size: 14px;
    font-style: normal;
    line-height: 18px; /* 128.571% */
    letter-spacing: -0.42px;
    text-transform: uppercase;
}

.buttonOffcanva {
    max-width:260px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 3px solid #FFF!important;
    border-left: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-family: "HelveticaBold";
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    border-radius:0!important;
    margin: 0 auto;
}

#mobileSheet {
  background: rgba(0, 0, 0, 0.55) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.form-check-input {
    background-color: black !important;
    border: 2PX solid white!important;
    border-radius: 0px!important;
}

.form-check-input:focus {
  outline: 0;
  box-shadow: unset!important;
}

.successoMobile {
    color: #FFF;
    font-family: "Helvetica";
    font-size: 12px;
    font-style: normal;
    line-height: 21.903px;
    letter-spacing: -0.36px;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-left: 2px solid transparent;
    border-image: linear-gradient(180deg, #C80114 0%, #B60314 100%) 1;
    padding-left: 24px;
}

@media (max-width: 991.98px) {

  .sfondoSfumato {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.10) 100%);
  }
}