.modal-header {
  padding: 12px;
}

.modal-blue-body {
  font-size: 16px;
  font-family:  "Firm";
  color:  white;
} 
 
.fb-modal .modal-content { 
  background-color:  #163150; 
}  


  .modal-spin2win-title {
    font-size: 26px;
  }
  .modal-spin2win  {
 background-color: #16293E;
 color: #FFFFFF; 
 font-size: 20px; 
  }
.modal-spin2win-background {
  background-image: url("/spin2wheel/prize-confetti.png");
  background-color: #16293E;
  background-repeat: no-repeat;
  background-position: bottom;
  background-repeat: no-repeat; 
  background-size: cover;
  height:560px;
}
 
.btn-white-outline {
  border: 3px solid white;
}
.btn-white-outline:hover {
  border: 3px solid white;
}

.bg-green {
  background-color: #84BF41;
}
.bg-orange {
  background-color: #EC9634;
}
.bg-dark-blue {
  background-color: #16293E;
}

.bg-gray {
  background-color: #777776;
}
    body {
      font-family: 'Montserrat', sans-serif;
    }
    #header .a {
      color: white;
    }
    #header .a:hover {
      color: #CCCCCC;
    }

.btn-warning {
  background-color: #EC9634;
  border-color: #EC9634;
  color: #FFFFFF;
  border-radius: 2rem;
  font-weight: bold;
  }
 
.btn-warning:hover { 
  color: #FFFFFF;
}
.st-result-box {
  border-radius: 2rem;
  min-height: 50px;
}

.bg-img-ts {
    position: absolute;
    width: 101%;
    height: 100px;
    bottom: 120px;
    z-index: 0;
    left: 0;
    overflow: hidden;
    background-size: cover; 
    right: 0;
}
.skridt-text {
  color: #84BF41;
  font-weight: 700;
  font-size: 24px;
}
.text-green {
  color: #84BF41;
}

h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #16293E;
}
h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  color: #16293E;
}
h3 {
  font-weight: bold;
  font-size:16px; 
}
p {
  font-size:14px;
  line-height: 16px;
}
.card-top-right {
  padding: 20px 10px 20px 30px;
  border-radius: 10rem 0 0 10rem; 
  border: 0px;
  font-size: 24px;
  max-width: 250px;
  margin-right: -20px;
} 
.card-total-steps {  
  padding: 30px 10px;
  border-radius: 10rem; 
  border: 0px;
  font-size: 28px;
  font-weight: bold;
  color: #16293E;
  max-width: 250px;  
}
 
@media (min-width : 320px) {

a.top-menu {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: 700;
  padding-left: 10px;
}
a.top-menu: hover {
  color: #FFFFFF;
  font-weight: 700;
  padding-left: 10px;
}

  .menu-ico {
    height:40px;
    padding-right:10px;
  } 

  .register-card {
    margin-top: -120%;
  }
  .steps-image {
      margin: -40% auto 0px;
      padding: 0px 5px;
    }
    .video-iframe {
      width: "250";
      height: "140";
    }
    .card-box-row {
      padding-bottom:20px;
    }

  .img-box {
    height: 6rem;
    padding: 10px;
  }

 
}

@media (min-width : 360px) {

  .register-card {
    margin-top: -100%;
  }  
}
@media (min-width : 410px) {

  .register-card {
    margin-top: -90%;
  } 

    .video-iframe {
      width: "400";
      height: "225";
    }

  .steps-image {
      margin: -38% auto 0px;
      padding: 0px 10px;
    }
}

