/** * All of the CSS for your public-facing functionality should be * included in this file. */

/** APPLICATION FORM SHORTCODE*/
html {
  scroll-behavior: smooth;
}

.application-form .row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.application-form .row .col-lg-1,
.application-form .row .col-lg-10,
.application-form .row .col-lg-11,
.application-form .row .col-lg-12,
.application-form .row .col-lg-2,
.application-form .row .col-lg-3,
.application-form .row .col-lg-4,
.application-form .row .col-lg-5,
.application-form .row .col-lg-6,
.application-form .row .col-lg-7,
.application-form .row .col-lg-8,
.application-form .row .col-lg-9,
.application-form .row .col-md-1,
.application-form .row .col-md-10,
.application-form .row .col-md-11,
.application-form .row .col-md-12,
.application-form .row .col-md-2,
.application-form .row .col-md-3,
.application-form .row .col-md-4,
.application-form .row .col-md-5,
.application-form .row .col-md-6,
.application-form .row .col-md-7,
.application-form .row .col-md-8,
.application-form .row .col-md-9,
.application-form .row .col-sm-1,
.application-form .row .col-sm-10,
.application-form .row .col-sm-11,
.application-form .row .col-sm-12,
.application-form .row .col-sm-2,
.application-form .row .col-sm-3,
.application-form .row .col-sm-4,
.application-form .row .col-sm-5,
.application-form .row .col-sm-6,
.application-form .row .col-sm-7,
.application-form .row .col-sm-8,
.application-form .row .col-sm-9,
.application-form .row .col-xs-1,
.application-form .row .col-xs-10,
.application-form .row .col-xs-11,
.application-form .row .col-xs-12,
.application-form .row .col-xs-2,
.application-form .row .col-xs-3,
.application-form .row .col-xs-4,
.application-form .row .col-xs-5,
.application-form .row .col-xs-6,
.application-form .row .col-xs-7,
.application-form .row .col-xs-8,
.application-form .row .col-xs-9 {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.application-form h1,
h1 {
  font-family: Ubuntu !important;
  font-size: 28pt !important;
  font-weight: bold;
  font-style: normal;
  text-align: center !important;
}

.application-form .select2-container {
  width: 100% !important;
  height: 57px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.application-form .select2-selection__placeholder {
  color: rgba(34, 34, 34, 0.2);
  color: #222222;
  opacity: 0.4;
}

.application-form #ajax-loader-spinner.ajax-loader {
  display: none !important;
  border-top-color: white !important;
}

.application-form #ajax-loader-spinner.ajax-loader.is-active {
  display: inline-block !important;
}

.application-form .error-color {
  color: #a94442;
  font-size: 13px;
}

.application-form .hint {
  font-size: 13px;
}

.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above {
  color: #666;
  font-size: 14px;
  font-family: "Quicksand", sans-serif;
}

.application-form .select-wrap:after {
  content: " " !important;
  display: none !important;
}

.vehicle-control,
.electric-vehicle-control {
  height: 36px;
  cursor: pointer;
  text-align: center;
  position: relative;
  margin-left: -15px;
}

.vehicle-control:before,
.electric-vehicle-control:before {
  content: "\f056";
  color: #545454;
  font: normal normal normal 16px/1 FontAwesome;
  margin-top: 10px;
  display: block;
}

.to-clone,
.to-clone-electric {
  position: relative;
}

.application-form .vehicle-name {
  width: 220px;
  display: block;
  float: left;
  color: #777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.application-form .vehicle-price {
  position: absolute;
  right: 15px;
  display: block;
  padding: 0 30px;
  border-bottom: 1px solid #999;
}

.application-form .sidebar h1 {
  padding-top: 20px;
}

#vehicles-prices > div {
  margin-bottom: 6px;
}

#clone,
#clone-electric {
  cursor: pointer;
  padding: 3px 0;
  display: inline-block;
  margin: 10px;
  text-decoration: underline;
}

#clone:hover,
#clone-electric:hover {
  text-decoration: underline;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222222 !important;
  opacity: 0.2;
  color: rgba(34, 34, 34, 0.2);
  font-style: normal;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #222 !important;
  opacity: 0.2;
  font-style: normal;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #222 !important;
  opacity: 0.2;
  font-style: normal;
}

