/* Media breakpoints via bootstrap v4.0 */
/* Font family */
/* Override Bootstrap */
/* Doesn't include neutral colours like black, white */
/****
    * Mixins - Media Queries
    * I have set several mixins for media queries,
    * so that you can just using this to achieve quick coding.
    */
/* @media (max-width: 543px) */
/* @media (min-width: 544px) */
/* @media (max-width: 767px) */
/* @media (min-width: 768px) */
/* @media (min-width: 768px) and (max-width: 991px) */
/* @media (min-width: 992px) */
/* @media (max-width: 992px) */
/* @media (min-width: 1200px) */
/* @media (min-width: customize) */
/* @media (max-width: customize) */
/****
    * For those media class
    * .desktop-only, .desktop-hide,
    * .tablet-only, .tablet-hide,
    * .mobile-only, .mobile-hide
    * Please refer to cgg-core-js/app/styles/settings/_media-query.sass */
/* returns the vw values according to the px value (default in 320px screensize)(can have multiple values) */
/* Mixin - Align Content */
/* Mixin - Align Items */
/* Mixin - Align Self */
/* Mixin - Animation */
/* Mixin - Animation Delay */
/* Mixin - Animation Direction */
/* Mixin - Animation Duration */
/* Mixin - Animation Fill Mode */
/* Mixin - Backface Visibility */
/* Mixin - Box Shadow */
/* Mixin - Box Sizing */
/* Mixin - Break Inside Avoid */
/* Mixin - Column Count */
/* Mixin - Column Gap */
/* Mixin - Display: flex */
/* Mixin - Display: inline-flex */
/* Mixin - Filter */
/* Mixin - Flex Wrap */
/* Mixin - Justify Content */
/* Mixin - Make Keyframe */
/* Mixin - Make Transform */
/* Mixin - Make Transition */
/* Mixin - Text Overflow */
/* Mixin - User Select */
/****
    * Function - Replace Once
    * Convert the search string to replace string inside the provided variable ONCE only
    *
    * @param $string - The provided variable that need to change
    * @param $search - The string that need to search and replace
    * @param $replace - The string that will replace the search string if exists
    *
    * USED IN : Mixin - Linear Gradient
    */
/****
    * Function - Reverese Position
    * The position of linear gradient inside safari is opposite comparing to the other browser.
    * Therefore, provide this function to convert the position to opposite
    *
    * @param $value - The position
    *
    * USED IN : Mixin - Linear Gradient
    */
/****
    * Function - Get Gradient Direction
    * Handle the background linear gradient direction with different browser prefix (ie, webkit)
    *
    * @param $env - Environment (ie, webkit)
    * @param $value - Value that need to be change
    *
    * USED IN : Mixin - Linear Gradient
    */
/****
    * Mixin - Background: Linear Gradient
    * I just support until 3 colors inside this mixin.
    * If you want to add more color, just create a new mixin for yourselves.
    *
    * @param $fallback - Default Color for Fallback Use
    * @param $variable1 - The first color (can add ratio)
    * @param $variable2 - The second color (can add ratio)
    * @param $position (Optional) - Add the position of the linear gradient
    * @param $variable3 (Optional) - The third color (can add ratio)
    *
    */
/* Mixin - Font Bold and size */
/* Mixin - Full Zero Position with absolute */
/* Mixin - Display inline block with vertical align */
/* Mixin - Combine top, right, bottom, left CSS together, use like margin and padding */
/* Mixin - No Margin and Padding */
/* Mixin - No Text Decoration */
/* Mixin - Text Overflow Ellipsis */
/* Mixin - Width and Height */
.cgg-global-button, .cgg-global-orange-button-flat, .cgg-global-orange-button, .cgg-global-blue-button-flat {
  width: 100%;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  height: 60px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff !important;
  display: block;
  font-size: 20px;
  font-weight: 700;
  padding: 12px 20px;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .cgg-global-button, .cgg-global-orange-button-flat, .cgg-global-orange-button, .cgg-global-blue-button-flat {
      font-size: 20px;
      font-size: 6.25vw ; } }
  .cgg-global-button:focus, .cgg-global-orange-button-flat:focus, .cgg-global-orange-button:focus, .cgg-global-blue-button-flat:focus, .cgg-global-button:active, .cgg-global-orange-button-flat:active, .cgg-global-orange-button:active, .cgg-global-blue-button-flat:active {
    outline: none; }
  .cgg-global-button.disabled, .disabled.cgg-global-orange-button-flat, .disabled.cgg-global-orange-button, .disabled.cgg-global-blue-button-flat {
    cursor: not-allowed;
    opacity: 0.50;
    filter: alpha(opacity=50);
    -webkit-box-shadow: none;
    box-shadow: none; }

.cgg-global-button-flat, .cgg-global-orange-button-flat, .cgg-global-blue-button-flat {
  border: none;
  border-radius: 0; }

