/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-column {
  position: relative; }
  .cp-column .column-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .cp-column .column-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .cp-column:before {
    content: '';
    width: 6.78rem;
    height: 12.6rem;
    background: url("../assets/images/title-infography.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 0.3rem;
    left: 0; }
    @media only screen and (max-width: 768px) {
      .cp-column:before {
        width: 1.78rem;
        height: 3.9rem;
        top: 0.2rem; } }
  .cp-column .lhs,
  .cp-column .rhs {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .cp-column .lhs,
      .cp-column .rhs {
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    .cp-column .rhs {
      position: relative; }
      .cp-column .rhs:before {
        content: '';
        background: url("../assets/images/title-infography.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        width: 1.78rem;
        height: 3.9rem;
        top: 0.2rem;
        left: -2rem; } }
  .cp-column .wrap-head {
    position: relative;
    margin-bottom: 6rem; }
    @media only screen and (max-width: 768px) {
      .cp-column .wrap-head {
        margin-bottom: 3rem; } }
    .cp-column .wrap-head .title {
      font-family: "Gotham-Black";
      font-size: 4.8rem;
      line-height: 4.4rem;
      letter-spacing: -2.74px;
      color: #4a4a4a;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .cp-column .wrap-head .title {
          font-size: 3.6rem;
          line-height: 3.6rem;
          padding-left: 0.6rem; } }
      .cp-column .wrap-head .title .typ-sm {
        font-family: "Gotham-Light";
        font-size: 2.4rem;
        line-height: 1.1rem;
        letter-spacing: -1.37px; }
        @media only screen and (max-width: 768px) {
          .cp-column .wrap-head .title .typ-sm {
            font-size: 1.8rem;
            line-height: 1.8rem;
            letter-spacing: -1.03px; } }
    .cp-column .wrap-head.typ-missionvision {
      position: relative;
      margin-bottom: 3rem; }
      .cp-column .wrap-head.typ-missionvision .title {
        color: #ffffff; }
  .cp-column .moretext {
    display: none; }

.cp-column.typ-col-contact .wrap-head {
  margin-bottom: 4rem; }
  .cp-column.typ-col-contact .wrap-head .title {
    line-height: 4.8rem; }
    @media only screen and (max-width: 768px) {
      .cp-column.typ-col-contact .wrap-head .title {
        line-height: 3.6rem; } }

@media only screen and (max-width: 768px) {
  .cp-column.typ-col-contact:before {
    top: 0.5rem; } }

@media only screen and (max-width: 768px) {
  .cp-column.typ-col-contact .rhs:before {
    top: 0.5rem; } }

.cp-column.typ-about .wrap-head {
  margin-bottom: 3.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .wrap-head {
      margin-bottom: 2rem; } }
  .cp-column.typ-about .wrap-head .title .typ-sm {
    font-family: "Gotham-Book"; }
  .cp-column.typ-about .wrap-head.typ-missionvision {
    margin-bottom: 3rem; }

.cp-column.typ-about .link.moreless-button {
  text-transform: uppercase;
  font-size: 1.4rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .link.moreless-button {
      font-size: 1.2rem; } }

@media only screen and (max-width: 768px) {
  .cp-column:before {
    top: 0.5rem;
    left: -2px; } }

.cp-column.typ-warranty .lhs {
  width: 45%; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-warranty .lhs {
      width: 100%; } }

.cp-column.typ-warranty .rhs {
  width: 58%; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-warranty .rhs {
      width: 100%; } }

@media only screen and (max-width: 768px) {
  .cp-column.typ-warranty .rhs:before {
    content: '';
    top: 3.2rem;
    left: -2rem;
    z-index: 2; } }

.cp-column.typ-warranty .wrap-head {
  margin-bottom: 3.6rem; }

.cp-column.typ-warranty .act-btn {
  padding-top: 5rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-warranty .act-btn {
      padding: 3.5rem 0 8rem; } }
  .cp-column.typ-warranty .act-btn .btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 1.6rem;
    padding: 1.2rem 2.9rem 1rem;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (max-width: 768px) {
      .cp-column.typ-warranty .act-btn .btn {
        width: 100%;
        font-size: 1.2rem;
        padding: 0.8rem; } }

.cp-column.typ-about .lhs {
  width: 45%; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .lhs {
      width: 100%; } }

.cp-column.typ-about .rhs {
  width: 49.4%; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .rhs {
      width: 100%;
      -ms-flex-order: -1;
          order: -1;
      padding-bottom: 2rem; }
      .cp-column.typ-about .rhs:before {
        display: none; } }

.cp-column.typ-about .desc {
  font-size: 1.6rem;
  font-family: "Gotham-Book";
  line-height: 24px;
  padding-bottom: 2rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .desc {
      font-size: 1.4rem; } }

.cp-column.typ-about .link {
  color: #bd001c;
  font-size: 1.4rem;
  font-family: "Gotham-Bold";
  display: block;
  text-transform: uppercase;
  padding-top: 1rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .link {
      margin-top: -1rem;
      font-size: 1.2rem;
      padding-top: 0; } }

.cp-column.typ-about:after {
  content: "";
  background: url(../assets/images/title-infography-typ-2.png) 0 0 no-repeat;
  width: 10rem;
  height: 9rem;
  top: 50%;
  left: -5.7rem;
  opacity: 1;
  z-index: 0;
  background-size: cover;
  display: none;
  position: absolute; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about:after {
      display: block; } }

.cp-column.typ-about .column-wrap .rhs img {
  border-radius: 1.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-about .column-wrap .rhs img {
      border-radius: 1.1rem; } }

.cp-column.typ-mission .desc {
  color: #ffffff;
  padding-right: 8rem; }
  @media only screen and (max-width: 768px) {
    .cp-column.typ-mission .desc {
      padding-right: 2rem; } }

.cp-column.typ-mission:before, .cp-column.typ-mission:after {
  display: none; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-mission .rhs {
    -ms-flex-order: 2;
        order: 2; } }

.cp-column.typ-virtual-customer {
  margin-bottom: 5.1rem; }
  .cp-column.typ-virtual-customer .column-wrap {
    border-bottom: 1px solid #e2e2e2; }
  @media screen and (max-width: 768px) {
    .cp-column.typ-virtual-customer .bs-form .radio-wrap.typ-inline {
      padding-bottom: 3rem; } }

.cp-column.typ-noinfography {
  margin-bottom: 5.1rem; }
  .cp-column.typ-noinfography:before {
    display: none; }
  .cp-column.typ-noinfography .act-btn .btn {
    padding: 1.1rem 4rem; }

.cp-column.typ-store-locator::before {
  display: none; }

.cp-column.typ-store-locator .btn {
  font-size: 1.4rem;
  font-family: "Gotham-Black";
  color: #d02127;
  padding: 1rem 2.6rem;
  border-color: #d02127;
  margin-top: 6rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .btn {
    margin-top: 3rem;
    font-size: 1.2rem;
    padding: 0.8rem 1.9rem 0.6rem; } }

.cp-column.typ-store-locator .btn:hover {
  color: #ffffff;
  background-color: #d02127; }

.cp-column.typ-store-locator .rhs {
  padding-left: 2.6rem; }

.cp-column.typ-store-locator .rhs::before {
  display: none; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .rhs {
    padding-left: 0; } }

.cp-column.typ-store-locator .rhs .img-wrap {
  border-radius: 1rem;
  height: 35.7rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .rhs .img-wrap {
    height: 20.7rem; } }

.cp-column.typ-store-locator .lhs {
  padding-right: 1.7rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs {
    padding-right: 0; } }

.cp-column.typ-store-locator .lhs .address-wrap .address-info .img-wrap {
  max-width: 19rem;
  margin-bottom: 1.4rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .address-info .img-wrap {
    margin-bottom: 0.8rem;
    max-width: 12.7rem; } }

.cp-column.typ-store-locator .lhs .address-wrap .address-info .title {
  font-size: 3.6rem;
  line-height: 4rem;
  color: #000000;
  letter-spacing: -1px;
  font-family: "Gotham-Black";
  text-transform: uppercase;
  margin-bottom: 2rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .address-info .title {
    font-size: 2.4rem;
    line-height: 2.6rem;
    letter-spacing: -0.6px;
    margin-bottom: 1.4rem; } }

.cp-column.typ-store-locator .lhs .address-wrap .address-info .desc {
  margin-bottom: 2rem;
  font-family: "Gotham-Book";
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #3f4351; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .address-info .desc {
    font-size: 1.4rem;
    line-height: 2rem; } }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .contact-info {
    display: none; } }

.cp-column.typ-store-locator .lhs .address-wrap .contact-info .contact-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2rem; }

.cp-column.typ-store-locator .lhs .address-wrap .contact-info .contact-item {
  padding: 0 2rem;
  color: #4a4a4a;
  font-family: "Gotham-Medium";
  line-height: 2.4rem;
  font-size: 1.8rem;
  border-right: 1px solid #c2c2c2; }

.cp-column.typ-store-locator
.lhs
.address-wrap
.contact-info
.contact-item:last-child {
  border: none; }

.cp-column.typ-store-locator
.lhs
.address-wrap
.contact-info
.contact-item
.icon {
  font-size: 1.6rem;
  padding-right: 2.1rem; }

.cp-column.typ-store-locator .lhs .address-wrap .d-list {
  display: -ms-flexbox;
  display: flex;
  margin: 2rem -1.5rem 2.4rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .d-list {
    margin: 2.15rem -1.5rem 1.95rem; } }

.cp-column.typ-store-locator .lhs .address-wrap .d-item {
  padding: 0.2rem 1.5rem 0.1rem;
  position: relative;
  border-right: 1px solid #c2c2c2; }

.cp-column.typ-store-locator .lhs .address-wrap .d-item:first-child {
  display: none; }

.cp-column.typ-store-locator .lhs .address-wrap .d-item:last-child {
  border: none; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .address-wrap .d-item:first-child {
    display: block; } }

.cp-column.typ-store-locator .lhs .address-wrap .d-link {
  font-family: "Gotham-Bold";
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: normal;
  color: #bd001c;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.cp-column.typ-store-locator .lhs .address-wrap .icon-wrap {
  border-radius: 50%;
  border: solid 1px #bd001c;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 1.2rem;
  color: #bd001c;
  width: 3rem;
  height: 3rem;
  position: relative; }

.cp-column.typ-store-locator .lhs .address-wrap .icon-wrap::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #bd001c; }

.cp-column.typ-store-locator .lhs .feature-wrap {
  border-radius: 0.8rem;
  background: #f2f2f2;
  width: 100%;
  padding: 0.8rem 3.9rem 0.9rem; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .feature-wrap {
    padding: 0.8rem 1rem 0.9rem 1.5rem;
    margin-bottom: 3rem; } }

.cp-column.typ-store-locator .lhs .feature-wrap .feature-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1rem 0 -0.5rem; }

.cp-column.typ-store-locator .lhs .feature-wrap .feature-item {
  font-size: 1.4rem;
  color: #4a4a4a;
  font-family: "Gotham-Medium";
  line-height: 2.4rem;
  padding: 0 1rem 0 0.5rem;
  position: relative; }

.cp-column.typ-store-locator .lhs .feature-wrap .feature-item::after {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  background: #4a4a4a;
  top: 50%;
  transform: translateY(-50%); }

.cp-column.typ-store-locator
.lhs
.feature-wrap
.feature-item:last-child::after {
  display: none; }

@media only screen and (max-width: 768px) {
  .cp-column.typ-store-locator .lhs .feature-wrap .feature-item {
    font-size: 1.2rem; } }