@font-face {
  font-family: "OpenSans-Bold";
  src: url("../../../Common/fonts/fonts-common/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url("../../../Common/fonts/fonts-common/OpenSans-Regular.ttf") format("truetype");
}
body {
  /*background-color: rgba(238, 240, 242, 1);*/
  background-color: #fff;
  -ms-overflow-style: none;
}
.modal-dialog {
  max-width: 300px;
  min-width: 260px;
  margin: 40px auto;
}
.c-btn__icon--phone {
  height: 16px;
  fill: currentColor;
}
.error-box {
  /*width: 300px;
    max-width: 320px;
    min-width: 240px;*/
  min-height: 500px;
  /* border: 1px solid #dd230f; */
  background-color: white;
  /* margin: 50px auto; */
  border-radius: 3px;
  overflow: hidden;
  /* background-color: rgba(221, 35, 15, 0.15); */
}
.error-box-header {
  height: 217px;
}
.error-box-header .top-line {
  height: 48px;
  width: 50%;
  display: inline-block;
}
.error-box-header .top-line.right .close-modal-button {
  width: 35px;
  height: 35px;
  /* float: right; */
  cursor: pointer;
  position: absolute;
  right: -19px;
  top: -16px;
  border-radius: 50%;
  background-color: #dd230f;
}
.error-box-header .top-line.right .close-modal-button .line {
  font-size: 20px;
  position: absolute;
  margin-left: 8px;
  background-color: white;
  height: 2px;
  width: 20px;
  top: 16px;
}
.error-box-header .error-circle-container {
  margin: -5px auto;
  width: 126px;
  text-align: center;
}
.error-box-header .error-circle-container h3 {
  margin: 10px 0;
  padding: 0;
  color: #dd230f;
  text-decoration: bold;
}
.error-box-header .error-circle-container .error-circle {
  display: table;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  color: #fcfcfc;
  text-align: center;
  margin: 10px auto;
  background-color: white;
  /* box-shadow: 4px 7px 41px #666; */
  /* box-shadow: 5px 9px 20px 0px #d3d3d3; */
  /* background-color: #dd230f; */
  border: 3px solid #dd230f;
}
.error-box-header .error-circle-container .error-circle .line {
  font-size: 20px;
  position: absolute;
  margin-left: -45px;
  background-color: #dd230f;
  height: 6px;
  width: 92px;
  top: 116px;
}
.error-box-header .warning-circle-container .warning-circle {
  border-color: #e89a46;
}
.error-box-header .warning-circle-container .warning-circle .warning-line {
  margin-left: -29px;
  background-color: #e89a46;
  height: 10px;
  width: 58px;
  top: 100px;
  transform: rotate(90deg);
}
.error-box-header .warning-circle-container .warning-circle .warning-dot {
  margin-left: -6px;
  background-color: #e89a46;
  height: 10px;
  width: 12px;
  top: 142px;
  transform: rotate(90deg);
}
.error-box-header .warning-circle-container .info-circle {
  border-color: #0057a7 !important;
}
.error-box-header .warning-circle-container .info-circle .warning-line {
  background-color: #0057a7 !important;
}
.error-box-header .warning-circle-container .info-circle .warning-dot {
  background-color: #0057a7 !important;
}
.error-box-header .success-circle-container .success-circle {
  color: #00A78D;
  background-color: #fff;
  border: 3px solid #00A78D;
}
.error-box-header .success-circle-container .success-circle > i {
  font-size: 111px;
  position: absolute;
  margin-left: -55px;
}
.error-box-header .success-circle-container h3 {
  color: #00A78D;
  text-transform: uppercase;
}
.left-line {
  transition: top 0.25s, transform 0.25s 0.25s;
  transform: rotate(45deg);
}
.right-line {
  transition: top 0.25s, transform 0.25s 0.25s;
  transform: rotate(-45deg);
}
.error-box-body {
  min-height: 235px;
  text-align: center;
  padding: 20px 0px;
}
.error-box-body p {
  font-size: 16px;
  margin: 0px !important;
  padding: 10px 20px;
  color: #333;
}
.error-box-body p.masive {
  padding-top: 0px;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error-box-footer {
  text-align: center;
  width: 100%;
  height: 48px;
  padding: 0px 1px;
  margin-bottom: 2px;
  justify-content: center;
}
.error-box-footer .error-modal-btn {
  width: 49%;
  margin: 0px;
  /* color: green; */
  line-height: 1.9;
  border-radius: 0;
  height: 48px;
  font-size: 18px;
  border: 1px solid grey;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, @error-modal-button-color-start), color-stop(1, @error-modal-button-color-end));
        background: -moz-linear-gradient(top, @error-modal-button-color-start 5%, @error-modal-button-color-end 100%);
        background: -webkit-linear-gradient(top, @error-modal-button-color-start 5%, @error-modal-button-color-end 100%);
        background: -o-linear-gradient(top, @error-modal-button-color-start 5%, @error-modal-button-color-end 100%);
        background: -ms-linear-gradient(top, @error-modal-button-color-start 5%, @error-modal-button-color-end 100%);
        background: linear-gradient(to bottom, @error-modal-button-color-start 5%, @error-modal-button-color-end 100%);*/
}
.error-box-footer .error-modal-btn.refresh-page-button {
  /*border-right: 1px solid white;*/
  color: black;
}
.error-box-footer .error-modal-btn.refresh-page-button:hover,
.error-box-footer .error-modal-btn.refresh-page-button:active,
.error-box-footer .error-modal-btn.refresh-page-button:focus,
.error-box-footer .error-modal-btn.refresh-page-button:visited,
.error-box-footer .error-modal-btn.refresh-page-button:focus-within {
  color: black;
}
.error-box-footer .error-modal-btn.call-button {
  /*border-left: 1px solid white;*/
  color: #808080;
}
.error-box-footer .error-modal-btn.call-button:hover,
.error-box-footer .error-modal-btn.call-button:active,
.error-box-footer .error-modal-btn.call-button:focus,
.error-box-footer .error-modal-btn.call-button:visited,
.error-box-footer .error-modal-btn.call-button:focus-within {
  color: #808080;
}
.error-box-footer .error-modal-btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4e4e4), color-stop(1, #f5f5f5));
  background: -moz-linear-gradient(top, #e4e4e4 5%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #e4e4e4 5%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #e4e4e4 5%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #e4e4e4 5%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #e4e4e4 5%, #f5f5f5 100%);
}
.error-box-footer .error-modal-btn:active {
  padding: 8px 12px;
}
.cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle {
  border-color: #e89a46;
}
.cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle .warning-line {
  margin-left: -29px;
  background-color: #e89a46;
  height: 10px;
  width: 58px;
  top: 100px;
  transform: rotate(90deg);
}
.cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle .warning-dot {
  margin-left: -6px;
  background-color: #e89a46;
  height: 10px;
  width: 12px;
  top: 142px;
  transform: rotate(90deg);
}
.cancel-modal .cancel-box .cancel-box-footer {
  display: inline-flex;
}
/* error modal end here*/
body {
  padding-right: 0 !important;
}
input::-ms-clear {
  display: none;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.inline-block {
  display: inline-block;
}
.text-aling-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.visib-hidden {
  visibility: hidden;
}
.display-block {
  display: block;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.drop-down-wrap {
  position: relative;
}
.drop-down-wrap .header .title {
  position: absolute;
  top: 12px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.drop-down-wrap .header .title.animate {
  top: 3px;
  font-size: 11px;
  color: #e4dcd3;
}
.drop-down-wrap .header .selected {
  position: absolute;
  top: 20px;
  font-size: 16px;
}
.drop-down-wrap .drop-down {
  display: none;
  position: absolute;
  /*left: 5px;*/
  top: 43px;
  width: 300px;
  cursor: pointer;
  z-index: 2;
  border: 1px solid #AEB2B3;
  border-radius: 5px;
}
.drop-down-wrap .drop-down > li {
  height: 30px;
  line-height: 30px;
  color: #3B3B3B;
  background-color: #ffffff;
  padding-left: 15px;
  list-style: none;
}
.drop-down-wrap .drop-down > li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.drop-down-wrap .drop-down > li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.drop-down-wrap .drop-down > li:hover {
  color: #8EC0DB;
  border: 2px solid #8EC0DB;
}
.drop-down-wrap .drop-down.active {
  display: block;
}
.drop-down-wrap .drop-down > li > a {
  display: inline-block;
  width: 100%;
  height: 30px;
  color: #828282;
}
.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  cursor: default;
}
.black_overlay.showPopup {
  display: block;
}
.black_overlay .img-container {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  margin: 0 auto;
}
.black_overlay .img-container > .img > img {
  width: 100%;
  height: auto;
}
.black_overlay .closeOverlay {
  color: #ffffff;
  float: right;
  font-size: 20px;
  padding: 4px;
  background: black;
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
  text-align: center;
}
.black_overlay .closeOverlay.img {
  position: relative;
  top: 14px;
  right: -17px;
}
.black_overlay .closeOverlay.video {
  position: relative;
  top: -15px;
  right: -13px;
}
.black_overlay .closeOverlay:hover {
  opacity: 0.5;
}
.black_overlay .text {
  /*position: relative;
                top: 25%;*/
  background-color: black;
  margin: 0 auto;
}
.black_overlay .text p {
  padding: 8px;
  line-height: 17px;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
}
.black_overlay .video-container {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.black_overlay .video-wrapper {
  margin: 0 auto;
  display: block;
}
.black_overlay .video-wrapper video {
  /*width: 100%;*/
}
.black_overlay .video-wrapper .video-js {
  height: 0 !important;
}
.center-horizontally {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  padding-right: 0 !important;
}
.modal.cookie-modal {
  background: rgba(255, 255, 255, 0);
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
}
.modal.cookie-modal .modal-dialog {
  width: 385px !important;
  max-width: 80vw !important;
  position: static;
}
.modal.cookie-modal .modal-dialog .modal-content {
  padding: 20px;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookies-policy p {
  color: #707070;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types {
  margin: 20px 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: #CECECD 0px 0px 6px;
  min-height: 60px;
  justify-content: center;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  position: relative;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 23px;
  margin-left: 4px;
  top: 0px;
  right: -5px;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle {
  border-radius: 34px !important;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #707070;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle::before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle.active {
  background-color: #000000;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle.active::before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header span {
  font-size: 10px;
  top: 0px;
  left: 58px;
  position: absolute;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header h4 {
  font-size: 16px;
  font-weight: bold;
  color: black;
  margin: 1.33rem 0;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .arrow-left-cookie {
  border: solid rgba(0, 0, 0, 0.30196078);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 10px;
  cursor: pointer;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .arrow-left-cookie {
  border: solid rgba(0, 0, 0, 0.30196078);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 10px;
  cursor: pointer;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-title .arrow-left-cookie.open {
  transform: rotate(45deg);
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-description {
  padding: 0 55px;
  margin-bottom: 8px;
  color: #707070;
  display: none;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-content .cookie-types .cookie-description.open {
  display: block;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-text {
  vertical-align: top;
  padding: 0 0 30px 0;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-text h2 {
  font-family: AvenirNextW1G-Bold, Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding: 0 0 20px 0;
  line-height: 1em;
  color: black;
  text-align: left;
  font-weight: bold;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-text p {
  text-indent: 0;
  font-size: 14px;
  line-height: 1.2em;
  color: black;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-text p a {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-cta {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  flex-direction: column;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-cta .cookies-btn {
  background-color: transparent;
  border-color: #000000 !important;
  border-radius: 20px;
  margin: 0 10px;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-width: 106px;
  line-height: 28px;
  cursor: pointer;
}
.modal.cookie-modal .modal-dialog .modal-content .tgbgdpr-overlay-cta .cookies-btn.close-btn {
  background-color: black;
  color: #ffffff !important;
  height: 35px;
  width: 230px;
  margin-top: 10px;
}
.notificantions-view {
  text-align: center;
  /*width: 50%;*/
  margin: 0 auto;
  margin-top: 30px;
}
.notificantions-view h3 {
  font-size: 18px;
  /*color: #a4b6bf;*/
  color: #3B3B3B;
}
.notificantions-view .dealer-tel {
  color: #194259;
}
.notificantions-view .dealer-tel:hover,
.notificantions-view .dealer-tel:active,
.notificantions-view .dealer-tel:visited,
.notificantions-view .dealer-tel:focus {
  text-decoration: none;
}
.modal-content {
  color: #a4b6bf;
}
.modal-content .modal-title {
  visibility: hidden;
}
.clear {
  clear: both;
}
.disclaimer-wrap {
  font-size: 13px;
  color: #BFD8E4;
}
.fromUppercaseToCapitalize {
  display: inline-block;
  text-transform: lowercase;
}
.fromUppercaseToCapitalize::first-letter {
  text-transform: uppercase;
}
.no-border-panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*box-shadow: @panel-box-shadow;*/
}
.no-border-panel .panel-heading {
  /*border-bottom: none;*/
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: #e4dcd3;
  /*border-color: @panel-header-color;*/
  /*border-bottom: 2px solid @panel-header-border-color;*/
}
.no-border-panel .panel-heading h2 {
  text-align: center;
  font-size: 24px;
  color: #000000;
  font-family: HyundaiSansHead-Regular;
}
.no-border-panel .panel-body {
  background-color: #ffffff;
}
.no-border {
  border: none !important;
}
.no-border-top {
  border-top: none !important;
}
.mobile-loader #gradient0 stop:first-child {
  stop-color: #002c5f;
}
.mobile-loader #gradient1 stop:first-child {
  stop-color: #002c5f;
}
.position-absolute {
  position: absolute !important;
}
.has-price-visibility-asteriks {
  padding-right: 30px;
}
.special-offer--has-price-visibility .img {
  margin-right: 155px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .error-box-header .error-circle-container .error-circle .line {
    margin-left: 12px;
  }
  .error-box-header .error-circle-container.warning-circle-container .warning-circle .warning-line {
    margin-left: 30px;
  }
  .error-box-header .error-circle-container.warning-circle-container .warning-circle .warning-dot {
    margin-left: 53px;
  }
  .error-box-header .error-circle-container.success-circle-container .success-circle > i {
    margin-left: 0px;
  }
  .error-box-header.warning-circle-container .warning-circle {
    border-color: #e89a46;
  }
  .error-box-header.warning-circle-container .warning-circle .warning-line {
    margin-left: 30px;
  }
  .error-box-header.warning-circle-container .warning-circle .warning-dot {
    margin-left: 53px;
  }
  .error-box-footer .call-button {
    padding: 6px 50px;
  }
  .cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle {
    border-color: #e89a46;
  }
  .cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle .warning-line {
    margin-left: 30px;
  }
  .cancel-modal .cancel-box .cancel-box-error .warning-circle-container .warning-circle .warning-dot {
    margin-left: 53px;
  }
  .cancel-modal .cancel-box .cancel-box-footer {
    display: inline-flex;
  }
}
@media (max-width: 767px) {
  .no-border-panel {
    padding-left: 5px;
    padding-right: 5px;
  }
  .no-border-panel .panel-heading h2 {
    font-size: 20px;
  }
  .no-border-panel .panel-body {
    padding: 10px 5px;
  }
  .no-border-panel .panel-body div.col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 480px) {
  .modal-content {
    width: 280px;
    margin: 0 auto;
  }
  .error-box-footer .error-modal-btn {
    font-size: 16px;
  }
}
.cursor--pointer {
  cursor: pointer;
}
.custom-radio-button {
  font-size: 15px;
  font-weight: 100;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.custom-radio-button input {
  position: relative;
  visibility: hidden;
  margin: 0 10px;
}
.custom-radio-button input:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  outline: 1px solid #3B3B3B;
  outline-offset: 2px;
  visibility: visible;
  cursor: pointer;
}
.custom-radio-button input:checked:after {
  background-color: #e4dcd3;
}
@font-face {
  font-family: "VAGRoundedLTW01-Light";
  src: url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.eot");
  src: url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.woff2") format("woff2"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.woff") format("woff"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.ttf") format("truetype"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.svg#VAGRoundedLTW01-Light") format("svg");
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
body {
  font-family: 'OpenSans-Regular', serif, VAGRoundedLTW01-Light;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input,
select,
textarea {
  font-family: 'OpenSans-Regular', serif, VAGRoundedLTW01-Light !important;
}
.top-header-section {
  min-height: 70px;
  background-color: #fff;
}
.main-logo {
  position: absolute;
  top: 5px;
  left: 20%;
  z-index: 1;
  border: 0px;
  height: 60px;
}
.secondary_logo {
  position: absolute;
  z-index: 1;
  right: 20%;
  top: 5px;
  height: 60px;
}
.secondary_logo.link-icon {
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  height: 70px;
  color: #000;
  top: 0px;
}
.secondary_logo.link-icon span.full-name {
  display: flex;
}
.secondary_logo.link-icon span.short-name {
  display: none;
}
.secondary_logo.link-icon::before {
  content: "\f0ad" !important;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  width: 1.05em;
  letter-spacing: 1em;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 25px;
  margin-right: 5px;
  margin-top: -5px;
}
.secondary_logo.link-icon:hover,
.secondary_logo.link-icon:focus {
  text-decoration: none;
  opacity: 0.6;
}
.dealer-banner {
  position: relative;
  min-height: 135px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-gradient {
  background-image: linear-gradient(to right, #3A8EC1, #03519A);
  /*min-height: 120px;*/
}
.banner-txt {
  text-align: center;
  padding-top: 56px;
  margin: 0;
  font-size: 24px;
  color: #ffffff;
}
.header-text {
  font-family: HyundaiSansHead-Regular;
  color: white;
  display: inline-block;
  font-weight: bold;
  position: relative;
  margin-top: 10px;
}
.header-sub-text {
  color: white;
  margin-top: 0px;
}
.step-amend-verify {
  margin: 15px !important;
}
.step-zero,
.amend-validation {
  text-align: center;
  padding: 0px 0px 10px 0px;
}
.step-zero .registration-cnt,
.amend-validation .registration-cnt {
  position: inherit;
  left: 0;
  right: 0;
  bottom: 86px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  text-align: center;
  height: 165px;
  min-height: 120px;
  /*box-shadow: @panel-box-shadow;*/
}
.step-zero .registration-cnt .reg-label,
.amend-validation .registration-cnt .reg-label {
  color: #000000;
  /*background-color: rgba(197, 208, 211, 0.6);*/
  background-color: #e4dcd3;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  font-family: HyundaiSansHead-Regular;
  /*border-bottom: 2px solid @panel-header-border-color*/
}
.step-zero .registration-cnt.regimes,
.amend-validation .registration-cnt.regimes {
  bottom: 120px;
}
.step-zero .registration-cnt.amend-verification-cnt,
.amend-validation .registration-cnt.amend-verification-cnt {
  height: auto;
}
.step-zero .registration-cnt .header > h3,
.amend-validation .registration-cnt .header > h3 {
  text-align: center;
  font-size: 40px;
}
.step-zero .registration-cnt .header > p,
.amend-validation .registration-cnt .header > p {
  margin-top: 15px;
  font-size: 20px;
}
.step-zero .registration-cnt .benefits,
.amend-validation .registration-cnt .benefits {
  font-size: 18px;
  color: white;
  text-decoration: none;
}
.step-zero .registration-cnt .benefits > i,
.amend-validation .registration-cnt .benefits > i {
  font-size: 21px;
  margin-left: 2px;
}
.step-zero .registration-cnt .benefits > span:hover,
.amend-validation .registration-cnt .benefits > span:hover {
  text-decoration: underline;
}
.step-zero .registration-cnt .benefits:hover > i,
.amend-validation .registration-cnt .benefits:hover > i {
  color: #FF0000;
}
.step-zero .registration-cnt .vehicle-info,
.amend-validation .registration-cnt .vehicle-info {
  font-size: 17px;
  top: 73px;
  text-transform: uppercase;
  line-height: 17px;
  margin-bottom: 17px;
  color: #3B3B3B;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 15px;
  width: 100%;
}
.step-zero .registration-cnt .vehicle-info.regimes,
.amend-validation .registration-cnt .vehicle-info.regimes {
  top: 128px;
}
.step-zero .registration-cnt .submit-reg-cnt,
.amend-validation .registration-cnt .submit-reg-cnt {
  position: relative;
  /*width: 720px;*/
  width: 972px;
  margin: 0 auto;
  margin-top: 10px;
  cursor: pointer;
}
.step-zero .registration-cnt .submit-reg-cnt input,
.amend-validation .registration-cnt .submit-reg-cnt input {
  width: 90%;
  height: 56px;
  background: transparent;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  color: #3B3B3B;
  background-color: #ffffff;
}
.step-zero .registration-cnt .submit-reg-cnt input:disabled,
.amend-validation .registration-cnt .submit-reg-cnt input:disabled {
  opacity: 1;
}
.step-zero .registration-cnt .submit-reg-cnt .current-mileage,
.amend-validation .registration-cnt .submit-reg-cnt .current-mileage {
  margin: 0 20px;
}
.step-zero .registration-cnt .submit-reg-cnt .placeholder,
.amend-validation .registration-cnt .submit-reg-cnt .placeholder {
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  position: absolute;
  top: 18px;
  display: inline-block;
  width: 90%;
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #3B3B3B;
}
.step-zero .registration-cnt .submit-reg-cnt .placeholder.active,
.amend-validation .registration-cnt .submit-reg-cnt .placeholder.active {
  top: 5px;
  font-size: 10px;
  color: #e4dcd3;
}
.step-zero .registration-cnt .submit-reg-cnt .reg-number-cnt,
.amend-validation .registration-cnt .submit-reg-cnt .reg-number-cnt {
  position: relative;
  /*display: inline-block;*/
  height: 56px;
  float: left;
  width: 33%;
}
.step-zero .registration-cnt .submit-reg-cnt .reg-number-cnt .reg-number-cnt-helper,
.amend-validation .registration-cnt .submit-reg-cnt .reg-number-cnt .reg-number-cnt-helper {
  display: inline;
  /*&:before {
                        .pointOfRegInput();
                        left: 10px;
                    }*/
  /*&:after {
                        .pointOfRegInput();
                        right: 10px;
                    }*/
}
.step-zero .registration-cnt .submit-reg-cnt .mileage-wrap,
.amend-validation .registration-cnt .submit-reg-cnt .mileage-wrap {
  position: relative;
  /*display: inline-block;*/
  /*float: right;*/
  width: 33%;
  float: left;
  margin-left: -7px;
}
.step-zero .registration-cnt .submit-reg-cnt .submit-btn,
.amend-validation .registration-cnt .submit-reg-cnt .submit-btn {
  height: 56px;
  /*padding: 0 49px;*/
  width: 33%;
  border: none;
  border-radius: 5px;
  background-color: #e4dcd3;
  color: #FFFFFF;
  font-size: 20px;
}
.step-zero .registration-cnt .submit-reg-cnt .submit-btn[disabled],
.amend-validation .registration-cnt .submit-reg-cnt .submit-btn[disabled] {
  cursor: default;
  pointer-events: none;
  background-color: #cccccc;
}
.step-zero .registration-cnt .submit-reg-cnt .submit-btn.regimes,
.amend-validation .registration-cnt .submit-reg-cnt .submit-btn.regimes {
  position: relative;
  top: 65px;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown {
  position: absolute;
  top: 65px;
  width: 419px;
  line-height: 56px;
  height: 56px;
  background: transparent;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  color: #3B3B3B;
  padding-top: 0;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down {
  display: none;
  position: absolute;
  top: 42px;
  width: 100%;
  background-color: #e4dcd3;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 0;
  text-align: left;
  z-index: 2;
  list-style: none;
  line-height: 35px;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down.active,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down.active {
  display: block;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li {
  padding-left: 15px;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li:hover,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li:hover {
  color: black;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li:active,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .drop-down > li:active {
  color: black;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .fa,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .fa {
  position: absolute;
  top: 12px;
  right: 15px;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .title,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .title {
  position: relative;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .title.animate,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .title.animate {
  top: -14px;
  font-size: 10px;
}
.step-zero .registration-cnt .submit-reg-cnt .regimes-dropdown .selected-regime,
.amend-validation .registration-cnt .submit-reg-cnt .regimes-dropdown .selected-regime {
  position: relative;
  top: -52px;
  margin: 0;
  padding: 0 15px 0 5px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code.fix-height,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code.fix-height {
  min-height: 240px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap {
  position: relative;
  width: 25%;
  float: left;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .btn,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .btn {
  background-color: #e4dcd3;
  color: #fff;
  float: right;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down {
  position: absolute;
  margin-left: 5%;
  width: 90%;
  max-height: 300px;
  background-color: #ffffff;
  overflow: auto;
  z-index: 2;
  border: 1px solid #AEB2B3;
  border-top: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 56px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down > li,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down > li {
  padding: 4px 15px;
  cursor: pointer;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down > li:hover,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down > li:hover {
  color: #e4dcd3;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-track,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-thumb,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #e4dcd3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-thumb:window-inactive,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down::-webkit-scrollbar-thumb:window-inactive {
  background-color: #e4dcd3;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-btn,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-btn {
  background-color: #e4dcd3;
  border-radius: 0px;
  top: 5px;
  position: absolute;
  right: calc(5% + 5px);
  color: #ffffff;
  width: 40px;
  height: 46px;
  font-size: 12px;
  padding: 0px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .mileage-wrap,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .mileage-wrap,
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .reg-number-cnt,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .reg-number-cnt {
  width: 25%;
  margin-left: 0px;
}
.step-zero .registration-cnt .submit-reg-cnt.has-post-code .submit-btn,
.amend-validation .registration-cnt .submit-reg-cnt.has-post-code .submit-btn {
  width: 22.5%;
}
.step-zero .verify-reg-cnt,
.amend-validation .verify-reg-cnt {
  position: relative;
  color: #ffffff;
  background-color: #F8FAFA;
}
.step-zero .verify-reg-cnt .center-horizontaly-box,
.amend-validation .verify-reg-cnt .center-horizontaly-box {
  display: inline-block;
  padding: 10px;
  width: 684px;
}
.step-zero .verify-reg-cnt .center-horizontaly-box.amend-box,
.amend-validation .verify-reg-cnt .center-horizontaly-box.amend-box {
  position: relative;
  width: 972px;
  margin: 0 auto;
  margin-top: 10px;
  cursor: pointer;
  display: block !important;
  padding: 0 !important;
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper {
  position: relative;
  margin-right: 0px;
  float: left;
  width: 320px;
  /*&:before {
                .pointOfRegInput();
                left: 10px;
            }

            &:after {
                .pointOfRegInput();
                right: 10px;
            }*/
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper > input,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper > input {
  width: 320px;
  height: 56px;
  background: transparent;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  color: #3B3B3B;
  background-color: #ffffff;
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper .reg-number-amend,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper .reg-number-amend,
.step-zero .verify-reg-cnt .ver-number-cnt-helper .last-name-amend,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper .last-name-amend {
  width: 90% !important;
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper .last-name-amend,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper .last-name-amend {
  margin-right: 5%;
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper.amend-ver-reg,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper.amend-ver-reg {
  width: 33%;
}
.step-zero .verify-reg-cnt .ver-number-cnt-helper.amend-ver-lastname,
.amend-validation .verify-reg-cnt .ver-number-cnt-helper.amend-ver-lastname {
  width: 33%;
}
.step-zero .verify-reg-cnt .placeholder,
.amend-validation .verify-reg-cnt .placeholder {
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  position: absolute;
  top: 18px;
  display: inline-block;
  width: 90%;
  text-align: center;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #3B3B3B;
  width: 100%;
}
.step-zero .verify-reg-cnt .placeholder.active,
.amend-validation .verify-reg-cnt .placeholder.active {
  top: 5px;
  font-size: 10px;
  color: #e4dcd3;
}
.step-zero .verify-reg-cnt .placeholder.amend,
.amend-validation .verify-reg-cnt .placeholder.amend {
  width: 90%;
}
.step-zero .verify-reg-cnt .verify-btn,
.amend-validation .verify-reg-cnt .verify-btn {
  height: 56px;
  /*padding: 0 49px;*/
  width: 33%;
  border: none;
  border-radius: 5px;
  background-color: #e4dcd3;
  color: #FFFFFF;
  font-size: 20px;
  width: 320px;
}
.step-zero .verify-reg-cnt .verify-btn.amend-verify,
.amend-validation .verify-reg-cnt .verify-btn.amend-verify {
  width: 33%;
}
.step-zero .verify-reg-cnt .verify-btn[disabled],
.amend-validation .verify-reg-cnt .verify-btn[disabled] {
  cursor: default;
  pointer-events: none;
  background-color: #cccccc;
}
.step-zero .verify-reg-cnt .alert-messages-cnt,
.amend-validation .verify-reg-cnt .alert-messages-cnt {
  position: relative;
  top: 0px;
  width: 90%;
  margin: 0 auto;
  font-size: 20px;
  color: #AAA;
}
.step-zero .verify-reg-cnt .alert-messages-cnt h3,
.amend-validation .verify-reg-cnt .alert-messages-cnt h3 {
  font-size: 18px;
  color: #a4b6bf;
  padding-bottom: 10px;
}
.step-zero .verify-reg-cnt .alert-messages-cnt h3.amend-validation-text,
.amend-validation .verify-reg-cnt .alert-messages-cnt h3.amend-validation-text {
  display: inline-block !important;
}
.step-zero .verify-reg-cnt .alert-messages-cnt .dealer-tel,
.amend-validation .verify-reg-cnt .alert-messages-cnt .dealer-tel {
  color: #194259;
}
.step-zero .verify-reg-cnt .alert-messages-cnt .dealer-tel:hover,
.amend-validation .verify-reg-cnt .alert-messages-cnt .dealer-tel:hover,
.step-zero .verify-reg-cnt .alert-messages-cnt .dealer-tel:active,
.amend-validation .verify-reg-cnt .alert-messages-cnt .dealer-tel:active,
.step-zero .verify-reg-cnt .alert-messages-cnt .dealer-tel:visited,
.amend-validation .verify-reg-cnt .alert-messages-cnt .dealer-tel:visited,
.step-zero .verify-reg-cnt .alert-messages-cnt .dealer-tel:focus,
.amend-validation .verify-reg-cnt .alert-messages-cnt .dealer-tel:focus {
  text-decoration: none;
}
.step-zero .verify-reg-cnt .alert-messages-cnt.amend-alert-messages,
.amend-validation .verify-reg-cnt .alert-messages-cnt.amend-alert-messages {
  display: inline;
}
.step-zero .black_overlay,
.amend-validation .black_overlay {
  cursor: pointer;
}
@media (max-width: 1224px) {
  .main-logo {
    left: 5%;
  }
  .secondary_logo {
    right: 5%;
  }
  .banner-txt {
    font-size: 20px;
  }
}
/*@media (max-width: 1100px){
    .step-zero .registration-cnt .submit-reg-cnt {
        width: 100%;
    }
}*/
@media (max-width: 1060px) {
  .step-zero .registration-cnt .submit-reg-cnt,
  .amend-validation .registration-cnt .submit-reg-cnt,
  .step-zero .registration-cnt .amend-box,
  .amend-validation .registration-cnt .amend-box {
    width: 820px !important;
  }
}
@media (max-width: 900px) {
  .step-zero .verify-reg-cnt .ver-number-cnt-helper > input,
  .amend-validation .verify-reg-cnt .ver-number-cnt-helper > input {
    width: 320px;
  }
  .step-zero .verify-reg-cnt .verify-btn,
  .amend-validation .verify-reg-cnt .verify-btn {
    width: 320px;
  }
  .step-zero .registration-cnt .submit-reg-cnt,
  .amend-validation .registration-cnt .submit-reg-cnt,
  .step-zero .registration-cnt .amend-box,
  .amend-validation .registration-cnt .amend-box {
    width: 720px !important;
  }
  .step-zero .registration-cnt .has-post-code .post-code-wrap .find-btn,
  .amend-validation .registration-cnt .has-post-code .post-code-wrap .find-btn {
    top: 17px;
    width: 30px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .top-header-section {
    min-height: 45px;
  }
  .main-logo {
    height: 35px;
    left: 5%;
  }
  .secondary_logo {
    height: 35px;
    right: 5%;
  }
  .secondary_logo.link-icon {
    height: 45px;
  }
  .secondary_logo.link-icon span.full-name {
    display: none;
  }
  .secondary_logo.link-icon span.short-name {
    display: flex;
    width: 70px;
    font-size: 10px;
  }
  .secondary_logo.link-icon::before {
    margin-top: 0px;
    display: none;
  }
  .header-text {
    font-size: 24px;
  }
  .header-sub-text {
    font-size: 16px;
    padding: 0;
  }
  .steps-container {
    margin-top: 0px;
  }
  .step-zero .registration-cnt,
  .amend-validation .registration-cnt {
    height: auto;
    min-height: 250px;
  }
  .step-zero .registration-cnt .reg-label,
  .amend-validation .registration-cnt .reg-label {
    font-size: 20px;
  }
  .step-zero .registration-cnt .submit-reg-cnt,
  .amend-validation .registration-cnt .submit-reg-cnt {
    width: 100% !important;
    margin-top: 10px;
  }
  .step-zero .registration-cnt .submit-reg-cnt input,
  .amend-validation .registration-cnt .submit-reg-cnt input {
    height: 44px;
  }
  .step-zero .registration-cnt .submit-reg-cnt .placeholder,
  .amend-validation .registration-cnt .submit-reg-cnt .placeholder {
    top: 10px;
  }
  .step-zero .registration-cnt .submit-reg-cnt .placeholder.active,
  .amend-validation .registration-cnt .submit-reg-cnt .placeholder.active {
    top: 3px;
  }
  .step-zero .registration-cnt .submit-reg-cnt .mileage-wrap,
  .amend-validation .registration-cnt .submit-reg-cnt .mileage-wrap {
    width: 100% !important;
    margin-top: 0px;
    margin-left: 0px;
  }
  .step-zero .registration-cnt .submit-reg-cnt .reg-number-cnt,
  .amend-validation .registration-cnt .submit-reg-cnt .reg-number-cnt {
    width: 100% !important;
  }
  .step-zero .registration-cnt .submit-reg-cnt .reg-label,
  .amend-validation .registration-cnt .submit-reg-cnt .reg-label {
    font-size: 20px;
  }
  .step-zero .registration-cnt .submit-reg-cnt .submit-btn,
  .amend-validation .registration-cnt .submit-reg-cnt .submit-btn {
    width: 90%;
    margin-top: 15px;
    height: 44px;
  }
  .step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap,
  .amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap {
    width: 100%;
  }
  .step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down,
  .amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-address .drop-down {
    top: 45px;
  }
  .step-zero .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-btn,
  .amend-validation .registration-cnt .submit-reg-cnt.has-post-code .post-code-wrap .find-btn {
    top: 5px;
    position: absolute;
    width: 45px;
    height: 34px;
  }
  .step-zero .registration-cnt .submit-reg-cnt.has-post-code .submit-btn,
  .amend-validation .registration-cnt .submit-reg-cnt.has-post-code .submit-btn {
    width: 90%;
  }
  .step-zero .registration-cnt .submit-reg-cnt.has-post-code .mileage-wrap,
  .amend-validation .registration-cnt .submit-reg-cnt.has-post-code .mileage-wrap {
    height: 56px;
  }
  .step-zero .registration-cnt .vehicle-info,
  .amend-validation .registration-cnt .vehicle-info {
    font-size: 16px;
    margin-top: 10px;
  }
  .step-zero .verify-reg-cnt .center-horizontaly-box,
  .amend-validation .verify-reg-cnt .center-horizontaly-box {
    width: 100% !important;
  }
  .step-zero .verify-reg-cnt .ver-number-cnt-helper,
  .amend-validation .verify-reg-cnt .ver-number-cnt-helper {
    float: none !important;
    margin-right: 0px !important;
    width: 100% !important;
  }
  .step-zero .verify-reg-cnt .ver-number-cnt-helper > input,
  .amend-validation .verify-reg-cnt .ver-number-cnt-helper > input {
    width: 100% !important;
  }
  .step-zero .verify-reg-cnt .ver-number-cnt-helper .last-name-amend,
  .amend-validation .verify-reg-cnt .ver-number-cnt-helper .last-name-amend {
    margin-right: 0 !important;
  }
  .step-zero .verify-reg-cnt .ver-number-cnt-helper.amend-ver-reg,
  .amend-validation .verify-reg-cnt .ver-number-cnt-helper.amend-ver-reg {
    padding-bottom: 15px;
  }
  .step-zero .verify-reg-cnt .verify-btn,
  .amend-validation .verify-reg-cnt .verify-btn {
    margin-top: 15px !important;
    width: 100% !important;
  }
  .step-zero .verify-reg-cnt .verify-btn.amend-verify,
  .amend-validation .verify-reg-cnt .verify-btn.amend-verify {
    width: 90% !important;
    float: none !important;
  }
}
@media (max-width: 480px) {
  .step-zero .registration-cnt .header,
  .amend-validation .registration-cnt .header {
    width: 75%;
  }
  .step-zero .registration-cnt .header > h3,
  .amend-validation .registration-cnt .header > h3 {
    font-size: 25px;
  }
  .step-zero .registration-cnt .submit-reg-cnt,
  .amend-validation .registration-cnt .submit-reg-cnt {
    width: 75%;
  }
  .step-zero .verify-reg-cnt .center-horizontaly-box,
  .amend-validation .verify-reg-cnt .center-horizontaly-box {
    width: 75%;
  }
  .step-zero .verify-reg-cnt .center-horizontaly-box > div,
  .amend-validation .verify-reg-cnt .center-horizontaly-box > div,
  .step-zero .verify-reg-cnt .center-horizontaly-box button,
  .amend-validation .verify-reg-cnt .center-horizontaly-box button {
    float: none !important;
  }
}
@media (max-width: 400px) {
  .dealer-banner {
    min-height: 155px;
  }
}
@media (max-width: 320px) {
  .step-zero .registration-cnt .submit-reg-cnt {
    width: 80%;
  }
  .step-one .form-group .geo {
    right: -10px;
  }
}
.ccc-icon {
  display: none;
  position: fixed;
  top: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 21;
  padding: 0;
  border: 0;
  background: transparent;
  right: 0px;
}
.ccc-icon.active {
  display: block;
}
.ccc-icon #triangle-svg {
  left: 25px !important;
  right: -25px !important;
  -moz-transform: skew(-45deg);
  -webkit-transform: skew(-45deg);
  transform: skew(45deg);
  border-left: 1px solid #ccc;
  position: absolute;
  top: 0px;
  background-color: #f6f6f6;
}
.ccc-icon #triangle-svg #triangle {
  fill: #f6f6f6;
}
.ccc-icon #star-svg {
  position: absolute;
  margin-right: 0px;
  top: -37px;
  right: -39px;
  width: 74px;
}
.ccc-icon #star-svg #star {
  opacity: 0.3;
}
.site_header_cookie {
  display: none;
  background-color: #f6f6f6;
  flex-direction: row;
  width: 0px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  top: 0px;
  z-index: 4;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  float: right;
  right: 0px;
  max-height: 0px;
}
.site_header_cookie.active {
  display: inline-flex;
}
.site_header_cookie.active .site_header_cookie_text-full .text-container .cookie-text-first,
.site_header_cookie.active .site_header_cookie_text-full .text-container .cookie-text-second {
  font-size: 14px;
}
.site_header_cookie.vert {
  max-height: 500px;
}
.site_header_cookie.animation {
  width: 100%;
  max-height: 500px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.site_header_cookie.animation .site_header_cookie_text-full {
  display: inline-block;
}
.site_header_cookie.animation .site_header_cookie_text-full .text-container .cookie-text-first,
.site_header_cookie.animation .site_header_cookie_text-full .text-container .cookie-text-second {
  font-size: 14px;
}
.site_header_cookie.animation .cookie-close-btn button {
  font-size: 40px;
  padding: 0px 10px 0px 0;
}
.site_header_cookie .site_header_cookie_text-full {
  display: none;
  font-size: 0px;
  width: 92%;
  vertical-align: middle;
  margin-left: 4%;
}
.site_header_cookie .site_header_cookie_text-full .text-container {
  /*max-width: 1000px;*/
  margin: 0 auto;
}
.site_header_cookie .site_header_cookie_text-full .text-container .cookie-text-first {
  vertical-align: text-bottom;
  width: 50%;
  margin: 0;
  padding: 0;
  color: #333;
  float: left;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
  text-align: left;
  font-size: 0px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.site_header_cookie .site_header_cookie_text-full .text-container .cookie-text-second {
  vertical-align: text-bottom;
  width: 50%;
  margin: 0;
  padding: 0;
  color: #333;
  float: right;
  text-align: end;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  text-align: right;
  font-size: 0px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.site_header_cookie .site_header_cookie_text-full .text-container a {
  text-decoration: underline;
}
.site_header_cookie .cookie-close-btn {
  width: 4%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.site_header_cookie .cookie-close-btn button {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  font-size: 0px;
}
#myModal .modal-dialog {
  width: 50%;
  padding: 1.5% 0;
  max-width: none;
}
#myModal .modal-dialog .modal-content {
  width: auto;
}
#myModal .modal-dialog .modal-content .modal-title {
  padding: 0 25px;
  font-size: 18px;
  font-weight: 600;
  visibility: visible;
}
#myModal .modal-dialog .modal-content .modal-body {
  padding: 0 40px;
}
#myModal .modal-dialog .modal-content .modal-body h2 {
  font-size: 16px;
  font-weight: 600;
}
#myModal .modal-dialog .modal-content .modal-body p {
  text-align: justify;
  font-size: 13px;
}
#myModal .modal-dialog .modal-content .modal-body ul {
  padding: 0;
  list-style: none;
  display: inline-block;
  font-size: 13px;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body {
  /* Rounded sliders */
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 23px;
  margin-left: 4px;
  top: -3px;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #414141;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body input:checked + .slider {
  background-color: #6cc04a;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .slider.round {
  border-radius: 34px;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .slider.round:before {
  border-radius: 50%;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body input:checked .slider {
  background-color: #6cc04a;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .status {
  position: absolute;
  margin-left: 45px;
  margin-top: -18px;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .status.active {
  display: none;
  color: #6cc04a;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body .status.inactive {
  display: block;
  color: #414141;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body input:checked ~ .status.active {
  display: block;
}
#myModal .modal-dialog .modal-content .modal-body.cookie-body input:checked ~ .status.inactive {
  display: none;
}
@media (max-width: 1200px) {
  #myModal .modal-dialog {
    width: auto;
    margin: 1.5%;
  }
}
@media (max-width: 767px) {
  .site_header_cookie .site_header_cookie_text-full {
    width: 90%;
    margin-left: 2%;
  }
  .site_header_cookie .site_header_cookie_text-full .text-container .cookie-text-first,
  .site_header_cookie .site_header_cookie_text-full .text-container .cookie-text-second {
    height: auto;
  }
  .site_header_cookie.animation .site_header_cookie_text-full .text-container .cookie-text-first,
  .site_header_cookie.animation .site_header_cookie_text-full .text-container .cookie-text-second {
    font-size: 12px;
  }
  .site_header_cookie .cookie-close-btn {
    width: 8%;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ccc-icon #triangle-svg {
    left: 25px;
  }
  .ccc-icon #star-svg {
    top: -20px;
    right: -32px;
  }
}
.steps-container {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
.steps-container p,
.steps-container h1,
.steps-container h2,
.steps-container h3,
.steps-container h4,
.steps-container h5,
.steps-container h6,
.steps-container label,
.steps-container ul {
  margin: 0;
  padding: 0;
}
.steps-container .wrapper {
  list-style: none;
  border-bottom: 0px;
}
.steps-container .step {
  position: relative;
}
.steps-container .step .header {
  position: relative;
}
.steps-container .step .header .title-cont {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 75px;
  color: #a4b6bf;
  line-height: 1;
}
.steps-container .step .header .title-cont.selected {
  color: #a4b6bf;
}
.steps-container .step .header .title {
  position: relative;
  font-size: 18px;
  font-weight: normal;
}
.steps-container .step .header .title.ivhc-move-up {
  width: 70%;
  bottom: 7px;
}
.steps-container .step .header .title.pick-date-move-up {
  bottom: 19px;
}
.steps-container .step .header .title.customer-data-move-up {
  bottom: 3px;
}
.steps-container .step .circle {
  display: table;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #a4b6bf;
  color: #a4b6bf;
  text-align: center;
}
.steps-container .step .circle .ed-bok {
  position: relative;
  top: 6px;
  font-size: 28px;
}
.steps-container .step .circle .fa-icon {
  position: relative;
  top: 9px;
  font-size: 28px !important;
}
.steps-container .step .unlock-content {
  position: absolute;
  padding: 0;
  top: 8px;
  right: -25px;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  outline: none;
}
.steps-container .step .unlock-content > i {
  font-size: 28px;
  color: #a4b6bf;
}
.steps-container .step .summary {
  display: none;
  /*position: absolute;
            left: 77px;
            top: 22px;*/
  font-size: 18px;
  color: #a4b6bf;
}
.steps-container .step .summary.ivhc-move-down {
  top: 34px;
}
.steps-container .step .summary.pick-date-move-down {
  line-height: 17px;
  top: 18px;
}
.steps-container .step .summary.customer-data-move-down {
  line-height: 16px;
  top: 18px;
  width: 65%;
}
.steps-container .step.completed .circle {
  border-color: #e4dcd3;
  color: #e4dcd3;
}
.steps-container .step.completed .summary.block {
  display: block;
}
.steps-container .step.completed .summary.inline {
  display: inline-block;
}
.steps-container .step.expanded .summary.block {
  display: none;
}
.steps-container .step.expanded .summary.inline {
  display: none;
}
.steps-container .step.expanded .title-cont {
  color: #194259;
}
.steps-container .step.expanded .circle {
  border-color: #e4dcd3;
  color: #e4dcd3;
}
.steps-container .step.special-step .title-cont {
  color: #00aad2;
}
.steps-container .step.special-step .circle {
  border-color: #00aad2;
  color: #00aad2;
}
.steps-container .step.special-step .unlock-content > i {
  color: #00aad2;
}
.steps-container .step.ivhc .title-cont {
  color: #00aad2;
}
.steps-container .step.ivhc .circle {
  background-color: #00aad2;
  border-color: #00aad2;
}
.steps-container .step.ivhc .unlock-content > i {
  color: #00aad2;
}
.steps-container .step.step-change-vehicle .title {
  width: 85%;
}
.steps-container .step-content {
  position: relative;
  min-height: 40px;
}
.steps-container .step-content .separator {
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 25px;
  background-color: #a4b6bf;
}
.steps-container .step-content .content {
  display: none;
  width: 640px;
  margin-left: 75px;
  border-top: 5px solid #e4dcd3;
  border-bottom: 1px solid #ACB4B6;
  padding: 20px 0;
}
.steps-container .step-content .content.last {
  border-bottom: none;
}
.steps-container .step-content.expanded .content {
  display: block;
}
.steps-container .step-content.expanded .separator {
  background-color: #e4dcd3;
}
.steps-container .step-content.completed .separator {
  background-color: #e4dcd3;
}
.steps-container .step-content.special-step .content {
  border-top-color: #00aad2;
}
.steps-container .step-content.special-step.completed .separator {
  background-color: #00aad2;
}
.steps-container .step-content.special-step.expanded .separator {
  background-color: #00aad2;
}
.steps-container .step-content.ivhc .content {
  border-top-color: #00aad2;
}
.steps-container .privacypolicy-wrap {
  color: #3B3B3B;
  padding-left: 15px;
  padding-right: 5px;
}
.steps-container .privacypolicy-wrap .privacypolicy-link {
  color: #3B3B3B;
  text-decoration: underline;
}
.steps-container .privacypolicy-wrap a:hover {
  color: #337ab7;
  cursor: pointer;
}
.steps-container .stars-container {
  font-size: 0px;
  padding-right: 3px;
}
.steps-container .stars-container > span {
  font-size: 13px;
}
.steps-container .continue-bnt-wrap {
  height: 56px;
  margin-top: 35px;
}
.steps-container .continue-bnt-wrap .continue-btn {
  position: relative;
  float: right;
  color: #ffffff;
  background-color: #e4dcd3;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 8px 0px;
  font-size: 20px;
  text-align: center;
  width: 345px;
  height: 56px;
}
.steps-container .continue-bnt-wrap .continue-btn:hover {
  background-color: #fff;
  color: #e4dcd3;
  border: 2px solid #e4dcd3;
}
.steps-container .continue-bnt-wrap .continue-btn:active {
  top: 2px;
  left: 2px;
}
.steps-container .continue-bnt-wrap .continue-btn[disabled=disabled],
.steps-container .continue-bnt-wrap .continue-btn:disabled {
  cursor: default;
  pointer-events: none;
  background-color: #cccccc;
}
.steps-container .continue-bnt-wrap .continue-btn.loading {
  background-color: #fff;
  color: #e4dcd3;
  border: 2px solid #e4dcd3;
}
.steps-container .continue-bnt-wrap.special-step .continue-btn {
  background-color: #00aad2;
}
.steps-container .continue-bnt-wrap.special-step .continue-btn:hover {
  background-color: #ffffff;
  color: #00aad2;
  border-color: #00aad2;
}
.steps-container .continue-bnt-wrap.ivhc {
  /*.continue-btn {
                background-color: @special-step-color;

                &:hover {
                    background-color: #ffffff;
                    color: @special-step-color;
                    border-color: @special-step-color;
                }
            }*/
}
.steps-container #confirm-message {
  position: relative;
  color: #B5BDC0;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 100px;
}
.steps-container #confirm-message > h5 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}
.steps-container #confirm-message .text {
  color: #B9C2C7;
  font-weight: bold;
  margin-left: 30px;
}
.steps-container #confirm-message .reference {
  color: #1B3242;
  font-size: 22px;
}
.steps-container #confirm-message .btn-print {
  position: absolute;
  right: 0;
  bottom: -5px;
  color: #ffffff;
  background-color: #e4dcd3;
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  font-size: 20px;
  text-decoration: none;
}
.steps-container .tooltip-inner {
  background-color: #ffffff;
  color: #a4b6bf;
  border: 1px solid #a4b6bf;
}
.steps-container .tooltip-arrow {
  border-top-color: #a4b6bf !important;
}
.steps-container .tooltip.in {
  opacity: 1;
}
.not-allowed-spq {
  text-align: center;
}
.existing-spq {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: -22px !important;
}
.existing-spq h3 {
  font-size: 18px;
  color: #a4b6bf;
}
.existing-spq .dealer-tel {
  color: #194259;
}
.existing-spq .dealer-tel:hover,
.existing-spq .dealer-tel:active,
.existing-spq .dealer-tel:visited,
.existing-spq .dealer-tel:focus {
  text-decoration: none;
}
@media (max-width: 768px) {
  .steps-container {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }
  .steps-container .step {
    padding-left: 10px;
  }
  .steps-container .step .unlock-content {
    right: 20px;
  }
  .steps-container .step .summary {
    left: 86px;
  }
  .steps-container .step-content {
    margin: 10px 0;
  }
  .steps-container .step-content .content {
    width: 100%;
    margin-left: 0;
  }
  .steps-container .step-content .separator {
    display: none;
  }
  .steps-container .privacypolicy-wrap {
    padding-left: 0px;
  }
  .steps-container #confirm-message .reference {
    display: block;
    margin-left: 30px;
  }
  .steps-container #confirm-message .btn-print {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .steps-container .continue-bnt-wrap {
    margin: 5px;
  }
  .steps-container .continue-bnt-wrap .continue-btn {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .steps-container .continue-bnt-wrap .continue-btn {
    /*margin-right: 0;*/
  }
  .steps-container #confirm-message .btn-print {
    position: static;
    float: right;
    margin-top: 10px;
  }
  .steps-container .step .header .title-cont {
    left: 60px;
    margin-top: 10px;
  }
  .steps-container .step.step-change-vehicle .title {
    margin-bottom: 15px;
  }
  .steps-container .step .summary {
    width: 70%;
    left: 71px;
  }
  .existing-spq {
    width: 80%;
  }
}
@media (max-width: 320px) {
  .steps-container .step .header .title-cont {
    left: 0;
  }
  .steps-container .step .circle {
    visibility: hidden;
  }
  .steps-container .step .summary {
    left: 12px;
  }
}
.overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1072;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
}
.overlay.active {
  display: block;
}
.overlay .loader {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.horizontal-menu .step-two .continue-bnt-container .continue-bnt-wrap,
.horizontal-menu .step-three .continue-bnt-container .continue-bnt-wrap,
.horizontal-menu .step-four .continue-bnt-container .continue-bnt-wrap,
.horizontal-menu .step-five .continue-bnt-container .continue-bnt-wrap,
.horizontal-menu .step-ivhc .continue-bnt-container .continue-bnt-wrap,
.horizontal-menu .step-one .continue-bnt-container .continue-bnt-wrap {
  padding-right: 0 !important;
}
.horizontal-menu .step-two .continue-bnt-wrap,
.horizontal-menu .step-three .continue-bnt-wrap,
.horizontal-menu .step-four .continue-bnt-wrap,
.horizontal-menu .step-five .continue-bnt-wrap,
.horizontal-menu .step-ivhc .continue-bnt-wrap,
.horizontal-menu .step-one .continue-bnt-wrap {
  text-align: center;
}
.horizontal-menu .step-two .continue-bnt-wrap .continue-btn,
.horizontal-menu .step-three .continue-bnt-wrap .continue-btn,
.horizontal-menu .step-four .continue-bnt-wrap .continue-btn,
.horizontal-menu .step-five .continue-bnt-wrap .continue-btn,
.horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn,
.horizontal-menu .step-one .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
.horizontal-menu .step-two .continue-bnt-wrap .continue-btn i,
.horizontal-menu .step-three .continue-bnt-wrap .continue-btn i,
.horizontal-menu .step-four .continue-bnt-wrap .continue-btn i,
.horizontal-menu .step-five .continue-bnt-wrap .continue-btn i,
.horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn i,
.horizontal-menu .step-one .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
.horizontal-menu .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-right,
.horizontal-menu .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-right,
.horizontal-menu .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-right,
.horizontal-menu .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-right,
.horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-right,
.horizontal-menu .step-one .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  position: absolute;
  right: 30px;
  top: 18px;
}
.horizontal-menu .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-left,
.horizontal-menu .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-left,
.horizontal-menu .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-left,
.horizontal-menu .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-left,
.horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-left,
.horizontal-menu .step-one .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 810px) {
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-one .continue-bnt-wrap .continue-btn {
    margin: 0;
    width: 49% !important;
  }
}
@media (max-width: 767px) {
  .horizontal-menu .step-two .continue-bnt-wrap,
  .horizontal-menu .step-three .continue-bnt-wrap,
  .horizontal-menu .step-four .continue-bnt-wrap,
  .horizontal-menu .step-five .continue-bnt-wrap,
  .horizontal-menu .step-ivhc .continue-bnt-wrap {
    white-space: normal !important;
  }
}
@media (max-width: 480px) {
  .horizontal-menu .step-two .continue-bnt-wrap,
  .horizontal-menu .step-three .continue-bnt-wrap,
  .horizontal-menu .step-four .continue-bnt-wrap,
  .horizontal-menu .step-five .continue-bnt-wrap,
  .horizontal-menu .step-ivhc .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn {
    letter-spacing: 0 !important;
    vertical-align: bottom;
  }
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn span,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn span,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn span,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn span,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn.back-btn span,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn.back-btn span,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn.back-btn span,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn.back-btn span,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-right,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-right,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-right,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-right,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  .horizontal-menu .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-left,
  .horizontal-menu .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-left,
  .horizontal-menu .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-left,
  .horizontal-menu .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-left,
  .horizontal-menu .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
  .horizontal-menu .step-five .continue-bnt-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }
}
ul.horizontal-list {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 5px 0px;
  /*remove on mobile*/
  text-align: center;
  padding-bottom: 10px;
}
ul.horizontal-list.nav > li > a {
  padding: 0;
  pointer-events: none;
}
ul.horizontal-list.nav > li > a:hover {
  background-color: transparent;
}
ul.horizontal-list li {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
ul.horizontal-list li .circle {
  display: table;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #F6F3F2;
  text-align: center;
  cursor: default;
  margin: 0 auto;
  background-color: #F6F3F2;
  pointer-events: none;
}
ul.horizontal-list li .circle button {
  position: relative;
  padding: 0;
  top: 5px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 22px;
}
ul.horizontal-list li .circle button i {
  color: #002c5f;
}
ul.horizontal-list li .separator {
  height: 5px;
  width: 80px;
  position: relative;
  background-color: #F6F3F2;
  bottom: 20px;
  left: 75px;
}
ul.horizontal-list li .pre-separator {
  height: 5px;
  width: 50%;
  position: relative;
  background-color: #002c5f;
  top: 20px;
}
ul.horizontal-list li .title-cont .title {
  font-size: 18px;
  color: #000000;
}
ul.horizontal-list li.unlocked .circle {
  color: #002c5f;
  border: 2px solid #002c5f;
  cursor: pointer;
  background-color: #002c5f;
}
ul.horizontal-list li.unlocked .circle button {
  pointer-events: auto;
}
ul.horizontal-list li.unlocked .circle button i {
  color: #F6F3F2;
}
ul.horizontal-list li.completed .circle {
  color: #002c5f;
  border: 2px solid #002c5f;
  cursor: pointer;
  background-color: #002c5f;
}
ul.horizontal-list li.completed .circle button {
  pointer-events: auto;
}
ul.horizontal-list li.completed .circle button i {
  color: #F6F3F2;
}
ul.horizontal-list li.completed .separator {
  background-color: #002c5f;
}
ul.horizontal-list li.disabled-while-posting .circle {
  cursor: default;
  pointer-events: none;
}
ul.horizontal-list li.disabled-while-posting .circle button {
  pointer-events: none;
}
ul.horizontal-list li.expanded .circle {
  pointer-events: none;
}
ul.horizontal-list li.expanded .circle button {
  pointer-events: none;
}
ul.horizontal-list.static-list-menu li .title-cont .title {
  margin-top: 5px;
  margin-bottom: 0px;
}
ul.horizontal-list.static-list-menu li.completed .circle {
  pointer-events: none;
}
ul.horizontal-list.static-list-menu li.completed .circle button {
  top: 5px;
  pointer-events: none;
}
.horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .centre-name {
  font-weight: bold;
  float: left;
}
.horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
  width: calc(100% - 180px);
  clear: both;
}
.horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
  font-weight: bold;
  padding-top: 5px;
}
.horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
  position: relative;
  float: left;
}
.horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .contacts {
  padding-top: 30px;
}
@media (max-width: 1500px) {
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont {
    padding-top: 5px;
    /*.centre-name {
                            width: 100%;
                        }

                        .info {
                            width: 100%;
                            clear: both;
                        }

                        .hours-label {
                            font-weight: bold;
                            width: 100%;
                            float: left;
                            top: 0px;
                            padding-top: 5px;
                        }

                        .work-time {
                            position: relative;
                            top: 0;
                            float: left;
                        }

                        .contacts {
                            padding-top: 15px;
                        }*/
  }
}
@media (max-width: 1200px) {
  .horizontal-menu .step-one .google-map-container .google-map-wrapper {
    height: 385px !important;
  }
}
@media (max-width: 767px) {
  .horizontal-menu .step-one .google-map-container .google-map-wrapper {
    height: 225px !important;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .centre-name {
    font-weight: bold;
    width: calc(100% - 180px);
    float: left;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
    width: calc(100% - 180px);
    clear: both;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    font-weight: bold;
    width: 174px;
    float: right;
    top: -17px;
    padding-top: 0px;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
    float: right;
    position: relative;
    top: -20px;
  }
}
@media (max-width: 560px) {
  ul.horizontal-list li .title-cont .title {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  ul.horizontal-list li .title-cont .title {
    font-size: 12px;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    width: 154px;
    float: right;
  }
}
@media (max-width: 400px) {
  ul.horizontal-list li .circle {
    width: 30px;
    height: 30px;
  }
  ul.horizontal-list li .circle button {
    font-size: 16px;
  }
  ul.horizontal-list li .separator {
    bottom: 16px;
  }
  ul.horizontal-list li .pre-separator {
    top: 18px;
  }
  ul.horizontal-list li .title-cont .title {
    font-size: 11px;
  }
}
@media (max-width: 380px) {
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .centre-name {
    width: 100%;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
    width: 100%;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    float: left;
    top: 0px;
    width: 100%;
  }
  .horizontal-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
    top: 0px;
    width: 100%;
    float: left;
  }
}
@media (max-width: 330px) {
  ul.horizontal-list li .title-cont .title {
    font-size: 10px;
  }
}
#main-dealer-banner {
  clear: both;
}
#main-dealer-banner.vertical-menu.banner-gradient {
  min-height: 160px;
}
#main-dealer-banner.vertical-menu.banner-gradient.step-confirmed.vertical-menu ul.horizontal-list {
  display: none;
  width: auto;
  visibility: hidden;
}
#main-dealer-banner.vertical-menu.dealer-banner {
  min-height: 160px;
}
#main-dealer-banner.vertical-menu ul.horizontal-list {
  display: none;
}
#main-dealer-banner.vertical-menu ul.vertical-list {
  position: relative;
  margin-top: 242px;
  left: 10%;
  margin-bottom: 30px;
  float: left;
  width: 80%;
}
#main-dealer-banner.vertical-menu ul.vertical-list.nav > li > a {
  padding: 0;
  pointer-events: none;
  float: left;
  z-index: 3;
}
#main-dealer-banner.vertical-menu ul.vertical-list.nav > li > a:hover {
  background-color: transparent;
}
#main-dealer-banner.vertical-menu ul.vertical-list li {
  text-align: center;
  white-space: nowrap;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .circle {
  display: table;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #F6F3F2;
  text-align: center;
  cursor: default;
  margin: 0 auto;
  background-color: #F6F3F2;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .circle button {
  position: relative;
  padding: 0;
  top: 1px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 23px;
  right: 0;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .circle button i {
  color: #fff;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .separator {
  min-height: 80px;
  width: 5px;
  position: relative;
  background-color: #F6F3F2;
  /*bottom: 20px;*/
  left: 18px;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .title-cont {
  position: absolute;
  /*width: 100%;*/
  left: 92px;
  top: 10px;
  display: block;
  text-align: left;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .title-cont h3 {
  font-size: 18px;
}
#main-dealer-banner.vertical-menu ul.vertical-list li .summary {
  display: none;
}
#main-dealer-banner.vertical-menu ul.vertical-list li button {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  z-index: 3;
}
#main-dealer-banner.vertical-menu ul.vertical-list li button .icon {
  font-size: 36px;
}
#main-dealer-banner.vertical-menu ul.vertical-list li button .icon:before {
  color: #000000;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .circle {
  color: #002c5f;
  border: 2px solid #002c5f;
  cursor: pointer;
  /*pointer-events: auto;*/
  background-color: #002c5f;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .circle button {
  pointer-events: auto;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .circle button i {
  color: #fff;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .separator {
  background-color: #002c5f;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .separator.expanded {
  height: auto;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .circle {
  color: #002c5f;
  border: 2px solid #002c5f;
  cursor: pointer;
  /*pointer-events: auto;*/
  background-color: #002c5f;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .circle button {
  pointer-events: auto;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .circle button i {
  color: #fff;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .separator {
  background-color: #002c5f;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .summary,
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .title-cont {
  display: block;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.completed .title-cont {
  top: 0px;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.expanded .summary,
#main-dealer-banner.vertical-menu ul.vertical-list li.expanded .title-cont {
  display: none;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.disabled-while-posting .circle {
  cursor: default;
  pointer-events: none;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.disabled-while-posting .circle button {
  pointer-events: none;
}
#main-dealer-banner.vertical-menu ul.vertical-list li.disabled-while-posting button {
  pointer-events: none;
}
#main-dealer-banner.vertical-menu .modify-header-text {
  margin-top: 28px;
}
#main-dealer-banner.without-logo.banner-gradient {
  min-height: 90px;
}
#main-dealer-banner.without-logo.dealer-banner {
  min-height: 160px;
}
#main-dealer-banner .dms-summary {
  display: block;
}
#main-dealer-banner .dms-label-step-two {
  border-left: 2px solid gray;
  margin-left: 10px;
  display: inline-block;
  padding-left: 10px;
}
#main-dealer-banner .step-two-label {
  display: inline-block;
}
.vertical-menu .content.step-one {
  padding: 0px;
}
.vertical-menu > section > .steps-container > .step-cont {
  margin: 0 auto;
  width: 100%;
  position: absolute;
}
.vertical-menu > section > .steps-container > .step-cont > div:not(:first-child),
.vertical-menu > section > .steps-container > .step-cont div.step-one-container {
  width: 72%;
  margin: 0 auto;
}
.vertical-menu .step-zero .registration-cnt {
  margin-bottom: 45px;
}
.vertical-menu .step-one-container {
  padding: 0px 15px;
}
.vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
  width: 100%;
}
.vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
  float: left;
  /*padding-top: 15px;*/
}
.vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .contacts {
  padding-top: 15px;
}
@media (max-width: 1400px) {
  .vertical-menu .step-customer-consent .iconsent-container .check-box-container .box-content .ed-bok {
    margin-right: 5px;
  }
  .vertical-menu .step-customer-consent .iconsent-container .check-box-container .box-content .choice-label {
    margin-right: 5px;
  }
}
@media (max-width: 1300px) {
  .vertical-menu .step-four-container .no-border-panel {
    width: 100%;
  }
  .vertical-menu .step-customer-consent .panel-body {
    min-height: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1224px) {
  #main-dealer-banner.vertical-menu ul.vertical-list {
    width: 96%;
    left: 2%;
  }
  .vertical-menu > section > .steps-container > .step-cont > div:not(:first-child),
  .vertical-menu > section > .steps-container > .step-cont div.step-one-container {
    width: 85%;
  }
}
@media (max-width: 1200px) {
  .vertical-menu .step-one .google-map-container .google-map-wrapper {
    height: 385px;
  }
  .vertical-menu .step-one .list-container .centres-count-container {
    /*right: 10%;*/
  }
}
@media (max-width: 768px) {
  .vertical-menu > section > .steps-container > .step-cont > div:not(:first-child),
  .vertical-menu > section > .steps-container > .step-cont div.step-one-container {
    width: 80%;
  }
}
@media (max-width: 767px) {
  #main-dealer-banner.vertical-menu.banner-gradient {
    min-height: 125px;
  }
  #main-dealer-banner.vertical-menu.dealer-banner {
    min-height: 125px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list {
    left: 10px;
    width: 98%;
    overflow: hidden;
    margin-top: 288px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list.nav > li > a {
    z-index: 0;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li:first-child.expanded .separator {
    min-height: 230px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .title-cont {
    left: 5px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .title-cont h3 {
    font-size: 18px;
    white-space: normal;
    /*width: calc(100% - 40px);*/
    word-break: keep-all;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li button {
    right: 5px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li button .icon {
    font-size: 28px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .circle {
    border-color: transparent;
    background-color: transparent;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .circle button {
    pointer-events: none;
    z-index: 0;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .circle button i {
    opacity: 0;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li .separator {
    background-color: transparent;
    left: 0px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li.expanded .circle,
  #main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .circle,
  #main-dealer-banner.vertical-menu ul.vertical-list li.completed .circle {
    border-color: transparent;
    background-color: transparent;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li.expanded .circle button,
  #main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .circle button,
  #main-dealer-banner.vertical-menu ul.vertical-list li.completed .circle button {
    pointer-events: none;
    z-index: 0;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li.expanded .separator,
  #main-dealer-banner.vertical-menu ul.vertical-list li.unlocked .separator,
  #main-dealer-banner.vertical-menu ul.vertical-list li.completed .separator {
    background-color: transparent;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li.completed .title-cont {
    top: 8px;
    margin-right: 5rem;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list li.completed .title-cont .nowrap {
    white-space: nowrap;
  }
  #main-dealer-banner.without-logo.banner-gradient {
    min-height: 80px;
  }
  #main-dealer-banner.without-logo.dealer-banner {
    min-height: 80px;
  }
  .vertical-menu > section > .steps-container > .step-cont > div:not(:first-child),
  .vertical-menu > section > .steps-container > .step-cont div.step-one-container {
    width: 100%;
  }
  .vertical-menu .step-one-container {
    padding: 0px;
  }
  .vertical-menu #cont-step-one {
    margin-top: 0px !important;
  }
  .vertical-menu .step-one .list-container .centres-count-container {
    right: 10px;
  }
  .vertical-menu .step-one .registration-cnt {
    min-height: 195px;
  }
  .vertical-menu .step-one .registration-cnt .vehicle-info {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0px 5px;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont {
    padding-top: 20px;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .centre-name {
    font-weight: bold;
    width: calc(100% - 165px);
    float: left;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
    width: calc(100% - 165px);
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
    float: right;
    padding-top: 0px;
    padding-right: 0px !important;
    top: -20px;
    position: relative;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    padding-top: 0px;
    width: 146px;
    white-space: nowrap;
    top: -20px;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .contacts {
    padding-top: 15px;
  }
}
@media (max-width: 480px) {
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    float: right;
  }
}
@media (max-width: 400px) {
  #main-dealer-banner.vertical-menu.banner-gradient {
    min-height: 135px;
  }
  #main-dealer-banner.vertical-menu.dealer-banner {
    min-height: 135px;
  }
  #main-dealer-banner.vertical-menu ul.vertical-list {
    margin-top: 298px;
  }
  #main-dealer-banner.without-logo.banner-gradient {
    min-height: 90px;
  }
  #main-dealer-banner.without-logo.dealer-banner {
    min-height: 90px;
  }
}
@media (max-width: 380px) {
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .centre-name {
    width: 100%;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .info {
    width: 100%;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .hours-label {
    float: left;
    top: 0px;
    width: 100%;
  }
  .vertical-menu .step-one .address-cont .centre-info-container .address-info-cont .work-time {
    top: 0px;
    width: 100%;
  }
}
.step-one {
  padding: 0px 15px;
}
.step-one .panel-body {
  padding: 10px;
}
.step-one .use-current-location {
  margin: 0px;
  display: none;
}
.step-one .use-current-location .current-location-btn {
  position: relative;
  float: right;
  color: #ffffff;
  background-color: #e4dcd3;
  border: 2px solid transparent;
  border-radius: 5px;
  font-size: 20px;
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
  height: 44px;
}
.step-one .form-group {
  position: relative;
  margin-bottom: 8px;
  display: block;
  width: 100%;
  margin: 10px auto;
}
.step-one .form-group .title.required {
  color: #e63312 !important;
}
.step-one .form-group .postcode-town-container {
  display: inline-flex;
  width: 100%;
}
.step-one .form-group .postcode-town-container .drop-down {
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;
  /*min-width: 160px;*/
  padding: 0 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 4px;
  -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;
  overflow-y: scroll;
  max-height: 200px;
  width: 95%;
}
.step-one .form-group .postcode-town-container .drop-down > li {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.step-one .form-group .postcode-town-container .drop-down > li {
  cursor: pointer;
  /*&:hover {
                        color: #8EC0DB;
                        border: 2px solid #8EC0DB;
                    }*/
}
.step-one .form-group .postcode-town-container .drop-down > li:hover {
  color: #e4dcd3;
  border: 2px solid #e4dcd3;
}
.step-one .form-group .postcode-town-container .drop-down > li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.step-one .form-group .postcode-town-container .drop-down > li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.step-one .form-group .postcode-town-container .drop-down::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.step-one .form-group .postcode-town-container .drop-down::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.step-one .form-group .postcode-town-container .drop-down::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #e4dcd3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.step-one .form-group .postcode-town-container .drop-down::-webkit-scrollbar-thumb:window-inactive {
  background-color: #e4dcd3;
}
.step-one .form-group .label-override .placeholder {
  position: absolute;
  top: 18px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  font-weight: normal;
  font-size: smaller;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 0 45px;
}
.step-one .form-group .label-override .placeholder.active {
  top: 5px;
  font-size: 11px !important;
  color: #e4dcd3;
  padding: 0 0;
}
.step-one .form-group .label-override .placeholder.active.error {
  color: #e63312;
}
.step-one .form-group .label-override .placeholder.required {
  color: #e63312;
}
.step-one .form-group .form-control {
  height: 56px;
  padding-top: 20px;
  font-size: 18px;
  display: inline-flex;
  /*width: calc(100% - 12px);*/
  text-align: center;
  /*margin-right: 5px;*/
  /*width: 180px;*/
  width: 100%;
  margin: 0 auto;
  border: 1px solid;
  background-color: #ffffff;
}
.step-one .form-group .find-btn-container {
  margin: 0px;
}
.step-one .form-group .find-btn-container .find-btn {
  width: 180px;
  height: 44px;
  margin-left: 12px;
  font-size: 20px;
}
.step-one .form-group .geo {
  position: absolute;
  top: 0px;
  z-index: 2;
  right: 0px;
  border: 0;
  background: none;
  padding: 0;
  height: 56px;
  width: 60px;
  font-size: 20px;
  /*border-left: 1px solid #cccccc;*/
}
.step-one .form-group .geo .geo-location-icon2 {
  line-height: 0;
  display: inline-block;
  color: #4285F4;
  box-shadow: 0px 1px 8px #cccccc;
  border-radius: 50px;
  border: 1px solid #c5d0d3;
  padding: 8px;
}
.step-one .selected {
  /*font-weight: bold;*/
  color: #000000;
}
.step-one .selected .dealer-checkbox {
  background-color: #00aad2;
  border: 1px solid #00aad2 !important;
}
.step-one .selected .dealer-checkbox .tick-icon {
  color: #ffffff;
  position: absolute;
  top: -3px;
  left: 1px;
}
.step-one .list-container {
  /*padding-top: 10px;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 10px;*/
  min-height: 410px;
  float: left;
  width: 50%;
  background-color: #ffffff;
  /*box-shadow: @panel-box-shadow;*/
  /*.panel-heading{
            display: none;
        }*/
}
.step-one .list-container .custom-list-group {
  max-height: 300px;
  width: 100%;
  margin: 0 auto;
  height: 260px;
  /*max-height: 355px;*/
  /*min-height: 150px;*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: scrollbar;
  /*.without-distance {
                height: 85px !important;
                min-height: 0px !important;
            }*/
}
.step-one .list-container .custom-list-group::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.step-one .list-container .custom-list-group::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
}
.step-one .list-container .custom-list-group::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #ccc;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  display: block;
}
.step-one .list-container .custom-list-group::-webkit-scrollbar-thumb:window-inactive {
  background-color: #ccc;
  display: block;
}
.step-one .list-container .custom-list-group .list-group-item {
  margin-bottom: 0px;
}
.step-one .list-container .custom-list-group .custom-list-group-item {
  border: 0px solid;
  padding: 0px 10px !important;
  background-color: #ffffff;
  min-height: 60px !important;
  /*border-bottom: 2px solid @panel-header-border-color;*/
  /*margin: 0px 10px;*/
  /*height:75px;*/
}
.step-one .list-container .custom-list-group .custom-list-group-item .centre-information {
  padding-left: 50px;
  cursor: pointer;
  /*padding-bottom: 10px;*/
  /*.centre-name, .dealer-name{
                        font-weight: bold;
                    }*/
}
.step-one .list-container .custom-list-group .custom-list-group-item .centre-information .centre-name,
.step-one .list-container .custom-list-group .custom-list-group-item .centre-information .distance,
.step-one .list-container .custom-list-group .custom-list-group-item .centre-information dealer-name {
  word-wrap: break-word;
  word-break: keep-all;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box {
  position: relative;
  top: 10px;
  width: 20px;
  height: 12px;
  margin-right: 20px;
  margin-left: -10px;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value {
  font-size: 0.9em;
  padding-top: 2px;
  padding-left: 2px;
  overflow: hidden;
  display: block;
  float: left;
  width: 30px;
  height: 55px;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  text-align: center;
  /*background: url(https://images.edynamix.com/icons/google-maps-marker.png) 0 0 no-repeat;*/
  cursor: pointer;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value .marker-icon {
  /*width: auto;
                            height: 100%;*/
  font-size: 45px;
  width: 42px;
  height: 42px;
  margin-left: -5px;
  margin-top: -2px;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value .marker-number {
  position: absolute;
  font-family: 'Roboto', sans-serif;
  top: 6px;
  left: 12px;
  color: #ffffff;
  font-weight: unset;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value-large {
  width: 50px;
  height: 58px;
  /*padding-top: 7px;*/
  padding-left: 0px;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value-large .marker-icon-large {
  float: left;
  position: absolute;
  height: 50px;
  /*left: -4px;*/
  left: -8px;
  font-size: 70px;
}
.step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value-large .marker-number-large {
  position: absolute;
  left: 13px;
  /*top: 19px;*/
  top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 18px;
  z-index: 1;
  color: #000000;
}
.step-one .list-container .custom-list-group .selected .centre-information .centre-name {
  font-weight: bold;
}
.step-one .list-container .custom-list-group .custom-list-group-item-large {
  height: 75px;
}
.step-one .list-container .custom-list-group .empty-list-group-item {
  height: 80px;
}
.step-one .list-container .custom-list-group .dealer-checkbox {
  position: relative;
  top: 3px;
  left: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 20px;
  margin-right: 8px;
  float: right;
  font-size: 27px;
}
.step-one .list-container .transition-small-large {
  overflow: auto !important;
  pointer-events: none;
}
.step-one .list-container .small-custom-list-group .empty-list-group-item {
  display: none;
}
.step-one .list-container .inc-dec-icon-container {
  display: none;
  text-align: center;
  border: 1px solid #555555;
  border-radius: 5px;
  margin: 15px auto;
  width: 100%;
  background-color: #ffffff;
}
.step-one .list-container .inc-dec-icon-container .inc-dec-icon {
  color: #555555;
}
.step-one .list-container .centres-count-container {
  /*text-align: center;*/
  float: right;
  margin-right: 5px;
  font-weight: bold;
  margin-top: 24px;
  right: 50%;
  position: absolute;
}
.step-one div[disabled="disabled"] {
  background-color: #ffffff !important;
  opacity: 1;
  pointer-events: none;
}
.step-one .address-cont {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 0px;
  float: left;
  width: 50%;
  margin-top: 0px;
}
.step-one .address-cont .centre-info-container {
  display: inline-flex;
  justify-content: space-between;
  flex-direction: column;
  height: 410px;
  width: 50%;
}
.step-one .address-cont .centre-info-container.max-width {
  width: 100%;
}
.step-one .address-cont .centre-info-container .address-info-cont {
  position: relative;
  float: left;
  font-size: 14px;
  width: 100%;
}
.step-one .address-cont .centre-info-container .address-info-cont .centre-name {
  font-weight: bold;
}
.step-one .address-cont .centre-info-container .address-info-cont .info {
  width: calc(100% - 135px);
}
.step-one .address-cont .centre-info-container .address-info-cont .info .delimiter {
  display: inline-block;
  margin-top: 15px;
}
.step-one .address-cont .centre-info-container .address-info-cont .info .delimiter span {
  font-weight: bold;
}
.step-one .address-cont .centre-info-container .address-info-cont .info i {
  margin-right: 5px;
}
.step-one .address-cont .centre-info-container .aftersales-hours .hours-label {
  font-weight: bold;
  padding-top: 5px;
}
.step-one .address-cont .centre-info-container .aftersales-hours table td:first-child {
  padding-right: 10px;
}
.step-one .address-cont .centre-info-container .contacts {
  display: inline-block;
  width: 100%;
}
.step-one .address-cont .centre-info-container .contacts > a {
  display: block;
}
.step-one .address-cont .centre-info-container .contacts > a.delimiter i {
  margin-right: 7px;
  margin-left: 3px;
}
.step-one .address-cont .centre-info-container .contacts > a.email i {
  margin-right: 3px;
}
.step-one .address-cont .centre-info-container .contacts > a.url i {
  margin-top: 7px;
}
.step-one .address-cont .centre-info-container .contacts > a.url .url-icon {
  margin-left: -1px;
  font-size: 18px;
}
.step-one .address-cont .centre-info-container .contacts > a.url .url-text {
  margin-left: 3px;
}
.step-one .address-cont .centre-info-container .contacts .tooltip {
  left: 0px !important;
}
.step-one .address-cont .centre-info-container .contacts .tooltip .tooltip-inner {
  max-width: none !important;
  text-align: left;
}
.step-one .address-cont .centre-info-container .contacts .email {
  position: relative;
  top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step-one .address-cont .centre-info-container .facilities-cont {
  position: relative;
  width: 100%;
  float: left;
  color: #e4dcd3;
  left: -5px;
}
.step-one .address-cont .centre-info-container .facilities-cont > div {
  display: inline-block;
  width: 35px;
  text-align: center;
}
.step-one .address-cont .centre-info-container .facilities-cont > div i {
  position: relative;
  font-size: 18px;
  cursor: pointer;
}
.step-one .address-cont .centre-info-container .facilities-cont > div i:focus {
  outline: 0 !important;
}
.step-one .address-cont .centre-info-container .facilities-cont .img {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 22px Auto;
}
.step-one .address-cont .centre-info-container .facilities-cont.active {
  display: block;
}
.step-one .address-cont .google-map-wrapper {
  position: relative;
  display: inline-block;
  width: 49%;
  height: 470px;
  border: 1px solid #AEB2B3;
  /*margin-right: 10px;*/
  line-height: 1.3;
  float: right;
  height: 410px;
  -webkit-transition: width 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: width 0.5s;
}
.step-one .address-cont .google-map-wrapper.full-container {
  width: 100%;
  transition-delay: 0.5s !important;
}
.step-one .address-cont .google-map-wrapper .small-google-map {
  width: 100%;
  height: 100%;
}
.step-one .address-cont .google-map-wrapper .show-large-map {
  position: absolute;
  margin: 5px;
  padding: 2px 10px;
  font-size: 12px;
  color: #629AF6;
  background-color: white;
  border: none;
  border-radius: 2px;
  box-shadow: 2px 2px 1px 0px #bfbfbf;
  z-index: 1;
}
.step-one .address-cont .google-map-wrapper .show-large-map:hover {
  background-color: #629AF6;
  color: #ffffff;
}
.step-one .google-maps-overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1072;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
}
.step-one .google-maps-overlay.active {
  display: block;
}
.step-one .google-maps-overlay .google-big-maps {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80%;
  height: 80%;
  margin: 0 auto;
}
.step-one .google-maps-overlay .google-big-maps #dealer-big-map {
  width: 100%;
  height: 100%;
}
.step-one .google-maps-overlay .google-big-maps .warning-msg {
  position: absolute;
  top: 10px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: #ffffff;
  color: #DA6161;
  padding: 0 10px;
  z-index: 1;
}
.step-one .google-maps-overlay .google-big-maps .warning-msg .inactive {
  display: none;
}
.step-one .google-maps-overlay .google-big-maps .warning-msg .inactive.active {
  display: block;
}
.step-one .google-maps-overlay .google-big-maps .close-btn-wrapper {
  position: relative;
}
.step-one .google-maps-overlay .google-big-maps .close-btn {
  position: absolute;
  right: -18px;
  bottom: -13px;
  color: #ffffff;
  font-size: 20px;
  padding: 4px;
  background: black;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}
.step-one .google-maps-overlay .select-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 15%;
  z-index: 1;
}
.step-one .gm-style-iw .center-name {
  font-weight: bold;
}
.step-one .gm-style-iw .duration-cont .duration {
  padding-left: 3px;
}
.step-one .gm-style-iw .distance-cont {
  padding: 3px 5px 5px 3px;
}
.step-one .gm-style-iw .distance-cont .distance {
  padding-left: 8px;
}
.step-one .direction-cyrcle {
  position: absolute;
  right: 10px;
  bottom: 15px;
  background-color: #4385F6;
  width: 50px;
  height: 50px;
  box-shadow: 1px 3px 7px #000000;
  border-radius: 50px;
  z-index: 1;
}
.step-one .direction-cyrcle .map-icon-direction {
  position: absolute;
  right: 13px;
  bottom: 21px;
  font-size: 23px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.step-one .direction-cyrcle #directions {
  position: absolute;
  margin-top: 30px;
  margin-left: 15px;
  font-size: 14px !important;
  text-transform: uppercase;
  color: #ffffff;
}
.step-one #shareLocationError {
  display: none;
  color: red;
  width: 100%;
  padding-left: 10px;
}
.step-one #shareLocationError.active {
  display: inline-block;
}
.step-one .continue-loc-bnt-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 35px;
}
.step-one .continue-loc-bnt-wrap .continue-bnt-wrap {
  margin-top: 0px;
}
@media (max-width: 1600px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 14px !important;
    top: 20px;
  }
}
@media (max-width: 1350px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 12px !important;
    top: 20px;
  }
}
@media (max-width: 1200px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 14px !important;
  }
  .step-one .address-cont {
    padding-left: 0px;
    margin-top: 0px;
  }
  .step-one .address-cont .centre-info-container {
    height: 385px;
    margin-top: 0px;
  }
  .step-one .address-cont .centre-info-container .address-info-cont {
    padding-top: 5px;
  }
  .step-one .address-cont .centre-info-container .address-info-cont .contacts {
    padding-top: 0px;
  }
  .step-one .list-container {
    width: 100%;
    min-height: unset;
    margin-bottom: 0px;
  }
  .step-one .list-container .inc-dec-icon-container {
    display: block;
    position: relative;
    width: 100%;
  }
  .step-one .list-container .centres-count-container {
    margin-top: 0px;
    padding-right: 0%;
    right: 10px;
    position: relative;
  }
  .step-one .google-map-container {
    left: 0%;
    width: 100%;
  }
  .step-one .google-map-container .google-map-wrapper {
    height: 385px;
  }
}
@media (max-width: 900px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 14px !important;
  }
  .step-one .google-map-container {
    left: 0%;
    width: 100%;
  }
  .step-one .continue-loc-bnt-wrap {
    padding-right: 0%;
  }
}
@media (max-width: 768px) {
  .step-one {
    padding: 0px 15px;
  }
}
@media (max-width: 767px) {
  .step-one {
    padding: 0px;
  }
  .step-one .step-one-container {
    margin: 0px !important;
  }
  .step-one .google-map-container {
    left: 0%;
  }
  .step-one .google-map-container .centre-info-container {
    display: block;
    height: auto;
    padding: 5px;
    width: 100%;
  }
  .step-one .google-map-container .google-map-wrapper {
    width: 100%;
    height: 225px !important;
  }
  .step-one .list-container .custom-list-group {
    width: 90%;
  }
  .step-one .list-container .centres-count-container {
    padding-right: 0%;
    right: 10px;
  }
  .step-one .form-group {
    padding: 0px !important;
    width: 90%;
  }
  .step-one .form-group .postcode-town-container .drop-down {
    top: 42px;
    width: 90%;
  }
  .step-one .form-group .geo {
    top: 0px;
    height: 45px;
  }
  .step-one .form-group .geo .geo-location-icon2 {
    font-size: 19px;
    padding: 7px;
  }
  .step-one .form-group .form-control {
    height: 44px;
    font-size: 16px;
  }
  .step-one .form-group .label-override .placeholder {
    font-size: 14px;
    top: 13px;
  }
  .step-one .form-group .label-override .placeholder.active {
    top: 3px;
  }
  .step-one .list-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .step-one > div {
    margin: 5px;
    padding: 0px;
  }
  .step-one .list-container {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item {
    width: 100%;
    margin: 0 auto;
    min-height: 65px !important;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item .centre-information {
    padding-left: 25px;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item .icon-box {
    top: 0px;
    height: 7px;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value {
    margin-top: 5px;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value .marker-number {
    top: 11px;
  }
  .step-one .list-container .custom-list-group .custom-list-group-item .icon-box .icon-marker-value-large .marker-number-large {
    top: 14px;
  }
  .step-one .list-container .custom-list-group .dealer-checkbox {
    margin-right: 8px;
  }
  .step-one .list-container .inc-dec-icon-container {
    display: block;
    width: 90%;
  }
  .step-one .list-container .transition-small-large {
    overflow: hidden !important;
    pointer-events: none;
  }
  .step-one .list-container .small-custom-list-group {
    overflow-y: hidden;
  }
  .step-one .list-container .small-custom-list-group .dealer-checkbox {
    margin-right: 15px;
  }
  .step-one .list-container .centre-information > p {
    display: inline;
  }
  .step-one .list-container .centre-information p.dealer-name::before {
    content: ",";
  }
  .step-one .list-container .centre-information p.distance {
    width: 100%;
  }
  .step-one .facilities-cont {
    width: 100%;
    padding-top: 0px;
  }
  .step-one .address-cont {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .step-one .address-cont .continue-bnt-wrap {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
  }
  .step-one .address-cont .address-info-cont {
    float: none;
    width: 100%;
    padding-top: 15px !important;
  }
  .step-one .address-cont .address-info-cont .info {
    width: 50%;
  }
  .step-one .address-cont .address-info-cont .work-time {
    float: right;
    padding-right: 5px;
  }
  .step-one .address-cont .address-info-cont .work-time .dash {
    text-align: center;
  }
  .step-one .address-cont .address-info-cont .contacts {
    padding-top: 0px !important;
  }
  .step-one .continue-loc-bnt-wrap {
    padding-right: 0%;
    margin-top: 10px;
  }
  .step-one .continue-loc-bnt-wrap .continue-loc-btn {
    width: 100%;
  }
}
@media (max-width: 601px) {
  .step-one {
    /*.locations {
            width: 100%;
        }*/
  }
  .step-one .list-container {
    padding-bottom: 0px;
  }
  .step-one .list-container .custom-list-group {
    width: 90%;
    max-height: 250px;
  }
  .step-one .list-container .custom-list-group li {
    opacity: 1;
  }
  .step-one .list-container .custom-list-group li.ng-enter {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
  }
  .step-one .list-container .custom-list-group li.ng-enter-active {
    opacity: 1;
  }
  .step-one .list-container .centre-information > p {
    display: block;
  }
  .step-one .list-container .centre-information .dealer-name::before {
    content: "" !important;
  }
  .step-one .facilities-cont {
    float: none;
  }
  .step-one .address-cont .google-map-wrapper {
    width: 100%;
    height: 210px;
  }
}
@media (max-width: 550px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 12px !important;
  }
}
@media (max-width: 480px) {
  .step-one .facilities-cont {
    top: 0;
    left: 0;
  }
  .step-one .address-cont .address-info-cont .info {
    margin-right: 0;
  }
  .step-one .form-group .label-override .placeholder {
    font-size: 12px !important;
    padding: 0 80px;
    top: 5px;
  }
  .step-one .form-group .label-override .placeholder.active {
    font-size: 10px !important;
  }
  .step-one .google-maps-overlay .google-big-maps {
    width: 100%;
    height: 100%;
  }
  .step-one .google-maps-overlay .google-big-maps .close-btn {
    right: 0;
    bottom: -30px;
    border-radius: 0;
  }
  .step-one .google-maps-overlay .google-big-maps .warning-msg {
    top: 40px;
    width: 90%;
  }
  .step-one .google-maps-overlay .select-container {
    top: 8%;
  }
  .step-one .continue-bnt-wrap .continue-btn {
    margin-right: 0;
  }
}
@media (max-width: 400px) {
  .step-one .form-group .label-override .placeholder {
    font-size: 10px !important;
    top: 8px;
  }
}
@media (max-width: 375px) {
  .form-group .label-override .placeholder {
    font-size: 12px !important;
  }
}
@media (max-width: 360px) {
  .step-one .form-group .label-override .placeholder {
    padding: 0 50px;
  }
  .step-one .form-group .find-btn-container .find-btn {
    margin-left: 0px;
  }
  .step-one .form-group .geo {
    width: 40px;
  }
  .step-one .list-container .custom-list-group .dealer-checkbox {
    margin-right: 5px;
  }
}
/*@panel-heading-color: rgba(197, 208, 211, 0.6);
@panel-strip-color: rgba(197, 208, 211, 0.2);
@panel-second-strip-color: rgba(197, 208, 211, 0.06);*/
.step-two {
  margin-left: 15px;
  margin-right: 15px;
}
.step-two .disclaimer-wrap {
  font-size: 13px !important;
  clear: both !important;
  padding: 10px 30px !important;
  color: black !important;
}
.step-two > .no-border-panel {
  padding-bottom: 0px;
}
.step-two .continue-bnt-container {
  clear: both;
}
.step-two .continue-bnt-container .continue-bnt-wrap {
  margin-bottom: 35px;
}
.step-two .price-container .price-services {
  white-space: nowrap;
}
.step-two .price-container .price-services p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-two .price-container .price-services .ng-binding {
  margin-left: 5px;
}
.step-two .price-container .offer-service-price-container {
  white-space: nowrap;
  /*padding-top: 10px;*/
}
.step-two .price-container .offer-service-price-container p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-two .price-container .offer-service-price-container .ng-binding {
  margin-left: 5px;
}
.step-two .price-container .discount {
  white-space: nowrap;
}
.step-two .price-container .discount p {
  display: inline;
  color: #ff0000;
  font-size: 18px;
}
.step-two .price-container .discount .ng-binding {
  margin-left: 10px;
}
.step-two .price-container .offer-total-container {
  white-space: nowrap;
  border-top: 1px solid #e4dcd3;
}
.step-two .price-container .offer-total-container p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-two .price-container .offer-total-container .ng-binding {
  margin-left: 10px;
}
.step-two .price-container .offer-total-container-not-line {
  white-space: nowrap;
}
.step-two .price-container .offer-total-container-not-line p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-two .price-container .offer-total-container-not-line .ng-binding {
  margin-left: 10px;
}
.step-two .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.step-two textarea:disabled {
  cursor: not-allowed;
  background-color: #ffffff !important;
  opacity: 1;
}
.step-two .additional-req-container,
.step-two .dealer-note-container {
  display: inline-block;
  width: 100%;
}
.step-two #service-categories li {
  list-style: none;
  padding-top: 10px;
}
.step-two #service-categories.service-plan-box-cnt {
  position: relative;
  height: 50px;
  margin-bottom: 15px;
}
.step-two #service-categories.service-plan-box-cnt .not-clickable {
  pointer-events: none;
}
.step-two #service-categories .service-category.expanded .services .service {
  display: block;
  padding: 2px;
}
.step-two #service-categories .service-category .text p {
  margin: 5px 50px;
  margin-right: 70px;
}
.step-two #service-categories .service-category .service-category-header {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.step-two #service-categories .service-category .service-category-header > h2 {
  color: #000000;
  font-size: 20px;
  padding: 11px 0;
  background-color: #e4dcd3;
}
.step-two #service-categories .service-category .service-category-header .icon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  color: #e4dcd3;
}
.step-two #service-categories .service-category .services {
  /*padding-top: 8px;*/
}
.step-two #service-categories .service-category .services.service-inline-item {
  padding-bottom: 10px;
}
.step-two #service-categories .service-category .services .service {
  position: relative;
  display: none;
}
.step-two #service-categories .service-category .services .service .service-bar {
  position: relative;
  padding: 3px 0;
  margin: 3px 0;
  width: 100%;
  cursor: pointer;
}
.step-two #service-categories .service-category .services .service .service-bar.has-custom-qty {
  display: flex;
  align-items: center;
}
.step-two #service-categories .service-category .services .service .service-bar.has-custom-qty .price {
  padding-top: 0;
}
.step-two #service-categories .service-category .services .service .service-bar .price {
  padding-top: 5px;
  padding-right: 5px;
  color: #333;
}
.step-two #service-categories .service-category .services .service .service-bar .promo-item .price,
.step-two #service-categories .service-category .services .service .service-bar .promo-item-no-img .price {
  right: 0 !important;
  padding-right: 5px !important;
}
.step-two #service-categories .service-category .services .service .service-bar .has-media-prices {
  position: absolute;
  right: 0px;
  clear: both;
  padding-top: 8px !important;
  display: inline-block;
  float: none !important;
}
.step-two #service-categories .service-category .services .service .service-bar .has-media-checkbox-text {
  width: auto !important;
  padding-right: 35px !important;
}
.step-two #service-categories .service-category .services .service .service-bar .has-media-button {
  line-height: 1.1em !important;
  height: 1.1em !important;
  width: 1.65em !important;
  top: calc((120px - 1.1em)/2) !important;
  left: calc((100% - 1.65em)/2) !important;
}
.step-two #service-categories .service-category .services .service .service-bar .has-media-photo {
  position: relative;
  right: 83px;
  float: right;
  height: auto;
  width: 100%;
  max-width: 200px;
  background-repeat: no-repeat;
  background-position: 74%;
  background-size: cover;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  cursor: pointer;
}
.step-two #service-categories .service-category .services .service .service-bar .has-media-video {
  height: 78px !important;
  background-color: transparent !important;
}
.step-two #service-categories .service-category .services .service .service-bar .serv-checkbox {
  position: relative;
  top: 1px;
  width: 30px;
  height: 30px;
  border: 1px solid #333;
  border-radius: 5px;
  margin-right: 15px;
  background-color: #ffffff;
  margin-left: 5px;
}
.step-two #service-categories .service-category .services .service .service-bar .serv-checkbox .tick-icon {
  display: none;
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  left: -4px;
  top: -8px;
  /*.hide {
                                    display: none;
                                }*/
}
.step-two #service-categories .service-category .services .service .service-bar .service-name {
  color: #333;
  padding-top: 5px;
  display: inline-block;
  width: 48%;
  word-wrap: break-word;
  word-break: keep-all;
  max-width: 80%;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.service-plan {
  white-space: nowrap;
  margin-left: 30px;
  left: -2px;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.has-custom-qty {
  width: calc(100% - 190px) !important;
  margin-right: 10px;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.is-due-date {
  overflow: hidden;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  margin-right: 5px;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.has-price-discount {
  width: auto !important;
  max-width: 77% !important;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.from-price {
  width: auto !important;
  margin-right: 8px;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name.has-price-visibility-label {
  width: 47%;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-price-multiplier {
  flex: 1;
  text-align: center;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container {
  width: fit-content;
  padding-top: 5px;
  display: block;
  flex: 1;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group {
  display: inline-block;
  margin-bottom: 0 !important;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap {
  position: relative;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .header .selected {
  left: 7px;
  top: 1px;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .dropdown-toggle {
  display: inline-block;
  border: 1px solid rgba(5, 20, 31, 0.2);
  width: 44px;
  height: 24px;
  cursor: pointer;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .dropdown-toggle .arrow {
  height: 22px;
  text-align: center;
  width: 23px;
  padding-left: 2px;
  padding-top: 4px;
  color: #000;
  float: right;
  background: #C5D0D3;
  position: relative;
  font-size: 12px;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .drop-down.active {
  top: inherit;
  min-width: 44px;
  left: inherit;
  max-height: 160px;
  overflow: auto;
  width: auto;
  scrollbar-color: #002c5f white;
  scrollbar-width: thin;
  z-index: 6;
}
.step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .drop-down li {
  height: 30px;
  line-height: 18px;
  color: #3B3B3B;
  background-color: #ffffff;
  padding-left: 10px;
  list-style: none;
}
.step-two #service-categories .service-category .services .service .service-bar .icon-info-circle {
  position: relative;
  font-size: 16px;
  color: #333;
  top: 2px;
  left: -2px;
  pointer-events: auto;
}
.step-two #service-categories .service-category .services .service .service-bar .icon-info-circle.ellipsis {
  /*position: absolute;
                                right: 58px;
                                top: 10px;*/
  left: auto;
}
.step-two #service-categories .service-category .services .service .service-bar .due-date {
  font-weight: normal;
  width: 100%;
  padding-left: 50px;
}
.step-two #service-categories .service-category .services .service .service-bar .mot-message,
.step-two #service-categories .service-category .services .service .service-bar .free-ivhc-message {
  clear: both;
  padding: 5px;
}
.step-two #service-categories .service-category .services .service .service-bar .old-price {
  position: relative;
  margin-right: 5px;
  margin-left: 10px;
}
.step-two #service-categories .service-category .services .service .service-bar .old-price:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 7px;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.step-two #service-categories .service-category .services .service .service-bar .serv-w-auto {
  width: auto !important;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip .tooltip-inner {
  white-space: normal;
  word-wrap: break-word;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip .tooltip-header {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #838486;
  border-bottom: none;
  background-color: #ffffff;
  border-radius: 4px 4px 0px 0px;
  white-space: normal;
  border-bottom: 0px;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip .tooltip-header.show {
  display: block;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip .tooltip-service-name {
  width: 200px;
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #838486;
  border-bottom: none;
  background-color: #ffffff;
  white-space: normal;
  border-top: 0px;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip .tooltip-service-name > p {
  color: #000000;
  font-weight: bold;
  text-align: center;
}
.step-two #service-categories .service-category .services .service .service-bar .service-name .tooltip .tooltip-inner {
  border-top-left-radius: inherit;
  border-top-right-radius: initial;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  padding-top: 0;
  border: 1px solid #838486;
  background-color: #ffffff;
  color: #838486;
  white-space: normal;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-header {
  max-width: 300px;
}
.step-two #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-service-name,
.step-two #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-inner {
  width: 300px;
  max-width: 300px;
}
.step-two #service-categories .service-category .services .service .service-bar .price-visibility-label {
  width: 30%;
  text-align: right;
  word-break: keep-all;
  word-wrap: break-word;
}
.step-two #service-categories .service-category .services .service .mot-preselected {
  background-color: #0057a7;
  color: #ffffff;
  border: none;
  padding: 10px 25px 5px 10px;
  font-size: 11px;
  margin: -2px;
}
.step-two #service-categories .service-category .services .service .mot-preselected .close-btn-container {
  right: 0px;
  position: absolute;
  top: 0px;
  cursor: pointer;
  width: 28px;
  height: 25px;
}
.step-two #service-categories .service-category .services .service .mot-preselected .close-btn-container .line {
  font-size: 20px;
  position: absolute;
  margin-left: 8px;
  background-color: #ffffff;
  height: 2px;
  width: 16px;
  top: 10px;
}
.step-two #service-categories .service-category .services .service.selected {
  display: block;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .serv-checkbox {
  background-color: #00aad2;
  border: 1px solid #00aad2;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .serv-checkbox .tick-icon {
  display: block;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .service-name {
  color: #000000;
  font-weight: bold;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .service-name .notes {
  font-weight: normal !important;
  cursor: default;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .service-name .dots {
  font-weight: normal !important;
  color: #4691db;
}
.step-two #service-categories .service-category .services .service.selected .service-bar .price {
  color: #000000;
  font-weight: bold;
}
.step-two #service-categories .service-category .services .service.new {
  background-color: white !important;
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 5;
  padding: 15px 0;
  float: right;
}
.step-two #service-categories .service-category .services .service.new .serv-checkbox {
  margin-right: -15px;
  margin-left: 15px;
}
.step-two #service-categories .service-category .services .service.new .service-name {
  width: auto !important;
}
.step-two #service-categories .service-category .services .service.new.not-clickable {
  pointer-events: none;
}
.step-two #service-categories .service-category .services .service:nth-child(2n+1) {
  background-color: rgba(228, 220, 211, 0.4);
}
.step-two #service-categories .service-category .services .service:nth-child(2n) {
  background-color: rgba(228, 220, 211, 0.2);
}
.step-two #service-categories .additional-req,
.step-two #service-categories .dealer-note {
  position: relative;
  margin: 15px;
  width: calc(100% - 30px);
  background-color: rgba(228, 220, 211, 0.4);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  margin-bottom: 5px;
}
.step-two #service-categories .additional-req .category,
.step-two #service-categories .dealer-note .category {
  text-align: center;
}
.step-two #service-categories .additional-req .category > h2,
.step-two #service-categories .dealer-note .category > h2 {
  color: #000000;
  font-size: 20px;
  padding: 11px 0;
  background-color: #e4dcd3;
  font-family: HyundaiSansHead-Regular;
}
.step-two #service-categories .additional-req textarea.form-control,
.step-two #service-categories .dealer-note textarea.form-control {
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 15px;
  padding-top: 25px;
}
.step-two #service-categories .additional-req .label-override,
.step-two #service-categories .dealer-note .label-override {
  position: absolute;
  top: 60px;
  left: 10px;
  color: #989898;
  font-size: 14px;
  font-weight: 100;
  margin: 10px 0;
  padding: 0 10px;
  z-index: 1;
  transition: top 500ms;
}
.step-two #service-categories .additional-req .placeholder.active,
.step-two #service-categories .dealer-note .placeholder.active {
  font-size: 11px;
  top: 55px;
  color: #00aad2;
}
.step-two #service-categories .additional-req .chars-left,
.step-two #service-categories .dealer-note .chars-left {
  color: #989898;
  margin-top: 8px;
  margin-left: 15px;
  margin-bottom: 8px;
}
.step-two #service-categories .additional-req .description,
.step-two #service-categories .dealer-note .description {
  font-size: 16px;
  padding: 17px 10px 0 10px;
  min-height: 100px;
}
.step-two #service-categories .additional-req .note-content,
.step-two #service-categories .dealer-note .note-content {
  padding: 10px;
}
.step-two #service-categories .total-price p {
  display: inline;
  color: #000000;
}
.step-two #service-categories .total-price .discount p {
  color: #ff0000;
}
.step-two .discount p {
  display: inline;
  color: #ff0000;
  font-size: 20px;
}
.step-two .has-cus-service-plan {
  margin-bottom: 15px;
  cursor: pointer;
}
.step-two .has-cus-service-plan .wrrap {
  display: inline;
  float: right;
  padding-bottom: 5px;
}
.step-two .has-cus-service-plan .wrrap.not-clickable {
  pointer-events: none;
}
.step-two .has-cus-service-plan .check-box {
  position: relative;
  top: 1px;
  width: 30px;
  height: 30px;
  border: 1px solid #333;
  border-radius: 5px;
  margin-right: -15px;
  margin-left: 15px;
  background-color: #ffffff;
}
.step-two .has-cus-service-plan .check-box .tick-icon {
  display: none;
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  left: -4px;
  top: -8px;
}
.step-two .has-cus-service-plan .check-box.active {
  background-color: #00aad2 !important;
  border-color: #00aad2 !important;
}
.step-two .has-cus-service-plan .check-box.active .tick-icon {
  display: block;
}
.step-two .has-cus-service-plan .icon-info-circle {
  display: none;
  font-size: 16px;
  top: 2px;
  left: 8px;
  position: relative;
}
.step-two .has-cus-service-plan .icon-info-circle.active {
  display: inline;
}
.step-two .has-cus-service-plan p {
  padding-top: 5px;
}
.step-two .tooltip-inner {
  width: 300px;
  border: 1px solid #838486;
  color: #838486;
}
.dms-services-p {
  padding-left: 10px !important;
}
.dms-disclaimer {
  top: 150px;
  position: absolute;
}
@media (max-width: 992px) {
  .step-two #service-categories .service-category .services .service .service-bar .due-date {
    float: none;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .step-two .video-container {
    width: 100% !important;
  }
  .step-two .black_overlay .closeOverlay.video {
    right: 0 !important;
  }
  .step-two #service-categories .service-category .services .service .service-bar .service-name {
    width: 67%;
  }
  .step-two #service-categories .service-category .services .service .service-bar .price-visibility-label {
    width: 23%;
  }
}
@media (max-width: 767px) {
  .step-two {
    margin-left: 0px;
    margin-right: 0px;
  }
  .step-two .price-container {
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .step-two .price-container .offer-service-price-container p {
    font-size: 16px;
  }
  .step-two .price-container .discount p {
    font-size: 16px;
  }
  .step-two .price-container .offer-total-container p {
    font-size: 18px;
  }
  .step-two #service-categories li {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .step-two #service-categories .service-category .services .service .has-media-photo {
    height: 80px !important;
  }
  .step-two #service-categories .service-category .services .service .service-bar .due-date {
    float: none;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 40px;
  }
  .step-two #service-categories .service-category .services .service .serv-checkbox .tick-icon {
    top: -6px !important;
  }
  .step-two #service-categories .serv-checkbox {
    width: 20px !important;
    height: 20px !important;
    top: 4px !important;
  }
  .step-two #service-categories .serv-checkbox .tick-icon {
    font-size: 25px !important;
  }
  .step-two .additional-req {
    width: 100% !important;
  }
  .step-two .container-fluid {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-two .has-cus-service-plan .check-box {
    width: 20px !important;
    height: 20px !important;
    top: 4px !important;
  }
  .step-two .has-cus-service-plan .check-box .tick-icon {
    font-size: 25px !important;
  }
  .step-two .has-cus-service-plan p {
    font-size: 12px;
  }
  #service-categories .service-category .services .service.new {
    width: 100% !important;
  }
  #service-categories .service-category .services .service.new .service-name {
    width: calc(100% - 120px) !important;
  }
  #service-categories .service-category .services .service.new .serv-checkbox {
    margin-right: 3px !important;
  }
}
@media (max-width: 650px) {
  .step-two #service-categories .service-category .services .service .service-bar .due-date {
    float: none;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .step-two #service-categories .service-category .services .service .service-bar .service-name {
    width: 63%;
  }
  .step-two #service-categories .additional-req .label-override {
    padding: 0 5px;
  }
  .step-two #service-categories .additional-req .placeholder {
    line-height: 12px;
    margin-right: 5px;
    /*&.active {
                        top: 26px;
                    }*/
  }
  .step-two #service-categories .additional-req .description {
    padding: 23px 0 0 5px;
  }
}
@media (max-width: 400px) {
  .step-two #service-categories .service-category .services .service .service-bar .service-name {
    /*width: 57%;*/
  }
  .step-two #service-categories .service-category .services .service .service-bar .due-date {
    /*position: absolute;
                                left: 29px;
                                top: 11px;
                                line-height: 30px;*/
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .substep-one .promo-item .text p,
  .substep-one .promo-item-no-img .text p {
    margin-right: -25px !important;
  }
}
@media (max-width: 767px), (min-width: 992px) and (max-width: 2200px) {
  .horizontal-menu .step-two #service-categories .service-category .services .service .has-media-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px) !important;
    height: 120px;
    max-width: initial;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .horizontal-menu .step-two #service-categories .service-category .services .service .has-media-prices {
    top: 0 !important;
  }
  .horizontal-menu .step-two #service-categories .service-category .services .service .has-media-checkbox-text {
    width: 75% !important;
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
    /*padding-left:45px;*/
  }
  .horizontal-menu .step-two #service-categories .service-category .services .service .has-media-checkbox {
    top: 0 !important;
  }
}
@media (max-width: 767px), (min-width: 992px) and (max-width: 2400px) {
  .vertical-menu .step-two #service-categories .service-category .services .service .has-media-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px) !important;
    height: 120px;
    max-width: 200px;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .vertical-menu .step-two #service-categories .service-category .services .service .has-media-prices {
    top: 0 !important;
  }
  .vertical-menu .step-two #service-categories .service-category .services .service .has-media-checkbox-text {
    width: 75% !important;
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
    /*padding-left:45px;*/
  }
  .vertical-menu .step-two #service-categories .service-category .services .service .has-media-checkbox {
    top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  .substep-one {
    /*.promo-item > .img {
            height: 78px !important;
            top: 30px;
        }*/
  }
  .substep-one .promo-item,
  .substep-one .promo-item-no-img {
    height: 150px !important;
  }
  .substep-one .promo-item .text,
  .substep-one .promo-item-no-img .text {
    margin-right: 0px !important;
  }
  .substep-one .promo-item .text p,
  .substep-one .promo-item-no-img .text p {
    margin-right: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-two #service-categories .service-category .services .service .service-bar .has-media-button {
    top: calc((80px - 1.1em)/2) !important;
  }
}
@media (max-width: 991px) {
  .step-two #service-categories .service-category .services .service .service-bar .has-media-button {
    top: calc((80px - 1.1em)/2) !important;
  }
}
@media (max-width: 345px) {
  .step-two #service-categories .service-category .services .service .service-bar .service-name.service-plan {
    white-space: unset;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .step-two #service-categories .service-category .services .service .service-bar .service-name.service-plan {
    margin-left: 3px;
  }
}
/*@sub_step_two_offers: darken(@steps_substep, 7%);*/
/*@panel-heading-color: rgba(197, 208, 211, 0.6);
@panel-strip-color: rgba(197, 208, 211, 0.2);
@panel-second-strip-color: rgba(197, 208, 211, 0.06);*/
.substep-one {
  color: #333;
  padding: 15px;
  padding-bottom: 10px;
}
.substep-one .special-offer {
  height: 90px;
}
.substep-one .special-offer:nth-of-type(2n+1) {
  background-color: rgba(228, 220, 211, 0.4) !important;
}
.substep-one .special-offer:nth-of-type(2n) {
  background-color: rgba(228, 220, 211, 0.2) !important;
}
.substep-one .special-offer .tick-icon {
  position: absolute;
  font-size: 35px;
  left: -4px;
  top: -3px;
  display: none;
  color: #ffffff;
}
.substep-one .special-offer .note {
  font-weight: normal;
}
.substep-one .special-offer .qty-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: right;
}
.substep-one .special-offer .qty-wrap .qty-container {
  width: fit-content;
  padding-top: 5px;
  display: block;
  flex: 1;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group {
  display: inline-block;
  margin-bottom: 0 !important;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap {
  position: relative;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .header .selected {
  left: 7px;
  top: 1px;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .dropdown-toggle {
  display: inline-block;
  border: 1px solid rgba(5, 20, 31, 0.2);
  width: 44px;
  height: 24px;
  cursor: pointer;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .dropdown-toggle .arrow {
  height: 22px;
  text-align: center;
  width: 23px;
  padding-left: 2px;
  padding-top: 4px;
  color: #000;
  float: right;
  background: #C5D0D3;
  position: relative;
  font-size: 12px;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .drop-down.active {
  top: inherit;
  min-width: 44px;
  left: inherit;
  max-height: 160px;
  overflow: auto;
  width: auto;
  scrollbar-color: #002c5f white;
  scrollbar-width: thin;
}
.substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .drop-down li {
  height: 30px;
  line-height: 18px;
  color: #3B3B3B;
  background-color: #ffffff;
  padding-left: 10px;
  list-style: none;
  text-align: center;
  padding-top: 5px;
  padding-left: 0px;
}
.substep-one .special-offer .qty-wrap .qty-price-multiplier {
  padding: 5px;
}
.substep-one .special-offer .price-container {
  display: flex;
  align-items: center;
  padding-right: 15px;
}
.substep-one .spacial-offer-label {
  width: 100%;
  text-align: center;
  height: 53px;
  vertical-align: middle;
  line-height: 53px;
  color: #e4dcd3;
  background-color: #e4dcd3;
  font-size: 24px;
  font-family: HyundaiSansHead-Regular;
}
.substep-one .selected {
  font-weight: bold;
  color: #000000;
}
.substep-one .selected .check-box {
  border: 1px solid #00aad2 !important;
  background-color: #00aad2 !important;
}
.substep-one .selected .check-box .tick-icon {
  display: block !important;
}
.substep-one .promo-container {
  display: none;
}
.substep-one .promo-item {
  display: flex;
  position: relative;
  height: auto !important;
  min-height: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
.substep-one .promo-item > .img,
.substep-one .promo-item .pdf-container > .img {
  display: inline-block;
  margin: 0;
  margin-right: 125px;
  float: right;
  min-height: 100px;
  max-height: 150px;
  padding: 5px 0 5px 0;
  width: 100%;
  max-width: 200px !important;
  background-repeat: no-repeat;
  background-position: 74%;
  background-size: cover;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  cursor: pointer;
  align-self: center;
}
.substep-one .promo-item > .img .video-play-button-container,
.substep-one .promo-item .pdf-container > .img .video-play-button-container {
  background-color: transparent !important;
  height: 100% !important;
}
.substep-one .promo-item > .img .video-button,
.substep-one .promo-item .pdf-container > .img .video-button {
  line-height: 1.1em !important;
  height: 1.1em !important;
  width: 1.65em !important;
  top: calc((80px - 1.1em)/2) !important;
  left: calc((100% - 1.65em)/2) !important;
}
.substep-one .promo-item > .img > .fa,
.substep-one .promo-item .pdf-container > .img > .fa {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 20px;
  color: #ffffff;
  background-color: #333;
  padding: 3px 6px;
  border-top-left-radius: 3px;
}
.substep-one .promo-item > .text {
  display: inline-block;
  position: relative;
  /*top: 50%;*/
  /*-moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);*/
  width: calc(100% - 300px) !important;
  padding-left: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 10px;
}
.substep-one .promo-item > .text p {
  margin-top: 10px;
  margin-right: 50px;
  font-weight: normal !important;
  top: 10px;
}
.substep-one .promo-item > .text .stars {
  display: inline;
}
.substep-one .promo-item > .text .icon {
  position: relative;
  top: 2px;
  padding-left: 5px;
  /*-moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);*/
  font-size: 18px !important;
  color: #333;
  border-radius: 50%;
  cursor: pointer;
}
.substep-one .promo-item > .pdf-image-container {
  background-color: #fff;
  background-position: center;
  background-size: contain;
}
.substep-one .promo-item .check-box {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 27px;
  left: 15px;
  text-decoration: none;
  background: white;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
}
.substep-one .promo-item .check-box.hide {
  display: none;
}
.substep-one .promo-item .check-box .icon {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #333;
}
.substep-one .promo-item .price {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.substep-one .promo-item .price .old-price {
  position: relative;
  margin-right: 10px;
}
.substep-one .promo-item .price .old-price:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 7px;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.substep-one .promo-item-no-img {
  display: flex;
  position: relative;
  height: auto !important;
  min-height: 120px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
.substep-one .promo-item-no-img .text {
  display: inline-block;
  position: relative;
  /*top: 50%;*/
  width: calc(100% - 300px);
  padding-left: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 10px;
}
.substep-one .promo-item-no-img .text p {
  margin-top: 5px;
  margin-right: 50px;
  font-weight: normal !important;
}
.substep-one .promo-item-no-img .text .icon {
  position: relative;
  top: 2px;
  padding-left: 5px;
  font-size: 18px !important;
  color: #333;
  cursor: pointer;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.substep-one .promo-item-no-img .counter-container {
  width: 15%;
  /*position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 140px;*/
}
.substep-one .promo-item-no-img .counter-container .counter {
  position: absolute;
  left: calc((100% - 150px)/2);
  width: 150px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.substep-one .promo-item-no-img .counter-container .counter-val {
  display: block;
  width: 50px;
  height: 25px;
  border: 1px solid #DEDEDE;
  text-align: center;
  color: #000000;
  float: left;
}
.substep-one .promo-item-no-img .counter-container .counter-val:disabled {
  background-color: #ffffff;
  border: 1px solid #db323b;
  opacity: 1;
}
.substep-one .promo-item-no-img .counter-container .btn-counter {
  width: 50px;
  height: 25px;
  text-align: center;
  cursor: pointer;
  float: left;
  border: 1px solid #db323b;
  background-color: #fff;
}
.substep-one .promo-item-no-img .counter-container .btn-counter .fa {
  line-height: 25px;
}
.substep-one .promo-item-no-img .counter-container .btn-counter .arrow {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  color: #ABC3CA;
}
.substep-one .promo-item-no-img .counter-container .btn-counter .arrow.up {
  top: 12px;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  color: #db323b;
}
.substep-one .promo-item-no-img .counter-container .btn-counter .arrow.down {
  bottom: 5px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #db323b;
}
.substep-one .promo-item-no-img .price {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.substep-one .promo-item-no-img .price .old-price {
  position: relative;
  margin-right: 10px;
}
.substep-one .promo-item-no-img .price .old-price:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 7px;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.substep-one .promo-item-no-img .check-box {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 27px;
  left: 15px;
  text-decoration: none;
  background: white;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
}
.substep-one .promo-item-no-img .check-box.hide {
  display: none;
}
.substep-one .promo-item-no-img .check-box .icon {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #333;
}
.substep-one .no-offers {
  text-align: center;
}
.substep-one .no-offers > p {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .substep-one .promo-item > .text {
    width: calc(100% - 320px);
  }
  .substep-one .promo-item > .img,
  .substep-one .promo-item .pdf-container > .img {
    max-width: 200px;
  }
  .substep-one .promo-item-no-img {
    height: auto;
  }
  .substep-one .promo-item-no-img .text {
    width: calc(100% - 90px);
  }
  .substep-one .left-side-price {
    left: -117px;
  }
}
@media (max-width: 768px) {
  .substep-one .promo-item .black_overlay .img-container {
    width: 100%;
  }
  .substep-one .promo-item .black_overlay .video-container {
    width: 100%;
  }
  .substep-one .promo-item .black_overlay .closeOverlay.img {
    right: 0;
  }
  .substep-one .promo-item .black_overlay .closeOverlay.video {
    right: 0;
  }
  .substep-one .promo-item-no-img {
    height: auto;
  }
  .substep-one .continue-bnt-wrap .continue-btn {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .substep-one {
    padding: 10px 0;
  }
  .substep-one .check-box {
    width: 20px !important;
    height: 20px !important;
  }
  .substep-one .check-box .tick-icon {
    font-size: 25px !important;
  }
  .substep-one .promo-item {
    height: auto;
    display: block;
  }
  .substep-one .promo-item > .text {
    width: 75% !important;
    word-break: keep-all;
    position: relative;
    padding-left: 45px;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    -webkit-transform: initial;
    transform: initial;
    padding-top: 20px;
  }
  .substep-one .promo-item > .text.has-checkbox {
    top: -7px;
  }
  .substep-one .promo-item .price {
    top: 35px;
  }
  .substep-one .promo-item > .img,
  .substep-one .promo-item .pdf-container > .img {
    display: block;
    margin: 0;
    position: relative;
    top: 0%;
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 80px;
    max-width: 200px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .substep-one .promo-item .check-box {
    right: 38px;
    top: 22px;
  }
  .substep-one .promo-item .price {
    right: 10px;
  }
  .substep-one .promo-item-no-img {
    height: auto;
    cursor: pointer;
    padding: 12px 0;
  }
  .substep-one .promo-item-no-img .text {
    position: relative;
    padding-left: 45px;
    -moz-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    -webkit-transform: initial;
    transform: initial;
    width: calc(100% - 80px);
    padding-top: 20px;
    top: -10px;
  }
  .substep-one .promo-item-no-img .check-box {
    right: 38px;
    top: 22px;
  }
  .substep-one .promo-item-no-img .price {
    right: 10px;
    top: 35px;
  }
  .substep-one .promo-item-no-img .counter-container {
    width: auto;
    height: 20px;
    margin: 10px auto;
  }
  .substep-one .promo-item-no-img .counter-container .counter {
    position: relative;
    left: auto;
    margin: 0px auto;
  }
  .substep-one .special-offer .qty-wrap {
    position: absolute;
    top: 16px;
    right: 60px;
  }
  .substep-one .special-offer .price-container {
    position: absolute;
    right: 0px;
    top: 23px;
    padding-right: 15px;
  }
}
@media (max-width: 560px) {
  .substep-one {
    /*.promo-item-no-img {
            height: 61px;
        }*/
  }
  .substep-one .promo-item {
    /*> .text {
                width: 140px;
            }*/
  }
  .substep-one .promo-item > .img,
  .substep-one .promo-item .pdf-container > .img {
    /*max-width: 200px;*/
  }
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-big-play-button:before,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-big-play-button:before,
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-control:before,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-control:before,
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-modal-dialog,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-modal-dialog,
  .substep-one .promo-item > .img .video-button-container .vjs-modal-dialog .vjs-modal-dialog-content,
  .substep-one .promo-item .pdf-container > .img .video-button-container .vjs-modal-dialog .vjs-modal-dialog-content {
    top: -3px;
  }
}
@media (max-width: 500px) {
  .substep-one {
    /*.promo-item {

            .price{
                right:10px;
            }

            > .text {
                width: 120px;
            }

            > .icon {
                right: 68px;
            }
        }*/
  }
  .substep-one .promo-item-no-img > .icon {
    right: 68px;
  }
  .substep-one .promo-item-no-img .counter-container .counter {
    /*width: 110px;
                    left: calc((100% - 110px)/2);*/
    /*.btn-counter{
                        width:30px;
                    }*/
  }
}
@media (max-width: 460px) {
  .substep-one .promo-item {
    /*> .text {
                padding-left: 45px;
            }*/
    /*> .icon {
                top: calc((100% - 18px)/2);
                -moz-transform: initial;
                -ms-transform: initial;
                -o-transform: initial;
                -webkit-transform: initial;
                transform: initial;
            }

            .price {
                top: calc((100% - 20px)/2);
                -moz-transform: initial;
                -ms-transform: initial;
                -o-transform: initial;
                -webkit-transform: initial;
                transform: initial;
            }

            .check-box {
                -moz-transform: initial;
                -ms-transform: initial;
                -o-transform: initial;
                -webkit-transform: initial;
                transform: initial;
                top: calc((100% - 20px)/2) !important;
                left: 10px;
            }*/
  }
  .substep-one .promo-item > .img,
  .substep-one .promo-item .pdf-container > .img {
    /*max-width: 125px;*/
  }
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-big-play-button:before,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-big-play-button:before,
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-control:before,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-control:before,
  .substep-one .promo-item > .img .video-button-container .video-js .vjs-modal-dialog,
  .substep-one .promo-item .pdf-container > .img .video-button-container .video-js .vjs-modal-dialog,
  .substep-one .promo-item > .img .video-button-container .vjs-modal-dialog .vjs-modal-dialog-content,
  .substep-one .promo-item .pdf-container > .img .video-button-container .vjs-modal-dialog .vjs-modal-dialog-content {
    top: -1px;
  }
  .substep-one .promo-item-no-img {
    /*height: 61px;*/
    /*.text { 
                padding-left: 45px;
            }*/
  }
  .substep-one .promo-item-no-img .check-box {
    right: 38px;
  }
}
@media (max-width: 400px) {
  .substep-one .promo-item {
    /*> .text {
                width: 100px;
                padding-left: 35px;
            }

            > .img {
                max-width: 100px;               
            }*/
  }
  .substep-one .promo-item-no-img {
    /*.counter-container {
                .counter {
                    width: 110px;
                    left: calc((100% - 60px)/2);

                    .btn-counter {
                        width: 30px;
                    }
                }

                .counter-val {
                    width: 30px;
                }
            }*/
    /*> .text {
                padding-left: 35px;
            }*/
  }
}
@media (max-width: 320px) {
  .substep-one .promo-item {
    /*> .img {
                max-width: 100px;
            }*/
  }
}
.error {
  color: #e63312;
  font-weight: bold;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.step-three {
  margin: 0px 15px;
  /*padding-left: 20px;
    padding-right: 20px;*/
}
.step-three .has-media-photo {
  position: relative;
  right: 130px;
  float: right;
  height: 80px;
  width: 100%;
  max-width: 260px;
  background-repeat: no-repeat;
  background-position: 74%;
  background-size: cover;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  cursor: pointer;
}
.step-three .ins-price {
  margin-right: 10px !important;
}
.step-three .available-date-label {
  margin-right: 10px !important;
}
.step-three .has-media-video {
  height: 78px !important;
  background-color: transparent !important;
}
.step-three .promo-item .price,
.step-three .promo-item-no-img .price {
  right: 0 !important;
  padding-right: 5px !important;
}
.step-three .has-media-date {
  position: absolute;
  top: 3rem;
  right: 0;
  clear: both;
  padding-top: 8px !important;
  display: inline-block;
  float: none !important;
}
.step-three .has-media-button {
  line-height: 1.1em !important;
  height: 1.1em !important;
  width: 1.65em !important;
  top: calc((80px - 1.1em)/2) !important;
  left: calc((100% - 1.65em)/2) !important;
}
.step-three .has-media-checkbox-text {
  width: auto !important;
  padding-right: 35px !important;
}
.step-three .has-media-icon-cc {
  top: 4.5rem !important;
}
.step-three .has-media-price-cc {
  position: absolute;
  top: 3rem;
  right: 0;
  clear: both;
  padding-top: 8px !important;
  display: inline-block;
  float: none !important;
  margin-right: 10px !important;
}
.step-three .has-media-checkbox,
.step-three .has-media-checkbox-text,
.step-three .has-media-symbol-cc,
.step-three .has-media-checkbox-text-cc {
  position: relative;
  top: 3rem !important;
}
.step-three input[type="text"]:disabled {
  cursor: not-allowed;
  background-color: #ffffff !important;
  opacity: 1;
}
.step-three .header {
  color: #8E8E8E;
}
.step-three .container-fluid {
  padding-left: 5px;
  padding-right: 5px;
}
.step-three .continue-bnt-wrap {
  margin-top: 5px;
  margin-bottom: 30px;
}
.step-three .available-date-label {
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}
.step-three .options-container > div:nth-of-type(odd) {
  background-color: rgba(228, 220, 211, 0.4);
  /*max-height: 45px;*/
  border: none;
  /*border-bottom: 2px solid @panel-header-border-color;*/
  padding: 6px 0;
}
.step-three .options-container > div:nth-of-type(even) {
  background-color: rgba(228, 220, 211, 0.2);
  /*max-height: 45px;*/
  border: none;
  /*border-bottom: 2px solid @panel-header-border-color;*/
  padding: 6px 0;
}
.step-three .options-container.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.step-three .ins-checkbox {
  width: 30px;
  height: 30px;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  margin-right: 15px;
  margin-left: 50px;
  background-color: white;
}
.step-three .ins-checkbox .ed-bok {
  display: none;
  color: #ffffff;
  font-size: 35px;
  margin-top: -8px;
  margin-left: -4px;
}
.step-three .cc-ins,
.step-three .calendar-cost-item {
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  opacity: 1;
  background-color: #ffffff;
  padding: 6px 0 6px 95px;
  /*height: 45px;*/
  border-bottom: none;
  /*margin-left: 100px;*/
  cursor: pointer;
}
.step-three .cc-ins .birth-date-container .birth-date-body,
.step-three .calendar-cost-item .birth-date-container .birth-date-body {
  width: 125px;
  display: inline-flex;
  position: relative;
  height: 25px;
  margin-left: 9px;
}
.step-three .cc-ins .birth-date-container .birth-date-body .birth-date-label .placeholder,
.step-three .calendar-cost-item .birth-date-container .birth-date-body .birth-date-label .placeholder {
  top: 6px;
  font-size: 14px;
  color: #e4dcd3;
  position: absolute;
  left: 13px;
  width: 100%;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  pointer-events: none;
}
.step-three .cc-ins .birth-date-container .birth-date-body .birth-date-label .placeholder.active,
.step-three .calendar-cost-item .birth-date-container .birth-date-body .birth-date-label .placeholder.active {
  top: 0px;
  font-size: 11px;
}
.step-three .cc-ins .birth-date-container .birth-date-body .birth-date-label .placeholder.error,
.step-three .calendar-cost-item .birth-date-container .birth-date-body .birth-date-label .placeholder.error {
  color: #e63312;
}
.step-three .cc-ins .birth-date-container .birth-date-body .birth-date-input,
.step-three .calendar-cost-item .birth-date-container .birth-date-body .birth-date-input {
  height: 30px;
  padding-top: 16px;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.step-three .cc-ins .ins-checkbox,
.step-three .calendar-cost-item .ins-checkbox {
  -moz-transition: width ease 0.2s, height ease 0.2s;
  -o-transition: width ease 0.2s, height ease 0.2s;
  -webkit-transition: width ease 0.2s, height ease 0.2s;
  transition: width ease 0.2s, height ease 0.2s;
}
.step-three .cc-ins.ng-hide,
.step-three .calendar-cost-item.ng-hide {
  margin-top: -1px;
  height: 0px;
  padding: 0px !important;
  display: block !important;
  opacity: 0;
  pointer-events: none;
  -moz-transition: all linear 0.2s, font-size linear 0.2s;
  -o-transition: all linear 0.2s, font-size linear 0.2s;
  -webkit-transition: all linear 0.2s, font-size linear 0.2s;
  transition: all linear 0.2s, font-size linear 0.2s;
  font-size: 1px;
}
.step-three .cc-ins.ng-hide .ins-checkbox,
.step-three .calendar-cost-item.ng-hide .ins-checkbox {
  width: 0px;
  height: 0px;
  -moz-transition: width ease 0.2s, height ease 0.2s;
  -o-transition: width ease 0.2s, height ease 0.2s;
  -webkit-transition: width ease 0.2s, height ease 0.2s;
  transition: width ease 0.2s, height ease 0.2s;
}
.step-three .cc-ins.selected > p,
.step-three .calendar-cost-item.selected > p {
  color: #2E444F;
  font-weight: bold;
}
.step-three .cc-ins.selected .ins-checkbox,
.step-three .calendar-cost-item.selected .ins-checkbox {
  background-color: #00aad2;
  border-color: #00aad2;
}
.step-three .cc-ins.selected .ins-checkbox .ed-bok,
.step-three .calendar-cost-item.selected .ins-checkbox .ed-bok {
  display: block;
}
.step-three .cc-ins .ins-name,
.step-three .calendar-cost-item .ins-name {
  float: left;
  /*line-height: 35px;*/
  margin-top: 5px;
}
.step-three .cc-ins .icon-info-circle,
.step-three .calendar-cost-item .icon-info-circle {
  float: left;
  position: relative;
  top: 15px;
  left: 5px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #3B3B3B;
}
.step-three .cc-ins .ins-price,
.step-three .calendar-cost-item .ins-price {
  /*line-height: 35px;*/
  margin-right: 52px;
  margin-top: 5px;
}
.step-three .cc-ins .cc-required-label,
.step-three .calendar-cost-item .cc-required-label {
  margin-left: 10px;
}
.step-three .insurance-container {
  /*height: 45px;*/
  border-bottom: 1px solid #BAC0C0;
  cursor: pointer;
}
.step-three .insurance-container.col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.step-three .insurance-container .calendar {
  cursor: pointer;
}
.step-three .insurance-container .calendar label {
  position: relative;
  /*right: 50px;*/
  /*width: 120px;*/
  /*text-align: right;*/
  width: 180px;
  cursor: pointer;
  height: 30px;
  padding-left: 20px;
}
.step-three .insurance-container .calendar label input {
  border: none;
  width: 90px;
  padding: 0;
  /*text-align: left;*/
  text-align: right;
  font-weight: normal;
  background-color: transparent;
  margin-top: 7px;
}
.step-three .insurance-container .calendar label input:focus {
  outline: none;
}
.step-three .insurance-container .calendar label input:disabled {
  background-color: transparent !important;
}
.step-three .insurance-container .calendar label .fa {
  position: absolute;
  /*right: 0;*/
  /*bottom: 6px;*/
  color: #3B3B3B;
  pointer-events: none;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 7px;
}
.step-three .insurance-container > .ins-name {
  padding-top: 5px;
}
.step-three .insurance-container.selected > .ins-checkbox {
  background-color: #00aad2;
  border-color: #00aad2;
}
.step-three .insurance-container.selected > .ins-checkbox .ed-bok {
  display: block;
}
.step-three .insurance-container.selected > .ins-name {
  color: #2E444F;
  font-weight: bold;
}
.step-three .insurance-container.selected > .calendar > p {
  color: #2E444F;
  font-weight: bold;
}
.step-three .insurance-container.selected > .calendar input {
  font-weight: bold;
}
.step-three .insurance-container.courtesyCar.selected,
.step-three .insurance-container.cost-calendar.selected {
  padding-bottom: 0px;
}
.step-three .insurance-container.courtesyCar.selected > .ins-checkbox,
.step-three .insurance-container.cost-calendar.selected > .ins-checkbox {
  margin-bottom: 6px;
}
.step-three .calendar-option-even-child .cc-ins:nth-of-type(even),
.step-three .calendar-option-even-child .calendar-cost-item:nth-of-type(even) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.2) 20px, rgba(228, 220, 211, 0.2));
}
.step-three .calendar-option-even-child .cc-ins:nth-of-type(odd),
.step-three .calendar-option-even-child .calendar-cost-item:nth-of-type(odd) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.4) 20px, rgba(228, 220, 211, 0.4));
}
.step-three .calendar-option-even-child.only-one-child .cc-ins:nth-of-type(odd),
.step-three .calendar-option-even-child.only-one-child .calendar-cost-item:nth-of-type(odd) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.2) 20px, rgba(228, 220, 211, 0.2));
}
.step-three .calendar-option-even-child.only-one-child .cc-ins:nth-of-type(even),
.step-three .calendar-option-even-child.only-one-child .calendar-cost-item:nth-of-type(even) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.4) 20px, rgba(228, 220, 211, 0.4));
}
.step-three .calendar-option-odd-child .cc-ins:nth-of-type(odd),
.step-three .calendar-option-odd-child .calendar-cost-item:nth-of-type(odd) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.2) 20px, rgba(228, 220, 211, 0.2));
}
.step-three .calendar-option-odd-child .cc-ins:nth-of-type(even),
.step-three .calendar-option-odd-child .calendar-cost-item:nth-of-type(even) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.4) 20px, rgba(228, 220, 211, 0.4));
}
.step-three .calendar-option-odd-child.only-one-child .cc-ins:nth-of-type(even),
.step-three .calendar-option-odd-child.only-one-child .calendar-cost-item:nth-of-type(even) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.2) 20px, rgba(228, 220, 211, 0.2));
}
.step-three .calendar-option-odd-child.only-one-child .cc-ins:nth-of-type(odd),
.step-three .calendar-option-odd-child.only-one-child .calendar-cost-item:nth-of-type(odd) {
  background-image: linear-gradient(to right, #ffffff, #ffffff 95px, rgba(228, 220, 211, 0.4) 20px, rgba(228, 220, 211, 0.4));
}
.step-three .transmission-cont {
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  opacity: 1;
}
.step-three .transmission-cont .title {
  -moz-transition: top linear 0.2s, font-size ease 0.2s;
  -o-transition: top linear 0.2s, font-size ease 0.2s;
  -webkit-transition: top linear 0.2s, font-size ease 0.2s;
  transition: top linear 0.2s, font-size ease 0.2s;
}
.step-three .transmission-cont.ng-hide {
  position: absolute;
  display: block !important;
  opacity: 0;
  pointer-events: none;
  -moz-transition: all linear 0.2s, font-size ease 0.2s;
  -o-transition: all linear 0.2s, font-size ease 0.2s;
  -webkit-transition: all linear 0.2s, font-size ease 0.2s;
  transition: all linear 0.2s, font-size ease 0.2s;
}
.step-three .transmission-cont.ng-hide .dropdown-toggle {
  height: 0px;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.step-three .transmission-cont.ng-hide .dropdown-toggle .title {
  font-size: 1px;
  -moz-transition: font-size ease 0.2s;
  -o-transition: font-size ease 0.2s;
  -webkit-transition: font-size ease 0.2s;
  transition: font-size ease 0.2s;
}
.step-three .date-arrival {
  margin-top: 30px;
}
.step-three .date-arrival .drop-down-wrap {
  -moz-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  opacity: 1;
}
.step-three .date-arrival .drop-down-wrap .title {
  -moz-transition: top linear 0.5s, font-size ease 0.8s;
  -o-transition: top linear 0.5s, font-size ease 0.8s;
  -webkit-transition: top linear 0.5s, font-size ease 0.8s;
  transition: top linear 0.5s, font-size ease 0.8s;
}
.step-three .date-arrival .drop-down-wrap.ng-hide {
  display: block !important;
  opacity: 0;
  pointer-events: none;
}
.step-three .date-arrival .drop-down-wrap.ng-hide .dropdown-toggle {
  height: 0px;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.step-three .date-arrival .drop-down-wrap.ng-hide .dropdown-toggle .title {
  font-size: 1px;
  -moz-transition: font-size ease 0.2s;
  -o-transition: font-size ease 0.2s;
  -webkit-transition: font-size ease 0.2s;
  transition: font-size ease 0.2s;
}
.step-three .date-arrival .form-group:first-child {
  min-width: 345px;
}
.step-three .date-arrival .form-control,
.step-three .date-arrival .dropdown-toggle {
  width: 100%;
  height: 44px;
  color: #3B3B3B;
  border-color: #BAC0C0;
  text-align: left;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.step-three .date-arrival .drop-down {
  width: 315px;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
}
.step-three .date-arrival .drop-down::-webkit-scrollbar {
  width: 0.4em;
}
.step-three .date-arrival .drop-down::-webkit-scrollbar-thumb {
  background-color: #e4dcd3;
  outline: 1px solid slategrey;
}
.step-three .date-arrival .drop-down > li:hover {
  color: #e4dcd3;
  border: 2px solid #e4dcd3;
}
.step-three .date-arrival .dropdown-toggle {
  position: relative;
  border: 1px solid #3B3B3B;
  padding-left: 10px;
  border-radius: 5px;
  background-color: #ffffff;
}
.step-three .date-arrival .dropdown-toggle .arrow {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
}
.step-three .date-arrival .dropdown-toggle .selected {
  top: 18px !important;
  font-size: 14px !important;
}
.step-three .nin-and-drivinglicense-form {
  margin-bottom: 20px;
}
.step-three .nin-and-drivinglicense-form .row {
  display: inline-block;
  float: right;
}
.step-three .nin-and-drivinglicense-form .row .form-group {
  position: relative;
  margin-bottom: 8px;
  min-width: 345px;
  margin: 10px auto;
}
.step-three .nin-and-drivinglicense-form .row .form-group .label-override .placeholder {
  position: absolute;
  top: 33px;
  left: 25px;
  width: 100%;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  font-weight: normal;
  font-size: 14px;
}
.step-three .nin-and-drivinglicense-form .row .form-group .label-override .placeholder.active {
  top: 24px;
  font-size: 11px !important;
  font-weight: bold;
  color: #e4dcd3;
  padding: 0 0;
}
.step-three .nin-and-drivinglicense-form .row .form-group .label-override .placeholder.active.error {
  color: #e63312;
  font-weight: bold;
}
.step-three .nin-and-drivinglicense-form .row .form-group .label-override .placeholder.required {
  color: #e63312;
  font-weight: bold;
}
.step-three .nin-and-drivinglicense-form .row .form-group .form-control {
  height: 44px;
  padding-top: 20px;
  font-size: 14px;
  display: inline-flex;
  width: 100%;
  margin: 0 auto;
  border: 1px solid;
  background-color: #ffffff;
  text-transform: uppercase;
}
.step-three .specific-text {
  margin-bottom: 10px;
  padding-left: 0px;
}
.step-three .disclaimer-wrap {
  display: block !important;
}
.step-three .disclaimer-wrap .legend {
  -moz-transition: all linear 0.2s, font-size ease 0.2s;
  -o-transition: all linear 0.2s, font-size ease 0.2s;
  -webkit-transition: all linear 0.2s, font-size ease 0.2s;
  transition: all linear 0.2s, font-size ease 0.2s;
  opacity: 1;
}
.step-three .disclaimer-wrap.ng-hide {
  height: 0px;
}
.step-three .disclaimer-wrap.ng-hide .legend {
  pointer-events: none;
  -moz-transition: all linear 0.2s, font-size ease 0.2s;
  -o-transition: all linear 0.2s, font-size ease 0.2s;
  -webkit-transition: all linear 0.2s, font-size ease 0.2s;
  transition: all linear 0.2s, font-size ease 0.2s;
  opacity: 0;
  font-size: 12px;
}
.step-three .drop-down-time {
  position: relative;
  width: 250px;
  height: 36px;
  border: 1px solid #3B3B3B;
  cursor: pointer;
}
.step-three .drop-down-time .selected-time {
  position: absolute;
  padding-left: 13px;
}
.step-three .drop-down-time > ul {
  display: none;
  position: relative;
  top: 34px;
  left: 0;
  width: 249px;
  list-style: none;
  border: 1px solid #AEB2B3;
  background-color: #ffffff;
  z-index: 1;
}
.step-three .drop-down-time > ul.active {
  display: block;
}
.step-three .drop-down-time > ul li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}
.step-three .drop-down-time > ul li:hover {
  color: #e4dcd3;
  border: 1px solid #e4dcd3;
}
.step-three .drop-down-time .fa {
  position: absolute;
  right: 14px;
  color: #3B3B3B;
  top: 10px;
  pointer-events: none;
}
.step-three .drop-down-time.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.step-three .arrival-time {
  margin-top: 15px;
  height: 36px;
  line-height: 36px;
}
.step-three .arrival-time.no-height {
  height: initial;
}
.step-three .arrival-time .drop-off-time-label {
  margin-right: 20px;
}
.step-three .cus-desc {
  padding: 10px 15px;
  margin: 15px 0;
  border: 1px solid #AEB2B3;
  border-radius: 5px;
}
.step-three .cus-desc > p {
  color: #828282;
  line-height: 15px;
}
.step-three p.legend {
  font-size: 14px;
  margin-bottom: 10px;
  color: #3B3B3B;
}
.step-three .autopoint-panel .panel-body {
  min-height: 80px;
  padding: 0px;
}
.step-three .autopoint-panel .panel-body .autopoint-container {
  position: relative;
  height: auto;
  padding-top: 30px;
  padding-bottom: 5px;
  cursor: pointer;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-checkbox {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 0px;
  left: 60px;
  text-decoration: none;
  background: white;
  border: 1px solid #333;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-checkbox.selected {
  background-color: #00A78D;
  border-color: #00A78D;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-checkbox.selected i {
  display: block;
  margin-top: -4px !important;
}
.step-three .autopoint-panel .panel-body .autopoint-container.dissabled {
  cursor: not-allowed;
  color: #828282;
  pointer-events: none;
}
.step-three .autopoint-panel .panel-body .autopoint-container.dissabled .autopoint-checkbox {
  background-color: transparent;
  border-color: #828282;
  pointer-events: none;
}
.step-three .autopoint-panel .panel-body .autopoint-container.dissabled .autopoint-text {
  color: #828282;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-text {
  position: relative;
  display: inline-block;
  top: 45px;
  width: calc(100% - 300px);
  padding-left: 105px;
  font-size: 14px;
  line-height: 17.5px;
  text-align: left;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-text .autopoint-title {
  font-weight: bold;
}
.step-three .autopoint-panel .panel-body .autopoint-container .autopoint-text span {
  display: block;
  margin-bottom: 1rem;
}
.step-three .autopoint-panel .panel-body .autopoint-container .img {
  position: relative;
  float: right;
  height: 150px;
  width: 100%;
  max-width: 260px;
  background-repeat: no-repeat;
  background-position: 74%;
  background-size: cover;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: #333;
  cursor: pointer;
  background-size: auto 100% !important;
  border: none;
  margin-bottom: 3rem;
}
.step-three .autopoint-panel .panel-body .autopoint-container .img .video-play-button-container {
  background-color: transparent !important;
  height: 100% !important;
}
.step-three .autopoint-panel .panel-body .autopoint-container .img .video-button {
  line-height: 1.1em !important;
  height: 1.1em !important;
  width: 1.65em !important;
  top: calc((140px - 1.1em)/2) !important;
  left: calc((100% - 1.65em)/2) !important;
}
.step-three .autopoint-panel .panel-body .autopoint-container .img > .fa {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 20px;
  color: #ffffff;
  background-color: #333;
  padding: 3px 6px;
  border-top-left-radius: 3px;
}
.step-three .autopoint-panel .panel-body .autopoint-container .img .autopoint-text {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 350px);
  padding-left: 108px;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
}
.step-three .autopoint-panel .panel-body .autopoint-container .watch-video {
  position: relative;
  top: 50px;
  text-align: left;
  font-size: 12px;
}
@media (max-width: 768px) {
  .horizontal-menu .step-three .video-container {
    width: 100% !important;
  }
  .horizontal-menu .step-three .img-container {
    width: 100%;
  }
  .horizontal-menu .step-three .black_overlay .closeOverlay {
    right: 0 !important;
  }
  .step-three {
    margin: 0px 5px;
    padding: 0px 5px;
  }
  .step-three .available-date-label {
    margin-right: 10px;
  }
  .step-three .ins-checkbox {
    margin-right: 10px;
    margin-left: 10px;
  }
  .step-three .insurance-container .calendar label {
    width: 120px;
    padding-left: 0px;
  }
  .step-three .date-arrival .drop-down {
    right: 5px;
  }
  .step-three .date-arrival .dropdown-toggle {
    right: 5px;
  }
  .step-three .nin-and-drivinglicense-form .row .form-group {
    margin-right: 5px;
  }
  .step-three .cc-ins .ins-price,
  .step-three .calendar-cost-item .ins-price {
    margin-right: 10px;
  }
  .step-three .autopoint-container .black_overlay .img-container {
    width: 100%;
  }
  .step-three .autopoint-container .black_overlay .video-container {
    width: 100%;
  }
  .step-three .autopoint-container .black_overlay .img-container {
    width: 100%;
  }
  .step-three .autopoint-container .black_overlay .closeOverlay.img {
    right: 0;
  }
  .step-three .autopoint-container .black_overlay .closeOverlay.video {
    right: 0;
  }
}
@media (max-width: 767px) {
  .horizontal-menu .step-three .has-media-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 80px;
    max-width: initial;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .horizontal-menu .step-three .has-media-date {
    top: 0 !important;
    right: 0 !important;
  }
  .horizontal-menu .step-three .has-media-checkbox-text {
    width: 75% !important;
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
    /*padding-left: 45px;*/
  }
  .horizontal-menu .step-three .has-media-checkbox {
    top: 0 !important;
  }
  .horizontal-menu .step-three .serv-checkbox .tick-icon {
    top: -6px !important;
  }
  .step-three {
    margin: 0;
    padding: 0;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container {
    height: auto;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container > .autopoint-text {
    width: 95%;
    word-break: keep-all;
    top: 10px;
    position: relative;
    padding-left: 40px;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container > .img {
    right: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20px);
    margin-top: 10px;
    left: 0;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container .autopoint-checkbox {
    width: 20px;
    height: 20px;
    left: 10px;
    margin-top: 0;
    margin-left: 0;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container .watch-video {
    padding-left: 0;
    left: 0px;
  }
  .step-three .specific-text {
    padding-left: 5px;
  }
  .step-three .available-date-label {
    margin-right: 5px;
  }
  .step-three .ins-checkbox {
    width: 20px;
    height: 20px;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 5px;
  }
  .step-three .ins-checkbox .ed-bok {
    font-size: 25px;
    margin-top: -6px !important;
  }
  .step-three .insurance-container .ins-name {
    margin-left: 10px;
  }
  .step-three .insurance-container .calendar label {
    right: 5px;
    width: 108px;
    padding-left: 0px;
  }
  .step-three .cc-ins,
  .step-three .calendar-cost-item {
    /*margin-left: 12px;*/
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 10px;
    width: calc(100% - 10px);
  }
  .step-three .cc-ins .ins-name,
  .step-three .calendar-cost-item .ins-name {
    padding-left: 10px;
  }
  .step-three .cc-ins .ins-price,
  .step-three .calendar-cost-item .ins-price {
    margin-right: 5px;
  }
  .step-three .cc-ins .cc-required-label,
  .step-three .calendar-cost-item .cc-required-label {
    /*margin-left: 5px;*/
    margin-left: 0px;
  }
  .step-three .cus-desc {
    margin: 15px 5px;
  }
  .step-three .date-arrival .drop-down-wrap {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-three .date-arrival .drop-down-wrap .dropdown-toggle {
    right: 0px;
  }
  .step-three .date-arrival .drop-down-wrap .drop-down {
    position: absolute;
    right: 5px;
    width: calc(100% - 10px);
  }
  .step-three .date-arrival .form-group:first-child {
    width: 100%;
    min-width: unset;
  }
  .step-three .nin-and-drivinglicense-form .row {
    display: block;
    float: none;
  }
  .step-three .nin-and-drivinglicense-form .row .form-group {
    min-width: 100%;
    padding: 0 20px;
    margin: 10px auto;
  }
  .step-three .nin-and-drivinglicense-form .row .form-group .label-override .placeholder {
    left: 31px;
  }
  .step-three .nin-and-drivinglicense-form .row .form-group:nth-child(2) {
    margin-top: 25px;
  }
  .step-three p.legend {
    padding-left: 5px;
  }
  .step-three .calendar-option-odd-child .cc-ins:nth-of-type(odd),
  .step-three .calendar-option-odd-child .calendar-cost-item:nth-of-type(odd) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.2) 0px, rgba(228, 220, 211, 0.2));
  }
  .step-three .calendar-option-odd-child .cc-ins:nth-of-type(even),
  .step-three .calendar-option-odd-child .calendar-cost-item:nth-of-type(even) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.4) 0px, rgba(228, 220, 211, 0.4));
  }
  .step-three .calendar-option-odd-child.only-one-child .cc-ins:nth-of-type(even),
  .step-three .calendar-option-odd-child.only-one-child .calendar-cost-item:nth-of-type(even) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.2) 0px, rgba(228, 220, 211, 0.2));
  }
  .step-three .calendar-option-odd-child.only-one-child .cc-ins:nth-of-type(odd),
  .step-three .calendar-option-odd-child.only-one-child .calendar-cost-item:nth-of-type(odd) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.4) 0px, rgba(228, 220, 211, 0.4));
  }
  .step-three .calendar-option-even-child .cc-ins:nth-of-type(even),
  .step-three .calendar-option-even-child .calendar-cost-item:nth-of-type(even) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.2) 0px, rgba(228, 220, 211, 0.2));
  }
  .step-three .calendar-option-even-child .cc-ins:nth-of-type(odd),
  .step-three .calendar-option-even-child .calendar-cost-item:nth-of-type(odd) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.4) 0px, rgba(228, 220, 211, 0.4));
  }
  .step-three .calendar-option-even-child.only-one-child .cc-ins:nth-of-type(odd),
  .step-three .calendar-option-even-child.only-one-child .calendar-cost-item:nth-of-type(odd) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.2) 0px, rgba(228, 220, 211, 0.2));
  }
  .step-three .calendar-option-even-child.only-one-child .cc-ins:nth-of-type(even),
  .step-three .calendar-option-even-child.only-one-child .calendar-cost-item:nth-of-type(even) {
    background-image: linear-gradient(to right, #ffffff, #ffffff 0px, rgba(228, 220, 211, 0.4) 0px, rgba(228, 220, 211, 0.4));
  }
  .step-three .autopoint-panel .panel-body {
    min-height: 50px;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container {
    margin-top: 0px;
  }
  .step-three .autopoint-panel .panel-body .autopoint-container .autopoint-text {
    margin-left: 0px;
    width: calc(100% - 50px);
  }
}
@media (max-width: 460px) {
  .step-three .autopoint-container > .img .video-button-container .video-js .vjs-big-play-button:before,
  .step-three .autopoint-container > .img .video-button-container .video-js .vjs-control:before,
  .step-three .autopoint-container > .img .video-button-container .video-js .vjs-modal-dialog,
  .step-three .autopoint-container > .img .video-button-container .vjs-modal-dialog .vjs-modal-dialog-content {
    top: -1px;
  }
}
@media (max-width: 1000px) {
  .cc-ins .birth-date-container,
  .calendar-cost-item .birth-date-container {
    margin: 20px;
    float: left;
    width: 100%;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .cc-ins .birth-date-container,
  .calendar-cost-item .birth-date-container {
    padding-left: 0px;
    margin: 0px;
    float: left;
    width: auto;
  }
}
@media (max-width: 500px) {
  .cc-ins .birth-date-container,
  .calendar-cost-item .birth-date-container {
    float: left;
    width: 100%;
    margin: 20px 20px 20px 0;
  }
}
@media (max-width: 420px) {
  .step-three .arrival-time {
    height: initial;
  }
  .step-three .arrival-time .time-wrap {
    width: 100%;
  }
  .step-three .arrival-time .drop-down-time {
    width: 100%;
  }
  .step-three .arrival-time .drop-down-time .drop-down {
    width: 100%;
  }
  .step-three .cc-ins .ins-name,
  .step-three .calendar-cost-item .ins-name {
    padding-left: 5px;
  }
  .step-three .insurance-container .ins-name {
    margin-left: 5px;
  }
  .step-three .insurance-container .calendar label {
    padding-left: 0px;
  }
}
@media (max-width: 320px) {
  .step-three .insurance-container .ins-name {
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .step-three .has-media-photo {
    max-width: 240px !important;
  }
}
@media (max-width: 915px), (min-width: 992px) and (max-width: 1100px) {
  .horizontal-menu .step-three .has-media-photo.cc-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 80px;
    max-width: initial !important;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .horizontal-menu .step-three .has-media-price-cc,
  .horizontal-menu .step-three .has-media-symbol-cc {
    top: 0 !important;
    right: 0 !important;
  }
  .horizontal-menu .step-three .has-media-icon-cc {
    top: 1.5rem !important;
    right: 0 !important;
  }
  .horizontal-menu .step-three .has-media-checkbox-text-cc {
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
  }
  .horizontal-menu .step-three .has-media-checkbox.cc-checkbox {
    top: 0 !important;
  }
}
@media (max-width: 1500px) {
  .vertical-menu .step-three .has-media-photo.cc-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 80px;
    max-width: initial !important;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .vertical-menu .step-three .has-media-price-cc,
  .vertical-menu .step-three .has-media-symbol-cc {
    top: 0 !important;
    right: 0 !important;
  }
  .vertical-menu .step-three .has-media-icon-cc {
    top: 1.5rem !important;
    right: 0 !important;
  }
  .vertical-menu .step-three .has-media-checkbox-text-cc {
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
  }
  .vertical-menu .step-three .has-media-checkbox.cc-checkbox {
    top: 0 !important;
  }
}
@media (max-width: 1400px) {
  .step-three .autopoint-panel .panel-body .autopoint-container .autopoint-text {
    top: 0;
  }
}
@media (min-width: 769px) {
  .insurance-container .calendar label {
    width: 140px !important;
  }
}
@media (max-width: 915px), (min-width: 992px) and (max-width: 1120px) {
  .vertical-menu .step-three .has-media-photo {
    right: auto;
    float: none;
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 80px;
    max-width: initial !important;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  .vertical-menu .step-three .has-media-date {
    top: 0 !important;
    right: 0 !important;
  }
  .vertical-menu .step-three .has-media-checkbox-text {
    width: 75% !important;
    word-break: keep-all;
    top: 0.5px !important;
    position: relative;
    transform: initial;
    /*padding-left: 45px;*/
  }
  .vertical-menu .step-three .has-media-checkbox {
    top: 0 !important;
  }
  .vertical-menu .step-three .video-container {
    width: 100% !important;
  }
  .vertical-menu .step-three .img-container {
    width: 100%;
  }
  .vertical-menu .step-three .black_overlay .closeOverlay {
    right: 0 !important;
  }
}
@media (max-width: 330px) {
  .step-three .panel-body .insurance-container .has-media-price-cc {
    top: 1.5rem !important;
  }
}
@media (max-width: 1250px) {
  .step-three .date-arrival .row .form-group.vertical-menu {
    margin: 0 auto;
  }
  .step-three .transmission-cont.vertical-menu {
    margin-top: 20px;
  }
  .step-three .nin-and-drivinglicense-form .row .form-group.vertical-menu {
    margin: 0 auto;
  }
  .step-three .nin-and-drivinglicense-form .row.vertical-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-end;
  }
}
.step-four input[type="email"]:disabled {
  cursor: initial;
  background-color: #ffffff !important;
  opacity: 1;
}
.step-four input[type="text"]:disabled {
  cursor: not-allowed;
  background-color: #ffffff !important;
  opacity: 1;
}
.step-four div[disabled="disabled"] {
  background-color: #ffffff !important;
  opacity: 1;
  pointer-events: none;
}
.step-four #details-categories > li {
  list-style: none;
  padding: 0;
}
.step-four #details-categories > li > li {
  list-style: none;
  padding: 0;
}
.step-four #details-categories .category {
  border-bottom: 1px solid #ABC3CA;
  margin-bottom: 20px;
}
.step-four #details-categories .category h2 {
  color: #194259;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}