.section-header {
  max-width: 100% !important;
}

.section-header .headline {
  font-family: Ubuntu !important;
  font-size: 36pt !important;
  font-weight: bold !important;
  text-align: center;
}

.section-header p {
  font-size: 14pt;
  padding: 20px 17%;
  color: #fff;
}

.application-form *,
.vehicle-name,
.vehicle-price,
#clone {
}

.alert-info {
  background-color: #b42df8;
}

.alert-info > .success-msg-display {
  color: #fff;
}

.form-group h1 {
  text-align: right !important;
}

#add-application-submit {
  font-weight: bold;
  font-size: 18pt;
  font-style: normal;
  background-color: #b42df8;
  border-radius: 2px;
  padding: 8px 30px;
  color: #fff !important;
  margin: 30px 0px;
}

.form-term-agreement {
  position: relative;
  margin-top: 30px;
  text-align: justify;
}
.form-term-agreement > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
.form-term-agreement > span:last-child {
  display: block;
  margin-left: 30px;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 5px;
  border: 0px solid #545454;
}

input[type="radio"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  border: 0px solid #545454;
}

input.error {
  border: 1px solid #a94442;
  border-color: #a94442 !important;
}

.select2.error {
  border: 1px solid #a94442;
  border-color: #a94442 !important;
}

input[type="checkbox"]:checked {
  background: #b42df8;
}

input[type="radio"]:checked {
  background: #b42df8;
}

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

.application-form h1.align-right {
  text-align: right !important;
}

.select2-container {
  padding: 12px 0 !important;
}

.form-control {
  padding: 10px 10px !important;
}

.select2-container .select2-selection {
  padding: 0px 10px !important;
}

.header-employee-info {
  color: #222222;
}

.sub-header-employee-info {
  text-align: center;
  margin-top: -40px;
  margin-bottom: 40px;
}

.form-group > .header-employee-info {
  margin-top: 40px;
}

#masthead .nav > li > a {
}

.alert-info {
  background-color: #b42df8;
}

.go-top:before {
  border-right-color: #b42df8 !important;
}

.go-top:after {
  border-left-color: #b42df8 !important;
}

.go-top {
  background: #fff !important;
  visibility: hidden;
}

footer {
  color: #fff !important;
}

.form-group > .header-employee-info {
  margin-bottom: 20px;
}

footer {
  position: relative;
  z-index: 9999;
  color: #fff !important;
  background-image: url("../../images/bottom-bg.png");
  background-image: url("../../images/bottom-bg.svg"), none;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: center !important;
  background-position-y: 100% !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='../../images/bottom-bg.png',
            sizingMethod='scale');
  padding: 0 !important;
  @media (max-width: 991px) {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .affix {
  }
}

@media (max-width: 991px) {
  .affix {
    position: static !important;
    width: 100% !important;
  }
}

/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  footer {
    background-image: url("../../images/bottom-bg.png") !important;
  }
  .form-control {
    line-height: 13px !important;
  }
}

/*IE6,7,9,10*/
@media screen and (min-width: 640px), screen\9 {
  footer {
    /* background-image: url('../../images/bottom-bg.png') !important; */
  }
  .form-control {
    line-height: 13px !important;
  }
}

/*IE8*/
@media \0screen {
  footer {
    background-image: url("../../images/bottom-bg.png");
  }
  .form-control {
    line-height: 13px !important;
  }
}

footer > .section {
  padding: 0;
}

footer .swatch-red-white {
  background: transparent !important;
  color: #fff !important;
}
.decor-top {
  bottom: 100%;
  visibility: hidden !important;
}
footer .sidebar-widget {
  margin-top: 10px;
}
.swatch-red-white.navbar-scrolled {
  background: #b42df8 !important;
  box-shadow: 0px 0px 0px rgba(223, 46, 27, 0.3) !important;
}

#success-area {
  margin: 100px 0px;
}

#masthead.navbar {
  min-height: 70px !important;
  background: #b42df8 !important;
}

/** THEME OVERRIDE */
body .background-media {
  background-position-x: center !important;
  background-position-y: center !important;
  background-image: url("../../images/bg-enrollment.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../../images/bg-enrollment.jpg',
    sizingMethod='scale');
}
.background-media:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
body.page-template-add-new-application-form-template .section-header .headline {
  color: #fff !important;
}
body.page-template-add-new-application-form-template .section-header p {
  color: #fff;
}

