.modal-backdrop {
  display:none !important;
}

#signup-modal {
  background:rgba(65,65,65,0.9);
}

.error-msg {
  font-size:14px;
  line-height:18px;
  color:#9D1858;
  font-family:'Montserrat', sans-serif;
  display:flex;
  align-items:center;
  margin-bottom:0px;
  padding-left:15px;
}

.error-msg p {
  margin-bottom:0px;
}

.error-msg label {
  font-weight:bold;
  color:#202D72 !important;
  cursor:pointer;
}

.error-msg i {
  color:#9D1858 !important;
  font-size:18px !important;
  margin-right:10px !important;
}

#signup_cgu:hover {
  color:#9D1858 !important;
  text-decoration:underline;
}

#register input {
  background-color:#f5f5f5;
  border-color:transparent;
  box-shadow:initial;
  color:#202D72 !important;
  font-family:'Montserrat', sans-serif;
  margin:5px 0px;
  height:50px;
  margin-left:-2px;
  font-weight:400;
  font-size:14px;
}

.form-icon {
  background-color:#f5f5f5;
  color:rgba(64,64,64,0.2);
  padding:12px;
  font-size:24px;
}

#form-intro p {
  color:white;
  background:rgba(255,255,255,0.2);
  margin:30px 0px;
  text-align:center;
  font-family:Montserrat, sans-serif;
  font-size:18px;
  padding:15px;
}

@media (max-width: 576px) {
  #form-intro p {
    margin:0px !important;
    font-size:16px;
    background:transparent;
  }
}

#form-intro {
  background-image:linear-gradient(-138deg, #A6185A 0%, #1F2D72 100%);
  padding:30px 30px;
}

@media (max-width: 576px) {
  #form-intro {
    padding:0px !important;
  }
}

#responsive-title h1 {
  color:white;
  font-family:Montserrat, sans-serif;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  font-size:36px;
  letter-spacing:-2px;
  margin:0px;
}

#form-intro h1 {
  color:white;
  font-family:Montserrat, sans-serif;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  font-size:36px;
  letter-spacing:-2px;
  margin:0px;
}

#responsive-section h1 {
  color:white;
  font-family:Montserrat, sans-serif;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  font-size:18px;
  letter-spacing:-2px;
  margin:0px;
}

@media (max-width: 576px) {
  #form-intro h1 {
    display:none;
  }
}

#time-left {
  color:white;
  text-align:center;
  text-transform:uppercase;
  font-size:14px;
  font-family:Montserrat, sans-serif;
  font-weight:300;
}

@media (max-width: 576px) {
  #time-left, #count {
    display:none;
  }
}

#count {
  color:white;
  font-family:Montserrat, sans-serif;
  font-style:italic;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  font-size:26px;
  letter-spacing:-2px;
  margin:0px;
}

.column {
  padding:0px;
}

.msg-step {
  color:#202D72;
  font-family:Montserrat, sans-serif;
  font-weight:600;
  text-align:center;
  font-size:18px;
}

@media (max-width: 576px) {
  .msg-step {
    font-size:14px;
  }
}

#form-section {
  padding:0px 30px 30px 30px;
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

@media (max-width: 576px) {
  #form-section {
    padding:15px !important;
  }
}

.tab-content .next {
  color:white !important;
  background:#9D1858;
  width:100%;
  padding:15px;
  font-family:Montserrat, sans-serif;
  font-weight:900;
  text-transform:uppercase;
  font-style:italic;
  text-align:center;
  display:inline-block;
  cursor:pointer;
  border-radius:0px !important;
  border-color:transparent !important;
}

video {
  opacity:0.8;
  width:100%;
}

@media (min-width: 577px) {
  video {
    min-height:100vh;
  }
}

.tab-content {
  width:100%;
}

.nav.nav-tabs {
  display:none;
}

#location-section {
  background:#EEEEEE;
}

@media (max-width: 576px) {
  #location-section {
    display:none;
  }
}

#profile-count {
  color:#202D72;
  margin-bottom:0px;
  font-family:Montserrat, sans-serif;
  font-size:16px;
  font-weight:400;
}

@media (min-width: 577px) {
  #responsive-section {
    display:none;
  }
}

#responsive-section {
  background:#222D72;
  padding:15px;
  margin:0px;
}

@media (min-width: 577px) {
  #video-column {
    height:100vh;
  }
}

#video-column {
  overflow:hidden;
  background:#303A70;
}

.count {
  font-weight:bold;
}

@media (max-width: 767px) {
  #form-sentence {
    font-size:18px !important;
    margin-bottom:5px;
  }
}

#form-sentence {
  font-family:Montserrat, sans-serif;
  font-size:22px;
  color:#9D1858;
  font-weight:800;
  text-transform:uppercase;
  text-align:center;
}

#pseudo {
  font-size:18px;
  font-family:Montserrat, sans-serif;
  font-weight:800;
  color:#9D1858;
  margin-bottom:0px;
}

#statut {
  color:#202D72;
  margin:5px 0px 10px 0px;
  font-family:Montserrat, sans-serif;
  font-size:16px;
  font-weight:400;
}