.step-four #details-categories .details-form {
  list-style: none;
}
.step-four #details-categories .details-form input:-webkit-autofill {
  -webkit-text-fill-color: #8F8F8F !important;
}
.step-four #details-categories .details-form > li {
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.5s;
}
.step-four #details-categories .details-form > li:nth-child(odd) {
  padding-right: 12px;
}
.step-four #details-categories .details-form > li:nth-child(even) {
  padding-left: 12px;
  padding-right: 12px;
}
.step-four #details-categories .details-form > li .form-control {
  margin-bottom: 0px;
  background-color: #ffffff;
}
.step-four #details-categories .details-form > li .form-control,
.step-four #details-categories .details-form > li .dropdown-toggle {
  width: 100%;
  height: 56px;
  color: #3B3B3B;
  border-color: #3B3B3B;
  text-align: left;
}
.step-four #details-categories .details-form > li .drop-down {
  width: 200px;
}
.step-four #details-categories .details-form > li .drop-down-wrap .header .title {
  top: 18px;
  font-size: 16px;
}
.step-four #details-categories .details-form > li .drop-down-wrap .header .title.animate {
  top: 5px;
  font-size: 11px;
}
.step-four #details-categories .details-form > li .dropdown-toggle {
  position: relative;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  padding-left: 10px;
}
.step-four #details-categories .details-form > li .dropdown-toggle .arrow {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
}
.step-four #details-categories .details-form > li .dropdown-toggle .header .title {
  top: 20px;
}
.step-four #details-categories .details-form > li .label-override {
  color: #8F8F8F;
  margin-bottom: 6px;
  font-weight: normal;
}
.step-four #details-categories .details-form > li .label-override .invalid {
  position: absolute;
  top: 0;
  left: 14px;
}
.step-four #details-categories .details-form > li .find-address .btn {
  background-color: #e4dcd3;
  color: #fff;
  float: right;
}
.step-four #details-categories .details-form > li .find-address .drop-down {
  position: absolute;
  width: 95%;
  max-height: 300px;
  background-color: #ffffff;
  /*left: 0;*/
  overflow: auto;
  z-index: 2;
  border: 1px solid #AEB2B3;
  border-top: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 77px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.step-four #details-categories .details-form > li .find-address .drop-down > li {
  min-width: 800px;
  padding: 4px 15px;
  cursor: pointer;
}
.step-four #details-categories .details-form > li .find-address .drop-down > li:hover {
  color: #e4dcd3;
}
.step-four #details-categories .details-form > li .find-address .drop-down::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.step-four #details-categories .details-form > li .find-address .drop-down::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.step-four #details-categories .details-form > li .find-address .drop-down::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #e4dcd3;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.step-four #details-categories .details-form > li .find-address .drop-down::-webkit-scrollbar-thumb:window-inactive {
  background-color: #e4dcd3;
}
.step-four #details-categories .details-form > li .loader {
  top: -35px;
  right: 76px;
}
.step-four #details-categories .details-form > li.ng-hide {
  display: block !important;
  pointer-events: none;
  opacity: 0;
  height: 0px;
  padding: 0px;
  margin-top: -1px;
}
.step-four #details-categories .details-form > li.ng-hide .form-control {
  opacity: 0;
  height: 0px;
}
.step-four #details-categories .details-form .form-group {
  position: relative;
  margin-bottom: 8px;
}
.step-four #details-categories .details-form .form-group .title.required {
  color: #e63312 !important;
}
.step-four #details-categories .details-form .form-group .label-override .placeholder {
  position: absolute;
  top: 38px;
  left: 13px;
  width: 100%;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
  font-size: 16px;
  color: #3B3B3B;
}
.step-four #details-categories .details-form .form-group .label-override .placeholder.active {
  top: 28px;
  font-size: 11px;
  color: #e4dcd3;
}
.step-four #details-categories .details-form .form-group .label-override .placeholder.active.error {
  color: #e63312;
}
.step-four #details-categories .details-form .form-group .label-override .placeholder.required {
  color: #e63312;
}
.step-four #details-categories .details-form .form-group .form-control {
  padding-top: 20px;
  font-size: 16px;
}
.step-four #details-categories .details-form .form-group .form-control.not-valid {
  border: 1px solid #e63312 !important;
}
.step-four #details-categories .details-form .form-group .form-control.not-valid:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.step-four #details-categories .details-form .form-group .find-btn {
  position: absolute;
  top: 30px;
  right: 5px;
  background-color: #e4dcd3;
  color: #fff;
}
.step-four #details-categories .details-form .form-group .find-btn span {
  font-size: 16px;
}
.step-four #details-categories .details-form .form-group .find-btn.required {
  background-color: #e63312;
}
.step-four #details-categories .details-form .space-right {
  margin-right: 50%;
}
.step-four .legend {
  font-size: 14px;
  /*margin-bottom: 10px;
        margin-top: 10px;
        margin-left: 15px;*/
  color: #3B3B3B;
}
.step-four .legend .prvcy-url {
  text-align: right;
}
.step-four .distance {
  display: inline-block;
  color: #8F8F8F;
  line-height: 6px;
  margin-left: 15px;
}
.step-four .helper {
  font-size: 1px;
  visibility: hidden;
}
.step-four .continue-bnt-wrap {
  margin-top: 0px;
  margin-bottom: 35px;
  margin-right: 15px;
}
.custom-radio-button input {
  visibility: visible;
}
@media (max-width: 768px) {
  .step-four .no-border-panel {
    width: 100%;
  }
  .step-four .no-border-panel.col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .step-four #details-categories {
    margin-bottom: 10px;
  }
  .step-four #details-categories .details-form .form-group {
    margin-bottom: 0;
  }
  .step-four .continue-bnt-wrap {
    margin-right: 12px;
    margin-top: 15px;
  }
  .legend {
    display: inline;
    position: relative;
  }
}
@media (max-width: 767px) {
  .step-four > div {
    margin: 0px;
  }
  .step-four .no-border-panel.col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-four #details-categories {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-four #details-categories .details-form li:nth-child(odd) {
    padding: 0;
  }
  .step-four #details-categories .details-form li:nth-child(even) {
    padding: 0;
  }
  .step-four #details-categories .details-form > li .drop-down-wrap .header .title {
    top: 10px;
    font-size: 16px;
  }
  .step-four #details-categories .details-form > li .drop-down-wrap .header .title.animate {
    font-size: 11px;
    top: 3px;
  }
  .step-four #details-categories .details-form > li .drop-down-wrap .header .selected {
    top: 17px;
  }
  .step-four #details-categories .details-form > li .dropdown-toggle {
    height: 44px;
  }
  .step-four #details-categories .details-form .drop-down li {
    padding-left: 15px;
  }
  .step-four #details-categories .details-form .form-group .form-control {
    height: 44px;
  }
  .step-four #details-categories .details-form .form-group .label-override .placeholder {
    top: 33px;
  }
  .step-four #details-categories .details-form .form-group .label-override .placeholder.active {
    top: 24px;
  }
  .step-four #details-categories .details-form .form-group .find-btn {
    top: 25px;
  }
  .step-four #details-categories .details-form .space-right {
    margin-right: 0%;
  }
  .step-four .continue-bnt-wrap {
    margin: 0px;
    padding: 10px;
    margin-bottom: 20px;
  }
  .step-four .visib-hidden {
    display: none;
  }
  .step-four .legend {
    margin-left: 10px;
    white-space: nowrap;
  }
  .step-four .distance {
    top: 0;
    margin: 0 5px;
    line-height: normal;
  }
}
@media (max-width: 480px) {
  .step-four .continue-bnt-wrap {
    margin-top: 0px;
  }
  .step-four .continue-bnt-wrap.col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .step-four .legend span.col-xs-12 {
    padding: 0;
    padding-left: 5px;
  }
  .step-four .legend .prvcy-url {
    text-align: left;
  }
}
@media (max-width: 380px) {
  .step-four #details-categories .details-form > li .drop-down-wrap .header .title {
    top: 12px;
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .step-four .no-border-panel.col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/*@panel-heading-color: rgba(197, 208, 211, 0.6);
@panel-strip-color: rgba(197, 208, 211, 0.2);
@panel-second-strip-color: rgba(197, 208, 211, 0.06);*/
.step-five {
  color: #838486;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.step-five .panel-review-booking {
  padding: 10px 15px;
}
.step-five .panel-review-booking h4 {
  text-align: center;
  color: red;
  font-size: 18px;
  padding-top: 5px;
}
.step-five .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.step-five ul {
  list-style: none;
  padding: 0;
}
.step-five ul .add-req {
  line-height: 20px;
}
.step-five ul .add-req > p {
  /*padding-top: 12px;*/
}
.step-five .step-summary-content {
  /*> ul {
            list-style: none;
            padding: 0;

            .add-req {
                line-height: 20px;

                > p {
                    padding-top: 12px;
                }
            }
        }*/
}
.step-five .step-summary-content .title > h2 {
  background-color: #e4dcd3;
}
.step-five .step-summary-content.car-valuation-summary ul li.col-xs-6 {
  padding-left: 0px;
  padding-right: 0px;
}
.step-five .step-summary-content .date-time-and-details .item .calendar-info {
  display: initial;
}
.step-five .step-summary-content .notes {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
  display: inline-block;
  top: 5px;
  position: relative;
  cursor: pointer;
}
.step-five div ul {
  margin-bottom: 20px;
  padding-bottom: 5px;
  /*border-bottom: 1px solid #B3C0C7;*/
}
.step-five .value {
  color: #194259;
}
.step-five .head {
  margin-bottom: 5px;
}
.step-five .title h2 {
  color: #000000;
  font-size: 20px;
  text-align: center;
  line-height: 56px;
}
.step-five .title h2.special span {
  padding-left: 0;
}
.step-five .title h2.special .price {
  padding-right: 0;
  text-align: right;
}
.step-five .clear {
  clear: both;
}
.step-five .legend {
  color: #BFD8E4;
}
.step-five .continue-bnt-wrap {
  position: relative;
  margin-top: 0;
}
.step-five .continue-bnt-wrap .continue-btn {
  min-width: 173px;
}
.step-five .continue-bnt-wrap .spinner-anim.loader {
  right: 190px;
  bottom: 14px;
}
.step-five .total-discount {
  position: relative;
  top: -20px;
  text-align: left;
  color: #D9534F;
}
.step-five .services .price {
  text-align: right;
}
.step-five .services .price .old-price {
  position: relative;
  margin-right: 10px;
}
.step-five .services .price .old-price:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 7px;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.step-five .services .price.request {
  margin-left: 10px;
}
.step-five .services .serv-w-auto {
  width: auto !important;
}
.step-five .item {
  color: #3B3B3B;
  /*min-height: 46px;
        line-height: 46px;
        padding: 0 10px;*/
  padding: 15px;
  word-break: keep-all;
}
.step-five .item:nth-of-type(2n) {
  background-color: rgba(228, 220, 211, 0.2) !important;
}
.step-five .item:nth-of-type(2n+1) {
  background-color: rgba(228, 220, 211, 0.4) !important;
}
.step-five .item .email {
  word-break: break-all;
}
.step-five .services-price {
  max-width: 310px;
}
.step-five .services-price .discount {
  color: #ff0000;
}
.step-five .services-price.extend .price-row div > span:not(.price-label) {
  /*width: 81px;*/
  white-space: nowrap;
}
.step-five .services-price.extend .price-row .price-item,
.step-five .services-price.extend .price-row .special-offers {
  position: relative;
  padding-right: 18px;
}
.step-five .services-price.extend .price-row .price-item .price-label,
.step-five .services-price.extend .price-row .special-offers .price-label {
  float: left;
}
.step-five .services-price.extend .price-row .price-item.price-cost-item,
.step-five .services-price.extend .price-row .special-offers.price-cost-item {
  padding-right: 18px !important;
}
.step-five .services-price.extend .price-row .price-item .stars,
.step-five .services-price.extend .price-row .special-offers .stars {
  position: absolute;
}
.step-five .cupons-form-container {
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
.step-five .cupons-form-container .placeholder {
  position: absolute;
  top: 8px;
  left: 10px;
  font-weight: normal;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  transition: top 0.5s;
}
.step-five .cupons-form-container .placeholder.active {
  top: 1px;
  font-size: 11px;
  color: #e4dcd3;
}
.step-five .cupons-form-container input {
  height: 35px;
  padding: 10px 0 0 10px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  float: left;
  border: 1px solid #B3C0C7;
  text-transform: uppercase;
}
.step-five .cupons-form-container input:invalid {
  box-shadow: none;
}
.step-five .cupons-form-container .apply-btn {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: none;
  height: 35px;
  padding: 0 10px;
  background-color: #e4dcd3;
  color: #fff;
  /*&:hover {
                background-color: #ffffff;
                color: @voucher-apply-btn;
                border: 1px solid @voucher-apply-btn;
            }*/
}
.step-five .cupons-form-container .apply-btn[disabled=disabled],
.step-five .cupons-form-container .apply-btn:disabled {
  cursor: default;
  pointer-events: none;
  background-color: #cccccc;
}
.step-five .cupons-form-container .apply-btn:active {
  padding-left: 9px;
}
.step-five .price-row {
  font-size: 18px;
  color: #000000;
  white-space: nowrap;
  text-align: right;
}
.step-five .price-row div > span:not(.price-label) {
  display: inline-block;
  /*width: 80px;*/
  float: right;
  text-align: right;
  margin-left: 5px;
}
.step-five .price-row div > span.price-label {
  float: left;
}
.step-five .price-row .req-work {
  font-size: 18px;
  position: absolute;
}
.step-five .price-row .final-price {
  border-top: 1px solid #000000;
  font-size: 18px;
}
.step-five .price-row .final-price .without-star-align {
  padding-right: 18px;
}
.step-five .price-row .final-price-not-line {
  font-size: 18px;
}
.step-five .price-row .final-price-not-line .without-star-align {
  padding-right: 18px;
}
.step-five .calculation-cnt {
  position: relative;
  top: -2px;
  /*padding-right: 5px;*/
}
.step-five .calculation-cnt.without-coupon-cnt {
  top: -2px;
}
.step-five .has-cus-service-plan {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 5;
  padding: 15px 0;
  float: right;
}
.step-five .has-cus-service-plan.cus-want-service-plan {
  padding-top: 0px;
  padding-bottom: 25px;
}
.step-five .has-cus-service-plan .wrrap {
  display: inline;
  float: right;
  /*padding-right: 5px;*/
  padding-bottom: 5px;
}
.step-five .has-cus-service-plan .wrrap.not-clickable {
  pointer-events: none;
}
.step-five .has-cus-service-plan .check-box {
  position: relative;
  height: 30px;
  width: 30px;
  margin-left: 5px;
  border: 1px solid #000000;
  border-radius: 5px;
  float: right;
  background-color: #ffffff;
}
.step-five .has-cus-service-plan .check-box .tick-icon {
  display: none;
  position: absolute;
  font-size: 35px;
  left: -4px;
  top: -8px;
  color: #ffffff;
}
.step-five .has-cus-service-plan .check-box.active {
  background-color: #00aad2 !important;
  border-color: #00aad2 !important;
}
.step-five .has-cus-service-plan .check-box.active .tick-icon {
  display: block;
}
.step-five .has-cus-service-plan p {
  position: relative;
  bottom: 1px;
  display: inline;
  color: #000000;
  font-size: 16px;
  line-height: 30px;
}
.step-five .has-cus-service-plan .icon-info-circle {
  display: none;
  font-size: 18px;
}
.step-five .has-cus-service-plan .icon-info-circle.active {
  display: inline;
}
.step-five .dislaimer-cnt {
  /*margin-top: 15px;
        margin-bottom:15px;*/
  padding: 0 15px 15px 15px;
}
.step-five .dislaimer-cnt > p {
  color: #3B3B3B;
}
.step-five .tooltip-inner {
  width: 300px;
}
.step-five .margin-top-position {
  margin-top: 40px;
}
.services-price-additional-style {
  margin-bottom: 20px;
}
.services-price-label {
  font-size: 1.5em;
  color: #333333;
}
@media (max-width: 767px) {
  .step-five {
    padding-left: 0px;
    padding-right: 0px;
  }
  .step-five .step-summary-content {
    padding: 0px;
  }
  .step-five .has-cus-service-plan .check-box {
    height: 20px !important;
    width: 20px !important;
    top: 3px;
    margin-right: 10px;
  }
  .step-five .has-cus-service-plan .check-box .tick-icon {
    font-size: 25px !important;
  }
  .step-five .price-row {
    font-size: 16px;
    padding-right: 15px;
  }
  .step-five .price-row .req-work {
    font-size: 16px;
    padding-right: 4px;
  }
  .step-five .price-row .final-price {
    font-size: 18px;
  }
  .step-five .continue-bnt-wrap {
    margin: 5px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .step-five .continue-btn {
    width: 100% !important;
  }
}
@media (max-width: 550px) {
  .step-five .cupons-form-container input {
    width: 115px;
  }
}
@media (max-width: 490px) {
  .step-five .continue-bnt-wrap {
    white-space: pre;
  }
}
@media (max-width: 480px) {
  .step-five .calculation-cnt {
    position: relative;
    top: -10px;
    margin: 0px 5px;
  }
  .step-five .cupons-form-container {
    float: left;
  }
  .step-five .cupons-form-container input {
    width: 115px;
  }
  .step-five .tooltip {
    top: -66px;
    left: 155px !important;
  }
  .step-five .tooltip-inner {
    width: 300px;
  }
  .step-five .tooltip-arrow {
    left: 127px !important;
  }
  .step-five .margin-top-position {
    margin-top: 100px;
  }
  .step-five .continue-bnt-wrap {
    white-space: normal;
  }
}
@media (max-width: 400px) {
  .step-five .cupons-form-container .placeholder {
    font-size: 10px;
    left: 13px;
    top: 12px;
  }
  .step-five .cupons-form-container .placeholder.active {
    font-size: 10px;
  }
  .step-five .cupons-form-container input {
    width: 100px;
  }
  .step-five .price-row div {
    /*> span:not(.price-label) {
                    width: 70px;
                }*/
  }
  .step-five .tooltip {
    top: -66px;
    left: 100px !important;
  }
  .step-five .tooltip-arrow {
    left: 183px !important;
  }
}
@media (max-width: 370px) {
  .step-five .cupons-form-container .placeholder {
    top: 10px;
  }
}
@media (max-width: 320px) {
  .step-five {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/*@panel-heading-color: rgba(197, 208, 211, 0.6);
@panel-strip-color: rgba(197, 208, 211, 0.2);
@panel-second-strip-color: rgba(197, 208, 211, 0.06);*/
.step-ivhc {
  padding-bottom: 15px;
}
.step-ivhc #gallery {
  padding-top: 15px;
  /*min-height: 413px;*/
}
.step-ivhc .video-js {
  height: 0 !important;
}
.step-ivhc #gallery ul {
  list-style: none;
}
.step-ivhc .gallery-slider {
  position: relative;
  background: #8c8c8c;
  height: 200px;
}
.step-ivhc .gallery-slider ul {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  -o-user-select: none;
  user-select: none;
  padding-bottom: 56.25% !important;
}
.step-ivhc .gallery-slider li {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-color: #000000;
}
.step-ivhc .gallery-slider li .vjs-big-play-button {
  top: calc((100% - 1.1em)/2);
  left: calc((100% - 1.65em)/2);
  height: 1.1em !important;
  width: 1.65em !important;
  line-height: 1.1em;
  margin-top: 0px;
  margin-left: 0px;
}
.step-ivhc .slider-nav {
  position: absolute;
  width: 100%;
  top: calc((100% - 36px)/2);
  left: 0;
  z-index: 300;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.step-ivhc .slider-nav-btn {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  /*background: rgba(0, 0, 0, 0.1);*/
  /*border: 2px solid white;*/
  /*border-radius: 20px;*/
  cursor: pointer;
}
.step-ivhc .slider-nav-btn .fa {
  display: block;
  font-size: 20px;
  color: white;
  text-align: center;
  line-height: 36px;
}
.step-ivhc .slider-nav-btn.prev {
  left: 10px;
}
.step-ivhc .slider-nav-btn.next {
  right: 10px;
}
.step-ivhc .gallery-thumbs {
  height: 100px;
}
.step-ivhc .gallery-thumbs ul {
  position: relative;
  height: 80px;
  padding: 0;
  margin: 0;
  top: 10px;
  overflow: hidden;
}
.step-ivhc .gallery-thumbs li {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 6px;
  background-size: cover;
  cursor: pointer;
}
.step-ivhc .gallery-thumbs li.video:after {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #303030;
  opacity: 0.45;
  font-family: 'booking-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e940";
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: white;
}
.step-ivhc .gallery-thumbs li.active:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  content: "";
  background: #303030;
  opacity: 0.65;
  font-family: 'booking-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e93f";
  font-size: 30px;
  line-height: 80px;
  text-align: center;
  color: white;
  left: 0px;
  top: 0px;
}
.step-ivhc .gallery-slider li.active,
.step-ivhc .gallery-slider li.transitioning {
  display: block;
  z-index: 100;
}
.step-ivhc .panel {
  padding: 15px;
  background-color: inherit;
  padding-top: 0px;
}
.step-ivhc .panel .panel-body .ivhc-step-warning {
  float: left;
  text-align: center;
  font-size: 18px;
}
.step-ivhc .continue-bnt-wrap {
  clear: both;
  padding: 15px 15px 0 15px;
  height: 90px;
}
.step-ivhc .category .service-category {
  cursor: pointer;
  color: #e4dcd3;
  background-color: #e4dcd3;
  margin-top: 15px;
}
.step-ivhc .category .service-category > h2 {
  margin-top: 11px;
  margin-bottom: 0px;
  padding-bottom: 11px;
  font-size: 20px;
  text-align: center;
}
.step-ivhc .category .service-category .icon {
  font-size: 20px;
  margin: 11px 0;
}
.step-ivhc .category .services.expanded {
  display: block;
}
.step-ivhc .category .services .service {
  padding: 10px 5px;
  cursor: pointer;
}
.step-ivhc .category .services .service:nth-of-type(2n+1) {
  background-color: rgba(228, 220, 211, 0.4) !important;
}
.step-ivhc .category .services .service:nth-of-type(2n) {
  background-color: rgba(228, 220, 211, 0.2) !important;
}
.step-ivhc .category .services .service .check-box {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #ffffff;
  font-size: 35px;
  border: 1px solid #333;
}
.step-ivhc .category .services .service .check-box .tick-icon {
  display: none;
  margin-top: -8px;
  margin-left: -4px;
}
.step-ivhc .category .services .service .check-box.show {
  background-color: #00aad2;
  border-color: #00aad2;
}
.step-ivhc .category .services .service .check-box.show .tick-icon {
  display: block;
}
.step-ivhc .category .services .service .check-box.show ~ div {
  color: #000000;
  font-weight: bold;
}
.step-ivhc .category .services .service .check-box.show ~ p {
  color: #000000;
  font-weight: bold;
}
.step-ivhc .category .services .service .service-name-wrrap {
  width: 70%;
  margin-left: 14px;
  font-size: 14px;
  color: #000000;
}
.step-ivhc .category .services .service .service-name-wrrap .service-name {
  font-size: 14px;
}
.step-ivhc .category .services .service .price {
  color: #000000;
}
.step-ivhc .legend-cont {
  margin-top: 12px;
  clear: both;
}
.step-ivhc .legend-cont p {
  padding-bottom: 5px;
}
.step-ivhc .legend-cont .price-promise {
  color: #93bed2;
}
.step-ivhc .legend-cont .price-promise span,
.step-ivhc .legend-cont .price-promise i {
  color: #e73e4c;
}
.step-ivhc .price-container {
  padding-right: 20px;
  padding-left: 5px;
}
.step-ivhc .price-container .offer-service-price-container {
  white-space: nowrap;
  padding-top: 10px;
}
.step-ivhc .price-container .offer-service-price-container p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-ivhc .price-container .discount {
  white-space: nowrap;
}
.step-ivhc .price-container .discount p {
  display: inline;
  color: #ff0000;
  font-size: 18px;
}
.step-ivhc .price-container .discount .ng-binding {
  margin-left: 10px;
}
.step-ivhc .price-container .offer-total-container {
  white-space: nowrap;
  border-top: 1px solid #e4dcd3;
}
.step-ivhc .price-container .offer-total-container p {
  display: inline;
  color: #263741;
  font-size: 18px;
}
.step-ivhc .price-container .offer-total-container .ng-binding {
  margin-left: 10px;
}
.step-ivhc .price-container .req-work {
  position: absolute;
  font-size: 22px;
}
@media (max-width: 1300px) {
  .step-ivhc .legend-cont {
    width: calc(100% - 320px);
  }
  .step-ivhc .price-container {
    width: 310px;
  }
}
@media (max-width: 768px) {
  .step-ivhc .legend-cont {
    width: 100%;
  }
  .step-ivhc .price-container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .step-ivhc > div {
    padding: 0px;
  }
  .step-ivhc .category {
    padding: 0px;
  }
  .step-ivhc .category .check-box {
    font-size: 25px !important;
    width: 20px !important;
    height: 20px !important;
  }
  .step-ivhc .panel {
    padding: 5px;
  }
  .step-ivhc .panel .panel-body {
    padding: 10px 5px;
  }
  .step-ivhc .panel .panel-body .ivhc-step-warning {
    font-size: 16px;
  }
  .step-ivhc .price-container {
    width: 100%;
  }
  .step-ivhc .price-container .offer-service-price-container p {
    font-size: 16px;
  }
  .step-ivhc .price-container .discount p {
    font-size: 16px;
  }
  .step-ivhc .price-container .offer-total-container p {
    font-size: 18px;
  }
  .step-ivhc .price-container .req-work {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .step-ivhc .services .service .service-name-wrrap {
    width: 60%;
  }
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: 'obicons';
  src: url('../../../Common/fonts/obicons.eot?-gcbfcs');
  src: url('../../../Common/fonts/obicons.eot?#iefix-gcbfcs') format('embedded-opentype'), url('../../../Common/fonts/obicons.woff?-gcbfcs') format('woff'), url('../../../Common/fonts/obicons.ttf?-gcbfcs') format('truetype'), url('../../../Common/fonts/obicons.svg?-gcbfcs#obicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'obicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-collapse:before {
  content: "\e600";
}
.icon-expand:before {
  content: "\e601";
}
.icon-locked:before {
  content: "\e602";
}
.icon-check:before {
  content: "\e603";
}
.icon-collapse-02:before {
  content: "\e604";
}
.icon-expand-02:before {
  content: "\e605";
}
.icon-info-circle:before {
  content: "\e606";
}
.icon-left-arrow:before {
  content: "\e607";
}
.icon-right-arrow:before {
  content: "\e608";
}
.icon-locked-02:before {
  content: "\e900";
}
@font-face {
  font-family: "VAGRoundedLTW01-Light";
  src: url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.eot");
  src: url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.woff2") format("woff2"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.woff") format("woff"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.ttf") format("truetype"), url("../demosite/fonts/VAG Rounded/5e954afee1a0cff3c040566913663349.svg#VAGRoundedLTW01-Light") format("svg");
}
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.step-confirmed {
  font-family: 'OpenSans-Regular', serif, VAGRoundedLTW01-Light;
  font-size: 18px;
  color: #e4dcd3;
  line-height: 1.4;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.step-confirmed ul.horizontal-list.static-list-menu li.completed .circle button {
  top: 2px;
  pointer-events: none;
}
.step-confirmed .custom-container {
  margin-top: 15px;
  max-width: 1024px;
}
.step-confirmed .custom-container .panel {
  margin-bottom: 0px;
}
.step-confirmed .main-header {
  position: relative;
  z-index: 1;
}
.step-confirmed .main-header .logo {
  position: absolute;
  top: 15px;
  border: 0px;
}
.step-confirmed .main-header .logo.main {
  left: 20%;
}
.step-confirmed .main-header .logo.secondary {
  right: 20%;
}
.step-confirmed .main-header .logo.secondary.link-icon {
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  height: 70px;
  color: #000;
  top: 0px;
}
.step-confirmed .main-header .logo.secondary.link-icon span.full-name {
  display: none;
}
.step-confirmed .main-header .logo.secondary.link-icon span.short-name {
  display: flex;
}
.step-confirmed .main-header .logo.secondary.link-icon::before {
  content: "\f0ad" !important;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  width: 1.05em;
  letter-spacing: 1em;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 25px;
  margin-right: 5px;
  margin-top: -5px;
}
.step-confirmed .main-header .logo.secondary.link-icon:hover,
.step-confirmed .main-header .logo.secondary.link-icon:focus {
  text-decoration: none;
  opacity: 0.6;
}
.step-confirmed .dealer-banner {
  position: relative;
  height: 360px;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.step-confirmed .header {
  width: 580px;
  margin: 0 auto;
}
.step-confirmed .header .confirm-mess {
  text-align: left;
  font-size: 1.2em;
  padding-left: 10px;
  padding-right: 10px;
  top: 175px;
  position: absolute;
  color: white;
  width: 550px;
  line-height: 1.4;
}
.step-confirmed .header .ref-title {
  margin: 18px 0;
}
.step-confirmed .header .ref-title .text {
  font-weight: 300;
}
.step-confirmed .header .reference {
  font-size: 18px;
  font-weight: bold;
}
.step-confirmed .header .print-btn {
  float: right;
  font-weight: bold;
  text-decoration: underline;
  padding-right: 10px;
  color: #e4dcd3;
}
.step-confirmed .header-text {
  color: #fff;
}
.step-confirmed h5 {
  color: #fff;
}
.step-confirmed .header-text {
  padding-top: 20px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.step-confirmed .header-sub-text {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 15px;
  color: #e4dcd3;
  text-align: center;
}
.step-confirmed .header-sub-text.no-ref {
  margin-bottom: 5px;
}
.step-confirmed .created-booking-text {
  margin: 50px 0px;
  padding: 0 10px;
}
.step-confirmed .no-border-panel .panel-body .created-booking-text {
  color: #3B3B3B;
  margin-top: 50px;
}
.step-confirmed .ref-title {
  color: #e4dcd3;
}
.step-confirmed .service-plan-label h1 {
  text-align: center;
  margin-bottom: -15px;
}
.step-confirmed .service-plan-block {
  position: relative;
  top: 5px;
  padding: 0px;
}
.step-confirmed .service-plan-block .bar {
  /*height: 100px;*/
  width: 100%;
}
.step-confirmed .service-plan-block .bar .wrapper {
  width: 100%;
  margin: 0 auto;
}
.step-confirmed .service-plan-block .bar .wrapper .quote_btn {
  position: relative;
  display: table;
  /*width: 140px;
                    height: 140px;*/
  border: none;
  background-color: #0f3951;
  margin: 10px auto;
  color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-animation-name: blink-quote-btn;
  -o-animation-name: blink-quote-btn;
  -webkit-animation-name: blink-quote-btn;
  animation-name: blink-quote-btn;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 10;
  -o-animation-iteration-count: 10;
  -webkit-animation-iteration-count: 10;
  animation-iteration-count: 10;
  width: 345px;
  height: 56px;
}
.step-confirmed .service-plan-block .bar .wrapper .quote_btn a {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.step-confirmed .service-plan-block .bar .wrapper .quote_btn:hover {
  background-color: #e4dcd3;
}
.step-confirmed .service-plan-block .bar .wrapper .description {
  width: 100%;
  padding: 5px;
}
.step-confirmed .service-plan-block .bar .wrapper .description p {
  position: relative;
  width: 560px;
  margin: 0 auto;
  color: black;
  line-height: 1.4;
  text-align: justify;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-top: 15px;
}
.step-confirmed .included-service-block {
  width: 520px;
  margin: 0px auto;
}
.step-confirmed .included-service-block > div > h3 {
  font-size: 18px;
  margin: 15px 0;
  text-align: center;
  font-weight: bold;
}
.step-confirmed .included-service-block > div > ul {
  margin: 0;
  padding: 0;
}
.step-confirmed .included-service-block > div > ul li {
  position: relative;
  width: 100%;
  float: left;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  font-weight: 300;
}
.step-confirmed .included-service-block > div > ul li .circle {
  position: absolute;
  top: 2px;
  left: -7px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e4dcd3;
}
.step-confirmed .included-service-block > div > ul li .circle > i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 11px;
  color: #ffffff;
}
.step-confirmed .included-service-block .disclaimer {
  margin-top: 50px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .step-confirmed .main-header .logo.main {
    max-width: 150px;
    left: 10%;
  }
  .step-confirmed .main-header .logo.secondary:not(.link-icon) {
    display: none;
  }
  .step-confirmed .included-service-block > div > ul li {
    width: 100%;
  }
  .step-confirmed .service-plan-block .bar .wrapper {
    width: 100%;
  }
  .step-confirmed .service-plan-block .bar .wrapper .description p {
    width: 450px;
  }
  .step-confirmed .included-service-block {
    width: 100%;
  }
  .step-confirmed .included-service-block > div > ul {
    width: calc(450px + (100% - 445px)/2);
    padding-left: calc((100% - 445px)/2);
  }
}
@media (max-width: 767px) {
  .step-confirmed .created-booking-text {
    margin: 25px 0px;
  }
  .step-confirmed .included-service-block {
    padding-left: 20px;
  }
  .step-confirmed .header-sub-text {
    margin-top: 15px;
  }
  .step-confirmed .secondary_logo.link-icon {
    height: 45px;
  }
  .step-confirmed .secondary_logo.link-icon span.full-name {
    display: none;
  }
  .step-confirmed .secondary_logo.link-icon span.short-name {
    display: flex;
    width: 70px;
    font-size: 10px;
  }
  .step-confirmed .secondary_logo.link-icon::before {
    display: none;
    margin-top: 0px;
  }
}
@media (max-width: 550px) {
  .step-confirmed .service-plan-block .bar .wrapper .description p {
    width: 100%;
  }
  .step-confirmed .included-service-block > div > ul {
    width: 100%;
    left: 0%;
  }
}
@media (max-width: 480px) {
  .step-confirmed .quote_btn {
    width: 265px !important;
  }
}
@media (max-width: 375px) {
  .step-confirmed .quote_btn {
    width: 200px !important;
  }
}
@media (max-width: 320px) {
  .step-confirmed .service-plan-block .bar .wrapper .description p {
    top: 0;
  }
}
.step-amend {
  width: auto;
  margin: 30px;
  color: #838486;
  font-size: 14px;
  margin-top: 5px;
}
.step-amend .dislaimer-cnt {
  /*margin-top: 15px;
        margin-bottom:15px;*/
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
}
.step-amend .dislaimer-cnt > p {
  color: #3B3B3B;
}
.step-amend .date-time-and-details .item .calendar-info {
  display: initial;
}
.step-amend #service-categories li {
  list-style: none;
  padding-top: 10px;
}
.step-amend #service-categories.service-plan-box-cnt {
  position: relative;
  height: 50px;
  margin-bottom: 15px;
}
.step-amend #service-categories.service-plan-box-cnt .not-clickable {
  pointer-events: none;
}
.step-amend #service-categories .service-category .services .service {
  position: relative;
  display: block;
}
.step-amend #service-categories .service-category .services .service .service-bar {
  position: relative;
  padding: 3px 0;
  margin: 3px 0;
  width: 100%;
  cursor: default;
}
.step-amend #service-categories .service-category .services .service .service-bar .price {
  padding-top: 5px;
  padding-right: 5px;
  color: #333;
}
.step-amend #service-categories .service-category .services .service .service-bar .serv-checkbox {
  position: relative;
  top: 1px;
  width: 30px;
  height: 30px;
  border: 1px solid #333;
  border-radius: 5px;
  background-color: #ffffff;
  margin-left: 5px;
  cursor: not-allowed;
}
.step-amend #service-categories .service-category .services .service .service-bar .serv-checkbox .tick-icon {
  display: none;
  position: absolute;
  color: #ffffff;
  font-size: 35px;
  left: -4px;
  top: -8px;
  /*.hide {
                                    display: none;
                                }*/
}
.step-amend #service-categories .service-category .services .service .service-bar .service-plan-text {
  margin-right: 10px;
  margin-top: 7px;
}
.step-amend #service-categories .service-category .services .service .service-bar .icon-info-circle {
  position: relative;
  font-size: 16px;
  color: #333;
  top: 2px;
  left: 5px;
  pointer-events: auto;
  cursor: pointer;
}
.step-amend #service-categories .service-category .services .service .service-bar .icon-info-circle.ellipsis {
  position: absolute;
  right: 58px;
  top: 10px;
  left: auto;
}
.step-amend #service-categories .service-category .services .service .service-bar .tooltip .tooltip-inner {
  border-top-left-radius: inherit;
  border-top-right-radius: initial;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  padding-top: 0;
  border: 1px solid #838486;
  background-color: #ffffff;
  color: #838486;
  white-space: normal;
  word-wrap: break-word;
}
.step-amend #service-categories .service-category .services .service .service-bar .tooltip .tooltip-header {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #838486;
  border-bottom: none;
  background-color: #ffffff;
  border-radius: 4px 4px 0px 0px;
  white-space: normal;
  border-bottom: 0px;
}
.step-amend #service-categories .service-category .services .service .service-bar .tooltip .tooltip-header.show {
  display: block;
}
.step-amend #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-header {
  max-width: 300px;
}
.step-amend #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-service-name,
.step-amend #service-categories .service-category .services .service .service-bar .tooltip.large .tooltip-inner {
  width: 300px;
  max-width: 300px;
}
.step-amend #service-categories .service-category .services .service.selected {
  display: block;
}
.step-amend #service-categories .service-category .services .service.selected .service-bar .serv-checkbox {
  background-color: #00aad2;
  border: 1px solid #00aad2;
}
.step-amend #service-categories .service-category .services .service.selected .service-bar .serv-checkbox .tick-icon {
  display: block;
}
.step-amend .stars-container {
  font-size: 0px;
  padding-right: 3px;
}
.step-amend .stars-container > span {
  font-size: 15px;
}
.step-amend .bookingref-title {
  text-align: center;
}
.step-amend .bookingref-title > h2 {
  margin-top: 0px;
  font-size: 16px;
  color: #3B3B3B;
}
.step-amend .custom-grid {
  margin-top: 30px;
}
.step-amend .no-border-panel .panel-heading h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.step-amend .no-border-panel .panel-body .title h2 {
  background-color: #e4dcd3;
  text-align: center;
  line-height: 56px;
}
.step-amend .container-fluid {
  padding-right: 0px;
}
.step-amend .container-fluid > .col-xs-12 {
  padding-right: 0px;
}
.step-amend li {
  list-style: none;
  padding: 0;
  color: #3B3B3B;
}
.step-amend .item {
  color: #3B3B3B;
  /*min-height: 46px;
        line-height: 46px;
        padding: 0 10px;*/
  padding: 15px;
}
.step-amend .item:nth-of-type(2n) {
  background-color: rgba(228, 220, 211, 0.4) !important;
}
.step-amend .item:nth-of-type(2n+1) {
  background-color: rgba(228, 220, 211, 0.2) !important;
}
.step-amend ul {
  padding: 0;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.step-amend .value {
  color: #194259;
}
.step-amend .head {
  margin-bottom: 5px;
}
.step-amend .title h2 {
  color: #e4dcd3;
  font-size: 20px;
  margin: 0;
}
.step-amend .title h2 span:not(.stars) {
  position: relative;
  right: 15px;
}
.step-amend .title .special span {
  padding: 0;
}
.step-amend .title .special .price {
  padding-right: 0;
  text-align: right;
}
.step-amend .clear {
  clear: both;
}
.step-amend .legend {
  color: #BFD8E4;
}
.step-amend .spinner-anim.loader {
  right: 190px;
  top: auto;
  bottom: -35px;
}
.step-amend .total-discount {
  position: relative;
  top: -20px;
  text-align: left;
  color: #D9534F;
}
.step-amend .services p {
  padding: 0;
  margin: 0;
  line-height: 20px;
  /*padding-top: 12px;*/
}
.step-amend .services p.note {
  top: 5px;
}
.step-amend .services .price {
  text-align: right;
}
.step-amend .services .price .old-price {
  position: relative;
  margin-right: 10px;
}
.step-amend .services .price .old-price:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: red;
  display: inline-block;
  position: absolute;
  top: 7px;
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.step-amend .services .price.request {
  margin-left: 10px;
}
.step-amend .services .serv-w-auto {
  width: auto !important;
}
.step-amend .services .multiplier {
  text-align: center;
}
.step-amend .services .service-name.has-price-discount,
.step-amend .services .offer-name.has-price-discount {
  width: auto !important;
  margin-right: 8px;
}
.step-amend .services .service-name .notes,
.step-amend .services .offer-name .notes {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
  display: inline-block;
  top: 5px;
  position: relative;
  cursor: pointer;
}
.step-amend .services .service-name .tooltip .tooltip-inner,
.step-amend .services .offer-name .tooltip .tooltip-inner {
  padding-top: 5px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-top-left-radius: inherit;
  border-top-right-radius: initial;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  padding-top: 0;
  border: 1px solid #838486;
  background-color: #ffffff;
  color: #838486;
  white-space: normal;
  word-wrap: break-word;
  width: 200px;
}
.step-amend .services .service-name .tooltip .tooltip-header,
.step-amend .services .offer-name .tooltip .tooltip-header {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #838486;
  border-bottom: none;
  background-color: #ffffff;
  border-radius: 4px 4px 0px 0px;
  white-space: normal;
  border-bottom: 0px;
}
.step-amend .services .service-name .tooltip .tooltip-header.show,
.step-amend .services .offer-name .tooltip .tooltip-header.show {
  display: block;
}
.step-amend .services-price {
  font-size: 20px;
  color: #3B3B3B;
}
.step-amend .services-price .discount {
  color: #ff0000;
}
.step-amend .services-price p {
  margin: 0;
}
.step-amend .services-price.extend .price-row p > span:not(.price-label):not(.price-cost) {
  padding-right: 15px;
}
.step-amend .services-price-additional-style {
  margin-bottom: 20px;
}
.step-amend .location-additional_style {
  margin-bottom: 40px;
}
.step-amend .price-row {
  font-size: 18px;
  color: #000000;
  white-space: nowrap;
}
.step-amend .price-row p > span:not(.price-label) {
  display: inline-block;
  /*width: 80px;*/
  float: right;
  text-align: right;
  margin-left: 5px;
}
.step-amend .price-row .final-price {
  border-top: 1px solid #000000;
  font-size: 18px;
}
.step-amend .price-row .final-price-not-line {
  font-size: 18px;
}
.step-amend .price-row .final-price-hide-line {
  border: none;
}
.step-amend .price-row .req-work {
  position: absolute;
  font-size: 18px;
}
.step-amend .container-fluid.buttons-wrapper {
  padding-right: 0px;
  float: right;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap {
  /*position: relative;
            top: 35px;
            height: 44px;*/
  margin: 15px 0px;
  padding-right: 0px;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn {
  position: relative;
  color: #ffffff;
  background-color: #e4dcd3;
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 8px 30px;
  font-size: 20px;
  width: 345px;
  height: 56px;
  margin-left: 10px;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn:hover {
  background-color: #fff;
  color: #e4dcd3;
  border: 2px solid #e4dcd3;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn:active {
  top: 2px;
  left: 2px;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn[disabled=disabled],
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn:disabled {
  cursor: default;
  pointer-events: none;
  background-color: #cccccc;
}
.step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn:first-child {
  margin-left: 15px;
}
.step-amend .overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1072;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
}
.step-amend .overlay.active {
  display: block;
}
.step-amend .overlay .loader {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.step-amend .modal-content .modal-title {
  visibility: hidden;
}
@media (max-width: 900px) {
  .step-amend .container-fluid .continue-bnt-wrap .continue-btn {
    width: 245px !important;
  }
}
@media (max-width: 768px) {
  .step-amend {
    padding: 0px 5px;
    margin: 5px 0px;
  }
  .step-amend .no-border-panel {
    padding-left: 0px;
    padding-right: 0px;
  }
  .step-amend .no-border-panel .panel-body {
    padding: 10px 5px;
  }
  .step-amend .no-border-panel .panel-body .title h2 {
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .step-amend .container-fluid {
    padding: 0px;
  }
  .step-amend .container-fluid .continue-bnt-wrap {
    padding: 0px;
    text-align: center;
  }
  .step-amend .container-fluid .continue-bnt-wrap .continue-btn {
    margin-left: 0px !important;
    width: 48% !important;
    margin-bottom: 10px;
  }
  .step-amend .container-fluid .continue-bnt-wrap .continue-btn:first-child {
    margin-left: 0px !important;
  }
  .step-amend .services-price {
    margin-right: 15px;
  }
  .step-amend .container-fluid.buttons-wrapper {
    float: none;
  }
  .step-amend .price-row {
    font-size: 16px;
  }
  .step-amend .price-row .final-price {
    font-size: 18px;
  }
  .step-amend .price-row .req-work {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .step-amend .special .title h2 span {
    right: 5px;
  }
  .step-amend .special .title h2 span.price {
    right: 10px;
  }
}
.spinner-anim {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(56, 160, 218, 0.2);
  border-right: 4px solid rgba(56, 160, 218, 0.2);
  border-bottom: 4px solid rgba(56, 160, 218, 0.2);
  border-left: 4px solid #38a0da;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 0.5s infinite linear;
}
.spinner-anim.loader {
  display: none;
  position: absolute;
  top: -55px;
  right: -27px;
}
.spinner-anim.loader.active {
  display: block;
}
.spinner-anim,
.spinner-anim:after {
  border-radius: 50%;
  width: 33px;
  height: 33px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*.step-one,
.step-three,
.step-four {
    .spinner-anim {
        border-top-color: rgba(255, 255, 255, 0.2);
        border-right-color: rgba(255, 255, 255, 0.2);
        border-bottom-color: rgba(255, 255, 255, 0.2);
        border-left-color: #ffffff;
    }
}

.step-one {
    .loader {
        right: 15px;
        top: -45px;
    }
}

.step-three {
    .loader {
        right: 1px;
        top: -69px;
    }
}

.step-four {
    .loader {
        top: -66px;
        right: 25px;
    }
}

.step-five {
    .loader {
        top: -54px;
        right: 110px;
    }
}*/
@media (max-width: 768px) {
  .spinner-anim.loader {
    top: -55px;
    right: 17px;
  }
}
.mobile-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.mobile-loader svg:first-child {
  position: absolute;
}
.mobile-loader.active {
  display: block;
}
.spinner {
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  -webkit-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}
@keyframes rotate {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-reverse {
  -moz-animation: rotate-reverse 1.8s linear infinite;
  -o-animation: rotate-reverse 1.8s linear infinite;
  -webkit-animation: rotate-reverse 1.8s linear infinite;
  animation: rotate-reverse 1.8s linear infinite;
}
@-moz-keyframes rotate-reverse {
  from {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes rotate-reverse {
  from {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes rotate-reverse {
  from {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/* #endregion */
#ui-datepicker-div,
.ui-datepicker-inline {
  opacity: 0.99;
  filter: alpha(opacity=99);
}
#ui-datepicker-div.ui-widget-content,
.ui-datepicker-inline.ui-widget-content {
  border: none;
  background: #ffffff;
  color: #838486;
  border: 1px solid #838486;
}
#ui-datepicker-div.ui-widget,
.ui-datepicker-inline.ui-widget {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
}
#ui-datepicker-div.ui-datepicker,
.ui-datepicker-inline.ui-datepicker {
  width: 300px;
  padding: 0 5px 10px 5px;
  display: none;
  z-index: 3!important;
}
#ui-datepicker-div.ui-helper-clearfix,
.ui-datepicker-inline.ui-helper-clearfix,
#ui-datepicker-div .ui-helper-clearfix,
.ui-datepicker-inline .ui-helper-clearfix {
  min-height: 0;
}
#ui-datepicker-div .ui-corner-all,
.ui-datepicker-inline .ui-corner-all {
  border-radius: 0;
}
#ui-datepicker-div .ui-state-disabled,
.ui-datepicker-inline .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
#ui-datepicker-div .ui-state-disabled,
.ui-datepicker-inline .ui-state-disabled {
  cursor: default !important;
}
#ui-datepicker-div .ui-state-hover,
.ui-datepicker-inline .ui-state-hover {
  border: none;
  background: none;
  font-weight: inherit;
  color: inherit;
}
#ui-datepicker-div .ui-datepicker-header,
.ui-datepicker-inline .ui-datepicker-header {
  position: relative;
  padding: 0;
  border: none;
  background: transparent;
  font-weight: 300;
  color: #838486;
  text-transform: uppercase;
  border-bottom: 1px dashed #838486;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  content: "\e607";
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {
  right: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  right: 0;
  content: "\e608";
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 44px;
  height: 44px;
  color: #838486;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev span:after,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next span:after {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 50%;
  margin-top: -12px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next .ui-icon {
  display: block;
  text-indent: -99999px;
  background-image: none;
  position: static;
  margin: 0;
  width: 100%;
  height: 100%;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev .ui-icon:after,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon:after,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  font-family: 'obicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background-image: none;
  font-size: 24px;
  line-height: 24px;
  color: #838486;
  background-position: center center;
  text-indent: 0;
  width: 24px;
  height: 24px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  line-height: 44px;
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-header .ui-state-hover,
.ui-datepicker-inline .ui-datepicker-header .ui-state-hover {
  cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-header .ui-state-hover:not(.ui-state-disabled) .ui-icon:after,
.ui-datepicker-inline .ui-datepicker-header .ui-state-hover:not(.ui-state-disabled) .ui-icon:after {
  color: #6a6b6c;
}
#ui-datepicker-div .ui-datepicker-calendar,
.ui-datepicker-inline .ui-datepicker-calendar {
  width: 100%;
}
#ui-datepicker-div .ui-datepicker-calendar th,
.ui-datepicker-inline .ui-datepicker-calendar th {
  padding: 0 2px 0;
  width: 38px;
  height: 34px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  line-height: 34px;
  border: 0;
  color: #6e8a9a;
}
#ui-datepicker-div .ui-datepicker-calendar td,
.ui-datepicker-inline .ui-datepicker-calendar td {
  padding: 2px;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default,
.ui-datepicker-inline .ui-datepicker-calendar .ui-state-default {
  border: 0;
  background-color: #ffffff;
  color: #838486;
  display: block;
  font-weight: 400;
  padding: 0;
  text-align: center;
  line-height: 34px;
  height: 34px;
  text-decoration: none;
  border: 1px solid #838486;
  border-radius: 5px;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default,
.ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
  background: transparent;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-priority-secondary,
.ui-datepicker-inline .ui-datepicker-calendar .ui-state-default.ui-priority-secondary {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-inline .ui-datepicker-calendar .ui-state-hover {
  background-color: #ffffff;
  color: #002c5f;
  border: 2px solid #002c5f;
  font-weight: bold;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-state-active,
.ui-datepicker-inline .ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #002c5f;
  color: #ffffff;
  border: none;
}
#ui-datepicker-div .ui-datepicker-calendar td.available-date a,
.ui-datepicker-inline .ui-datepicker-calendar td.available-date a {
  color: #00A78D;
}
#ui-datepicker-div .ui-datepicker-calendar td.unavailable-date a,
.ui-datepicker-inline .ui-datepicker-calendar td.unavailable-date a {
  color: #E74C3C;
}
#ui-datepicker-div .calendar-legend,
.ui-datepicker-inline .calendar-legend {
  height: 60px;
}
#ui-datepicker-div .calendar-legend .color-box,
.ui-datepicker-inline .calendar-legend .color-box {
  width: 25px;
  height: 25px;
  position: absolute;
  margin-left: 4px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #838486;
}
#ui-datepicker-div .calendar-legend .color-box.autopoint-available,
.ui-datepicker-inline .calendar-legend .color-box.autopoint-available {
  color: #00A78D;
  margin-top: 5px;
}
#ui-datepicker-div .calendar-legend .color-box.autopoint-unavailable,
.ui-datepicker-inline .calendar-legend .color-box.autopoint-unavailable {
  color: #E74C3C;
  margin-top: 35px;
}
#ui-datepicker-div .calendar-legend .color-box i,
.ui-datepicker-inline .calendar-legend .color-box i {
  font-size: 22px;
  line-height: 1;
}
#ui-datepicker-div .calendar-legend .color-box i.icon-expand-02,
.ui-datepicker-inline .calendar-legend .color-box i.icon-expand-02 {
  transform: rotate(45deg);
  padding-left: 4px;
  font-size: 18px;
  padding-top: 1px;
}
#ui-datepicker-div .calendar-legend .legend-text,
.ui-datepicker-inline .calendar-legend .legend-text {
  position: absolute;
  margin-left: 35px;
  color: #6e8a9a;
}
#ui-datepicker-div .calendar-legend .legend-text.available-text,
.ui-datepicker-inline .calendar-legend .legend-text.available-text {
  margin-top: 7px;
}
#ui-datepicker-div .calendar-legend .legend-text.unavailable-text,
.ui-datepicker-inline .calendar-legend .legend-text.unavailable-text {
  margin-top: 37px;
}
.ui-datepicker-inline {
  position: absolute;
}
@font-face {
  font-family: 'map-inons';
  src: url('../demosite/fonts/maps-icon/map-icon.eot?iirmz0');
  src: url('../demosite/fonts/maps-icon/map-icon.eot?iirmz0#iefix') format('embedded-opentype'), url('../demosite/fonts/maps-icon/map-icon.ttf?iirmz0') format('truetype'), url('../demosite/fonts/maps-icon/map-icon.woff?iirmz0') format('woff'), url('../demosite/fonts/maps-icon/map-icon.svg?iirmz0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="map-icon"],
[class*=" map-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'map-inons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.map-icon-direction:before {
  content: "\e900";
}
.change-vehicle .car-valuation-label {
  margin: 30px auto;
}
.change-vehicle .btn-container {
  /*button {
            padding: 8px 35px;
            border-radius: 3px;
            font-weight: bold;
            text-transform: uppercase;
            background-color: @white-color;
            border: 1px solid @special-step-color;
            color: @special-step-color;

            &:hover,
            &:active {
                .active_button();
            }

            &.active {
                .active_button();
            }
        }*/
}
.change-vehicle .btn-container .car-valuation-btn {
  padding: 8px 35px;
  background-color: white;
  border: 1px solid #3B3B3B;
  width: 120px;
  height: 40px;
}
.change-vehicle .btn-container .car-valuation-btn.no {
  margin-right: 10px;
}
.change-vehicle .btn-container .car-valuation-btn.yes {
  margin-left: 10px;
}
.change-vehicle .btn-container .car-valuation-btn:hover,
.change-vehicle .btn-container .car-valuation-btn:active {
  background-color: #e4dcd3;
  color: #ffffff;
  border: 2px solid #e4dcd3;
}
.change-vehicle .btn-container .car-valuation-btn.active {
  background-color: #e4dcd3;
  color: #ffffff;
  border: 2px solid #e4dcd3;
}
@media (max-width: 767px) {
  .change-vehicle .car-valuation-label {
    margin: 10px auto;
    padding-left: 5px;
    padding-right: 5px;
  }
  .change-vehicle .btn-container {
    margin: 0 auto;
    /*.car-valuation-btn {
                margin-right: 10px;
            }*/
  }
}
@media (max-width: 810px) {
  .change-vehicle .btn-container .car-valuation-btn.no {
    margin-right: 0;
  }
  .change-vehicle .btn-container .car-valuation-btn.yes {
    margin-left: 0;
  }
}
@font-face {
  font-family: "booking";
  src: url("../../../Common/fonts/booking/booking.eot?el9kua");
  src: url("../../../Common/fonts/booking/booking.eot?el9kua#iefix") format("embedded-opentype"), url("../../../Common/fonts/booking/booking.ttf?el9kua") format("truetype"), url("../../../Common/fonts/booking/booking.woff?el9kua") format("woff"), url("../../../Common/fonts/booking/booking.svg?el9kua#booking") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="fac-"],
[class*=" fac-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'booking' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fac-acc-p:before {
  content: "\e900";
}
.fac-acc-wc:before {
  content: "\e901";
}
.fac-body-shop:before {
  content: "\e902";
}
.icon-addServices:before {
  content: "\e903";
}
.icon-changingCar:before {
  content: "\e904";
}
.fac-courtesy-car:before {
  content: "\e905";
}
.fac-wc:before {
  content: "\e906";
}
.icon-dateAndTime:before {
  content: "\e907";
}
.icon-details:before {
  content: "\e908";
}
.fac-fleet:before {
  content: "\e909";
}
.fac-wifi:before {
  content: "\e947";
}
.icon-info:before {
  content: "\e948";
}
.fac-location:before {
  content: "\e949";
}
.icon-lock:before {
  content: "\e94a";
}
.icon-minus:before {
  content: "\e94b";
}
.fac-MOT:before {
  content: "\e94c";
}
.fac-motability:before {
  content: "\e94d";
}
.fac-car:before {
  content: "\e94e";
}
.fac-parking:before {
  content: "\e94f";
}
.fac-cogs:before {
  content: "\e950";
}
.icon-plus:before {
  content: "\e951";
}
.icon-quote:before {
  content: "\e952";
}
.fac-coffee:before {
  content: "\e953";
}
.icon-requirements:before {
  content: "\e954";
}
.icon-services:before {
  content: "\e955";
}
.fac-servicing .path1:before {
  content: "\e956";
}
.fac-servicing .path2:before {
  content: "\e957";
  margin-left: -1em;
}
.fac-servicing .path3:before {
  content: "\e958";
  margin-left: -1em;
}
.icon-specialOffers:before {
  content: "\e959";
}
.fac-car-trade:before {
  content: "\e95a";
}
.fac-used-car:before {
  content: "\e95b";
}
.step-customer-consent .selected-check-box {
  color: #000000;
  font-weight: bold;
}
.step-customer-consent .selected-check-box .check-box,
.step-customer-consent .selected-check-box .opt-check-box {
  background-color: #00aad2 !important;
  border-color: #00aad2 !important;
}
.step-customer-consent .selected-check-box .check-box .tick-icon,
.step-customer-consent .selected-check-box .opt-check-box .tick-icon {
  display: block !important;
}
.step-customer-consent .continue-btn-margin {
  margin-top: 0px;
}
.step-customer-consent .continue-btn-padding {
  padding-top: 22px;
}
.step-customer-consent .panel-body {
  min-height: 620px;
}
.step-customer-consent .iconsent-container > p {
  padding-top: 15px;
  padding-left: 15px;
}
.step-customer-consent .iconsent-container .iconsent-text-container {
  padding-bottom: 20px;
}
.step-customer-consent .iconsent-container .iconsent-text-container p {
  text-align: center;
  margin-bottom: 40px;
}
.step-customer-consent .iconsent-container .iconsent-text-container p:nth-child(2) {
  margin-bottom: 30px;
}
.step-customer-consent .iconsent-container .iconsent-panel .privacypolicy-container span.privacypolicy-wrap {
  margin-top: 40px;
}
.step-customer-consent .iconsent-container .check-box-container {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 20px;
  cursor: pointer;
}
.step-customer-consent .iconsent-container .check-box-container .border {
  border: solid 1px;
  padding: 0px;
  border-radius: 5px;
  height: 56px;
  border-color: #3B3B3B;
  margin-bottom: 20px;
}
.step-customer-consent .iconsent-container .check-box-container .disabled .box-content {
  opacity: 0.2;
}
.step-customer-consent .iconsent-container .check-box-container .no-choice-check-box {
  position: relative;
  top: 1px;
  width: 15px;
  height: 15px;
  border: 1px solid #838486;
  border-radius: 5px;
  margin-right: 15px;
  float: right;
  font-size: 13px;
  background-color: #838486;
}
.step-customer-consent .iconsent-container .check-box-container .no-choice-check-box .icon-check-no-choice:before {
  content: "\e603";
  color: #ffffff;
}
.step-customer-consent .iconsent-container .check-box-container .check-box {
  position: relative;
  top: 0px;
  width: 15px;
  height: 15px;
  border: 1px solid #CDCDCD;
  border-radius: 5px;
  margin-right: 0px;
  float: right;
  font-size: 13px;
}
.step-customer-consent .iconsent-container .check-box-container .opt-check-box {
  position: relative;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  border: 1px solid #3B3B3B;
  border-radius: 5px;
  float: left;
  background-color: #ffffff;
}
.step-customer-consent .iconsent-container .check-box-container .opt-check-box .tick-icon {
  display: none;
  font-size: 35px !important;
  margin-top: -2px;
  margin-left: -8px;
  padding-top: 0px !important;
  color: #ffffff;
}
.step-customer-consent .iconsent-container .check-box-container .opt {
  padding: 0px !important;
}
.step-customer-consent .iconsent-container .check-box-container .box-content {
  padding: 13px 10px;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .tick-icon {
  display: none;
  font-size: 35px !important;
  margin-top: -8px;
  margin-left: -4px;
  padding-top: 0px !important;
  color: #ffffff;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .check-box-label {
  float: left;
  padding-left: 0px;
  margin-top: 5px;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .choice-label {
  float: right;
  margin-right: 15px;
  font-size: 14px;
  margin-top: 5px;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .icon-check-no {
  display: block;
  padding-top: 0px !important;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .icon-check-no:before {
  content: "\e604";
}
.step-customer-consent .iconsent-container .check-box-container .box-content .ed-bok {
  font-size: 23px;
  margin-right: 10px;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .check-box {
  border: 1px solid black;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  float: right;
  text-align: center;
  background-color: #fff;
}
.step-customer-consent .iconsent-container .check-box-container .box-content .check-box i {
  vertical-align: middle;
}
@media (max-width: 768px) {
  .step-customer-consent > div {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .step-customer-consent .panel-body {
    /*min-height: 420px;*/
    min-height: 0px;
  }
}
@media (max-width: 767px) {
  .step-customer-consent > div {
    margin: 0px;
  }
  .step-customer-consent .iconsent-container .iconsent-text-container {
    padding-bottom: 0px;
  }
  .step-customer-consent .iconsent-container .iconsent-text-container .container-fluid {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-customer-consent .iconsent-container .check-box-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .step-customer-consent .iconsent-container .check-box-container .box-content {
    padding: 6px 10px;
  }
  .step-customer-consent .iconsent-container .check-box-container .box-content .check-box {
    width: 20px;
    height: 20px;
    margin-right: 0px;
    top: 3px;
  }
  .step-customer-consent .iconsent-container .check-box-container .box-content .tick-icon {
    display: none;
    font-size: 25px !important;
  }
  .step-customer-consent .iconsent-container .check-box-container .border {
    height: 44px;
  }
  .step-customer-consent .opt {
    padding-left: 12px !important;
  }
  .step-customer-consent .no-border-panel .panel-body {
    padding-left: 5px;
    padding-right: 5px;
  }
  .step-customer-consent .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .step-customer-consent .continue-bnt-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 480px) {
  .step-customer-consent > div {
    margin-bottom: 15px;
  }
  .step-customer-consent .iconsent-container .check-box-container {
    padding-bottom: 0;
  }
  .step-customer-consent .iconsent-container .check-box-container .box-content .check-box {
    /*width: 20px;
                        height: 20px;
                        margin-right: 0px;
                        top: 3px;*/
  }
}
@media (max-width: 407px) {
  .step-customer-consent .continue-btn-padding {
    padding-top: 0px;
  }
  .step-customer-consent .continue-btn-margin {
    margin-top: 10px;
  }
}
@font-face {
  font-family: "HyundaiSansHead-Bold";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Bold.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Bold.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Bold.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead-Light";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Light.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Light.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Light.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead-Medium";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Medium.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Medium.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Medium.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead-Regular";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Regular.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Regular.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Regular.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansHead-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-Bold";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Bold.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Bold.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Bold.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Bold.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-BoldItalic";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-BoldItalic.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-BoldItalic.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-BoldItalic.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-Italic";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Italic.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Italic.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Italic.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Italic.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-Medium";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Medium.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Medium.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Medium.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Medium.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-MediumItalic";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-MediumItalic.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-MediumItalic.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-MediumItalic.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-MediumItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText-Regular";
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Regular.eot");
  src: url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Regular.eot?#iefix") format("embedded-opentype"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Regular.woff2") format("woff2"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Regular.woff") format("woff"), url("../../../Common/fonts/fonts-hyundai/HyundaiSansText-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.step-one-container {
  display: none;
}
/*#step-one{
    display:none;
}*/
input,
select,
textarea {
  font-family: HyundaiSansHead-Regular !important;
}
/*.step-one .address-cont .centre-info-container .contacts .email {
    display: none;
}*/
.site_header_cookie {
  z-index: 9999;
  position: fixed !important;
  max-height: unset !important;
}
.ccc-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 1034;
  width: 25px;
  height: 70px;
  right: 16px;
  top: -2px;
  position: fixed;
  padding: 25px 6px;
}
.ccc-icon .shield-container {
  width: 17px;
  height: 17px;
  border-radius: 22px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  border: 1px solid black;
}
.ccc-icon .shield-container i {
  width: 15px;
  font-size: 12px;
  height: 10.5px;
}
.ccc-icon.active {
  display: flex;
}
.ccc-icon:hover .shield-container {
  color: #00aad2 !important;
  border: 1px solid #00aad2;
}
body {
  /* test */
}
body .footer__text {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}
body .footer__bottom {
  display: flex;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
}
body .footer__bottom .footer__bar-address {
  display: flex;
  color: #999999;
  margin-top: 30px;
  width: 100%;
}
body .footer__bottom .footer__bar-logo {
  display: block;
  width: 50px;
  margin-right: 30px;
  max-height: 25px;
}
body .footer__bottom .footer__bar-address-info {
  font-family: 'hyundaisanshead-medium', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
body .custom-radio-button input:checked:after {
  background-color: #002c5f;
}
body .no-border-panel .panel-heading {
  background-color: #F6F3F2;
}
body .no-border-panel .panel-heading h2 {
  color: #000000;
  font-family: 'HyundaiSansHead-Regular';
}
body .no-border-panel .panel-body .title h2 {
  color: #000000;
}
body #main-dealer-banner.without-logo.dealer-banner {
  height: 160px;
  background-image: none !important;
}
body .step-zero .registration-cnt {
  background-color: #ffffff;
}
body .step-zero .registration-cnt .submit-reg-cnt input {
  border-radius: 0px;
}
body .step-zero .registration-cnt .submit-reg-cnt .placeholder.active {
  color: #00aad2 !important;
}
body .step-zero .registration-cnt .submit-reg-cnt .submit-btn {
  background-color: #002c5f;
  border-radius: 0px;
}
body .step-zero .registration-cnt .submit-reg-cnt .submit-btn[disabled] {
  background-color: #627B9A !important;
  color: #ffffff !important;
}
body .step-zero .registration-cnt .submit-reg-cnt .submit-btn:hover {
  background-color: #00aad2;
}
body .step-zero .registration-cnt .has-post-code .post-code-wrap .find-btn {
  background-color: #002c5f;
  border-radius: 0px;
}
body .step-zero .registration-cnt .reg-label {
  color: #000000;
  background-color: #F6F3F2;
}
body .step-zero .verify-reg-cnt .placeholder.active {
  color: #00aad2;
}
body .step-zero .verify-reg-cnt .ver-number-cnt-helper > input {
  border-radius: 0px;
}
body .step-zero .verify-reg-cnt .verify-btn {
  border-radius: 0px;
  background-color: #002c5f;
}
body .step-zero .verify-reg-cnt .verify-btn[disabled] {
  background-color: #627B9A !important;
  color: #ffffff !important;
}
body .step-zero .verify-reg-cnt .verify-btn:hover {
  background-color: #00aad2 !important;
}
body .step-one {
  font-family: 'HyundaiSansHead-Regular';
}
body .step-one .postcode-town-container .drop-down > li:hover {
  color: #00aad2 !important;
  border: 2px solid #00aad2 !important;
}
body .step-one .list-container {
  background-color: #ffffff;
}
body .step-one .list-container .custom-list-group .custom-list-group-item {
  background-color: #ffffff;
}
body .step-one .form-group .form-control {
  border-radius: 0px;
  background-color: #ffffff !important;
}
body .step-one .form-group .label-override .placeholder.active {
  color: #00aad2 !important;
}
body .step-one .selected .dealer-checkbox {
  background-color: #00aad2;
  border: 1px solid #00aad2 !important;
}
body .step-one .selected .dealer-checkbox .tick-icon {
  top: -1px;
  left: 1px;
}
body .step-one .address-cont .centre-info-container .facilities-cont {
  color: #00aad2;
}
body .step-one .address-cont .centre-info-container .address-info-cont .contacts > a {
  color: #000000;
}
body .step-one .address-cont .centre-info-container .address-info-cont .contacts > a:hover {
  color: #00aad2;
}
body .step-one .continue-bnt-wrap {
  text-align: center;
}
body .step-one .continue-bnt-wrap .continue-btn {
  float: none;
}
body .step-one .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-one .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  position: absolute;
  right: 30px;
  top: 19px;
}
body .step-ivhc .legend-cont > p {
  color: #000000;
  opacity: 0.5;
}
body .step-ivhc .legend-cont .price-promise {
  color: #000000;
  opacity: 1;
}
body .step-ivhc .category .service-category > h2 {
  color: #000000;
}
body .step-ivhc .continue-bnt-wrap {
  text-align: center;
}
body .step-ivhc .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
body .step-ivhc .continue-bnt-wrap .continue-btn.back-btn {
  background-color: #002c5f !important;
}
body .step-ivhc .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  /*margin-left: 25px;*/
  position: absolute;
  right: 30px;
  top: 18px;
}
body .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  /*margin-right: 25px;*/
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 425px) {
  body .step-ivhc .substep-one .promo-item > .text p {
    margin-right: 0px !important;
    width: 110%;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  body .step-ivhc .substep-one .promo-item {
    height: 150px;
  }
  body .step-ivhc .substep-one .promo-item .text {
    margin-right: 0px !important;
    /*width: calc(100% - 250px);*/
  }
}
@media (max-width: 800px) {
  body .step-ivhc .continue-bnt-wrap .continue-btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body .step-ivhc .continue-bnt-wrap .continue-btn {
    width: 49%;
  }
}
@media (max-width: 480px) {
  body .step-ivhc .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn {
    text-align: left;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn.back-btn {
    text-align: right;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  body .step-ivhc .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
}
body .step-two {
  font-family: 'HyundaiSansHead-Regular';
}
body .step-two .step-two-container {
  background-color: #ffffff;
}
body .step-two #service-categories .additional-req {
  background-color: #F6F3F2;
}
body .step-two #service-categories .additional-req .category h2 {
  background-color: #F6F3F2;
}
body .step-two #service-categories .service-category .services .service .service-bar.has-custom-qty {
  display: flex;
  align-items: center;
}
body .step-two #service-categories .service-category .services .service .service-bar.has-custom-qty .price {
  padding-top: 0;
}
body .step-two #service-categories .service-category .services .service .service-bar .serv-checkbox .tick-icon {
  left: -3px;
  top: -5px;
}
body .step-two #service-categories .service-category .services .service .service-bar .service-name .custom-part {
  font-weight: bold;
}
body .step-two #service-categories .service-category .services .service .service-bar .service-name.has-custom-qty {
  width: calc(100% - 190px) !important;
  margin-right: 10px;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-price-multiplier {
  flex: 1;
  text-align: center;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container {
  width: fit-content;
  padding-top: 5px;
  display: block;
  flex: 1;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group {
  display: inline-block;
  margin-bottom: 0 !important;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap {
  position: relative;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .header .selected {
  left: 7px;
  top: 1px;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .dropdown-toggle {
  display: inline-block;
  border: 1px solid rgba(5, 20, 31, 0.2);
  width: 44px;
  height: 24px;
  cursor: pointer;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .dropdown-toggle .arrow {
  height: 22px;
  text-align: center;
  width: 23px;
  padding-left: 2px;
  padding-top: 4px;
  color: white;
  float: right;
  background: #e4dcd3;
  position: relative;
  font-size: 12px;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .drop-down.active {
  top: inherit;
  min-width: 44px;
  left: inherit;
  max-height: 160px;
  overflow: auto;
  width: auto;
  scrollbar-color: #002c5f white;
  scrollbar-width: thin;
}
body .step-two #service-categories .service-category .services .service .service-bar .qty-container .form-group .drop-down-wrap .drop-down li {
  height: 30px;
  line-height: 18px;
  color: #3B3B3B;
  background-color: #ffffff;
  padding-left: 10px;
  list-style: none;
}
body .step-two #service-categories .service-category .services .service.selected .service-bar .service-name .custom-part {
  font-weight: normal;
}
body .step-two #service-categories .service-category .services .service:nth-child(2n+1) {
  background-color: #ffffff;
}
body .step-two #service-categories .service-category .services .service:nth-child(2n) {
  background-color: #F6F3F2;
}
body .step-two #service-categories .service-category .services .mot-service-inner {
  display: flex;
  flex-direction: column-reverse;
}
body .step-two #service-categories .service-category .services .mot-service-inner .mot-preselected {
  background-color: #ffffff;
  color: #000000;
  border: 3px solid #00aad2;
}
body .step-two #service-categories .service-category .services .mot-service-inner .close-btn-container {
  color: #000000;
  top: 50px !important;
  right: 5px !important;
}
body .step-two #service-categories .service-category .services .mot-service-inner .close-btn-container .line {
  background-color: #000000 !important;
}
body .step-two #service-categories .service-category .services.blue-color {
  border: solid 2px #00AAD2;
}
body .step-two #service-categories .service-category .services.blue-color .icon-info-circle {
  background: #00AAD2;
  border-radius: 9px;
  color: white !important;
}
body .step-two #service-categories .service-category .services.blue-color .icon-info-circle:before {
  position: relative;
  right: 0.2px;
}
body .step-two #service-categories .service-category .service-category-header h2 {
  background-color: #F6F3F2;
}
body .step-two #service-categories .service-category .service-category-header h2 .custom-part {
  font-family: 'HyundaiSansHead-Light';
  font-weight: 500;
}
body .step-two .continue-bnt-wrap {
  text-align: center;
}
body .step-two .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
body .step-two .continue-bnt-wrap .continue-btn.back-btn {
  background-color: #002c5f !important;
}
body .step-two .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  /*margin-left: 25px;*/
  position: absolute;
  right: 30px;
  top: 18px;
}
body .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  /*margin-right: 25px;*/
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 425px) {
  body .step-two .substep-one .promo-item > .text p {
    margin-right: 0px !important;
    width: 110%;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  body .step-two .substep-one .promo-item {
    height: 150px;
  }
  body .step-two .substep-one .promo-item .text {
    margin-right: 0px !important;
    /*width: calc(100% - 250px);*/
  }
}
@media (max-width: 800px) {
  body .step-two .continue-bnt-wrap .continue-btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body .step-two .continue-bnt-wrap .continue-btn {
    width: 49%;
  }
}
@media (max-width: 480px) {
  body .step-two .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  body .step-two .continue-bnt-wrap .continue-btn {
    text-align: left;
  }
  body .step-two .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  body .step-two .continue-bnt-wrap .continue-btn.back-btn {
    text-align: right;
  }
  body .step-two .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  body .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  body .step-two .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
}
body .step-two .price-container .offer-total-container {
  border-top: 1px solid #000000;
}
body .step-two .disclaimer-wrap {
  clear: both;
  padding: 30px 0 0 30px;
  color: #000000;
}
body .substep-one .special-offer:nth-of-type(2n+1) {
  background-color: #ffffff !important;
}
body .substep-one .special-offer:nth-of-type(2n) {
  background-color: #F6F3F2 !important;
}
body .substep-one .special-offer .tick-icon {
  left: -4px;
  top: -3px;
}
body .substep-one .spacial-offer-label {
  color: #ffffff;
  background-color: #00aad2;
}
body .substep-one .promo-item {
  height: 123px;
}
body .substep-one .promo-item > .img {
  max-width: 200px;
  background-size: auto 100%;
  border: none;
}
body .substep-one .promo-item > .img .video-button {
  top: calc((113px - 1.1em)/2) !important;
}
body .substep-one .promo-item > .img .black_overlay .img-container {
  width: 50vh;
}
body .substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .dropdown-toggle .arrow {
  color: #ffffff;
  background: #e4dcd3;
}
body .substep-one .special-offer .qty-wrap .qty-container .form-group .drop-down-wrap .header .selected {
  font-weight: normal;
}
body .step-three {
  font-family: 'HyundaiSansHead-Regular';
}
body .step-three .options-container > div:nth-of-type(odd) {
  background-color: #ffffff;
}
body .step-three .options-container > div:nth-of-type(even) {
  background-color: #F6F3F2;
}
body .step-three .autopoint-panel .panel-body .autopoint-container .autopoint-checkbox.selected {
  background-color: #00aad2;
  border-color: #00aad2;
}
body .step-three .date-arrival .drop-down {
  border-radius: 0;
  border-color: #000000;
}
body .step-three .date-arrival .drop-down > li:hover {
  color: #00aad2;
  border: none;
}
body .step-three .date-arrival .dropdown-toggle {
  border-radius: 0px;
  /*right:60px*/
}
body .step-three .drop-down-wrap .header .title {
  color: #000000;
  font-weight: normal;
}
body .step-three .drop-down-wrap .header .title.animate {
  color: #00aad2;
}
body .step-three .ins-checkbox .ed-bok {
  margin-top: -5px;
  margin-left: -4px;
}
body .step-three .continue-bnt-wrap {
  text-align: center;
}
body .step-three .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
body .step-three .continue-bnt-wrap .continue-btn.back-btn {
  background-color: #002c5f !important;
}
body .step-three .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  /*margin-left: 25px;*/
  position: absolute;
  right: 30px;
  top: 18px;
}
body .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  /*margin-right: 25px;*/
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 425px) {
  body .step-three .substep-one .promo-item > .text p {
    margin-right: 0px !important;
    width: 110%;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  body .step-three .substep-one .promo-item {
    height: 150px;
  }
  body .step-three .substep-one .promo-item .text {
    margin-right: 0px !important;
    /*width: calc(100% - 250px);*/
  }
}
@media (max-width: 800px) {
  body .step-three .continue-bnt-wrap .continue-btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body .step-three .continue-bnt-wrap .continue-btn {
    width: 49%;
  }
}
@media (max-width: 480px) {
  body .step-three .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  body .step-three .continue-bnt-wrap .continue-btn {
    text-align: left;
  }
  body .step-three .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  body .step-three .continue-bnt-wrap .continue-btn.back-btn {
    text-align: right;
  }
  body .step-three .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  body .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  body .step-three .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
}
body .step-three .insurance-container .calendar.no-events {
  pointer-events: none;
  right: 75px;
  position: absolute;
}
body .step-three .insurance-container .calendar.no-events .fa.fa-calendar-o {
  display: none;
}
body .step-three .insurance-container .calendar.no-events label {
  width: 120px !important;
}
body .step-three .insurance-container.selected .change-btn {
  cursor: pointer;
  border: 2px solid #002c5f;
  color: #ffffff !important;
  background-color: #002c5f !important;
}
body .step-three .insurance-container.selected .change-btn:hover {
  background-color: #00aad2 !important;
  border: none !important;
}
body .step-three .insurance-container .change-btn {
  cursor: auto;
  border: none;
  background-color: #627B9A !important;
  display: inline-block;
  border-radius: 0px;
  padding-top: 6px;
  padding-bottom: 10px;
  height: 30px;
  color: white;
  float: right;
  margin-right: 10px;
}
body .change-vehicle {
  font-family: 'HyundaiSansHead-Regular';
}
body .change-vehicle .btn-container .car-valuation-btn {
  border: 1px solid #3B3B3B;
  border-radius: 0px;
  color: #fff !important;
  background-color: #002c5f !important;
}
body .change-vehicle .btn-container .car-valuation-btn:hover,
body .change-vehicle .btn-container .car-valuation-btn:active,
body .change-vehicle .btn-container .car-valuation-btn.active {
  background-color: #00aad2 !important;
  border: none !important;
}
body .change-vehicle .btn-container .car-valuation-btn .car-valuation-btn.active {
  border: none !important;
  background-color: #002c5f !important;
}
body .step-four {
  /*margin-bottom: 70px;*/
  font-family: 'HyundaiSansHead-Regular';
}
body .step-four .panel {
  background-color: #f6f3f2;
  padding: 0;
}
body .step-four #details-categories .drop-down-wrap .header .selected {
  top: 22px;
}
body .step-four #details-categories .details-form > li .dropdown-toggle {
  border-radius: 0px;
}
body .step-four #details-categories .details-form .form-group .form-control {
  border-radius: 0px;
}
body .step-four #details-categories .details-form .form-group .find-btn {
  background-color: #002c5f !important;
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  top: 26px;
}
body .step-four #details-categories .details-form .form-group .find-btn:hover,
body .step-four #details-categories .details-form .form-group .find-btn:active,
body .step-four #details-categories .details-form .form-group .find-btn:focus,
body .step-four #details-categories .details-form .form-group .find-btn:visited {
  background-color: #00aad2 !important;
  border-color: #00aad2 !important;
  color: #fff !important;
}
body .step-four #details-categories .details-form .form-group .label-override .placeholder.active {
  color: #00aad2;
}
body .step-four #details-categories .drop-down-wrap .header .title {
  top: 18px;
}
body .step-four #details-categories .drop-down-wrap .header .title.animate {
  top: 3px;
  color: #00aad2;
}
body .step-four .legend {
  color: #000000;
}
body .step-four .steps-container .continue-bnt-wrap {
  margin-right: 15px !important;
}
body .step-four .continue-bnt-wrap {
  text-align: center;
}
body .step-four .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
body .step-four .continue-bnt-wrap .continue-btn.back-btn {
  background-color: #002c5f !important;
}
body .step-four .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  /*margin-left: 25px;*/
  position: absolute;
  right: 30px;
  top: 18px;
}
body .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  /*margin-right: 25px;*/
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 425px) {
  body .step-four .substep-one .promo-item > .text p {
    margin-right: 0px !important;
    width: 110%;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  body .step-four .substep-one .promo-item {
    height: 150px;
  }
  body .step-four .substep-one .promo-item .text {
    margin-right: 0px !important;
    /*width: calc(100% - 250px);*/
  }
}
@media (max-width: 800px) {
  body .step-four .continue-bnt-wrap .continue-btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body .step-four .continue-bnt-wrap .continue-btn {
    width: 49%;
  }
}
@media (max-width: 480px) {
  body .step-four .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  body .step-four .continue-bnt-wrap .continue-btn {
    text-align: left;
  }
  body .step-four .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  body .step-four .continue-bnt-wrap .continue-btn.back-btn {
    text-align: right;
  }
  body .step-four .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  body .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  body .step-four .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
}
body .step-customer-consent .iconsent-container .check-box-container .border {
  border-radius: 0px;
}
body .step-customer-consent .iconsent-container .check-box-container .box-content .tick-icon {
  margin-top: -5px;
  margin-left: -4px;
}
body .step-five {
  font-family: 'HyundaiSansHead-Regular';
}
body .step-five .item:nth-of-type(2n) {
  background-color: #ffffff !important;
}
body .step-five .item:nth-of-type(2n+1) {
  background-color: #F6F3F2 !important;
}
body .step-five .has-cus-service-plan .check-box .tick-icon {
  left: -4px;
  top: -5px;
}
body .step-five .cupons-form-container .apply-btn {
  background-color: #002c5f;
}
body .step-five .cupons-form-container .placeholder.active {
  color: #00aad2;
}
body .step-five .continue-bnt-wrap {
  margin-top: 35px;
}
body .step-five .step-summary-content .title h2 {
  background-color: #F6F3F2;
}
body .step-five .step-summary-content .services .item .service-name .custom-part {
  font-weight: bold;
}
body .step-five .continue-bnt-wrap {
  text-align: center;
}
body .step-five .continue-bnt-wrap .continue-btn {
  float: none;
  margin: 0px 10px;
}
body .step-five .continue-bnt-wrap .continue-btn.back-btn {
  background-color: #002c5f !important;
}
body .step-five .continue-bnt-wrap .continue-btn i {
  vertical-align: bottom;
}
body .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-right {
  /*margin-left: 25px;*/
  position: absolute;
  right: 30px;
  top: 18px;
}
body .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-left {
  /*margin-right: 25px;*/
  position: absolute;
  left: 30px;
  top: 18px;
}
@media (max-width: 425px) {
  body .step-five .substep-one .promo-item > .text p {
    margin-right: 0px !important;
    width: 110%;
  }
}
@media (min-width: 768px) and (max-width: 873px) {
  body .step-five .substep-one .promo-item {
    height: 150px;
  }
  body .step-five .substep-one .promo-item .text {
    margin-right: 0px !important;
    /*width: calc(100% - 250px);*/
  }
}
@media (max-width: 800px) {
  body .step-five .continue-bnt-wrap .continue-btn {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body .step-five .continue-bnt-wrap .continue-btn {
    width: 49%;
  }
}
@media (max-width: 480px) {
  body .step-five .continue-bnt-wrap {
    margin-bottom: 10px;
  }
  body .step-five .continue-bnt-wrap .continue-btn {
    text-align: left;
  }
  body .step-five .continue-bnt-wrap .continue-btn span {
    padding-left: 15px;
  }
  body .step-five .continue-bnt-wrap .continue-btn.back-btn {
    text-align: right;
  }
  body .step-five .continue-bnt-wrap .continue-btn.back-btn span {
    padding-right: 15px;
  }
  body .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
  body .step-five .continue-bnt-wrap .continue-btn i.fa-chevron-left {
    left: 15px;
  }
}
body .step-amend {
  margin-bottom: 10px;
  min-height: 70vh;
}
body .step-amend .no-border-panel .panel-body .title h2 {
  background-color: #F6F3F2;
}
body .step-amend .item:nth-of-type(2n) {
  background-color: #ffffff !important;
}
body .step-amend .item:nth-of-type(2n+1) {
  background-color: #F6F3F2 !important;
}
body .step-amend .placeholder.active {
  color: #00aad2 !important;
}
body .step-amend .amend-verify {
  border-radius: 0px;
  background-color: #002c5f !important;
}
body .step-amend .amend-verify[disabled] {
  background-color: #627B9A !important;
  color: #ffffff !important;
}
body .step-amend .amend-verify:hover {
  border: none;
  background-color: #00aad2 !important;
  color: #ffffff;
}
body .step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn {
  border-radius: 0px;
  background-color: #002c5f;
}
body .step-amend .container-fluid.buttons-wrapper .continue-bnt-wrap .continue-btn:hover {
  border: none;
  background-color: #00aad2 !important;
  color: #ffffff;
}
body .step-amend .services .item .service-name .custom-part {
  font-weight: bold;
}
body .dealer-banner {
  margin-top: 70px;
}
body .dealer-banner .header-text,
body .dealer-banner .header-sub-text {
  color: #000000;
  font-family: "HyundaiSansText-Bold";
}
body #main-dealer-banner.vertical-menu.dealer-banner {
  min-height: 90px;
  height: 90px;
}
body .nav-menu-open {
  position: fixed;
  overflow: hidden;
}
body .hyundai-menu-modal {
  background-color: #000000;
  bottom: 0;
  height: 100vh;
  left: 0;
  top: 0;
  opacity: 0;
  position: fixed;
  transition: opacity 0.25s;
  right: 0;
  z-index: 2;
  visibility: hidden;
}
body .hyundai-menu-modal.modal-active {
  opacity: 0.7;
  position: fixed;
  /*z-index: 2;*/
  visibility: visible;
}
body .hyundai-menu-modal#menu-modal {
  z-index: 3;
}
body nav {
  font-size: 16px !important;
  vertical-align: central;
  border-bottom: 0px;
}
body nav.nav-active {
  position: absolute;
  top: 0px;
  left: 0px;
}
body nav#hyundai-top-nav {
  height: 70px;
  max-height: 70px;
  min-height: 70px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  font-family: "HyundaiSansText-Bold";
  font-size: 16px !important;
  font-weight: 400;
  text-align: center;
  margin: 0px;
  border-radius: 0px !important;
  background-color: #ffffff !important;
  border-bottom: 0px;
  margin: 0px auto;
}
body nav#hyundai-top-nav .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
body nav#hyundai-top-nav ul.nav-logo {
  margin: 0 !important;
  padding: 0 !important;
  float: left;
}
body nav#hyundai-top-nav ul.nav-logo .hyundai-header-logo {
  color: #002c5f;
  display: inline-block;
  height: 50px;
  padding: 23px 0px;
  margin-left: 40px;
  margin-right: 20px;
}
body nav#hyundai-top-nav ul.nav-logo .c-header__logo__svg {
  fill: #002c5f;
}
body nav#hyundai-top-nav ul.nav-main {
  float: left;
}
body nav#hyundai-top-nav ul.nav-with-icons {
  float: right;
  margin-right: 40px;
}
body nav#hyundai-top-nav ul li {
  margin-left: 0px;
  margin-right: 0px;
}
body nav#hyundai-top-nav ul li a {
  padding: 25px 6px;
  color: #000000 !important;
}
body nav#hyundai-top-nav ul li a:hover {
  color: #00aad2 !important;
}
body nav#hyundai-top-nav ul li a img.menu-item-icon {
  min-height: 12px;
  min-width: 12px;
  max-height: 12px;
  max-width: 12px;
  height: 12px;
  width: 12px;
}
body nav#hyundai-top-nav ul li a span.menu-item-with-icon {
  font-family: "HyundaiSansText-Regular";
  display: inline;
}
body nav#hyundai-top-nav ul li a p {
  margin: 0px;
}
body nav#hyundai-top-nav .nav-logo {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}
body nav#hyundai-top-nav .nav-logo img {
  height: 45px;
}
body nav#hyundai-top-nav .mobile-drop-down {
  visibility: hidden;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn {
  min-height: 45px;
  min-width: 45px;
  max-height: 45px;
  max-width: 45px;
  height: 45px;
  width: 45px;
  cursor: pointer;
  margin: 2.5px;
  display: inline-block;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .hyundai-menu-line {
  font-size: 20px;
  position: absolute;
  margin-left: -14px;
  background-color: #002c5f;
  height: 2px;
  width: 24px;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .middle-menu-line {
  top: 24px;
  transition: background-color 0.3s;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .middle-menu-line.active {
  background-color: transparent;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .top-menu-line {
  top: 18px;
  transition: top 0.25s 0.25s, transform 0.25s, background-color 0.3s;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .top-menu-line.active {
  transition: top 0.25s, transform 0.25s 0.25s;
  top: 24px;
  transform: rotate(45deg);
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .bottom-menu-line {
  top: 30px;
  transition: top 0.25s 0.25s, transform 0.25s, background 0.3s;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-btn .bottom-menu-line.active {
  transition: top 0.25s, transform 0.25s 0.25s;
  top: 24px;
  transform: rotate(-45deg);
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu {
  font-family: 'HyundaiSansHead-Medium', Helvetica, sans-serif;
  background-color: #ffffff;
  box-shadow: inset 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
  margin-left: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  opacity: 0;
  position: absolute;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.25s, opacity 0.25s;
  width: calc(100% - 15px);
  z-index: 1;
  left: 0px;
  top: 50px;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu.active {
  display: block;
  opacity: 1;
  position: absolute;
  transform: translate3d(0, 0, 0);
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu li {
  border-bottom: 1px solid #e4dcd3 !important;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu li a {
  padding: 0 15px;
  display: block;
  line-height: 60px;
  min-height: 60px;
  text-align: left;
}
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu li:hover,
body nav#hyundai-top-nav .mobile-drop-down .mobile-drop-down-menu li:active {
  border-bottom: 1px solid #e4dcd3;
}
body .dealer-top-menu {
  width: calc(100% - 80px);
  margin: 0px auto;
}
body .dealer-top-menu .top-repeater {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  background-color: #eee;
  z-index: 1000;
  white-space: nowrap;
}
body .dealer-top-menu .text-track {
  background-size: 90px;
  width: 100%;
  background-color: #f7c362;
  color: #fff;
  text-align: center;
  min-height: 40px;
}
body .steps-container {
  min-height: 70vh;
}
body .steps-container .continue-bnt-wrap .continue-btn {
  background-color: #002c5f !important;
  border-radius: 0px !important;
  border: none !important;
}
body .steps-container .continue-bnt-wrap .continue-btn[disabled] {
  background-color: #627B9A !important;
  color: #ffffff !important;
}
body .steps-container .continue-bnt-wrap .continue-btn:hover {
  background-color: #00aad2 !important;
  border: none;
}
body .vertical-menu > section > .steps-container {
  min-height: 105vh;
}
body #section {
  background-color: #ffffff;
  width: calc(100% - 80px);
  margin: 0px auto;
}
body .circle {
  background-color: #7E7B79;
  border-color: #7E7B79;
}
body .notificantions-view {
  min-height: 70vh;
}
body .c-sticky-footer__expanded-panel {
  background-color: #f6f3f2;
  bottom: 50px;
  display: block;
  padding: 20px 14px 30px;
  position: absolute;
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.25s, transform 0.25s;
  opacity: 0;
  width: 100%;
  z-index: 0;
  color: #000000;
}
body .c-sticky-footer__expanded-panel h2 {
  margin: 0 0 8px 0;
}
body .c-sticky-footer__expanded-panel.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__panel-title {
  font-family: HyundaiSansHead-Medium, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 8px;
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__close-panel {
  display: block;
  height: 24px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px;
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__close-panel .top-line {
  background-color: #000000;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  transition: top 0.25s, transform 0.25s 0.25s;
  /*top: 0;*/
  transform: rotate(45deg);
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__close-panel .bottom-line {
  background-color: #000000;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  transition: bottom 0.25s, transform 0.25s 0.25s;
  /*bottom: 0;*/
  transform: rotate(-45deg);
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__close-panel .o-close-icon {
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: background 0.3s;
  transform: translate(-50%, -50%);
  width: 22px;
  pointer-events: none;
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__panel-content {
  font-family: hyundaisanshead, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 24px;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 8px;
}
body .c-sticky-footer__expanded-panel .c-sticky-footer__panel-telephone {
  font-family: HyundaiSansHead-Medium, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 24px;
  margin-bottom: 15px;
}
body .c-sticky-footer__expanded-panel .c-btn {
  background-color: #002c5f;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  padding: 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.4s ease;
  vertical-align: middle;
  font-family: HyundaiSansHead-Medium, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 16px;
}
body .c-sticky-footer__expanded-panel .c-btn:active,
body .c-sticky-footer__expanded-panel .c-btn:focus,
body .c-sticky-footer__expanded-panel .c-btn:hover {
  background-color: #00142c;
  text-decoration: none;
}
body .c-sticky-footer__expanded-panel .c-btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
body .c-sticky-footer__expanded-panel .c-btn.c-btn--full {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
body .c-sticky-footer__expanded-panel .c-btn .c-btn__icon {
  color: #ffffff;
  fill: currentColor;
  height: 16px;
}
body .c-sticky-footer__expanded-panel .c-btn .c-btn__icon--phone {
  left: 8px;
  position: relative;
  top: 2px;
}
body .c-sticky-footer__expanded-panel .c-btn svg:not(:root) {
  overflow: hidden;
}
body .sticky-footer {
  font-weight: 400;
  font-family: HyundaiSansHead-Medium !important;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.2);
  height: 50px;
  line-height: 30px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 3;
  display: none;
  bottom: auto;
}
body .sticky-footer.expanded {
  overflow: visible;
}
body .sticky-footer .hyundai-contact-us.expanded {
  background-color: #f6f3f2;
  border-top: #f6f3f2;
}
body .sticky-footer .hyundai-contact-us.expanded::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: -2px;
  background-color: #f6f3f2;
  left: 0px;
}
body .sticky-footer.sticky {
  position: fixed;
  bottom: 0;
}
body .sticky-footer.top-nav-active {
  display: none;
  position: absolute;
  bottom: 0;
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}
body .sticky-footer .navbar {
  margin-bottom: 0px !important;
}
body .sticky-footer .navbar-nav li:hover,
body .sticky-footer .navbar-nav li:active,
body .sticky-footer .navbar-nav li:visited {
  border-color: #ffffff !important;
}
body .sticky-footer .navbar-nav li a:hover,
body .sticky-footer .navbar-nav li a:active,
body .sticky-footer .navbar-nav li a:visited,
body .sticky-footer .navbar-nav li a:focus {
  color: #000000;
}
body .sticky-footer .navbar-inverse {
  border-radius: 0px;
  background-color: #F6F3F2 !important;
  border-color: #F6F3F2;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
body .sticky-footer .navbar-inverse .navbar-nav {
  margin: 0 auto;
  width: 100% !important;
}
body .sticky-footer .navbar-inverse li:not(:first-child) {
  border-left: 2px solid #ffffff;
}
body .sticky-footer .navbar-inverse .nav li {
  height: 46px;
}
body .sticky-footer .navbar-inverse li > a {
  color: #000000;
  font-size: 12px;
  min-height: 100%;
  display: block;
  padding: 11px 5px;
  text-align: center;
  letter-spacing: normal;
  line-height: 13px;
}
body .sticky-footer .navbar-inverse .navbar-text {
  float: right;
  font-size: 12px;
}
body .dealer-footer {
  font-family: HyundaiSansHead-Medium !important;
  width: 100%;
  margin: 0px auto;
  background-color: #222121;
  line-height: 22px;
  position: absolute;
  z-index: 3;
}
body .dealer-footer.top-nav-active {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}
body .dealer-footer .navbar,
body .dealer-footer .navbar-nav {
  margin: 0px !important;
  margin-top: 2px !important;
}
body .dealer-footer .navbar-inverse {
  border-radius: 0px;
  padding: 13px;
  padding-bottom: 0px;
  border-bottom: none;
}
body .dealer-footer .navbar-inverse li > a {
  color: #868686;
  font-size: 14px;
  float: left;
  margin: 0px;
  padding: 0px;
}
body .dealer-footer .navbar-inverse li:not(:last-child) > a:after {
  content: '|';
  color: #868686;
  padding: 0 8px;
}
body .dealer-footer .navbar-inverse li:first-child {
  margin-left: 27px;
}
body .dealer-footer .navbar-inverse .navbar-text {
  float: right;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 22px;
  margin-top: 5px;
  color: #868686;
}
body .cookies-container {
  bottom: 0px;
  position: fixed;
  width: 100%;
  z-index: 4;
  display: none;
}
body .cookies-container.active {
  display: block;
}
body .cookies-container .cookies-bar {
  display: flex;
  place-content: center;
  align-items: center;
  height: 80px;
  width: 100%;
  background: rgba(204, 204, 204, 0.74117647);
  color: #ffffff;
  position: relative;
}
body .cookies-container .cookies-bar .cookie-content {
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding: 0 70px;
}
body .cookies-container .cookies-bar .cookie-content .cookies-text-wrap {
  flex-basis: auto !important;
  width: 450px;
}
body .cookies-container .cookies-bar .cookie-content .cookies-text-wrap span {
  text-wrap: pretty;
}
body .cookies-container .cookies-bar .cookie-content .cookies-text-wrap span a {
  cursor: pointer;
}
body .cookies-container .cookies-bar .cookie-content .cookies-accept {
  width: auto;
}
body .cookies-container .cookies-bar .cookie-content .cookies-accept button {
  border-color: #000000 !important;
  border-radius: 20px;
  margin: 0 10px;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-width: 106px;
  line-height: 28px;
}
body .cookies-container .cookies-bar .cookie-content .cookies-accept button.accept-btn {
  background-color: black;
  color: #ffffff !important;
}
body #tgbgdpr-overlay {
  position: fixed;
  align-items: center;
  justify-content: center;
  background: transparent;
  backdrop-filter: blur(8px);
  width: 100%;
  height: 100%;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content {
  background: white;
  width: 383px;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0px 5px 20px #9B9BB726;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookies-policy p {
  color: #707070;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types {
  margin: 20px 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: #CECECD 0px 0px 6px;
  min-height: 60px;
  justify-content: center;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  position: relative;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 23px;
  margin-left: 4px;
  top: 0px;
  right: -5px;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle {
  border-radius: 34px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #707070;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: none;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle::before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle.active {
  background-color: #000000;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .toggle-container .cookies-toggle.active::before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header span {
  font-size: 10px;
  top: 0px;
  left: 58px;
  position: absolute;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header h4 {
  font-size: 16px;
  font-weight: bold;
  color: black;
  margin: 1.33rem 0;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .toggle-and-header .arrow-left-cookie {
  border: solid rgba(0, 0, 0, 0.30196078);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 10px;
  cursor: pointer;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .arrow-left-cookie {
  border: solid rgba(0, 0, 0, 0.30196078);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  margin-right: 10px;
  cursor: pointer;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-title .arrow-left-cookie.open {
  transform: rotate(45deg);
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-description {
  padding: 0 55px;
  margin-bottom: 8px;
  color: #707070;
  display: none;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-content .cookie-types .cookie-description.open {
  display: block;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-text {
  vertical-align: top;
  padding: 0 0 30px 0;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-text h2 {
  font-family: AvenirNextW1G-Bold, Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding: 0 0 20px 0;
  line-height: 1em;
  color: black;
  text-align: left;
  font-weight: bold;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-text p {
  text-indent: 0;
  font-size: 14px;
  line-height: 1.2em;
  color: black;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-text p a {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-cta {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  flex-direction: column;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-cta .cookies-btn {
  background-color: transparent;
  border-color: #000000 !important;
  border-radius: 20px;
  margin: 0 10px;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  min-width: 106px;
  line-height: 28px;
  cursor: pointer;
}
body #tgbgdpr-overlay .tgbgdpr-overlay-cta .cookies-btn.close-btn {
  background-color: black;
  color: #ffffff !important;
  height: 35px;
  width: 230px;
  margin-top: 10px;
}
@media (max-width: 1260px) {
  body .dealer-top-menu {
    width: 100% !important;
  }
  body .dealer-banner {
    width: 100% !important;
  }
  body #section {
    width: 100%;
  }
  body #section .steps-container {
    width: 720px;
  }
  body .sticky-footer {
    width: 100% !important;
  }
  body .dealer-footer {
    width: 100% !important;
  }
  body nav#hyundai-top-nav {
    width: 100% !important;
  }
  body nav#hyundai-top-nav ul li a span.menu-item-with-icon {
    display: none;
  }
}
@media (max-width: 865px) {
  body .cookie-content {
    padding: 0 15px !important;
  }
  body .cookie-content .cookies-accept {
    display: flex;
    align-items: center;
  }
  body .cookie-content .cookies-accept button {
    margin: 0 0px;
    height: 33px;
  }
}
@media (max-width: 767px) {
  body .step-two .disclaimer-wrap {
    clear: both;
    padding: 0 10px 10px 10px;
    color: #000000;
  }
  body .substep-one .promo-item {
    height: auto;
  }
  body .substep-one .promo-item > .img {
    width: 200px;
    height: 113px;
  }
  body .step-three {
    padding-left: 5px;
    padding-right: 5px;
  }
  body .step-three .no-border-panel .panel-heading h2 {
    font-size: 18px;
  }
  body .step-four #details-categories .details-form .form-group .find-btn {
    padding-top: 8px;
    padding-bottom: 8px;
    top: 23px;
  }
  body .step-five .continue-bnt-wrap .continue-btn {
    width: 49% !important;
    text-align: center;
  }
  body .no-border-panel {
    padding-left: 0;
    padding-right: 0;
  }
  body .vertical-menu > section > .steps-container {
    min-height: 70vh;
  }
}
@media (max-width: 768px) {
  body {
    /*.dealer-banner {
            height: 390px !important;
        }*/
  }
  body .ccc-icon {
    width: 25px;
    height: 50px;
    right: 53px;
    top: 0px;
  }
  body .ccc-icon .shield-container {
    color: #002c5f;
    border-color: #002c5f;
    width: 19px;
    height: 18px;
  }
  body .ccc-icon .shield-container i {
    width: 18px;
    height: 10px;
    font-size: 14px;
  }
  body .ccc-icon:hover .shield-container {
    color: #002c5f !important;
    border-color: #002c5f;
  }
  body .dealer-banner {
    /*margin-top: 50px !important;*/
  }
  body .step-two {
    padding: 20px 0px !important;
  }
  body .change-vehicle .car-valuation-label {
    margin: 20px auto;
  }
  body .step-four {
    margin-bottom: 0;
  }
  body nav#hyundai-top-nav {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    width: 100%;
  }
  body nav#hyundai-top-nav ul.nav-with-icons,
  body nav#hyundai-top-nav ul.nav-main {
    display: none;
  }
  body nav#hyundai-top-nav ul.nav-logo {
    float: left;
    /*margin-right: 0px;
                        margin-left: 16px;*/
    /*margin-top: 2.5px;
                        margin-bottom: 2.5px;*/
  }
  body nav#hyundai-top-nav ul.nav-logo .hyundai-header-logo {
    margin: 0px;
    padding: 14px;
  }
  body nav#hyundai-top-nav .mobile-drop-down {
    visibility: visible;
    display: inline;
    float: right;
  }
  body #section .steps-container {
    width: 100% !important;
  }
  body .steps-container .ste-content {
    margin: 10px 20px !important;
  }
  body .steps-container .step {
    padding-left: 14px;
  }
  body .sticky-footer {
    display: block;
  }
  body .dealer-footer {
    margin-top: 50px !important;
  }
  body .dealer-footer .footer__text {
    padding-left: 15px;
    padding-right: 15px;
  }
  body .dealer-footer .footer__bottom {
    padding-left: 15px;
    padding-right: 15px;
  }
  body .dealer-footer .navbar-nav {
    margin-top: 0px !important;
    width: 100% !important;
  }
  body .dealer-footer .navbar-inverse li:first-child {
    margin-left: 0px;
  }
  body .dealer-footer .navbar-inverse .navbar-text {
    float: left;
  }
  body .dealer-footer li > a {
    color: #ffffff !important;
  }
  body .mobile-drop-down li {
    float: none !important;
  }
  body .step-three .insurance-container .calendar.no-events {
    pointer-events: none;
  }
  body .step-three .insurance-container .calendar.no-events .fa.fa-calendar-o {
    display: none;
  }
  body .step-three .insurance-container .calendar.no-events label {
    width: 95px !important;
  }
}
@media (max-width: 767px) {
  body .step-three .insurance-container .calendar.no-events label {
    width: 95px !important;
  }
  body .step-three .insurance-container > .ins-name {
    width: calc(100% - 100px);
  }
  body .step-three .insurance-container .calendar.no-events {
    display: inline-block;
    right: 0px;
    position: absolute;
    top: 3px;
  }
  body .substep-one .promo-item > .img .black_overlay .img-container {
    width: 70%;
  }
}
@media (max-width: 569px) {
  body .cookies-container .cookies-bar {
    height: 115px;
  }
  body .cookies-container .cookies-bar .cookie-content {
    padding: 0px 15px;
    flex-direction: column;
  }
  body .cookies-container .cookies-bar .cookie-content .cookies-text-wrap {
    width: auto;
  }
  body .cookies-container .cookies-bar .cookie-content .cookies-accept {
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 400px) {
  body ul.horizontal-list li .circle button {
    top: 3px;
  }
  body ul.horizontal-list.static-list-menu li.completed .circle button {
    top: 3px;
  }
  body .step-five .continue-bnt-wrap .continue-btn {
    margin: 0;
    min-width: 49%;
  }
}
@media (max-width: 480px) {
  body .registration-cnt .header {
    width: 100%;
  }
  body nav#hyundai-top-nav ul .hyundai-header-logo {
    margin: 0px;
    padding: 14px;
  }
  body nav#hyundai-top-nav .mobile-drop-down {
    visibility: visible;
  }
  body .step-four .continue-bnt-wrap {
    margin-bottom: 30px;
  }
  body .horizontal-menu .step-one .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 15px;
  }
}
@media (max-width: 320px) {
  body .sticky-footer .navbar-inverse li > a {
    font-size: 11px;
  }
  body .horizontal-menu .step-one .continue-bnt-wrap .continue-btn i.fa-chevron-right {
    right: 10px;
  }
}
body .dealer-banner.header-iframe {
  margin-top: 0px !important;
}