/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .background-media {
    background-image: url("../../images/bg-enrollment.jpg") !important;
  }
}

/*IE6,7,9,10*/
@media screen and (min-width: 640px), screen\9 {
  body .background-media {
    background-image: url("../../images/bg-enrollment.jpg") !important;
  }
}

/*IE8*/
@media \0screen {
  body .background-media {
    background-image: url("../../images/bg-enrollment.jpg") !important;
  }
}

body .section-header.underline {
  margin: 0;
}

/** RESPONSIVE */
@media (max-width: 991px) {
  .form-group {
    margin-bottom: 0 !important;
  }
  .form-group .form-control,
  .form-group .form-control-wrap {
    margin-bottom: 15px;
  }
  .vehicle-control {
    display: inline-block;
    float: right;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #clone {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .section-header p {
    padding: 20px 0;
  }
  .section-header .headline {
    font-size: 25pt !important;
  }
}

/**
 * Custom styles
 * Author: TOM
 */
.select2-container--default.select2-container--disabled
  .select2-selection--single {
  cursor: not-allowed;
  background-color: #FFF !important;
}
#masthead .navbar-brand {
  text-transform: initial;
}

/* affix fix */
.affix-bottom {
  position: relative !important;
  width: 100%;
  bottom: initial !important;
}

#email_hint {
  width: 152%;
  /*border: 1px solid;*/
  display: block;
}

@media (max-width: 991px) {
  #email_hint {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .section-header .headline {
    line-height: 50px;
    font-size: 30pt !important;
  }

  .section-header p {
    padding: 20px 0;
  }

  .sub-header-employee-info {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: -20px;
  }

  .application-form h1,
  h1 {
    line-height: 50px;
  }
}

