/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
#@14
#@15
#@16
#@17
#@18
#@19
#@20
#@21
#@22
#@23
#@24
#@25
#@26
#@27
#@28
#@29
#@30
#@31
#@32
#@33
#@34
#@35
#@36
#@37
#@38
#@39
#@40
#@41
#@42
*/
@charset "UTF-8";
.btn-xs {
  padding: 7px 8px;
  font-size: 1rem;
  line-height: 1.14;
  border-radius: 4px;
}
.badge {
  display: inline-block;
  vertical-align: top;
  font: 700 12px/14px "Helvetica Neue", "Arial", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.52px;
  padding: 5px 8px;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
}
.badge:empty {
  display: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden;
}
@font-face {
  font-family: "icomoon";
  src: url('https://www.grandraid-reunion.com/squelettes/assets/fonts/icomoon.eot?a8qomd');
  src: url('https://www.grandraid-reunion.com/squelettes/assets/fonts/icomoon.eot?a8qomd#iefix') format("embedded-opentype"), url('https://www.grandraid-reunion.com/squelettes/assets/fonts/icomoon.ttf?a8qomd') format("truetype"), url('https://www.grandraid-reunion.com/squelettes/assets/fonts/icomoon.woff?a8qomd') format("woff"), url('https://www.grandraid-reunion.com/squelettes/assets/fonts/icomoon.svg?a8qomd#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flag2:before {
  content: "";
}
.icon-logout:before {
  content: "";
}
.icon-alert:before {
  content: "";
}
.icon-down:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-info:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-attachment:before {
  content: "";
}
.icon-user2:before {
  content: "";
}
.icon-success:before {
  content: "";
}
.icon-ambulance:before {
  content: "";
}
.icon-bell:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-twitter2:before {
  content: "";
}
.icon-douche:before {
  content: "";
}
.icon-euro:before {
  content: "";
}
.icon-group:before {
  content: "";
}
.icon-heart:before {
  content: "";
}
.icon-pin:before {
  content: "";
}
.icon-red-cross:before {
  content: "";
}
.icon-refueling:before {
  content: "";
}
.icon-registeration:before {
  content: "";
}
.icon-road:before {
  content: "";
}
.icon-trail:before {
  content: "";
}
.icon-triangel:before {
  content: "";
}
.icon-bullet:before {
  content: "";
}
.icon-flag:before {
  content: "";
}
.icon-play:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-clock:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-instagram:before {
  content: "";
}
.icon-plus:before {
  content: "";
}
.icon-twitter:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-instagram2:before {
  content: "";
}
.icon-facebook2:before {
  content: "";
}
.icon-pin2:before {
  content: "";
}
.icon-podcast:before {
  content: "";
}
.icon-arrow-next:before {
  content: "";
}
.icon-arrow-prev:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-time:before {
  content: "";
}
@font-face {
  ::-webkit-input-placeholder {
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 1rem;
    color: rgba(74, 74, 74, 0.5);
  }
  ::-moz-placeholder {
    opacity: 1;
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 1rem;
    color: rgba(74, 74, 74, 0.5);
  }
  :-moz-placeholder {
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 1rem;
    color: rgba(74, 74, 74, 0.5);
  }
  :-ms-input-placeholder {
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 1rem;
    color: rgba(74, 74, 74, 0.5);
  }
  .placeholder {
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 1rem;
    color: rgba(74, 74, 74, 0.5);
  }
}
.steps-area .wrap-info .h4 {
  font-family: "Sofia Sans Extra Condensed", "Helvetica Neue", "Arial", sans-serif !important;
}
.steps-area .sub-note, .steps-area .forget {
  font-size: 14px;
}
.steps-area .icon-time {
  font-size: 22px;
  vertical-align: top;
  margin: 1px 6px 0 0;
}
.steps-area .info-head {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.steps-area .info-head li {
  border-bottom: 1px solid #efedec;
}
.steps-area .wrap.style01 {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.step-head .user-info h1 a {
  color: #000;
}
.step-head .user-info h1 a:hover {
  color: #26348b;
}
.step-head .user-info .text {
  font-size: 14px;
  letter-spacing: -0.4px;
}
.step-head .user-img {
  position: absolute;
  left: -5px;
  top: 6px;
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 768px) {
  .step-head .user-img {
    width: 3.375rem;
    height: 3.375rem;
    left: 0;
    top: 0;
  }
}
.step-head .user-img a:hover {
  opacity: 0.7;
}
.step-head .user-img a, .step-head .user-img img {
  border-radius: 50%;
}
.step-head .logout {
  font-size: 26px;
  display: block;
  color: rgba(0, 0, 0, 0.2);
}
.step-head .logout:hover {
  color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px) {
  .fields-list li {
    width: 48.7%;
  }
}
.fields-list label {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.13px;
  min-height: 16px;
  margin: 0 0 5px;
}
.fields-list .form-control {
  height: 54px;
  font-size: 1rem;
  line-height: 1.25rem;
  border: 1px solid #f0f0f0;
  letter-spacing: -0.13px;
  padding: 0 30px 0 11px;
  border-radius: 2px;
  color: #4a4a4a;
  transition: border 0.4s ease;
  box-shadow: none;
  outline: none;
}
.fields-list .form-control::-webkit-input-placeholder {
  color: rgba(74, 74, 74, 0.5);
}
.fields-list .form-control::-moz-placeholder {
  opacity: 1;
  color: rgba(74, 74, 74, 0.5);
}
.fields-list .form-control:-moz-placeholder {
  color: rgba(74, 74, 74, 0.5);
}
.fields-list .form-control:-ms-input-placeholder {
  color: rgba(74, 74, 74, 0.5);
}
.fields-list .form-control.placeholder {
  color: rgba(74, 74, 74, 0.5);
}
.fields-list .form-control:focus {
  box-shadow: none;
}
.fields-list .field-wrap {
  width: 46.4%;
}
@media (min-width: 768px) {
  .fields-list .field-wrap {
    width: 48.7%;
  }
}
@media (min-width: 768px) {
  .fields-list .sub-field {
    width: 48.7%;
  }
}
@media (min-width: 768px) {
  .fields-list-compact li {
    width: 23.7%;
  }
}
.field-holder .form-control, .field-holder .jcf-select, .field-holder .jcf-select-number {
  border-color: #f0f0f0;
}
.field-holder .jcf-select-number {
  background: #f0f0f0;
}
.field-holder .icon-success, .field-holder .icon-info, .field-holder .cancel {
  position: absolute;
  right: 10px;
  top: 20px;
  transition: visibility 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  visibility: hidden;
  color: #4cd964;
}
.field-holder .icon-info {
  color: #fd7e14;
}
.field-holder .hide {
  position: absolute;
  right: 10px;
  top: 19px;
  transition: visibility 0.4s ease, opacity 0.4s ease;
  color: #4a4a4a;
  opacity: 0;
  visibility: hidden;
}
.field-holder .hide:hover {
  opacity: 0.8;
}
.field-holder .cancel {
  font-size: 12px;
  color: #383b41;
  top: 21px;
  right: 12px;
}
.field-holder.number-holder .form-control {
  padding-left: 93px;
}
.field-holder .edit {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 14px;
  color: #333;
}
@media (min-width: 768px) {
  .field-holder .edit {
    right: 10px;
  }
}
.field-holder .edit i {
  opacity: 0.7;
  font-size: 20px;
}
.field-holder .edit:hover {
  opacity: 0.8;
}
.field-holder .add {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 14px;
  color: #333;
}
@media (min-width: 768px) {
  .field-holder .add {
    right: 10px;
  }
}
.field-holder .add i {
  font-size: 20px;
}
.field-holder .add:hover {
  opacity: 0.8;
}
.field-holder.hide-password .hide {
  opacity: 1;
  visibility: visible;
}
.field-holder.is-valid .form-control, .field-holder.is-valid .jcf-file, .field-holder.is-valid .jcf-select, .field-holder.is-valid .jcf-select-number {
  border-color: #4cd964;
}
.field-holder.is-valid .form-control .jcf-upload-button, .field-holder.is-valid .jcf-file .jcf-upload-button, .field-holder.is-valid .jcf-select .jcf-upload-button, .field-holder.is-valid .jcf-select-number .jcf-upload-button {
  background: #4cd964;
  color: #fff;
}
.field-holder.is-valid .jcf-select-number {
  background: #4cd964;
}
.field-holder.is-valid .jcf-select-number .jcf-select-text {
  color: #fff;
}
.field-holder.is-valid .jcf-select-number .jcf-select-opener:before {
  color: #fff;
}
.field-holder.is-valid .icon-success, .field-holder.is-valid .cancel {
  opacity: 1;
  visibility: visible;
}
.field-holder.is-invalid .form-control, .field-holder.is-invalid .jcf-select, .field-holder.is-invalid .jcf-select-number, .field-holder.is-invalid .jcf-file {
  border-color: #ff3b30;
}
.field-holder.is-invalid .jcf-file .jcf-upload-button {
  background: #ff3b30;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.field-holder.is-invalid .jcf-select-number {
  background: #ff3b30;
}
.field-holder.is-invalid .jcf-select-number .jcf-select-text {
  color: #fff;
}
.field-holder.is-invalid .jcf-select-number .jcf-select-opener:before {
  color: #fff;
}
.field-holder.is-invalid .invalid-feedback {
  opacity: 1;
  visibility: visible;
}
.field-holder.is-invalid .file-note {
  color: #ff3b30;
}
.field-holder.is-alert .form-control, .field-holder.is-alert .jcf-select, .field-holder.is-alert .jcf-file {
  border-color: #fd7e14;
}
.field-holder.is-alert .jcf-file .jcf-upload-button {
  background: #fd7e14;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.field-holder.is-alert .jcf-select-number {
  background: #fd7e14;
}
.field-holder.is-alert .jcf-select-number .jcf-select-text {
  color: #fff;
}
.field-holder.is-alert .jcf-select-number .jcf-select-opener:before {
  color: #fff;
}
.field-holder.is-alert .icon-info, .field-holder.is-alert .alert-feedback {
  opacity: 1;
  visibility: visible;
}
.invalid-feedback, .alert-feedback, .file-note {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(74, 74, 74, 0.5);
  letter-spacing: -0.12px;
  transition: visibility 0.4s ease, opacity 0.4s ease;
  display: block;
  position: absolute;
  left: 0;
  bottom: -23px;
  opacity: 0;
  visibility: hidden;
}
.invalid-feedback {
  color: #ff3b30;
}
.file-note {
  opacity: 1;
  visibility: visible;
}
.steps-list {
  font: 700 14px/17px "Sofia Sans Extra Condensed", "Helvetica Neue", "Arial", sans-serif;
  border-bottom: 2px solid #212529;
}
@media (min-width: 375px) {
  .steps-list {
    font-size: 17px;
    line-height: 21px;
  }
}
.steps-list li {
  flex: 1;
}
.steps-list li.active a {
  color: #fdc14c;
}
.steps-list li.active a:before {
  opacity: 1;
  visibility: visible;
}
.steps-list a {
  outline: none;
  color: #000;
}
.steps-list a:before {
  transition: visibility 0.4s ease, opacity 0.4s ease;
  background: #fdc14c;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -17px;
  height: 2px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.steps-list a:hover {
  color: #fdc14c;
}
.user-detail .text-block {
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media (min-width: 768px) {
  .user-detail .text-block {
    width: 330px;
  }
}
@media (min-width: 1200px) {
  .user-detail .text-block {
    width: 370px;
  }
}
.user-detail .info-block {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.11), 0 0 4px rgba(0, 0, 0, 0.16);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .user-detail .info-block {
    width: 328px;
  }
}
.user-detail .info-block .title {
  font-size: 1rem;
  line-height: 1.1875rem;
  letter-spacing: -0.7px;
}
.user-detail .info-block .icon-flag2 {
  position: absolute;
  left: 17px;
  top: 20px;
  color: #fdc14c;
  font-size: 32px;
}
.user-detail p {
  margin: 0;
}
.checkbox-wrap label {
  font-size: 16px;
  line-height: 21px;
}
.checkbox-wrap .icon {
  border: 1px solid #f0f0f0;
  transition: background 0.4s ease, border 0.4s ease;
  background: #fff;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 2px;
}
.checkbox-wrap .icon:before {
  transition: opacity 0.4s ease, visibility 0.4s ease;
  content: "";
  position: absolute;
  height: 6px;
  width: 12px;
  top: 3px;
  left: 2px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}
.checkbox-wrap input[type="checkbox"] {
  position: fixed;
  opacity: 0;
  visibility: hidden;
}
.checkbox-wrap input[type="checkbox"]:checked + label .icon {
  background: #4a90e2;
  border-color: #4a90e2;
}
.checkbox-wrap input[type="checkbox"]:checked + label .icon:before {
  opacity: 1;
  visibility: visible;
}
.checkbox-wrap input[type="checkbox"]:disabled + label .icon {
  background: #f0f0f0;
}
.checkbox-wrap input[type="checkbox"]:active + label .icon {
  border-color: #4a90e2;
}
.radio-wrap label {
  font-size: 16px;
  line-height: 21px;
}
.radio-wrap .icon {
  transition: background 0.4s ease, border 0.4s ease;
  border: 1px solid #f0f0f0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}
.radio-wrap .icon:before {
  transition: opacity 0.4s ease, visibility 0.4s ease;
  content: "";
  background: #fff;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin: -4px 0 0 -4px;
  opacity: 0;
  visibility: hidden;
}
.radio-wrap input[type="radio"] {
  position: fixed;
  opacity: 0;
  visibility: hidden;
}
.radio-wrap input[type="radio"]:checked + label .icon {
  background: #4a90e2;
  border-color: #4a90e2;
}
.radio-wrap input[type="radio"]:checked + label .icon:before {
  opacity: 1;
  visibility: visible;
}
.radio-wrap input[type="radio"]:disabled + label .icon {
  background: #f0f0f0;
}
.radio-wrap input[type="radio"]:active + label .icon {
  border-color: #4a90e2;
}
.info-description .head .text {
  font-size: 14px;
}
.info-description .info-wrap {
  align-items: flex-end !important;
}
.info-description .info-list {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #000;
}
@media (min-width: 375px) {
  .info-description .info-list {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
.info-description .info-list li:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 1px;
  border-top: 1px dotted rgba(0, 0, 0, 0.5);
}
.info-description .title {
  max-width: 185px;
}
@media (min-width: 768px) {
  .info-description .title {
    max-width: inherit;
  }
}
.info-description .total-price {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.11), 0 0 4px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  font-size: 1rem;
  line-height: 1.1875rem;
}
.alert-box {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.11), 0 0 4px rgba(0, 0, 0, 0.16);
  color: #333;
  border-radius: 5px;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.alert-box i {
  position: absolute;
  left: 12px;
  top: 26px;
  font-size: 26px;
  color: #fdc14c;
}
@media (min-width: 768px) {
  .alert-box i {
    left: 28px;
    top: 20px;
    font-size: 34px;
  }
}