@media  (min-width : 480px) {

  .register-card {
    margin-top: -65%;
  }
  .steps-image {
      margin: -36% auto 0px;
      padding: 0px 15px;
    }

    .card-box-row {
      padding-bottom:30px;
    }

 

 
}
@media (min-width: 768px)
{
  a.top-menu {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  padding-left: 40px;
}
a.top-menu: hover {
  color: #FFFFFF;
  font-weight: 700;
  padding-left: 30px;
}

  .menu-ico {
    height:40px;
    padding-right:14px;
  } 
  
   .register-card {
    margin-top: -75%;
  }
    .card-box-row {
      padding-bottom:30px;
    }
  .steps-image {
      margin: -33% auto 0px;
      padding: 0px 30px;
    }

    .video-iframe {
      width: "500";
      height: "281";
    }
}

@media (min-width: 992px) { 
  .register-card {
    margin-top: -80%;
  }

    .card-box-row {
      padding-bottom: 40px;
    }
  .steps-image {
      margin: -32% auto 0px;
      padding: 0px 40px 40px 40px;
    }
}
@media (min-width: 1200px) {
  .register-card {
    margin-top: -65%;
  }
  .steps-image {
      margin: -30% auto 0px;
      padding: 0px 40px 40px 40px;
    }
}

.header {
  padding-top:20px;
}


canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-us
  }
.sport-motion {
  width: 200px;
}
.sport-resultat .sport-min{
  width: 80px;
}
.input-round {
  border-radius: 2rem;
  height: 3rem;    
  padding: 0.6rem 0.6rem;
  font-size: 12px;

}

.input-round-lg {
  border-radius: 3rem;
  height: 3rem;    
  padding: 0.8rem;
  font-size: 16px;

}
.input-square {
  border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link  { 
  font-size: 14px;
  color: #16293E;
  font-weight: 700;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: #EC9634;
    border-color: #dee2e6 #dee2e6 #fff;
}

.btn-dark-blue{
    background: #173150;
    border-color: #173150;
    color: #FFFFFF;
}
.btn-dark-blue:hover {
    background: #164194;
    border-color: #164194;
    color: #FFFFFF;
}
.btn-blue1{
    background: #0081c3;
    border-color: #0081c3;
}
.btn-blue1:hover {
    background: #47bcca;
    border-color: #47bcca;
}
.btn-blue2{
    background: #47bcca;
    border-color: #47bcca;
}
.btn-blue2:hover {
    background: #57cddb;
    border-color: #57cddb;
}
.btn-blue3{
    background: #164194;
    border-color: #164194;
}
.btn-blue3:hover {
    background:  #0081c3;
    border-color:  #0081c3;
}
.btn-blue4{
    background: #00919f;
    border-color: #00919f;
}
.btn-blue4:hover {
    background: #47bcca;
    border-color: #47bcca;
}

.btn-green1{
    background: #00919f;
    border-color: #00919f;
}
.btn-green1:hover {
    background: #00b5c6;
    border-color: #00b5c6;
}
.btn-green2{
    background: #44ac3d;
    border-color: #44ac3d;
    color: #FFFFFF;
}
.btn-green2:hover {
    background: #51c649;
    border-color: #51c649;
}
.btn-orange{
    background: #f59c07;
    border-color: #f59c07;
}
.btn-orange:hover {
    background: #ffed00;
    border-color: #ffed00;
}
.btn-yellow{
    background: #ffed00;
    border-color: #ffed00;
}
.btn-yellow:hover {
    background: #fff684;
    border-color: #fff684;
}

.btn-pink{
    background: #e6007e;
    border-color: #e6007e;
    color: #FFFFFF;
}
.btn-pink:hover {
    background: #ff59b4;
    border-color: #ff59b4;
}

.btn-purple{
    background: #652581;
    border-color: #652581;
}
.btn-purple:hover {
    background: #e6007e;
    border-color: #e6007e;
}
.btn-light-gray{
    background: #878787;
    border-color: #878787;
}
.btn-light-gray:hover {
    background: #c6c6c6;
    border-color: #c6c6c6;
}
.btn-gray{
    background: #0081c3;
    border-color: #0081c3;
}
.btn-gray:hover {
    background: #878787;
    border-color: #878787;
}