label.input {
  display: block;
  font-weight: inherit !important;
}
label.input span {
  position: absolute;
  z-index: 1;
  cursor: text;
  pointer-events: none;
  color: #999;
  /* Input padding + input border */
  padding: 9px;
  /* Firefox does not respond well to different line heights. Use padding instead. */
  line-height: 17px;
  /* This gives a little gap between the cursor and the label */
  margin-left: 2px;
  font-weight: 100;
}
label.input input,
label.input textarea,
label.input select {
  z-index: 0;
  padding: 6px;
  margin: 0;
  font: inherit;
  line-height: 17px;
}
label.input select {
  padding: 5px;
  /* Unfortunately selects don't respond well to padding. They need an explicit height. */
  height: 31px;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* New Application Page styles */
body.page-template-add-new-application-form-template #masthead.navbar {
  background-color: #fff !important;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?t22g2h");
  src: url("fonts/icomoon.eot?t22g2h#iefix") format("embedded-opentype"),
    url("fonts/icomoon.ttf?t22g2h") format("truetype"),
    url("fonts/icomoon.woff?t22g2h") format("woff"),
    url("fonts/icomoon.svg?t22g2h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !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;
}

.icon-arrow:before {
  content: "\e916";
}
.icon-call:before {
  background-image: url("../images/icon-call-blue.png");
}
.icon-asia:before {
  content: "\e900";
}
.icon-battery:before {
  content: "\e901";
}
.icon-benefit:before {
  content: "\e902";
}
.icon-box:before {
  content: "\e903";
}
.icon-document:before {
  content: "\e904";
}
.icon-email:before {
  content: "\e905";
  color: #4b4b4b;
}
.icon-europe:before {
  content: "\e906";
}
.icon-electric:before {
  /*content: "\e901";*/
}
.icon-family:before {
  content: "\e907";
}
.icon-icon:before {
  content: "\e908";
}
.icon-location:before {
  content: "\e909";
  color: #4b4b4b;
}
.icon-lock:before {
  content: "\e90a";
}
.icon-mark .path1:before {
  content: "\e90b";
  color: rgb(149, 149, 149);
}
.icon-mark .path2:before {
  content: "\e90c";
  margin-left: -44px;
  color: rgb(0, 0, 0);
}
.icon-phone:before {
  content: "\e90d";
  color: #4b4b4b;
}
.icon-services:before {
  content: "\e90e";
}
.icon-speedometer:before {
  content: "\e90f";
}
.icon-timer:before {
  content: "\e910";
  color: #4b4b4b;
}
.icon-tire:before {
  content: "\e911";
}
.icon-truck:before {
  content: "\e912";
}
.icon-usa:before {
  content: "\e913";
}
.icon-vehicle-fluid:before {
  content: "\e914";
}
.icon-wheel:before {
  content: "\e915";
}

/**
.btn.btn-healthcar {
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    background-color: #000;
    color: #fff !important;
    text-align: left;
    text-transform: uppercase;
    padding: 10px 12px 10px 20px;
    min-width: 200px;
}
.btn.btn-healthcar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #4b4b4b;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.btn.btn-healthcar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-top: 40px solid #4b4b4b;
    border-right: 20px solid transparent;
    z-index: 2;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.btn.btn-healthcar:hover:before {
    opacity: 1;
    width: 156px;
}
.btn.btn-healthcar:hover:after{
    opacity: 1;
    left: 156px;
}
.btn.btn-healthcar > span.text-submit {
    position: relative;
    z-index: 3;
    color: #fff !important;
}
.btn.btn-healthcar .hc-icon {
    position: absolute;
    top: 14px;
    right: 14px;
}
*/

/* Header */
.navbar-nav .menu-item-hotline .hc-icon {
  position: relative;
  top: 2px;
  padding-right: 10px;
  font-size: 18px;
  color: #1c1c1c;
}
.navbar-nav .menu-item-hotline a > span {
  position: relative;
  top: -3px;
}
.navbar.navbar-scrolled {
  background: #fff !important;
}

/* Footer */

.footer__top {
  padding-top: 60px;
  padding-bottom: 70px;
  background-color: #ecf1f9;
}
.footer__logo {
  margin-left: -26px;
}
.footer__col__intro {
  max-width: 70%;
}
.footer__intro {
  font-size: 14px;
  line-height: 1.6;
  color: #4b4b4b;
}
.footer__col__title {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 0;
  color: #4b4b4b;
}
.footer__links {
  margin: 24px 0 0 0;
  padding: 0;
  list-style: none;
}
.footer__link a {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #4b4b4b;
  text-transform: uppercase;
}
.footer__link a:hover {
  color: #4b4b4b;
  text-decoration: underline;
}
.footer__contacts {
  margin-top: 24px;
}
.footer__contact {
  position: relative;
}
.footer__contact + .footer__contact {
  margin-top: 20px;
}
.footer__contact .hc-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #4b4b4b;
}
.footer__contact .hc-icon.icon-location {
  top: 3px;
}
.footer__contact .hc-icon.icon-phone {
  top: 8px;
}
.footer__contact .hc-icon.icon-email {
  top: 4px;
}
.footer__contact .hc-icon.icon-timer {
  top: 2px;
}
.footer__contact__info {
  padding-left: 20px;
  margin-bottom: 0;
}
.footer__contact__info + .footer__contact__info {
  margin-top: 10px;
}
.footer__contact__info,
.footer__contact__info a {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #4b4b4b;
}
.footer__contact__info a:hover {
  color: #4b4b4b;
  text-decoration: underline;
}
.footer__contact__info .text-highlight {
  font-family: Ubuntu;
  font-size: 10px;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase;
}

#add-application-submit.btn-healthcar {
  font-size: 18px !important;
  background-color: rgba(0, 109, 210, 1) !important;
  padding: 8px 22px !important;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  text-transform: none;
  text-align: center;
}
#add-application-submit.btn-healthcar:hover {
}

