/* Scss Document */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

#sfondo{
  /*background-image: url(../img/background.webp);
  background-size: cover;
  background-position: 50% 50%;
  background-color:#111;*/
  background:#1d1d1b;
  position: fixed;
  top:0px;
  left:0px;
  z-index:1;
  width:100%;
  height:100vh;
}
.register main{
  padding-top: 30px;
}
main p{
  color:#fff;
}
main li{
  color:#fff;
}
main p a{
  color:#FCBB2F;
}
main li a{
  color:#FCBB2F;
}
main table td{
  color:#000;
}
.register table td{
  border:1px solid rgba(255,255,255,.15);
  padding:5px;
}
.register .alert-success{
  text-align:center;
  font-size:4vh;
  background-color:transparent;
  border:0px;
  color:#fff;
  font-family: 'Roboto', sans-serif;
  
}
.register .alert-success a{
  color:#fff;
  background-color:transparent;
  font-size:2vh;
  line-height:3vh;
  padding:1vh 2vw;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  transition: all 0.5s ease-out;
  border:1px solid #fff;
}
.register .alert-success a:hover{
  text-decoration:none;
  background-color:#fdbb30;
  color:#002d62;
  border:1px solid #fdbb30;
}
.register form a{
  color:#FCBB2F;
  font-family: 'Roboto', sans-serif; font-weight:400;
}
.register .form-control{
  background-color:transparent;
  color:#fff;
  border:1px solid #fff;
  border-radius:0px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  border-bottom:1px solid #fff;
}
.register input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#fff;
  opacity: .6; /* Firefox */
}
.register input:focus{
  border-color: #FCBB2F;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.register select:focus{
  border-color: #FCBB2F;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.register select option{
  background-color:#fff;
  color:#000;
}
.register form .row{
  margin-bottom:3vh;
}
.register span.title{
  color:#fff;
  font-size:2vh;
  line-height:3vh;
  text-align:center;
  display:block;
  width:100%;
}
.register legend{
  color:#fff;
  font-size:1rem;
  line-height:1.5rem;
  display:block;
  width:100%;
}
.register .nospace{
  padding-left:0px !important;
}
body {
  font-family: 'Roboto', sans-serif; font-weight:400;
  overflow: hidden;
  height: 100vh; background-color:#1a1a1a;}

::-webkit-scrollbar {
  display: none; }
header.container{height:10vh;position:relative;z-index:4;}
header.container img{height:5vh;}
header.container .row{height:10vh}
header.container .col-xl-4{display:flex;align-items: center;justify-content: center;}
header.container .col-xl-4:nth-child(1){justify-content: flex-start;}
header.container .col-xl-4:nth-child(3){justify-content: flex-end;}
header.container .col-xl-4:nth-child(2) img{height:8vh;}
header.container .col-xl-4:nth-child(3) img{height:6vh;}
#triangolo1{position:absolute;background-color:rgba(255,255,255,0.06);width:100vw;height:100vw;transform: rotate(45deg);z-index:4;top:-105vw;}
  #triangolo2{position:absolute;background-color:rgba(255,255,255,0.06);width:100vw;height:100vw;transform: rotate(45deg);z-index:3;top:-85vw;}
  #triangolo3{position:absolute;background-color:rgba(255,255,255,0.06);width:100vw;height:100vw;transform: rotate(45deg);z-index:3;bottom:-85vw;}
  #triangolo4{position:absolute;background-color:rgba(222,26,21,1);width:100vw;height:100vw;transform: rotate(45deg);z-index:3;bottom:-105vw;}
main {
  margin: 0vh auto;
  color: #fff;
  overflow-y: scroll;
  width: 100%; z-index:4;position:relative;height:80vh;
}
  main #pulsantiera {
    text-align: center; display:none;height:0px;}
    main #pulsantiera #p_spa span {
      background-color: #ABC21F; }
    main #pulsantiera #p_mugello span {
      background-color: #ABC21F; }
    main #pulsantiera #p_imola span {
      background-color: #ABC21F; }
      main #pulsantiera #p_monza span {
        background-color: #ABC21F; }
        main #pulsantiera #p_silverstone span {
          background-color: #ABC21F; }
    main #pulsantiera a {
      padding: 1vh 8vh;
      font-size: 2vh;
      line-height: 2vh;
      cursor: pointer;
      position: relative; }
      main #pulsantiera a.active span {
        height: .5vh !important; }
      main #pulsantiera a span {
        background-color: #ABC21F;
        position: absolute;
        bottom: .5vh;
        height: 0vh;
        width: 100%;
        left: 0%;
        z-index: -1; }
  main h1 {
    position: relative;
    font-weight: 700;
    text-align: center; font-size:1.5rem;line-height:1.5rem;text-transform:uppercase;color:#fdbb30;margin-bottom:3vh;}
    main h2 {
      position: relative;
      font-weight: 700;
    font-size:1.5rem;line-height:1.5rem;text-transform:uppercase;color:#fff;}
    main h1 img {
      height: 17vh;
      margin: 2vh 0; }
    main h1 .area {
      font-size: 2.5vh;
      position: absolute;
      left: 0%;
      width: 100%;
      text-align: center;
      top: 1vh; }
    main h1 .leader {
      position: absolute;
      font-size: 2.5vh;
      bottom: 1vh;
      left: 0%;
      width: 100%;
      max-width:1140px;
      text-align: center;
      font-weight: 400;
      color: #ff0000; }

.mCSB_scrollTools {
  width: 5px; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  border-radius: 0px; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff; }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  background-color: transparent; }

.mCSB_inside > .mCSB_container {
  margin-right: 0px; }

.leader {
  margin: 0vh auto 0 auto; max-width:60%;
      min-height:80vh;}
  .leader .driver {
    top: 20px;
    opacity: 0; }
    .leader .driver.row {
      position: relative;
      margin-bottom: 10px;
      padding: 0px;
      border-radius: 10px; }
      .leader .driver.row .col-8 {
        background-repeat: no-repeat;
        background-size: contain; }
      .leader .driver.row .col-4 {
        background-repeat: no-repeat;
        background-size: contain; }
      .leader .driver.row.gold {
        width: 75vh;
        height: 6vh;
        margin: 0px auto; }
        .leader .driver.row.gold .col-8 {
          background-image: url(../img/gold-left.png);
          font-size: 2.4vh;
          line-height: 2.4vh;
          position: relative; }
          .leader .driver.row.gold .col-8 span {
            position: absolute;
            left: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          .leader .driver.row.gold .col-8.vip {
            background-image: url(../img/gold-left-vip.png); }
          .leader .driver.row.gold .col-8.dev {
            background-image: url(../img/gold-left-dev.png); }
        .leader .driver.row.gold .col-4 {
          background-image: url(../img/gold-right.png);
          font-size: 2.4vh;
          background-position: center right;
          line-height: 2.4vh;
          text-align: right;
          position: relative; }
          .leader .driver.row.gold .col-4 span {
            position: absolute;
            right: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
      .leader .driver.row.silver {
        width: 70vh;
        height: 5vh;
        margin: 1vh auto; }
        .leader .driver.row.silver .col-8 {
          background-image: url(../img/silver-left.png);
          font-size: 2vh;
          line-height: 2vh;
          position: relative; }
          .leader .driver.row.silver .col-8 span {
            position: absolute;
            left: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          .leader .driver.row.silver .col-8.vip {
            background-image: url(../img/silver-left-vip.png); }
          .leader .driver.row.silver .col-8.dev {
            background-image: url(../img/silver-left-dev.png); }
        .leader .driver.row.silver .col-4 {
          background-image: url(../img/silver-right.png);
          font-size: 2vh;
          background-position: center right;
          line-height: 2vh;
          text-align: right;
          position: relative; }
          .leader .driver.row.silver .col-4 span {
            position: absolute;
            right: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
      .leader .driver.row.bronze {
        width: 65vh;
        height: 4vh;
        margin: 0 auto; }
        .leader .driver.row.bronze .col-8 {
          background-image: url(../img/bronze-left.png);
          font-size: 1.6vh;
          line-height: 1.6vh;
          position: relative; }
          .leader .driver.row.bronze .col-8 span {
            position: absolute;
            left: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
          .leader .driver.row.bronze .col-8.vip {
            background-image: url(../img/bronze-left-vip.png); }
          .leader .driver.row.bronze .col-8.dev {
            background-image: url(../img/bronze-left-dev.png); }
        .leader .driver.row.bronze .col-4 {
          background-image: url(../img/bronze-right.png);
          font-size: 1.6vh;
          background-position: center right;
          line-height: 1.6vh;
          text-align: right;
          position: relative; }
          .leader .driver.row.bronze .col-4 span {
            position: absolute;
            right: 6vh;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
      .leader .driver.row.red {
        width: 100%;
        margin: 0vh auto;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 1.4vh;
        line-height: 1.4vh;
      border:0px;margin-bottom:1vh;color:#fff;box-sizing: border-box;gap:0px;flex-wrap:nowrap;border:2px solid #1d1d1b;}
      .leader .driver.row.red .col-1{background-color: #dbdbdb;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-end;}
      .leader .driver.row.red .col-7{
        padding:1vh 0;
        padding-left:2vw;
        display:flex;
        align-items: center;
        background: rgba(222,26,21,1);
        box-sizing: border-box;
      }
      .leader .driver.row.red .col-4{color:#000;padding:1vh 0;box-sizing: border-box;background:#fff;}
        .leader .driver.row.red.vip {
          background-image: url(../img/red-vip.png); }
        .leader .driver.row.red.dev {
          background-image: url(../img/red-dev.png); }
        .leader .driver.row.red .col-8 {
          position: relative;line-height: 1.4vh; }
          .leader .driver.row.red .col-8 span {}
        .leader .driver.row.red .col-4 {
          text-align: right;
          position: relative;display:flex;align-items: center;justify-content: flex-end; }
          .leader .driver.row.red .col-1{text-align:right;}
          .leader .driver.row.red .col-7 span{
            color:#fff;display:block;
            font-family: "Exo 2", sans-serif; font-weight:400;
            display:block;
            font-size:1.5rem;line-height:120%;
          }
          .leader .driver.row.red .col-4 span {
            color:#000; font-family: "Exo 2", sans-serif; font-weight:400;padding-right:2vw;display:block;
            font-size:1.5rem;line-height:120%;
            }

            .leader .driver.row.red .col-1 span.pos{display:block;padding-right:20px;text-align:right;font-family: "Exo 2", sans-serif; font-weight:400;color:#000;font-size:1.5rem;line-height:120%;}

#load{
  display:none;
}
.form-control:focus {
  border-color: red;
  box-shadow: 0 0 0 0.2rem rgba(228, 5, 20, 0.25); }
#newuser label{
  color:#fff;
}
.btn-primary {
  background-color: transparent;
  border-color: #fff;
  margin-top: 2rem;
  width: 100%;
  color: #fff; text-transform:uppercase;border-radius:0px;font-size:2rem;transition: all 0.5s ease-out;}
  .btn-primary:hover {
    background-color: #FCBB2F;
    border-color: #FCBB2F; color:#002d62;}
.container h3{text-align:center;color:#ff0000}
    footer{height:10vh;z-index:5;position:relative;}
footer img{height:5vh;}
footer .row{height:10vh}
footer .col-xl-3:nth-child(2) img{height:2vh;}
footer .col-xl-3:nth-child(3) img{height:3.5vh;}
footer .col-xl-3:nth-child(4) img{height:4.5vh;}
footer .col-xl-3{display:flex;align-items: center;justify-content: center;}
footer .col-xl-3:nth-child(1){justify-content: flex-start;}
footer .col-xl-3:nth-child(2){justify-content: flex-start;}
footer .col-xl-3:nth-child(3){justify-content: flex-end;}
footer .col-xl-3:nth-child(4){justify-content: flex-end;}

    @media screen and (min-width: 1200px){
      .home footer .container {
        max-width: none !important;
      }
      .register footer .container {
        max-width: none !important;
      }
    }
@media screen and (min-width: 2560px) and (max-width: 3839px) {
    footer .col-xl-3:nth-child(1) img{height:4vh;}
    footer .col-xl-3:nth-child(2) img{height:1.5vh;}
    footer .col-xl-3:nth-child(3) img{height:3vh;}
    footer .col-xl-3:nth-child(4) img{height:4vh;}
}

@media screen and (min-width: 3840px) {
    .container{max-width:1600px !important;}
    .entry-content{max-width: 1600px;}
    header .col-xl-4:nth-child(1) img{height:4vh;}
    header .col-xl-4:nth-child(2) img{height:7vh;}
    header .col-xl-4:nth-child(3) img{height:5vh;}
  footer .col-xl-3:nth-child(1) img{height:3.5vh;}
    footer .col-xl-3:nth-child(2) img{height:1vh;}
    footer .col-xl-3:nth-child(3) img{height:2.5vh;}
    footer .col-xl-3:nth-child(4) img{height:3.5vh;}
}

@media screen and (min-width: 700px) and (hover: hover) and (pointer: fine) {
    main{padding-top:0px !important;height:79vh !important;min-height:0px !important;}
    .leader .driver.row.red .col-1 span.pos{padding-right:0px;}
    footer{z-index:9;}
    .esternoT{z-index:3 !important;}
    footer .col-6{flex: 0 0 25% !important;max-width:25% !important;}
}