@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

.maincontent .payment-calculator-base {
  background: #FFFFFF;
  letter-spacing: 1px; }
  .maincontent .payment-calculator-base .clearfix, .maincontent .payment-calculator-base .cf {
    zoom: 1; }
  .maincontent .payment-calculator-base .desktop-container:last-child {
    background: #F4F4F4; }
  .maincontent .payment-calculator-base .clearfix:before, .maincontent .payment-calculator-base .clearfix:after {
    content: "";
    display: table; }
  .maincontent .payment-calculator-base .cf:before, .maincontent .payment-calculator-base .cf:after {
    content: "";
    display: table; }
  .maincontent .payment-calculator-base .clearfix:after, .maincontent .payment-calculator-base .cf:after {
    clear: both; }
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 13px;
    display: block;
    margin: 0 0 5px;
    color: #000000;
    font-weight: 500; }
  .maincontent .payment-calculator-base input, .maincontent .payment-calculator-base select {
    background: #F4F4F4;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    padding: 9px 14px;
    outline: none;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 35px;
    line-height: 20px; }
  .maincontent .payment-calculator-base input.bg-alt {
    background: #F4F4F4;
    color: #000000; }
  .maincontent .payment-calculator-base select {
    -moz-apperance: none;
    -webkit-appearance: none;
    appearance: none; }
    .maincontent .payment-calculator-base select.bg-alt {
      background: #FFFFFF;
      color: #000000;
      border: 1px solid #4D4F50;
      border-radius: 0;
      font-weight: 500; }
    .maincontent .payment-calculator-base select::-ms-expand {
      display: none; }
  .maincontent .payment-calculator-base .secutclosed {
    height: 0;
    overflow: hidden; }
    .maincontent .payment-calculator-base .secutclosed.open {
      height: auto; }
  .maincontent .payment-calculator-base .left-sect, .maincontent .payment-calculator-base .right-sect {
    float: left;
    width: 50%; }
  .maincontent .payment-calculator-base .inputs .input.price-field, .maincontent .payment-calculator-base .inputs .input.drop-field, .maincontent .payment-calculator-base .inputs .input.percent-field {
    position: relative; }
  .maincontent .payment-calculator-base .inputs .input.price-field:before, .maincontent .payment-calculator-base .inputs .input.drop-field:before, .maincontent .payment-calculator-base .inputs .input.percent-field:before {
    content: "$";
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 32px;
    left: 10px; }
  .maincontent .payment-calculator-base .inputs .input.price-field input, .maincontent .payment-calculator-base .inputs .input.drop-field input, .maincontent .payment-calculator-base .inputs .input.percent-field input {
    padding-left: 25px; }
  .maincontent .payment-calculator-base .inputs .input.drop-field:before {
    content: "";
    border-top: 6px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 39px;
    right: 10px;
    left: initial; }
  .maincontent .payment-calculator-base .inputs .input.drop-field input {
    padding: 10px 25px 10px 10px; }
  .maincontent .payment-calculator-base .inputs .input.percent-field:before {
    content: "%";
    color: #000000;
    right: 10px;
    left: initial; }
  .maincontent .payment-calculator-base .inputs .input.percent-field input {
    padding: 10px 25px 10px 10px; }
  .maincontent .payment-calculator-base .inputs .input.half {
    float: left;
    padding: 0 0 0 3px;
    width: 50%; }
    .maincontent .payment-calculator-base .inputs .input.half:nth-child(2n+1) {
      padding: 0 3px 0 0; }
  .maincontent .payment-calculator-base .inputs .input.third {
    float: left;
    width: 33.33%; }
  .maincontent .payment-calculator-base .inputs .input.fourth {
    float: left;
    width: 25%; }
  .maincontent .payment-calculator-base .sect-1 {
    background: #EAEAEA;
    color: #000000;
    line-height: 1.25; }
    .maincontent .payment-calculator-base .sect-1 .sect1_container {
      padding: 14px 20px; }
    .maincontent .payment-calculator-base .sect-1 .details {
      align-items: center;
      border-bottom: 1px solid #F4F4F4;
      display: flex;
      margin: 0 0 12px;
      padding: 0 0 12px; }
      .maincontent .payment-calculator-base .sect-1 .details .right-sect {
        text-align: right; }
      .maincontent .payment-calculator-base .sect-1 .details h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
        margin: 0;
        text-transform: uppercase; }
      .maincontent .payment-calculator-base .sect-1 .details .vehicle-price {
        font-size: 14px;
        display: block; }
      .maincontent .payment-calculator-base .sect-1 .details .price {
        font-size: 15px;
        font-weight: 700; }
    .maincontent .payment-calculator-base .sect-1 .inputs {
      margin: 0 0 6px; }
    .maincontent .payment-calculator-base .sect-1 .input-details {
      align-items: center;
      border: 1px solid #EAEAEA;
      display: flex;
      font-size: 11px;
      padding: 2px 10px;
      background: #F4F4F4; }
      .maincontent .payment-calculator-base .sect-1 .input-details .left-sect {
        width: 60%; }
      .maincontent .payment-calculator-base .sect-1 .input-details .right-sect {
        text-align: right;
        width: 40%; }
      .maincontent .payment-calculator-base .sect-1 .input-details .price {
        font-size: 18px;
        font-weight: 400; }
  .maincontent .payment-calculator-base .sect-2 {
    background: #EAEAEA;
    color: #000000;
    border-top: 2px solid #AEAFAF; }
    .maincontent .payment-calculator-base .sect-2 .sect2_container {
      padding: 14px 20px; }
    .maincontent .payment-calculator-base .sect-2 .select-plan {
      margin: 0 0 20px; }
      .maincontent .payment-calculator-base .sect-2 .select-plan > label {
        float: left;
        margin: 0 10px 0 0;
        padding: 7px 0 6px; }
      .maincontent .payment-calculator-base .sect-2 .select-plan .inputs {
        background: none;
        overflow: hidden; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input {
          margin: 0;
          padding: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child {
            border-radius: 4px 4px 0 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2n+1) {
            padding: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input span {
            align-items: center;
            color: #000000;
            display: block;
            display: flex;
            font-size: 13px;
            font-weight: 500;
            justify-content: center;
            padding: 7px 5px;
            position: relative;
            z-index: 1;
            text-align: center;
            height: 32px;
            text-transform: uppercase;
            border: 1px solid #7B061B; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input input:checked ~ span {
            color: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span:before {
            content: "";
            background: #7B061B;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 101%;
            height: 100%;
            transition: all 250ms ease;
            transform: translateX(100%); }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child input:checked ~ span:before {
            transform: translateX(0%); }
      .maincontent .payment-calculator-base .sect-2 .select-plan input[type=radio] {
        display: none; }
    .maincontent .payment-calculator-base .sect-2 .payment-plan {
      font-size: 13px;
      margin: 0 0 15px; }
      .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs {
        border: 1px solid #7B061B;
        border-radius: 0;
        text-align: center; }
        .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input {
          border-left: 1px solid #7B061B;
          margin: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input span {
            align-items: center;
            display: block;
            display: flex;
            font-size: 11px;
            line-height: 1.2;
            justify-content: center;
            transition: background 250ms ease;
            padding: 3px 0;
            height: 36px;
            font-weight: 500;
            text-transform: uppercase;
            background: #F4F4F4;
            border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input input:checked ~ span {
            background: #7B061B;
            color: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:first-child {
            border-left: 0;
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:first-child span {
              border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:last-child {
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:last-child span {
              border-radius: 0; }
      .maincontent .payment-calculator-base .sect-2 .payment-plan input[type=radio] {
        display: none; }
  .maincontent .payment-calculator-base .sect-3 {
    background: #F4F4F4;
    color: #000000;
    position: relative; }
    .maincontent .payment-calculator-base .sect-3 .sect3_container {
      padding: 8px 20px 20px; }
    .maincontent .payment-calculator-base .sect-3 .title {
      display: none;
      width: 100%;
      font-weight: 500;
      text-transform: uppercase; }
      .maincontent .payment-calculator-base .sect-3 .title label {
        font-size: 14px;
        color: #000000;
        margin: 0 0 14px;
        text-transform: none; }
    .maincontent .payment-calculator-base .sect-3 .flip-container {
      width: 100%;
      border-radius: 2px;
      border: 1px solid #4D4F50;
      color: #000000; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect {
        background: #FFFFFF;
        border-radius: 2px 2px 0 0;
        font-size: 26px;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #4D4F50;
        text-transform: uppercase; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect .number {
          font-size: 26px;
          font-weight: 400;
          color: #000000; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect .time-frame {
          font-size: 18px; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect {
        font-size: 0; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
          width: 50%;
          display: block;
          float: left;
          padding: 5px 10px;
          line-height: normal;
          font-size: 0;
          background: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item:first-child {
            border-right: 1px solid #4D4F50; }
          .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span {
            font-size: 13px;
            display: inline-block;
            vertical-align: middle;
            width: auto; }
            .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span.number {
              width: auto;
              font-size: 16px;
              font-weight: 600;
              padding-left: 10px;
              color: #000000; }
    .maincontent .payment-calculator-base .sect-3 .results {
      align-items: center;
      color: #333333;
      display: flex;
      font-size: 11px;
      line-height: 1.5; }
      .maincontent .payment-calculator-base .sect-3 .results .left-sect {
        width: 65%; }
        .maincontent .payment-calculator-base .sect-3 .results .left-sect span.number {
          color: #000000;
          font-size: 13px; }
      .maincontent .payment-calculator-base .sect-3 .results .right-sect {
        text-align: right;
        width: 35%; }
        .maincontent .payment-calculator-base .sect-3 .results .right-sect span {
          display: block;
          color: #000000;
          font-size: 18px; }
          .maincontent .payment-calculator-base .sect-3 .results .right-sect span.number {
            color: #7B061B;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.25; }
  .maincontent .payment-calculator-base .sect-4 {
    position: relative; }
    .maincontent .payment-calculator-base .sect-4 .open-close {
      align-items: center;
      background: #000000;
      border-radius: 2px;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      display: flex;
      font-size: 13px;
      font-weight: 700;
      justify-content: center;
      margin: -6px auto 0;
      padding: 5px;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      text-align: center;
      width: 100%;
      max-width: 190px;
      height: 30px; }
      .maincontent .payment-calculator-base .sect-4 .open-close span {
        position: relative;
        display: block;
        width: 100%; }
        .maincontent .payment-calculator-base .sect-4 .open-close span:before {
          content: "";
          border-right: 5px solid transparent;
          border-top: 6px solid #FFFFFF;
          border-left: 5px solid transparent;
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%); }
        .maincontent .payment-calculator-base .sect-4 .open-close span.close-form {
          display: none; }
      .maincontent .payment-calculator-base .sect-4 .open-close:focus, .maincontent .payment-calculator-base .sect-4 .open-close:hover {
        background: #333333; }
      .maincontent .payment-calculator-base .sect-4 .open-close.close {
        background: #333333; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close .open-form {
          display: none; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close .close-form {
          display: block; }
          .maincontent .payment-calculator-base .sect-4 .open-close.close .close-form:before {
            border-top: 0;
            border-bottom: 6px solid #FFFFFF; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close:focus, .maincontent .payment-calculator-base .sect-4 .open-close.close:hover {
          background: #4D4F50; }
  .maincontent .payment-calculator-base .sect-5 {
    margin: 24px 0 0;
    padding: 21px 15px; }
    .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
      color: #FFFFFF;
      display: block;
      float: left;
      font-size: 13px;
      line-height: normal;
      margin: 0;
      text-align: left;
      width: 50%;
      width: calc(100% / 2) !important;
      position: static;
      padding: 4px; }
      @media (min-width: 768px) and (max-width: 1239px) {
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
          width: 100% !important; } }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container {
        border-radius: 0;
        padding: 10px 7px; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container span {
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 500; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container i {
          display: inline-block;
          margin-right: 5px; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(1) .ctas_container {
        background: #981E32 !important;
        border: 2px solid #981E32 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(1) .ctas_container:hover {
          background: #7B061B !important;
          border-color: #7B061B !important; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(2) .ctas_container {
        background: #333333 !important;
        border: 2px solid #333333 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(2) .ctas_container:hover {
          background: #191919 !important;
          border-color: #191919 !important; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container {
        background: transparent !important;
        border: 2px solid #333333;
        color: #000000 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container i {
          color: #981E32; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container:hover {
          background: #333333 !important;
          color: #FFFFFF !important; }
          .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container:hover i {
            color: #FFFFFF; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container {
        background: transparent !important;
        border: 2px solid #333333;
        color: #000000 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container i {
          color: #981E32; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container:hover {
          background: #333333 !important;
          color: #FFFFFF !important; }
          .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container:hover i {
            color: #FFFFFF; }

@media (max-width: 381px) {
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container {
    min-height: 60px;
    padding: 15px 0 0 0; } }

@media all and (min-width: 600px) {
  .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
    text-align: center; }
    .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
      display: none; }
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
    font-size: 14px; } }

@media all and (min-width: 768px) {
  .maincontent .payment-calculator-base input, .maincontent .payment-calculator-base select {
    font-size: 13px; }
  .maincontent .payment-calculator-base .inputs .input.price-field-2:before {
    left: 15px; }
  .maincontent .payment-calculator-base .inputs .input.drop-field:before {
    right: 15px; }
  .maincontent .payment-calculator-base .inputs .input.half {
    padding: 0 0 0 5px; }
    .maincontent .payment-calculator-base .inputs .input.half:nth-child(2n+1) {
      padding: 0 5px 0 0; }
  .maincontent .payment-calculator-base .sect.closed {
    height: auto; }
    .maincontent .payment-calculator-base .sect.closed.sect-1 {
      height: auto; }
  .maincontent .payment-calculator-base .sect-1 .sect1_container {
    padding: 25px 30px; }
  .maincontent .payment-calculator-base .sect-1 .details {
    border: 0;
    border-right: 2px solid #AEAFAF;
    float: left;
    display: block;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0; }
    .maincontent .payment-calculator-base .sect-1 .details .left-sect {
      float: none;
      text-align: left;
      width: 100%; }
    .maincontent .payment-calculator-base .sect-1 .details .right-sect {
      float: none;
      text-align: left;
      width: 100%;
      align-items: center;
      display: flex; }
    .maincontent .payment-calculator-base .sect-1 .details h2 {
      font-size: 20px;
      margin: 0 0 15px; }
    .maincontent .payment-calculator-base .sect-1 .details .vehicle-price {
      display: inline-block; }
    .maincontent .payment-calculator-base .sect-1 .details .price {
      display: inline-block;
      font-size: 20px;
      margin: 0 0 0 30px; }
  .maincontent .payment-calculator-base .sect-1 .inputs-container {
    overflow: hidden; }
  .maincontent .payment-calculator-base .sect-1 .inputs {
    margin: 0 0 10px; }
  .maincontent .payment-calculator-base .sect-1 .input-details {
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 500; }
    .maincontent .payment-calculator-base .sect-1 .input-details .price {
      font-size: 20px; }
  .maincontent .payment-calculator-base .sect-2 .sect2_container {
    padding: 20px 30px; }
  .maincontent .payment-calculator-base .sect-2 .select-plan {
    float: left;
    margin: 0 55px 0 0;
    width: 115px; }
    .maincontent .payment-calculator-base .sect-2 .select-plan > label {
      float: none;
      margin: 0 0 5px;
      padding: 0; }
    .maincontent .payment-calculator-base .sect-2 .select-plan .inputs {
      background: none; }
      .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input {
        background: #F4F4F4;
        float: none;
        padding: 0;
        width: 100%; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input span {
          border-radius: 0;
          font-size: 13px;
          padding: 12px 5px;
          height: 43px;
          cursor: pointer;
          text-transform: uppercase; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input input:checked ~ span {
          color: #FFFFFF; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2n+1) {
          float: none;
          padding: 0;
          width: 100%; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child {
          margin: 0px; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span {
            border-bottom: 0; }
            .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span:before {
              border-radius: 0;
              transform: translateY(100%); }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child input:checked ~ span:before {
            margin: 0;
            transform: translateY(0%); }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) {
          border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) span {
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) span:before {
              border-radius: 0; }
  .maincontent .payment-calculator-base .sect-2 .payment-container {
    overflow: hidden; }
  .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input span {
    font-size: 13px; }
  .maincontent .payment-calculator-base .sect-3 .title {
    color: #000000;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
    min-height: 60px; }
  .maincontent .payment-calculator-base .sect-3 .results {
    display: block;
    font-size: 13px; }
    .maincontent .payment-calculator-base .sect-3 .results .left-sect span.number {
      font-size: 16px; }
  .maincontent .payment-calculator-base .sect-3.closed {
    height: 228px !important; }
  .maincontent .payment-calculator-base .sect-4 {
    display: none; } }

@media all and (min-width: 768px) and (max-width: 1239px) {
  .maincontent .payment-calculator-base .sect-3 {
    float: left;
    width: calc(100% - 230px); }
    .maincontent .payment-calculator-base .sect-3.closed {
      height: 218px !important; }
  .maincontent .payment-calculator-base .sect-5 {
    width: 230px;
    background: #F4F4F4;
    float: right;
    margin: 0;
    overflow: hidden;
    height: auto;
    padding: 15px 15px 15px 0; }
    .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator {
      display: block;
      margin: 0; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
        margin: 0;
        width: 100%; } }

@media all and (min-width: 1240px) {
  .maincontent .payment-calculator-base {
    max-width: 1089px;
    background: #F4F4F4;
    display: flex; }
    .maincontent .payment-calculator-base .desktop-container:first-child {
      float: left;
      width: 55%;
      min-width: 57.7%; }
    .maincontent .payment-calculator-base .desktop-container:last-child {
      background: #F4F4F4;
      overflow: hidden;
      width: 45%; }
    .maincontent .payment-calculator-base .sect-1 .details {
      margin: 0 30px 0 0;
      padding: 0 90px 14px 0; }
      .maincontent .payment-calculator-base .sect-1 .details h2 {
        font-size: 23px; }
    .maincontent .payment-calculator-base .sect-3, .maincontent .payment-calculator-base .sect-5 {
      background: none;
      padding: 0 36px;
      width: 100%; }
    .maincontent .payment-calculator-base .sect-3 {
      padding-top: 25px; }
      .maincontent .payment-calculator-base .sect-3:before {
        left: 36px; }
      .maincontent .payment-calculator-base .sect-3 .sect3_container {
        padding-right: 0;
        padding-left: 0; }
      .maincontent .payment-calculator-base .sect-3 .results .left-sect {
        width: auto; }
      .maincontent .payment-calculator-base .sect-3.closed {
        height: auto !important; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
        text-align: left; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
          display: inline; }
    .maincontent .payment-calculator-base .sect-5 {
      margin: 0;
      padding: 0 32px 25px; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
        font-size: 15px;
        width: 50%;
        width: calc(100% / 2); } }

@media (max-width: 1023px) {
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 14px;
    font-size: 18px; } }

@media (min-width: 1024px) {
  .maincontent #payment_calculator .left_section_calc {
    width: 50%;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 8px;
    font-size: 18px; } }

.maincontent #payment_calculator .vehicle_price_input {
  width: 100%; }

#veh_price_formated {
  font-size: 18px;
  margin: 0; }

.maincontent #payment_calculator .vehicle_price_container {
  margin-top: 25px;
  border: none;
  background: transparent; }

.maincontent #payment_calculator input {
  background-color: #FFFFFF;
  border: 1px solid #4D4F50 !important;
  height: 35px;
  border-radius: 0;
  font-weight: 400; }

.maincontent #payment_calculator .estimated-buyout-calculator {
  border-right: 2px solid #F4F4F4; }

.maincontent .payment-calculator-base .sect-4 .open-close {
  margin-top: 0px; }

.maincontent .payment-calculator-base .inputs .input.half:nth-child(3) {
  padding: 0px 0px 0px 10px; }

.maincontent .payment-calculator-base .veh_price_label, .maincontent .payment-calculator-base .veh_price_input {
  width: 50%; }

@media (max-width: 768px) {
  .maincontent #payment_calculator input#interest_rate {
    padding: 0 0 0 12px !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .maincontent #payment_calculator .downpayments .price-field:before {
    top: 50px; } }

@media (max-width: 414px) {
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 11px;
    font-size: 18px; }
  .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span {
    display: block;
    text-align: center;
    padding-bottom: 5px; }
    .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
      display: none; } }

@media (max-width: 370px) {
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 12px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .maincontent .payment-calculator-base .sect-1 .details {
    width: 50%; }
  .maincontent #payment_calculator .downpayments .price-field:before {
    top: 35px; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 10px; } }

@media (max-width: 350) {
  .maincontent .payment-calculator-base .inputs .input.half:nth-child(3) {
    padding: 0px 0px 0px 5px; } }

@media (max-width: 767px) {
  .maincontent .payment-calculator-base .sect-1 .vehicle_price_container {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 3px; }
  .maincontent .payment-calculator-base .sect-1 .input-details .veh_price_label {
    width: 100%;
    font-size: 14px;
    margin: 0 0 5px;
    color: #000000; }
  .maincontent .payment-calculator-base .sect-1 .input-details .right-sect.veh_price_input {
    width: 100%; }
  .maincontent .payment-calculator-base .left-sect {
    width: 100%;
    padding: 0 3px 0 0; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 11.5px; } }

.maincontent #payment_calculator .ttpercent {
  width: 33%; }

.maincontent #payment_calculator .clearfix:before, .maincontent #payment_calculator .clearfix:after {
  width: auto !important; }

.maincontent #payment_calculator .cf:before, .maincontent #payment_calculator .cf:after {
  width: auto !important; }

/* Internet Explorer fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .maincontent .payment-calculator-base .inputs .input.drop-field::before {
    border-top: none; }
  .maincontent .payment-calculator-base .inputs .input.percent-field::before {
    right: auto;
    margin-left: 75%; }
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
    width: calc(100% /2.01) !important; } }

@media (max-width: 414px) {
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 12px; } }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("https://static.edealer.ca/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }

.maincontent .payment-calculator-base {
  background: #FFFFFF;
  letter-spacing: 1px; }
  .maincontent .payment-calculator-base .clearfix, .maincontent .payment-calculator-base .cf {
    zoom: 1; }
  .maincontent .payment-calculator-base .desktop-container:last-child {
    background: #F4F4F4; }
  .maincontent .payment-calculator-base .clearfix:before, .maincontent .payment-calculator-base .clearfix:after {
    content: "";
    display: table; }
  .maincontent .payment-calculator-base .cf:before, .maincontent .payment-calculator-base .cf:after {
    content: "";
    display: table; }
  .maincontent .payment-calculator-base .clearfix:after, .maincontent .payment-calculator-base .cf:after {
    clear: both; }
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 13px;
    display: block;
    margin: 0 0 5px;
    color: #000000;
    font-weight: 500; }
  .maincontent .payment-calculator-base input, .maincontent .payment-calculator-base select {
    background: #F4F4F4;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    padding: 9px 14px;
    outline: none;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    height: 35px;
    line-height: 20px; }
  .maincontent .payment-calculator-base input.bg-alt {
    background: #F4F4F4;
    color: #000000; }
  .maincontent .payment-calculator-base select {
    -moz-apperance: none;
    -webkit-appearance: none;
    appearance: none; }
    .maincontent .payment-calculator-base select.bg-alt {
      background: #FFFFFF;
      color: #000000;
      border: 1px solid #4D4F50;
      border-radius: 0;
      font-weight: 500; }
    .maincontent .payment-calculator-base select::-ms-expand {
      display: none; }
  .maincontent .payment-calculator-base .secutclosed {
    height: 0;
    overflow: hidden; }
    .maincontent .payment-calculator-base .secutclosed.open {
      height: auto; }
  .maincontent .payment-calculator-base .left-sect, .maincontent .payment-calculator-base .right-sect {
    float: left;
    width: 50%; }
  .maincontent .payment-calculator-base .inputs .input.price-field, .maincontent .payment-calculator-base .inputs .input.drop-field, .maincontent .payment-calculator-base .inputs .input.percent-field {
    position: relative; }
  .maincontent .payment-calculator-base .inputs .input.price-field:before, .maincontent .payment-calculator-base .inputs .input.drop-field:before, .maincontent .payment-calculator-base .inputs .input.percent-field:before {
    content: "$";
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 32px;
    left: 10px; }
  .maincontent .payment-calculator-base .inputs .input.price-field input, .maincontent .payment-calculator-base .inputs .input.drop-field input, .maincontent .payment-calculator-base .inputs .input.percent-field input {
    padding-left: 25px; }
  .maincontent .payment-calculator-base .inputs .input.drop-field:before {
    content: "";
    border-top: 6px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 39px;
    right: 10px;
    left: initial; }
  .maincontent .payment-calculator-base .inputs .input.drop-field input {
    padding: 10px 25px 10px 10px; }
  .maincontent .payment-calculator-base .inputs .input.percent-field:before {
    content: "%";
    color: #000000;
    right: 10px;
    left: initial; }
  .maincontent .payment-calculator-base .inputs .input.percent-field input {
    padding: 10px 25px 10px 10px; }
  .maincontent .payment-calculator-base .inputs .input.half {
    float: left;
    padding: 0 0 0 3px;
    width: 50%; }
    .maincontent .payment-calculator-base .inputs .input.half:nth-child(2n+1) {
      padding: 0 3px 0 0; }
  .maincontent .payment-calculator-base .inputs .input.third {
    float: left;
    width: 33.33%; }
  .maincontent .payment-calculator-base .inputs .input.fourth {
    float: left;
    width: 25%; }
  .maincontent .payment-calculator-base .sect-1 {
    background: #EAEAEA;
    color: #000000;
    line-height: 1.25; }
    .maincontent .payment-calculator-base .sect-1 .sect1_container {
      padding: 14px 20px; }
    .maincontent .payment-calculator-base .sect-1 .details {
      align-items: center;
      border-bottom: 1px solid #F4F4F4;
      display: flex;
      margin: 0 0 12px;
      padding: 0 0 12px; }
      .maincontent .payment-calculator-base .sect-1 .details .right-sect {
        text-align: right; }
      .maincontent .payment-calculator-base .sect-1 .details h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
        margin: 0;
        text-transform: uppercase; }
      .maincontent .payment-calculator-base .sect-1 .details .vehicle-price {
        font-size: 14px;
        display: block; }
      .maincontent .payment-calculator-base .sect-1 .details .price {
        font-size: 15px;
        font-weight: 700; }
    .maincontent .payment-calculator-base .sect-1 .inputs {
      margin: 0 0 6px; }
    .maincontent .payment-calculator-base .sect-1 .input-details {
      align-items: center;
      border: 1px solid #EAEAEA;
      display: flex;
      font-size: 11px;
      padding: 2px 10px;
      background: #F4F4F4; }
      .maincontent .payment-calculator-base .sect-1 .input-details .left-sect {
        width: 60%; }
      .maincontent .payment-calculator-base .sect-1 .input-details .right-sect {
        text-align: right;
        width: 40%; }
      .maincontent .payment-calculator-base .sect-1 .input-details .price {
        font-size: 18px;
        font-weight: 400; }
  .maincontent .payment-calculator-base .sect-2 {
    background: #EAEAEA;
    color: #000000;
    border-top: 2px solid #AEAFAF; }
    .maincontent .payment-calculator-base .sect-2 .sect2_container {
      padding: 14px 20px; }
    .maincontent .payment-calculator-base .sect-2 .select-plan {
      margin: 0 0 20px; }
      .maincontent .payment-calculator-base .sect-2 .select-plan > label {
        float: left;
        margin: 0 10px 0 0;
        padding: 7px 0 6px; }
      .maincontent .payment-calculator-base .sect-2 .select-plan .inputs {
        background: none;
        overflow: hidden; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input {
          margin: 0;
          padding: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child {
            border-radius: 4px 4px 0 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2n+1) {
            padding: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input span {
            align-items: center;
            color: #000000;
            display: block;
            display: flex;
            font-size: 13px;
            font-weight: 500;
            justify-content: center;
            padding: 7px 5px;
            position: relative;
            z-index: 1;
            text-align: center;
            height: 32px;
            text-transform: uppercase;
            border: 1px solid #7B061B; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input input:checked ~ span {
            color: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span:before {
            content: "";
            background: #7B061B;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 101%;
            height: 100%;
            transition: all 250ms ease;
            transform: translateX(100%); }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child input:checked ~ span:before {
            transform: translateX(0%); }
      .maincontent .payment-calculator-base .sect-2 .select-plan input[type=radio] {
        display: none; }
    .maincontent .payment-calculator-base .sect-2 .payment-plan {
      font-size: 13px;
      margin: 0 0 15px; }
      .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs {
        border: 1px solid #7B061B;
        border-radius: 0;
        text-align: center; }
        .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input {
          border-left: 1px solid #7B061B;
          margin: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input span {
            align-items: center;
            display: block;
            display: flex;
            font-size: 11px;
            line-height: 1.2;
            justify-content: center;
            transition: background 250ms ease;
            padding: 3px 0;
            height: 36px;
            font-weight: 500;
            text-transform: uppercase;
            background: #F4F4F4;
            border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input input:checked ~ span {
            background: #7B061B;
            color: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:first-child {
            border-left: 0;
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:first-child span {
              border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:last-child {
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input:last-child span {
              border-radius: 0; }
      .maincontent .payment-calculator-base .sect-2 .payment-plan input[type=radio] {
        display: none; }
  .maincontent .payment-calculator-base .sect-3 {
    background: #F4F4F4;
    color: #000000;
    position: relative; }
    .maincontent .payment-calculator-base .sect-3 .sect3_container {
      padding: 8px 20px 20px; }
    .maincontent .payment-calculator-base .sect-3 .title {
      display: none;
      width: 100%;
      font-weight: 500;
      text-transform: uppercase; }
      .maincontent .payment-calculator-base .sect-3 .title label {
        font-size: 14px;
        color: #000000;
        margin: 0 0 14px;
        text-transform: none; }
    .maincontent .payment-calculator-base .sect-3 .flip-container {
      width: 100%;
      border-radius: 2px;
      border: 1px solid #4D4F50;
      color: #000000; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect {
        background: #FFFFFF;
        border-radius: 2px 2px 0 0;
        font-size: 26px;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #4D4F50;
        text-transform: uppercase; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect .number {
          font-size: 26px;
          font-weight: 400;
          color: #000000; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .top-sect .time-frame {
          font-size: 18px; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect {
        font-size: 0; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
          width: 50%;
          display: block;
          float: left;
          padding: 5px 10px;
          line-height: normal;
          font-size: 0;
          background: #FFFFFF; }
          .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item:first-child {
            border-right: 1px solid #4D4F50; }
          .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span {
            font-size: 13px;
            display: inline-block;
            vertical-align: middle;
            width: auto; }
            .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span.number {
              width: auto;
              font-size: 16px;
              font-weight: 600;
              padding-left: 10px;
              color: #000000; }
    .maincontent .payment-calculator-base .sect-3 .results {
      align-items: center;
      color: #333333;
      display: flex;
      font-size: 11px;
      line-height: 1.5; }
      .maincontent .payment-calculator-base .sect-3 .results .left-sect {
        width: 65%; }
        .maincontent .payment-calculator-base .sect-3 .results .left-sect span.number {
          color: #000000;
          font-size: 13px; }
      .maincontent .payment-calculator-base .sect-3 .results .right-sect {
        text-align: right;
        width: 35%; }
        .maincontent .payment-calculator-base .sect-3 .results .right-sect span {
          display: block;
          color: #000000;
          font-size: 18px; }
          .maincontent .payment-calculator-base .sect-3 .results .right-sect span.number {
            color: #7B061B;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.25; }
  .maincontent .payment-calculator-base .sect-4 {
    position: relative; }
    .maincontent .payment-calculator-base .sect-4 .open-close {
      align-items: center;
      background: #000000;
      border-radius: 2px;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      display: flex;
      font-size: 13px;
      font-weight: 700;
      justify-content: center;
      margin: -6px auto 0;
      padding: 5px;
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      text-align: center;
      width: 100%;
      max-width: 190px;
      height: 30px; }
      .maincontent .payment-calculator-base .sect-4 .open-close span {
        position: relative;
        display: block;
        width: 100%; }
        .maincontent .payment-calculator-base .sect-4 .open-close span:before {
          content: "";
          border-right: 5px solid transparent;
          border-top: 6px solid #FFFFFF;
          border-left: 5px solid transparent;
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%); }
        .maincontent .payment-calculator-base .sect-4 .open-close span.close-form {
          display: none; }
      .maincontent .payment-calculator-base .sect-4 .open-close:focus, .maincontent .payment-calculator-base .sect-4 .open-close:hover {
        background: #333333; }
      .maincontent .payment-calculator-base .sect-4 .open-close.close {
        background: #333333; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close .open-form {
          display: none; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close .close-form {
          display: block; }
          .maincontent .payment-calculator-base .sect-4 .open-close.close .close-form:before {
            border-top: 0;
            border-bottom: 6px solid #FFFFFF; }
        .maincontent .payment-calculator-base .sect-4 .open-close.close:focus, .maincontent .payment-calculator-base .sect-4 .open-close.close:hover {
          background: #4D4F50; }
  .maincontent .payment-calculator-base .sect-5 {
    margin: 24px 0 0;
    padding: 21px 15px; }
    .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
      color: #FFFFFF;
      display: block;
      float: left;
      font-size: 13px;
      line-height: normal;
      margin: 0;
      text-align: left;
      width: 50%;
      width: calc(100% / 2) !important;
      position: static;
      padding: 4px; }
      @media (min-width: 768px) and (max-width: 1239px) {
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
          width: 100% !important; } }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container {
        border-radius: 0;
        padding: 10px 7px; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container span {
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 500; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container i {
          display: inline-block;
          margin-right: 5px; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(1) .ctas_container {
        background: #981E32 !important;
        border: 2px solid #981E32 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(1) .ctas_container:hover {
          background: #7B061B !important;
          border-color: #7B061B !important; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(2) .ctas_container {
        background: #333333 !important;
        border: 2px solid #333333 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(2) .ctas_container:hover {
          background: #191919 !important;
          border-color: #191919 !important; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container {
        background: transparent !important;
        border: 2px solid #333333;
        color: #000000 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container i {
          color: #981E32; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container:hover {
          background: #333333 !important;
          color: #FFFFFF !important; }
          .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(3) .ctas_container:hover i {
            color: #FFFFFF; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container {
        background: transparent !important;
        border: 2px solid #333333;
        color: #000000 !important; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container i {
          color: #981E32; }
        .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container:hover {
          background: #333333 !important;
          color: #FFFFFF !important; }
          .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta:nth-child(4) .ctas_container:hover i {
            color: #FFFFFF; }

@media (max-width: 381px) {
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta .ctas_container {
    min-height: 60px;
    padding: 15px 0 0 0; } }

@media all and (min-width: 600px) {
  .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
    text-align: center; }
    .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
      display: none; }
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
    font-size: 14px; } }

@media all and (min-width: 768px) {
  .maincontent .payment-calculator-base input, .maincontent .payment-calculator-base select {
    font-size: 13px; }
  .maincontent .payment-calculator-base .inputs .input.price-field-2:before {
    left: 15px; }
  .maincontent .payment-calculator-base .inputs .input.drop-field:before {
    right: 15px; }
  .maincontent .payment-calculator-base .inputs .input.half {
    padding: 0 0 0 5px; }
    .maincontent .payment-calculator-base .inputs .input.half:nth-child(2n+1) {
      padding: 0 5px 0 0; }
  .maincontent .payment-calculator-base .sect.closed {
    height: auto; }
    .maincontent .payment-calculator-base .sect.closed.sect-1 {
      height: auto; }
  .maincontent .payment-calculator-base .sect-1 .sect1_container {
    padding: 25px 30px; }
  .maincontent .payment-calculator-base .sect-1 .details {
    border: 0;
    border-right: 2px solid #AEAFAF;
    float: left;
    display: block;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0; }
    .maincontent .payment-calculator-base .sect-1 .details .left-sect {
      float: none;
      text-align: left;
      width: 100%; }
    .maincontent .payment-calculator-base .sect-1 .details .right-sect {
      float: none;
      text-align: left;
      width: 100%;
      align-items: center;
      display: flex; }
    .maincontent .payment-calculator-base .sect-1 .details h2 {
      font-size: 20px;
      margin: 0 0 15px; }
    .maincontent .payment-calculator-base .sect-1 .details .vehicle-price {
      display: inline-block; }
    .maincontent .payment-calculator-base .sect-1 .details .price {
      display: inline-block;
      font-size: 20px;
      margin: 0 0 0 30px; }
  .maincontent .payment-calculator-base .sect-1 .inputs-container {
    overflow: hidden; }
  .maincontent .payment-calculator-base .sect-1 .inputs {
    margin: 0 0 10px; }
  .maincontent .payment-calculator-base .sect-1 .input-details {
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 500; }
    .maincontent .payment-calculator-base .sect-1 .input-details .price {
      font-size: 20px; }
  .maincontent .payment-calculator-base .sect-2 .sect2_container {
    padding: 20px 30px; }
  .maincontent .payment-calculator-base .sect-2 .select-plan {
    float: left;
    margin: 0 55px 0 0;
    width: 115px; }
    .maincontent .payment-calculator-base .sect-2 .select-plan > label {
      float: none;
      margin: 0 0 5px;
      padding: 0; }
    .maincontent .payment-calculator-base .sect-2 .select-plan .inputs {
      background: none; }
      .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input {
        background: #F4F4F4;
        float: none;
        padding: 0;
        width: 100%; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input span {
          border-radius: 0;
          font-size: 13px;
          padding: 12px 5px;
          height: 43px;
          cursor: pointer;
          text-transform: uppercase; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input input:checked ~ span {
          color: #FFFFFF; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2n+1) {
          float: none;
          padding: 0;
          width: 100%; }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child {
          margin: 0px; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span {
            border-bottom: 0; }
            .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child span:before {
              border-radius: 0;
              transform: translateY(100%); }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:first-child input:checked ~ span:before {
            margin: 0;
            transform: translateY(0%); }
        .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) {
          border-radius: 0; }
          .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) span {
            border-radius: 0; }
            .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input:nth-child(2) span:before {
              border-radius: 0; }
  .maincontent .payment-calculator-base .sect-2 .payment-container {
    overflow: hidden; }
  .maincontent .payment-calculator-base .sect-2 .payment-plan .inputs .input span {
    font-size: 13px; }
  .maincontent .payment-calculator-base .sect-3 .title {
    color: #000000;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
    min-height: 60px; }
  .maincontent .payment-calculator-base .sect-3 .results {
    display: block;
    font-size: 13px; }
    .maincontent .payment-calculator-base .sect-3 .results .left-sect span.number {
      font-size: 16px; }
  .maincontent .payment-calculator-base .sect-3.closed {
    height: 228px !important; }
  .maincontent .payment-calculator-base .sect-4 {
    display: none; } }

@media all and (min-width: 768px) and (max-width: 1239px) {
  .maincontent .payment-calculator-base .sect-3 {
    float: left;
    width: calc(100% - 230px); }
    .maincontent .payment-calculator-base .sect-3.closed {
      height: 218px !important; }
  .maincontent .payment-calculator-base .sect-5 {
    width: 230px;
    background: #F4F4F4;
    float: right;
    margin: 0;
    overflow: hidden;
    height: auto;
    padding: 15px 15px 15px 0; }
    .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator {
      display: block;
      margin: 0; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
        margin: 0;
        width: 100%; } }

@media all and (min-width: 1240px) {
  .maincontent .payment-calculator-base {
    max-width: 1089px;
    background: #F4F4F4;
    display: flex; }
    .maincontent .payment-calculator-base .desktop-container:first-child {
      float: left;
      width: 55%;
      min-width: 57.7%; }
    .maincontent .payment-calculator-base .desktop-container:last-child {
      background: #F4F4F4;
      overflow: hidden;
      width: 45%; }
    .maincontent .payment-calculator-base .sect-1 .details {
      margin: 0 30px 0 0;
      padding: 0 90px 14px 0; }
      .maincontent .payment-calculator-base .sect-1 .details h2 {
        font-size: 23px; }
    .maincontent .payment-calculator-base .sect-3, .maincontent .payment-calculator-base .sect-5 {
      background: none;
      padding: 0 36px;
      width: 100%; }
    .maincontent .payment-calculator-base .sect-3 {
      padding-top: 25px; }
      .maincontent .payment-calculator-base .sect-3:before {
        left: 36px; }
      .maincontent .payment-calculator-base .sect-3 .sect3_container {
        padding-right: 0;
        padding-left: 0; }
      .maincontent .payment-calculator-base .sect-3 .results .left-sect {
        width: auto; }
      .maincontent .payment-calculator-base .sect-3.closed {
        height: auto !important; }
      .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item {
        text-align: left; }
        .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
          display: inline; }
    .maincontent .payment-calculator-base .sect-5 {
      margin: 0;
      padding: 0 32px 25px; }
      .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
        font-size: 15px;
        width: 50%;
        width: calc(100% / 2); } }

@media (max-width: 1023px) {
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 14px;
    font-size: 18px; } }

@media (min-width: 1024px) {
  .maincontent #payment_calculator .left_section_calc {
    width: 50%;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 8px;
    font-size: 18px; } }

.maincontent #payment_calculator .vehicle_price_input {
  width: 100%; }

#veh_price_formated {
  font-size: 18px;
  margin: 0; }

.maincontent #payment_calculator .vehicle_price_container {
  margin-top: 25px;
  border: none;
  background: transparent; }

.maincontent #payment_calculator input {
  background-color: #FFFFFF;
  border: 1px solid #4D4F50 !important;
  height: 35px;
  border-radius: 0;
  font-weight: 400; }

.maincontent #payment_calculator .estimated-buyout-calculator {
  border-right: 2px solid #F4F4F4; }

.maincontent .payment-calculator-base .sect-4 .open-close {
  margin-top: 0px; }

.maincontent .payment-calculator-base .inputs .input.half:nth-child(3) {
  padding: 0px 0px 0px 10px; }

.maincontent .payment-calculator-base .veh_price_label, .maincontent .payment-calculator-base .veh_price_input {
  width: 50%; }

@media (max-width: 768px) {
  .maincontent #payment_calculator input#interest_rate {
    padding: 0 0 0 12px !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .maincontent #payment_calculator .downpayments .price-field:before {
    top: 50px; } }

@media (max-width: 414px) {
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 11px;
    font-size: 18px; }
  .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span {
    display: block;
    text-align: center;
    padding-bottom: 5px; }
    .maincontent .payment-calculator-base .sect-3 .flip-container .bottom-sect .item span br {
      display: none; } }

@media (max-width: 370px) {
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 12px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .maincontent .payment-calculator-base .sect-1 .details {
    width: 50%; }
  .maincontent #payment_calculator .downpayments .price-field:before {
    top: 35px; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 10px; } }

@media (max-width: 350) {
  .maincontent .payment-calculator-base .inputs .input.half:nth-child(3) {
    padding: 0px 0px 0px 5px; } }

@media (max-width: 767px) {
  .maincontent .payment-calculator-base .sect-1 .vehicle_price_container {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 3px; }
  .maincontent .payment-calculator-base .sect-1 .input-details .veh_price_label {
    width: 100%;
    font-size: 14px;
    margin: 0 0 5px;
    color: #000000; }
  .maincontent .payment-calculator-base .sect-1 .input-details .right-sect.veh_price_input {
    width: 100%; }
  .maincontent .payment-calculator-base .left-sect {
    width: 100%;
    padding: 0 3px 0 0; }
  .maincontent #payment_calculator .vehicle_price_input:before {
    top: 11.5px; } }

.maincontent #payment_calculator .ttpercent {
  width: 33%; }

.maincontent #payment_calculator .clearfix:before, .maincontent #payment_calculator .clearfix:after {
  width: auto !important; }

.maincontent #payment_calculator .cf:before, .maincontent #payment_calculator .cf:after {
  width: auto !important; }

/* Internet Explorer fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .maincontent .payment-calculator-base .inputs .input.drop-field::before {
    border-top: none; }
  .maincontent .payment-calculator-base .inputs .input.percent-field::before {
    right: auto;
    margin-left: 75%; }
  .maincontent .payment-calculator-base .sect-5 .ctas_payment_calculator .cta {
    width: calc(100% /2.01) !important; } }

@media (max-width: 414px) {
  .maincontent .payment-calculator-base label, .maincontent .payment-calculator-base .label {
    font-size: 12px; } }

body .maincontent {
  color: #000000; }

.maincontent {
  color: #000000; }
  .maincontent .modal-content .modal-header-credit-application {
    background-color: #F4F4F4 !important; }
    .maincontent .modal-content .modal-header-credit-application button {
      background-color: #981E32 !important; }
    .maincontent .modal-content .modal-header-credit-application .close-apply-for-financing {
      opacity: 1;
      color: #000000;
      height: 100%;
      background: transparent !important; }
    .maincontent .modal-content .modal-header-credit-application .close {
      opacity: 1;
      color: #000000;
      background: transparent !important; }
  .maincontent .modal-content .close {
    opacity: 1;
    color: #000000;
    background: transparent !important; }
  .maincontent .modal-content .input-group {
    color: #000000; }
    .maincontent .modal-content .input-group input {
      border-color: #EAEAEA !important; }
    .maincontent .modal-content .input-group .input-group-label-purchase,
    .maincontent .modal-content .input-group label,
    .maincontent .modal-content .input-group .phone-label-1,
    .maincontent .modal-content .input-group .input-group-label {
      font-weight: 400 !important; }
  .maincontent .modal-content .modal-body strong {
    color: #191919 !important; }
  .maincontent .modal-content .form-button .btn {
    background-color: #981E32 !important;
    color: #FFFFFF !important; }
    .maincontent .modal-content .form-button .btn:hover {
      background-color: #7B061B !important;
      color: #FFFFFF !important; }
  .maincontent .modal-content .btn-default {
    color: #000000;
    border-color: #EAEAEA; }
    .maincontent .modal-content .btn-default:hover {
      background: #F4F4F4; }
  .maincontent .modal-content .btn-primary {
    background: #981E32;
    border-color: #981E32; }
    .maincontent .modal-content .btn-primary:hover {
      background: #333333; }
  .maincontent span.bi-weekly-used, .maincontent .disclaimer-price, .maincontent .bi-weekly-used {
    color: #000000 !important;
    font-weight: 500 !important; }
  .maincontent .v3-filter-top {
    background: #EAEAEA; }
  .maincontent .v3-filter-bottom {
    background: #F4F4F4; }
  .maincontent h1,
  .maincontent h2,
  .maincontent h3,
  .maincontent h4,
  .maincontent h5,
  .maincontent h6,
  .maincontent .h1,
  .maincontent .h2,
  .maincontent .h3,
  .maincontent .h4,
  .maincontent .h5,
  .maincontent .h6 {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif, Arial; }
  .maincontent .container div.row.breadcrumb-row {
    height: auto; }
  .maincontent .breadcrumb li span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0; }
  .maincontent .form-content div.input-group .form-control {
    border-color: #4D4F50;
    border-radius: 0; }
  .maincontent .table-right-col {
    color: #000000; }
  .maincontent .col-used-value {
    font-weight: 500; }
  .maincontent .table-options-even,
  .maincontent .table-options-odd {
    border-bottom-color: #F4F4F4; }
  .maincontent .table-col {
    color: #000000; }
  .maincontent .title-opt-headline {
    color: #000000; }
  .maincontent .table-hover > tbody > tr:hover > td,
  .maincontent .table-hover > tbody > tr:hover > th {
    background-color: #F4F4F4; }
  .maincontent a#get-directions {
    color: #000000 !important; }
  .maincontent .bordergrey {
    background: #F4F4F4; }
  .maincontent .bordergrey-name-phone {
    background: #F4F4F4 url(../img/vert-line.png) no-repeat; }
  .maincontent #dealer-location .reqinformation-used.location-icon {
    background: #EAEAEA url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-map-pin-black.png) no-repeat !important;
    background-position: 15px center !important;
    padding-top: 15px; }
    .maincontent #dealer-location .reqinformation-used.location-icon a {
      color: #000000; }
  .maincontent .reqinformation-used.location-icon {
    background: #333333 url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-map-pin.png) no-repeat !important;
    background-position: 15px center !important;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #FFFFFF; }
    .maincontent .reqinformation-used.location-icon #get-directions {
      color: #FFFFFF !important; }
    .maincontent .reqinformation-used.location-icon a {
      color: #FFFFFF; }
  .maincontent .vehicle-alert-text,
  .maincontent .phone-alert {
    color: #000000 !important; }
  .maincontent .rebates-table td {
    text-transform: uppercase;
    color: #000000;
    font-weight: 400; }
  .maincontent .rebates-table #priceRebatesRow td {
    font-weight: 500; }
  .maincontent .rebates-table #priceRebatesRow .right-td {
    font-weight: 400; }
  .maincontent .rebates-table .finance-payment,
  .maincontent .rebates-table #final-price {
    color: #000000;
    font-weight: 400; }
  .maincontent .rebates-table tr:nth-child(even) {
    background: #F4F4F4 !important; }
  .maincontent .rebates-table .price-final td {
    font-weight: 400; }
  .maincontent #new-price .discl {
    color: #000000; }
  .maincontent .payment-calculator-box .label-bottom-calc-1,
  .maincontent .payment-calculator-box .label-bottom-calc-2,
  .maincontent .payment-calculator-box .label-top-calc {
    color: #000000 !important; }
  .maincontent .payment-calculator-box .new-calc-clear-form {
    color: #000000 !important; }
  .maincontent .nav-v3-ul-mobile select {
    background: #FFFFFF;
    border-color: #EAEAEA; }
  .maincontent #request-info-form .summary-information2 {
    background: #F4F4F4;
    border-bottom: 0;
    max-height: none; }
  .maincontent .form-content-used {
    padding-bottom: 15px;
    height: 284px; }
    .maincontent .form-content-used input {
      border-color: #4D4F50; }
    .maincontent .form-content-used textarea {
      border-color: #4D4F50; }
  .maincontent .payment-calculator-box .form-content-second-row {
    background-color: #EAEAEA; }
  .maincontent .payment-calculator-box #center-calc-padding-1,
  .maincontent .payment-calculator-box #right-calc-padding,
  .maincontent .payment-calculator-box .hidden-input-bottom-result {
    background: #EAEAEA !important; }
  .maincontent .payment-calculator-box .input-font-new-calc {
    border-color: #4D4F50 !important; }
  .maincontent .old-price1 {
    color: #000000; }
  .maincontent .vehicleonly {
    color: #000000; }
  .maincontent .pay-calc-icon#new-calc-header-icon {
    background: #333333 url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-calculator-s.png) no-repeat;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase; }
    .maincontent .pay-calc-icon#new-calc-header-icon .new-calc-clear-form {
      color: #FFFFFF !important;
      font-size: 13px;
      font-weight: 500;
      text-transform: uppercase; }
  .maincontent #show-more-filters-mobile {
    background-color: #333333 !important;
    color: #FFFFFF !important; }
  .maincontent #nav-v3-ul-heading,
  .maincontent #nav-v3-ul-top,
  .maincontent #nav-v3-ul-bottom {
    border-left-color: #EAEAEA; }
    .maincontent #nav-v3-ul-heading > li:hover,
    .maincontent #nav-v3-ul-top > li:hover,
    .maincontent #nav-v3-ul-bottom > li:hover {
      background: url("../images/list-down-arrow-hover.png") no-repeat scroll 95% 14px #333333 !important; }
  .maincontent .vehicle-year-make-model-1 span {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif, Arial; }
  .maincontent span.vehicle-price-2-new, .maincontent span.vehicle-price-2-new-used {
    color: #000000 !important;
    font-weight: 400 !important; }
    @media (min-width: 992px) {
      .maincontent span.vehicle-price-2-new, .maincontent span.vehicle-price-2-new-used {
        font-size: 35px; } }
  .maincontent .vehicle-price-4 {
    font-weight: 400;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      .maincontent .vehicle-price-4 {
        font-size: 30px; } }
  .maincontent .discount-align {
    width: initial; }
  .maincontent .vehicle-year-make-model, .maincontent .vehicle-price-1 {
    color: #000000 !important; }
  .maincontent .image-bar-used {
    background: none repeat scroll 0 0 #000000; }
  .maincontent .image-bar {
    background-color: #333333 !important;
    border: 2px solid #333333;
    color: #FFFFFF !important;
    margin-top: 10px; }
    .maincontent .image-bar:hover {
      background-color: rgba(51, 51, 51, 0.9) !important;
      border-color: rgba(51, 51, 51, 0.9); }
    .maincontent .image-bar a {
      font-weight: 500 !important;
      color: #FFFFFF !important;
      text-transform: uppercase;
      font-size: 13px; }

.info-top-padding-zero {
  padding: 0; }

.maincontent .payment-used, .maincontent .vehicle-price-2-new {
  font-weight: 600 !important; }

#accordion-payment-calculator .panel-collapse {
  padding: 0 4px; }

.compare-checkbox-btn {
  border: 2px solid #7B061B !important; }

.maincontent .compare-checkbox-input {
  margin-top: 1px !important; }

.maincontent h2.vehicle-infoline {
  color: #000000 !important;
  font-weight: bold;
  text-transform: none; }

.maincontent #link_contact_seller {
  background: #981E32 !important;
  border-color: #981E32 !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  height: 36px !important;
  width: 100px !important;
  outline: none; }
  .maincontent #link_contact_seller:hover {
    background: #7B061B !important;
    border-color: #7B061B !important;
    color: #FFFFFF !important; }

.maincontent .vdp-button.new-vdp-button, .maincontent .hg-buttons .used-button-columns button#request-info {
  background-color: #333333 !important; }

.maincontent .options-description-used .glyphicon-color, .maincontent #details-content .glyphicon-color {
  color: #7B061B !important; }

.maincontent a#get-directions {
  color: #AEAFAF; }

.maincontent a#readMore, .maincontent a#readLess {
  color: #000000 !important;
  position: relative;
  font-weight: 400; }
  .maincontent a#readMore:before, .maincontent a#readLess:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 80%;
    background: #000000; }

.maincontent .vehicle-list-cell .request-information {
  background-color: #333333 !important; }

.maincontent .vehicle-list-cell .view-details-button {
  background-color: #7B061B !important;
  color: #000000; }
  .maincontent .vehicle-list-cell .view-details-button:hover {
    background-color: #7B061B !important; }

input#calculate-payments {
  background: #981E32 !important;
  color: #FFFFFF;
  font-weight: 500 !important;
  font-size: 13px !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  text-transform: uppercase !important;
  outline: none; }
  input#calculate-payments:hover {
    background: #7B061B !important; }

#link_contact_seller {
  background-color: transparent !important;
  color: #333333 !important;
  border: 2px solid #7B061B !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent h2.request-info-heading-new {
  background: #333333 url(https://static.edealer.ca/V3_1/V-3/dist/img/request-info-icon.png) no-repeat 10px center !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px !important; }

.btn-orange-vehicles1 span {
  font-weight: bold; }

.maincontent h1.heading-year-make-model {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  text-transform: uppercase;
  font-weight: 400; }
  @media (min-width: 992px) {
    .maincontent h1.heading-year-make-model {
      font-size: 30px; } }

.maincontent #final_price strong {
  font-weight: 400; }

.maincontent .iom_panel_expanded {
  background: url(https://static.edealer.ca/fca-themes/chrysler/icons/acc-min.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 15px center; }

.maincontent .iom_panel_collapsed {
  background: url(https://static.edealer.ca/fca-themes/chrysler/icons/acc-pl.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 15px center; }

.maincontent .acc-cfl #cash_panel .panel-heading h5.panel-title,
.maincontent .acc-cfl #finance_panel .panel-heading h5.panel-title,
.maincontent .acc-cfl #lease_panel .panel-heading h5.panel-title,
.maincontent .acc-cfl #cash_panel #answerOne p.tab-val,
.maincontent .acc-cfl #finance_panel #answerTwo p.tab-val,
.maincontent .acc-cfl #lease_panel #answerThree p.tab-val {
  color: #000000 !important; }

.maincontent .acc-cfl .price {
  font-weight: 400; }

.maincontent .acc-cfl .tab-val {
  font-weight: 400 !important; }

.maincontent .acc-cfl .light-grey {
  color: #000000; }

.maincontent .headinggrey {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  font-weight: 400;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .maincontent .headinggrey {
      font-size: 20px; } }

.maincontent .info-top-margin {
  text-transform: uppercase; }

.maincontent .options-details-used-1 .colapse-button-new-details .colapse-button-new-detail, .maincontent .options-details-used-1 .colapse-button-new-details .expanded-button-new-detail {
  color: #000000 !important;
  background-image: url(https://static.edealer.ca/vw/images/colapse-right-vw.png) !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif; }

div[id^="accordion-"] {
  color: #000000 !important; }

.maincontent #package-content-accordion .morelink, .maincontent a[id^="readMore"] {
  color: #000000 !important;
  position: relative;
  font-weight: 400; }
  .maincontent #package-content-accordion .morelink:before, .maincontent a[id^="readMore"]:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 80%;
    background: #000000; }

.maincontent .details-content a .colapse-button-new-spec {
  background-color: #333333 !important;
  border-bottom: 1px solid #AEAFAF !important;
  height: auto; }
  .maincontent .details-content a .colapse-button-new-spec .colapse-button-new-spec-1 {
    background: url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-thick-arrow-down-circle.png) no-repeat !important;
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 3px; }
    .maincontent .details-content a .colapse-button-new-spec .colapse-button-new-spec-1 small {
      text-transform: none;
      margin-top: 3px; }

.maincontent .details-content a.collapsed .colapse-button-new-spec {
  background-color: #191919 !important; }
  .maincontent .details-content a.collapsed .colapse-button-new-spec .colapse-button-new-spec-1 {
    background: url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-thick-arrow-right-circle.png) no-repeat !important; }

.maincontent .options-details-used-1 .colapse-button-new-details {
  background: #333333 !important;
  border-bottom: 1px solid #AEAFAF !important; }
  .maincontent .options-details-used-1 .colapse-button-new-details a.colapse-button-new-detail {
    background-image: url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-thick-arrow-down-circle.png) !important;
    background-repeat: no-repeat;
    background-size: 15px;
    color: #FFFFFF !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400 !important;
    text-transform: uppercase; }
  .maincontent .options-details-used-1 .colapse-button-new-details small {
    color: #FFFFFF !important;
    margin-top: 3px; }
  .maincontent .options-details-used-1 .colapse-button-new-details.collapsed {
    background: #191919 !important; }
    .maincontent .options-details-used-1 .colapse-button-new-details.collapsed a.colapse-button-new-detail {
      background-image: url(https://static.edealer.ca/fca-themes/alfa/inventory-images/icon-thick-arrow-right-circle.png) !important; }

.maincontent #accordion-specifications {
  margin-bottom: 10px; }

.maincontent .table .td-even {
  border: none;
  background: transparent;
  font-weight: 400;
  color: #000000; }

.maincontent .table .td-odd {
  border: none;
  background: transparent;
  font-weight: 500;
  color: #000000; }

.maincontent .table tr {
  display: table-row !important; }
  .maincontent .table tr:nth-child(odd) {
    background: #F4F4F4; }
  .maincontent .table tr:nth-child(even) {
    background: #EAEAEA; }

.maincontent .mileage-payment span.payment-used {
  color: #000000 !important;
  font-weight: 600 !important; }

.maincontent .vehicle-info p {
  font-weight: 400 !important; }

.maincontent .vehicle-info .vehicle-name br {
  display: none; }

.maincontent .vehicle-info .vehicle-name span {
  color: #000000 !important;
  font-weight: 400;
  display: block; }

.maincontent .back-to-top-wrap span#back_to_top_span {
  background-color: #7B061B !important; }

.maincontent .row-sim-veh-heading .view-more-sim-veh {
  color: #000000; }
  .maincontent .row-sim-veh-heading .view-more-sim-veh:hover {
    font-size: 14px !important; }

.maincontent #similarVehicles .vehicle-compare-cell-3:hover {
  border: 1px solid #7B061B; }

.maincontent .modal-content .modal-header-credit-application {
  background-color: #F4F4F4 !important; }

.maincontent .used-veh-basic-info span.payment-used-value {
  color: #AEAFAF !important; }

.maincontent .reqinfo {
  background: none repeat scroll 0 0 #000000 !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #FFFFFF !important; }

.maincontent .modal-header-credit-application {
  background: none repeat scroll 0 0 #7B061B !important; }

.maincontent .btn-next {
  background-color: #7B061B !important; }
  .maincontent .btn-next:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important; }

div.margin-buttons-used button.btn-green {
  background-color: #7B061B !important;
  color: #FFFFFF !important; }

.maincontent .vdp-button {
  background-color: #7B061B !important;
  color: #FFFFFF !important; }

.maincontent .req-info-icon {
  background: #000000 url(https://static.edealer.ca/V3_1/V-3/dist/img/request-info-icon.png) no-repeat 10px center !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #FFFFFF !important; }

.maincontent .modal-header-credit-application {
  background: none repeat scroll 0 0 #7B061B !important; }

.maincontent .btn-next {
  background-color: #7B061B !important; }
  .maincontent .btn-next:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important; }

#casl-consent-a-rmi {
  color: #000000 !important; }

#phone-above .number-phone {
  color: #000000 !important; }

.carousel-control {
  background-color: #F4F4F4 !important;
  color: #000000 !important; }

.maincontent div.row .btn-view-detail {
  background: #7B061B !important;
  color: #FFFFFF !important;
  font-weight: 600; }

.maincontent .colapse-button-new-details {
  background-image: none;
  background-color: #F4F4F4; }

.maincontent small.colapse-button-text {
  color: #000000; }

.maincontent .summary-price-used {
  background: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase; }

.maincontent div.summary-price-used-listing {
  background: #F4F4F4; }

.maincontent .phone-nmb-used {
  color: #7B061B !important; }

.maincontent .text-us-vdp {
  background: none repeat scroll 0 0 #F4F4F4; }
  .maincontent .text-us-vdp .click-sms-sent {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px; }
  .maincontent .text-us-vdp .phone-nmb-used {
    color: #7B061B !important;
    font-weight: 500;
    font-size: 13px; }

.maincontent .location-icon, .maincontent .pay-calc-icon, .maincontent .payment-calculator-box .label-top-calc, .maincontent .form-content-location .summary-price-used, .maincontent .table-options thead td, .maincontent .col-used-label, .maincontent .call-us-label, .maincontent .vehicle-price-4 {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #000000; }

.maincontent .call-us-label {
  text-transform: uppercase;
  font-weight: 500; }

.maincontent .tr-even-used,
.maincontent .tr-even {
  background: #F4F4F4; }

.maincontent .tr-odd-used,
.maincontent .tr-odd {
  background: #FFFFFF; }

.maincontent .payment-calculator-box .calc-upper-input-fonts, .maincontent .payment-calculator-box .top-calc-value, .maincontent .payment-calculator-box .label-bottom-calc-1, .maincontent .payment-calculator-box .bottom-calc-value-1, .maincontent .payment-calculator-box .calc-bottom-input-fonts, .maincontent .payment-calculator-box .bottom-calc-value {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .form-content-location {
  background: #F4F4F4; }
  .maincontent .form-content-location .seller-name, .maincontent .form-content-location .seller-address, .maincontent .form-content-location .phone-nmb-used {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .req-info-form input, .maincontent .req-info-form textarea, .maincontent .req-info-form #casl-consent p {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .req-info-form #casl-consent p {
  color: #000000; }

.maincontent .table-options-text, .maincontent .table-right-col, .maincontent .disclaimer-bottom-page-used p, .maincontent small.colapse-button-text, .maincontent .description, .maincontent .col-used-value, .maincontent .phone-nmb-used, .maincontent .disclaimer-price-used, .maincontent span.vehicle-price-2-new-used, .maincontent .phone-nmb-used-1, .maincontent .info-top-padding-zero, .maincontent .mileage-six-dig-size-used, .maincontent .row.photo-slide-info-row .bordergrey .payment-used-1, .maincontent ol.breadcrumb, .maincontent #RequestMoreInfo label, .maincontent p, .maincontent div, .maincontent ul, .maincontent li {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-name {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .details-content {
  padding-bottom: 40px; }
  .maincontent .details-content .colapse-button-new-spec-1 {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent .details-content p:nth-last-child(1), .maincontent .details-content p:nth-last-child(2), .maincontent .details-content p:nth-last-child(3), .maincontent .details-content p:nth-last-child(4) {
    padding: 0 5px; }

.maincontent .vehicle-year-make-model {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  font-weight: 600; }

.maincontent .vehicle-price-1, .maincontent .mileage-used-info, .maincontent span.bi-weekly-used, .maincontent .disclaimer-price, .maincontent .bi-weekly-used {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent span.vehicle-price-2-new, .maincontent span.vehicle-price-2-new-used {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent div.row .btn-view-detail, .maincontent .mileage-payment, .maincontent table.rebates-table {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent a.btn-build-price-new {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent a.btn-build-price-new:hover {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent div.text-below-thumbs {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .fb_share .fb_iframe_widget iframe {
  width: 250px !important; }

.maincontent .listing-comparison-checkbox {
  align-items: center;
  padding-bottom: 2px; }
  .maincontent .listing-comparison-checkbox label {
    font-weight: 700;
    line-height: 1; }

.maincontent .old-price {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-cta {
  margin-bottom: 10px; }

.maincontent .vehicle-grid-cell .view-details-btn-grid {
  background-color: #7B061B !important;
  color: #FFFFFF !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent .vehicle-grid-cell .view-details-btn-grid:focus, .maincontent .vehicle-grid-cell .view-details-btn-grid:hover {
    background-color: #7B061B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn {
  background-color: #7B061B !important;
  color: #FFFFFF !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn:focus, .maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn:hover {
    background-color: #7B061B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .btns-price-incentives-new .btn-lg {
  background-color: #7B061B !important;
  border: 2px solid #981E32 !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  outline: none; }
  .maincontent .btns-price-incentives-new .btn-lg:hover {
    border-color: #7B061B !important;
    background-color: #7B061B !important; }
  .maincontent .btns-price-incentives-new .btn-lg:active {
    border-color: #981E32 !important;
    background-color: #981E32 !important; }

.maincontent .used-vdp-cta,
.maincontent .vdp-cta-container {
  padding: 5px !important; }

.maincontent .btn-orange-vehicles1,
.maincontent .vdp-button.used-vdp-button {
  border: 2px solid #981E32 !important;
  background-color: #981E32 !important;
  border-radius: 0 !important;
  outline: 0; }
  .maincontent .btn-orange-vehicles1:hover,
  .maincontent .vdp-button.used-vdp-button:hover {
    border-color: #7B061B !important;
    background-color: #7B061B !important; }
  .maincontent .btn-orange-vehicles1:active,
  .maincontent .vdp-button.used-vdp-button:active {
    border-color: #981E32 !important;
    background-color: #981E32 !important; }
  .maincontent .btn-orange-vehicles1 span,
  .maincontent .btn-orange-vehicles1 .vdp-cta-title, .maincontent .btn-orange-vehicles1 .vdp-icon,
  .maincontent .vdp-button.used-vdp-button span,
  .maincontent .vdp-button.used-vdp-button .vdp-cta-title,
  .maincontent .vdp-button.used-vdp-button .vdp-icon {
    color: #FFFFFF !important; }
  .maincontent .btn-orange-vehicles1 span,
  .maincontent .btn-orange-vehicles1 .vdp-cta-title,
  .maincontent .vdp-button.used-vdp-button span,
  .maincontent .vdp-button.used-vdp-button .vdp-cta-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif; }

.maincontent .vdp-button.new-vdp-button {
  border: 2px solid #981E32 !important;
  background-color: #981E32 !important;
  border-radius: 0 !important;
  outline: 0; }
  .maincontent .vdp-button.new-vdp-button:hover {
    border-color: #7B061B !important;
    background-color: #7B061B !important; }
  .maincontent .vdp-button.new-vdp-button:active {
    border-color: #981E32 !important;
    background-color: #981E32 !important; }
  .maincontent .vdp-button.new-vdp-button .vdp-cta-title, .maincontent .vdp-button.new-vdp-button .vdp-icon {
    color: #FFFFFF !important; }
  .maincontent .vdp-button.new-vdp-button .vdp-cta-title {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif; }

.maincontent .modal-title-instock-inventory,
.maincontent .modal-header-credit-application #myModalLabel {
  color: #333333 !important; }

@media (min-width: 768px) {
  .maincontent .panel-collapse {
    padding: 0 15px; } }

@media (min-width: 991px) {
  .maincontent .used-veh-basic-info .bordergrey-name-phone .mileage-used {
    font-size: 12px !important; } }

@media (min-width: 992px) {
  .maincontent .itemoffered-grey {
    background-color: #F4F4F4; } }

@media (min-width: 1024px) {
  .maincontent .panel-body {
    background: #FFFFFF; }
  .maincontent .request-info {
    background: #F4F4F4; }
  .maincontent .mandatory {
    color: #000000; }
  .maincontent .td-even {
    background: #F4F4F4; } }

@media (min-width: 1030px) {
  .maincontent .details-content {
    margin-bottom: 50px; } }

@media (max-width: 997px) {
  .maincontent #nav-v3-ul-top > li {
    border-bottom-color: #4D4F50; } }

/* NEW VDP Styling */
/* Modal header custom color */
/*# sourceMappingURL=inventory-vlp.css.map */
body .maincontent {
  color: #000000; }

.maincontent {
  color: #000000; }
  .maincontent .breadcrumb > li {
    text-transform: uppercase; }
  .maincontent #inventoryDetails .details .rightSide table.detail tbody tr td,
  .maincontent #inventoryDetails .details .rightSide table.detail thead tr th {
    color: #000000;
    border-bottom-color: #F4F4F4; }
    .maincontent #inventoryDetails .details .rightSide table.detail tbody tr td:hover,
    .maincontent #inventoryDetails .details .rightSide table.detail thead tr th:hover {
      background: #EAEAEA !important; }
  .maincontent #inventoryDetails .details .rightSide table.detail tr:nth-child(even) td {
    background: #F4F4F4 !important; }
  .maincontent span.bi-weekly-used, .maincontent .disclaimer-price, .maincontent .bi-weekly-used {
    color: #000000 !important;
    font-weight: 500 !important; }
  .maincontent .v3-filter-top {
    background: #EAEAEA; }
  .maincontent .v3-filter-bottom {
    background: #F4F4F4; }
  .maincontent h1,
  .maincontent h2,
  .maincontent h3,
  .maincontent h4,
  .maincontent h5,
  .maincontent h6,
  .maincontent .h1,
  .maincontent .h2,
  .maincontent .h3,
  .maincontent .h4,
  .maincontent .h5,
  .maincontent .h6 {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif, Arial; }
  .maincontent .overview-content p {
    color: #000000; }
  .maincontent .reqinformation-used a {
    color: #000000; }
  .maincontent .tab-pane .trim-selection-bar,
  .maincontent .tab-pane .drivetrain-selection-bar {
    color: #000000;
    background: none repeat scroll 0 0 #F4F4F4; }
  .maincontent .table-incentives thead {
    background: #F4F4F4 !important; }
    .maincontent .table-incentives thead .table-incentives-head {
      border-bottom-color: #F4F4F4; }
  .maincontent .mobile-disclaimer {
    color: #000000; }
  .maincontent .table-col {
    color: #000000; }
  .maincontent #link_contact_seller {
    color: #000000;
    font-weight: 400 !important; }
  .maincontent span.sel-trim,
  .maincontent label.sel-trim {
    color: #000000 !important; }
  .maincontent table.table > tbody > tr > td {
    border-top-color: #EAEAEA;
    color: #000000; }
  .maincontent .table-hover > tbody > tr:hover > td,
  .maincontent .table-hover > tbody > tr:hover > th {
    background-color: #F4F4F4; }
  .maincontent .payment-calculator-box .new-calc-clear-form
a#get-directions {
    color: #000000 !important; }
  .maincontent .bordergrey {
    background: #F4F4F4; }
  .maincontent .bordergrey-name-phone {
    background: #F4F4F4 url(../img/vert-line.png) no-repeat; }
  .maincontent .location-icon {
    background: #F4F4F4 url(../img/location-icon.png) no-repeat; }
  .maincontent .payment-calculator-box .label-top-calc {
    color: #000000 !important; }
  .maincontent .payment-calculator-box .new-calc-clear-form {
    color: #000000 !important; }
  .maincontent .nav-v3-ul-mobile select {
    background: #FFFFFF;
    border-color: #EAEAEA; }
  .maincontent .summary-information2 {
    background: #F4F4F4; }
  .maincontent .old-price1 {
    color: #000000; }
  .maincontent .vehicleonly {
    color: #000000; }
  .maincontent .pay-calc-icon {
    background: #EAEAEA url(../img/payment-caalculator-icon.png) no-repeat; }
  .maincontent #show-more-filters-mobile {
    background-color: #333333 !important;
    color: #FFFFFF !important; }
  .maincontent #nav-v3-ul-heading,
  .maincontent #nav-v3-ul-top,
  .maincontent #nav-v3-ul-bottom {
    border-left-color: #EAEAEA; }
    .maincontent #nav-v3-ul-heading > li:hover,
    .maincontent #nav-v3-ul-top > li:hover,
    .maincontent #nav-v3-ul-bottom > li:hover {
      background: url("../images/list-down-arrow-hover.png") no-repeat scroll 95% 14px #333333 !important; }
  .maincontent .vehicle-year-make-model-1 span {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif, Arial; }
  .maincontent span.vehicle-price-2-new, .maincontent span.vehicle-price-2-new-used {
    color: #000000 !important;
    font-weight: 500 !important; }
  .maincontent .discount-align {
    width: initial; }
  .maincontent .vehicle-year-make-model, .maincontent .vehicle-price-1 {
    color: #000000 !important; }
  .maincontent .image-bar-used {
    background: none repeat scroll 0 0 #000000; }
  .maincontent .image-bar {
    background-color: transparent !important;
    border: 2px solid #7B061B;
    color: #333333 !important;
    font-weight: 500;
    margin-top: 10px; }
    .maincontent .image-bar a {
      font-weight: 500 !important;
      color: #000000 !important;
      font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.info-top-padding-zero {
  padding: 0; }

.maincontent .payment-used, .maincontent .vehicle-price-2-new {
  font-weight: 600 !important; }

.compare-checkbox-btn {
  border: 2px solid #7B061B !important; }

.maincontent .compare-checkbox-input {
  margin-top: 1px !important; }

.maincontent h2.vehicle-infoline {
  color: #000000 !important;
  font-weight: bold;
  text-transform: none; }

.maincontent a.btn-build-price-new {
  background-color: #981E32 !important;
  border: 2px solid #981E32 !important; }
  .maincontent a.btn-build-price-new:hover {
    background-color: #7B061B !important;
    border-color: #7B061B !important; }

.maincontent .btns-price-incentives-new .btn-build-price-new:hover, .maincontent .btns-price-incentives-new .btn-build-price-new:focus, .maincontent .btns-price-incentives-new .btn-build-price-new:active, .maincontent .btns-price-incentives-new .btn-build-price-new.active {
  background-color: #7B061B !important; }

.maincontent a.btn-incentives-new {
  background-color: #333333 !important; }
  .maincontent a.btn-incentives-new:hover {
    background-color: #333333 !important; }

.maincontent .vdp-button.new-vdp-button, .maincontent .hg-buttons .used-button-columns button#request-info {
  background-color: #333333 !important; }

.maincontent .options-description-used .glyphicon-color, .maincontent #details-content .glyphicon-color {
  color: #7B061B !important; }

.maincontent a#get-directions {
  color: #AEAFAF; }

.maincontent a#readMore, .maincontent a#readLess {
  color: #EAEAEA !important; }

.maincontent .vehicle-list-cell .request-information {
  background-color: #333333 !important; }

.maincontent .vehicle-list-cell .view-details-button {
  background-color: #7B061B !important;
  color: #000000; }
  .maincontent .vehicle-list-cell .view-details-button:hover {
    background-color: #7B061B !important; }

input#calculate-payments {
  background: #333333 !important;
  color: #FFFFFF FFF; }

.payment-calculator-base .sect-5 .cta:nth-child(1) .ctas_container {
  background-color: #7B061B !important; }
  .payment-calculator-base .sect-5 .cta:nth-child(1) .ctas_container:hover {
    background-color: #7B061B !important; }

.payment-calculator-base .sect-5 .cta:nth-child(2) .ctas_container {
  background-color: #7B061B !important; }
  .payment-calculator-base .sect-5 .cta:nth-child(2) .ctas_container:hover {
    background-color: #333333 !important; }

.payment-calculator-base .sect-5 .cta:nth-child(3) .ctas_container, .payment-calculator-base .sect-5 .cta:nth-child(4) .ctas_container {
  border: 2px solid #7B061B !important;
  background-color: #F4F4F4 !important;
  color: #000000; }

.payment-calculator-base .sect-5 .cta:nth-child(3) .ctas_container:hover, .payment-calculator-base .sect-5 .cta:nth-child(4) .ctas_container:hover {
  background-color: #F4F4F4 !important; }

#link_contact_seller {
  background-color: transparent !important;
  color: #333333 !important;
  border: 2px solid #7B061B !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent h2.request-info-heading-new {
  background-color: #F4F4F4 !important; }

.btn-orange-vehicles1 span {
  font-weight: bold; }

.maincontent h1.heading-year-make-model {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .headinggrey {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .options-details-used-1 .colapse-button-new-details .colapse-button-new-detail, .maincontent .options-details-used-1 .colapse-button-new-details .expanded-button-new-detail {
  color: #000000 !important;
  background-image: url(https://static.edealer.ca/vw/images/colapse-right-vw.png) !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif; }

.maincontent .rebates-table > tbody > tr.price-final td.right-td.hg-final-price {
  font-size: 18px !important;
  color: #AEAFAF !important; }

.maincontent .discl {
  color: #000000; }

div[id^="accordion-"] {
  color: #000000 !important; }

.maincontent #package-content-accordion .morelink, .maincontent a[id^="readMore"] {
  color: #EAEAEA !important; }

.maincontent .details-content a .colapse-button-new-spec-1 {
  background-image: url(https://static.edealer.ca/vw/images/colapse-right-vw.png) !important;
  background: url(https://static.edealer.ca/vw/images/colapse-right-vw.png) no-repeat !important; }

.maincontent .details-content a.collapsed .colapse-button-new-spec-1 {
  background-image: url(https://static.edealer.ca/vw/images/colapse-down-vw.png) !important;
  background: url(https://static.edealer.ca/vw/images/colapse-down-vw.png) no-repeat !important; }

.maincontent .mileage-payment span.payment-used {
  color: #000000 !important;
  font-weight: 600 !important; }

.maincontent .vehicle-info .vehicle-name span {
  color: #000000 !important; }

.maincontent .back-to-top-wrap span#back_to_top_span {
  background-color: #7B061B !important; }

.maincontent .row-sim-veh-heading .view-more-sim-veh {
  color: #000000; }
  .maincontent .row-sim-veh-heading .view-more-sim-veh:hover {
    font-size: 14px !important; }

.maincontent #similarVehicles .vehicle-compare-cell-3:hover {
  border: 1px solid #7B061B; }

.maincontent .modal-content .modal-header-credit-application {
  background-color: #F4F4F4 !important; }

.maincontent .used-veh-basic-info span.payment-used-value {
  color: #AEAFAF !important; }

.maincontent .reqinfo {
  background: none repeat scroll 0 0 #000000 !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #FFFFFF !important; }

#view-incentives-button.btn-incentives-new {
  border: 2px solid #981E32 !important;
  background-color: #981E32 !important; }
  #view-incentives-button.btn-incentives-new:hover {
    border-color: #7B061B !important;
    background-color: #7B061B !important; }
  #view-incentives-button.btn-incentives-new:active {
    border-color: #981E32 !important;
    background-color: #981E32 !important; }

.maincontent .modal-header-credit-application {
  background: none repeat scroll 0 0 #7B061B !important; }

.maincontent .btn-next {
  background-color: #7B061B !important; }
  .maincontent .btn-next:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important; }

.maincontent div.used-veh-basic-info .btn-orange-vehicles1 {
  background-color: #7B061B !important;
  color: #FFFFFF !important; }

div.margin-buttons-used button.btn-green {
  background-color: #7B061B !important;
  color: #FFFFFF !important; }

.maincontent .vdp-button {
  background-color: #7B061B !important;
  color: #FFFFFF !important; }

.maincontent .req-info-icon {
  background: #000000 url(https://static.edealer.ca/V3_1/V-3/dist/img/request-info-icon.png) no-repeat 10px center !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #FFFFFF !important; }

.maincontent .modal-header-credit-application {
  background: none repeat scroll 0 0 #7B061B !important; }

.maincontent .btn-next {
  background-color: #7B061B !important; }
  .maincontent .btn-next:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important; }

#casl-consent {
  color: #000000; }

#casl-consent-a-rmi {
  color: #000000 !important; }

#phone-above .number-phone {
  color: #7B061B !important; }

.carousel-control {
  background-color: #F4F4F4 !important;
  color: #000000 !important; }

.maincontent div.row .btn-view-detail {
  background: #7B061B !important;
  color: #FFFFFF !important;
  font-weight: 600; }

.maincontent .colapse-button-new-details {
  background-image: none;
  background-color: #F4F4F4; }

.maincontent small.colapse-button-text {
  color: #000000; }

.maincontent .summary-price-used,
.maincontent div.summary-price-used-listing {
  background: #F4F4F4; }

.maincontent .phone-nmb-used {
  color: #7B061B !important; }

.maincontent .text-us-vdp {
  background: none repeat scroll 0 0 #F4F4F4; }
  .maincontent .text-us-vdp .phone-nmb-used {
    color: #7B061B !important; }

.maincontent .location-icon, .maincontent .pay-calc-icon, .maincontent .payment-calculator-box .label-top-calc, .maincontent .form-content-location .summary-price-used, .maincontent .table-options thead td, .maincontent .col-used-label, .maincontent .call-us-label, .maincontent .vehicle-price-4 {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .tr-even-used,
.maincontent .tr-even {
  background: #F4F4F4; }

.maincontent .tr-odd-used,
.maincontent .tr-odd {
  background: #FFFFFF; }

.maincontent .payment-calculator-box .calc-upper-input-fonts, .maincontent .payment-calculator-box .top-calc-value, .maincontent .payment-calculator-box .label-bottom-calc-1, .maincontent .payment-calculator-box .bottom-calc-value-1, .maincontent .payment-calculator-box .calc-bottom-input-fonts, .maincontent .payment-calculator-box .bottom-calc-value {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .form-content-location .seller-name, .maincontent .form-content-location .seller-address, .maincontent .form-content-location .phone-nmb-used {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .req-info-form input, .maincontent .req-info-form textarea, .maincontent .req-info-form #casl-consent p {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .req-info-form #casl-consent p {
  color: #000000; }

.maincontent .table-options-text, .maincontent .table-right-col, .maincontent .disclaimer-bottom-page-used p, .maincontent small.colapse-button-text, .maincontent .description, .maincontent .col-used-value, .maincontent .phone-nmb-used, .maincontent .disclaimer-price-used, .maincontent span.vehicle-price-2-new-used, .maincontent .phone-nmb-used-1, .maincontent .info-top-padding-zero, .maincontent .mileage-six-dig-size-used, .maincontent .row.photo-slide-info-row .bordergrey .payment-used-1, .maincontent ol.breadcrumb, .maincontent #RequestMoreInfo label, .maincontent p, .maincontent div, .maincontent ul, .maincontent li {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent span.vehicle-year {
  color: #000000 !important; }

.maincontent span.vehicle-name {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  color: #000000;
  font-weight: 400;
  text-transform: uppercase; }

.maincontent .details-content .colapse-button-new-spec-1 {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-year-make-model {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important;
  font-weight: 600; }

.maincontent .vehicle-price-1, .maincontent .mileage-used-info, .maincontent span.bi-weekly-used, .maincontent .disclaimer-price, .maincontent .bi-weekly-used {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent span.vehicle-price-2-new, .maincontent span.vehicle-price-2-new-used {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent div.row .btn-view-detail, .maincontent .mileage-payment, .maincontent table.rebates-table {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent a.btn-build-price-new {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent a.btn-build-price-new:hover {
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .btns-price-incentives-new .btn-red-0 {
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 500; }

.maincontent div.text-below-thumbs {
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent div.modal-body a {
  color: #EAEAEA !important; }

.maincontent .fb_share .fb_iframe_widget iframe {
  width: 250px !important; }

.maincontent .listing-comparison-checkbox {
  align-items: center;
  padding-bottom: 2px; }
  .maincontent .listing-comparison-checkbox label {
    font-weight: 700;
    line-height: 1; }

.maincontent .old-price {
  color: #000000;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-cta {
  margin-bottom: 10px; }

.maincontent .vehicle-grid-cell .view-details-btn-grid {
  background-color: #7B061B !important;
  color: #FFFFFF !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent .vehicle-grid-cell .view-details-btn-grid:focus, .maincontent .vehicle-grid-cell .view-details-btn-grid:hover {
    background-color: #7B061B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn {
  background-color: #7B061B !important;
  color: #FFFFFF !important;
  font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }
  .maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn:focus, .maincontent .vehicle-grid-cell .btn-view-detail-1.check-availability-btn:hover {
    background-color: #7B061B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", Cambria, Times New Roman, Times, serif !important; }

.maincontent .vdp-button.new-vdp-button {
  border: 3px solid #7B061B !important;
  background-color: transparent !important; }
  .maincontent .vdp-button.new-vdp-button .vdp-cta-title, .maincontent .vdp-button.new-vdp-button .vdp-icon {
    color: #333333 !important; }

.maincontent .modal-header-credit-application #myModalLabel {
  color: #333333 !important; }

@media (min-width: 768px) {
  .maincontent .payment-calculator-base .sect-2 .select-plan .inputs .input {
    background: #F4F4F4; } }

@media (min-width: 991px) {
  .maincontent .used-veh-basic-info .bordergrey-name-phone .mileage-used {
    font-size: 12px !important; } }

@media (min-width: 992px) {
  .maincontent .itemoffered-grey {
    background-color: #F4F4F4; } }

@media (min-width: 1024px) {
  .maincontent .panel-body {
    background: #FFFFFF; }
  .maincontent .colapse-button-new-spec {
    background: #EAEAEA; }
  .maincontent .request-info {
    background: #F4F4F4; }
  .maincontent .mandatory {
    color: #000000; }
  .maincontent .td-even {
    background: #F4F4F4;
    border-color: #EAEAEA; }
  .maincontent .td-odd {
    border-color: #EAEAEA; }
  .maincontent .vehicle-price-info {
    background: #F4F4F4; }
  .maincontent h2.reqinfo {
    background: none repeat scroll 0 0 #000000 !important; }
  .maincontent a.btn-back-top {
    background: #981E32 !important; }
    .maincontent a.btn-back-top:hover {
      background: #7B061B !important; }
  .maincontent h2.vehname-tabs {
    color: #000000 !important; }
  .maincontent .start-from {
    color: #000000 !important; }
  .maincontent .nav.nav-tabs-details > li {
    background: #333333; }
    .maincontent .nav.nav-tabs-details > li.active > a {
      color: #FFFFFF;
      background: #7B061B !important; }
    .maincontent .nav.nav-tabs-details > li > a {
      color: #FFFFFF; }
      .maincontent .nav.nav-tabs-details > li > a:hover {
        background: #981E32 !important; }
  .maincontent div.pop_top2 h2 {
    color: #000000 !important; } }

@media (max-width: 997px) {
  .maincontent #nav-v3-ul-top > li {
    border-bottom-color: #4D4F50; } }

/* NEW VDP Styling */
/* Modal header custom color */
/*# sourceMappingURL=inventory-vlp.css.map */

/*# sourceMappingURL=showroom-vdp.css.map */