#confirmation {
  background: url("../../../assets/img/Whitecar-02.png") center no-repeat;
  background-size: cover;
  color: white;
  height: 400px;
  padding-top: 5%;
  position: relative; }
  @media (min-width: 992px) {
    #confirmation {
      height: 630px; }
      #confirmation h2 {
        font-size: 36px; } }
  @media (max-width: 767px) {
    #confirmation {
      background-image: url(../../../assets/img/Whitecar-02.png); } }
  #confirmation .mask {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    opacity: 0.75; }
    @media (min-width: 992px) {
      #confirmation .mask {
        height: 260px; } }
  #confirmation .dash {
    border: 1px solid grey;
    margin: 20px 35%; }
    @media (max-width: 766px) {
      #confirmation .dash {
        margin: 10px 35%; } }
  #confirmation .btn-act-green {
    margin-top: 20px; }
    @media (max-width: 767px) {
      #confirmation .btn-act-green {
        margin-top: 5px; } }
  #confirmation .confirmation-code {
    border: 2px solid white;
    margin: 30px 20%;
    padding: 5px 0;
    background-color: rgba(255, 255, 255, 0.3); }
    @media (min-width: 992px) {
      #confirmation .confirmation-code {
        font-size: 32px; } }
  #confirmation ins {
    cursor: pointer; }
    @media (min-width: 992px) {
      #confirmation ins {
        font-size: 22px; } }

.confirmation-body {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 20px 12%;
  color: #3477ad; }
  @media (min-width: 992px) {
    .confirmation-body {
      font-size: 20px; }
      .confirmation-body p {
        font-size: 28px;
        padding: 0 15%; } }
  .confirmation-body p {
    margin: 0; }

/*# sourceMappingURL=final.css.map */