.get-quote {
  h4 {
    color: @gray-darker;
    margin-top: 0;
    margin-bottom: @vertical-margin;
  }
  hr {
    margin-top: @vertical-margin;
    margin-bottom: @vertical-margin;
  }
  &:before {
    content: "";
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    height: 160px;
    .page-bg-gradient;
  }
  .title {
    border-radius: @border-radius-base;
    .gradient(@primary-gradient-start, @primary-bg-gradient-end, right);
    text-align: center;
    position: relative;
    z-index: 2;
    font-weight: lighter;
    width: 300px;
    font-size: @font-size-h3;
    padding: 20px;
    color: white;
    display: block;
    margin: 0 auto;
    margin-bottom: -30px;
    .box-shadow(0px 0px 15px 0px rgba(67, 134, 179, 0.5));
    @media @phone {
      padding: 10px;
      width: 250px;
      font-size: @font-size-h4;
    }
  }
  .panel {
    display: block;
    margin: 0 auto;
    @media @phone {
      width: 98%;
    }
    &-body {
      padding: 60px;
      padding-bottom: 35px;
      @media @phone {
        padding: 20px;
        padding-bottom: 35px;
        padding-top: 50px;
      }
    }
  }
  .panelContainer {
    position: relative;

    @media @tablet-min {
      margin-top: 0;
    }
  }
  .formContainer {
    &:extend(.container);
    max-width: 100%;
    .radio {
      margin-top: 0;
      label {
        font-size: @font-size-h6;
        color: @gray-darker;
      }
      .checked {
        color: @brand-primary;
      }
    }
    .questionContainer {
      opacity: 1;
      &.ng-enter, &.ng-leave {
        .transition(all linear 0.3s);
      }
      &.ng-enter {
        opacity: 0;
      }
      &.ng-enter.ng-enter-active {
        opacity: 1;
      }
      &.ng-leave {
        opacity: 1;
      }
      &.ng-leave.ng-leave-active {
        opacity: 0;
      }
    }
    .description {
      color: @gray;
      font-size: @font-size-base;
      line-height: 1.6;
      font-family: @font-family-sans-serif;
      display: inline-block;
      margin-bottom: @vertical-margin;
    }

    .optionDescription {
      @media @desktop {
        margin-bottom: 0;
      }
      &--lastChild {
        margin-bottom: 0;
      }
      &--warning {
        margin-top: 10px;
        &.ng-enter, &.ng-leave {
          .transition(all cubic-bezier(.1,.41,.17,1.01) 0.5s);
        }
        &.ng-enter, &.ng-leave.ng-leave-active  {
          transform: translate(0, -10px);
          opacity: 0;
        }
        &.ng-leave, &.ng-enter.ng-enter-active {
          transform: translate(0);
          opacity: 1;
        }
      }
    }
  }
  .postcodeContainer {
    .provided-address {
      margin-top: -24px;
    }
    &--regionError {
      .postcodeField {
        display: inline-block;
        width: 55%;
        @media @phone {
          display: block;
          width: 100%;
        }

      }
      .postcodeRegionsContainer {
        display: block;
        float: right;
        width: auto;
        @media @phone {
          float: none;
          width: 100%;
        }
        .regionSelect {
          width: 100%;
        }
      }
    }
  }
  .finalHr {
    width: calc(~'100% + (35px * 2)');
    margin-left: -35px;

    @media @tablet-min {
      width: calc(~'100% + (76px * 2)');
      margin-left: -76px;
    }
  }
  .alignThirdOption {
    @media @desktop {
      margin-left: -9px;
      margin-right: 9px;
    }
  }
}