@media screen and (max-width: 991px) {
  body.page-template-add-new-application-form-template .section-header p {
    font-size: 16px !important;
  }

  body.page-template-add-new-application-form-template
    .section-header
    .headline {
    line-height: 42px;
    font-size: 36px !important;
  }

  /* Header */
  #masthead .navbar-brand {
    margin-left: 18px !important;
  }
  #masthead .navbar-brand img {
    left: 0;
  }
  #masthead.navbar .navbar-nav {
    margin-left: 10px;
    margin-top: 0;
  }
  #masthead.navbar .navbar-nav > li.menu-item > a {
    padding: 10px 6px !important;
  }

  /* Footer */
  .footer__top {
    padding-top: 60px;
  }
  .footer__col {
    max-width: 100%;
    min-width: 70%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .footer__logo {
    margin-left: 0px;
  }
  .footer__col__title {
    text-align: center;
  }
  .footer__col__intro {
    max-width: 100%;
    text-align: center;
  }
  .footer__intro {
    margin-bottom: 40px;
  }
  .footer__col__links {
    text-align: center;
  }
  .footer__col__links .footer__col__title {
    display: none;
  }
  .footer__links {
    margin: 0;
  }
  .footer__col__contact {
    margin-bottom: 50px;
  }
  .footer__contacts {
    margin-top: 10px;
  }
  .footer__copyright {
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer__contacts {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
  }
}

/**
 * Expiration Popup
 * Author: Tom
 * Date: 2020-03-10
 */
body.modal-open {
  position: fixed;
}
.modal-expiration {
  background-color: #808080;
  text-align: center;
  height: 100vh;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.modal-expiration .modal-body {
  padding: 60px;
}
.modal-expiration .me__icon {
  display: inline-block;
  width: 200px;
  height: auto;
}
.modal-expiration .me__title {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #4b4b4b;
  margin: 20px 0;
}
.modal-expiration .me__description {
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.15px;
  text-align: center;
  color: #4b4b4b;
  margin-top: 5px;
  margin-bottom: 26px;
}
.modal-expiration .me__code {
  margin-bottom: 50px;
}
.modal-expiration .me__payment-type {
  margin-bottom: 50px;
}
.modal-expiration .me__code .form-group {
  position: relative;
  width: 90%;
  margin-left: 5%;
}
.modal-expiration .me__payment-type .form-group {
  position: relative;
  width: 90%;
  margin-left: 5%;
}
.modal-expiration .me__code .form-group > img {
  position: absolute;
  top: 14px;
  left: 17px;
  width: 16px;
  height: 16px;
}
.modal-expiration .me__code input.form-control {
  display: inline-block;
  background-color: #dfdfdf;
  width: 100%;
  height: 44px;
  font-size: 14px;
  padding-left: 48px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-expiration .me__payment-type .select2-container {
  background: #e9eeef;
  height: auto;
}
.modal-expiration .me__payment-type select.form-control {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  border: 1px solid #dfdfdf !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.modal-expiration .me__code .has-error .form-control:focus,
.modal-expiration .me__payment-type .has-error .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.modal-expiration .me__code .validation-error,
.modal-expiration .me__payment-type .validation-error {
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}
.modal-expiration .btn-submit-code {
  display: inline-block;
}
.modal-expiration .select2-container {
  z-index: 9999;
  text-align: left;
}

/* Promo Banner */
.promo-banner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 56px;
  -webkit-box-shadow: 0 1px 1px -1px #000;
  -moz-box-shadow: 0 1px 1px -1px #000;
  box-shadow: 0 1px 1px -1px #000;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform 0.25s ease;
  -moz-transition: transform 0.25s ease;
  -ms-transition: transform 0.25s ease;
  -o-transition: transform 0.25s ease;
  transition: transform 0.25s ease;
}
.promo-banner.non-visible {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.promo-banner .pb__content {
  position: relative;
}
.promo-banner .pb__content img {
  width: 180px;
}
.promo-banner .pb__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  color: #000 !important;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.promo-banner .pb__description {
  color: #4b4b4b;
  margin-top: 0px;
}
.promo-banner .btn-healthcar {
  margin-top: 34px;
}
.promo-banner .pb__content .pb__close {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 50px;
  line-height: 1px;
  color: #4b4b4b;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.promo-banner .pb__content .pb__close:hover {
  color: #000;
}
.home-our-price-v2 {
  padding: 0;
  z-index: 10;
}
.home-our-price-v2 .hopr__price-list {
  text-align: center;
  padding: 40px 0 0 0;
}
.home-our-price-v2 .hopr__price {
  box-shadow: 0 10px 15px rgb(0, 0, 0, 0.1);
  background: #fff;
  padding: 15px 10px 55px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}
.home-our-price-v2 .hopr__price .hc-icon {
  font-size: 68px;
  color: #000;
}
.home-our-price-v2 .hopr__price__text {
  font-size: 20px;
  font-weight: 500;
  margin: 5px 0;
}
.home-our-price-v2 .hopr__price__text__addition {
  font-size: 18px;
  margin: 10px 0;
}
.home-our-price-v2 .hopr__price__value > span {
  font-size: 48px;
  line-height: 48px;
  color: #000;
  font-weight: bold;
}
.home-our-price-v2 .hopr__price__value .hopr__sub__price {
  font-size: 20px;
  font-weight: 500;
  color: #9a9a9a;
  font-size: 20px;
  line-height: 20px;
}
.home-our-price-v2 .hopr__sub__intro {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  font-size: 14px;
  color: #9a9a9a;
}
@media (min-width: 992px) {
  .home-our-price-v2 {
    padding-bottom: 167px;
  }
  .home-our-price-v2 .hopr__price-list {
    transform: translate(calc(-50% + 15px), -120px);
    position: absolute;
    width: 100%;
    display: flex;
    margin: 0 -15px;
    padding: 0;
    left: 50%;
  }
  .home-our-price-v2 .hopr__price {
    margin-bottom: 0;
  }
  .home-our-price-v2 .hopr__price__wrap {
    flex: 1;
    padding: 0 15px;
  }
}
@media (min-width: 1200px) {
  .home-our-price-v2 .hopr__price-list {
    width: 100%;
    transform: translate(calc(-50% + 15px), -120px);
  }
}
@media (min-width: 1400px) {
  .home-our-price-v2 {
    padding-bottom: 143px;
  }
  .home-our-price-v2 .hopr__price-list {
    width: 100%;
    transform: translate(calc(-50% + 15px), -144px);
  }
}

.go-top,
.hex-alt {
  display: none !important;
  background: #fff !important;
}

.vehicle-form-group .title {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
}

.vehicle-form-group .clear-entries {
  padding: 10px 10px 10px 0px;
  text-decoration: underline;
  cursor: pointer;
}

.header-employee-info {
  font-size: 22px;
  font-weight: 700;
}

.application-form .form-info-group {
  border: 1px solid #2222221a;
  border-radius: 12px;
  padding: 40px;
  margin: 32px 0px 56px 0px;
  @media (max-width: 992px) {
    padding: 24px;
  }
}

.application-form .form-info-group.vehicle-form {
  padding: 24px;
  margin: 0px;
  margin-top: 8px;
}

.form-control-wrap .input,
.form-control-wrap .select2-container {
  color: rgba(34, 34, 34, 0.6);
  background-color: #fff;
  /*
    border-radius: 12px;
    border: 1px solid #2222221a;
    padding: 4px;
    */
}

#add-application-form {
  padding-top: 0px;
}

#add-application-form {
  color: rgba(34, 34, 34, 0.6);
  text-align: left;
}

#add-application-form {
  input,
  .form-control:focus,
  .select-wrap {
    box-shadow: none;
    background: transparent;
  }
}