.cgg-global-orange-button-flat {
  background-color: #f08227; }

.cgg-global-orange-button {
  background-color: #f08227;
  border-bottom: 5px solid #e45f2c;
  border-bottom-color: #e45f2c;
  border-top: 1px solid #f08227;
  border-left: 1px solid #f08227;
  border-right: 1px solid #f08227; }

.cgg-global-blue-button-flat {
  background-color: #165072; }

@media (max-width: 1200px) and (min-width: 992px) {
  .bb-step-5-anchor img {
    margin-left: 60px; }
  .bb-step-5-anchor span {
    font-size: 22px; } }

@media (max-width: 1300px) and (min-width: 1200px) {
  .bb-step-5-anchor img {
    margin-left: 35px; }
  .bb-step-5-anchor span {
    font-size: 23px; } }

@media (min-width: 1300px) {
  .bb-step-5-anchor img {
    margin-left: 55px; } }

@media (max-width: 1299px) and (min-width: 992px) {
  .bb-step-7-anchor td {
    width: 75%; }
  .bb-step-7-anchor span {
    font-size: 22px; }
  .bb-step-7-anchor img {
    margin-bottom: -3px; } }

.bb-step-7-tc {
  position: relative;
  top: -2px;
  line-height: 18px;
  font-size: 14px; }
  @media (max-width: 768px) {
    .bb-step-7-tc {
      font-size: 12px; } }

@media (min-width: 768px) {
  .bb-pt-button-group-small .cgg-button-group .cgg-button-group-wrapper .cgg-button-2 {
    width: 24%; } }

@media (min-width: 768px) and (max-width: 992px) {
  .bb-pt-button-group-small .cgg-button-group .cgg-button-group-wrapper .cgg-button-2 {
    width: 30%; } }

@media (min-width: 992px) {
  .bb-pt-button-group-small .cgg-button-group .cgg-button-group-wrapper .cgg-button-2 {
    width: 24%; } }

.optional-error-message-hidden .cgg-global-input--error {
  box-shadow: inset 0 0 0 1px transparent !important;
  border-color: #cccac7 !important; }

.optional-error-message-hidden .cgg-input-mobile input.error {
  border-color: #9e9e9e !important; }

.optional-error-message-hidden .cgg-global-input--error-notification,
.optional-error-message-hidden .cgg-input-mobile .error-msg {
  display: none !important; }

.optional-error-message-hidden .cgg-global-input--error-notification {
  font-size: 14px; }

@media (max-width: 768px) {
  .cgg-col-md-inline.cgg-col-md-inline {
    display: table;
    width: 100%; } }

@media (max-width: 768px) {
  .cgg-checkbox.cgg-checkbox {
    margin-top: 15px; } }

.application-bottom-summary {
  z-index: 10;
  color: #fff;
  position: fixed;
  bottom: -10px;
  left: 0;
  height: 50px; }
  @media (max-width: 480px) {
    .application-bottom-summary {
      height: 15.625vw ; } }
  .application-bottom-summary__table {
    width: 100%;
    height: auto; }
    .application-bottom-summary__table tbody tr {
      width: 100%;
      font-size: 14px; }
      .application-bottom-summary__table tbody tr td {
        text-align: right; }
        .application-bottom-summary__table tbody tr td span.application-bottom-summary__text {
          font-size: 16px;
          float: left; }
          @media (min-width: 768px) {
            .application-bottom-summary__table tbody tr td span.application-bottom-summary__text {
              font-size: 28px; } }
        .application-bottom-summary__table tbody tr td span.icon-size-chevron {
          font-size: 20px; }
          @media (min-width: 768px) {
            .application-bottom-summary__table tbody tr td span.icon-size-chevron {
              font-size: 35px; } }

.application-float-right-icon-and-text {
  float: right;
  line-height: 20px;
  font-size: 16px; }
  .application-float-right-icon-and-text__icon {
    margin-right: 5px;
    position: relative;
    top: 1px; }
  .application-float-right-icon-and-text__textSpan {
    line-height: 22px; }

.application-save-more-anchor {
  color: #F68835; }
  .application-save-more-anchor td {
    vertical-align: bottom; }
  .application-save-more-anchor img {
    width: 100px; }
  .application-save-more-anchor__text {
    color: #F2A43D;
    font-size: 30px;
    font-weight: bolder;
    float: left; }

.application-skip-link {
  z-index: 19; }
  @media (max-width: 767px) {
    .application-skip-link {
      position: fixed;
      left: 15px;
      bottom: 130px;
      width: 100%;
      padding: 5px 0;
      font-size: 16px;
      background-color: #F3F2EE; } }
  @media (max-width: 767px) and (max-width: 480px) {
    .application-skip-link {
      bottom: 40.625vw ; } }
  @media (max-width: 767px) and (max-width: 480px) {
    .application-skip-link {
      font-size: 5vw ; } }
  .application-skip-link__aTag {
    height: 45px; }
  .application-skip-link .application-skip-link--aTag {
    color: #77AA43;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    float: left; }
    @media (min-width: 992px) {
      .application-skip-link .application-skip-link--aTag {
        float: right;
        margin-right: 15px; } }
  .application-skip-link__arrow {
    color: #77AA43;
    background: none; }
    .application-skip-link__arrow a {
      text-decoration: none;
      color: #77aa43; }
      .application-skip-link__arrow a:hover {
        text-decoration: underline; }

@media (min-width: 768px) and (max-width: 991px) {
  .cgg-tablet-portrait-span {
    float: right;
    margin-right: 0; } }

.cgg-promotion-info {
  color: red; }
  .cgg-promotion-info .info-up-half {
    border-bottom: 1px solid #e7e6e2;
    padding: 30px 30px 15px 30px;
    margin-bottom: 25px; }
    .cgg-promotion-info .info-up-half .title-up-half {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 20px;
      color: #312F2D; }
    .cgg-promotion-info .info-up-half .text-up-half {
      margin-bottom: 25px; }
  .cgg-promotion-info .info-down-half .text-down-half {
    margin-bottom: 0; }
  .cgg-promotion-info .customer-promise-icon {
    width: 140px;
    height: 140px;
    float: right; }
  .cgg-promotion-info .promotion-pros {
    margin-bottom: 10px; }
    .cgg-promotion-info .promotion-pros .same-line-container {
      width: 100%;
      display: inline-block; }
      .cgg-promotion-info .promotion-pros .same-line-container i {
        vertical-align: middle;
        float: left; }
      .cgg-promotion-info .promotion-pros .same-line-container span {
        width: calc(100% - 30px);
        display: inline-block; }
  .cgg-promotion-info .m-cgg {
    color: #312F2D;
    margin-right: 3px;
    font-size: 1.4em; }

.cgg-promotion-info__cgg-tile-item-container {
  min-height: 60px;
  max-height: 60px; }
  .cgg-promotion-info__cgg-tile-item-container .cgg-table {
    display: table; }
  .cgg-promotion-info__cgg-tile-item-container .cgg-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .cgg-promotion-info__cgg-tile-item-container .cgg-tile-item {
    width: 100%;
    background-color: white;
    min-height: 50px; }
  .cgg-promotion-info__cgg-tile-item-container .icon {
    font-size: 3em; }
  .cgg-promotion-info__cgg-tile-item-container img {
    max-width: 100%;
    width: 100%; }

.ci-info-box {
  background: #fff;
  color: #312f2e;
  -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
  -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
  box-shadow: 5px 5px 0 1px #e7e6e2; }
  .ci-info-box__header {
    margin-bottom: 10px;
    font-weight: bold; }
    .ci-info-box__header-text {
      float: left; }
    .ci-info-box__header-edit {
      float: right;
      text-decoration: none;
      position: relative; }
      .ci-info-box__header-edit-icon {
        color: #77AA43;
        position: absolute;
        left: -12px; }
  .ci-info-box .info_up_half {
    border-bottom: 1px solid #e7e6e2;
    padding: 30px 30px 15px;
    margin-bottom: 1em; }
    .ci-info-box .info_up_half .info_up_half--title {
      font-weight: bold;
      font-size: 18px; }
  .ci-info-box .info_down_half {
    padding: 0 2em 1em;
    min-height: 48px; }
    .ci-info-box .info_down_half .cgg-row {
      margin-bottom: 10px; }
  .ci-info-box img {
    max-width: 100px;
    margin-bottom: 10px; }
  .ci-info-box .text-bold {
    font-weight: bold; }
  .ci-info-box .text-black {
    color: #312F2D; }
  .ci-info-box .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis; }
  .ci-info-box .info_link_style:hover i,
  .ci-info-box .info_link_style:hover a {
    color: #85b256; }
  .ci-info-box .info_link_style i {
    color: #979290; }
  .ci-info-box .info_link_style a {
    color: #979290;
    text-decoration: none !important;
    cursor: pointer;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
  .ci-info-box .pl-icon-style {
    color: #979290;
    position: absolute;
    left: -5px; }
  .ci-info-box .pl-icon-style-no-label {
    color: #979290;
    left: -5px; }
  .ci-info-box .info_link_style:hover {
    color: #85b256; }
  .ci-info-box .ci-info-box__selectedLink.ci-info-box__selectedLink {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #85b256; }
  .ci-info-box .ci-info-box__isNotStep {
    color: #979290;
    text-decoration: none !important; }
  .ci-info-box.one-page-funnel {
    background: none;
    color: #979290;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .ci-info-box.one-page-funnel .info_up_half {
      display: none; }
    .ci-info-box.one-page-funnel .info_down_half {
      padding: 0; }
      .ci-info-box.one-page-funnel .info_down_half .cgg-row {
        -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
        -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
        box-shadow: 5px 5px 0 1px #e7e6e2;
        margin: 0 0 15px;
        background: #fff;
        padding: 10px 15px;
        position: relative;
        font-size: 15px; }
        .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style:hover {
          color: #979290; }
          .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style:hover i {
            color: #979290; }
        .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style .m-cgg-icon--chevron-right {
          background: none;
          margin-left: 8px; }
        .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a {
          display: inline-block;
          color: #312f2e;
          font-weight: 500;
          font-size: 14px;
          overflow: inherit; }
          .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a span {
            position: relative;
            top: 5px;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 140px;
            overflow: hidden;
            display: block; }
          .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a .edit-icon {
            position: absolute;
            right: 5px;
            top: 2px; }
            .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a .edit-icon .m-cgg-icon--edit {
              color: #cccbc8;
              font-size: 14px; }
          .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a:hover {
            color: #85b256; }
            .ci-info-box.one-page-funnel .info_down_half .cgg-row .info_link_style a:hover .m-cgg-icon--edit {
              color: #85b256; }
      .ci-info-box.one-page-funnel .info_down_half.sticky {
        background: #f3f2ee;
        position: fixed;
        top: 0;
        z-index: 100;
        width: 320px; }
        @media (min-width: 1300px) {
          .ci-info-box.one-page-funnel .info_down_half.sticky {
            width: 390px; } }
        .ci-info-box.one-page-funnel .info_down_half.sticky .cgg-row {
          margin: 15px 0 0; }

.cgg-overlay {
  background-color: #312F2D;
  opacity: 0.6;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100; }

.animate-show {
  line-height: 20px;
  opacity: 1;
  padding: 10px;
  background: white; }
  @media (max-width: 480px) {
    .animate-show {
      line-height: 6.25vw ; } }
  .animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -webkit-transition: all linear 0.5s; }
  .animate-show.ng-hide {
    line-height: 0;
    opacity: 0;
    padding: 0 10px; }

.check-element {
  padding: 10px;
  border: 1px solid black;
  background: white; }

.cgg-step-info-mobile {
  z-index: 101;
  position: absolute;
  height: 100vh;
  top: 0;
  overflow: scroll;
  bottom: 0px;
  width: 100%;
  left: 0;
  background: #f3f2ee;
  color: #312f2e;
  -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
  -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
  box-shadow: 5px 5px 0 1px #e7e6e2; }
  .cgg-step-info-mobile .info_up_half {
    padding: 15px; }
    .cgg-step-info-mobile .info_up_half .info_up_half--title {
      width: 100%;
      color: #77AA43;
      font-weight: bold;
      font-size: 18px; }
      @media (max-width: 480px) {
        .cgg-step-info-mobile .info_up_half .info_up_half--title {
          font-size: 5.625vw ; } }
  .cgg-step-info-mobile .info_down_half {
    padding: 15px 15px 40px; }
    .cgg-step-info-mobile .info_down_half--label {
      color: #312F2D;
      font-size: 14px;
      line-height: 22px; }
      @media (max-width: 480px) {
        .cgg-step-info-mobile .info_down_half--label {
          font-size: 4.375vw ;
          line-height: 6.875vw ; } }
    .cgg-step-info-mobile .info_down_half--link {
      font-size: 14px;
      color: #96918F;
      line-height: 22px; }
      @media (max-width: 480px) {
        .cgg-step-info-mobile .info_down_half--link {
          line-height: 6.875vw ;
          font-size: 4.375vw ; } }
    .cgg-step-info-mobile .info_down_half--arrow {
      background: none; }
    .cgg-step-info-mobile .info_down_half--span {
      font-size: 14px;
      color: #96918F;
      line-height: 22px; }
      @media (max-width: 480px) {
        .cgg-step-info-mobile .info_down_half--span {
          font-size: 4.375vw ;
          line-height: 6.875vw ; } }
    .cgg-step-info-mobile .info_down_half .cgg-row {
      margin-bottom: 10px; }
    .cgg-step-info-mobile .info_down_half__header {
      margin-bottom: 10px;
      font-weight: bold; }
      .cgg-step-info-mobile .info_down_half__header-text {
        float: left; }
      .cgg-step-info-mobile .info_down_half__header-edit {
        float: right;
        text-decoration: none;
        position: relative; }
        .cgg-step-info-mobile .info_down_half__header-edit-icon {
          color: #77AA43;
          position: absolute;
          left: -12px;
          background: #f3f2ee; }
  .cgg-step-info-mobile img {
    max-width: 100px;
    margin-bottom: 10px; }
  .cgg-step-info-mobile .text-bold {
    font-weight: bold; }
  .cgg-step-info-mobile .text-black {
    color: #312F2D; }
  .cgg-step-info-mobile .info_link_style:hover i,
  .cgg-step-info-mobile .info_link_style:hover a {
    color: #85b256; }
  .cgg-step-info-mobile .info_link_style i {
    color: #979290; }
  .cgg-step-info-mobile .info_link_style a {
    color: #979290;
    text-decoration: none !important;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
  .cgg-step-info-mobile .info_isNotStep_style .info_down_half--span {
    color: #979290;
    text-decoration: none !important; }
  .cgg-step-info-mobile .pl-icon-style {
    color: #979290;
    position: absolute;
    left: -10px;
    font-size: 8.4px;
    padding-top: 6px; }
    @media (max-width: 480px) {
      .cgg-step-info-mobile .pl-icon-style {
        left: -3.125vw ;
        font-size: 2.625vw ;
        padding-top: 1.875vw ; } }
  .cgg-step-info-mobile .pl-icon-style-no-label {
    color: #979290;
    left: -10px;
    font-size: 8.4px;
    padding-top: 6px; }
    @media (max-width: 480px) {
      .cgg-step-info-mobile .pl-icon-style-no-label {
        left: -3.125vw ;
        font-size: 2.625vw ;
        padding-top: 1.875vw ; } }
  .cgg-step-info-mobile .info_link_style:hover {
    color: #85b256; }
  .cgg-step-info-mobile .ci-info-box__selectedLink {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #85b256 !important; }
  .cgg-step-info-mobile.one-page-funnel .info_down_half {
    padding: 0; }
    .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row {
      margin: 0 0 15px;
      padding: 0 5px;
      position: relative;
      font-size: 15px; }
      .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style .m-cgg-icon--chevron-right {
        background: none;
        margin-left: 8px; }
      .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a {
        display: inline-block;
        color: #312f2e;
        font-weight: 500;
        font-size: 14px;
        overflow: inherit; }
        .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a span {
          position: relative;
          top: 5px;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 140px;
          overflow: hidden;
          display: block; }
        .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a .edit-icon {
          position: absolute;
          right: 12px;
          top: 4px; }
          .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a .edit-icon .m-cgg-icon--edit {
            color: #cccbc8;
            font-size: 14px; }
        .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a:hover {
          color: #85b256; }
          .cgg-step-info-mobile.one-page-funnel .info_down_half .cgg-row .info_link_style a:hover .m-cgg-icon--edit {
            color: #85b256; }

.cgg-group-button {
  margin-top: 1.5em; }
  .cgg-group-button .go-back-button {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: #fff;
    height: 60px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #979290 !important;
    display: block;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #cccbc8;
    border-top-color: #cccbc8;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #cccbc8;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #cccbc8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #cccbc8;
    border-left-style: solid;
    border-left-width: 1px;
    -webkit-box-shadow: inset 0 -5px 0 0 #f3f2ee;
    -moz-box-shadow: inset 0 -5px 0 0 #f3f2ee;
    box-shadow: inset 0 -5px 0 0 #f3f2ee;
    padding: 12px 20px; }
    .cgg-group-button .go-back-button:hover {
      background: #eee; }
    @media (min-width: 767px) {
      .cgg-group-button .go-back-button {
        min-width: 210px; } }
    .cgg-group-button .go-back-button:focus, .cgg-group-button .go-back-button:active {
      outline: none; }
  .cgg-group-button .group-button__loading-image {
    margin-left: 5px;
    width: 24px;
    position: relative;
    bottom: 2px; }
  .cgg-group-button .loading-container {
    height: 45px; }
    .cgg-group-button .loading-container .m-cgg-icon--chevron-right {
      display: none; }
  .cgg-group-button .continue-button {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    float: right;
    height: 60px;
    background: #f08227;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff !important;
    display: block;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 5px solid #e45f2c;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #e45f2c;
    border-top: 1px solid #f08227;
    border-left: 1px solid #f08227;
    border-right: 1px solid #f08227;
    padding: 12px 20px;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .cgg-group-button .continue-button {
        width: 100%; } }
    @media (min-width: 767px) {
      .cgg-group-button .continue-button {
        min-width: 210px; } }
    .cgg-group-button .continue-button:focus, .cgg-group-button .continue-button:active {
      outline: none; }
    .cgg-group-button .continue-button.disabled {
      cursor: not-allowed;
      opacity: 0.50;
      filter: alpha(opacity=50);
      -webkit-box-shadow: none;
      box-shadow: none; }
    .cgg-group-button .continue-button .m-cgg-icon--chevron-right {
      width: 17px;
      height: 17px;
      padding: 3px 0 0 0;
      margin-left: 8px; }

.one-step .application-skip-link {
  display: none; }

@media (max-width: 480px) {
  .one-step .cgg-bottom-button-container {
    bottom: 0; } }

.cgg-bottom-button-container {
  width: 100%;
  position: fixed;
  bottom: 50px;
  left: 0;
  z-index: 10; }
  @media (max-width: 480px) {
    .cgg-bottom-button-container {
      bottom: 15.625vw ; } }
  .cgg-bottom-button-container--disabled {
    background-color: #F2BA8A; }
  .cgg-bottom-button-container--button {
    margin-bottom: 0;
    height: 80px; }
    @media (max-width: 480px) {
      .cgg-bottom-button-container--button {
        height: 25vw ; } }
  .cgg-bottom-button-container .topNextStyle {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: 22px; }
    @media (max-width: 480px) {
      .cgg-bottom-button-container .topNextStyle {
        font-size: 14px;
        font-size: 4.375vw ; } }

@media (max-width: 480px) {
  .icon-size-chevron {
    font-size: 20px;
    font-size: 6.25vw ; } }

.cgg-one-page-funnel {
  clear: both;
  position: relative;
  padding-bottom: 20px; }
  @media (min-width: 767px) {
    .cgg-one-page-funnel {
      padding-bottom: 50px;
      margin-top: -50px; } }
  .cgg-one-page-funnel:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #cccac7;
    width: 90%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (min-width: 767px) {
      .cgg-one-page-funnel:before {
        margin-top: 50px;
        width: 95%; } }
  .cgg-one-page-funnel:first-child:before {
    border-bottom: none; }
  .cgg-one-page-funnel .cgg-headline-description__table {
    padding-top: 30px;
    margin-top: 0;
    border-collapse: inherit;
    /* border-top: 1px solid #cccac7 */ }
    @media (min-width: 767px) {
      .cgg-one-page-funnel .cgg-headline-description__table {
        padding-top: 80px; } }
  .cgg-one-page-funnel:first-of-type .cgg-headline-description__table {
    padding-top: 0; }
    @media (min-width: 767px) {
      .cgg-one-page-funnel:first-of-type .cgg-headline-description__table {
        padding-top: 60px; } }
  @media (min-width: 998px) {
    .cgg-one-page-funnel .cgg-fix-height {
      height: 123px; } }
  .cgg-one-page-funnel .first-headline .cgg-headline-description__table {
    border-top: none;
    margin-top: 0;
    padding: 0; }

.cgg-borrow-money {
  font-size: 16px; }
  @media (max-width: 767px) {
    .cgg-borrow-money {
      font-size: 16px;
      font-size: 5vw ;
      display: table; } }
  @media (min-width: 767px) {
    .cgg-borrow-money__leftRow, .cgg-borrow-money__rightRow {
      display: table-cell; } }
  @media (min-width: 767px) {
    .cgg-borrow-money__leftRow.have-hint, .cgg-borrow-money__rightRow.have-hint {
      float: none; } }
  .cgg-borrow-money__time {
    width: 50%;
    padding-right: 10px;
    display: table-cell; }
    @media (min-width: 767px) {
      .cgg-borrow-money__time {
        width: 27%;
        vertical-align: middle; } }
  .cgg-borrow-money__timeUnit {
    width: 50%;
    display: table-cell; }
    @media (min-width: 767px) {
      .cgg-borrow-money__timeUnit {
        width: 50%; } }
  .cgg-borrow-money .cgg-number-input__container {
    position: relative; }
  .cgg-borrow-money .cgg-number-input .valid-tick {
    right: 20px; }

@media (max-width: 767px) {
  .borrow-money-timeUnitOptions .cgg-dropdown .selection-label {
    font-size: 16px;
    font-size: 5vw ; } }

.hintRightInner {
  display: table;
  width: 100%; }

.cgg-headline-description__description {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px; }
  @media (max-height: 767px) {
    .cgg-headline-description__description {
      font-size: 14px;
      margin-bottom: 0px; } }

.cgg-headline-description__table {
  width: 100%;
  margin-top: 3px; }

.cgg-headline-description__headline {
  color: #056f9d;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .cgg-headline-description__headline {
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 20px; } }

.cgg-headline-description__mobileView {
  vertical-align: top; }

.cgg-headline-description__hidden {
  height: 1px; }

.slide-container .hint-container {
  background-color: #fdf59a;
  color: #312F2D;
  font-size: 12px;
  font-size: 3.75vw ;
  padding: 10px; }

.cgg-headline-description-table {
  width: 100%;
  margin-top: 3px; }

.cgg-headline-description__headline {
  color: #056f9d;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .cgg-headline-description__headline {
      line-height: 22px;
      line-height: 6.875vw ;
      font-size: 18px;
      font-size: 5.625vw ;
      margin-bottom: 20px; } }
  .cgg-headline-description__headline-secondary {
    color: #4f4f4f;
    margin: 10px 0 10px -3px;
    font-size: 28px; }
    @media (max-width: 767px) {
      .cgg-headline-description__headline-secondary {
        font-size: 20px;
        margin-left: -2px; } }

.cgg-headline-description__description {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .cgg-headline-description__description {
      font-size: 14px;
      font-size: 4.375vw ;
      margin-bottom: 10px; } }
  .cgg-headline-description__description-secondary {
    font-size: 16px;
    font-weight: normal; }
    @media (max-width: 767px) {
      .cgg-headline-description__description-secondary {
        font-size: 13px; } }

.hint-icon {
  color: #77AA43;
  cursor: pointer;
  font-size: 16px;
  float: right;
  position: relative;
  top: 3px; }
  .hint-icon .m-cgg-icon--close:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-color: #fdf59a;
    border-width: 8px;
    position: absolute;
    top: -9px;
    left: 0; }

.head-line-connect-user .cgg-headline-description__description {
  margin-bottom: 10px; }

.head-line-connect-user .headline-context {
  font-size: 16px;
  padding: 0px;
  list-style: none; }
  @media (max-width: 991px) {
    .head-line-connect-user .headline-context {
      font-size: 3.4vw; } }
  .head-line-connect-user .headline-context .m-cgg {
    color: #77AA43; }

@media (min-width: 767px) {
  .cgg-multiple-input-and-duration__inputRow {
    float: none;
    display: table;
    width: 50%;
    padding-left: 0px;
    padding-right: 0px; } }

.cgg-multiple-input-and-duration__time {
  width: 30%;
  padding-right: 10px;
  vertical-align: middle;
  display: table-cell; }
  @media (min-width: 767px) {
    .cgg-multiple-input-and-duration__time {
      width: 30%; } }

.cgg-multiple-input-and-duration__timeUnit {
  width: 70%;
  display: table-cell; }
  @media (min-width: 767px) {
    .cgg-multiple-input-and-duration__timeUnit {
      width: 70%; } }

@media (min-width: 767px) {
  .cgg-platenumber .not-your-car {
    padding-top: 10px; } }

.cgg-platenumber a {
  color: #77AA43;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer; }

.cgg-platenumber .cgg-input-mobile {
  margin-top: 0; }

.cgg-platenumber .cgg-global-input--error-notification {
  margin: 0 15px 15px; }
  @media (max-width: 767px) {
    .cgg-platenumber .cgg-global-input--error-notification {
      color: #FF543F;
      font-size: 14px; } }

.cgg-user-fogot .cgg-hide,
.cgg-user-connect .cgg-hide {
  display: none !important; }

.cgg-user-fogot .divider-mob,
.cgg-user-connect .divider-mob {
  text-align: center;
  border-bottom: 1px solid #96918f;
  line-height: 0.1em;
  margin: 10px 15px; }
  .cgg-user-fogot .divider-mob .div-txt,
  .cgg-user-connect .divider-mob .div-txt {
    background: #F3F2EE;
    padding: 0 10px;
    font-size: 1.2em;
    text-transform: uppercase; }

.cgg-user-fogot .divider,
.cgg-user-connect .divider {
  position: absolute;
  left: 50%;
  top: 0%;
  bottom: 0%;
  border-left: 1px solid #96918f;
  min-height: 250px; }
  .cgg-user-fogot .divider .div-txt,
  .cgg-user-connect .divider .div-txt {
    text-align: center;
    vertical-align: middle;
    background: #F3F2EE;
    padding: 10px;
    right: 50%;
    position: relative;
    top: 50%;
    text-transform: uppercase; }

.cgg-user-fogot .fb-login-box,
.cgg-user-connect .fb-login-box {
  float: none;
  width: 100%;
  padding: 15px; }
  @media (min-width: 998px) {
    .cgg-user-fogot .fb-login-box,
    .cgg-user-connect .fb-login-box {
      float: left;
      width: 50%;
      padding: 15px 30px 15px 15px; } }
  @media (min-width: 767px) {
    .cgg-user-fogot .fb-login-box,
    .cgg-user-connect .fb-login-box {
      float: left;
      width: 50%;
      padding: 15px 30px 15px 15px; } }
  .cgg-user-fogot .fb-login-box .fb-link,
  .cgg-user-connect .fb-login-box .fb-link {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    background: #3B5998;
    border: 1px solid #294377;
    border-radius: 3px;
    box-shadow: 0px 5px #294377;
    height: 46px;
    padding: 12px 12px 12px 0px;
    display: block;
    margin: 0px 0px 10px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .cgg-user-fogot .fb-login-box .fb-link .button-ico,
    .cgg-user-connect .fb-login-box .fb-link .button-ico {
      float: left;
      padding: 0px 0px 0px 5px;
      width: 17%;
      font-size: 40px;
      position: relative;
      top: -10px; }
    .cgg-user-fogot .fb-login-box .fb-link .button-text,
    .cgg-user-connect .fb-login-box .fb-link .button-text {
      font-size: 1.2em; }

.cgg-user-fogot .email-login-box,
.cgg-user-connect .email-login-box {
  float: none;
  width: 100%;
  padding: 15px; }
  @media (min-width: 998px) {
    .cgg-user-fogot .email-login-box,
    .cgg-user-connect .email-login-box {
      float: left;
      width: 50%;
      padding: 15px 15px 15px 30px; } }
  @media (min-width: 767px) {
    .cgg-user-fogot .email-login-box,
    .cgg-user-connect .email-login-box {
      float: left;
      width: 50%;
      padding: 15px 15px 15px 30px; } }

@media (max-width: 768px) {
  .cgg-user-fogot .cgg-global-input::placeholder,
  .cgg-user-fogot .cgg-global-input::-webkit-input-placeholder,
  .cgg-user-connect .cgg-global-input::placeholder,
  .cgg-user-connect .cgg-global-input::-webkit-input-placeholder {
    color: transparent; } }

.cgg-user-fogot .cgg-global-input,
.cgg-user-connect .cgg-global-input {
  padding: 10px 10px 10px 0px;
  display: block;
  border: none;
  border-bottom: 1px solid #96918f;
  height: 30px;
  margin-bottom: 10px;
  background: #F3F2EE;
  border-radius: 0px; }
  @media (min-width: 998px) {
    .cgg-user-fogot .cgg-global-input,
    .cgg-user-connect .cgg-global-input {
      padding: 10px;
      background: #fff;
      border-radius: 3px;
      height: 50px;
      border: 1px solid #96918f; } }
  @media (min-width: 767px) {
    .cgg-user-fogot .cgg-global-input,
    .cgg-user-connect .cgg-global-input {
      padding: 10px;
      background: #fff;
      border-radius: 3px;
      height: 50px;
      border: 1px solid #96918f; } }

@media (max-width: 768px) {
  .cgg-user-fogot .cgg-global-input:focus,
  .cgg-user-connect .cgg-global-input:focus {
    outline: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #96918f !important;
    box-shadow: none !important; } }

.cgg-user-fogot .cgg-global-input-label,
.cgg-user-connect .cgg-global-input-label {
  color: #96918f;
  font-size: 1.3em;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.cgg-user-fogot .cgg-global-input:focus ~ .cgg-global-input-label,
.cgg-user-fogot .cgg-global-input:not([value=""]) ~ .cgg-global-input-label,
.cgg-user-connect .cgg-global-input:focus ~ .cgg-global-input-label,
.cgg-user-connect .cgg-global-input:not([value=""]) ~ .cgg-global-input-label {
  top: -20px;
  font-size: 1.3em; }

@media (max-width: 768px) {
  .cgg-user-fogot .group,
  .cgg-user-connect .group {
    position: relative; } }

@media (max-width: 768px) {
  .cgg-user-fogot .group:nth-child(1),
  .cgg-user-connect .group:nth-child(1) {
    margin: 20px 0px 25px 0px; } }

.cgg-user-fogot .ciab-btn,
.cgg-user-connect .ciab-btn {
  font-size: 1.4em; }

.cgg-user-fogot .cgg-form-loading .ciab-btn,
.cgg-user-connect .cgg-form-loading .ciab-btn {
  text-indent: -90009px;
  text-align: left;
  background-image: url("http://assets.ciab.compareglobal.co.uk/assets/loading-alt.gif");
  background-repeat: no-repeat;
  background-position: 50%; }

.cgg-user-fogot .header,
.cgg-user-connect .header {
  font-weight: bold;
  font-size: 1.2em; }

.cgg-user-fogot .header.login,
.cgg-user-connect .header.login {
  color: #056F9D; }

.cgg-user-fogot .form-text p.terms,
.cgg-user-connect .form-text p.terms {
  font-size: 1.1em;
  margin-bottom: 5px; }

.cgg-user-fogot .form-text p.account,
.cgg-user-connect .form-text p.account {
  margin: 20px auto 0px auto;
  text-align: center; }
  .cgg-user-fogot .form-text p.account a,
  .cgg-user-fogot .form-text p.account a:hover,
  .cgg-user-connect .form-text p.account a,
  .cgg-user-connect .form-text p.account a:hover {
    text-decoration: none;
    font-weight: 600;
    color: #77AA43; }

.cgg-user-fogot .form-text p.account.bottom,
.cgg-user-connect .form-text p.account.bottom {
  margin: 0px auto 0px auto; }

.cgg-user-fogot .cgg-error .cgg-global-input,
.cgg-user-connect .cgg-error .cgg-global-input {
  border-bottom: 1px solid #FF533F; }
  @media (min-width: 998px) {
    .cgg-user-fogot .cgg-error .cgg-global-input,
    .cgg-user-connect .cgg-error .cgg-global-input {
      border: 1px solid #FF533F; } }
  @media (min-width: 767px) {
    .cgg-user-fogot .cgg-error .cgg-global-input,
    .cgg-user-connect .cgg-error .cgg-global-input {
      border: 1px solid #FF533F; } }

.cgg-user-fogot .cgg-error .cgg-global-input-label,
.cgg-user-connect .cgg-error .cgg-global-input-label {
  color: #FF533F; }

@media (max-width: 768px) {
  .cgg-user-fogot .email-forgot-box .cgg-global-input,
  .cgg-user-connect .email-forgot-box .cgg-global-input {
    background: #fff; } }

@media (max-width: 768px) {
  .cgg-user-fogot .email-forgot-box .group,
  .cgg-user-connect .email-forgot-box .group {
    margin: 15px 0px !important; } }

@media (min-width: 998px) {
  .user-forgot .modal-dialog.modal-sm {
    width: 360px; } }

@media (min-width: 767px) {
  .user-forgot .modal-dialog.modal-sm {
    width: 360px; } }

.cgg-user-fogot {
  padding: 15px 25px 15px 25px; }
  .cgg-user-fogot .forgot-close {
    font-size: 3em;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: absolute;
    right: 10px;
    top: 0px; }
  .cgg-user-fogot .main-head {
    color: #056F9D;
    margin-top: 15px; }
  .cgg-user-fogot .main-sub {
    font-size: 1.2em; }

@media (min-width: 767px) {
  .cgg-dob-appendable {
    margin-bottom: 15px; } }

@media (min-width: 767px) {
  .cgg-dob-appendable__left {
    padding-right: 5px; } }

.cgg-dob-appendable__left label {
  font-size: 18px;
  padding: 18px 0px;
  display: inline-block;
  font-weight: 700; }
  @media (max-width: 767px) {
    .cgg-dob-appendable__left label {
      font-size: 12px;
      display: inline-block;
      padding: 5px 0;
      font-weight: normal; } }

@media (min-width: 767px) {
  .cgg-dob-appendable__right {
    padding: 0 15px 0 5px; } }

.cgg-dob-appendable__datepicker {
  width: 80%;
  float: left; }
  .cgg-dob-appendable__datepicker-full {
    width: 100%; }
  .cgg-dob-appendable__datepicker .cgg-global-input--error {
    border-color: #cccac7 !important;
    outline: 1px solid transparent !important;
    box-shadow: unset !important; }
    .cgg-dob-appendable__datepicker .cgg-global-input--error-notification span.m-cgg {
      display: none; }
  .cgg-dob-appendable__datepicker .cgg-input-mobile .error-msg {
    display: none !important; }
  .cgg-dob-appendable__datepicker .cgg-input-mobile input.error {
    border-color: #9e9e9e; }

.cgg-dob-appendable__remove {
  border: 1px solid #cccac7;
  display: inline-block;
  background-color: #dedcd9;
  text-align: center;
  padding: 6px 6px 4px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  float: right;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s; }
  @media (max-width: 767px) {
    .cgg-dob-appendable__remove {
      position: absolute;
      right: 1em;
      top: -7px; } }
  @media (min-width: 767px) {
    .cgg-dob-appendable__remove {
      height: 60px;
      width: 18%;
      padding: 14px;
      font-size: 30px; } }
  .cgg-dob-appendable__remove span {
    display: inline-block; }
  .cgg-dob-appendable__remove:hover {
    background-color: #99bf72; }

.cgg-dob-appendable__add {
  background: #99bf72;
  border: none;
  outline: none;
  color: #fff;
  padding: 10px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  margin-bottom: 1.5em;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s; }
  @media (max-width: 767px) {
    .cgg-dob-appendable__add {
      margin-top: 1em;
      font-size: 16px;
      width: 100%; } }
  .cgg-dob-appendable__add .m-cgg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(90deg);
    transform: rotate(45deg);
    display: inline-block; }
  .cgg-dob-appendable__add:hover {
    background: #77AA43; }

.cgg-dob-appendable .cgg-datepicker {
  margin-bottom: 15px; }

.cgg-dob-appendable .cgg-global-input--error-notification {
  float: none !important; }

.cgg-dob-range__header {
  font-size: 20px;
  font-weight: 700; }
  @media (max-width: 767px) {
    .cgg-dob-range__header {
      font-size: 12px;
      font-weight: normal;
      margin: 5px 0;
      display: block; } }

.cgg-dob-range__to {
  padding-top: 20px; }

.cgg-dob-range__diff {
  padding-top: 20px;
  font-size: 20px;
  display: inline-block; }
  @media (max-width: 767px) {
    .cgg-dob-range__diff {
      font-size: 14px; } }

.cgg-dropdown-api-nestable .cgg-input-mobile .error-msg {
  display: none; }

.funnel-page--actionArea.sticky {
  position: fixed;
  bottom: -1px;
  background-color: #F3F2EE;
  z-index: 1; }
  .funnel-page--actionArea.sticky:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background-image: -moz-radial-gradient(50% 0%, 50% 100%, #cccccc 0%, rgba(204, 204, 204, 0) 100%);
    background-image: radial-gradient(50% 100% at 50% 0%, #dedede 0%, rgba(204, 204, 204, 0) 100%);
    top: -8px;
    transform: rotate(-180deg);
    left: 0; }
  .funnel-page--actionArea.sticky .save-more-anchor {
    display: none; }

.cgg-checkbox-funnel-slim .cgg-checkbox {
  margin: 10px 0 20px; }

.funnel-page__step-container {
  height: 100%;
  width: 100%;
  margin-bottom: 45px;
  margin-top: 50px;
  clear: both; }
  @media (max-width: 767px) {
    .funnel-page__step-container {
      margin-top: 0; } }

.lastStepDisclaimer {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  margin-left: 0;
  padding-left: 0;
  float: none; }
  @media (max-width: 767px) {
    .lastStepDisclaimer {
      font-weight: normal;
      margin-bottom: 200px; } }
  .lastStepDisclaimer ul {
    padding-left: 10px; }

@media (min-width: 768px) and (max-width: 991px) {
  .cgg-tablet-portrait {
    right: -5000px;
    position: fixed;
    z-index: 51;
    background: #f3f2ee;
    border-left: solid 1px;
    padding: 5px 10px !important;
    overflow-y: scroll;
    width: 40%;
    transition: right 0.5s linear;
    -o-transition: right 0.5s linear;
    -ms-transition: right 0.5s linear;
    -moz-transition: right 0.5s linear;
    -webkit-transition: right 0.5s linear;
    top: 0;
    height: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .tablet-sidebar-open {
    right: 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .cgg-tablet-portrait-col-12 {
    width: 100%; } }

.cgg-tablet-portrait-close {
  display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    .cgg-tablet-portrait-close {
      display: block;
      font-size: 18px;
      font-weight: bold;
      padding: 10px;
      color: #77AA43;
      bottom: 0;
      position: absolute;
      width: 100%;
      padding: 10px 20px;
      background: white;
      margin-left: -10px; } }

.dark-template {
  background-color: black;
  opacity: 0.7;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 10; }

.cgg-tablet-portrait-summary {
  display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    .cgg-tablet-portrait-summary {
      display: block;
      font-size: 18px;
      font-weight: bold;
      float: right;
      position: fixed;
      bottom: 0;
      right: 0;
      padding: 10px 20px;
      height: 45px;
      background-color: white;
      color: #77AA43;
      width: 40%;
      z-index: 5; } }

/* For Android Phone Size */
@media (max-width: 543px) {
  .funnel-page-container.keyboardOn .cgg-left-container {
    padding-bottom: 0 !important; } }

.funnel-page-container.keyboardOn .funnel-page__step-container {
  margin-bottom: 0; }

.funnel-page-container.keyboardOn .application-skip-link {
  position: absolute; }

@media (max-width: 543px) {
  .funnel-page-container.keyboardOn .cgg-bottom-button-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: initial; } }

@media (max-width: 543px) {
  .funnel-page-container.keyboardOn .application-bottom-summary {
    position: absolute;
    left: 0;
    right: 0;
    bottom: initial;
    margin-top: 25vw;
    margin-bottom: 0; } }

.show-on-mobile {
  display: block !important; }
  .show-on-mobile .cgg-hint__header label.cgg-label {
    color: #4f4f4f; }

@media (max-width: 767px) {
  .cgg-hint {
    display: none; } }

.cgg-hint__header {
  height: 29px; }
  .cgg-hint__header label.cgg-label {
    font-size: 20px; }
    @media (max-width: 767px) {
      .cgg-hint__header label.cgg-label {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .cgg-hint__header label.cgg-label {
        color: #056F9D; } }
  .cgg-hint__header a.cgg-help {
    color: #98bf70; }
    .cgg-hint__header a.cgg-help:hover {
      color: #77AA43; }
  .cgg-hint__header .m-cgg-icon--close:after {
    border-bottom-color: #f5e398;
    top: 15px; }

.cgg-hint .cgg-notification-wrapper {
  background: #f5e398;
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #312F2E;
  width: 100%; }
  .cgg-hint .cgg-notification-wrapper_expanded {
    height: auto;
    padding: 25px 20px; }

.cgg-hint__label {
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .cgg-hint__label {
      font-size: 12px; } }

.cgg-checkbox {
  margin-top: 30px;
  position: relative; }

.cgg-dob-input--container {
  margin-bottom: 20px; }

.cgg-dob-input--unit {
  padding-right: 10px;
  margin-bottom: 0px;
  width: 33%;
  float: left; }
  .cgg-dob-input--unit .cgg-number-input {
    margin-bottom: 0px; }

.cgg-dropdown-mobile {
  margin: 1.5em 0; }

.cgg-input-mobile label {
  font-size: 14px;
  font-size: 4.3vw; }

.cgg-step-info-mobile .car-plate,
.cgg-right-container .car-plate {
  background: #ebeff7;
  position: absolute;
  right: 0; }
  .cgg-step-info-mobile .car-plate img,
  .cgg-right-container .car-plate img {
    height: 38px;
    margin: 0;
    vertical-align: middle; }
  .cgg-step-info-mobile .car-plate .car-plate_number,
  .cgg-right-container .car-plate .car-plate_number {
    font-size: 18px;
    vertical-align: middle;
    padding: 0 8px 0 5px;
    display: inline-block; }
    @media (max-width: 767px) {
      .cgg-step-info-mobile .car-plate .car-plate_number,
      .cgg-right-container .car-plate .car-plate_number {
        font-size: 5.625vw ; } }

@media (max-width: 767px) {
  .cgg-dob-input--unit .cgg-input-mobile {
    margin: 0; } }

.cgg-choice-mobile {
  margin: 0 0 1.2em; }

@media (max-width: 767px) {
  .car-variant.focus .ng-untouched {
    color: #FF533F;
    border-bottom: 1px solid #FF533F;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; } }

@media (min-width: 767px) {
  .ci-dob {
    padding-bottom: 20px; } }

.cgg-autocomplete__row {
  overflow: hidden;
  padding-bottom: 15px; }

.ci-headline {
  margin: 0 15px; }
  .ci-headline .cgg-headline-description__description {
    font-weight: 400;
    font-size: 16px; }

.ci-withTooltip a.cgg-help {
  margin: 0; }

@media (max-width: 767px) {
  .ci-union-hint label.cgg-label {
    padding-left: 0;
    margin-top: 10px; } }

.cgg-dropdown .select__container.error {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .cgg-dropdown__phone-label {
    margin: 19px 0 1px;
    margin: 5.9375vw  0 0.3125vw ; } }

@media (max-width: 767px) {
  .cgg-hint__header-style2 {
    height: auto; }
    .cgg-hint__header-style2 label.cgg-label {
      padding-left: 0 !important;
      font-size: 12px;
      font-weight: normal; } }

@media (max-width: 767px) {
  .cgg-hint .cgg-notification-wrapper {
    margin-bottom: 5px; } }

@media (max-width: 767px) {
  .dropdown-mobile-with-title .cgg-input-mobile {
    margin-bottom: 15px;
    margin-top: 0; } }

.cgg-agree-to-terms-text {
  display: inline-block;
  text-align: right;
  margin-top: 36px;
  line-height: 18px;
  float: right;
  padding-right: 16px; }

.cgg-input-text__row {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .cgg-input-text__row {
      margin-bottom: 24px; } }

.cgg-dropdown fieldset.select__container {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .cgg-dropdown fieldset.select__container {
      margin-bottom: 24px; } }

.cgg-global-labelform,
.cgg-global-descform {
  line-height: inherit; }

.cgg-switch-vertical {
  position: fixed;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  z-index: 999; }
  .cgg-switch-vertical--content h1 img {
    height: 150px; }

body {
  /*DO NOT CHANGE FONT SIZE*/
  font-size: 16px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
  background-color: #f3f2ee;
  overflow-x: hidden;
  color: #4f4f4f;
  -webkit-font-smoothing: antialiased; }

a {
  color: #77AA43; }

.text-right {
  text-align: right; }

.float-right {
  float: right; }

.padding-right-0 {
  padding-right: 0; }

.padding-left-0 {
  padding-left: 0; }

/*there are some css that might be used globally over different products*/
/*container for the contents*/
.cgg-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  padding-top: 0; }
  @media (min-width: 767px) {
    .cgg-container-fluid {
      max-width: 960px; } }
  @media (min-width: 1300px) {
    .cgg-container-fluid {
      max-width: 1170px; } }
  @media (max-width: 767px) {
    .cgg-container-fluid .cgg-left-container {
      padding-top: 25px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
      padding-bottom: 110px !important;
      padding-bottom: 34.375vw  !important; } }
  .cgg-container-fluid .cgg-right-container {
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0; }
  .cgg-container-fluid .cgg-left-container {
    padding: 50px 30px 50px 60px; }
  @media (max-width: 767px) {
    .cgg-container-fluid form {
      margin-bottom: 15px;
      margin-bottom: 4.6875vw ; } }

/*info box style*/
.cgg-info-box {
  background: #fff;
  color: #312f2e;
  margin-top: 20px;
  -webkit-box-shadow: 5px 5px 0 1px #e7e6e2;
  -moz-box-shadow: 5px 5px 0 1px #e7e6e2;
  box-shadow: 5px 5px 0 1px #e7e6e2; }
  .cgg-info-box .info-down-half {
    padding: 0 2em 1em; }
    .cgg-info-box .info-down-half .cgg-row {
      margin-top: 20px; }

.cgg-image-container.cgg-row,
.cgg-same-height-container.cgg-row {
  display: table; }

.cgg-image-container img,
.cgg-same-height-container img {
  max-width: 100%;
  max-height: 100%; }

.cgg-image-container div[class^="cgg-col-"],
.cgg-same-height-container div[class^="cgg-col-"] {
  padding: 20px;
  float: none;
  display: table-cell;
  vertical-align: top; }

.cgg-input {
  width: 100%;
  outline: none;
  padding: 0 10px;
  font-weight: normal;
  box-shadow: none !important; }
  @media (min-width: 768px) {
    .cgg-input {
      border: 1px solid #cccac7 !important;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      height: 50px; } }
  .cgg-input:focus {
    box-shadow: inset 0 0 0 1px #77aa43;
    border: 1px solid #77aa43;
    transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease; }
  .cgg-input.ng-invalid.ng-dirty {
    border: 2px solid #ff533f; }

.cgg-error-message {
  color: #ff533f;
  font-size: 1em;
  padding-left: 5px;
  margin-top: 5px; }

button.close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.close-button {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close-button:hover, .close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

/*application level general css*/
/*Ben Lin*/
.ci-input-height {
  height: 50px;
  line-height: 50px; }
  @media (min-width: 1200px) {
    .ci-input-height {
      height: 60px;
      line-height: 60px; } }

.ci-position-top-right {
  position: absolute;
  bottom: 0;
  right: 0; }

.ci-vertical-align-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.ci-success--font {
  color: #77AA43;
  font-size: 1.4em;
  margin-right: 10px; }

.ci-relative {
  position: relative; }

.ci-label {
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 6px;
  color: #312f2e;
  display: inline; }

.ci-theme-color {
  color: #77aa43; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tiles-icon {
  font-size: 50px;
  display: block;
  /* For Design team new icons (currently) */ }
  .tiles-icon--smaller {
    margin: 10px;
    font-size: 25px; }
  .tiles-icon--lg {
    font-size: 70px; }
  .tiles-icon.m-cgg-icon--Low-interest-rate {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--Fuel-Rebate {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--creditcard {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--balance-transfer {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--Low-interest-rate {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--no-fee {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--for-new-business {
    font-size: 38px; }
  .tiles-icon.m-cgg-icon--for-my-business {
    font-size: 38px; }

/*application level general css*/
/*IE related Issues*/
input::-ms-clear {
  display: none; }

input:-ms-input-placeholder {
  color: grey; }

@media (min-width: 992px) {
  .cgg-offset-right-6 {
    margin-right: 50%; }
  .cgg-offset-right-3 {
    margin-right: 25%; }
  .cgg-col-md-inline {
    float: none;
    display: inline-block; } }

.cgg-secure-text {
  float: left;
  font-size: 16px;
  margin: 0 0 30px 0; }
  @media (max-width: 767px) {
    .cgg-secure-text {
      float: none;
      margin: 0 0 10px 0; } }
  .cgg-secure-text i {
    font-size: 26px;
    float: left;
    margin: -3px 0 0 -7px; }

.clearfix {
  clear: both; }

@media (min-width: 767px) {
  .cgg-col-border-md {
    border-top: #e5e4e0 1px solid;
    padding-top: 15px; } }

.funnel-spinner {
  position: absolute;
  top: 90px;
  bottom: 0;
  margin: 0;
  left: 0;
  padding: 0;
  right: 0;
  width: 100%;
  z-index: 9;
  text-align: center; }
  .funnel-spinner__inner_container {
    padding-top: 7em;
    background: #f3f2ee;
    height: 868px; }
  .funnel-spinner .cgg-spinner {
    float: none; }
    .funnel-spinner .cgg-spinner .sk-circle {
      margin: auto;
      width: 7em;
      height: 7em; }