.page-hero {
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat; }
  .page-hero:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .page-hero .container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .page-hero h1 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px; }
  .page-hero .form-container,
  .page-hero .content-container {
    padding: 0 15px; }
  .page-hero .form-container .form-box {
    background-color: #fff;
    border-radius: 2px; }
    .page-hero .form-container .form-box h2 {
      text-align: center;
      font-size: 20px;
      font-weight: 600;
      color: #ba1c4a;
      margin: 15px auto; }
    .page-hero .form-container .form-box .field-container {
      padding: 0 15px;
      margin-bottom: 15px; }
      .page-hero .form-container .form-box .field-container label {
        display: block;
        font-weight: 600;
        color: #333; }
      .page-hero .form-container .form-box .field-container input {
        width: 100%;
        padding: 10px 10px 10px 35px;
        border: 1px solid #e7e7e7;
        background-repeat: no-repeat;
        background-position: center left 5px; }
    .page-hero .form-container .form-box .instant-pickup {
      background-image: url("../../img/instant_quote/img/map-marker-green.png"); }
    .page-hero .form-container .form-box .instant-dropoff {
      background-image: url("../../img/instant_quote/img/map-marker-red.png"); }
    .page-hero .form-container .form-box .instant-date {
      background-image: url("../../img/instant_quote/img/calendar.png"); }
    .page-hero .form-container .form-box .instant-time {
      background-image: url("../../img/instant_quote/img/clock.png"); }
  .page-hero .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .page-hero .content-container ul {
      margin-bottom: 0;
      margin-left: 0;
      color: #fff;
      font-size: 20px; }
      .page-hero .content-container ul li {
        margin-bottom: 10px; }
        .page-hero .content-container ul li:last-of-type {
          margin-bottom: 0; }
      .page-hero .content-container ul .fa-check-circle {
        margin-right: 10px; }
  .page-hero .button-container {
    padding: 15px;
    /*padding-top: 0;*/
  }
    .page-hero .button-container button {
      width: 100%;
      border-radius: 2px;
      outline: none;
      color: #fff;
      background-color: #5eba46;
      border: none;
      padding: 15px;
      font-size: 20px; }

.estimate-results {
  margin-top: -120px; }
  .estimate-results .container {
    position: relative;
    z-index: 11;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .estimate-results .car-column {
    padding: 0 15px; }
  .estimate-results .car-container {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.15);
    border: 1px solid #cccccc;
    border-radius: 2px;
    background-color: white;
    position: relative;
    margin-bottom: 20px; }
    .estimate-results .car-container .car-info {
      padding: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      height: 125px;
    }
      .estimate-results .car-container .car-info .main {
        position: relative;
        width: calc(100% - 42px); }
        .estimate-results .car-container .car-info .main .name {
          color: #333;
          font-size: 20px;
          font-weight: 600;
          text-align: center;
          margin: 0; }
        .estimate-results .car-container .car-info .main img {
          -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
          position: absolute;
          z-index: 9;
          left: 50%;
          top: 70%;
          -webkit-transform: translate(-50%, -70%);
          -ms-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%); }
      .estimate-results .car-container .car-info .specifications {
        list-style: none;
        margin: 0;
        padding: 0;
        min-width: 44px; }
        .estimate-results .car-container .car-info .specifications li {
          display: block;
          background-color: #ebeced;
          padding: 5px 8px;
          border-radius: 3px;
          margin-bottom: 5px; }
          .estimate-results .car-container .car-info .specifications li:last-of-type {
            margin-bottom: 0; }
          .estimate-results .car-container .car-info .specifications li svg {
            color: #8c8c8c;
            margin-right: 2px; }
    .estimate-results .car-container .price {
      background: #73c12d;
      color: #fff;
      margin-bottom: -1px;
      padding: 10px;
      text-align: center;
      font-size: 22px;
      line-height: 1;
      border-radius: 0 0 2px 2px; }
    .estimate-results .car-container a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      z-index: 10; }
    .estimate-results .car-container:hover .price {
      background-color: #ba1c4a; }

@media (max-width: 768px) {
  .page-hero {
    padding-bottom: 15px;
    padding-top: 50px; }
    .page-hero .container {
      max-width: 100%; }
    .page-hero h1 {
      font-size: 28px; }
    .page-hero .page-headline {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .page-hero .form-container {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-top: 15px;
      margin-bottom: 0px; }
    .page-hero .content-container {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
  .estimate-results {
    margin-top: 15px; }
  .page-hero .form-container .form-box .field-container input {
    width: 97%;
  }
}
.visuallyhidden{
  display: none !important;
}

.field-container .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 5px 15px;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 150px;
  overflow-y: auto;
  cursor: pointer;
}

.overlay-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../../img/bx_loader.gif) 50% 50% no-repeat rgba(249, 249, 249, 0.66);
  background-size: 5%;
}
.circle {
  background-color: rgba(0,0,0,0);
  border:5px solid #fe2268;
  opacity:.9;
  border-right:5px solid rgba(0,0,0,0);
  border-left:5px solid rgba(0,0,0,0);
  border-radius:30px;
  box-shadow: 0 0 35px #c11541;
  width:30px;
  height:30px;
  margin:0 auto;
  -moz-animation:spinPulse 1s infinite ease-in-out;
  -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
  background-color: rgba(0,0,0,0);
  border:5px solid #fe2268;
  opacity:.9;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 15px #c11541;
  width:14px;
  height:14px;
  margin:0 auto;
  position:relative;
  top:-22.5px;
  -moz-animation:spinoffPulse 1s infinite linear;
  -webkit-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #c11541;}
  50% { -moz-transform:rotate(145deg); opacity:1; }
  100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #c11541; }
  50% { -webkit-transform:rotate(145deg); opacity:1;}
  100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}
.estimateLoading{
  margin: 4px auto;
}
.mbsc-fr-btn-c {
  background: #ef6155;
}
.mbsc-fr-btn-s {
  background: #73c12d;
}
.mbsc-fr-btn {
  color: #fff !important;
}
.removeButtonContainer {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  font-size: 23px;
  margin-left: 3px;
  margin-top: 5px;
  display: inline-block;
}
