.calculator .cost-info, .compare-info-left, .compare-info-right {
    color: #000000;
}
.calculator .pageContent h2 {
    font-size: 2.4rem;
    display: inline-block;
    border-bottom: 1px solid;
    text-transform: uppercase;
    color: #387c2c;
}

.calculator p {
    font-size: 1.4rem;
    color: #000000;
}

.calculator p > a {
    color: #387C2C;
    font-weight: 700;
}

.calculator .cost-results h3 {
    font-size: 2rem;
    color: #000000;
}

.calculator .globalClass input  {
    height: 48px;
}

.calculator .form-item__dropdown select {
    height: 48px;
}

.calculator .globalClass .form-item__dropdown::after {
    display: block !important;
}

.calculator .form-item__textfield{
    border: 1px solid #000000;
}

.calculator .results-note {
    color: #000000;
    padding: 3px 0 10px 15px;
    font-size: 1.2rem;
}

.calculator input#edit-calculate-cost-submit {
    font-size: 1.6rem;
}

.calculator .globalClass legend {
   display: none;
}

.calculator .webform-button--submit {
    text-align: center;
}

.calculator .calculate-cost {
    transform: skewX(-30deg);
    margin: 20px;
    background: white;
    color: #387c2c;
    padding: 8px 60px;
    top: 0;
    left: 0;
    border: 1px solid #387c2c;
    cursor: pointer;
 }

.calculator .calculate-cost:hover {
    background: #387c2c;
    color: white;
    background-blend-mode: multiply;
    transition: 0.25s all ease-in-out;
    text-decoration: none;
}

.calculator .calculate-cost span {
   display: inline-block;
    transform: skewX(30deg);
    font-size: 16px;
}

.calculator .col-md-12 .button, .calculator .col-md-5 .button  {
   transform: skewX(-30deg);
    margin: 20px;
    background: white;
    color: #387c2c;
    padding: 8px 16px;
    top: 0;
    left: 0;
    border: 1px solid #387c2c;
    cursor: pointer;
}
 
.calculator .col-md-12 .button:hover, .calculator .col-md-5 .button:hover {
    background: #387c2c;
    color: white;
    background-blend-mode: multiply;
    transition: 0.25s all ease-in-out;
    text-decoration: none;
}
 
.calculator .button span {
    display: inline-block;
    transform: skewX(30deg);
}
 
.calculator .button a {
    display: inline-block;
    transform: skewX(30deg);
    color: #387c2c;
    text-decoration: none;
}
 
.calculator .button:hover a{
   text-decoration: none;
    color: white;
}

.calculator .col-md-7 {
   flex-basis: 60%;
}

.calculator .col-md-5 {
   flex-basis: 40%;
}

.calculator .cost-info {
   font-size: 2.4rem;
}

.calculator .col-md-5 .button span {
  font-size: 1.6rem;
}

.calculator .compare {
    transform: skewX(-30deg);
    margin: 20px;
    background: white;
    color: #387c2c;
    padding: 8px 60px;
    top: 0;
    left: 0;
    border: 1px solid #387c2c;
    cursor: pointer;
 }

.calculator .compare:hover {
    background: #387c2c;
    color: white;
    background-blend-mode: multiply;
    transition: 0.25s all ease-in-out;
    text-decoration: none;
}

.calculator .compare span {
   display: inline-block;
    transform: skewX(30deg);
    font-size: 16px;
}

.calculator input#edit-compare-submit {
    font-size: 1.6rem;
}

.calculator .container {
    background-color: #eee;
    padding: 40px;
}

.calculator .step-two-results .container {
    text-align: center;
}

.calculator .step-two-results .container  {
    text-align: center;
}

.calculator .step-two-results .container .col-md-12 {
    padding-top: 30px;
}

.calculator .row .center .compare-info-left, .compare-info-right {
    font-size: 2.4rem;
}

.calculator .find-a-dealer {
    font-size: 1.6rem;
}

.calculator .cost-info span {
    color: #387c2c;
}

.calculator .compare-info-right span {
    color: #387c2c;
}

.calculator .select2-selection__arrow {
  display: none;
}

.calculator .globalClass .globalElement .form-item__dropdown .select2-selection, .globalClass .js-form-item .form-item__dropdown .select2-selection, .globalClass .globalTextElement .form-item__dropdown .select2-selection{
  height: 48px !important;
}

.calculator .globalClass .globalElement .form-item__dropdown .select2-selection__rendered, .globalClass .js-form-item .form-item__dropdown .select2-selection__rendered, .globalClass .globalTextElement .form-item__dropdown .select2-selection__rendered {
  padding: 10px !important;
}

.calculator .select2-container--default .select2-selection--single {
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

@media (min-width: 375px) {
   .calculator .globalClass {
        max-width: 34rem;
    }
  .calculator .globalClass .form-item {
     max-width: 34rem;
      width: 100%;
  }
  .calculator fieldset#edit-cost-calculator {
    flex-direction: column;
  }
  .calculator .cost-results .row {
      flex-direction: column;
  }
   .calculator .col-md-5 {
      padding-top: 30px;
   }

 .calculator .globalClass .js-form-item input {
     width: 34rem;
 }
}

@media (min-width: 375px) and (max-width: 767px) {
.globalClass .globalElement, .globalClass .js-form-item, .globalClass .globalTextElement {
    max-width: 34rem !important;
    width: 100% !important;
}
}

@media (min-width: 768px) {

  .calculator .globalClass {
   max-width: 114rem;
}

  .calculator .globalClass .form-item {
      width: 35rem;
  }
    .calculator .globalClass .globalElement, .globalClass .js-form-item, .globalClass .globalTextElement {
        max-width: 114rem;
        width: 100%;
    }
   .calculator fieldset#edit-cost-calculator {
       display: flex;
       flex-direction: row;
   }
  .calculator .cost-results .row {
     display: flex;
      flex-direction: row;
  }
   .calculator .col-md-5 {
      padding-top: 0;
   }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .calculator .globalClass {
            max-width: 65rem;
        }
    .calculator .globalClass .form-item {
          width: 20.6rem;
    }
}