/* Forms */
.form-campaignAPV .form-control {
  border: 1px solid white;
}

.form-campaignAPV .form-control::-webkit-input-placeholder {
  color: #a1a1a1;
}

.form-campaignAPV .form-control:-moz-placeholder {
  color: #a1a1a1;
  opacity: 1
}

.form-campaignAPV .form-control::-moz-placeholder {
  color: #a1a1a1;
  opacity: 1
}

.outer-end {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.campaign-intro {
  background-color: rgba(255, 255, 255, .2);
}

.campaign-intro.campaign-intro-dark {
  background-color: rgba(0, 0, 0, .1);
}

.bg-form.bg-form-apv {
  background-position: top left !important;
}

.bg-form-apv .custom-control-indicator {
  background-color: #fff;
}

@media screen and (max-width: 992px) {
  .bg-form {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bg-form.bg-form-apv {
    background-position: center left !important;
  }

  .campaign-intro {
    background-color: rgba(255, 255, 255, 0);
  }

  .campaign-intro.campaign-intro-dark {
    background-color: rgba(0, 0, 0, 0);
  }
}

.hyundai-regular {
  font-family: HyundaiRegular, Arial, sans-serif;
}

.hyundai-medium {
  font-family: HyundaiMedium, Arial, sans-serif;
}

.bt0 {
  bottom: 0;
}

.bg-light-grey {
  background-color: #f6f3f2;
}

.text-orange {
  color: #e63312;
}

.bg-orange-header {
  background-color: #f58321;
}

.bg-grey-offers {
  background-color: #e0e0e0;
}

.bg-violet {
  background-color: #9b73cd;
}

.bg-orange {
  background-color: #e63312;
}

.bg-secondary-blue {
  background-color: #00a9d1;
}

.bg-grey-acc {
  background-color: #a8a8a8;
}

.border-r-light {
  border-right: .12rem solid #f6f3f2;
}

.border-l-light {
  border-left: .12rem solid #f6f3f2;
}

.border-r-white {
  border-right: .12rem solid #fff;
}

.border-l-white {
  border-left: .12rem solid #fff;
}

.text-blue {
  color: #0a809b;
}

.text-blue-offers {
  color: #0082cb;
}

.text-black {
  color: #000;
}

.bg-dark-blue {
  background-color: #002c5f !important;
}

.text-regular {
  font-family: 'HyundaiRegular', arial, sans-serif;
}

.btn-top-lp {
  font-size: .9rem;
  font-family: 'HyundaiMedium', arial, sans-serif;
}

.btn-top-lp:hover {
  text-decoration: none;
}

.blue-line {
  background-color: #00a9d1;
  height: 4px;
}

.bg-collapse-i30 {
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
}

.zindex-2 {
  z-index: 2;
}

.img-collapse-bottom-i30 {
  position: relative;
  margin-top: -180px;
  z-index: 1;
}

a.i30collapse-show,
a.APVcollapse-show {
  cursor: pointer;
}

a.i30collapse-show:hover,
a.APVcollapse-show:hover {
  text-decoration: none;
  color: #000;
}

.i30collapse-show[aria-expanded="true"],
.APVcollapse-show[aria-expanded="true"] {
  background-color: #f6f3f2;
}

.i30collapse-show[aria-expanded="true"] .text-black,
.APVcollapse-show[aria-expanded="true"] .text-black {
  color: #fff;
  background-color: #00a9d1;
}

.i30collapse-show[aria-expanded="true"] .i30Nthumb {
  display: none;
}

.i30collapse-show[aria-expanded="true"] .i30NthumbHover {
  display: block;
}

.i30collapse-show[aria-expanded="false"] .i30Nthumb {
  display: block;
}

.i30collapse-show[aria-expanded="false"] .i30NthumbHover {
  display: none;
}

.i30collapse-show[aria-expanded="false"] .d-collapse-none-xs,
.APVcollapse-show[aria-expanded="false"] .d-collapse-none-xs {
  display: none;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs {
  display: block;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs.text-blue,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs.text-blue {
  color: #00a9d1;
  background-color: transparent;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs.text-orange,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs.text-orange {
  color: #e63312;
  background-color: transparent;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs.text-greyFB,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs.text-greyFB {
  color: #292728;
  background-color: transparent;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs.text-blueN,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs.text-blueN {
  color: #aacae6;
  background-color: transparent;
}

.i30collapse-show[aria-expanded="true"] .d-collapse-none-xs.text-greyFBN,
.APVcollapse-show[aria-expanded="true"] .d-collapse-none-xs.text-greyFBN {
  color: #4f5665;
  background-color: transparent;
}

.i30collapse-show[aria-expanded="true"] .click-info,
.APVcollapse-show[aria-expanded="true"] .click-info {
  display: none;
}

#i30accordion a:hover,
#APVaccordion a:hover {
  text-decoration: none;
}

#i30accordion a.bg-white:hover,
#APVaccordion a.bg-white:hover {
  color: #000;
}

.i30HB-price-mr {
  margin-right: 86px;
}

.vertical-line-i30 {
  width: 4px;
  height: 140%;
  left: 50%;
  z-index: 3;
  position: absolute;
  top: 106%;
}

.vertical-line-i30.bg-blueN {
  height: 120%;
}

.vertical-line-i30.bg-orange {
  height: 133%;
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
  body {
    overflow-x: hidden;
  }

  .vertical-line-i30 {
    height: 180%;
    top: 103%;
  }

  .vertical-line-i30.bg-blueN {
    height: 180%;
  }

  .vertical-line-i30.bg-orange {
    height: 185%;
  }

  .vertical-line-i30.bg-greyFBN {
    height: 195%;
  }
}

@media screen and (max-width: 768px) {
  .bg-form {
    background-image: none !important;
    background-color: #9b73cd;
    color: #fff !important;
  }

  .bg-form.bg-form-apv {
    background-color: #bebfbf;
    padding-top: 0 !important;
  }

  .bg-form.bg-orange-header {
    background-color: #f58321;
  }

  .campaign-intro {
    background-color: rgba(255, 255, 255, 0);
  }

  .text-xs-center {
    text-align: center !important;
  }

  .text-xs-white {
    color: #fff;
  }

  .text-xs-white a {
    color: #fff !important;
  }

  .h1-size-xs {
    font-size: 1.7rem;
  }

  .h2-size-xs {
    font-size: 1.5rem;
  }

  .hyundai-c {
    text-align: center;
    padding-top: 15px;
  }

  .rangei30-xs {
    max-width: 60%;
  }

  .img-collapse-bottom-i30 {
    margin-top: 0;
  }

  .i30HB-price-mr {
    margin-right: 0;
  }

}