#add-application-form input {
  color: rgba(34, 34, 34, 0.6);
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #2222221a;
  padding: 5px;
  font-style: normal !important;
  &::placeholder {
    color: #22222233;
    font-style: normal;
  }
}

#add-application-form .select2-container {
  color: rgba(34, 34, 34, 0.6);
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #2222221a;
  padding: 5px;
}

#add-application-form .field-title {
  font-size: 14px;
  line-height: 2;
  white-space: nowrap;
}

#add-application-form .require,
#add-application-form .require1 {
  color: #ff0000;
  font-size: 14px;
}

#side_bar {
  color: rgba(34, 34, 34, 0.6);
  font-size: 14px;
  @media (min-width: 991px) {
    padding-left: 35px;
  }
}

.summary-box {
  background-color: rgba(34, 34, 34, 0.1);
  margin-bottom: 32px;
  border-radius: 12px;
  @media (max-width: 992px) {
    display: none;
  }
}

.js-employer-privacy {
  /* color: rgba(34, 34, 34, 0.6) !important; */
}

#add-application-form input {
  color: rgba(34, 34, 34, 0.6);
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #2222221a;
  padding: 5px;
  font-style: normal !important;
  &::placeholder {
    color: #22222233;
    font-style: normal;
  }
}

#add-application-form input:checked {
  background-color: rgba(0, 109, 210, 1);
  accent-color: rgba(0, 109, 210, 1);
}