@charset "UTF-8";
/* ==========================================================================
    Helpers
   ========================================================================== */
.clearfix::before, .clearfix::after {
    content:"";
    display:table;
}
.clearfix::after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.p15-0 {
  padding: 15px 0;
}

.fz20 {
  font-size: 20px;
}

.fz16 {
  font-size: 16px;
}

.tt-u {
  text-transform: uppercase;
}

.mb15 {
  margin-bottom: 15px;
}

.mb5 {
  margin-bottom: 5px;
}

.mr10 {
  margin-right: 10px;
}

.pr10 {
  padding-right: 10px;
}

.button.button.button--global {
  background: #fff;
  color: #686868;
  border: 1px solid #686868;
  height: auto;
  margin-bottom: 0;
  font-size: 14px;
  padding: 5px 7px;
  border-radius: 3px;
  line-height: 1.2;
}
.button.button.button--global:hover {
  border-color: #b52532;
  background: #b52532;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.275px;
}
.pos-r {
  position: relative;
}
.small-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 0;
}
/* ==========================================================================
    Registration
   ========================================================================== */
.balance-holder .paid-installements .month {
  line-height: 34px;
}
.tabs-content .alert-box{
  background: #fff0f0;
}
.registration__progress {
  display: inline-block;
  width: 100%;
  margin: 40px 0 10px; }
  .registration__progress li {
    background: #f4f4f2;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700;
    float: left;
    text-align: center;
    line-height: 54px;
    height: 54px;
    border: 1px solid #9e9e9e;
    border-left-width: 0px;
    border-right-width: 0px; }
    .registration__progress li:first-child {
      border-left-width: 1px;
    }
    .registration__progress li:last-child {
      border-right-width: 1px;
    }
    .registration__progress li:not(:last-child):after {
      content: "";
      height: 54px;
      width: 23px;
      float: right;
      position: relative;
      right: -20px;
      z-index: 1;
      background: url("../img/bg-progress-1.png") no-repeat right -1px;
      background-size: 100% 100%;
      margin: 0 0 0 -25px; }
    .registration__progress li.current {
      background: #b52532;
      color: #fff;
      border: none;
      line-height: 52px; }
      .registration__progress li.current:not(:last-child):after {
        background: url("../img/bg-progress-2.png") no-repeat right -1px;
      }
        .registration__progress li.passed:not(:last-child):after {
          background: url("../img/bg-progress-3.png") no-repeat right -1px;
        }
    .registration__progress li.passed {
      border-color: #b52532;
      color: #b52532; }

.registration__intro {
  font-size: 0.933em;
  margin-bottom: 15px;
  font-weight: 600;
}
.registration__intro.light {
  color: #4a4a4a;
}
.registration__intro .inside-text-image img {
    height: 18px; }

.label--section {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px; }
  .label--section.light {
    color: #4a4a4a;
  }
  .label--section.up {
    text-transform: uppercase;
  }
  .details-select_existed .row:last-child .label--section {
    display: inline;
  }
  .label--section span {
    font-weight: normal;
    text-transform: none;
  }
 .label--section.label--account-number, .label--section.label--nickname {
  text-transform: uppercase;
 }
 .details {
  width: 100%;
  /*max-height: 800px;*/
  width: 100%;
  transition: 1.5s;
  display: inline-block;
  clear: both;
 }
 .one-time-content-register .details {
  border: none;
  padding: 0px;
  margin: 0px;
 }
 .details.hidden {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
  color: red;
  transition: 1.5s;
  position: relative;
  z-index: -1;
 }
 .details.muted {
  opacity: .5;
 }
 .details-existed-list {
  margin-left: 10px;
 }
.form--registration h2 {
  background: #b52532;
  color: #fff;
  font-size: 24px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 40px 5px 20px;
  margin: 0px;
  font-weight: bold;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }
  .form--registration h2 .delete {
    background: url("../img/icons/icon-delete-white.png") no-repeat center center;
    position: absolute;
    right: 8px;
    top: 8px;
    display: none;
    width: 25px;
    height: 25px;
  }
  .form--registration h2 .delete.visible {
    display: block;
  }
  .form--registration h2.add-account {
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .form--registration h2 .plus {
    background: #fff;
    color: #b52532;
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -12px 0 0;
    font-size: 34px;
    line-height: 24px;
    /*font-family: 'dax_otcond_extrabold';*/
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center; }
.form--registration p {
  font-size: 13px; }
  .form--registration p.upp-paragraph {
    text-transform: uppercase;
  }
  .form--registration p.get-news-info {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 700;
  }
  .form--registration p.identify__intro {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin: -7px 0 2px; }
.form--registration .row {
  position: relative; }
  .form--registration .row--custom {
    padding: 32px 0 0; }
.form--registration .input--box, .form--registration .select--box {
  margin-bottom: 1rem; }
  .form--registration .input--box[type="button"] {
    color: #b52532;
    cursor: pointer;
    font-weight: bold;
  }
.form--registration .learn-more {
  background: #f6e6e2;
  position: relative;
  padding: 7px 12px;
  margin: 0 0 17px; }
.form--registration h1 small, .form--registration h2 small, .form--registration h3 small, .form--registration h4 small, .form--registration h5 small, .form--registration h6 small {
  line-height: normal;
  padding-left: 0.66667rem !important;
  padding-right: 0.66667rem !important; }

.form__container {
  margin: 0 0 25px; }
  .form__container .form__section {
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px; }

.form__section {
  padding: 12px 20px;
  position: relative;
  border: 1px solid #b52532;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }
  
  .account-block .form__section {
    padding: 37px 20px 37px;
  }

  .form__section input.input--box, .form__section select.select--box {
    border: 1px solid #b52532;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0px; }
  .form__section .error input.input--box, .form__section .error select.select--box {
    margin: 0 0 15px; }
  .form__section__caption {
    position: absolute;
    left: 100%;
    bottom: -1px;
    width: 100px;
    height: 100%;
    border: 1px solid #b52532;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
    .form__section__caption .minor-account {
      color: #000;
      font-size: 18px;
      font-weight: 700;
      display: block;
      padding: 0 15px;
      line-height: normal;
      margin: 40% 0 0; }
    .form__section__caption .major-account {
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: relative;
      top: 50%;
      margin: -23px 0 0;
      display: block;
      color: #000;
      font-size: 24px;
      line-height: 32px;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
      display: none; }
    .form__section__caption input[type="radio"] + a.toggle {
      margin: 0px; }

.form__container .form__section__caption .minor-account {
  margin: 120% 0 0; }

.form--registration .active .minor-account, .form--registration .active input[type="radio"] + a.toggle {
  display: none; }
.form--registration .active .major-account {
  display: block; }
.form--registration .active .control-nav li .delete {
  display: none; }

.label--checkbox, .label--inline-checkbox {
  font-size: 13px;
  margin-bottom: 10px;
  cursor: pointer; }

  .one-time-payment .label--checkbox, .one-time-payment .label--inline-checkbox {
    text-align: left;
  }
  .one-time-payment .checkbox-wrap {
    padding-bottom: 15px;
  }

.label--inline-checkbox {
  color: #333;
  display: inline; }

  .label--inline-checkbox a {
    font-weight: 700;
    text-decoration: none;
  }
  .label--inline-checkbox a:hover {
    text-decoration: underline;
  }

.learn-more__label {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: bold;
  font-style: italic; }
  .learn-more__label--arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -10px 0 0;
    border-left: 10px solid #4a4a4a;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.learn-more__box {
  display: block;
  position: absolute;
  left: 100%;
  top: 0px;
  z-index: 1;
  width: 450px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 0;
  font-size: 16px;
  color: #757575;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); }
  .learn-more__box p {
    margin: 10px 15px;
    font-size: 16px; }
  .learn-more__box:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 18px;
    background: url("../img/tooltip-arrow.png") no-repeat left transparent;
    position: absolute;
    top: 10px;
    left: -11px;
    z-index: 99; }

.learn-more__icon {
  background: #c0c0c0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  cursor: help !important; }
  .learn-more__icon:hover {
    color: #fff; }

.form--registration .learn-more__box img {
  max-width: 95%;
  float: right;
  margin: 0 0 10px 0; }

.registration__accordion {
  margin: 0 0 5px; }
  .registration__accordion .accordion-navigation {
    width: 100%;
    float: left;
    position: relative; }
    .registration__accordion .accordion-navigation > a {
      background: #fff;
      border: 1px solid #b52532;
      color: #4a4a4a;
      font-size: 14px;
      font-weight: bold;
      border-radius: 3px;
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      text-decoration: none;
      text-align: center; }
      .registration__accordion .accordion-navigation > a:hover {
        background: #fafafa;
      }
    .registration__accordion .accordion-navigation.active > a {
      color: #fff;
      background-color: #b52532;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-color: #b52532; }
    .registration__accordion .accordion-navigation.checked > a {
      background-image: url("../img/checkmark.png");
      background-repeat: no-repeat;
      background-position: right -25px; }
    .registration__accordion .accordion-navigation.checked.active > a {
      background-position: right 9px; }

.registration__accordion .content {
  font-size: 13px;
  border: 1px solid #b52532;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  z-index: 1; }
  .registration__accordion .content .input--box {
    font-size: 13px;
    margin-bottom: 0; }

.registration .form__buttons {
  margin: 0 0 25px; }
  .registration .form__buttons .button {
    width: 100%;
    max-width: 200px;
    font-size: 18px;
    padding: 8px 15px;
    margin: 0 0 1.25rem;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .registration .form__buttons .next-step {
    border: 1px solid #b52532;
    float: right; }
    .registration .form__buttons .next-step.disabled {
      background: rgba(0, 73, 144, 0.5);
      cursor: default; }

.start-over {
  background: #fff;
  color: #666;
  border: 1px solid #666; }

.panel-textarea {
  background: #f6f6f6;
  border: 1px solid #dededc;
  padding: 12px 15px; }

.panel--terms {
  height: 180px;
  padding: 0 10px 0 0;
  overflow-y: scroll; }

.accept-terms {
  text-align: right;
  margin-bottom: 17px; }

.registration__confirmation {
  color: #b52532;
  /*font-family: "dax_otcond_medium";*/
  font-size: 48px;
  margin-bottom: 40px; }
  .registration__confirmation img {
    vertical-align: middle;
    margin-bottom: 3px; }

.registration__check a {
  text-decoration: underline; }
.registration__check img {
  margin-bottom: 35px; }

.form--registration[data-abide] .error small.error, .form--registration[data-abide] .error span.error, .form--registration[data-abide] span.error, .form--registration[data-abide] small.error {
  margin-top: -9px;
  margin-bottom: 3px; }

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  background: transparent;
  color: #b52532;
  padding-left: 0;
  font-size: 12px;
  font-style: normal;
  padding-top: 0;
  font-family: "Open sans", sans-serif; }
  [data-abide] .error small.error p, [data-abide] .error span.error p, [data-abide] span.error p, [data-abide] small.error p {
    font-size: 12px;
    margin: 0; }

.error label, .error label.error {
  color: #b52532; }

.error .input--box, .error .select--box, .error input[type="text"], .error input[type="password"], .error input[type="date"], .error input[type="datetime"], .error input[type="datetime-local"], .error input[type="month"], .error input[type="week"], .error input[type="email"], .error input[type="number"], .error input[type="search"], .error input[type="tel"], .error input[type="time"], .error input[type="url"], .error input[type="color"], .error textarea, .error-email .input--box, .error-email .select--box, .error-email input[type="text"], .error-email input[type="password"], .error-email input[type="date"], .error-email input[type="datetime"], .error-email input[type="datetime-local"], .error-email input[type="month"], .error-email input[type="week"], .error-email input[type="email"], .error-email input[type="number"], .error-email input[type="search"], .error-email input[type="tel"], .error-email input[type="time"], .error-email input[type="url"], .error-email input[type="color"], .error-email textarea {
  border: 1px solid #b52532; }

.my-account-nav .select-wrap.error select, .request-block .select-wrap.error select {
  border: 1px solid #b52532;
}
.my-account-nav {
  padding-bottom: 5px;
}
.form--registration[data-abide] .accordion.registration__accordion input + .error, .form--registration[data-abide] .accept-terms.error small.error {
  margin: 8px 0 0 0;
  padding: 0; }

.first-login {
  margin: 0 auto;
  padding: 70px 0; }
  .first-login h2 {
    color: #b52532;
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0 0 30px 0; }
    .first-login h2 img {
      height: 40px;
      vertical-align: top;
      margin-top: 10px; }
  .first-login form {
    max-width: 350px;
    margin: 0 auto; }
  .first-login .button {
    width: 100%;
    margin-top: 5px; }
  .first-login a.forgot-pwd {
    display: block;
    text-align: center;
    font-size: 13px; }

.newsletter-signup {
  padding-left: 0;
  padding-right: 0; }
  .newsletter-signup .first-login {
    padding-top: 25px; }
  .newsletter-signup .first-login__entry-text {
    width: 65%;
    margin: 0 auto; }

.note-block {
  border: 1px solid #b52532;
  padding: 8px 20px 12px 70px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 20px; }
  .note-block__info {
    background: #b52532;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 25px;
    top: 50%;
    margin: -12px 0 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: "Times New Roman", Times, serif; }
  .note-block p {
    color: #4a4a4a;
    font-size: 16px;
    /*font-family: 'dax_otcond_bold';*/
    line-height: normal;
    margin: 0px; }

.account-block {
  background: #f2f2f2;
  margin: 0 0 15px;
  display: none;
  opacity: 0; }

.mandatory {
  color: #b52532;
}

.input-margin {
  margin-bottom: 0px!important;
}

.form__section .form__section__result {
  margin: 0px; }
  .form__section .form__section__result .account-number-title, .form__section .form__section__result .account-number-result, .form__section .form__section__result .id-title, .form__section .form__section__result .nickname-title, .form__section .form__section__result .nickname-result {
    color: #000;
    font-size: 18px;
    margin: 0px;
    font-weight: normal; }
  .form__section .form__section__result .account-number-title, .form__section .form__section__result .id-title, .form__section .form__section__result .nickname-title {
    line-height: 1em;
    font-weight: 700;
    padding: 12px 0 0; }
    .form__section .form__section__result .account-number-title, .form__section .form__section__result .nickname-title {
      text-transform: uppercase;
    }
    .form__section .form__section__result .account-number-title:first-child, .form__section .form__section__result .id-title:first-child, .form__section .form__section__result .nickname-title:first-child {
      padding: 0px; }
  .form__section .form__section__result .account-number-result, .form__section .form__section__result .nickname-result {
    color: #4a4a4a;
    /*font-family: 'dax_otcond_regular';*/
    line-height: normal;
    position: relative; }
    .form__section .form__section__result .account-number-result:after, .form__section .form__section__result .nickname-result:after {
      background: url("../img/bg/bg-ie-transparent.png") repeat center center;
      content: '';
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .form__section .form__section__result .account-number-result.id-result h5, .form__section .form__section__result .nickname-result.id-result h5 {
      color: inherit;
      display: inline-block;
      font-size: inherit;
      line-height: inherit;
      font-family: inherit;
      float: left; }
  .form__section .form__section__result .input--box {
    background: none;
    color: #4a4a4a !important;
    font-size: 18px;
    height: auto;
    line-height: normal;
    padding: 0;
    pointer-events: none;
    border: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }
    .form__section .form__section__result .input--box.email, .form__section .form__section__result .input--box.phone-number {
      max-width: 300px;
      margin: 3px 0 8px;
      display: inline-block; }
  .form__section .form__section__result .registration__accordion {
    margin: 8px 0 0; }
    .form__section .form__section__result .registration__accordion .accordion-navigation, .form__section .form__section__result .registration__accordion .gradient {
      display: none; }
      .form__section .form__section__result .registration__accordion .accordion-navigation.checked, .form__section .form__section__result .registration__accordion .accordion-navigation.visible, .form__section .form__section__result .registration__accordion .accordion-navigation .content, .form__section .form__section__result .registration__accordion .gradient.checked, .form__section .form__section__result .registration__accordion .gradient.visible, .form__section .form__section__result .registration__accordion .gradient .content {
        display: block; }
      .form__section .form__section__result .registration__accordion .accordion-navigation .content, .form__section .form__section__result .registration__accordion .gradient .content {
        position: relative;
        padding: 0px;
        border: none; }
        .form__section .form__section__result .registration__accordion .accordion-navigation .content input, .form__section .form__section__result .registration__accordion .gradient .content input {
          margin: 0px;
          /*font-family: "dax_otcond_regular";*/
        }
      .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input::-webkit-input-placeholder, .form__section .form__section__result .registration__accordion .gradient.visible .content input::-webkit-input-placeholder {
        color: #b52532; }
      .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input::-moz-placeholder, .form__section .form__section__result .registration__accordion .gradient.visible .content input::-moz-placeholder {
        color: #b52532; }
      .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input:-ms-input-placeholder, .form__section .form__section__result .registration__accordion .gradient.visible .content input:-ms-input-placeholder {
        color: #b52532; }

.edit-block .form__section .form__section__result .account-number-result:after, .edit-block .form__section .form__section__result .nickname-result:after {
  display: none; }
.edit-block .form__section .form__section__result .account-number-result h5, .edit-block .form__section .form__section__result .account-number-result a, .edit-block .form__section .form__section__result .account-number-result span, .edit-block .form__section .form__section__result .nickname-result h5, .edit-block .form__section .form__section__result .nickname-result a, .edit-block .form__section .form__section__result .nickname-result span {
  display: none !important; }
.edit-block .form__section .form__section__result .account-number-result .input--box, .edit-block .form__section .form__section__result .nickname-result .input--box, .edit-block .form__section .form__section__result dl .input--box {
  background: #fff;
  font-size: 13px;
  height: 2.3125rem;
  line-height: 36px;
  padding: 0 10px;
  margin: 8px 0 0;
  pointer-events: auto;
  border: 1px solid #b52532; }
  .edit-block .form__section .form__section__result .account-number-result .input--box.email, .edit-block .form__section .form__section__result .account-number-result .input--box.phone-number, .edit-block .form__section .form__section__result .nickname-result .input--box.email, .edit-block .form__section .form__section__result .nickname-result .input--box.phone-number, .edit-block .form__section .form__section__result dl .input--box.email, .edit-block .form__section .form__section__result dl .input--box.phone-number {
    max-width: none;
    margin: 8px 0 0; }
.edit-block .form__section .form__section__result .account-number-result.error .input--box, .edit-block .form__section .form__section__result .account-number-result.error-email .input--box, .edit-block .form__section .form__section__result .nickname-result.error .input--box, .edit-block .form__section .form__section__result .nickname-result.error-email .input--box, .edit-block .form__section .form__section__result dl.error .input--box, .edit-block .form__section .form__section__result dl.error-email .input--box {
  border: 1px solid #b52532; }
.edit-block .form__section .form__section__result .account-number-result.error small.error, .edit-block .form__section .form__section__result .account-number-result.error-email small.error, .edit-block .form__section .form__section__result .nickname-result.error small.error, .edit-block .form__section .form__section__result .nickname-result.error-email small.error, .edit-block .form__section .form__section__result dl.error small.error, .edit-block .form__section .form__section__result dl.error-email small.error {
  margin-top: 0px; }
.edit-block .form__section .form__section__result .registration__accordion .accordion-navigation, .edit-block .form__section .form__section__result .registration__accordion .gradient {
  display: block; }
  .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation .content, .edit-block .form__section .form__section__result .registration__accordion .gradient .content {
    display: none; }
  .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation .content, .edit-block .form__section .form__section__result .registration__accordion .gradient .content {
    position: absolute;
    padding: 0.9375rem;
    border: 1px solid #b52532;
    border-top: none; }
    .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation .content.active, .edit-block .form__section .form__section__result .registration__accordion .gradient .content.active {
      display: block; }
    .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation .content input, .edit-block .form__section .form__section__result .registration__accordion .gradient .content input {
      margin: 0px; }
  .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input::-webkit-input-placeholder, .edit-block .form__section .form__section__result .registration__accordion .gradient.visible .content input::-webkit-input-placeholder {
    color: #dadada; }
  .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input::-moz-placeholder, .edit-block .form__section .form__section__result .registration__accordion .gradient.visible .content input::-moz-placeholder {
    color: #dadada; }
  .edit-block .form__section .form__section__result .registration__accordion .accordion-navigation.visible .content input:-ms-input-placeholder, .edit-block .form__section .form__section__result .registration__accordion .gradient.visible .content input:-ms-input-placeholder {
    color: #dadada; }

.edit-block .form__section__caption .minor-account {
  margin: 70% 0 0; }

.edit-block .form__section .form__section__result .registration__accordion .error .input--box, .edit-block .form__section .form__section__result .registration__accordion .error-email .input--box {
  border: 1px solid #b52532; }

.small .nickname-title, .small .nickname-result {
  display: none; }
.small .form__section__caption .minor-account {
  margin: 20% 0 0; }
.small .error .input--box {
  display: none; }
.small .error small.error {
  padding: 3px 0 0 !important;
  margin: 0px !important; }
  .small .error small.error p {
    font-size: 18px;
    /*font-family: "dax_otcond_regular";*/
    }
.control-nav {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1; }
  .control-nav li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px; }
    .control-nav li a {
      display: block;
      width: 25px;
      height: 25px; }
      .control-nav li a.edit {
        background: url("../img/icons/icon-edit.png") no-repeat center center; }
      .control-nav li a.delete {
        background: url("../img/icons/icon-delete.png") no-repeat center center; }
      .control-nav li a.save {
        background: url("../img/icons/icon-save.png") no-repeat center center; }

.button.apply-btn {
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ebebeb',GradientType=0 );
  color: #4d4d4d;
  line-height: 22px;
  padding: 0.425rem 1.5rem;
  border: 1px solid #d6d6d6;
  min-width: 135px;
  height: 38px; }

.inline-label {
  display: inline;
  font-size: 12px; }

.terms-service {
  padding: 25px 0 15px; }
  .terms-service__head {
    position: relative; }
    .terms-service__head h3 {
      padding: 0 150px 0 0; }
    .terms-service__head .download-pdf {
      color: #9b9b9b;
      font-size: 12px;
      line-height: 25px;
      font-family: 'dax_otwide_light';
      text-decoration: none;
      position: absolute;
      right: 0px;
      top: 0px; }
      .terms-service__head .download-pdf span {
        background: #9b9b9b;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 0 10px 0 0;
        text-align: center;
        line-height: 22px;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .terms-service__head .download-pdf:hover {
        color: #d8d8d8; }
        .terms-service__head .download-pdf:hover span {
          background: #d8d8d8; }
  .terms-service__content {
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    padding: 15px; }
    .terms-service__content__ins {
      height: 182px;
      overflow: auto; }
      .terms-service__content__ins .row, .terms-service__content__ins .columns {
        padding: 0px !important;
        margin: 0px !important; }
    .terms-service__content h4 {
      font-size: 16px;
      margin: 0px; }
    .terms-service__content h5 {
      font-size: 14px;
      font-weight: bold;
      margin: 3px 0 5px; }
    .terms-service__content p span {
      font-size: 16px;
      text-transform: uppercase;
      /*font-family: 'dax_otcond_bold';*/
    }

.verification-holder {
  max-width: 760px;
  padding: 30px 25px 0;
  margin: 0 0 25px;
  position: relative;
}
.verification-sign {
  background: url("../img/content/confirm-mail.jpg") no-repeat right bottom;
  width: 219px;
  height: 219px;
  position: absolute;
  right: 0px;
  bottom: 45px;
}
  .verification-holder h2 {
    color: #b52532;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px; }
    .verification-holder dl {
      overflow: hidden;
    }
    .verification-holder dl dt, .verification-holder dl dd {
      color: #4a4a4a;
      font-size: 18px;
      float: left;
      margin: 0 0 20px; }
    .verification-holder dl dt {
      width: 46%;
      padding: 0 2% 0 0;
      clear: left; }
    .verification-holder dl dd {
      width: 54%; }
      .verification-holder dl dd a {
        color: #4a4a4a;
        text-decoration: none;
        overflow-wrap: break-word;
      }
  .verification-holder h3 {
    color: #b52532;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 0;
  }
  .verification-holder p {
    margin: 0 0 20px;
    line-height: normal; }
  .verification-holder .verification-buttons .button {
    width: 160px;
    padding: 5px 10px;
    margin: 15px 10px 0 0; }
  .verification-holder .verification-buttons .white-btn {
    background: #fff;
    color: #4d4d4d;
    border: 1px solid #d6d6d6; }
    .verification-holder .verification-buttons .white-btn:hover {
      background: #e3e3e3; }

.complete-registration {
  text-align: center;
  padding: 35px 0 0; }
  .complete-registration-ins {
    max-width: 450px;
    margin: 0 auto 25px;
  }
  .complete-registration h1 {
    color: #b52532;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 20px; }
    .complete-registration h1 img {
      display: block;
      margin: 17px auto 0;
    }
  .complete-registration label {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 40px; }
  .complete-registration .complete-inp {
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    height: 3rem; }
    .complete-registration .complete-inp::-webkit-input-placeholder {
      color: #dadada; }
    .complete-registration .complete-inp::-moz-placeholder {
      color: #dadada; }
    .complete-registration .complete-inp:-ms-input-placeholder {
      color: #dadada; }
  .complete-registration .complete-submit {
    width: 100%;
    font-size: 24px;
    height: 3rem; }

.form-loader {
  position: absolute;
  right: -30px;
  top: 6px;
  visibility: hidden; }

.general-error {
  color: #b52532;
  font-family: "Open sans",sans-serif;
  font-size: 12px;
  line-height: 22px;
  font-style: normal;
  position: absolute;
  left: 0px;
  top: 100%; }

/* ==========================================================================
    My Account
   ========================================================================== */
.user-board {
  background: #f4f4f2;
  min-height: 100%; }

.user-board h3, .my-account__modal h3, .user-board__tabs h3 {
  /*font-family: "dax_otcond_medium";*/
  font-size: 20px;
  color: #333;
  margin: 0 0 20px 0; }

h3.tabs__title {
  margin-bottom: 0; 
  font-weight: bold;
  font-size: 23px;
  line-height: 1;}

.top-info .logo {
  display: inline-block;
  padding: 0 0 0 25px;
}
.top-info h5 {
  font-size: 16px;
  /*font-family: "dax_otcond_medium";*/
  display: inline-block; }
.top-info .button.tiny {
  line-height: 20px;
  padding: 2px 9px 4px;
  font-size: 16px;
  margin: 0 0 0 12px;
  font-weight: bold;
}

.current-balance {
  font-size: 16px;
  /*font-family: "dax_otcond_medium";*/
  text-transform: capitalize;
  vertical-align: middle; }

.current-balance__sum {
  color: #b52532;
  font-size: 24px;
  margin-left: 8px;
  font-weight: 300;
}

.top-info__view-bill {
  font-size: 16px;
  /* 13px */
  /*font-family: "dax_otcond_medium";*/
}

.user-board__nav {
  margin: 12px 0 0; }
  .user-board__nav .button {
    background: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 43px;
    line-height: 40px;
    padding: 0;
    width: 24.5%;
    color: #000;
    text-transform: uppercase;
    position: relative;
    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2); }
    .user-board__nav .button:after {
      content: '';
      background: rgba(0, 0, 0, 0.15);
      position: absolute;
      left: 0px;
      top: 0px;
      width: 1px;
      height: 100%;
    }
    .user-board__nav .button:first-child:after {
      display: none;
    }
  .user-board__nav .button--notifications {
    border-radius: 6px;
    float: right; }
    .user-board__nav .button--notifications:after {
      display: none;
    }
  .user-board__nav .button--active {
    /*background: #b52532;*/
    color: #b52532;
    border-bottom: 3px solid #b61f37;
    font-weight: bold;
  }
.user-board__nav-fixed-height {
  height: 43px;
  overflow: hidden;
}
.user-board__nav__group {
  float: left;
  width: 75.5%;
  padding-right: 20px; }
  .user-board__nav__group .button {
    float: left;
    margin-bottom: 0;
    width: 33.3333%; }
  .user-board__nav__group .button:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .user-board__nav__group .button:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }

.notifications-number {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #9f2821;
  margin-left: 7px;
  line-height: 20px;
  color: white;
  text-align: center;
  font-family: "Open Sans";
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  position: relative;
  top: -2px; }

select.mobile__tabs {
  display: none;
  margin-bottom: 10px;
  color: #0c5295; }

.user-board__tabs {
  margin-bottom: 30px;
  margin-top: 30px; }
  .user-board__tabs .tabs {
    width: 24.5%;
    min-width: 24.5%;
    margin-top: 11px;
    border-top: 1px solid #e1e1df; }
    .user-board__tabs .tabs dd a {
      /*font-family: "dax_otcond_medium";*/
      font-size: 16px;
      color: #888;
      padding: 17px 0;
      text-decoration: none;
      background: #f4f4f2;
      border-bottom: 1px solid #e1e1df; }
    .user-board__tabs .tabs dd.active a {
      color: #b52532; 
      font-weight: bold;}
    .user-board__tabs .tabs dd.displayed {
      display: none;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%; }
  .user-board__tabs .tabs-content {
    width: 75.5%;
    min-height: 450px;
    float: right;
    background: #fff;
    border-radius: 6px;
    margin-top: 0;
    font-size: 13px;
    -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.2); }
    .user-board__tabs .tabs-content .content {
      padding: 18px 22px; }
    .user-board__tabs .tabs-content h4 {
      /*font-family: "dax_otcond_medium";*/
      font-weight: bold;
      font-size: 16px;
      color: #333; }
      .user-board__tabs .tabs-content h4 a {
        color: #565656; }
    .user-board__tabs .tabs-content textarea {
      height: 9.375em; }
  .user-board__tabs .range-holder {
    padding: 35px 20px 20px;
    margin: 0 !important; }
  .user-board__tabs p {
    font-size: 13px; }

.user-board__tabs .settings-head h3 {
  margin-bottom: 15px; }
.user-board__tabs .settings-head .button-add {
  width: 100%;
  max-width: 235px;
  padding: 0.25rem 0.625rem 0.2rem;
  margin-bottom: 25px; }
.user-board__tabs .settings-head .toggle-btn {
  background: none;
  border: 1px solid #b52532;
  width: 30px;
  height: 30px;
  padding: 0px;
  margin-bottom: 15px;
  line-height: 25px; }
  .user-board__tabs .settings-head .toggle-btn span {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #b52532;
    display: inline-block; }
  .user-board__tabs .settings-head .toggle-btn.hide-btn span {
    border-top: 7px solid #b52532;
    border-bottom: none; }

.user-board__tabs .settings-section, .user-board__tabs .additional-section {
  color: #4a4a4a;
  font-size: 14px;
  /*font-family: "dax_otcond_regular";*/
  margin-bottom: 15px; }
  .user-board__tabs .settings-section h4, .user-board__tabs .settings-section a, .user-board__tabs .settings-section span, .user-board__tabs .additional-section h4, .user-board__tabs .additional-section a, .user-board__tabs .additional-section span {
    padding: 5px 0;
    margin: 0px;
    display: inline-block; }
  .user-board__tabs .settings-section h4, .user-board__tabs .additional-section h4 {
    color: #b52532;
    font-size: 16px;
    /*font-family: "dax_otcond_bold";*/
  }
  .user-board__tabs .settings-section a, .user-board__tabs .additional-section a {
    color: #4a4a4a;
    text-decoration: none; }
  .user-board__tabs .settings-section__row, .user-board__tabs .additional-section__row {
    padding: 12px 0; }
  .user-board__tabs .settings-section .button--edit, .user-board__tabs .additional-section .button--edit {
    color: #8d8d8d;
    width: 100%;
    max-width: 80px;
    padding: 0px;
    margin: 1px 0;
    height: 30px; }
    .user-board__tabs .settings-section .button--edit--custom, .user-board__tabs .additional-section .button--edit--custom {
      max-width: 115px; }

.settings-section {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede; }

.additional-section {
  border-top: 1px solid #f4f4f4; }
  .additional-section .row {
    border-bottom: 1px solid #f4f4f4; }

.tank-text-container {
  padding-top: 10px; }
  .tank-text-container p {
    margin-bottom: 0; }

.tank__img {
  max-width: 240px; }

.form--account .input--box, .form--account .select--box {
  margin-bottom: 12px; }
.form--account label small {
  font-size: 80%;
  text-transform: initial; }

.form--account__email {
  font-size: 13px;
  margin-top: 3px; }

.form__buttons {
  margin-top: 30px; }

.unverified {
  font-size: 11px;
  font-style: italic;
  padding-top: 3px; }
  .unverified a {
    font-style: normal;
    padding-left: 3px; }

.password-bullets {
  font-size: 20px;
  font-family: arial; }

.account__info .button--edit {
  margin-top: -3px; }

.all-phones {
  float: right;
  padding-top: 5px;
  font-size: 10px; }

.card-info__label {
  font-weight: bold; }

.card-info__label, .card-info__text {
  margin-bottom: 7px; }

.card-info__text em {
  color: #bbb; }

.card-info #response-page > .row > .small-12 > .row:last-of-type .card-info__text {
  margin-bottom: 0; }

.current-statement {
  /*font-family: 'dax_otcond_medium';*/
  font-size: 54px;
  line-height: 1;
  color: #b52532; }

.current-statement__text {
  font-size: 12px !important;
  font-style: italic;
  color: #666; }

.payments .button {
  font-size: 15px;
  padding-left: 26px;
  padding-right: 26px; }
.buttons-box ul li {
  display: block;
  float: left;
}
.buttons-box ul li:first-child {
  margin: 0px;
}
.buttons-box ul li .button {
  display: block;
}
@media only screen and (max-width: 480px) {
  .buttons-box ul li .button {
    min-width: 125px;
  }
}

.billing-history .action-btns {
  float: none;
  width: 100%;
  text-align: right; }
.billing-history .action a, .billing-history .action-btns a {
  width: 86px;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }
.billing-history .button-red {
  background: #9c1a26;
  color: #fff }

.billing-history__row {
  padding: 10px; }
  .billing-history__row:nth-of-type(odd) {
    background: #f7f7f7; }
  .billing-history__row > div {
    float: left; }
  .billing-history__row .date, .billing-history__row .reference, .billing-history__row .payment, .billing-history__row .sum, .billing-history__row .description {
    padding-top: 6px; }
  .billing-history__row .date {
    width: 16%; }
  .billing-history__row .reference, .billing-history__row .payment, .billing-history__row .sum, .billing-history__row .action {
    width: 16%; }
  .billing-history__row .description {
    width: 20%; }
  .billing-history__row .action {
    width: 16%;
    float: right;
    text-align: right; }
  .billing-history__row .sum {
    font-weight: bold; }

.billing-history__row.payments_logs__row > div {
  width: 19%;
  float: left;
  padding: 0 3% 0 0;
}
.billing-history__row.payments_logs__row > div.number {
  width: 26%;
  min-height: 1px;
}
.billing-history__row.payments_logs__row > div.sum {
  width: 17%;
  min-height: 1px;
}
.billing-history__row.payments_logs__row > div span {
  display: none;
}
.billing-history__row.payments_logs__row.payments_logs-title__row {
  display: none;
}
.billing-history__row.payments_logs__row.payments_logs-title__row:first-child {
  display: block;
}
.billing-history__row.payments_logs__row.payments_logs-title__row > div {
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .billing-history__row.payments_logs__row.payments_logs-title__row {
    display: none!important;
  }
  .billing-history__row.payments_logs__row > div {
    width: 100%;
    padding: 0 0 15px;
    float: none;
  }
  .billing-history__row.payments_logs__row > div span {
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
  }
  .billing-history__row.payments_logs__row:nth-of-type(2n+1) {
    background: none;
  }
  .billing-history__row.payments_logs__row:nth-of-type(2n+2) {
    background: #f7f7f7;
  }
}

.notifications input[type="checkbox"] + a {
  position: absolute;
  left: 15px;
  top: 0px; }
.notifications .label--checkbox {
  padding-left: 30px; }

.button--edit--150 {
  width: 150px;
  line-height: 34px;
  height: 34px;
  text-align: center; }

.button--base {
  background: #fff;
  color: #686868;
  border: 1px solid #686868;
  border-radius: 3px;
  padding: 7px;
  width: 100%;
  max-width: 200px;
  line-height: 1.2;
  height: auto;
  text-align: center;
  transition: background-color 300ms ease-out; }
  .button--base:hover, .button--base.active {
    border-color: #b52532;
    background: #b52532;
    color: #fff;
    font-weight: bold;
  }

  .button--nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

.button--tank-details {
  margin-bottom: 8px; }

.button--add-card {
  font-size: 14px !important;
  padding: 9px 18px;
  margin: 0; }

.bg-yellow {
  background: #fef8e7 !important; }

.text-red {
  color: #e51937 !important; }

.text-green {
  color: #5ab014 !important; }

.button.button--renew {
  height: 36px;
  line-height: 36px;
  padding: 0 32px;
  font-size: 14px;
  margin-bottom: 0; }

.user-board__tabs .budget-plans p {
  font-size: 14px; }

.payment-plan {
  /*font-family: "dax_otcond_medium";*/
  font-size: 16px; }
  .payment-plan h4 {
    margin-bottom: 8px; }
  .payment-plan .payment {
    font-size: 30px;
    color: #333;
    margin-bottom: 18px; }

.forcasted-consumption, .fuel-litres {
  background: #fff;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 25px;
  border: 1px solid #979797;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 14px; }
  .forcasted-consumption div:first-of-type, .fuel-litres div:first-of-type {
    border-top-left-radius: 2px;
    text-align: center;
    border-bottom-left-radius: 2px; }

.forcasted-consumption__delivery {
  background: #b52532;
  height: 38px;
  line-height: 38px;
  float: left;
  color: #fff;
  text-align: center;
  border-left: 1px solid #fff; }
  .forcasted-consumption__delivery.delivery1 {
    border: none; }

.forcasted-consumption__paid, .fuel-litres__text {
  float: left;
  padding: 0 15px; }

.forcasted-consumption__first {
  float: left; }

.fuel-litres__text.go-over {
  padding: 0 15px 0 0;
  text-align: right;
  margin-top: -40px;
  color: #fff; }

.forcasted-consumption__paid.go-under {
  padding: 0;
  text-align: right; }

.forcasted-consumption__paid.mobile {
  clear: both;
  text-align: right;
  width: 100%;
  padding: 0; }

.paid-installements {
  margin: 10px -3px;
}
.paid-installements .month {
  position: static;
  width: 8.333%;
  height: 40px;
  margin: 0 0 2px;
  line-height: 40px;
  float: left;
  text-align: center;
  font-size: 18px;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 7px;
  font-weight: 600;
}

.month__item {
  background: #d8d8d8;
  color: #333;
  display: block;
  height: 100%;
  border-radius: 7px;
}

.month.paid .month__item {
  color: white;
  background: #b52532;
}

.valid-until {
  font-weight: 600; }

.valid-until__month {
  color: #b52532; }

.max-litres {
  text-align: right;
  font-size: 13px; }

.fuel-litres__purchased {
  background: #b52532;
  height: 40px;
  line-height: 40px;
  float: left;
  width: 43%;
  text-align: right; }
  .fuel-litres__purchased p {
    color: #fff;
    line-height: 40px;
    padding: 0 15px;
    margin: 0;
    font-size: 14px !important; }

.budget-plan {
  padding: 30px 16px 40px 16px;
  text-align: center; }
  .budget-plan h1 {
    /*font-family: "dax_otcond_medium";*/
    font-size: 26px;
    margin: 50px 0 17px 0; }
  .budget-plan a {
    /*font-family: "dax_otcond_medium";*/
    font-size: 18px; }

.orders__row, .delivery_stop__row {
  padding: 10px 5px;
  margin-bottom: 1px; }
  .orders__row.orders__row--head, .delivery_stop__row.orders__row--head {
    font-weight: bold;
    background: #f7f7f7; }
  .orders__row:nth-of-type(even), .delivery_stop__row:nth-of-type(even) {
    background: #f7f7f7; }
  .orders__row > div, .delivery_stop__row > div {
    float: left;
    padding-top: 6px; }
  .orders__row .amount, .orders__row .price, .orders__row .viewTicket, .delivery_stop__row .amount, .delivery_stop__row .price, .delivery_stop__row .viewTicket {
    text-align: right; }
  .orders__row .tank-name, .delivery_stop__row .tank-name {
    width: 25%; }
  .orders__row .code, .delivery_stop__row .code {
    width: 25%; }
  .orders__row .stop-date, .orders__row .reinstate-date, .delivery_stop__row .stop-date, .delivery_stop__row .reinstate-date {
    width: 15%; }
  .orders__row .options, .delivery_stop__row .options {
    width: 20%; }
  .orders__row .order-date, .delivery_stop__row .order-date {
    width: 15%; }
  .orders__row .scheduled-date, .delivery_stop__row .scheduled-date {
    width: 20%; }
  .orders__row .status, .delivery_stop__row .status {
    width: 15%; }
  .orders__row .amount, .delivery_stop__row .amount {
    width: 13%; }
  .orders__row .price, .delivery_stop__row .price {
    width: 17%; }
  .orders__row .viewTicket, .delivery_stop__row .viewTicket {
    width: 17%; }

.button--report-bug {
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 100;
  background: url("../img/icons/bug.png") 15px center no-repeat #af0e28;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Open sans", sans-serif;
  font-size: 12px;
  text-decoration: none;
  padding: 0 15px 0 40px;
  height: 36px;
  line-height: 36px;
  transition: all 0.5s ease; }
  .button--report-bug:hover, .button--report-bug:focus {
    color: white;
    background-color: #9c1a26; }

.spinner-img {
  position: absolute;
  z-index: 100;
  right: 137px;
  top: 6px; }

.tank-history .spinner-img {
  right: 108px;
  top: 16px; }

.my-account__modal {
  max-width: 600px;
  width: 95%;
  padding: 20px;
  word-wrap: break-word; }
  .my-account__modal h3 {
    margin-bottom: 20px; }
  .my-account__modal .close-reveal-modal {
    text-decoration: none;
    color: #b52532;
    font-size: 30px;
    font-family: arial; }

.modal-content {
  max-height: 605px;
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-content > form {
    overflow: hidden; }

.mobile-popup-page {
  padding-bottom: 20px;
  position: relative; }
  .mobile-popup-page h3,  .mobile-popup-page h2{
    /*font-family: "dax_otcond_bold";*/
    padding: 20px; }

.mobile-popup-page__logo {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 20px; }

.close-popup-page {
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0.6875rem;
  text-decoration: none;
  color: #b52532;
  font-weight: bold;
  cursor: pointer; }

.report-bug-modal h3 {
  font-size: 24px; }
.report-bug-modal p {
  font-size: 13px; }

.contact-us-modal {
  max-width: 520px;
  border-radius: 7px; }
  .contact-us-modal h3 {
    font-size: 24px; }
  .contact-us-modal p {
    font-size: 14px; }

.form--account.contact-us img {
  padding: 10px 0 40px; }
.form--account.contact-us .button {
  width: 100%;
  max-width: 300px;
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  padding: 0; }
.form--account.contact-us .call-us {
  /*font-family: "dax_otcond_medium";*/
  font-size: 20px; }

.middle-section .row .top-info .columns .alert-box {
  padding-left: 20px;
  padding-right: 20px; }
  .middle-section .row .top-info .columns .alert-box .close {
    right: 0px; }

@media screen and (min-device-width: 640px) and (max-device-width: 1024px) {
  .user-board__tabs .tabs-content .range-holder {
    margin: 0 0 20px; } }

.my-account-nav h1, .request-block h1 {
  color: #b52532;
  font-size: 24px;
  font-weight: bold;
  /*font-family: "dax_otcond_bold";*/
  margin: 5px 0 10px; }
  .my-account-nav h1 span, .request-block h1 span {
    font-weight: normal;
    padding: 0 0 0 5px;
  }
.my-account-nav .select-wrap, .request-block .select-wrap {
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  height: 27px;
  margin: 6px 0 10px;
  width: 100%;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*overflow: hidden*/
}
  .no-textshadow .my-account-nav .select-wrap, .no-textshadow .request-block .select-wrap {
    overflow: hidden;
  }
  .no-textshadow .my-account-nav .select-wrap select, .no-textshadow .request-block .select-wrap select {
    width: 113%;
    padding: 0px;
  }
  .my-account-nav .select-wrap select, .request-block .select-wrap select {
    background: none;
    height: 27px;
    padding: 0 5px;
    padding: 0px \0/IE9;
    border: 1px solid #afafaf;
    z-index: 1;
    z-index: 3 \0/IE9;
    -moz-appearance: none;
    border-radius: 3px;
    position: relative;
    background: transparent;
  }
  .my-account-nav .select-wrap select:focus, .request-block .select-wrap select:focus {
    outline: none;
  }
  .my-account-nav .select-wrap:before, .request-block .select-wrap:before {
    content: "";
    height: 27px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 27px;
    z-index: 2;
    pointer-events: none; }

.my-account-nav .select-wrap {
  max-width: 315px;
  overflow: hidden; }
  .my-account-nav .select-wrap:before {
    background-image: url("../img/elem/account-select.png"); }

.button.disabled-nobg-border-grey {
  background-color: white;
  border: 2px solid #a7a7a7;
  color: #a7a7a7;
  font-weight: bold; }

#autopay-add-new-card h3:first-child {
  color: #b52532;
  font-size: 35px; }
#autopay-add-new-card .autopay {
  text-align: center; }

#autopay-confirm label {
  font-size: 26px; }

.modal-paperless, .modal-autopay {
  max-width: 900px !important;
  text-align: center; }
  .modal-paperless h3, .modal-autopay h3 {
    color: #b52532;
    font-size: 35px; }
  .modal-paperless .buttons a, .modal-paperless .buttons input[type="submit"], .modal-autopay .buttons a, .modal-autopay .buttons input[type="submit"] {
    width: 175px;
    margin-left: 10px;
    margin-right: 10px; }
  .modal-paperless a.button--payment-add-card, .modal-autopay a.button--payment-add-card {
    width: 175px;
    margin-left: 10px;
    margin-right: 10px; }
  .modal-paperless #paperless-activated .modal-content, .modal-paperless #paperless-activated .modal-content, .modal-autopay #paperless-activated .modal-content, .modal-autopay #paperless-activated .modal-content {
    overflow: hidden; }
  .modal-paperless .payment__row label, .modal-autopay .payment__row label {
    display: inline;
    padding-left: 0 !important; }
  .modal-paperless .payment__row .toggle, .modal-autopay .payment__row .toggle {
    float: none; }

/* ==========================================================================
    Tank
   ========================================================================== */
.recentActivitySpinner {
  width: 100%;
  text-align: center;
  height: 32px;
  line-height: 32px;
  padding: 5px 0; }

.h1--tank {
  font-size: 32px;
  /*font-family: "dax_otcond_medium";*/
  color: #000;
  font-weight: bold;
  margin: 0 0 13px 0; }

input.edit-tank-name {
  width: 65%;
  float: left;
  margin: 5px 10px 0 0;
  font-family: "Open Sans";
  font-size: 13px; }

small.custom-error {
  background: transparent;
  color: #b52532;
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
  display: block;
  font-family: "Open sans"; }

.tank-page h3 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.tank-row {
  margin-bottom: 30px !important; }

.tank-type {
  color: #666;
  font-size: 14px;
  /*font-family: "dax_otcond_medium";*/
  padding-top: 17px; }

.tank-description .button {
  width: 100%;
  line-height: 1.2;
  text-align: center;
  padding: 5px;
  font-size: 15px; 
  background-color: #fff;
  border: 1px solid #686868;
  color: #686868;
}

/*.tank-description .button:hover {
  border-color: #b52532;
  background: #b52532;
  color: #fff;
  font-weight: bold;
}*/

p.display-message{
  display:none;
  color:#000;
  position:absolute;
}

.anchor:hover + .display-message{
  display:block !important;
}

.tank-description .button.disabled {
  background: #b52532;
  border-color: #b52532;
  color: #fff!important;
  cursor: default;
}
.tank-description .button.disabled:hover {
  font-weight: normal;
}

.tank-description__top {
  padding: 26px 25px; }

.tank-description__list {
  margin: 0;
  font-size: 16px; }
  .tank-description__list a{
    color: #757575;
  }
  .tank-description__list li {
    border-top: 1px solid #e5e5e5;
    padding: 6px 15px;
    position: relative; }
    .tank-description__list li.status {
      background: #fff8e6; }
      .tank-description__list li.status .delayed, .tank-description__list li.status .in-progress {
        font-weight: bold; }
      .tank-description__list li.status .delayed {
        color: #ed1031; }
      .tank-description__list li.status .in-progress {
        color: #62b40d; }
  .tank-description__list small {
    color: #888;
    font-size: 11px;
    margin-left: 3px; }

.button.button--delivery-scheduled, .button.request-delivery-referrer {
  color: #fff;
  background: #b52532;
  border-color: #b52532;
}
.button.button--delivery-scheduled {
  cursor: default;
}
.button.request-delivery-referrer {
  font-weight: bold;
}

.tank-holder .button.button--delivery-scheduled {
  padding: 0 10px;
  display: inline-table; }
  .tank-holder .button.button--delivery-scheduled span {
    display: table-cell;
    vertical-align: middle; }
.tank-holder .tank__filters--toggle {
  padding: 10px 0;
  margin: 0px; }
  .tank-holder .tank__filters--toggle li {
    display: inline-block; }
    .tank-holder .tank__filters--toggle li a {
      font-size: 1.35rem;
      line-height: 1em;
      padding: 0.3rem; }
      .tank-holder .tank__filters--toggle li a .fa {
        margin: 0px; }
.tank-holder .tank-list-holder .white-box {
  min-height: 305px; }

.tank-description__aspect {
  font-weight: bold; }

.tank-description__answer {
  color: #757575;
  text-align: right;
  float: right; }

.tank-description__list .learn-more__box {
  width: 421px;
  left: 100%;
  top: 0;
  min-height: 50px;
  text-align: left; }

.tank-aside {
  font-size: 13px; }
  .tank-aside p {
    font-size: 13px; }
  .tank-aside hr {
    margin: 0; }

.white-box {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); }

/*.details-box {*/
  /*width: 465px; }*/

/*ul.services-details {*/
  /*width: 466px;*/
/*}*/

/*ul.service {*/
  /*float: left;*/
  /*width: 50%;*/
/*}*/

/*ul.scheduled {*/
  /*float: right;*/
/*}*/

.tank-map {
  padding: 6px 6px 0 6px; }
  .tank-map #map-canvas, .tank-map #map-canvas2, .tank-map #map-canvas3 {
    width: 100%;
    height: 314px; }
.delivery-address {
  line-height: 1.2;
}
.delivery-address, .delivery-note {
  padding: 15px; }

.delivery-address .left {
  width: 50%; }
.delivery-address .right {
  width: 50%; }

.address-not-found {
  text-align: right;
  line-height: 1.2;
  margin-top: 0; }
  .address-not-found small.error {
    padding: 0; }

.nearest-depot {
  padding: 15px 10px;
  margin-bottom: 0;
  background: #fdfaed;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fdfaed 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfaed), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfaed 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfaed 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfaed 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fdfaed 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfaed', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */ }
  .nearest-depot h4 {
    color: #b52532;
    font-weight: 600;
    font-size: 18px;
    font-style: italic;
    line-height: 1;
    margin: 0 0 5px; }

.nearest-depot__km {
  margin-bottom: 15px; 
  font-size: 20px;
}
  .nearest-depot__km a {
    text-decoration: none; }

.nearest-depot__address {
  margin-bottom: 0;
  line-height: 1.3; }

.nearest-depot__img {
  text-align: right;
  float: right; }

.set-notifications {
  font-size: 14px;
  display: inline-block; }

.tank-history {
  margin: 0 !important;
  height: auto; }

.button--edit--full {
  width: 100%;
  text-align: center; }

span.litres {
  color: #b52532;
  font-size: 28px; }

.usage-note {
  padding-top: 17px; }

.usage-note {
  color: #666;
  font-style: italic;
  font-size: 11px; }

.usage-note-img {
  padding-left: 10px;
  margin-bottom: 13px; }

.tank-contact-support {
  margin-bottom: 50px !important; }

.key-contact-info {
  padding: 20px; }
  .key-contact-info .button {
    width: 200px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-align: center; }
  .key-contact-info h4 {
    /*font-family: "dax_otcond_medium";*/
    font-size: 18px;
    margin: 0 0 7px 0; }
  .key-contact-info .key-contact__phone-numbers {
    margin: 0; }
    .key-contact-info .key-contact__phone-numbers li {
      overflow: hidden;
      padding: 5px 0;
      font-size: 14px;
      line-height: 1.3; }
      .key-contact-info .key-contact__phone-numbers li:last-child {
        padding-bottom: 0; }
  .key-contact-info .contact-field {
    width: 73px;
    font-weight: bold;
    float: left; }
  .key-contact-info .contact-phone {
    float: left;
    color: #b52532; }

[lang="fr"] .key-contact-info .contact-field {
  width: 100px; }

.smart-tank-alert {
  background: #f9e6e2;
  font-size: 14px;
  color: #666;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px; }

.smart-tank-alert__icon {
  float: left;
  width: 8%; }
  .smart-tank-alert__icon img {
    margin-top: 10px; }

.smart-tank-alert__text {
  float: left;
  width: 92%; }
  .smart-tank-alert__text p {
    margin-bottom: 5px;
    font-size: 14px; }
  .smart-tank-alert__text a {
    color: #b52532;
    font-weight: 500; }

#report-modal h2 {
  color: #333;
  font-size: 24px;
  margin: 0 0 24px; }
#report-modal h3 {
  color: #333;
  font-size: 0.933em;
  font-family: "Open Sans";
  font-weight: bold;
  margin: 0 0 15px; }
#report-modal p {
  color: #333;
  font-size: 0.933em;
  line-height: 1.5em;
  margin: 0 0 12px;
  max-width: 470px; }
#report-modal textarea {
  margin: 0 0 20px;
  max-width: 520px; }
#report-modal .button.button--default {
  padding: 9px 37px;
  margin: 0px; }

.tank--usage__regular {
  color: #fff;
  text-align: center;
  padding: 100px 60px 0;
  text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5);
  background: url("../img/content/tank-chart.png") no-repeat left bottom; }
  .tank--usage__regular h2 {
    color: #fff;
    font-size: 32px;
    /*font-family: "dax_otcond_medium";*/
    margin-bottom: 25px; }
  .tank--usage__regular p {
    font-size: 15px; }

.tank--usage__smart {
  width: 100%;
  padding: 10px; }
  .tank--usage__smart svg {
    max-width: 100%;
    border-radius: 9px; }

/*.tank--usage__tab-pane .info-icon {
  right: 0;
  bottom: 5px; }*/
.tank--usage__tab-pane .buttons {
  display: inline-block;
  max-width: 260px; }
.tank--usage__tab-pane .button {
  background-color: #b52532;
  border-color: #686868;
  opacity: 1;
  font-size: 15px;
  line-height: 20px;
  padding: 0.2rem 1rem;
  vertical-align: top;
  min-width: 125px;
  height: 28px; }
  .tank--usage__tab-pane .button:hover {
    background-color: #b52532;
  }
  .tank--usage__tab-pane .button:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px; }
  .tank--usage__tab-pane .button:last-child {
    margin: 0 0 0 -5px;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; }

.button--request-smart {
  height: auto!important;
  line-height: 44px;
  width: 273px;
  max-width: 100%;
  text-align: center;
  padding: 0;
  margin: 30px 0 0 0; }

.range-holder .range-slider .range-value .learn-tank-type__icon {
  background: #b52532;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-family: "Open Sans";
  border: 2px solid #fff;
  border-radius: 50%;
  color: white;
  cursor: help !important;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  margin-left: 5px;
  position: relative;
  text-align: center;
  text-decoration: none;
  top: -5px;
  width: 28px;
  text-shadow: none; }

.range-holder .range-slider .range-value .learn-tank-type__icon.has-tip:hover {
  color: white;
  border: 2px solid #fff; }


.mark-area {
  background: #f6e6e2;
  border: 1px solid #F5E2B2;
  color: #555;
  font-size: 14px;
  margin-top: 15px;
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.delivery-section .mark-area {
  font-size: 12px;
  border: 1px solid #e5e5e5;
  margin: 15px -10px -10px; }

.tank-description__list .learn-more__tank-size {
  text-align: center;
  top: -175px; }
  .tank-description__list .learn-more__tank-size:before {
    top: 186px; }

.learn-more__tank-size {
  text-align: left;
  padding: 15px; }
  .learn-more__tank-size h2 {
    /*font-family: "dax_otcond_medium";*/
    font-size: 20px;
    margin: 0 0 5px 0; }
  .learn-more__tank-size h3 {
    font-size: 16px;
    color: #b52532;
    margin: 0 0 4px 0; }
  .learn-more__tank-size p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 15px 0; }
  .learn-more__tank-size ul {
    margin: 0 0 10px 0; }
  .learn-more__tank-size li {
    padding: 0;
    border: none; }
  .learn-more__tank-size .tank-size__img {
    text-align: center; }
  .learn-more__tank-size .size-420 {
    margin-bottom: 7px; }
    .learn-more__tank-size .size-420 .tank-size__text, .learn-more__tank-size .size-420 .tank-size__img {
      float: left;
      width: 50%; }
    .learn-more__tank-size .size-420 .tank-size__img {
      padding-top: 5px; }
  .learn-more__tank-size .size-500 {
    margin-bottom: 7px; }
    .learn-more__tank-size .size-500 .tank-size__text {
      float: left;
      width: 40%; }
    .learn-more__tank-size .size-500 .tank-size__img {
      float: left;
      width: 60%;
      padding-top: 15px; }
  .learn-more__tank-size .size-1000 {
    margin-bottom: 20px; }
  .learn-more__tank-size .note {
    font-size: 9px;
    font-style: italic;
    margin: 0; }

.tank-info-nav .user-board__nav {
  padding: 0;
  margin: 0px; 
  width: 100%;}
  .tank-info-nav .user-board__nav.right {
    text-align: right;
  }
  .tank-info-nav .user-board__nav__group .button {
    color: #686868;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 0 5px -1px;
    border: 1px solid #686868;
    font-weight: normal;
    text-transform: capitalize;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: nowrap;
    outline: none;
  }
  .tank-info-nav .user-board__nav__group.right .button {
    display: inline-block;
    float: none;
    margin: 0 -2px 5px -2px;
 }
  .tank-info-nav .user-board__nav__group .button--active, .tank-info-nav .user-board__nav__group .button:hover {
    background: #b52532;
    border: 1px solid #b52532;
    color: #fff;
    font-weight: bold;
    outline: none;
  }

.tank-info-nav h2 {
  color: #4a4a4a;
  font-size: 16px;
  /*font-family: "dax_otcond_bold",sans-serif;*/
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  margin: 0 38px 0 0; }
.tank-info-nav-left .user-board__nav__group {
  max-width: 325px;
  width: 59%; }
  .tank-info-nav-left .user-board__nav__group .button {
    width: 50%;
  }
@media only screen and (max-width: 960px) {
  .tank-info-nav-left .user-board__nav__group {
    max-width: 280px;
    width: 100%;
  }
  .tank-info-nav .user-board__nav__group .button {
    font-size: 14px;
    padding: 0 8px;
  }
}

.tank-info-nav-right ul {
  width: 100%;
  max-width: 370px;
}

.map-holder {
  border: 12px solid #fff;
  -webkit-border-radius: 7px;
  border-radius: 7px; }

.sort-section {
  max-width: 435px;
  padding: 10px 0; }
  .sort-section .search-block {
    width: 65%;
    margin: 0 2% 0 0;
    float: left; }
    .sort-section .search-block input {
      background: #fff url("../img/icons/search.png") no-repeat 12px center;
      background-size: 14px 14px;
      font-size: 12px;
      height: 2rem;
      padding-left: 32px;
      -webkit-border-radius: 15px;
      border-radius: 15px; }
  .sort-select {
    position: relative;
    width: 33%;
    margin: 0 0 1rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden; }
    .sort-select .sort-section {
      float: right;
    }
    .sort-select:hover:before {
      background: #f3f3f3 url("../img/icons/arrows-sel.png") no-repeat center center; }
    .sort-select:before {
      content: '';
      background: #fafafa url("../img/icons/arrows-sel.png") no-repeat center center;
      color: #4a4a4a;
      right: 1px;
      top: 1px;
      width: 30px;
      height: 30px;
      text-align: center;
      position: absolute;
      pointer-events: none;
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    .sort-select select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 100%;
      height: 2rem;
      float: right;
      padding: 0 24px 0 3px;
      padding-right: 10px\9\0;
      margin: 0px;
      font-size: 12px;
      font-weight: 600;
      -ms-word-break: normal;
      word-break: normal;
      -webkit-border-radius: 3px;
      border-radius: 3px; }

.tank-header {
  position: relative;
  padding: 8px 40px 0 8px;
  min-height: 46px; }
  .tank-header h2 a, .tank-header h3 a{
    color: #4a4a4a;}
  .tank-header h2, .tank-header h3 {
    color: #4a4a4a;
    font-size: 14px;
    line-height: normal;
    margin: 0px; }
    .tank-header h2 {
      font-weight: bold;
    }
  .tank-header h2.address {
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
  }
  .tank-header--btn-def, .tank-header--btn {
    position: absolute;
    right: 7px;
    top: 7px;
    border-radius: 3px;
  }
  .tank-header--btn {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eaeaea',GradientType=0 );
    /*border: 1px solid #d8d8d8;*/
     }
    .tank-header--btn span, .tank-header--btn-def span {
      background: url("../img/elem/right-arrow-red.png") no-repeat center center;
      display: block;
      width: 15px;
      height: 15px; }

.tank-content {
  text-align: center;
  padding: 10px 7px; }
  .tank-content .range-holder {
    padding: 40px 0 30px; }
  .tank-content h4 {
    margin: 0px; }
    .tank-content h4 a {
      font-size: 18px;
      font-weight: bold;
      text-decoration: underline; }
      .tank-content .button.button--delivery-scheduled, .tank-content .button.request-delivery-referrer {
        padding: 3px 8px;
        font-weight: bold;
        margin-top: 15px;
      }

.row-tanks .white-box {
  margin: 0 0 30px; }

.pagination-holder {
  position: relative;
  clear: both; }
  .pagination-holder .shown-tanks__count, .pagination-holder .pagination-info {
    font-size: 13px;
    font-family: "Open sans", sans-serif;
    font-weight: 600; }
  .pagination-holder .pagination-info {
    position: absolute;
    left: 0px;
    top: 7px; }
  .pagination-holder .pagination {
    display: inline-block;
    margin: 0px; }
    .pagination-holder .pagination a {
      text-decoration: none; }

.table__holder--overflow-x {
  overflow: auto;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  max-height: 520px;
  border: 1px solid #e5e5e5; }

.table__my-tanks {
  background: #fff;
  width: 100%; }
  .table__my-tanks th, .table__my-tanks td {
    padding: 10px 20px;
    /*font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
    text-align: left;
    vertical-align: top; }
  .table__my-tanks thead {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eaeaea',GradientType=0 ); }
    .table__my-tanks thead th.header {
      color: #313131;
      font-size: 13px;
      font-weight: 600; }
      .table__my-tanks thead th.header span {
        padding: 0 20px 0 0;
        position: relative;
        display: inline-block; }
        .table__my-tanks thead th.header span:after {
          content: '';
          background: url("../img/icons/sort.png") no-repeat center;
          position: absolute;
          right: 0px;
          top: 4px;
          width: 9px;
          height: 12px; }
      .table__my-tanks thead th.header.headerSortUp span:after {
        background: url("../img/icons/sort-down.png") no-repeat center; }
      .table__my-tanks thead th.header.headerSortDown span:after {
        background: url("../img/icons/sort-up.png") no-repeat center; }
  .table__my-tanks tbody tr {
    border-top: 1px solid #e5e5e5; }
    .table__my-tanks tbody tr:first-child {
      border: none; }
  .table__my-tanks tbody td {
    font-size: 13px; }
    .table__my-tanks tbody td a {
      color: #b52532;
      text-decoration: none;
      font-weight: 600; }

.progress {
  background-color: #f6f6f6;
  border: 1px solid white;
  max-width: 150px;
  height: 20px;
  padding: 0px; }
  .progress .meter {
    background: #77d310;
    display: block;
    height: 100%; }
  .progress.secondary .meter {
    background: #b52532;
    display: block;
    height: 100%; }
  .progress.success .meter {
    background: #77d310;
    display: block;
    height: 100%; }
  .progress.alert .meter {
    background: #b52532;
    display: block;
    height: 100%; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden; }
    .progress.round .meter {
      -webkit-border-radius: 0px;
      border-radius: 0px; }

/*.pagination {
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;

  li {
      display: inline-block;
      margin-left: -4px;

    &:not(:last-child) a {
        border-right: medium none;
    }
    &:first-child a {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    &:last-child a {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }
    &.current a {
        background: #fff none repeat scroll 0 0;
        color: #888;
        cursor: default;
    }
  }
  a {
      border: 1px solid #dbdbd9;
      display: block;
      font-weight: 600;
      height: 38px;
      line-height: 38px;
      text-align: center;
      width: 38px;

    &:hover {
        background: white none repeat scroll 0 0;
    }
  }
}

@media only screen and (max-width: 480px) {
  .pagination a {
      font-size: 0.7rem;
      height: 30px;
      line-height: 30px;
      width: 30px;
  }
}*/
#map-canvas.tanks {
  height: 500px; }

.map-holder {
  position: relative; }
  .map-holder form {
    position: absolute;
    width: 100%;
    top: 10px;
    z-index: 50;
    left: 115px;
    padding: 0 116px 0 0; }
  .map-holder .search_input input {
    width: 90%;
    max-width: 90%;
    margin-left: 15px;
    border-radius: 15px !important;
    background: #fff url(../img/search-icon.png) no-repeat 10px center;
    height: 34px;
    font-size: 12px;
    padding-left: 35px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 245px;
    max-width: 100%;
    margin: 0; }
  .map-holder select.filter {
    display: inline-block;
    width: 150px;
    max-width: 100%;
    margin-right: 5px;
    margin-bottom: 0; }
    .lt-ie10 .map-holder select.filter {
      background: transparent;
      padding: 0 0 0 10px; }
    .map-holder select.filter.sort-bg-select {
      width: 60px; }
  .map-holder form > div {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 180px;
    max-width: 40%;
    display: inline-block; }
    .map-holder form > div.search_input {
      width: 245px;
      max-width: 60%; }
    .map-holder form > div ul {
      background-color: #fff;
      height: auto;
      padding: 7px 15px;
      float: right;
      margin-right: 15px; }
      .map-holder form > div ul li {
        list-style-type: none;
        display: inline-block; }
        .map-holder form > div ul li input[type="checkbox"] {
          display: none; }

.lt-ie10 select.filter {
  background: #fff; }
.no-textshadow .map-view-search.filters .sort-select, .no-textshadow .sort-section .sort-select {
  background: #fafafa;
  margin: 0 0 0 15px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.no-textshadow .map-view-search.filters .sort-select:before, .no-textshadow .sort-section .sort-select:before {
  z-index: 1;
}
.map-view-search.filters select.filter {
  width: 160px !important;
  padding: 3px 5px;
  margin: 0 0 0 15px;
  height: 34px; }
.no-textshadow .map-view-search.filters .sort-select select.filter, .no-textshadow .sort-section select {
  background: none;
  width: 205px!important;
  max-width: none;
  float: left;
  position: relative;
  z-index: 2;
  margin: 0px;
  border: none;
}
.prev .fa, .next .fa {
  background: none; }

/* ==========================================================================
    Registration landing
   ========================================================================== */
.content-holder {
  padding: 45px 0 0; }

.middle-section {
  max-width: 1010px;
  margin: 0 auto; }

.new-to-logo {
  height: 52px;
  vertical-align: top;
  margin: 7px 0 0; }

.registr-section h1, .registr-section h2, .registr-section h3, .registr-section h4, .registr-section h5, .registr-section h6 {
  color: #b52532; }
.registr-section h1, .registr-section h2 {
  /*font-family: 'dax_otcond_medium';*/
}
.registr-section h3 {
  /*font-family: 'dax_otcond_bold';*/
}
.registr-section h4, .registr-section h5, .registr-section h6 {
  /*font-family: 'dax_otcond_regular';*/
}
.registr-section h1 {
  font-size: 3.2em;
  margin: 0 0 10px; }
  .registr-section h1 span {
    position: relative;
    top: 1px; }
.registr-section h2 {
  font-size: 2.133em;
  line-height: 1.24em;
  margin-bottom: 40px; }
  .registr-section h2 span img {
    height: 37px;
    vertical-align: top; }
.registr-section h3 {
  font-size: 1.6em;
  line-height: 1.25em; }
  .registr-section h3 span img {
    height: 25px;
    vertical-align: top;
    margin: 2px 0 0; }
.registr-section h4 {
  font-size: 1.267em; }
.registr-section h5 {
  font-size: 1.133em; }
.registr-section p {
  font-size: 0.933em;
  line-height: 1.571em; }

.inside-text-image img {
  height: 40px;
  vertical-align: bottom;
  margin-bottom: 2px; }

.start-holder {
  margin: 0 0 27px; }
  .start-holder .columns {
    padding-top: 17px;
    padding-bottom: 17px; }
  .start-holder p {
    font-size: 0.8em; }
  .start-holder .inside-text-image img {
    height: 14px;
    vertical-align: top;
    margin-top: 2px; }

.start-box {
  position: relative;
  padding-right: 6%;
  /*  &:after {
      content: '';
      background: #d9d9d9;
      position: absolute;
      right: 8.5%;
      top: 0px;
      width: 1px;
      height: 100%;
    }*/ }

.custom-list {
  list-style-type: none;
  margin: 0px; }
  .custom-list li {
    color: #b52532;
    display: inline-block;
    /*font-family: "dax_otcond_bold";*/
    font-size: 20px;
    line-height: 24px;
    margin: 18px 0;
    padding-right: 40px; }
    .custom-list li:before {
      color: #de2b3c;
      content: '\f0a9';
      display: inline-block;
      font-family: FontAwesome;
      margin-right: 20px; }

.button.register-btn {
  background: #195c9b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjRhOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #195c9b), color-stop(100%, #024a91));
  background: -webkit-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -o-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -ms-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: linear-gradient(to bottom, #195c9b 0%, #024a91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195c9b', endColorstr='#024a91',GradientType=0 );
  font-size: 1.133em;
  /*font-family: 'dax_otcond_regular';*/
  width: 100%;
  max-width: 260px;
  margin: 0 0 30px; }

.about {
  margin-bottom: 80px; }

.content_about {
  padding-left: 60px; }
  .content_about ul {
    margin-left: 0px; }
    .content_about ul li:first-child {
      color: #b52532;
      /*font-family: "dax_otcond_bold";*/
      font-size: 25px; }
    .content_about ul li:not(:first-child) {
      font-size: 14px; }
    .content_about ul li:not(:first-child)::before {
      color: #b52532;
      content: '\f058';
      display: inline-block;
      font-family: FontAwesome;
      margin-right: 20px; }
  .content_about .content_about-logo {
    display: block;
    margin-bottom: 35px;
    margin-top: 15px; }
  .content_about.on_left {
    border-right: 1px solid #ccc; }
    .content_about.on_left .content_about-logo {
      width: 250px; }
  .content_about.on_right {
    overflow: hidden;
    position: relative; }
    .content_about.on_right .content_about-logo {
      width: 305px; }
  .content_about .button {
    font-size: 24px;
    font-weight: bold;
    width: 260px; }

.button.waitlist_btn {
  background: #de2839; }

@media only screen and (max-width: 968px) and (min-width: 620px) {
  .content_about {
    margin: 0 auto;
    padding-left: 0; }

  .comming_soon {
    width: 65px; } }
@media only screen and (max-width: 968px) {
  .custom-list li {
    display: block; } }
@media only screen and (max-width: 810px) {
  .content_about.on_right .content_about-logo {
    width: 275px; }

  .content_about.on_left .content_about-logo {
    width: 220px; } }
@media only screen and (max-width: 715px) {
  .content_about.on_right .content_about-logo {
    width: 230px; }

  .content_about.on_left .content_about-logo {
    width: 175px; } }
@media only screen and (max-width: 640px) {
  .content_about.on_left {
    border: medium none;
    margin-bottom: 30px; }

  .content_about .content_about-logo, .content_about .button {
    display: block;
    margin: 0 auto 35px; }

  .content_about.on_right .content_about-logo {
    width: 305px; }

  .content_about.on_left .content_about-logo {
    width: 250px; }

  .content_about {
    padding-left: 0; } }
.comming_soon {
  position: absolute;
  right: 0; }

.full-section {
  background: #f4f4f2;
  padding: 40px 0; }

.reason-holder {
  padding: 60px 0 50px;
  border-bottom: 1px solid #d0d0ce; }

.reason-text {
  margin-top: 12px; }

.reasons-slider {
  margin-left: 0px;
  overflow: hidden;
  position: relative; }

.reason hr {
  margin: 60px 0 40px 0; }

.reason__text {
  padding-top: 20px; }
  .reason__text h3 {
    margin-bottom: 15px; }

.reason__text--padding {
  padding-left: 59px; }

.reason__img {
  text-align: center; }

.landing-sign-up {
  color: #b52532;
  /*font-family: "dax_otcond_medium";*/
  font-size: 30px;
  text-align: center; }
  .landing-sign-up .button {
    width: 260px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    vertical-align: top;
    margin-left: 30px; }
  .landing-sign-up .inside-text-image img {
    height: 34px;
    margin-top: 5px; }

@media only screen and (max-width: 1024px) {
  .middle-section {
    padding: 0 20px; } }
@media only screen and (max-width: 768px) {
  .middle-section {
    padding: 0 10px; }

  .start-holder {
    padding: 7px 0 0; }

  .start-box {
    padding-right: 4.5%;
    /*    &:after {
          right: 3%;
        }*/ }

  .custom-list li {
    /*font-family: 'dax_otcond_medium';*/
  }
    .custom-list li span {
      display: block; }

  .full-section {
    padding: 40px 0 60px; }

  .reason-holder {
    padding: 55px 0 23px; }

  .reason-text {
    margin-top: -24px;
    padding-left: 35px; } }
@media only screen and (max-width: 640px) {
  .middle-section {
    font-size: 100%;
    padding: 0 7px; }

  .registr-section h1 {
    font-size: 2.267em;
    margin: 0 0 12px; }
    .registr-section h1 span img {
      height: 32px; }
  .registr-section h2 {
    font-size: 1.6em; }
    .registr-section h2 span img {
      height: 19px; }
  .registr-section h3 {
    font-size: 1.467em; }
  .registr-section p {
    font-size: 0.933em;
    line-height: 1.571em; }

  .start-holder {
    margin: 0 0 3px; }

  .start-box {
    padding-left: 0.66667rem;
    padding-right: 0.66667rem;
    /*    &:after {
          width: 96%;
          height: 1px;
          bottom: 0px;
          right: 2%;
          top: auto;
        }*/ }

  .register-btn {
    max-width: 300px; }

  .full-section {
    padding: 30px 0 60px; }

  .reason-holder {
    padding: 30px 0 7px;
    border-bottom: none;
    position: relative; }

  .reason-text {
    padding-top: 20px;
    padding-left: 0.66667rem;
    margin: 0px; }
    .reason-text p {
      margin: 0 0 25px; }
    .reason-text:after {
      content: '';
      background: #d0d0ce;
      width: 100%;
      height: 1px;
      bottom: 0px;
      right: 2%;
      display: block; }

  .reason hr {
    margin-top: 20px; }

  .reason__img {
    padding-bottom: 20px; }
    .reason__img img {
      width: 50%; }

  .reason__text--padding {
    padding-left: 0; }

  .landing-sign-up .button {
    margin-left: auto;
    margin-top: 20px; }
    .tank-info-nav .user-board__nav.right {
      text-align: left;
    } }
@media only screen and (max-width: 480px) {
  /*  .start-box {
      &:after {
        width: 95%;
        right: 2.5%;
      }
    }*/
  .button.register-btn {
    max-width: none; } }
/* ==========================================================================
    Registration forgot password
   ========================================================================== */
.button.button--reset {
  padding: 0.6rem 2rem 0.66667rem; }

.forgot-pass-holder h1 {
  color: #b52532;
  font-size: 3.2em;
  line-height: 1.118em;
  font-weight: 600;
  margin-bottom: 1.25rem; }
.forgot-pass-holder p {
  font-size: 0.938em;
  line-height: 1.467em; }
.forgot-pass-holder .label--section {
  display: inline-block;
  font-size: 17px; }
.forgot-pass-holder .label--section + .info-icon {
  position: static;
  margin: -4px 0 0;
}
.forgot-pass-holder input.input--box, .forgot-pass-holder select.select--box {
  margin: 0 0 1.06667rem; }
.forgot-pass-holder [data-abide] .error small.error, .forgot-pass-holder [data-abide] .error span.error, .forgot-pass-holder [data-abide] span.error, .forgot-pass-holder [data-abide] small.error {
  margin-bottom: 0.5rem; }
.forgot-pass-holder .button {
  margin-bottom: 1rem;
  padding: 0.55rem 2rem 0.55rem; }

@media only screen and (max-width: 640px) {
  .forgot-pass-holder h1 {
    font-size: 2.267em;
    line-height: 1.118em; }

  .forgot-pass-holder .button {
    width: 100%; }
    .forgot-pass-holder .button + a {
      display: block;
      margin: 0px;
      text-align: center; } }
/* ==========================================================================
    Registration Unverified
   ========================================================================== */
.verifity-holder {
  max-width: 700px;
  padding: 65px 0;
  text-align: center; }
  .verifity-holder .verifity-img {
    margin: 0 0 65px 35px; }
  .verifity-holder p {
    line-height: 1.75em; }
    .verifity-holder p a {
      color: #333;
      font-weight: bold;
      text-decoration: none; }
      .verifity-holder p a:hover {
        text-decoration: underline; }
  .verifity-holder .send-email {
    color: #333;
    font-size: 0.867em;
    line-height: 1.25em;
    width: 250px;
    height: 33px;
    display: inline-block;
    vertical-align: top; }
    .verifity-holder .send-email::-webkit-input-placeholder {
      color: #aaa;
      opacity: 1; }
    .verifity-holder .send-email:-moz-placeholder {
      color: #aaa;
      opacity: 1; }
    .verifity-holder .send-email::-moz-placeholder {
      color: #aaa;
      opacity: 1; }
    .verifity-holder .send-email:focus::-webkit-input-placeholder {
      color: transparent;
      opacity: 1; }
    .verifity-holder .send-email:focus:-moz-placeholder {
      color: transparent;
      opacity: 1; }
    .verifity-holder .send-email:focus::-moz-placeholder {
      color: transparent;
      opacity: 1; }
  .verifity-holder .button {
    font-size: 0.933em;
    padding: 6px 25px;
    margin: 0 2px;
    height: 33px;
    vertical-align: top; }
  .verifity-holder span {
    padding: 0 15px;
    display: inline-block;
    height: 31px;
    line-height: 31px; }

@media only screen and (max-width: 640px) {
  .verifity-holder .send-email {
    display: block;
    margin: 0 auto 8px; }
  .verifity-holder .button {
    margin: 0 auto; }
  .verifity-holder span {
    display: block;
    text-align: center; } }
/* ==========================================================================
    Dashboard page
   ========================================================================== */
.back-section {
  background: #afaeae;
  padding: 1px 0; }

.back-link {
  color: #fff;
  font-size: 0.933em;
  line-height: 2em;
  text-decoration: underline;
  margin: 0 0 0 5px; }
  .back-link:hover {
    color: #fff;
    text-decoration: none; }

.account-info {
  padding-top: 5px;
  padding-bottom: 15px; }
  .account-info .welcome {
    display: inline-block;
    float: none; }

.top-info__view_big {
  font-size: 16px;
  margin: 0 0 0 5px;
  display: inline-block;
  text-decoration: underline !important;
  font-weight: bold;
  vertical-align: middle;
  text-transform: capitalize;
}
  .top-info__view_big:hover {
    text-decoration: none !important; }

.welcome {
  /*font-family: "dax_otcond_medium";*/
  font-size: 16px;
  vertical-align: middle;
  margin: 0 0 0 15px;
  display: block;
  float: left;
  max-width: 79%; }

.user-board .middle-section {
  padding: 17px 0 60px;
  overflow: hidden; }

.one-time .middle-section {
  padding: 17px 0 60px;
}

.no-margin {
  margin: 0px; }

.tank-holder {
  padding-top: 12px;
  padding-bottom: 10px; }

.block-head {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  /*font-family: 'dax_otcond_medium';*/
  padding: 0 0 10px 0; }
  .block-head span {
    font-weight: normal;
    margin: 0 0 0 5px;
  }
  .block-head.block-head-space {
    padding: 0 60% 10px 0;
    position: relative; }
  .block-head .my-tank__count {
    background: #aaaaa9;
    color: #fff;
    font-size: 13px;
    padding: 0 8px;
    vertical-align: top;
    position: relative;
    top: 5px;
    display: inline-block;
    /*font-family: "dax_otcond_bold";*/
    -webkit-border-radius: 10px;
    border-radius: 10px; }

.section_dashboard {
  margin-top: 20px; }

.orbit-container {
  position: relative; }

.orbit-container .orbit-slides-container > * {
  margin-left: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%; }

.orbit-container .orbit-slides-container > *:first-child {
  margin-left: 0px; }

.content-block {
  background: #fff;
  padding: 10px;
  clear: both;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 1, 1, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 1, 1, 0.1); }

.balance-holder {
  position: relative;
}
@media only screen and (max-width: 640px) {
  .info-block--tank .balance-holder {
    height: 330px;
  }
  .info-block--tank .balance-holder #map-canvas {
    height: 310px!important;
  }
}
  .balance-holder.balance-holder__left {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
  .balance-holder.balance-holder__right {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #ececec; }
  .balance-holder .column {
    position: relative;
    padding: 0px;
    position: static; }
    .balance-holder .column .current-statement {
      color: #0c5295;
      margin: 15px 0 12px;
      letter-spacing: -2px; }
    .balance-holder .column .current-statement__text {
      letter-spacing: -0.04em;
      margin: 0 0 28px; }
    .balance-holder .column .more {
      font-size: 0.933em;
      /*font-family: 'dax_otcond_medium';*/
      margin: 4px 0 0; }
    .balance-holder .column .total-block {
      text-align: center;
      margin: 10px 0 0;
      position: relative; }
      .balance-holder .column .total-block > div {
        position: relative;
        display: block !important;
        margin: 0 auto; }
.custom-text{
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #666666;
}
.grey-text{
    color: #666666 !important;
}
.new-block-custom{
    margin-top: 40px !important;
  }
.price-holder {
  min-height: 143px;
  padding: 0 0 10px; }
  .price-holder a {
    font-size: 13px;
    font-weight: 600; }
  .price-holder p {
    font-size: 13px;
    margin: 0 0 7px; }
    .price-holder p.small {
      font-size: 12px;
      letter-spacing: -0.025em; }
/*.renew-thank-you-container{
  font-family: OpenSans;
}*/
.renew-thank-you-container--custom{
  padding-top: 30px !important;
}
.thank-you-renew p {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin: 0 0 7px;
}
.thank-you-renew {
    max-width: 600px;
}
.balances.balances__has-border {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 10px;
  margin: 0 0 10px; }
.balances a {
  font-size: 13px;
  font-weight: 600; }
.balances .balance-item {
  overflow: hidden;
  margin: 0 0 3px; }
  .balances .balance-item dt, .balances .balance-item dd {
    float: left;
    margin: 0px; }
  .balances .balance-item dt {
    width: 60%; }
  .balances .balance-item dd {
    width: 40%;
    text-align: right; }
    .balances .balance-item dd span {
      color: #094a92;
      font-weight: 700; }
.balances.balances-total {
  padding: 15px 0 0; }
  .balances.balances-total dt, .balances.balances-total dd {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 0 0 30px; }
  .balances.balances-total dd {
    font-size: 1.6em;
    line-height: 1.4em;
    color: #0c5295;
    /*font-family: 'dax_otcond_medium';*/
  }

.plan-box {
  min-height: 81px;
  padding: 0 0 25px; }
  .plan-box .plan-row, .plan-box .price-row {
    margin: 0px; }

.plan-row, .payment-row, .money-row, .litres-row {
  color: #666;
  font-size: 13px;
  padding: 0 0 0 20px;
  margin: 0 0 5px; }
  .plan-row span, .plan-row a, .payment-row span, .payment-row a, .money-row span, .money-row a, .litres-row span, .litres-row a {
    font-weight: bold;
    font-size: 11px; }

.plan-row {
  background: url(../img/icons/lock.png) no-repeat left 3px; }

.payment-row {
  background: url(../img/icons/pie-chart.png) no-repeat left 3px; }

.money-row {
  font-weight: normal;
  background: url(../img/icons/dollar.png) no-repeat 2px 3px; }

.litres-row {
  font-weight: normal;
  background: url(../img/icons/truck.png) no-repeat 2px 3px; }

.price-row {
  color: #888;
  font-size: 1.467em;
  padding: 0 0 0 20px;
  /*font-family: "dax_otcond_medium";*/
}
  .price-row span {
    color: #0c5295; }

.block-head .right-link {
  float: right;
  margin-top: 4px;
  font-size: 12px;
  font-family: "Open sans", sans-serif;
  font-weight: normal;
}

.dashboard-budget__balances {
  margin: 7px 0 13px 0; }

.dashboard-budget {
  padding: 10px 0 15px 0; }
  .dashboard-budget .column {
    padding: 0 20px; }
  .dashboard-budget h4 {
    /*font-family: "dax_otcond_medium";*/
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 300;
    font-style: italic;
    color: #333; }
  .dashboard-budget .plan-row, .dashboard-budget .payment-row {
    font-size: 14px;
    font-weight: normal;
    padding-left: 30px; }
  .dashboard-budget .balances dl {
    margin-bottom: 7px; }
  .dashboard-budget .balances dd {
    font-size: 14px;
    color: #666; }
  .dashboard-budget .balances a {
    margin-top: 15px;
    display: block; }
  .dashboard-budget .fuel-litres {
    margin-bottom: 15px; }
    .dashboard-budget .fuel-litres p {
      line-height: 28px;
      font-size: 12px !important; }
  .dashboard-budget .paid-installements {
    margin-bottom: 0px; }
  .dashboard-budget .fuel-litres__text {
    padding: 0 0 0 10px;
    color: #333; }
  .dashboard-budget .fuel-litres, .dashboard-budget .fuel-litres__purchased {
    height: 16px;
    line-height: 16px;
    /*font-family: "dax_otcond_medium";*/
    font-size: 12px; }
  .dashboard-budget .month {
    width: 16.666%;
    border: 3px solid #fff;
    
    /*font-family: "dax_otcond_regular";*/
  }
    .dashboard-budget .month:first-of-type, .dashboard-budget .month:last-of-type {
      border: 3px solid #fff; }
  .dashboard-budget .dashboard-budget__no-plan img {
    width: 95px;
    margin: 15px 0 20px 0; }
  .dashboard-budget .dashboard-budget__no-plan p {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px; }
    .dashboard-budget .dashboard-budget__no-plan p.no-plan {
      font-size: 14px;
      font-weight: 600; }
  .dashboard-budget .dashboard-budget__no-plan a {
    font-size: 13px;
    font-weight: 600; }

    .no-plan-img {
      margin: 0 0 18px;
    }

.tank-head.tank-head__cylinder {
  font-size: 1.2em;
  /*font-family: 'dax_otcond_medium';*/
  padding: 17px 20px 5px; }
  .tank-head.tank-head__cylinder + .count {
    display: none; }

.cylinder {
  text-align: center;
  padding: 27px 20px 0; }
  .cylinder img {
    margin: 0 0 37px; }
  .cylinder .button {
    width: 100%; }

.no-tanks {
  text-align: center;
  padding-left: 20px;
  padding-left: 20px; }
  .no-tanks .tank-head {
    font-size: 20px;
    /*font-family: 'dax_otcond_medium';*/
    padding: 5px 0 20px; }
  .no-tanks img {
    margin-bottom: 25px; }
  .no-tanks p {
    font-size: 13px; }
  .no-tanks .has-tip {
    color: #b52532;
    border-bottom: none;
    font-weight: normal;
    text-decoration: underline; }

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  margin: 0 auto;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  min-height: 310px;
  padding: 1px 2px 3px;
  margin: -1px -2px -3px;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tank-slider_major .content-block {
  padding: 0px;
  min-height: 297px; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

/*.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}*/
/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

.two-plans {
  padding: 0 0 25px; }
  .two-plans .plan {
    margin-bottom: 12px; }
  .two-plans a {
    font-size: 12px; }

.plan-name {
  font-size: 14px;
  color: #666;
  font-weight: 600;
  float: left; }

.plan-img {
  width: 17px;
  text-align: center;
  margin-right: 8px;
  display: inline-block; }
  .plan-img img {
    position: relative;
    top: -2px; }

.plan-price {
  font-size: 14px;
  color: #666;
  float: right; }
  .plan-price span {
    color: #b52532;
    font-weight: bold; }

.tank-slider {
  width: 100%;
  min-height: 394px;
  padding: 0 10px;
  margin: 0 0 35px;
  position: relative;
  overflow: hidden; }
  .tank-slider.tank-slider_major {
    min-height: 307px;
    padding: 0px;
    overflow: visible; }

.tank-head {
  font-size: 20px;
  padding: 4px 105px 5px 10px;
  position: relative;
  /*font-family: 'dax_otcond_regular';*/
}
.tank-head a {
  color: #4a4a4a;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}
.tank-head a:hover {
  text-decoration: underline;
}

.smart-tank {
  position: absolute;
  right: 24px;
  top: 3px; }
  .tank-header .smart-tank {
    position: static; }

.tabs-content .range-holder.range-holder__dumb {
    padding: 23px 0 30px;
}

.range-holder {
  padding: 53px 20px 30px;
  text-align: center; }
  .range-holder.range-holder__dumb {
    padding: 27px 0 30px;
    margin: 15px 0 25px; }
    .range-holder.range-holder__dumb .range-mask {
      margin: -29px -13px -18px; }
  .range-holder .range-mask {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: -32px -13px -15px; }

.range-holder .range-slider {
  position: relative;
  width: 90%;
  max-width: 188px;
  margin: 0 auto; }

  /*.tanks-container .tank-content .range-holder {
    min-height: 150px;
  }*/
  .range-holder .range-slider .range-slider-handle {
    /*    background: red;
        position: absolute;
        left: 50%;
        top: 0px;
        width: 10px;
        height: 10px;
        z-index: 5;*/
    display: none; }
  .range-holder .range-slider .range-slider-active-segment {
    background: #FBECE9;
    position: absolute;
    left: 2%;
    /*bottom: 0px;*/
    bottom: -2px;
    width: 96%;
    z-index: 1; }
  .range-holder .range-slider.range-slider-dumb .range-slider-active-segment {
    background: #e9e9e9; }
  .range-holder .range-slider .range-value {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 3;
    text-align: center;
    margin: -16px 0 0; }
    .no-fill-cargas {
      font-size: 10.5px !important;
    }
    .range-holder .range-slider .range-value span {
      text-shadow: 0px 1px 0px #fff, 1px 0px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=#fff,direction=45);
      color: #666;
      font-size: 30px;
      line-height: 36px;
      font-weight: 600;
      /*font-family: 'dax_otcond_medium';*/
      /*text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff;*/
    }

 .range-holder.range-holder__dumb.range-holder__large {
  padding: 29px 0 20px;
 }
 .range-holder.range-holder__large .range-mask {
  margin: -35px -13px -21px;
 }
 .range-holder__large .range-slider {
  max-width: 180px;
 }
 .range-holder__large .range-slider.range-slider-dumb .range-slider-active-segment {
  background: #c1272d;
  width: 96%;
  left: 2%;
 }
 .range-holder__large .range-slider.range-slider-dumb .range-value span {
  color: #c1272d;
 }
 .range-holder__large-gray .range-slider.range-slider-dumb .range-slider-active-segment {
  background: #e9e9e9;
 }
 .range-holder__large-gray .range-slider.range-slider-dumb .range-value span {
  color: #666;
 }

.total-block .range-slider {
  position: relative;
  border-radius: 50%;
  width: 210px;
  height: 210px;
  margin: 0 auto; }
  .total-block .range-slider .range-slider-handle {
    display: none; }
  .total-block .range-slider .range-slider-active-segment {
    background: #fff;
    display: inline-block;
    width: 186px !important;
    height: 186px;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 50%; }
  .total-block .range-slider .range-value {
    color: #8ad74c;
    font-size: 54px;
    line-height: 60px;
    /*font-family: 'dax_otcond_medium';*/
    position: relative;
    padding: 75px 25px; }

.tank-text {
  padding: 10px 10px 2px;
  letter-spacing: -0.015em; }
  .tank-text p {
    color: #494949;
    font-size: 0.867em;
    margin: 0 0 10px; }
    .tank-text p.alert-text, .smart-tank-alert p.alert-text {
      background: url('../img/icons/alert-red.png') no-repeat 0 4px;
      font-size: 16px;
      line-height: 19px;
      font-weight: 300;
      padding: 0 0 0 38px;
      margin: 0 0 15px;
      letter-spacing: -0.035em;
      min-height: 38px; }
      .tank-text p a {
        color: #494949;
        text-decoration: underline;
      }
    .smart-tank-alert p.alert-upgrade {
      font-size: 16px;
      line-height: 19px;
      font-weight: 300;
      padding: 0 0 0 38px;
      margin: 0 0 15px;
      letter-spacing: -0.035em;
      min-height: 38px; }

    .tank-text p a:hover {
      text-decoration: none; }
      .smart-tank-alert p.alert-text, .smart-tank-alert p.alert-upgrade {
        padding: 0 0 0 50px;
        margin: 0px;
        text-align: left;
      }
@media only screen and (max-width: 1024px) {
    .tank-text p.alert-text {
      min-height: 38px;
    }
}
.empty-wrap {
  padding: 0 20px; }

  .button--red {
    border: 1px solid #b52532;
  }

.btn-row.btn-row__has-padding {
  padding: 0 10px 14px; }
.btn-row .button {
  width: 141px;
  font-size: 16px;
  letter-spacing: -0.025em;
  max-width: 49.5%;
  margin: 0 0 3px;
  padding: 3px 5px; }
  .btn-row .button.button--gray {
    background: none;
    border: 1px solid #686868;
    color: #686868;
  }
  .btn-row .button.button--red {
    font-weight: bold;
    border: 1px solid #b52532;
  }
.tank--usage__tab-pane .button.button--gray {
  background: #fff;
}
.button--blue {
  background: #195c9b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NWM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjRhOTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #195c9b), color-stop(100%, #024a91));
  background: -webkit-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -o-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: -ms-linear-gradient(top, #195c9b 0%, #024a91 100%);
  background: linear-gradient(to bottom, #195c9b 0%, #024a91 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195c9b', endColorstr='#024a91',GradientType=0 );
  border: 1px solid transparent; }

.button--blue:hover {
  background: #024a91;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNGE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNhNzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #024a91 0%, #003a73 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #024a91), color-stop(100%, #003a73));
  background: -webkit-linear-gradient(top, #024a91 0%, #003a73 100%);
  background: -o-linear-gradient(top, #024a91 0%, #003a73 100%);
  background: -ms-linear-gradient(top, #024a91 0%, #003a73 100%);
  background: linear-gradient(to bottom, #024a91 0%, #003a73 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024a91', endColorstr='#003a73',GradientType=0 ); }

.center {
  text-align: center; }

.italic {
  font-style: italic; }

.non-smart p{
  font-size: 13px;
  color: #666;
}
.orbit-prev, .orbit-next, .owl-prev, .owl-next {
  display: block;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -48px; }

.owl-prev, .owl-next {
  text-indent: -9999px; }

.orbit-prev, .owl-prev {
  background: #fff url('../img/elem/prev-next.png') no-repeat 11px center;
  right: 40px; }

.orbit-next, .owl-next {
  background: #fff url('../img/elem/prev-next.png') no-repeat -17px center;
  right: 0px; }

.orbit-prev.hidden, .orbit-next.hidden, .owl-prev.hidden, .owl-next.hidden {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default !important; }

.owl-responsive-1025.single .owl-controls, .owl-responsive-641.single-tablet .owl-controls, .owl-responsive-641.single .owl-controls, .owl-responsive-0.single .owl-controls {
  display: none; }

.orbit-bullets-container {
  margin: -25px 0 0; }

.orbit-bullets {
  padding: 5px 0;
  margin: 0px;
  text-align: center;
  min-height: 34px; }
  .orbit-bullets li {
    background: #c3c3c2;
    display: inline-block;
    list-style-type: none;
    width: 10px;
    height: 10px;
    margin: 0 0 0 10px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%; }

.owl-dots {
  width: 100%;
  padding: 5px 0;
  margin: 0px;
  text-align: center;
  min-height: 34px;
  position: absolute;
  left: 0px;
  bottom: -34px; }
  .owl-dots .owl-dot {
    background: #c3c3c2;
    display: inline-block;
    list-style-type: none;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%; }

.orbit-bullets li.active, .orbit-bullets li:hover, .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover {
  background: #b52532; }

.tank-holder .orbit-slide-number {
  color: #666;
  font-size: 0.8em;
  font-family: "Open Sans";
  position: absolute;
  left: 21px;
  top: 43px;
  z-index: 5; }

.count {
  font-size: 0.8em;
  display: inline-block;
  padding: 0 70px 0 10px; }
  .count span {
    padding: 0 3px; }

.second-count {
  display: none; }

.activity-list, .tank-history {
  margin: -5px 0;
  height: 384px;
  overflow: auto; }
  .activity-list li, .activity-list a, .tank-history li, .tank-history a {
    color: #333; }
  .activity-list li, .tank-history li {
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 4px 8px 0px; }
    .activity-list li:nth-of-type(2n+2), .tank-history li:nth-of-type(2n+2) {
      background: #f7f7f7; }
    .activity-list li.delivery-item > a, .tank-history li.delivery-item > a {
      cursor: pointer; }
    .activity-list li > a, .activity-list li .tank-history-item, .tank-history li > a, .tank-history li .tank-history-item {
      cursor: default; }
    .activity-list li a, .activity-list li .tank-history-item, .tank-history li a, .tank-history li .tank-history-item {
      letter-spacing: -0.015em;
      font-size: 13px;
      line-height: 1.286em;
      display: block;
      padding: 13px 130px 13px 50px;
      text-decoration: none;
      position: relative;
      z-index: 2;
      padding: 5px 0 5px 50px;
      float: left;
      width: 65%; }
      .activity-list li a.car, .activity-list li .tank-history-item.car, .tank-history li a.car, .tank-history li .tank-history-item.car {
        background: url(../img/icons/icon-car.png) no-repeat 10px center; }
      .activity-list li a.alert, .activity-list li .tank-history-item.alert, .tank-history li a.alert, .tank-history li .tank-history-item.alert {
        background: url(../img/icons/icon-alert.png) no-repeat 10px center; }
      .activity-list li a.one, .activity-list li .tank-history-item.one, .tank-history li a.one, .tank-history li .tank-history-item.one {
        background: url(../img/icons/icon-one.png) no-repeat 10px center; }
      .activity-list li a.transaction, .activity-list li .tank-history-item.transaction, .tank-history li a.transaction, .tank-history li .tank-history-item.transaction {
        background: url(../img/icons/icon-transaction.png) no-repeat 12px center; }
    .activity-list li.no-more-elements, .tank-history li.no-more-elements {
      padding: 13px 0 10px;
      text-align: center;
      font-size: 13px; }
    .activity-list li .button--edit, .tank-history li .button--edit {
      padding: 0px;
      position: absolute;
      right: 7px;
      top: 50%;
      text-align: center;
      max-width: 80px;
      height: 25px;
      line-height: 25px;
      margin: -12px 0 0; }
  .activity-list .action, .tank-history .action {
    width: 35%;
    text-align: right;
    float: right; }
    .activity-list .action a.button--edit, .tank-history .action a.button--edit {
      display: inline-block;
      height: 25px;
      line-height: 25px;
      padding: 0;
      width: 80px;
      text-align: center;
      float: right; }

.slider-item-ins {
  padding: 10px;
  min-height: 394px; }

.user-board .slider-img, .marketing-img {
  text-align: center;
  background: #F4F4F2; }
  .user-board .slider-img img, .marketing-img img {
    max-height: 247px; }

.marketing-img {
  background: none;
  margin-bottom: 15px; }

.user-board .slider-content {
  padding: 17px 10px 0; }
  .user-board .slider-content h3 {
    color: #b52532;
    font-size: 22px;
    margin: 0 0 6px; }
  .user-board .slider-content p {
    font-size: 0.867em;
    line-height: 1.538em;
    margin: 0 0 8px;
    letter-spacing: -0.02em; }
  .user-board .slider-content a {
    /*font-family: 'dax_otcond_regular';*/
  }

#edit-delivery-rating, #report-modal {
  max-width: 600px;
  padding: 17px 20px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }
  #edit-delivery-rating .close-reveal-modal, #report-modal .close-reveal-modal {
    color: #b52532;
    font-size: 2em;
    /*font-family: 'dax_otcond_bold';*/
    text-decoration: none;
    right: 1rem; }

.delivery-holder h2 {
  color: #333;
  font-size: 24px;
  margin: 0 0 17px;
  /*font-family: 'dax_otcond_medium';*/
}
.delivery-holder p {
  color: #333;
  font-size: 0.867em;
  line-height: 1.538em;
  margin: 0 0 23px; }

.delivery-holder-btns {
  padding-left: 5px;
  display: inline-block; }
  .delivery-holder-btns .button--edit {
    margin-right: 5px;
    margin-left: 0;
    position: relative;
    top: -3px; }

.mobile-popup-page h2 .button--edit {
  margin-left: 5px;
  position: relative;
  top: -3px; }

.delivery-holder header {
  background-color: #fff; }
  .delivery-holder header h3, .delivery-holder header h4, .delivery-holder header h5 {
    color: #b52532;
    font-size: 1.2em;
    /*font-family: 'dax_otcond_medium';*/
    margin: 0 0 5px; }
  .delivery-holder header h3 {
    display: none; }
  .delivery-holder header h5 {
    font-size: 1.067em; }

.tank-location > div:not(.row):not(#delivery_rate_comment) {
  margin: 0px;
  padding: 11px 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden; }
  .tank-location > div:not(.row):not(#delivery_rate_comment).rate-first {
    border-top: 1px solid #e5e5e5;
    margin: 15px 0 0; }
  .tank-location > div:not(.row):not(#delivery_rate_comment) p {
    margin: 0px; }
  .tank-location > div:not(.row):not(#delivery_rate_comment) .popup-error-msg {
    font-size: 12px; }
.tank-location textarea {
  max-width: 522px;
  height: 80px;
  resize: none; }
.tank-location .rating {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 0px;
  float: right;
  margin: -3px 0 0; }
.tank-location .button {
  min-width: 120px;
  padding: 8px 10px;
  margin: 0 0 10px;
  float: left; }
.tank-location .pass-cancel {
  /*font-family: "dax_otcond_medium";*/
  font-size: 16px;
  text-decoration: underline;
  display: block;
  float: left;
  margin-top: 9px; }
.tank-location .row {
  margin: 0px; }

.delivery-info-item {
  overflow: hidden;
  margin: 0px;
  line-height: 1.333em; }
  .delivery-info-item dt, .delivery-info-item dd {
    font-size: 0.867em;
    display: inline-block;
    margin: 0px; }
  .delivery-info-item dt {
    min-width: 143px; }

/*-------------rating styles-----------*/
.jRatingAverage {
  background: url("../img/elem/stars-yellow.png") repeat-x left top !important;
  position: relative;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%; }

.jRatingColor {
  background: url("../img/elem/stars-yellow.png") repeat-x left top !important;
  position: relative;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100%; }

.jStar {
  background: url("../img/elem/stars.png") repeat-x left top !important;
  position: relative;
  left: 0;
  z-index: 3; }

.starMask {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 5; }

p.jRatingInfos {
  position: absolute;
  z-index: 9999;
  background: #666;
  color: #fff;
  display: none;
  width: 91px;
  height: 29px;
  font-size: 16px;
  text-align: center;
  padding-top: 5px; }

p.jRatingInfos span.maxRate {
  color: #c9c9c9;
  font-size: 14px; }

.delivery-average-rating {
  position: relative;
  position: absolute !important;
  right: 5px;
  top: 50%;
  margin: -10px 0 0; }

.range-slider-total {
  color: #8ad74c !important;
  /*font-family: "dax_otcond_medium" !important;*/
  font-size: 54px !important;
  font-weight: normal !important; }

.total-block canvas {
  transform: rotateY(180deg); }

.tooltip {
  background-color: #fff;
  color: #666;
  font-size: 16px;
  font-family: "Open Sans";
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 2px 6px 0px rgba(0, 1, 1, 0.1);
  box-shadow: 0 2px 6px 0px rgba(0, 1, 1, 0.1);
  max-width: 238px; }
  .tooltip.tip-top {
    margin: -10px 0 0; }
    .tooltip.tip-top .nub {
      background: url("../img/elem/tooltip-arrow-bottom.png") no-repeat left 3px; }
  .tooltip .nub {
    background: url("../img/elem/tooltip-arrow-top.png") no-repeat left top;
    margin: -3px 0 0 -7px !important;
    width: 20px;
    height: 13px;
    border: none !important; }

#activity_filters {
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  top: 6px;
  /*overflow: hidden;*/
 }
  #activity_filters li {
    display: block;
    line-height: 0.75em;
    float: left;
    padding: 0 10px;
    border-left: 1px solid #333; }
    #activity_filters li:first-child {
      border: none;
      padding: 0 10px 0 0; }
    #activity_filters li:last-child {
      padding-right: 0; }
    #activity_filters li a {
      font-size: 15px;
      text-transform: none;
      font-weight: normal;
      text-decoration: none;
    }
      #activity_filters li a.active {
        color: #333;
        cursor: default;
        text-decoration: none; }

        #activity_filters li a:hover {
          text-decoration: underline;
        }

.info-block {
  padding: 0 0 18px; }
  .info-block--section {
    border-top: 1px solid #d8d8d8;
    padding: 5px 0; }
    .info-block--section:first-child {
      border: none;
      margin: 0px;
      padding: 0px; }
  .info-block--col {
    float: left; }
    .info-block--col-wrap__l {
      width: 50%;
      float: left;
      padding: 0 2% 0 0;
      border-right: 1px solid #D8D8D8;
    }
    .info-block--col-wrap__r {
      width: 50%;
      float: left;
      padding: 0 0 0 2%;
    }
    .info-block--col-wrap.info-block--col-wrap__l .info-block--col__l, .info-block--col-wrap.info-block--col-wrap__r .info-block--col__l {
      width: 100%;
      vertical-align: top;
      font-size: 14px;
      letter-spacing: -0.025em;
    }
    /*.info-block--col-wrap .info-block--col__l h3 {
      font-size: 12px;
      line-height: 15px;
      display: block;
      padding: 3px 0 0;
    }*/
    .info-block--col-wrap.info-block--col-wrap .info-block--col h3 {
      display: inline-block;
      font-size: 14px;
      line-height: normal;
      letter-spacing: -0.025em;
    }
    .info-block--col__l {
      width: 70%; }
      .info-block--col__l h3 {
        font-size: 16px;
        line-height: 18px;
        display: inline;
        vertical-align: top;
        font-family: "Open sans", sans-serif;
        margin: 0px; }
      .info-block--col__l h4 {
        color: #000;
        font-size: 29px;
        margin: 0px;
        font-weight: 300;
        /*font-family: "dax_otcond_light";*/
      }
        .info-block--col__l h4 span {
          color: #000;
          /*font-family: "dax_otcond_medium";*/
        }
    .info-block--col__r {
      width: 30%;
      text-align: right; }
      .info-block--col__r a {
        font-size: 16px;
        text-decoration: none;
        display: inline-block;
        /*font-family: "dax_otcond_medium";*/ }
        .info-block--col__r a.details {
          background: #fff url("../img/elem/right-arrow-red.png") no-repeat right 2px;
          line-height: 18px;
          padding: 0 25px 0 0;
          vertical-align: top;
          float: right;text-transform: lowercase;
        }
        .info-block--col__r a:hover {
          text-decoration: none; }
      .info-block--col__r .button.tiny {
        font-size: 16px;
        height: 26px;
        line-height: 26px;
        padding: 0 5px;
        width: 100%;
        max-width: 150px;
        margin: 20px 0 0;
        text-decoration: none; }
    .info-block--col__major {
      width: 100%;
    }
    .info-block--col__major h4 {
      color: #b52532;
      font-size: 52px;
      line-height: 1.2em;
      margin: 25px 7px 30px;
      font-weight: 300;
      /*font-family: "dax_otcond_regular";*/
    }
    .info-block--col__btn {
      /*text-align: center;*/
      padding: 0 0 10px;
    }
    .info-block--col__btn .button {
      min-width: 47%;
      padding: 3px 10px;
    }
    .info-block--col__major .view-bill {
      background: none;
      color: #686868;
      border: 1px solid #686868;
      margin: 0 0 10px -2px;
    }
    .info-block--col__major .make-payment {
      font-weight: bold;
      border: 1px solid #b52532;
      margin: 0 -2px 10px 0;
    }
  .info-block--account .block-head {
    padding: 0 0 7px; }
  .info-block--tank .block-head {
    position: relative;
    padding: 0 185px 7px 0; }
    .info-block--tank .block-head .explore-tanks {
      background: #fff;
      position: absolute;
      right: -1px;
      bottom: -2px;
      padding: 8px 10px 10px;
      text-decoration: none;
      font-size: 16px;
      -webkit-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      border-right: 1px solid rgba(0, 1, 1, 0.1);
    }
      .info-block--tank .block-head .explore-tanks span {
        background: #fff url("../img/elem/right-arrow-red.png") no-repeat right center;
        padding: 0 25px 0 0;
        text-transform: none;
        font-weight: 600;
      }

.sort-sub-nav {
  margin: 5px 0 10px; }
  .sort-sub-nav li {
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 0 0 0 6px;
    border-left: 1px solid #4a4a4a;
    line-height: 14px; }
    .sort-sub-nav li:first-child {
      border: none;
      padding-left: 0px;
      margin-left: 0px; }
    .sort-sub-nav li a {
      margin: 0px; }
      .sort-sub-nav li a.current {
        color: #4a4a4a;
        text-decoration: none;
        cursor: default; }

@media only screen and (max-width: 1024px) {
  .price-holder {
    padding: 0 0 25px; }

  .price-holder, .tank-slider {
    min-height: 0px; }

  .user-board .middle-section {
    padding: 25px 0 35px; }

  .user-board .middle-section_dashboard {
    padding-bottom: 15px; }

  .btn-row .button {
    min-width: 48%;
    font-size: 0.867em;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 5px; }

  .block-head.single-head {
    padding-left: 24.25%; } }
@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .owl-carousel .owl-stage-outer {
    height: auto !important; }

  .second-count {
    display: inline-block; } }
@media only screen and (max-width: 800px) {
  .balance-holder .column .current-statement__text {
    margin: 0 0 17px; }

  .activity-list {
    height: 352px; } }
@media only screen and (max-width: 768px) {
  .plan-box {
    padding: 0 0 21px; }

  .activity-list {
    height: 381px; }

  .slider-item-ins {
    overflow: hidden; }
    .slider-item-ins img {
      width: 100%;
      max-width: none; }

  .block-head.block-head-space {
    padding: 0 0 10px; }

  #activity_filters {
    position: static;
    float: right;
    padding-top: 7px; } }
@media only screen and (max-width: 640px) {
  .account-info-mobile ul li {
    overflow: hidden; }

  .account-info-mobile ul li:first-child {
    padding: 10px 0.66667rem;
  }

  .account-info-mobile ul li a {
    padding: 10px 1rem;
    line-height: 1.389em; }

  .section_dashboard {
    margin-top: 0px; }

  .top-info .button.tiny {
    margin: 5px 0 0; }

  .btn-row .button {
    min-width: 48%; }

  .block-head.block-head__indent {
    text-indent: 0px; }

  .block-head.block-head-gas-usage {
    padding: 0 80px 10px 0; }

  .tank-slider:not(.tank-slider-info) {
    height: 100%;
    min-height: 300px; }

  .orbit-bullets-container {
    margin: 0 0 25px; }

  .account-info__sandwich {
    background: #b52532 url(../img/icons/menu-btn.png) no-repeat center center;
    width: 44px;
    height: 38px;
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

  .account-info-mobile {
    position: relative;
    clear: both;
    padding: 18px 0 0;
    margin: 0px;
    border-bottom: 1px solid #d0d0ce; }
    .account-info-mobile ul {
      background: #fff;
      margin: 0px;
      padding: 0;
      display: none; }
      .account-info-mobile ul li {
        /*padding: 10px 0.66667rem;*/ }
        .account-info-mobile ul li.menu-item a {
          border-top: 1px solid #d0d0ce;
        }
        .custom-tour .account-info-mobile ul li.services-item {
          border-top: 1px solid #d0d0ce;
        }
        .account-info-mobile ul li.button--active {
          background: #b58f92;
        }
        .account-info-mobile ul li a {
          font-size: 1.2em;
          /*font-family: "dax_otcond_medium";*/
          text-decoration: none;
          display: block; }
        .account-info-mobile ul li .top-info__view_big {
          display: block;
          float: right; }
        .account-info-mobile ul li .welcome {
          padding: 10px 1rem;
          margin: 0px; }
        .account-info-mobile ul li .notifications-number {
          width: 24px;
          height: 24px;
          font-size: 0.8em;
          line-height: 24px;
          top: 2px; }

  .balance-holder.balance-holder__right {
    border-left: none; }

  .balance-holder .column .current-statement__text {
    margin: 0 0 10px; }

  .btn-row .button {
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
    /*font-family: 'dax_otcond_regular';*/
  }

  .content-block {
    margin: 0 0 25px; }
    .content-block.tank-slider:not(.tank-slider_major) {
      margin: 0px; }

  .tank-slider .btn-row .button {
    min-width: 48%; }

  .balance-holder .column .more {
    position: absolute;
    right: 0px;
    top: -35px; }

  .tooltip.tip-override {
    max-width: 400px; }

  .tooltip.tip-override .nub {
    margin: 0 0 0 -18px !important; }

  .slider-item-ins, .tank-slider.tank-slider_major {
    min-height: 0px; }

  .orbit-prev.hidden, .orbit-next.hidden, .owl-prev.hidden, .owl-next.hidden {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

  .owl-carousel .owl-item .content-block {
    margin: 0px; }

  .block-head.block-head-space {
    padding: 0 60% 10px 0; }

  #activity_filters {
    position: absolute;
    padding-top: 0; }

  .block-head.block-head {
    padding-left: 0px; }

  .tooltip.tip-top {
    margin: 0px; }
    .tooltip.tip-top .nub {
      background: url("../img/elem/tooltip-arrow-top.png") no-repeat left top; }

  .sort-sub-nav {
    margin: 0 0 10px; } }
@media only screen and (max-width: 480px) {
  .tooltip.tip-override {
    max-width: 360px; }

    .info-block--tank .block-head {
      padding: 0 150px 7px 0;
    }
    .info-block--tank .block-head .explore-tanks {
      max-width: 150px;
    }

  .block-head.block-head-space {
    padding: 0 0 15px; }

  #activity_filters {
    position: static;
    overflow: hidden;
    float: none; }

  .activity-list li a, .tank-history li a {
    padding-right: 13px;
    width: 100%;
    float: none; }

  .activity-list .action, .tank-history .action {
    float: none;
    width: 100%;
    padding-left: 48px; }
    .activity-list .action a.button--edit, .tank-history .action a.button--edit {
      font-size: 11px;
      width: 75px;
      float: left; }

  .delivery-holder-btns {
    display: block;
    padding-left: 0; }
    .delivery-holder-btns .button--edit {
      top: 0 !important;
      margin-left: 0 !important; } }
@media only screen and (max-width: 360px) {
  .activity-list li {
    overflow: hidden; }

  .delivery-average-rating {
    position: relative !important;
    margin: -10px 0 10px 50px;
    display: block;
    float: left; }

  .tooltip.tip-override {
    max-width: 292px; }

  .tank-holder .button.button--delivery-scheduled {
    padding: 0 3px;
    width: 45%; } }
@media only screen and (min-width: 960px) and (max-width: 1024px) {
  .btn-row .btn-row__has-padding {
    padding: 0 20px;
    margin-bottom: 20px; } }
.map-popup {
  background-color: white;
  border: 1px solid #cccccc;
  width: 210px;
  top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 0;
  width: 160px;
  height: inherit;
  padding: 5px 0; }
  .map-popup .small-progress {
    width: 80% !important; }
  .map-popup p {
    padding: 0;
    font-size: 12px;
    margin-bottom: 0px; }
  .map-popup h3 {
    color: #b52532;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif; }
  .map-popup #popup-content > span {
    display: block;
    font-size: 12px; }
  .map-popup .level > span {
    position: relative;
    margin-right: 5px;
    top: -3px;
    font-weight: bold; }
  .map-popup .level .progress {
    width: 100px;
    display: inline-block;
    top: -2px; }
  .map-popup #popup-content {
    position: relative; }

    .map-popup #popup-content .upgradeTank {
      font-style: italic;
    }
    .map-popup #popup-content .button {
      /*@extend .grey_gradient;*/
      padding: 5px 10px;
      width: auto;
      position: absolute;
      top: 0;
      right: 0;
      border-bottom: 4px; }
    .map-popup #popup-content.arrow-down:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #fff;
      bottom: -19px;
      left: 40%; }
    .map-popup #popup-content .days {
      font-weight: bold; }

.chrome .map-popup .small-progress .progress {
  top: -1px; }

.pin.color.green {
  background-color: #77d310; }

.pin.color.grey {
  background-color: #808080; }

.pin.color.yellow2 {
  background-color: #f4d943; }

.pin.color.orange {
  background-color: #f48e43; }

.pin.color.red {
  background-color: #b52532; }

.pin {
  width: 12px;
  height: 12px;
  display: inline-block;
  text-decoration: underline; }

.map-legend {
  width: 140px;
  height: auto;
  padding: 15px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e5e5e5; }
  .map-legend > p {
    /*font-family: 'dax_otcond_medium';*/
    font-size: 18px;
    color: #0c5295;
    padding-bottom: 5px;
    margin-bottom: 0px; }
  .map-legend ul {
    margin: 0;
    padding: 0; }
    .map-legend ul li {
      list-style-type: none;
      display: table-row;
      vertical-align: middle; }
  .map-legend span {
    position: relative;
    bottom: 3px;
    left: 7px; }

.progress.empty {
  border-left: 2px solid #dc6565;
  border-radius: 10px; }
  .progress.empty span.meter {
    display: none; }

.small-progress {
  display: inline-block;
  width: 65%;
  border: 2px solid #F6F6F6;
  border-radius: 15px;
  margin: 0;
  padding: 0;
  float: right; }
  .small-progress .progress {
    border: 0;
    border-left: 1px solid #75d346;
    border-radius: 10px;
    float: none;
    width: 100%;
    min-width: auto;
    margin: 0;
    padding: 0;
    height: 15px !important; }
    .small-progress .progress.red {
      border-color: #dc6565; }
    .small-progress .progress.yellow2 {
      border-color: #f4d943; }
    .small-progress .progress.green {
      border-color: #75d346; }
  .small-progress span.meter {
    display: none; }

.map-popup .small-progress {
  height: 16px !important;
  float: none; }
  .map-popup .small-progress .progress {
    width: 100% !important;
    position: relative;
    top: -1px;
    height: 14px !important; }

.gecko .map-popup .small-progress .progress, .ie .map-popup .small-progress .progress {
  height: 13px !important; }

.my-tank__holder {
  text-align: center; }
  .my-tank__holder .my-tank__inner-holder {
    position: relative;
    margin: 35px 0 30px; }
  .my-tank__holder .tank-upgrade__count__holder {
    position: absolute;
    left: 0px;
    top: 35%;
    text-align: center;
    width: 100%;
    padding: 0 40px 0 25px; }
    .my-tank__holder .tank-upgrade__count__holder span, .my-tank__holder .tank-upgrade__count__holder img {
      vertical-align: top; }
    .my-tank__holder .tank-upgrade__count__holder span {
      color: #0c646f;
      font-size: 24px;
      line-height: 23px;
      font-family: "Open sans", sans-serif;
      font-weight: bold; }
  .my-tank__holder .my-tank__upgrade-text {
    margin: 0 0 23px;
    display: block; }
  .my-tank__holder a {
    font-weight: bold; }
  .my-tank__holder .btn-row .button {
    font-weight: normal;
    width: 100%;
    max-width: 100%; }

/* ==========================================================================
    Make Payment
   ========================================================================== */
.language-switch {
  float: right;
  color: white;
  /*font-family: "dax_otcond_medium";*/
  font-size: 14px;
  line-height: 25px;
  text-decoration: none; }
  .language-switch:hover {
    color: white;
    text-decoration: underline; }

.form--payment {
  margin-top: 35px; }
  .form--payment h1 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
  }
  .form--payment h2 {
    font-size: 22px;
    color: #b52532;
    font-weight: 600;
    margin-bottom: 15px; }
  .form--payment .no-cards {
    font-size: 14px;
    margin: 20px 0; }

.payment-box {
  padding: 10px 0;
  margin-bottom: 25px;
  font-size: 14px;
  position: relative; }
  .payment-box .payment__row--radio {
    max-width: 330px;
    margin: 0 auto;
    text-align: left;
  }
  .payment-box .payment__row:not(:first-of-type) {
    padding-top: 12px; }
    .payment__row--select select {
      text-align: center;
    }
  .payment-box .toggle {
    float: left;
    margin: 2px 10px 0 0; }
  .payment-box.gray {
    padding: 18px;
    background: #f4f4f2;
    border: 1px solid #dededc;
    border-radius: 3px; }
  .payment-box label {
    cursor: pointer;
    color: #333;
    position: relative;
    left: 0;
    padding-left: 28px; }
    .payment-box label span {
      color: #888;
      padding: 0 5px 0 3px; }
  .payment-box .delivery-inp {
    margin: 0 0 0 28px;
    max-width: 142px; }

.paid {
  position: absolute;
  right: -20px;
  top: -20px;
  width: auto; }
  .paid .columns {
    float: right;
    padding: 0px; }

.payment-add-card {
  margin-top: 30px; }
  .payment-add-card h1 {
    margin-bottom: 20px; }
  .payment-add-card .button--default {
    padding-right: 34px;
    padding-left: 34px; }

.button--print {
  color: #666;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  /*font-family: "dax_otcond_medium";*/
  text-decoration: none;
  height: 34px;
  line-height: 34px;
  padding: 0 18px;
  border-radius: 3px;
  display: inline-block;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodтАжEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); }
  .button--print .icon {
    display: inline-block;
    width: 14px;
    height: 34px;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 34px;
    background: url("../img/icons/print2.png") no-repeat center 9px transparent; }

.payment-note {
  color: #333;
  font-size: 13px;
  display: inline-block;
  margin: 0 0 15px; }

.payment-note:hover {
  color: #333;
  text-decoration: none; }

.payment__row--inline .dollar-symbol {
  margin-left: 12px;
  margin-right: 5px; }
.payment__row--inline .delivery-inp {
  display: inline;
  margin: 0; }
  .hide-for-small-only-header{
    float: left;
    width: 55%;
  }
  .gallons-used-container{
    padding: 20px 0px 20px 0px;
  }

/* ==========================================================================
    Schedule Delivery
   ========================================================================== */
.white-layout {
  background: #fff; }

.registration__progress.progress_tank li span.hide-for-small-only {
  display: inline !important; }

.progress_tank {
  margin: 20px 0 12px; }

.tank-progress-holder {
  padding: 32px 0 0; }

.tank-progress__head {
  padding: 0 0 3px; }
  .tank-progress__head h2 {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: bold;
  }
  .tank-progress__head h2 span {
    font-weight: normal;
  }
  .tank-progress__head .tank-progress__view {
    font-size: 1.067em;
    /*font-family: "dax_otcond_medium";*/
    position: relative;
    top: 7px; }

.delivery-box {
  background: #f4f4f2;
  border: 1px solid #dededc;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.delivery-section {
  padding: 18px;
  border-top: 1px solid #dededc; }
  .delivery-section:first-child {
    border: none; }
  .delivery-section .note {
    color: #888;
    font-size: 0.8em;
    padding: 7px 28px 0;
    margin: 0px;
    max-width: 420px; }
  .delivery-section .delivery__row {
    padding: 12px 0 0; }
    .delivery-section .delivery__row input, .delivery-section .delivery__row p {
      margin: 0px; }
    .delivery-section .delivery__row .delivery-inp, .delivery-section .delivery__row .delivery-order-num {
      margin: 0 0 0 28px;
      max-width: 142px; }
    .delivery-section .delivery__row label {
      color: #333;
      cursor: pointer;
      position: relative;
      z-index: 1; }
      .delivery-section .delivery__row label span {
        color: #888; }
    .delivery-section .delivery__row:first-child {
      padding: 0px; }
    .delivery-section .delivery__row .toggle {
      float: left;
      margin: 2px 10px 0 0; }

input[type="radio"] + a.toggle {
  border: 1px solid #b52532;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none!important; }
  input[type="radio"] + a.toggle.checked:after {
    content: '';
    background: #b52532;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100%;
    border-radius: 100%; }
    input[type="radio"] + a.toggle:focus {
      outline: none!important;
    }

.delivery-form-info {
  padding: 20px 0 0;
  border-bottom: 1px solid #dededc; }
  .delivery-form-info .note {
    color: #888;
    font-size: 0.8em;
    margin: 0;
    max-width: 420px;
    padding: 7px 28px 0; }
  .delivery-form-info .label--checkbox small.error {
    padding-top: 15px; }
  .delivery-form-info .tank-location-head {
    padding: 0 0 7px; }
  .delivery-form-info h3 {
    font-size: 1.467em;
    font-weight: 600;
    color: #b52532; }
  .delivery-form-info h4 {
    color: #b52532;
    font-size: 0.933em;
    font-family: "Open Sans";
    font-weight: bold;
    margin: 0 0 5px; }

.tank-location-box p {
  font-size: 0.933em; }
  .tank-location-box p span {
    display: block;
    line-height: 1.429em; }
.tank-location-box .button_delivery {
  font-size: 0.933em;
  width: 80px; }
.tank-location-box textarea {
  height: 94px;
  resize: none; }

.payment-info-box .card-info__text {
  font-size: 0.933em; }
.payment-info-box .icon--card {
  margin: 0 15px 0 0; }
.payment-info-box h3 {
  margin-bottom: 1.25rem; }

.delivery-buttons .button--default + a:hover {
  text-decoration: none; }

@media only screen and (max-width: 640px) {
  .registration__progress.progress_tank li {
    width: 26%;
    text-indent: 13px;
    line-height: 40px;
    height: 40px; }
    .registration__progress.progress_tank li:not(:last-child):after {
      background-size: auto 100%;
      width: 15px;
      height: 40px;
      right: -15px; }
    .registration__progress.progress_tank li.current:not(:last-child):after {
      height: 40px; }
    .registration__progress.progress_tank li:last-child {
      width: 22%; }
    .registration__progress.progress_tank li span.show-for-small-only {
      display: inline !important; }
    .registration__progress.progress_tank li span.hide-for-small-only {
      display: none !important; }

  .tank-progress-holder {
    padding: 15px 0 0; }

  .delivery-buttons .button, .delivery-buttons a {
    width: 100%;
    display: block;
    margin: 0 0 15px;
    text-align: center; }

    .button--default + a {
      margin-left: 0px!important;
    }
}
/* ==========================================================================
    Review page
   ========================================================================== */
.delivery-order, .tank-info {
  overflow: hidden; }
  .delivery-order dt, .delivery-order dd, .delivery-order .delivery-order-dt, .delivery-order .delivery-order-dd, .tank-info dt, .tank-info dd, .tank-info .delivery-order-dt, .tank-info .delivery-order-dd {
    float: left;
    margin: 0px; }
  .delivery-order dt, .delivery-order .delivery-order-dt, .tank-info dt, .tank-info .delivery-order-dt {
    width: 143px; }

.delivery-order {
  margin: 0 0 5px; }
  .delivery-order dt, .delivery-order .delivery-order-dt {
    font-weight: normal; }
  .delivery-order dd, .delivery-order .delivery-order-dd {
    color: #b52532;
    font-weight: bold; }

.tank-info {
  margin: 0px; }
  .tank-info dt, .tank-info dd {
    font-size: 0.933em; }

.tank-location-box .notes span {
  display: inline;
  font-weight: bold; }

.delivery-buttons_less .button--blue, .delivery-buttons_less .button--gray {
  padding: 8px 30px; }
.delivery-buttons_less .button--gray {
  padding: 8px 28px 9px;
  margin: 0 0 15px;
  text-decoration: none; }

  .delivery-buttons .start-over {

  }

@media only screen and (max-width: 640px) {
  .delivery-order dt, .delivery-order .delivery-order-dt {
    width: 37%;
    padding-right: 5%; }
  .delivery-order dd, .delivery-order .delivery-order-dd {
    width: 58%; } }
/* ==========================================================================
    Review page
   ========================================================================== */
.thanks-info {
  font-size: 0.933em;
  padding: 5px 0 0; }
  .thanks-info a {
    font-weight: bold; }

.conf-order dt, .conf-order dd {
  font-size: 0.933em; }
.conf-order .delivery-order_total {
  padding: 10px 0 0;
  margin: 0px; }
  .conf-order .delivery-order_total dt {
    font-weight: bold; }
.conf-order .delivery-section h3 {
  color: #000;
  font-size: 1.2em;
  margin: 0 0 15px;
  /*font-family: "dax_otcond_medium";*/
}
.conf-order .tank-info dt, .conf-order .tank-info dd, .conf-order .tank-location-box p {
  font-size: 0.867em; }

.delivery-buttons_less .button_print {
  padding: 8px 13px;
  font-size: 1em; }
  .delivery-buttons_less .button_print span {
    margin: 0 15px 0 0; }

.notes {
  margin: 0px; }

.payment__row {
  position: relative; }

  .payment__row input[type="radio"] {
    display: none;
  }

.info-icon {
  background: #c0c0c0;
  color: #757575;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none; }

.info-icon:hover {
  color: #fff; }

/* ==========================================================================
    Notifications page
   ========================================================================== */
.notifications-list a {
  display: block;
  padding: 11px 18px;
  overflow: hidden;
  margin: 0px;
  color: #333; }
  .notifications-list a:nth-of-type(2n+2), .notifications-list a.pair {
    background: #f7f7f7; }
  .notifications-list a:hover {
    cursor: pointer;
    background: #ededed; }
  .notifications-list a.unread .message, .notifications-list a.unread .date {
    font-weight: bold;
    color: #000; }
.notifications-list .message, .notifications-list .date {
  font-family: "Open Sans";
  font-weight: normal;
  float: left;
  margin: 0px; }
.notifications-list .message {
  width: 70%;
  font-size: 0.933em; }
.notifications-list .date {
  color: #888;
  font-size: 0.867em;
  width: 30%;
  text-align: right; }

.notif-header {
  padding: 20px;
}

.notification__top {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; }
  .notification__top p {
    margin-bottom: 10px; }

.notification__top__mobile {
  padding: 20px; }

.notification__date, .notification__message {
  font-weight: bold;
  margin-bottom: 10px; }

.block-head_notifications {
  /*font-family: 'dax_otcond_medium';*/
}

#notifContent {
  margin-top: 7px; }
  #notifContent p {
    font-size: 14px; }

@media only screen and (max-width: 640px) {
  .notifications-list a {
    padding: 10px 14px; }
    .notifications-list a .date, .notifications-list a .message {
      width: 100%; }
    .notifications-list a .date {
      font-size: 0.8em;
      text-align: left; } }
/* ==========================================================================
    Privacy Policy
   ========================================================================== */
.bg-grey {
  background: #f4f4f2 !important; }

.user-board .policy-section {
  padding: 0px 20px 0px 20px; }
  .user-board .policy-section h1 {
    margin-top: 0; }

.policy-section {
  padding-bottom: 60px; }
  .policy-section h1 {
    color: #b52532;
    font-size: 3.2em;
    /*font-family: "dax_otcond_medium";*/
    margin: 40px 0 10px; }
  .policy-section h3 {
    /*font-family: "dax_otcond_medium";*/
    font-size: 20px;
    color: #333;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem; }
  .policy-section ul {
    padding: 0 0 15px 15px; }
    .policy-section ul li {
      list-style-type: disc;
      padding: 0 0 10px 15px; }
  .policy-section ol {
    padding: 0 0 15px 15px; }
    .policy-section ol li {
      padding: 0 0 10px 15px; }
      .policy-section ol li ol {
        padding: 10px 0 0; }
        .policy-section ol li ol li {
          list-style-type: lower-alpha; }
  .policy-section .privacy-policy-info {
    border: 1px solid #ccc;
    padding: 2px 5px;
    display: block;
    text-align: center;
    margin: 0 0 1rem; }
  .policy-section h4 {
    font-size: 17px;
    font-style: italic; }
  .policy-section address {
    max-width: 200px;
    margin: 0 auto 1rem; }

/* ==========================================================================
    Request Propane Cylinders
   ========================================================================== */
.request-cylinders h1 {
  color: #b52532;
  font-size: 48px;
  /*font-family: "dax_otcond_medium";*/
  margin-bottom: 30px; }
.request-cylinders p {
  font-size: 15px; }
.request-cylinders [data-abide] .error small.error, .request-cylinders [data-abide] .error span.error, .request-cylinders [data-abide] span.error, .request-cylinders [data-abide] small.error {
  padding-top: 5px; }

.request-cylinders__img {
  padding-top: 100px; }

.error-holder {
  max-width: 620px;
  padding: 110px 0.9375rem 190px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden; }
  .error-holder img {
    margin: 0 auto 45px; }
    .error-holder img.error-image {
      margin: 35px auto 45px; }
  .error-holder p {
    font-size: 1.067em;
    line-height: 1.750em; }
    .error-holder p a {
      color: #b52532;
      font-weight: 600; }
      .error-holder p a:hover {
        text-decoration: none; }

.user-board .error-holder {
  padding: 70px 0.9375rem 130px; }

/* ==========================================================================
    Status Board
   ========================================================================== */
.status-board-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 40px; }

.status-board {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 1, 1, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 1, 1, 0.2); }
  .status-board .tabs li {
    width: 50%; }
    .status-board .tabs li a {
      font-size: 40px;
      /*font-family: "dax_otcond_medium";*/
      text-decoration: none;
      text-align: center;
      color: #b52532;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-bottom: 2px solid #ddd;
      background: #ffffff;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
      background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
      background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
      background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
    .status-board .tabs li.active a {
      border-bottom-color: #fff;
      color: #666;
      background: #fff; }
    .status-board .tabs li:first-child a {
      border-top-left-radius: 5px;
      border-left: none; }
    .status-board .tabs li:last-child a {
      border-top-right-radius: 5px;
      border-right: none; }
  .status-board .tabs-content {
    background: none;
    margin: 0; }
    .status-board .tabs-content .content {
      padding: 0; }
    .status-board .tabs-content .incoming-orders {
      padding-top: 40px; }

.incoming-orders__row {
  padding: 24px 30px 24px 10px;
  border-bottom: 2px solid #e5e5e5;
  color: #b52532;
  font-size: 28px; }
  .incoming-orders__row.incoming-orders__row--head {
    color: #333;
    background: #f5f5f5;
    border-bottom-color: #f5f5f5; }
  .incoming-orders__row:last-of-type {
    border-bottom: #fff; }
  .incoming-orders__row > div {
    float: left;
    padding-left: 25px; }
  .incoming-orders__row .account {
    width: 25%; }
  .incoming-orders__row .name {
    width: 28%; }
  .incoming-orders__row .tank-name {
    width: 25%; }
  .incoming-orders__row .created {
    width: 22%; }

.response-time {
  color: #fff;
  /*font-family: "dax_otcond_medium";*/
  font-size: 60px;
  padding: 50px;
  overflow: hidden; }
  .response-time.h-m24 {
    background: #ca383b; }
  .response-time.h-24 {
    background: #e36062; }
  .response-time.h-12 {
    background: #fa8d3d; }
  .response-time.h-6 {
    background: #edd034; }
  .response-time.h-3 {
    background: #6bd254; }
  .response-time .order-number, .response-time .order-response {
    width: 50%;
    float: left; }
  .response-time .order-response {
    text-align: right; }

.status-footer {
  font-size: 50px;
  /*font-family: "dax_otcond_medium";*/
  margin-top: 40px; }
  .status-footer .waiting-orders {
    float: left;
    color: #b52532; }
  .status-footer .current-time {
    float: right;
    color: #888; }

@media only screen and (max-width: 1680px) {
  .incoming-orders__row {
    font-size: 20px; }

  .response-time {
    padding: 25px 50px; }

  .status-footer {
    font-size: 30px;
    margin-top: 25px; } }
/* ==========================================================================
    Tour
   ========================================================================== */
.joyride-tip-guide {
  width: 310px;
  margin: 10px 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  color: #333; }
  .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
    color: #515152;
    /*font-family: "dax_otcond_medium";*/
  }
  .joyride-tip-guide 
  .joyride-tip-guide p, .joyride-tip-guide ul, .joyride-tip-guide ol {
    font-size: 14px; }
  .joyride-tip-guide .joyride-content-wrapper {
    text-align: center;
    padding: 22px 28px 15px 15px; }
    .joyride-tip-guide:not(.tour--start) .joyride-content-wrapper h5, .joyride-tip-guide:not(.tour--start) .joyride-content-wrapper p, .joyride-tip-guide:not(.tour--start) .joyride-content-wrapper ul {
      text-align: left;
    }
  .joyride-tip-guide .joyride-nub {
    left: 50%;
    margin-left: -10px; }
  .joyride-tip-guide .joyride-nub.top {
    border-color: #fff; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #fff !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-close-tip {
    color: #b52532 !important;
    font-weight: bold;
    font-size: 27px; }
  .joyride-tip-guide .button {
    font-size: 18px;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    padding: 0 28px; }
  .joyride-tip-guide .joyride-close-link {
    position: static;
    font-size: 18px;
    line-height: 1.5 !important;
    padding: 0 15px; }
    .joyride-tip-guide .joyride-close-link:before {
      content: "Close"; }
  .joyride-tip-guide .hide-for-small {
    display: inline !important; }

.joyride-expose-wrapper {
  background-color: transparent;
  box-shadow: none; }

.joyride-tip-guide h5 {
  margin-bottom: 10px; }
.joyride-tip-guide.tour--start {
  width: 750px;
  border-radius: 10px;
  text-align: center; }
  .joyride-tip-guide.tour--start .joyride-content-wrapper {
    padding: 30px 40px; }
  .joyride-tip-guide.tour--start h1 {
    font-size: 36px;
    font-weight: bold;
    font-family: "Open sans";
    margin-bottom: 30px; }
    .joyride-tip-guide.tour--start h1 img {
      height: 33px;
      vertical-align: top;
      margin-top: 1px; }

  .logo-text {
    color: #000;
  }
  .logo-text-red {
    color: #b52532;
    font-weight: 600;
  }
#mobRideBalance{
  background-color: #fff;
}
  .joyride-tip-guide.tour--start .welcome__img {
    margin: 30px 0; }
  .joyride-tip-guide.tour--start .italic {
    max-width: 350px;
    margin: 0 auto 30px;
    font-size: 16px; }
  .joyride-tip-guide.tour--start .button.joyride-next-tip {
    min-width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center; }
  .joyride-tip-guide.tour--start .joyride-close-link {
    height: 46px;
    line-height: 46px;
    vertical-align: top;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
    display: inline-block;}
    .joyride-tip-guide.tour--start .joyride-close-link:before {
      content: "Cancel";
      color: #686868;
      line-height: 46px;
      font-weight: normal;
    }
    @media only screen and (max-width: 640px) {
      .joyride-tip-guide.tour--start .joyride-close-link {
        width: 100%;
        margin: 0 0 15px;
      }
    }
  .joyride-tip-guide.tour--start .joyride-close-x {
    display: none; }
.joyride-tip-guide .inside-text-image img {
  vertical-align: text-bottom;
  margin-bottom: 1px; }
.joyride-tip-guide.tour--overview, .joyride-tip-guide.tour--my-account, .joyride-tip-guide.tour--my-tanks, .joyride-tip-guide.tour--my-services, .joyride-tip-guide.tour--help, .joyride-tip-guide.tour--notifications {
  margin-top: 20px; }
.joyride-tip-guide.tour--balance, .joyride-tip-guide.tour--tank-information, .joyride-tip-guide.tour--recent-activity, .joyride-tip-guide.tour--budget-plans {
  margin-top: 20px; }
.joyride-tip-guide.tour--my-account, .joyride-tip-guide.tour--my-tanks, .joyride-tip-guide.tour--my-services, .joyride-tip-guide.tour--help {
  margin-left: -100px; }
.custom-tour .joyride-tip-guide.tour--my-account, .custom-tour .joyride-tip-guide.tour--my-tanks, .custom-tour .joyride-tip-guide.tour--my-services, .custom-tour .joyride-tip-guide.tour--help {
  margin-left: -110px; }
@media only screen and (min-width: 768px) {
  .joyride-tip-guide.tour--my-account, .joyride-tip-guide.tour--my-tanks, .joyride-tip-guide.tour--my-services, .joyride-tip-guide.tour--help {
    margin-left: -85px; }
  .custom-tour .joyride-tip-guide.tour--my-account, .custom-tour .joyride-tip-guide.tour--my-tanks, .custom-tour .joyride-tip-guide.tour--my-services, .custom-tour .joyride-tip-guide.tour--help {
    margin-left: -100px; }
}
@media only screen and (min-width: 960px) {
  .joyride-tip-guide.tour--my-account, .joyride-tip-guide.tour--my-tanks, .joyride-tip-guide.tour--my-services, .joyride-tip-guide.tour--help {
    margin-left: -70px; }
  .custom-tour .joyride-tip-guide.tour--my-account, .custom-tour .joyride-tip-guide.tour--my-tanks, .custom-tour .joyride-tip-guide.tour--my-services, .custom-tour .joyride-tip-guide.tour--help {
    margin-left: -90px; }
}
@media only screen and (min-width: 1120px) {
  .joyride-tip-guide.tour--overview, .joyride-tip-guide.tour--my-account, .joyride-tip-guide.tour--my-tanks, .joyride-tip-guide.tour--my-services, .joyride-tip-guide.tour--help, .joyride-tip-guide.tour--notifications {
    margin-left: -65px; }
  .custom-tour .joyride-tip-guide.tour--overview, .custom-tour .joyride-tip-guide.tour--my-account, .custom-tour .joyride-tip-guide.tour--my-tanks, .custom-tour .joyride-tip-guide.tour--my-services, .custom-tour .joyride-tip-guide.tour--help, .custom-tour .joyride-tip-guide.tour--notifications {
    margin-left: -85px; }
}
.joyride-tip-guide.tour--balance {
  margin-left: 14px; }
.joyride-tip-guide.tour--budget-plans {
  margin-left: 14px; }
.joyride-tip-guide.tour--recent-activity, .joyride-tip-guide.tour--more-info {
  margin-left: 100px; }
.joyride-tip-guide.tour--tank-information {
  margin-left: 180px; }
.joyride-tip-guide.tour--tanks {
  z-index: 999;
  margin-top: -10px;
  margin-left: 19px;
  width: 300px; }
.joyride-tip-guide.tour--more-info {
  z-index: 999;
  margin-top: -22px; }
  .joyride-tip-guide.tour--more-info .button {
    display: none;
     }
  .joyride-tip-guide.tour--more-info .button.my-account-link {
    display: inline-block;
  }

.sandwich-wrapper {
  height: 38px;
  width: 44px;
  position: absolute;
  right: 20px;
  top: -25px; }

/*@media only screen and (max-width: 1080px) {
  .joyride-tip-guide.tour--overview {
    margin-left: 0px; } }*/
.joyride-tip-guide.tour--overview, .custom-tour .joyride-tip-guide.tour--overview {
  margin-left: 0px; }
.joyride-tip-guide.tour--notifications, .custom-tour .joyride-tip-guide.tour--notifications {
  margin-left: -150px; }
@media only screen and (min-width: 768px) {
  .joyride-tip-guide.tour--notifications, .custom-tour .joyride-tip-guide.tour--notifications {
    margin-left: -130px; }
}
@media only screen and (min-width: 960px) {
  .joyride-tip-guide.tour--notifications, .custom-tour .joyride-tip-guide.tour--notifications {
    margin-left: -80px; }
}
@media only screen and (min-width: 1120px) {
  .joyride-tip-guide.tour--notifications, .custom-tour .joyride-tip-guide.tour--notifications {
    margin-left: -70px; }
}
@media only screen and (max-width: 900px) {
  .joyride-tip-guide.tour--recent-activity, .joyride-tip-guide.tour--more-info {
    margin-left: 40px; }
}
@media only screen and (max-width: 768px) {
  .joyride-tip-guide.tour--tank-information {
    margin-left: 100px; }
  .joyride-tip-guide.tour--recent-activity, .joyride-tip-guide.tour--more-info {
    margin-left: 25px; }
}
@media only screen and (max-width: 640px) {
  .joyride-tip-guide {
    margin: 0; }
    .joyride-tip-guide.tour--start {
      width: 90%; }
      .joyride-tip-guide.tour--start .button.joyride-next-tip {
        width: 100%; }
    .joyride-tip-guide.tour--mobile__menu {
      left: auto;
      right: 20px;
      margin-top: 10px; }
      .joyride-tip-guide.tour--mobile__menu .joyride-nub {
        right: 15px;
        left: auto; }
    .joyride-tip-guide.tour--mobile__balance, .joyride-tip-guide.tour--mobile__budget-plans, .joyride-tip-guide.tour--mobile__tanks, .joyride-tip-guide.tour--mobile__recent-activity, .joyride-tip-guide.tour--mobile__more-info {
      margin-left: -155px;
      left: 50%; }
    .joyride-tip-guide.tour--mobile__more-info .joyride-next-tip {
      display: none; }
    .joyride-tip-guide.tour--mobile__more-info .joyride-close-link {
      padding-left: 0px; } }
@media only screen and (max-width: 480px) {
  .joyride-tip-guide:not(.tour--start) {
    width: 90%;
    left: 50% !important;
    margin-left: -45%; }

  .joyride-tip-guide .hide-for-small {
    display: none !important; }
  .joyride-tip-guide.tour--start h1 {
    font-size: 26px; }
    .joyride-tip-guide.tour--start h1 img {
      height: 28px;
      margin-top: 1px; } }
/* ==========================================================================
    Request
   ========================================================================== */
.request-block {
  padding: 2px 25px; }
  .request-block label {
    color: #b52532;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0 2px; }
  .request-block input, .request-block select {
    color: #d8d8d8;
    height: 30px;
    /*font-family: "dax_otcond_regular";*/
  }
    .request-block input:focus, .request-block select:focus {
      color: #4a4a4a; }
  .request-block input::-webkit-input-placeholder {
    color: #d8d8d8; }
  .request-block input::-moz-placeholder {
    color: #d8d8d8; }
  .request-block input:-ms-input-placeholder {
    color: #d8d8d8; }
  .request-block input:focus::-webkit-input-placeholder {
    color: #4a4a4a; }
  .request-block input:focus::-moz-placeholder {
    color: #4a4a4a; }
  .request-block input:focus:-ms-input-placeholder {
    color: #4a4a4a; }
  .request-block .select-wrap:before {
    background-image: url("../img/elem/account-select-w.png"); }
  .request-block select {
    padding: 0.25rem 0.5rem;
    margin: 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
  .request-block textarea {
    height: 60px;
    margin: 5px 0 0; }
  .request-block .form__buttons {
    margin-top: 15px; }
    .request-block .form__buttons .button {
      font-size: 16px;
      padding: 0.5625rem 10px 0.625rem;
      min-width: 110px;
      vertical-align: top;
      height: 42px; }
      .request-block .form__buttons .button--blue, .request-block .form__buttons .button--red {
        min-width: 170px; }
        .request-block input.button {
          height: auto;
        }
  .request-block h2 {
    font-size: 25px;
    /*font-family: "dax_otcond_bold", sans-serif;*/
    margin-top: 15px; }
  .request-block p {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 18px;
    /*font-family: 'dax_otwide';*/
    letter-spacing: -0.025em; }
  .request-block dl {
    color: #4a4a4a; }
    .request-block dl dt {
      font-size: 16px;
      /*font-family: "dax_otcond_medium", sans-serif;*/
      font-weight: normal; }
    .request-block dl dd {
      font-size: 14px;
      line-height: 18px;
      /*font-family: 'dax_otwide';*/
      letter-spacing: -0.025em; }
      .request-block dl dd a {
        color: #4a4a4a; }

/* ==========================================================================
    Help section
   ========================================================================== */
/* Help category */
.related-questions, .article-list {
  padding: 0px;
  margin: 0px; }
  .related-questions li, .article-list li {
    display: block;
    padding: 13px 0;
    border-top: 1px solid #dbdbd9; }
    .related-questions li:last-child, .article-list li:last-child {
      border-bottom: 1px solid #dbdbd9; }
  .related-questions a, .article-list a {
    color: #084992;
    text-decoration: none;
    display: block; }
    .related-questions a:hover, .article-list a:hover {
      text-decoration: underline; }

.row.help-detail__top {
  margin-bottom: 16px; }
  .row.help-detail__top h1 {
    margin-top: 7px;
    margin-bottom: 10px;
    line-height: 1.1; }

.help-detail .trending-questions h2 {
  margin-bottom: 16px; }

.section-tree, .detail-article {
  padding-top: 7px; }

.section-tree-container {
  padding-right: 0; }

.section-tree .section {
  width: 49.9%;
  padding-right: 20px; }
  .section-tree .section h3, .section-tree .section h3 a {
    /*font-family: "dax_otcond_medium";*/
    font-size: 20px;
    color: #333;
    margin: 0 0 12px 0;
    text-decoration: none;
    text-transform: capitalize; }

.article-list {
  background: white;
  margin-bottom: 25px;
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
  .article-list li {
    padding: 14px 15px;
    border-color: #e5e5e5; }
    .article-list li:first-child {
      border: none; }

/* Help Article */
ul.attachments {
  list-style: none;
  padding: 0;
  margin-bottom: 15px; }
  ul.attachments a:hover {
    text-decoration: underline; }
  ul.attachments span {
    font-size: 0.8rem;
    color: #646464;
    margin-left: 2px; }

/* Help search */
.search-results {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

.search-results__list dt {
  padding: 15px;
  padding-bottom: 5px;
  font-size: 15px; }
  .search-results__list dt:not(:first-child) {
    border-top: 1px solid #e5e5e5; }
.search-results__list dd {
  padding: 15px;
  padding-top: 0;
  font-size: 13px; }

.pagination {
  width: 100%;
  margin: 30px auto;
  text-align: center;
  padding: 0; }
  .pagination li {
    display: inline-block;
    margin-left: -4px;
    /*&:not(:last-child){
      a {
        border-right: none;
      }
    }*/ }
    .pagination li:first-child a {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .pagination li:last-child a {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .pagination li.current a {
      background: #fff;
      color: #888;
      cursor: default; }
  .pagination a {
    display: block;
    line-height: 38px;
    height: 38px;
    width: 38px;
    text-align: center;
    border: 1px solid #dbdbd9;
    font-weight: 600;
    margin: 0 0 0 -1px; }
    .pagination a:hover {
      background: white; }

@media only screen and (max-width: 640px) {
  .help-aside {
    margin-top: 1.5rem; }

  .related-questions a {
    font-size: 14px !important; } }
@media only screen and (max-width: 480px) {
  .section-tree-container {
    padding-right: 0.9375rem; }

  .section-tree .section {
    width: 100%;
    padding: 0px !important;
    margin: 0px !important; }

  .pagination a {
    line-height: 30px;
    height: 30px;
    width: 30px;
    font-size: 0.7rem; } }
/* ==========================================================================
    Home
   ========================================================================== */
.top-banner {
  position: relative; }
  .top-banner img {
    width: 100%;
    height: 100%;
    max-width: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    object-fit: cover; }
  .top-banner .top-banner-descr {
    color: #b52532;
    /*font-family: 'dax_otcond_medium';*/
    position: relative;
    padding: 30px 0; }
    .top-banner .top-banner-descr h5 {
      color: #b52532;
      font-size: 20px;
      /*font-family: 'dax_otcond_regular';*/
      margin: 0 0 25px; }
      .top-banner .top-banner-descr h5 span {
        font-size: 60px;
        line-height: 54px;
        /*font-family: 'dax_otcond_medium';*/
        display: block; }
    .top-banner .top-banner-descr p {
      font-size: 18px;
      line-height: 28px;
      margin: 0 0 28px; }
    .top-banner .top-banner-descr h6 {
      color: #b52532;
      font-size: 18px;
      /*font-family: 'dax_otcond_medium';*/
    }
@media only screen and (max-width: 960px) {
  .top-banner .top-banner-descr {
    padding: 25px 0; }
    .top-banner .top-banner-descr h5 {
      margin: 0 0 15px; }
    .top-banner .top-banner-descr p {
      margin: 0 0 15px; }
}

.plan-holder {
  padding: 22px 0 0; }
  .plan-holder h2 {
    color: #b52532;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    margin: 0 0 30px; }

.plan-block {
  border: 1px solid #b52532;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  /*font-family: 'dax_otcond_medium';*/
  margin: 0 0 20px;
  overflow: hidden; }
  .plan-block-major {
    background: #f4f4f2; }
  .plan-block .plan-box-logo {
    background: #fff;
    padding: 25px;
    text-align: center; }
  .plan-block .plan-box-head {
    background: #848484;
    background: -moz-linear-gradient(top, #848484 0%, #585858 100%);
    background: -webkit-linear-gradient(top, #848484 0%, #585858 100%);
    background: linear-gradient(to bottom, #848484 0%, #585858 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#585858',GradientType=0 );
    color: #fff;
    padding: 8px 25px 15px;
    text-align: center; }
    .plan-block .plan-box-head h3 {
      color: #ffcf06;
      font-size: 16px;
      /*font-family: 'dax_otcond_medium';*/
      margin: 0 0 15px; }
    .plan-block .plan-box-head p {
      font-size: 16px;
      line-height: 18px;
      margin: 0 0 12px; }
    .plan-block .plan-box-head a {
      color: #fff;
      /*font-family: 'dax_otcond_bold';*/
    }
  .plan-block h4 {
    background: #006dc7;
    background: -moz-linear-gradient(top, #006dc7 0%, #004a91 100%);
    background: -webkit-linear-gradient(top, #006dc7 0%, #004a91 100%);
    background: linear-gradient(to bottom, #006dc7 0%, #004a91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dc7', endColorstr='#004a91',GradientType=0 );
    color: #fff;
    font-size: 22px;
    /*font-family: 'dax_otcond_medium';*/
    padding: 10px 25px;
    margin: 0px;
    text-align: center;
    position: relative;
    z-index: 1; }
  .plan-block ul {
    margin: 0px; }
    .plan-block ul li {
      background: url("../img/elem/plan-sign.png") no-repeat 20px center;
      border-bottom: 1px solid #c6c6c5;
      padding: 18px 15px 18px 70px;
      min-height: 96px; }
      .plan-block ul li h5 {
        color: #184f90;
        font-size: 14px;
        line-height: 17px;
        /*font-family: 'dax_otcond_medium';*/
        margin: 0px; }
      .plan-block ul li p {
        color: #404040;
        font-size: 12px;
        line-height: 14px;
        /*font-family: 'dax_otcond_regular';*/
        margin: 0px; }

.plan-button {
  text-align: center; }
  .plan-button .button {
    background: #0c71c8;
    background: -moz-linear-gradient(top, #0c71c8 0%, #084c8f 100%);
    background: -webkit-linear-gradient(top, #0c71c8 0%, #084c8f 100%);
    background: linear-gradient(to bottom, #0c71c8 0%, #084c8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c71c8', endColorstr='#084c8f',GradientType=0 );
    font-size: 18px;
    padding: 8px 45px; }
    .plan-button .button:hover {
      color: #ffd359; }

.plan-box-content {
  color: #404040;
  font-size: 16px;
  padding: 150px 35px;
  /*font-family: 'dax_otcond_regular';*/
  text-align: center; }
  .plan-box-content p {
    line-height: 22px;
    margin: 0 0 45px; }
  .plan-box-content a {
    color: #404040;
    /*font-family: 'dax_otcond_medium';*/
  }

.help-holder {
  text-align: center;
  padding: 50px 0; }
  .help-holder h2 {
    color: #084b8e;
    font-size: 42px;
    line-height: normal;
    /*font-family: 'dax_otcond_medium';*/
    margin: 0 0 60px; }

.help-block {
  display: inline-block;
  max-width: 195px;
  margin: 0 -2px 25px; }
  .help-block-img {
    height: 90px;
    margin: 0 0 35px; }
    .help-block-img:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .help-block-img img {
      max-height: 90px;
      vertical-align: middle; }
  .help-block h3 {
    color: #084b8e;
    font-size: 24px;
    line-height: 30px;
    /*font-family: 'dax_otcond_medium';*/
    padding: 0 5%;
    margin: 0px; }

.faq-holder {
  background: #f4f4f2;
  border-top: 1px solid #d6d6d6;
  padding: 70px 0 50px; }
  .faq-holder h2 {
    color: #084b8e;
    font-size: 42px;
    line-height: normal;
    /*font-family: 'dax_otcond_medium';*/
    margin: 0 0 70px;
    text-align: center; }
  .faq-holder .accordion .accordion-navigation {
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 0.25);
    margin: 0 0 25px !important; }
    .faq-holder .accordion .accordion-navigation > a, .faq-holder .accordion .accordion-navigation .content.active {
      background: none; }
    .faq-holder .accordion .accordion-navigation > a {
      background: url("../img/icons/plus.png") no-repeat 97.5% center;
      color: #084b8e;
      font-size: 24px;
      /*font-family: 'dax_otcond_regular';*/
      text-decoration: none;
      padding: 17px 6% 10px 25px; }
      .faq-holder .accordion .accordion-navigation > a span {
        /*font-family: 'dax_otcond_medium';*/
      }
    .faq-holder .accordion .accordion-navigation.active > a {
      background: none; }
    .faq-holder .accordion .accordion-navigation .content {
      padding: 10px 25px 17px;
      font-size: 14px;
      line-height: 26px; }
      .faq-holder .accordion .accordion-navigation .content span {
        font-weight: bold; }

/* ==========================================================================
    Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {
  .learn-more__box {
    width: 350px;
  }
}
@media only screen and (max-width: 1024px) {
  .learn-more__box {
    left: 150px; }

  .tank-holder .button.button--delivery-scheduled {
    height: 38px; }

  .tank-img-container {
    margin-bottom: 25px; }

  .orders__row .order-date {
    display: none; }
  .orders__row .scheduled-date {
    width: 23%; }
  .orders__row .status {
    width: 20%; }
  .orders__row .amount {
    width: 16%; }
  .orders__row .price {
    padding-right: 8px;
    width: 23%; }

  .user-board__tabs .settings-section .button--edit--custom, .user-board__tabs .additional-section .button--edit--custom {
    max-width: 90px; }

  .info-block--col__l h4 {
    font-size: 22px;
  }
  .info-block--col__major h4 {
    font-size: 30px; }
  .info-block--col__r .button.tiny {
    margin: 10px 0 0; }

  .sign-in, .new-customer {
    padding: 10px; }

  .help-block-img {
    margin: 0 0 15px; } }
@media only screen and (max-width: 960px) {
  .registration__progress li {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.025em; }
    .registration__progress li {
      text-indent: 20px;
    }
  .billing-history .description {
    display: none; }
  .billing-history .date, .billing-history .reference, .billing-history .payment, .billing-history .sum, .billing-history .action {
    width: 20%; }

  .smart-tank-alert__icon {
    width: 15%; }

  .smart-tank-alert__text {
    width: 85%; }

  .tank--usage .regular-tank {
    padding: 70px 40px 0; }

  /*.my-account-nav h1, .my-account-nav .select-wrap {
    margin-bottom: 25px; }*/

  .info-block--col__l {
    width: 60%; }
  .info-block--col__r {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .registration__progress li {
    font-size: 13px;
    width: 24%;
    text-indent: 7px;
    font-weight: normal;
    letter-spacing: -0.025em; }
    .registration__progress li:last-child {
      width: 28%; }

  .tank-description__list .learn-more__box {
    width: 290px; }

  .tank--usage__regular {
    padding: 40px 40px 0; }

  .user-board__tabs .tabs-content .button.button--default {
    padding-left: 15px;
    padding-right: 15px; } }
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .info-block--col__l, .info-block--col__r {
    width: 100%; }
  .info-block--col__r {
    text-align: center; }

  .tank--usage__tab-pane .buttons {
    padding: 0px; } }
@media only screen and (max-width: 640px) {
  .block-for-small {
    display: block; }

  .hide-for-small {
    display: none; }

  .alert-box .close {
    top: 10px;
    right: 5px; }

  .paid {
    right: 0px; }

  .request-cylinders__img {
    padding-top: 20px; }

  .label-with-info {
    display: inline-block; }

  .form--registration .learn-more {
    position: static;
    float: right; }

    .form--registration .learn-more {
      display: none;
    }
  .form--registration .learn-more__label {
    display: none; }

  .learn-more__box {
    top: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 290px; }
    .learn-more__box:before {
      top: -13px;
      left: 245px;
      width: 18px;
      background: url("../img/tooltip-arrow.png") no-repeat right transparent; }

  .form--registration .learn-more__box {
    top: 80px;
    left: auto;
    right: 15px;
    width: 303px; }

  .registration__confirmation {
    line-height: 1.2;
    font-size: 33px;
    margin-bottom: 20px; }
    .registration__confirmation img {
      height: 33px; }

  .sign-in, .new-customer {
    width: 100%;
    float: none;
    padding: 0; }

  .sign-in {
    padding-bottom: 13px; }
    .sign-in .button {
      width: 100%;
      margin-bottom: 0; }

  .sign-in .button {
    width: 100%;
    margin-bottom: 0; }

  .sign-in .forgot-pass {
    margin-bottom: 10px;
    margin-top: 2px;
    display: block; }

  .sign-in .forgot-pass-row .button {
    margin-left: 0px; }

  .new-customer {
    padding-top: 18px;
    border-top: 1px solid #d9d9d9;
    border-left: none; }

  .forgot-pass-row .button {
    margin-left: 0px; }

  .form__buttons {
    margin-top: 10px; }
    .form__buttons input[type="submit"] {
      width: 100%;
      display: block; }
    .form__buttons a {
      display: block;
      text-align: center;
      margin: 15px 0 15px 0; }

  .row--sign-in-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .row--sign-in-mobile .columns {
      padding-left: 0;
      padding-right: 0; }

  .top-info__view-bill {
    display: none; }

  .top-info .button.tiny {
    margin-right: 0; }

  .user-board__nav {
    display: none; 
    width: 100%;}

  .user-board__nav .user-board__nav__group .button {
    width: 50%;
    margin-bottom: 0; }
    .user-board__nav .user-board__nav__group .button:first-of-type {
      box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
      border-bottom-left-radius: 0;
      border-left: 1px solid #e5e5e5; }
    .user-board__nav .user-board__nav__group .button:nth-of-type(2) {
      box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
      border-top-right-radius: 3px; }
    .user-board__nav .user-board__nav__group .button:nth-of-type(3) {
      border-bottom-left-radius: 3px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .user-board__nav .button--notifications {
    width: 50%;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

  .h1--tank {
    line-height: 1;
    margin: 15px 0 0 0; }

  .white-box {
    margin-bottom: 20px; }

  .set-notifications {
    margin-top: 15px; }

  .tank-type {
    margin-bottom: 15px; }

  .usage-note {
    padding-top: 0;
    margin-bottom: 13px; }

  .usage-note-text {
    float: left;
    width: 50%; }

  .usage-note-img {
    float: right;
    margin-top: 6px; }

  .tank-map #map-canvas {
    height: 224px; }

  .tank-page h3 {
    margin: 10px 0 8px 0; }

  .tank-page .tank--usage__tab-pane h3 {
    margin: 0px;
  }

  .tank-row {
    margin-bottom: 0 !important; }

  .smart-tank-alert img {
    margin: 0 0 10px 0; }

  .smart-tank-alert__icon {
    width: 100%;
    text-align: center; }

  .smart-tank-alert__text {
    width: 100%; }

  .tank-history {
    margin-bottom: 5px; }
    .tank-history + .button--edit--full {
      margin-bottom: 20px; }

  .tank-description__top {
    padding: 20px 15px; }

  .tank-description__list li {
    padding: 11px 10px; }

  .tank-description__list .learn-more__box {
    right: -3px;
    top: auto;
    margin-top: 10px; }
    .tank-description__list .learn-more__box:before {
      left: 257px; }

  .tank-description__list .learn-more__tank-size ul {
    margin: 0 0 10px 0; }
  .tank-description__list .learn-more__tank-size li {
    padding: 0; }
  .tank-description__list .learn-more__tank-size:before {
    top: -13px; }

  .tank-holder .button.button--delivery-scheduled {
    height: 41px;
    font-size: 11px;
    font-family: "Open sans"; }

  .tank-holder .button.button--delivery-scheduled.button--order-pending {
    font-size: 15px;
    /*font-family: "dax_otcond_medium";*/
  }

  .wether-alert a {
    padding: 10px 0 7px 44px; }

  .user-board__tabs .tabs-content {
    width: 100%;
    margin-bottom: 20px; }

  .user-board__tabs .tabs-content .content {
    padding: 18px 15px; }

  .user-board__tabs .form__buttons a {
    margin-bottom: 0px; }

  .form--account__email {
    margin-top: 0px; }

  .account__info .label--section {
    margin-bottom: 0px; }

  .account__info .button--edit {
    margin-top: 0px; }

  .card-info__text {
    margin-bottom: 10px; }

  .card-info__label {
    margin-bottom: 5px; }

  .card-info .button, .card-info .button--card, .payments .button, .payments .button--card {
    width: 100%; }

  .payments h3 {
    margin-bottom: 20px; }

  .billing-history {
    margin-left: -14px;
    margin-right: -14px; }
    .billing-history > div {
      font-size: 11px; }
    .billing-history .date {
      width: 25%; }
    .billing-history .sum {
      width: 20%; }
    .billing-history .reference {
      width: 16%; }
    .billing-history .payment {
      width: 18%; }
    .billing-history .action {
      width: 21%;
      padding-right: 3px; }
    .billing-history .action-btns {
      padding-right: 3px; }
    .billing-history .action a, .billing-history .action-btns a {
      width: 75px;
      font-size: 11px; }

  .notifications .form__buttons {
    margin-top: 25px; }

  .user-board__tabs .tabs {
    border-top: none;
    position: relative;
    width: 100%;
    padding: 36px 0 0;
    margin-top: 15px;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #e1e1df;
    background: #fff;
    border-radius: 3px; }
    .user-board__tabs .tabs:before {
      content: "";
      width: 9px;
      height: 12px;
      background: url("../img/elem/select-arrow.png") no-repeat transparent;
      position: absolute;
      right: 10px;
      top: 13px; }
    .user-board__tabs .tabs.show-tabs dd {
      display: block; }
    .user-board__tabs .tabs dd {
      padding: 0px;
      display: none; }
      .user-board__tabs .tabs dd a {
        padding: 8px 10px;
        background: none;
        border: 1px solid #e1e1df;
        border-bottom: none;
        font-family: "Open Sans";
        font-size: 13px; }
        .user-board__tabs .tabs dd a:hover {
          color: #b52532; }
      .user-board__tabs .tabs dd.displayed {
        display: block; }
        .user-board__tabs .tabs dd.displayed a {
          color: #b52532;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }

  .tank-type {
    padding-top: 0px; }

  .button--tank-help {
    max-width: 100%; }

  .forcasted-consumption__delivery span {
    display: none; }

  .payment-plan .payment {
    margin-bottom: 0; }

  .button.button--renew {
    margin-bottom: 18px; }

  .max-litres {
    text-align: left; }

  h4.fixed-price-plan {
    margin-bottom: 0; }

  .valid-until {
    margin-bottom: 0;
    margin-top: 12px; }

  .valid-until__month {
    margin-bottom: 15px; }

  .orders__row .scheduled-date {
    display: none; }
  .orders__row .status {
    width: 40%; }
  .orders__row .amount {
    width: 30%; }
  .orders__row .price {
    width: 30%; }

  .newsletter-signup .first-login__entry-text {
    width: 100%; }

  .my-account__modal {
    width: 90%;
    max-width: 400px;
    min-height: initial;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }

  .verification-sign {
    display: none;
  }

  .form__container .form__section {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }
    .form__container .form__section .minor-account {
      margin: 27px 0 0 !important; }

  .form__section, .account-block .form__section {
    padding: 12px 20px 112px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .form__section__caption {
      width: 100%;
      height: 100px;
      left: 0;
      bottom: 0;
      border: none;
      border-top: 1px solid #b52532;
      -webkit-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px; }
      .form__section__caption .major-account {
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        margin: -12px 0 0; }
      .form__section__caption .minor-account {
        margin: 27px 0 0 !important; }

  .form-loader {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -20px;
    margin: 0 0 0 -16px; }

  .pagination-holder {
    padding: 0px; }
    .pagination-holder .pagination-info {
      position: static;
      text-align: center; }
    .pagination-holder .pagination {
      margin: 15px auto; }

  .tank-aside .orbit-container {
    margin: 42px 0 0; }

  .sort-section .sort-select, .sort-section .search-block input {
    margin: 0px; }

  .tank-info-nav-left .user-board__nav__group {
    clear: both;
    display: block; }

  .tank-info-nav .user-board__nav {
    display: block;
    float: none !important;
    margin: 0; }

  .payment__row.payment__row--inline {
    position: relative; }

  .info-icon {
    position: absolute;
    left: 250px;
    top: 10px; }

  .tank--usage__tab-pane .info-icon {
    position: static;
  }

  .tooltip .nub {
    margin: -3px 0 0 -7px !important; }

  .start-over {
    float: none; }

  .top-banner .top-banner-descr {
    padding: 43% 15px 17%; }

  .top-banner-descr-ins {
    background: #fff;
    padding: 8px 12px; }

  .top-banner img {
    width: 260%;
    height: auto;
    right: -50%; }
  .top-banner .top-banner-descr h5 {
    font-size: 18px;
    margin: 0 0 8px; }
    .top-banner .top-banner-descr h5 span {
      font-size: 40px;
      line-height: 30px; }
  .top-banner .top-banner-descr h6 {
    margin: 0px; }

  .plan-box-content {
    padding: 25px; }
    .plan-box-content p {
      margin: 0 0 15px; }

  .content-holder {
    padding: 38px 15px 0; }

  .plan-holder h2 {
    font-size: 23px;
    line-height: 28px;
    text-align: left; }

  .plan-block {
    margin: 0 0 37px; }
    .plan-block h4 {
      padding: 10px 18px;
      text-align: left; }
      .plan-block h4 span {
        background: url("../img/icons/plus-white.png") no-repeat right center;
        display: block;
        padding: 0 25px 0 0; }
      .plan-block h4.toggle span {
        background: url("../img/icons/minus-white.png") no-repeat right center; }
    .plan-block ul {
      display: none; }
      .plan-block ul:last-child {
        margin: 0 0 60px;
      }
      .plan-block ul:last-child li:last-child {
        border: none;
      }

  .plan-button {
    margin: -89px 0 35px;
  }
  .hidden .plan-button {
    display: none; }

  .help-holder {
    padding: 10px 0 0; }
    .help-holder h2 {
      font-size: 24px;
      padding: 0 25px;
      margin: 0 0 20px; }

  .help-block h3 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px; }

  .faq-holder {
    padding: 50px 15px;
    margin: 0 -15px; }
    .faq-holder h2 {
      font-size: 24px;
      margin: 0 0 20px; }
    .faq-holder .accordion .accordion-navigation > a {
      font-size: 16px;
      line-height: 20px;
      /*font-family: 'dax_otcond_bold';*/
      padding: 17px 40px 10px 20px; }
      .faq-holder .accordion .accordion-navigation > a span {
        display: none; }
    .faq-holder .accordion .accordion-navigation .content {
      font-size: 12px;
      line-height: 18px;
      padding: 10px 20px 17px; } }
@media only screen and (min-width: 641px) {
  .plan-block ul {
    display: block !important; } }
/*Small touch screens - 640---------------------------------------------------------*/
@media only screen and (max-device-width: 640px) {
  .modal-content {
    max-height: none;
    overflow: visible;
    padding: 20px } }
/*Very small screens - 480---------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .paid-installements .month {
    width: 16.666%;
    margin-bottom: 10px; }

  .dashboard-budget .paid-installements .month {
    margin-bottom: 0; }

  .first-login {
    padding: 30px 0 60px 0; }

  .orders__row .price {
    display: none; }
  .orders__row .status {
    width: 70%; }
  .orders__row .amount {
    width: 30%; }

  .tank--usage__regular {
    padding: 30px 10px 0; }

  .settings-section__row .columns {
    width: 100%;
    text-align: center; }
    .settings-section__row .columns.text-right {
      text-align: center !important; }

  .user-board__tabs .settings-head .medium-text-right {
    text-align: center; }
  .user-board__tabs .settings-head h3 {
    text-align: center; }

  .registration .form__buttons {
    text-align: center; }
    .registration .form__buttons .button {
      float: none;
      display: inline-block; }

  .user-board__tabs .tabs-content .button.button--default {
    padding: 5px 7px; }

  .map-holder .map-view-search.filters {
    left: 15px;
    top: 50px;
    padding: 0 16px 0 0; }

    .registration__progress li {
      text-indent: 15px;
      font-weight: 600;
    }

  .tank--usage__tab-pane .buttons {
    padding: 0px; }
  .tank--usage__tab-pane .button {
    min-width: 110px;
    padding: 0.2rem 0.5rem; } }
/*Very small screens - 420---------------------------------------------------------*/
@media only screen and (max-width: 420px) {
  .billing-history .billing-history__row {
    padding-left: 10px; }
  .billing-history .date {
    width: 27%; }
  .billing-history .sum {
    width: 25%;
    text-align: right; }
  .billing-history .reference {
    width: 23%; }
  .billing-history .payment {
    width: 25%; }
  .billing-history .action, .billing-history .action-btns {
    width: auto;
    float: right;
    padding: 0; }
  .billing-history .action a, .billing-history .action-btns a {
    width: 75px;
    margin-top: 5px;
    margin-left: 5px; } }
/*Very small screens - 360---------------------------------------------------------*/
@media only screen and (max-width: 360px) {

  .registration__progress li {
    text-indent: 20px;
  }

  .tank--usage__regular h2 {
    font-size: 26px; }

  .button--request-smart {
    margin-top: 15px; }

  .modal-content.modal-content_btn {
    text-align: center; }
    .modal-content.modal-content_btn .button--default + a {
      margin: 0px;
      display: block; }
   /*.tank--usage__tab-pane .button {
    min-width: auto;}*/ }

/*# sourceMappingURL=main.css.map */


table.dataTable {
    clear: both;
    margin: 0.5em 0 !important;
    max-width: none !important;
    width: 100%}
table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}
div.dataTables_wrapper {
    position: relative;
}
div.dataTables_wrapper div.dataTables_length label {
    float: left;
    text-align: left;
    margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter {
  display: none;
}
div.dataTables_wrapper div.dataTables_filter label {
    float: right;
    margin-bottom: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 0;
    margin-left: 0.5em;
}
div.dataTables_wrapper div.dataTables_info {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    position: absolute;
    left: 0px;
    bottom: 5px;
    padding: 5px 0;
    max-width: 180px;
}
div.dataTables_wrapper div.dataTables_paginate {
  padding: 0 180px;
    margin: 0 0 25px;
    text-align: center;
}
div.dataTables_wrapper div.dataTables_paginate a {
    border: 1px solid #dbdbd9;
    font-weight: 600;
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 -1px;
    text-align: center;
    width: 38px;
    display: inline-block;
    color: #686868;
    text-decoration: none;
}
div.dataTables_wrapper div.dataTables_paginate > a:first-child, div.dataTables_wrapper div.dataTables_paginate > span > a.current:first-child {
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
div.dataTables_wrapper div.dataTables_paginate > a:last-child, div.dataTables_wrapper div.dataTables_paginate > span > a.current:last-child {
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
div.dataTables_wrapper div.dataTables_paginate > span > a.current:first-child, div.dataTables_wrapper div.dataTables_paginate > span > a.current:last-child {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.dataTables_wrapper div.dataTables_paginate a.disabled {
  display: none;
}
div.dataTables_wrapper div.dataTables_paginate a.current, div.dataTables_wrapper div.dataTables_paginate a:hover {
  background: #fff;
}
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1rem 0;
}
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
}
div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}
div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

.tank-table {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-collapse: inherit;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tank-table__tank-value {
  display: inline-block;
  width: 38px;
}
.tank-table thead {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eaeaea',GradientType=0 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.tank-table thead th, .tank-table tbody td {
  color: #222;
  text-align: left;
  padding: 12px 20px;
}
.tank-table tbody td.last-update {
  font-weight: 600;
}
.tank-table thead th {
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.tank-table thead th span {
  width: 9px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}
.tank-table thead th.sorting span {
  background: url("../img/icons/sort.png") no-repeat left top;
}
.tank-table thead th.sorting_asc span {
  background: url("../img/icons/sort-up.png") no-repeat left center;
}
.tank-table thead th.sorting_desc span {
  background: url("../img/icons/sort-down.png") no-repeat left center;
}
.tank-table tbody tr td {
  border-top: 1px solid #d6d6d6;
}
.tank-table tbody tr td.tank-name, .tank-table tbody tr td.account-number {
  color: #222222;
  font-weight: 600;
}
.smart-tank-sign {
  min-width: 75px;
}
.level-line {
  background: #e5e5e5;
  width: 100px;
  display: inline-block;
  height: 12px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.level-line-rate {
  background: #b52532;
  height: 12px;
}
@media only screen and (max-width: 800px) {
  .tank-table thead th, .tank-table tbody td {
    padding: 7px 10px;
  }
  .smart-tank-sign {
    min-width: 50px;
  }
  
  .user-board__nav .button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  div.dataTables_wrapper div.dataTables_info {
    position: static;
    text-align: center;
    max-width: none;
  }
  div.dataTables_wrapper div.dataTables_paginate {
    padding: 0px;
  }
    /* CSS Responsive table */
    table.responsive {border: none;}
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {display:block;}
    table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}
    table.responsive tr {border:1px solid #ccc; margin-top:10px;}
    table.responsive tr:first-child {margin: 0px;}
    table.responsive td {border:none; border-bottom:1px solid #eee; position:relative; padding:7px 5%;}
    table.responsive tr td:first-child {border: none;}
    table.responsive td::before,
    table.responsive td .td-text {float:left; width:100%;}
    table.responsive td::before {width:100%; padding-right:15px; text-align:left; content:attr(data-content); display:block; text-align: center; margin: 0 0 10px;}
    table.responsive td::after {content:""; display:table; clear:both;}

  
}
.clear-delivery-stop {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 640px) {
  .delivery_stop__row .options {
    text-align: center;
  }
}
@media only screen and (max-width: 639px) {
  .delivery_stop__row {
    border-bottom: 1px solid #b52532;
  }
  .delivery_stop__row.orders__row--head {
    display: none;
  }
  .delivery_stop__row .tank-name, .delivery_stop__row .code, .delivery_stop__row .stop-date, .delivery_stop__row .reinstate-date {
    width: 50%;
  }

  .delivery_stop__row .tank-name, .delivery_stop__row .stop-date {
    clear: both;
  }

  .delivery_stop__row .options {
    width: 100%;
  }
  .account-number-base {
    font-size: 18px;
    font-weight: bold;
  }
}
.delivery-stop__cell-title {
  display: block;
}
@media only screen and (min-width: 640px) {
 .delivery-stop__cell-title {
   display: none;
 }
}

@media only screen and (max-width: 800px) {
 .additional-section .button.button.button--global{
    width: 100%;
    margin-bottom: 2px;
  }
}

.form-payment {
  padding: 30px 0 0;
}
.form-payment .payment-head {
  margin: 0 0 20px;
}
.form-payment h2, .form-payment h3 {
  font-weight: bold;
  padding: 0 15px; 
}
.form-payment h2 {
  color: #b52532;
  font-size: 24px;
}
.form-payment h3 {
  color: #494949;
  font-size: 16px;
}
.form-payment .delivery-box {
  margin: 0 0 17px;
  border: 1px solid #d8d8d8;
}
.form-payment .delivery-box.delivery-box-white {
  background: #fff;
  border-width: 2px;
}
.form-payment .delivery-section {
  padding: 20px 15px;
}
.form-payment .delivery-order dt, .form-payment .delivery-order dd {
  color: #494949;
  font-size: 16px;
}
.form-payment .delivery-order dt {
  width: 165px;
  padding: 0 10px 0 0;
}
.form-payment .delivery-order.delivery-order-total dt, .form-payment .delivery-order.delivery-order-total dd {
  color: #b52532;
}
.form-payment .delivery-section .note {
  padding: 10px 0 0;
}
.form-payment .checkbox-wrap {
  padding: 25px 0 15px;
}
.form-payment .label--checkbox {
  font-size: 16px;
  padding: 0 15px;
}
.form-payment input[type="radio"] + a.toggle {
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #e1dfdf 100%);
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e1dfdf 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#e1dfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1dfdf',GradientType=0 );
  border: 1px solid #d8d8d8;
}
.form-payment hr {
  border: 1px solid #cbcbcb;
}

.img-syncing {
  background: #F2F2F0;
  text-align: center;
}

#RideStop12 {
  z-index: 1!important;
}
.tour--account-info.joyride-tip-guide {
  width: 740px;
  max-width: 65%;
  text-align: center;
  border-top: 5px solid #b52431;
  margin: 0px;
}
.tour--account-info.joyride-tip-guide .joyride-nub.left {
  border-left-width: 50px;
  border-right-width: 50px;
  border-top-width: 35px;
  border-bottom-width: 35px;
  border-right-color: #fff!important;
  left: -90px;
  top: 0;
}
.tour--account-info.joyride-tip-guide .joyride-close-x {
  font-size: 40px;
}
.tour--account-info.joyride-tip-guide .joyride-close-link::before {
  color: #686868;
  content: 'Cancel';
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper {
  padding: 50px 75px;
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper h5 {
  font-size: 32px;
  margin: 0 0 50px;
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper img {
  margin: 0 0 40px;
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper p {
  font-size: 18px;
  margin: 0 0 50px;
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-close-link {
  margin: 0 15px 0 0;
  border: 1px solid #686868;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-close-link, .tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-next-tip {
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  .tour--account-info.joyride-tip-guide {
    max-width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .tour--account-info.joyride-tip-guide {
    max-width: 90%;
    left: 5%!important;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper {
    padding: 25px;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper h5 {
    font-size: 24px;
    margin: 0 0 25px;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper img {
    margin: 0 0 20px;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper p {
    margin: 0 0 25px;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-close-link, .tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-next-tip {
    width: 100%;
  }
  .tour--account-info.joyride-tip-guide .joyride-content-wrapper .joyride-close-link {
    margin: 0 0 15px;
  }
}

.one-time {
  background: #fff;
}
.one-time-holder {
  text-align: center;
  padding: 0 0.9375rem;
  margin: 0 auto;
}
.one-time-head h1 {
  color: #b52532;
  font-size: 48px;
  line-height: 52px;
  font-weight: bold;
  margin: 0 0 15px;
}
.one-time-head p {
  color: #000;
  font-size: 32px;
  line-height: 34px;
  font-weight: 600;
  margin: 0 0 27px;
}
.one-time-head p span {
  color: #b52532;
  display: block;
  text-align: center;
  font-weight: 700;
}
.one-time-head .confirmation-info p {
  font-size: 18px;
  line-height: 1.2;
  margin: 0px;
}
.one-time-head .confirmation-info p span {
  display: inline-block;
}
.one-time-content {
  background: #f4f4f4;
  padding: 30px 40px;
  margin: 45px 0 0;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.one-time-content h2 {
  color: #b52532;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 40px;
}
.one-time-content h2.final-title {
  color: #000;
  font-size: 28px;
}

.one-time-content-ins {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
.final-boxes {
  padding: 0 0 25px;
  margin: 0px;
}
.final-boxes li {
  font-size: 14px;
  counter-increment: step-counter;
  padding: 0 0 0 85px;
  position: relative;
  list-style-type: none;
  width: 47%;
  min-height: 90px;
  float: left;
}
.final-boxes li:nth-child(2n+1) {
  clear: both;
  margin: 0 6% 15px 0;
}
.final-boxes li:before {
  content: counter(step-counter);
  color: #686868;
  font-size: 44px;
  line-height: 60px;
  font-weight: bold;
  border: 3px solid #686868;
  width: 64px;
  height: 64px;
  display: block;
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 1;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.one-time-content .one-time-content-ins h2 {
  margin-bottom: 20px;
}
.one-time-content .one-time-content-ins p {
  font-size: 14px;
}
.one-time-content .final-btn {
  font-size: 18px;
}
@media only screen and (max-width: 640px) {
  .final-boxes li {
    width: 100%;
    margin: 0 0 25px!important;
    padding: 0 0 0 70px;
  }
  .final-boxes li:before {
    font-size: 32px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    top: 5px;
  }
}

.tooltip-row-wrap {
  position: relative;
}
.tooltip-box {
  position: relative;
  display: inline-block;
  padding: 0 15px 0 5px;
}
.tooltip-box.tooltip-box-custom {
  position: absolute;
  right: -40px;
  top: 8px;
}
.tooltip-box .learn-more__box {
    width: 421px;
    left: 100%;
    top: -7px;
    min-height: 50px;
    text-align: left;
    z-index: 999;
}
.tooltip-box .learn-more__tank-size {
    text-align: center;
    top: -275px;
}
.tooltip-box .learn-more__tank-size:before {
    top: 280px;
}
@media only screen and (max-width: 1700px) {
  .tooltip-box .learn-more__box {
      width: 280px;
      left: auto;
      right: 0px;
      top: 100%;
      margin: 15px 0 0;
  }
  .learn-more__box:before {
    background: url("../img/tooltip-arrow.png") no-repeat right transparent;
    top: -13px;
    left: auto;
    right: 15px;
    width: 18px;
  }
  .tooltip-box .learn-more__tank-size:before {
    top: -13px;
  }
}
@media only screen and (max-width: 640px) {
  .tooltip-box .learn-more__box {
      right: -15px;
      max-height: 500px;
      overflow: auto;
  }
  .tank-description__list .learn-more__box {
    top: 100%;
    left: 0px;
    width: auto;
    z-index: 99;
  }
  .tank-description__list .learn-more__box:before {
    left: auto;
    right: 12px;
  }
  .tooltip-row-wrap {
    padding-right: 30px;
  }
  .tooltip-box {
    padding: 0 0 0 5px;
  }
  .tooltip-box.tooltip-box-custom {
    right: 0px;
  }
}

.choose-block {
  padding: 0 0 40px;
}
.choose-col-l {
  width: 50%;
  padding: 0 40px 0 0;
  float: left;
  border-right: 1px solid #686868;
}
.choose-col-r {
  width: 50%;
  padding: 0 0 0 40px;
  float: right;
}
[data-abide] .choose-col-l small.error, [data-abide] .choose-col-r small.error, [data-abide] .choose-row-item small.error {
  position: absolute;
  left: 0px;
  bottom: -25px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
[data-abide] .choose-row-item small.error {
  bottom: -15px;
}
.choose-item {
  background: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 20px 0 0;
  text-align: left;
  border: 1px solid #686868;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  position: relative;
}
.choose-item:first-child {
  margin: 0px;
}
.choose-item.checked-parent {
  background: #b52532;
  border: 1px solid #b52532;
}
.choose-item .choose-item-icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 42px;
  margin: 0 8% 0 13%;
}
.choose-item span {
  color: #686868;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.choose-item.checked-parent span {
  color: #fff;
}
.choose-item-home {
  background: url('../../assets/img/icons/home-icon.png') no-repeat center bottom;
}
.choose-item-business {
  background: url('../../assets/img/icons/business-icon.png') no-repeat center bottom;
}
.choose-item-propane {
  background: url('../../assets/img/icons/propane-icon.png') no-repeat center bottom;
}
.choose-item-heating-oil {
  background: url('../../assets/img/icons/heating-oil-icon.png') no-repeat center bottom;
}
.choose-item.checked-parent .choose-item-icon {
  background-position: center top;
}
.choose-item input[type="checkbox"],
.choose-item input[type="radio"],
.choose-item input[type="checkbox"] + a.toggle,
.choose-item input[type="radio"] + a.toggle {
  display: none;
}

.promo-code-block {
  max-width: 345px;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}
.promo-code-block .promo-code-inp {
  color: #686868;
  font-size: 16px;
  line-height: 20px;
  width: 64%;
  height: 40px;
  border: 1px solid #b52532;
  padding: 10px 20px;
  margin: 0px;
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.promo-code-block.disabled .promo-code-inp {
  border-color: #686868;
}
.promo-code-block.disabled .promo-code-inp[readonly] {
  color: #686868;
}
.promo-code-block.disabled .promo-code-inp:focus {
  box-shadow: none;
}
.promo-code-block .promo-code-sbm {
  background: #b52532;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border: none;
  width: 36%;
  height: 40px;
  float: left;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.promo-code-block.disabled .promo-code-sbm {
  background: #686868;
}
.one-time-content h3 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 25px;
}

.choose-row {
  margin: 0 0 20px;
  position: relative;
}
.choose-row.choose-row-pay {
  padding: 15px 0 0;
}
.choose-row-item {
  display: inline-block;
}
.choose-row label {
  display: inline;
}
.choose-row-item {
  padding: 0 25px 0 25px;
}
.choose-row-pay .choose-row-item {
  padding: 0 10px 10px 10px;
  margin: 0px;
  display: inline-block;
}
.choose-row-pay .tank-level-row.tank-level-row-custom {
  text-align: right;
}
.choose-row .tank-level-row.tank-level-row-custom .choose-row-item {
  float: left;
  margin-top: 15px;
}
.choose-row label {
  color: #686868;
  font-size: 18px;
}
.choose-row.choose-row-pay label {
  font-size: 16px;
}
.choose-row.choose-row-pay label span {
  color: #b52532;
}
.choose-row input[type="radio"] + a.toggle, .choose-row input[type="checkbox"] + a.toggle {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
  filter: none \0/IE9;
  width: 24px;
  height: 24px;
  border: 2px solid #c8c8c8;
}
.choose-row input[type="checkbox"] + label, .choose-row input[type="radio"] + label {
  margin: 0px;
}
.choose-row input[type="radio"], .choose-row input[type="checkbox"] {
  display: none;
}
.choose-row input[type="checkbox"] + a.toggle {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.choose-row input[type="radio"] + a.toggle.checked::after {
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
}
.choose-row input[type="checkbox"] + a.toggle.checked::after {
  content: '';
  background: url('../img/checked.png') no-repeat center center;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 1px;
  top: 1px;
}
.one-time-buttons {
  padding: 40px 0 0;
}
.one-time-buttons .button {
  font-size: 27px;
  font-weight: 600;
  font-family: "Open sans", sans-serif;
  padding: 10px 45px;
  margin: 0 15px 15px;
  min-width: 220px;
}
.one-time-buttons .button.start-over {
  background: #f4f4f4;
  color: #666;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.one-time-buttons .button.start-over:hover {
  background: #b52532;
  color: #fff;
}
.one-time-buttons .button.next-step {
  border: 1px solid #b52532;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.one-time-login {
  max-width: 355px;
  margin: 0 auto;
}
.one-time-login .login_logo {
  background-size: 100% 100%;
  width: 213px;
  height: 73px;
  margin: 0 auto 40px;
}
.one-time-login input.input--box, .one-time-login select.select--box, .one-time-contact input.input--box, .one-time-contact select.select--box {
  color: #686868;
  font-size: 16px;
  line-height: 24px;
  height: 40px;
  padding: 8px 20px;
  margin: 0 0 15px!important;
}
.one-time-login .error input.input--box, .one-time-login .error select.select--box, .one-time-contact .error input.input--box, .one-time-contact .error select.select--box {
  margin: 0px!important;
}
.one-time-login .error small.error, .one-time-login .error small.error, .one-time-contact .error small.error, .one-time-contact .error small.error {
  margin: 0px;
  clear: both;
}
.one-time-login .button.button--reset {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  margin: 20px 0 15px;
}
.one-time-login .forgot-pwd {
  color: #686868;
  font-size: 16px;
  font-style: italic;
  float: right;
  text-align: left;
}
.one-time-login .forgot-pwd:first-child {
  float: left;
  margin: 0 5px 0 0
}

.tank-level h3 {
  margin: 0px;
}
.tank-level p {
  color: #686868;
  font-size: 18px;
}
.choose-row .select--box {
  max-width: 215px;
  margin: 0 auto;
}
.tank-level-row {
  max-width: 320px;
  margin: 0 auto;
  text-align: left;
}
input.percentage-inp {
  width: 65px;
  display: inline-block;
  margin: 10px 0;
  border: 1px solid #b52532;
}
.tank-level-row-custom input.percentage-inp {
  float: left;
}
input.percentage-inp::-webkit-inner-spin-button, 
input.percentage-inp::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.one-time-contact {
  max-width: 500px;
  margin: 0 auto;
}
.one-time-contact input {
  background: #f4f4f4;
}

.tank-level-row-custom {
  text-align: right;
}

.quest-order-holder .one-time-content {
  padding: 30px 140px;
}
.quest-order-holder h2 {
  color: #000;
}
.quest-order-holder p {
  text-align: left;
}
.registration__progress-quest-order {
  margin: 0px;
}
.registration__progress-quest-order li, .registration__progress-quest-order li.current, .registration__progress-quest-order li:last-child {
  font-size: 14px;
  line-height: 40px;
  font-weight: normal;
  width: 20%;
  height: 40px;
  text-indent: 4px;
}
.registration__progress-quest-order li:not(:last-child):after {
  background: url("../img/bg-progress-sm-1.png") no-repeat right -1px;
  width: 11px;
  height: 40px;
  right: -10px;
}
.registration__progress-quest-order li.current:not(:last-child):after {
  background: url("../img/bg-progress-sm-2.png") no-repeat right -1px;
}
.registration__progress-quest-order li.passed {
  background: #fff;
}
.registration__progress-quest-order li.passed:not(:last-child):after {
  background: url("../img/bg-progress-sm-3.png") no-repeat right -1px;
}
.registration__progress-quest-order li.current {
  font-weight: bold;
}

.one-time-content-register {
  padding: 40px 85px 30px;
}
.one-time-section {
  position: relative;
  margin: 40px 0;
}
.one-time-section:before {
  content: '';
  background: #818181;
  position: absolute;
  left: 50%;
  top: 0px;
  width: 1px;
  height: 100%;
  display: block;
}
.one-time-section-l {
  width: 50%;
  padding: 0 80px 0 0;
  float: left;
  text-align: left;
}
.one-time-section-l p {
  color: #686868;
  font-size: 18px;
  margin: 0px;
}
.one-time-section-l p.price-text {
  color: #000;
  font-size: 32px;
  line-height: 1.063em;
  margin: 40px 0 10px;
}
.one-time-section-l p.price {
  color: #b52532;
  font-size: 58px;
  line-height: 0.862em;
  font-weight: 300;
  margin: 0 0 25px;
}
.one-time-section-r {
  width: 50%;
  max-width: none;
  padding: 0 0 0 80px;
  float: right;
}
.one-time-login.one-time-payment {
  padding-top: 60px;
}
.one-time-section-r > .row:last-child input {
  margin: 0px!important;
}
.one-time-section-r .row .row {
  margin: 0 -0.9375rem;
}
form .one-time-section-r .row .column, form .one-time-section-r .row .columns {
  padding: 0 0.9375rem;
}
.space-wrap {
  padding: 0 0 0 15px;
}
.space-wrap-custom {
  padding: 0 0 0 10px;
}
.one-time-login.one-time-payment input.input--box, .one-time-login.one-time-payment select.select--box {
  padding: 8px 15px;
}
.one-time-section-l dl {
  overflow: hidden;
  margin: 0 0 3px;
}
.one-time-section-l dl.subtotal {
  margin: 0 0 17px;
}
.one-time-section-l dl.total {
  border-top: 1px solid #000;
  padding: 7px 0 15px;
  margin: 25px 0 0;
}
.one-time-section-l dt, .one-time-section-l dd {
  font-size: 18px;
  line-height: 1.222em;
  display: block;
  float: left;
  margin: 0px;
  text-align: right;
}
.one-time-section-l dl.subtotal dt, .one-time-section-l dl.subtotal dd {
  font-size: 22px;
}
.one-time-section-l dl.total dt, .one-time-section-l dl.total dd {
  color: #b52532;
  font-size: 32px;
}
.one-time-section-l dt {
  width: 57%;
  font-weight: normal;
}
.one-time-section-l dl.total dt {
  text-align: left;
}
.one-time-section-l dd {
  min-width: 43%;
  font-weight: 300;
}
.one-time-section-l p, .one-time-section-r .total-wrap p {
  color: #686868;
  font-size: 16px;
  margin: 0 0 15px;
}
.one-time-section-l p span, .one-time-section-r .total-wrap p span {
  color: #b52532;
  font-weight: bold;
}
.total-wrap {
  text-align: center;
}
.one-time-section-l .total-wrap p {
  margin: 0px;
}
.one-time-section-l .total-wrap p.subtotal {
  font-size: 22px;
  margin: 5px 0 0;
}
.one-time-section-l .total-wrap p.total {
  color: #b52532;
  font-size: 55px;
  line-height: 1;
  font-weight: 300;
  margin: 0 0 8px;
}
.one-time-section-l .total-wrap p.total-info {
  color: #000;
  max-width: 230px;
  margin: 25px auto 0;
}
.one-time-section-r .total-wrap ul {
  max-width: 300px;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 1024px) {
  .one-time-content-register {
    padding: 30px 40px 20px;
  }
  .one-time-section-l {
    padding: 0 40px 0 0;
  }
  .one-time-section-l p.price-text {
    font-size: 24px;
  }
  .one-time-section-l p.price {
    font-size: 36px;
  }
  .one-time-section-r {
    padding: 0 0 0 40px;
  }
  .choose-row-pay .tank-level-row {
    margin: 0px;
  }
  .choose-row-pay .tank-level-row.tank-level-row-custom {
    text-align: left;
  }
}
@media only screen and (max-width: 960px) {
  .choose-item .choose-item-icon {
    margin: 0 3%;
  }
  .one-time-section-l dt, .one-time-section-l dd {
    font-size: 16px
  }
  .one-time-section-l dl.subtotal dt, .one-time-section-l dl.subtotal dd {
    font-size: 18px;
  }
  .one-time-section-l dl.total dt, .one-time-section-l dl.total dd {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .choose-col-l {
    padding: 0 20px 0 0;
  }
  .choose-col-r {
    padding: 0 0 0 20px;
  }
  .choose-item span {
    font-size: 18px;
  }
  .quest-order-holder .one-time-content {
    padding: 30px 40px;
  }
  .one-time-section-l {
    padding: 0 20px 0 0;
  }
  .one-time-section-r {
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 640px) {
  .one-time-content, .quest-order-holder .one-time-content {
    padding: 15px 20px;
  }
  .choose-row {
    margin: 0 0 25px;
  }
  .choose-row-item {
    padding: 0 25px 0 0;
    margin: 0px;
    text-align: left;
    display: block;
  }
  .tank-level .choose-row-item {
    display: inline-block;
  }
  .choose-row label {
    display: inline;
  }
  .tank-level-row {
    max-width: 300px;
  }
  .choose-row-pay .tank-level-row {
    max-width: 320px;
    margin: 0px;
  }
  .one-time-content h2 {
    margin: 0 0 20px;
  }
  .choose-col-l, .choose-col-r {
    width: 100%;
    padding: 0px;
  }
  .choose-col-l {
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-right: none;
    border-bottom: 1px solid #686868;
  }
  [data-abide] .choose-col-l small.error, [data-abide] .choose-col-r small.error, [data-abide] .choose-row-item small.error {
    text-align: left;
  }
  [data-abide] .tank-level .choose-row-item small.error {
    text-align: center;
  }
  .one-time-login .forgot-pwd {
    font-size: 15px;
  }
  .one-time-section {
      margin: 20px 0;
  }
  .registration__progress-quest-order li, .registration__progress-quest-order li.current, .registration__progress-quest-order li:last-child {
    width: 100%;
  }
  .one-time-section:before {
    display: none;
  }
  .one-time-section-l, .one-time-section-r {
    width: 100%;
    padding: 0px;
  }
  .one-time-section-l {
    padding: 0 0 25px;
    margin: 0 0 30px;
    border-bottom: 1px solid #686868;
  }
  .one-time-content-register .promo-code-block {
    max-width: none;
  }
  .registration__progress-quest-order li:not(.current) {
    border-left: 1px solid #9e9e9e;
  }
  .registration__progress-quest-order li:not(.current):after {
    content: '';
    background: rgba(0, 0, 0, 0) url("../img/bg-progress-sm-1.png") no-repeat scroll right -1px!important;
    height: 40px;
    right: -10px;
    width: 11px;
    position: relative;
    float: right;
    margin: 0 0 0 -25px;
    z-index: 1;
  }
  .registration__progress-quest-order li:after {
    content: '';
    height: 40px;
    right: -10px;
    width: 11px;
    position: relative;
    float: right;
    z-index: 1;
  }
  .registration__progress-quest-order li.current:after {
      background: url("../img/bg-progress-sm-2.png") no-repeat right -1px;
  }
  .space-wrap-custom {
    padding: 0px;
  }
}
@media only screen and (max-width: 360px) {
  .one-time-login .forgot-pwd {
    float: left;
  }
  .one-time-head h1 {
    font-size: 40px;
  }
}

input.fdatepicker[type="text"] {
  background: #fff url("../img/icons/datepicker-icon.png") no-repeat right 7px;
}

input.fdatepicker[type="text"]:focus {
  background: #fff url("../img/icons/datepicker-icon.png") no-repeat right -41px;
}

.payment-box.payment-box-custom {
  position: relative;
  padding-right: 120px;
}
.AuthorizeNetSeal {
  position: absolute;
  right: 18px;
  top: 18px;
}
@media only screen and (max-width: 360px) {
  .payment-box.payment-box-custom {
    padding-right: 96px;
  }
  .AuthorizeNetSeal {
    right: 5px;
  }
}


/* SPES Price Protection Plans */
.main-container {
  padding: 100px 0; }
  .main-container--gray {
    background-color: #f4f4f4;
    background-image: linear-gradient(180deg, #f4f4f4 500px, #fff 500px); }
  .main-container--gray-reverse {
    background-color: #f4f4f4;
    background-image: linear-gradient(0deg, #f4f4f4 500px, #fff 500px); }
  .main-container h1, .main-container h2, .main-container h3, .main-container h4 {
    text-align: center; }
  .main-container h1 {
    color: #c4002b;
    font-size: 52px;
    line-height: 1.12;
    letter-spacing: -2px;
    font-weight: bold;
    margin: 0 0 40px; }
  .main-container h2 {
    color: #c4002b;
    font-size: 48px;
    line-height: 1.21;
    margin: 0 0 20px;
    letter-spacing: -2px; }
  .main-container h3 {
    color: #666;
    font-size: 32px;
    line-height: 1.19;
    margin: 0 0 25px; }
  .main-container p {
    line-height: 1.5; }
  .main-container a {
    color: #c4002b;
    opacity: 1;
    transition: opacity 0.2s ease; }
    .main-container a:hover {
      text-decoration: none;
      opacity: 0.7;
      transition: opacity 0.2s ease; }
  .main-container button, .main-container .button {
    background-color: #c4002b; }
    .main-container button:hover, .main-container .button:hover {
      background-color: #9c1a26; }
  .main-container .error-inp-message {
    display: none; }
  .main-container .error .error-inp-message {
    color: #c4002b;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    clear: both;
    display: block;
    margin: 0 0 10px; }
  .main-container .error select, .main-container .error input[type="text"], .main-container .error input[type="password"], .main-container .error input[type="date"], .main-container .error input[type="datetime"], .main-container .error input[type="datetime-local"], .main-container .error input[type="month"], .main-container .error input[type="week"], .main-container .error input[type="email"], .main-container .error input[type="number"], .main-container .error input[type="search"], .main-container .error input[type="tel"], .main-container .error input[type="time"], .main-container .error input[type="url"], .main-container .error input[type="color"], .main-container .error textarea {
    border: 1px solid #b52532 !important; }
.register-container h2{
    font-size: 48px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -1.85px;
    text-align: center;
    color: #c4002b;
}



.image-renew-register {
 position: relative; 
 width: 100%;
 padding-top: 20px;
 padding-bottom: 30px;
}

.image-renew-register ul {
    position: absolute;
    font-size: 20px;
    top: 68px;
    left: 37px;
    list-style-type: disc;
    opacity: 0.8;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    color: #000000;
}

@media only screen and (max-width: 1020px) {
   .image-renew-register ul {
      top: 35px;
      left: 13px;
      font-size: 8px;
    }
}
 @media only screen and (min-device-width: 950px){
  .image-renew-register ul {
    font-size: 20px;
    top: 68px;
    left: 37px;
    }
 }
@media only screen and (max-device-width: 170px) {
  .image-renew-register ul {
      font-size: 2px;
    }
  }
@media only screen and (min-device-width: 171px) and (max-device-width: 200px) {
  .image-renew-register ul {
      font-size: 3px;
      top: 27px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 201px) and (max-device-width: 250px) {
  .image-renew-register ul {
      font-size: 4px;
      top: 23px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 251px) and (max-device-width: 350px) {
  .image-renew-register ul {
      font-size: 5px;
      top: 23px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 351px) and (max-device-width: 450px) {
  .image-renew-register ul {
      font-size: 7px;
      top: 23px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 500px) and (max-device-width: 650px) {
  .image-renew-register ul {
      font-size: 10px;
      top: 23px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 651px) and (max-device-width: 800px) {
  .image-renew-register ul {
      font-size: 14px;
      top: 23px;
      left: 0px;
    }
  }
  @media only screen and (min-device-width: 801px) and (max-device-width: 950px) {
  .image-renew-register ul {
      font-size: 17px;
      top: 23px;
      left: 0px;
    }
  }

.row--custom {
  max-width: 1200px; }
.renew-thank-you-container--custom-pad{
  padding: 0px 0;
}
.content-s-block {
  background: #fff;
  border: 1px solid #979797;
  border-radius: 3px;
  max-width: 782px;
  padding: 40px 25px 55px;
  margin: 0 auto 40px; }
  .content-s-block--border-red {
    border-color: #c4002b; }
  .content-s-block--border-gray {
    border-color: #666; }
  .content-s-block__account-field {
    color: #000;
    font-size: 20px;
    line-height: 1.5; }
  .content-s-block__info {
    position: relative;
    margin: 55px 0 0; }
    .content-s-block__info:before {
      content: '';
      background: #979797;
      position: absolute;
      left: 57%;
      top: 0px;
      height: 100%;
      width: 1px;
      display: block; }
    .content-s-block__info-l, .content-s-block__info-r {
      float: left; }
      .content-s-block__info-l p, .content-s-block__info-r p {
        margin: 0 0 10px; }
    .content-s-block__info-l {
      width: 57%;
      padding: 0 30px 0 20px; }
      .content-s-block__info-l p {
        font-size: 20px; }
    .content-s-block__info-r {
      width: 43%;
      padding: 10px 0 0 35px;
      text-align: center; }
      .content-s-block__info-r h3 {
        color: #c4002b;
        margin: 0 0 10px; }
      .content-s-block__info-r p {
        color: #666;
        font-size: 18px; }

.plan-section {
  padding: 10px 0 0; }
  .plan-section__wrapper {
    padding: 22px .9375rem;
    border: 4px solid #fff;
    border-radius: 4px; }
    .plan-section__wrapper--minor .plan-box__head, .plan-section__wrapper--minor .plan-box__row, .plan-section__wrapper--major .plan-box__head, .plan-section__wrapper--major .plan-box__row {
      text-align: center; }
    .plan-section__wrapper--minor {
      border: 4px solid #f4f4f4;
      border-right: 4px solid #fff;
      padding: 22px 0; }
    .plan-section__wrapper--custom {
      border-right: 4px solid #f4f4f4; }
    .plan-section__wrapper--major {
      background: #f4f4f4;
      border: 4px solid #f4f4f4; }
    .plan-section__wrapper--first {
      padding-left: 0px;
      padding-right: 0px; }
      .plan-section__wrapper--first .plan-box__head p {
        color: rgba(0, 0, 0, 0.8);
        font-size: 20px;
        font-weight: normal;
        margin: 30px 0 0; }
      .plan-section__wrapper--first .plan-box__row p {
        color: rgba(104, 104, 104, 0.8); }
        .plan-section__wrapper--first .plan-box__row p sup {
          top: -8px; }
      .plan-section__wrapper--first .plan-box__row--note {
        padding: 0px; }
        .plan-section__wrapper--first .plan-box__row--note .plan-box__row-ins {
          vertical-align: top; }
        .plan-section__wrapper--first .plan-box__row--note p {
          color: rgba(102, 102, 102, 0.8);
          font-size: 12px;
          font-weight: 300;
          font-style: italic;
          margin: 0 0 5px; }
  .plan-section__descr {
    padding: 0 20px 15px; }
    .plan-section__descr h4 {
      font-size: 32px;
      line-height: 1.19;
      text-align: center;
      margin: 0 0 25px; }
    .plan-section__descr p {
      line-height: 1.56em;
      text-align: center;
      margin: 0 0 25px; }

.plan-box {
  padding: 25px 15px 0;
  border-radius: 4px;
  border: 2px solid #fff; }
  .plan-box--border-gray {
    border: 2px solid #666; }
  .plan-box--border-red {
    border: 2px solid #c4002b; }
    .plan-box--border-red .plan-box__row {
      border-color: #c4002b; }
  .plan-box__head {
    display: table;
    width: 100%;
    padding: 0 0 35px; }
    .plan-box__head-ins {
      display: table-cell;
      vertical-align: middle; }
    .plan-box__head h5 {
      color: #000;
      font-size: 20px;
      margin: 0 0 10px; }
    .plan-box__head p {
      font-weight: 300;
      margin: 0px; }
  .plan-box__head-status {
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    margin: 0 0 10px; }
    .plan-box__head-status--best {
      background: #27ae60;
      color: #fff;
      font-weight: 600;
      border-radius: 3px;
      padding: 1px 22px; }
  .plan-box__head-price {
    color: #c4002b;
    font-size: 52px;
    letter-spacing: -1px;
    font-weight: bold;
    display: block; }
  .plan-box__toggle {
    display: none; }
  .plan-box__row {
    width: 100%;
    height: 82px;
    padding: 17px 0;
    display: table;
    border-top: 1px solid #666; }
    .plan-box__row-ins {
      display: table-cell;
      vertical-align: middle; }
    .plan-box__row p {
      color: #000;
      margin: 0px; }
      .plan-box__row p sup {
        position: relative;
        top: -5px; }
    .plan-box__row--info p {
      opacity: 0.8; }
    .plan-box__row--m-note {
      display: none; }
    .plan-box__row .button {
      background: #c4002b;
      width: 100%;
      max-width: 300px;
      font-weight: 600;
      padding: 10px 15px;
      border-radius: 4px;
      margin: 0px; }
      .plan-box__row .button:hover, .plan-box__row .button:focus {
        background: #9c1a26;
        opacity: 0.7; }
  .plan-box__mobile-info {
    display: none; }
  .plan-box__text--large {
    font-size: 20px; }

@media (min-width: 64.01em) {
  .plan-box__body {
    display: block !important; } }

@media (max-width: 64em) {
  .main-container {
    padding: 20px 0; }
    .main-container--gray {
      background-image: linear-gradient(180deg, #f4f4f4 400px, #fff 400px); }
    .main-container h1 {
      font-size: 24px;
      line-height: normal;
      letter-spacing: -1px;
      margin: 0 25px 25px; }
    .main-container h2 {
      font-size: 22px;
      margin: 0 0 15px;
      letter-spacing: -1px; }
    .main-container h3 {
      font-size: 18px;
      line-height: normal; }
    .main-container .content-s-block {
      padding: 25px;
      margin: 0 auto 20px; }
      .main-container .content-s-block__info {
        margin: 15px 0 0; }
        .main-container .content-s-block__info:before {
          display: none; }
        .main-container .content-s-block__info-l, .main-container .content-s-block__info-r {
          width: 100%;
          padding: 0px; }
        .main-container .content-s-block__info-l {
          padding: 0 0 10px;
          margin: 0 0 15px;
          border-bottom: 1px solid #979797; }
          .main-container .content-s-block__info-l p {
            font-size: 14px;
            line-height: 23px; }
        .main-container .content-s-block__info-r h3 {
          font-size: 22px;
          margin: 0px; }
        .main-container .content-s-block__info-r p {
          font-size: 18px;
          line-height: normal; }
      .main-container .content-s-block__account-field {
        font-size: 14px;
        margin: 0px; }
  .plan-section {
    padding: 0px; }
    .plan-section__descr {
      padding: 0 15px 15px; }
      .plan-section__descr h4 {
        font-size: 18px;
        margin: 0 0 10px; }
      .plan-section__descr p {
        font-size: 14px;
        text-align: left; }
    .plan-section__wrapper {
      max-width: 782px;
      margin: 0 auto; }
      .plan-section__wrapper--first {
        display: none; }
      .plan-section__wrapper--minor {
        padding: 10px 0;
        margin: 0 auto 5px;
        border: 4px solid #f4f4f4; }
        .plan-section__wrapper--minor > .row > .columns:first-child .plan-box {
          margin: 0 0 15px; }
      .plan-section__wrapper--major .plan-section {
        padding: 0px; }
        .plan-section__wrapper--major .plan-section__descr {
          padding: 0 10px; }
  .plan-box {
    padding: 12px 0 0; }
    .plan-box .plan-box__mobile-info {
      color: rgba(0, 0, 0, 0.8);
      font-size: 12px;
      font-weight: normal;
      text-align: left;
      display: block; }
    .plan-box__head {
      padding: 0px; }
      .plan-box__head-l {
        width: 50%;
        padding: 0 5px;
        float: left; }
      .plan-box__head-r {
        width: 40%;
        padding: 0 5px;
        float: right; }
      .plan-box__head h5 {
        font-size: 14px; }
    .plan-box__head-status {
      font-size: 12px; }
      .plan-box__head-status--best {
        font-size: 16px;
        padding: 0 7px; }
    .plan-box__head-price {
      font-size: 24px;
      line-height: 1;
      margin: 0 0 7px; }
    .plan-box__toggle {
      background: #d8d8d8;
      font-size: 16px;
      line-height: 19px;
      display: block;
      text-align: center;
      padding: 10px 35px;
      border-top: 1px solid #b52532;
      margin: 0 0 -1px;
      position: relative;
      z-index: 1;
      cursor: pointer; }
      .plan-box__toggle:after {
        content: '+';
        color: #666;
        font-size: 36px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 50%;
        margin: -10px 0 0; }
      .plan-box__toggle.visible:after {
        content: '-';
        font-size: 60px;
        font-weight: normal;
        margin: -16px 0 0;
        right: 11px; }
    .plan-box__body {
      display: none;
      padding: 0 2px; }
      .plan-box__body .plan-box__row {
        border-top: 1px solid #c4002b;
        height: 60px;
        padding: 5px 0; }
    .plan-box__row {
      border: none; }
      .plan-box__row.plan-box__row--m-note {
        display: block;
        text-align: left;
        height: auto; }
        .plan-box__row.plan-box__row--m-note p {
          color: #666;
          font-size: 10px;
          font-weight: 300;
          font-style: italic;
          margin: 0 0 5px; }
      .plan-box__row.plan-box__row--info .plan-box__row-r p {
        font-size: 12px; }
      .plan-box__row-ins {
        display: table;
        width: 100%; }
      .plan-box__row-l, .plan-box__row-r {
        padding: 0 10px;
        display: table-cell;
        vertical-align: middle; }
      .plan-box__row-l {
        width: 65%;
        height: 50px; }
        .plan-box__row-l p {
          vertical-align: middle; }
      .plan-box__row-r {
        width: 35%; }
      .plan-box__row p {
        font-size: 14px; }
      .plan-box__row .button {
        max-width: 90%; } }

@media (max-width: 359px) {
  .plan-box__row-l {
    width: 60%; }
  .plan-box__row-r {
    width: 40%; } }

.security-box h3 {
  color: #666666;
  margin: 0 0 10px; }

.security-box__row input, .security-box__row .button {
  margin: 0px;
  width: 100%;
  height: 40px; }

.security-box__row input {
  background: #f4f4f4;
  color: rgba(104, 104, 104, 0.8);
  line-height: 20px;
  border-radius: 4px 0 0 4px;
  -moz-appearance: textfield; }

.security-box__row input[type=number]::-webkit-inner-spin-button,
.security-box__row input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.security-box__row .button {
  padding: 0px;
  border-radius: 0 4px 4px 0; }

.security-box__error {
  color: #c4002b;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  display: none;
  margin: 5px 0 0; }

.security-box .error .security-box__error {
  display: block; }

.separator {
  position: relative;
  text-align: center;
  padding: 20px 0;
  margin: 0 0 30px; }
  .separator:before {
    content: '';
    background: #979797;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 1px; }
  .separator span {
    background: #fff;
    color: #666;
    font-size: 32px;
    text-transform: uppercase;
    padding: 0 60px;
    display: inline-block;
    position: relative; }

@media (max-width: 40em) {
  .security-box h3 {
    margin: 0 0 18px; }
  .separator {
    padding: 30px 0 25px;
    margin: 0 25px; }
    .separator span {
      font-size: 18px;
      padding: 0 25px; } }

.content-s-block__data {
  padding: 30px 0 0;
  text-align: center; }
  .content-s-block__data-img {
    margin: 0 0 35px; }
  .content-s-block__data h4 {
    color: #666;
    font-size: 32px;
    margin: 0px; }
  .content-s-block__data-number, .content-s-block__data-price {
    color: #c4002b;
    font-size: 48px;
    text-decoration: none;
    letter-spacing: -1px; }
  .content-s-block__data-price {
    line-height: 1.2;
    display: block; }

.floor-section {
  text-align: center;
  padding: 25px 0 0; }
  .floor-section button {
    line-height: 18px;
    font-weight: 600;
    border-radius: 4px;
    padding: 22px; }
    .floor-section button.button--full-width {
      width: 100%; }
    .floor-section button.button--default {
      background: #fff;
      color: #666;
      font-family: OpenSans, Arial;
      border: 2px solid #666;
      padding: 20px 22px; }
      .floor-section button.button--default:hover {
        background: #f4f4f4; }
    .floor-section button.button--middle {
      min-width: 200px; }
    .floor-section button.button--custom {
      min-width: 250px;
      font-weight: normal; }

@media (max-width: 40em) {
  .content-s-block__data {
    padding: 0px; }
    .content-s-block__data-img {
      height: 70px;
      margin: 0 0 40px; }
    .content-s-block__data h4 {
      font-size: 18px; }
    .content-s-block__data-number, .content-s-block__data-price {
      font-size: 22px;
      line-height: 1; }
  .floor-section button {
    line-height: 1;
    letter-spacing: 0px;
    padding: 15px 20px; }
    .floor-section button.button--default {
      padding: 15px 20px; } }

.main-container--custom {
  padding: 25px 0 0; }
  .main-container--custom h1, .main-container--custom h2 {
    text-align: left; }

.main-container__head p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin: 0 0 30px; }
.floor-section-thank-you{
  padding: 21px 0px 37px;
}
.main-container .step-holder__number {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin: 0 0 10px; }

.main-container .step-holder__select {
  background-image: url("../images/elem/arrow-down.png");
  background-size: 20px 9px;
  background-position: 95% center;
  background-repeat: no-repeat;
  color: rgba(104, 104, 104, 0.8);
  font-size: 16px;
  height: 60px;
  padding: 0 3px 0 20px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.main-container .step-holder select::-ms-expand {
  display: none; }

.main-container .step-holder .content-s-block--custom h3 {
  /* color: #c4002b; */
  font-size: 20px;
  font-weight: bold; }

.main-container .step-holder h5 {
  color: #000;
  font-size: 20px;
  margin: 0px; }

.main-container .step-holder__gallon-number {
  color: #c4002b;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -1px; }

.main-container .step-holder__gallon-price {
  color: #666;
  font-size: 32px;
  line-height: 36px;
  margin: 0 0 15px; }
  .main-container .step-holder__gallon-price--custom {
    color: #c4002b;
    font-size: 52px;
    font-weight: bold;
    letter-spacing: -2px;
    padding: 10px 0 0; }

.main-container .step-holder__total {
  padding: 0 0 35px;
  margin: 0 0 50px;
  position: relative; }
  .main-container .step-holder__total:after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0px;
    border-bottom: 1px solid #979797; }
  .main-container .step-holder__total-price {
    color: #c4002b;
    font-size: 52px;
    font-weight: bold;
    letter-spacing: -2px;
    padding: 10px 0 0; }
  .main-container .step-holder__total p {
    font-size: 20px; }
  .main-container .step-holder__total--custom {
    margin: 0px;
    padding: 45px 0 0; }
    .main-container .step-holder__total--custom:after {
      display: none; }
    .main-container .step-holder__total--custom .step-holder__total-price {
      padding: 5px 0;
      line-height: 1; }

.main-container .step-holder__contact input[type="text"], .main-container .step-holder__contact input[type="password"], .main-container .step-holder__contact input[type="date"], .main-container .step-holder__contact input[type="datetime"], .main-container .step-holder__contact input[type="datetime-local"], .main-container .step-holder__contact input[type="month"], .main-container .step-holder__contact input[type="week"], .main-container .step-holder__contact input[type="email"], .main-container .step-holder__contact input[type="number"], .main-container .step-holder__contact input[type="search"], .main-container .step-holder__contact input[type="tel"], .main-container .step-holder__contact input[type="time"], .main-container .step-holder__contact input[type="url"], .main-container .step-holder__contact input[type="color"], .main-container .step-holder__contact textarea, .main-container .step-holder__contact select {
  background-color: #fff;
  font-size: 16px;
  height: 60px;
  padding: 8px 20px;
  border: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.main-container .step-holder__contact select:hover {
  background-color: #fff; }

.main-container .step-holder__contact hr {
  border-color: #666;
  margin: 0 0 1rem; }

.main-container .step-holder__contact > .row:last-child input {
  margin: 0px; }

.main-container .step-holder__contact fieldset {
  padding: 0 10px;
  border: none; }

.main-container .step-holder .row--confirm {
  padding-bottom: 25px; }
  .main-container .step-holder .row--confirm input[type="checkbox"] + a.toggle {
    background: none;
    width: 20px;
    height: 20px;
    margin: -3px 7px 0 0;
    border: 2px solid #c4002b;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative; }
    .main-container .step-holder .row--confirm input[type="checkbox"] + a.toggle.checked {
      background: url("../images/elem/check.png") no-repeat center center;
      background-size: 12px 8px; }
  .main-container .step-holder .row--confirm label {
    margin: 0px;
    font-size: 20px;
    display: inline; }

.main-container .step-holder__review {
  max-height: 260px;
  overflow: auto;
  padding: 20px;
  margin: 0 0 20px; }
  .main-container .step-holder__review p {
    margin: 0 0 30px; }
  .main-container .step-holder__review .row {
    margin: 0px !important; }

.main-container .step-holder--top-space {
  padding-top: 40px; }

.main-container .separator-v {
  background: #666;
  position: absolute;
  left: 50%;
  top: 0px;
  width: 1px;
  height: 100%; }

.main-holder {
  background: #f4f4f4;
  padding: 60px 0 50px; }

.step-list {
  margin: 0 0 75px; }
  .step-list li {
    display: inline-block;
    margin: 0 10px 0 0; }
    .step-list li.current a {
      background: #666;
      cursor: default; }
    .step-list li.passed a {
      background: #c4002b; }
    .step-list li a {
      background: #d8d8d8;
      width: 120px;
      height: 20px;
      display: block;
      border-radius: 4px; }

.content-s-block {
  position: relative; }
  .content-s-block--custom {
    padding: 20px 25px;
    margin: 0px;
    text-align: center;
    border-radius: 8px; }
    .content-s-block--custom-right {
      padding: 40px 25px 25px; }
  .content-s-block--large {
    max-width: 1160px; }
  .content-s-block__note {
    color: #666;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    padding: 5px 0 0; }

.gallons-counter {
  padding: 5px 0; }
  .gallons-counter label {
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    text-align: left;
    padding: 0 0 5px; }
  .gallons-counter__button, .gallons-counter__input-number {
    float: left; }
  .gallons-counter__button {
    width: 27%; }
    .gallons-counter__button span {
      background: #c4002b;
      color: #fff;
      line-height: 60px;
      height: 60px;
      font-weight: 600;
      display: block;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .gallons-counter__button span.gallons-counter__decrement {
        border-radius: 4px 0 0 4px; }
      .gallons-counter__button span.gallons-counter__increment {
        border-radius: 0 4px 4px 0; }
  .gallons-counter .gallons-counter__input-number {
    background: #f4f4f4;
    width: 46%;
    height: 60px;
    font-size: 20px;
    text-align: center;
    -moz-appearance: textfield; }

.button-nav .button {
  width: 100%;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: 600; }
  .button-nav .button--default {
    background: #fff;
    color: #666;
    font-family: OpenSans, Arial;
    border: 2px solid #666; }
    .button-nav .button--default:hover {
      background: #f4f4f4; }
  .button-nav .button--middle {
    width: auto;
    min-width: 200px; }

.price-holder {
  text-align: center;
  padding: 10px 0 0; }
  .price-holder h3 {
    margin: 0 0 35px; }
  .price-holder h5 {
    font-size: 20px;
    margin: 0 0 5px; }
  .price-holder .step-holder__total {
    padding: 20px 0 10px; }
  .price-holder--thank-you {
    max-width: 480px;
    margin: 0 auto; }
    .price-holder--thank-you h3 {
      margin: 0px; }
    .price-holder--thank-you .step-holder__total-price {
      padding: 0px;
      margin: 0 0 25px; }
.thank-you-renew {
    max-width: 600px;
}
.radio-holder {
  max-width: 540px;
  margin: 0 auto 15px; }
  .radio-holder input[type="radio"] + a.toggle {
    color: #979797;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 4px;
    border: solid 3px #979797;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .radio-holder input[type="radio"] + a.toggle.checked:after {
      content: '';
      background: #979797;
      width: 12px;
      height: 12px;
      position: absolute;
      left: 2px;
      top: 2px;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
  .radio-holder label {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 32px;
    margin: 0 0 10px;
    cursor: pointer; }

@media (max-width: 64em) {
  .main-container--custom h1 {
    margin: 0 0 25px; }
  .main-container .step-holder__select {
    background-size: 10px 5px;
    padding: 0 25px 0 10px;
    height: 40px;
    text-transform: lowercase;
    text-transform: capitalize; }
  .main-container .step-holder__gallon-number, .main-container .step-holder__total-price {
    font-size: 32px; }
  .main-container .step-holder__total {
    padding: 30px 0 15px;
    margin: 0 0 25px; }
  .main-container .step-holder__contact input[type="text"], .main-container .step-holder__contact input[type="password"], .main-container .step-holder__contact input[type="date"], .main-container .step-holder__contact input[type="datetime"], .main-container .step-holder__contact input[type="datetime-local"], .main-container .step-holder__contact input[type="month"], .main-container .step-holder__contact input[type="week"], .main-container .step-holder__contact input[type="email"], .main-container .step-holder__contact input[type="number"], .main-container .step-holder__contact input[type="search"], .main-container .step-holder__contact input[type="tel"], .main-container .step-holder__contact input[type="time"], .main-container .step-holder__contact input[type="url"], .main-container .step-holder__contact input[type="color"], .main-container .step-holder__contact textarea, .main-container .step-holder__contact select {
    height: 50px;
    padding: 8px 10px; }
  .step-list {
    margin: 0 0 30px; }
    .step-list li a {
      width: 100px; } }

@media (max-width: 40em) {
  .main-container p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    line-height: normal;
    font-weight: 300; }
  .main-container__head {
    padding: 0 0 10px; }
    .main-container__head p {
      color: rgba(0, 0, 0, 0.8);
      font-size: 12px;
      text-align: center;
      margin: 0 0 5px; }
  .main-container--custom {
    padding: 10px 0 0; }
    .main-container--custom h1 {
      font-size: 18px;
      margin: 0 0 10px;
      text-align: center; }
  .main-container .step-holder h5 {
    font-size: 14px; }
  .main-container .step-holder__gallon-number {
    font-size: 22px;
    line-height: normal; }
  .main-container .step-holder__number {
    font-size: 14px;
    margin: 0 0 5px; }
  .main-container .step-holder__contact input[type="text"], .main-container .step-holder__contact input[type="password"], .main-container .step-holder__contact input[type="date"], .main-container .step-holder__contact input[type="datetime"], .main-container .step-holder__contact input[type="datetime-local"], .main-container .step-holder__contact input[type="month"], .main-container .step-holder__contact input[type="week"], .main-container .step-holder__contact input[type="email"], .main-container .step-holder__contact input[type="number"], .main-container .step-holder__contact input[type="search"], .main-container .step-holder__contact input[type="tel"], .main-container .step-holder__contact input[type="time"], .main-container .step-holder__contact input[type="url"], .main-container .step-holder__contact input[type="color"], .main-container .step-holder__contact textarea, .main-container .step-holder__contact select {
    height: 30px;
    padding: 3px 20px;
    margin: 0 0 15px; }
  .main-container .step-holder__contact select {
    padding: 0 20px;
    line-height: 26px; }
  .main-container .step-holder__contact hr {
    margin: 0 0 15px; }
  .main-container .step-holder__select {
    background-size: 10px 5px;
    font-size: 12px;
    height: 30px; }
  .main-container .step-holder__total {
    padding: 0px;
    margin: 0 0 8px;
    overflow: hidden; }
    .main-container .step-holder__total-l, .main-container .step-holder__total-r {
      width: 50%;
      float: left; }
      .main-container .step-holder__total-l h5, .main-container .step-holder__total-l p, .main-container .step-holder__total-r h5, .main-container .step-holder__total-r p {
        font-size: 9px; }
    .main-container .step-holder__total p {
      font-size: 12px; }
  .main-container .step-holder__gallon-price {
    font-size: 18px;
    margin: 0 0 10px; }
  .main-container .step-holder__total-price {
    font-size: 24px;
    padding: 0px;
    letter-spacing: -1px; }
  .main-container .step-holder .content-s-block--custom h3 {
    font-size: 18px;
    letter-spacing: -1px;
    margin: 0 0 5px; }
  .main-container .step-holder .row--confirm input[type="checkbox"] + a.toggle {
    width: 16px;
    height: 16px; }
    .main-container .step-holder .row--confirm input[type="checkbox"] + a.toggle.checked {
      background: url("../images/elem/check.png") no-repeat center center;
      background-size: 10px auto; }
  .main-container .step-holder .row--confirm label {
    font-size: 14px; }
  .main-container .step-holder--top-space {
    padding: 0; }
  .main-container .separator-v {
    position: static;
    width: 100%;
    height: 1px;
    margin: 0 0 15px; }
  .main-container .content-s-block {
    padding: 18px 10px;
    margin: 0 0 15px; }
    .main-container .content-s-block__note {
      margin: 0 0 10px; }
  .gallons-counter {
    padding: 5px 25px 0; }
    .gallons-counter label {
      font-size: 14px;
      padding: 0 0 2px; }
    .gallons-counter__button span {
      line-height: 30px;
      height: 30px; }
    .gallons-counter .gallons-counter__input-number {
      font-size: 14px;
      height: 30px;
      margin: 0 0 5px; }
  .main-holder {
    padding: 10px 0; }
  .step-list {
    margin: 0 0 5px;
    overflow: hidden;
    display: table;
    width: 100%; }
    .step-list li {
      width: 100px;
      height: 12px;
      display: table-cell; }
      .step-list li:last-child {
        margin: 0px; }
      .step-list li a {
        width: auto;
        height: 12px;
        margin: 0 10px 0 0; }
  .button-nav .button {
    padding: 5px;
    margin: 0 0 15px; } }

@media screen and (min-width: 0\0) {
  .main-container .step-holder__select {
    background-image: none\9; } }

.main-container .payment-plan {
  padding: 15px 0 30px; }
  .main-container .payment-plan__descr {
    font-size: 20px;
    margin: 0px; }
  .main-container .payment-plan-block {
    padding: 20px 0 5px; }
    .main-container .payment-plan-block__head h3 {
      color: #c4002b;
      font-size: 24px;
      font-weight: bold;
      text-align: left;
      margin: 0px;
      letter-spacing: -1px; }
      .main-container .payment-plan-block__head h3.inner-title {
        color: #666; }
    .main-container .payment-plan-block__box {
      border: 1px solid #666;
      display: table;
      width: 100%;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      padding: 7px 12px 2px;
      margin: 0 0 13px; }
      .main-container .payment-plan-block__box--inner {
        border-color: #979797; }
      .main-container .payment-plan-block__box--active, .main-container .payment-plan-block__box:hover {
        background: #fff; }
      .main-container .payment-plan-block__box--active {
        border: 1px solid #c4032b; }
        .main-container .payment-plan-block__box--active button.button--default {
          background: #c4032b;
          color: #fff;
          border-color: #c4032b; }
          .main-container .payment-plan-block__box--active button.button--default:hover {
            background: #c4032b; }
    .main-container .payment-plan-block__col {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .main-container .payment-plan-block__col--l {
        width: 20%; }
      .main-container .payment-plan-block__col--m {
        width: 52%;
        padding: 0 1%; }
      .main-container .payment-plan-block__col--r {
        width: 28%; }
      .main-container .payment-plan-block__col p {
        margin: 0px; }
    .main-container .payment-plan-block__price {
      color: #c4002b;
      font-size: 52px;
      line-height: 58px;
      letter-spacing: -1px;
      font-weight: bold; }
      .main-container .payment-plan-block__price-info {
        color: #c4002b;
        font-size: 22px;
        letter-spacing: -1px; }
  .main-container .payment-plan .button--default {
    background: #fff;
    color: #666;
    font-family: OpenSans, Arial;
    border: 2px solid #666;
    padding: 12px 20px;
    margin: 0px;
    min-width: 160px;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
    .main-container .payment-plan .button--default:hover {
      background: #f4f4f4; }

.main-container .separator-line {
  position: relative; }
  .main-container .separator-line:before {
    content: '';
    background: #666;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 100%; }

.main-container .payment-plan-sidebar__total {
  padding: 35px 0 60px;
  text-align: center;
  position: relative; }
  /* .main-container .payment-plan-sidebar__total:after {
    content: '';
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 0px;
    border-bottom: 1px solid #979797; } */
  .main-container .payment-plan-sidebar__total h2 {
    color: #666;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0px; }
  .main-container .payment-plan-sidebar__total p {
    font-size: 20px;
    margin: 0 0 5px; }

.main-container .payment-plan-sidebar__price {
  color: #c4002b;
  font-size: 48px; }
  
.main-container .payment-plan-sidebar__price-small {
	color: #c4002b;
	font-size: 32px;
}

.main-container .payment-plan-sidebar__descr {
  padding: 50px 0 0; }
  .main-container .payment-plan-sidebar__descr h3 {
    color: #c4002b;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 15px; }
  .main-container .payment-plan-sidebar__descr h4 {
    color: #c4002b;
    font-size: 22px;
    text-align: left;
    letter-spacing: -1px; }
  .main-container .payment-plan-sidebar__descr p {
    margin: 0 0 25px; }

.main-container .payment-plan-sidebar .button--default {
  background: #fff;
  color: #666;
  font-family: OpenSans, Arial;
  border: 2px solid #666;
  padding: 12px 20px;
  margin: 0px;
  min-width: 160px;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .main-container .payment-plan-sidebar .button--default:hover {
    background: #f4f4f4; }

.main-container .total-payment {
  border: 2px solid #c4032b;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .main-container .total-payment__head {
    background: #c4032b;
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 12px;
    font-weight: 600; }
  .main-container .total-payment__content {
    background: #fff;
    padding: 15px 15px 30px;
    text-align: center; }
    .main-container .total-payment__content .inner-title {
      color: #666; }
    .main-container .total-payment__content p {
      font-size: 20px;
      line-height: 30px;
      margin: 0 0 15px; }
	.main-container .total-payment__content p.subtext-taxes {
		line-height: 20px;
	}
  .main-container .total-payment__price {
    color: #c4032b;
    font-size: 52px;
    line-height: 58px;
    font-weight: bold;
    margin: 0 0 30px; }

.main-container .price-section {
  padding: 15px 0 25px; }
  .main-container .price-section p {
    font-size: 20px;
    line-height: 30px;
    margin: 0px; }
  .main-container .price-section h5 {
    color: #c4002b;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -1px; }
    .main-container .price-section h5.price-section__total {
      font-size: 52px;
      font-weight: bold; }

.main-container .step-holder .step-holder__review {
  max-width: none; }

.main-container .enroll-block {
  padding: 15px 20px;
  margin: 0 0 17px;
  border: 2px solid #adadad;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .main-container .enroll-block h3 {
    color: #c4002b;
    font-size: 24px;
    line-height: normal;
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px; }
  .main-container .enroll-block .row--confirm {
    padding: 0px; }

@media (max-width: 40em) {
  .main-container .payment-plan-block {
    display: block; }
    .main-container .payment-plan-block__col {
      display: block; }
      .main-container .payment-plan-block__col--l, .main-container .payment-plan-block__col--m, .main-container .payment-plan-block__col--r {
        width: 100%;
        padding: 0 0 10px; }
  .main-container .payment-plan button.button--default {
    padding: 5px; }
  .main-container .separator-line:before {
    content: '';
    left: 15px;
    right: 15px;
    top: auto;
    bottom: 0px;
    width: auto;
    height: 1px; }
  .main-container .payment-plan-sidebar__total {
    padding: 15px 0; }
    .main-container .payment-plan-sidebar__total h2 {
      font-size: 24px;
      line-height: normal; }
  .main-container .payment-plan-sidebar__descr {
    padding: 15px 0 0; } }

.step-holder {
  position: relative; }
  .step-holder__tabs {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100.1%;
    margin: 0px;
    z-index: 1;
    display: table; }
    .step-holder__tabs--custom {
      position: static; }
      .step-holder__tabs--custom .step-holder__tab-title {
        width: 200px; }
    .step-holder__tabs--round .step-holder__tab-title:first-child a {
      border-radius: 8px 0 0 8px; }
    .step-holder__tabs--round .step-holder__tab-title:last-child a {
      border-radius: 0 8px 8px 0; }
  .step-holder__tab-title {
    background: #fff;
    width: 50%;
    text-align: center;
    display: table-cell; }
    .step-holder__tab-title a {
      color: #666;
      font-size: 16px;
      font-weight: 600;
      display: block;
      padding: 10px 5px;
      text-decoration: none;
      border: 2px solid #666; }
    .step-holder__tab-title:first-child a {
      border-radius: 8px 0 0 0; }
    .step-holder__tab-title:last-child a {
      border-radius: 0 8px 0 0; }
    .step-holder__tab-title.active a, .step-holder__tab-title.active a:hover {
      background: #c4002b;
      color: #fff;
      border: 2px solid #c4002b;
      opacity: 1;
      cursor: default; }
  .step-holder__tab-pane {
    display: none; }
    .step-holder__tab-pane.active {
      display: block; }
  .step-holder__tabs-content--custom {
    padding: 40px 0 0; }
  .step-holder__tabs-content p {
    color: rgba(0, 0, 0, 0.8); }
  .step-holder__tabs-content .step-holder__total {
    padding: 55px 0 40px;
    margin: 0 0 60px; }
    .step-holder__tabs-content .step-holder__total-price {
      padding: 0 0 7px;
      line-height: 1; }
    .step-holder__tabs-content .step-holder__total p.step-holder__total-info {
      font-size: 16px;
      margin: 0 0 50px; }
  .step-holder__price-title {
    color: #000;
    font-size: 20px;
    margin: 0px; }
  .step-holder .step-holder__amount {
    text-align: left;
    margin: 0px; }
  .step-holder .step-holder__payment-method, .step-holder .step-holder__info-text {
    text-align: left;
    font-size: 20px; }
  .step-holder .step-holder__payment-method {
    margin: 25px 0 15px; }
  .step-holder__bottom {
    margin: 0px; }

.amount-block {
  margin: 0 0 25px; }
  .amount-block dt, .amount-block dd {
    color: #666;
    font-size: 32px;
    line-height: 36px;
    /* width: 50%; */
    margin: 0px;
    font-weight: normal;
    display: inline-block; }
  .amount-block dd {
    padding: 0 0 0 5%;
    margin: 0 0 0 -4px;
    text-align: right; }
    .amount-block dd.amount-block__total {
      font-weight: bold;
      padding: 2px 0 2px 2%; }
  .amount-block .amount-block__total {
    /* border-top: 1px solid #979797; */
    padding: 5px 0;
    margin-top: 10px; }

@media (max-width: 64em) {
  .step-holder__tab-title a {
    font-size: 15px;
    padding: 7px 3px; }
  .amount-block dt, .amount-block dd {
    font-size: 24px;
    line-height: 28px; } }

@media (max-width: 40em) {
  .step-holder__tab-title a {
    font-size: 16px;
    padding: 2px; }
  .step-holder__tab-title:first-child a {
    border-radius: 4px 0 0 0; }
  .step-holder__tab-title:last-child a {
    border-radius: 0 4px 0 0; }
  .step-holder__tabs--round .step-holder__tab-title:first-child a {
    border-radius: 4px 0 0 4px; }
  .step-holder__tabs--round .step-holder__tab-title:last-child a {
    border-radius: 0 4px 4px 0; }
  .step-holder__tabs-content {
    padding: 30px 0 0; }
    .step-holder__tabs-content p {
      margin: 0px; }
    .step-holder__tabs-content--custom {
      padding: 15px 0 0; }
    .step-holder__tabs-content .step-holder__total {
      padding: 0px;
      margin: 0 0 15px; }
      .step-holder__tabs-content .step-holder__total br {
        display: none; }
      .step-holder__tabs-content .step-holder__total p {
        font-size: 9px;
        margin: 0 0 15px; }
        .step-holder__tabs-content .step-holder__total p.step-holder__total-info {
          font-size: 12px;
          margin: 0 0 15px; }
        .step-holder__tabs-content .step-holder__total p.step-holder__price-title {
          margin: 0px; }
  .step-holder .step-holder__payment-method {
    font-size: 16px; }
  .amount-block dt, .amount-block dd {
    font-size: 20px;
    line-height: 24px; } }

@media (max-width: 360px) {
  .step-holder__tab-title a {
    font-size: 15px; } }

/* Custom styles */
.td-class {
  padding-left: 15px; }

.ack-class {
  font-size: 20px; }

.contract-header-img {
  width: 150px }

.ol-text {
  margin-left: 42px; }

.contract-content {
  width: auto;
  margin-left: 1.063rem;
  margin-right: 1.063rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none; }

.header-year {
  font-size: 28px;
  margin: 0px 0; }

.header-year-small {
  font-size: 18px;
  margin: 0px 0 !important; }

.header-product {
  font-size: large; }

.header-product-small {
  font-size: small;
  margin: 0px 0 !important; }

.header-agreement {
  font-size: 28px;
  margin: 0px 0; }

.header-agreement-small {
  font-size: 18px;
  margin: 0px 0 !important; }

.header-div {
  float: right;
  color: #e41838; }

.header-div-small {
  float: right;
  color: #e41838;
  margin-bottom: 50px;
  width: 195px; }

.sup-class {
  font-size: xx-small;
  vertical-align: top; }

.signature {
  font-family: 'vladimir script';
  font-size: 23px; }

.error-inp-message-larger {
  font-size: 18px !important; }

.contract_checkbox {
  width: 17px !important;
  margin-bottom: 6px !important; }

form[class="renew-confirm renew-form fixed"] .header-div-small {
  margin-top: 0px !important; }

/*End contract css */
.close-report-bug {
  display: inline-block;
  margin-right: -25px;
  width: 38px;
  height: 33px;
  margin-left: 11px;
  font-size: 1.3rem; }

label.type-swap {
  display: inline-block; }

#swap_extra {
  display: none; }

  .budget_recap_table, th, td{
    padding: 0px;
    text-align: left;    
  }
  .budget_recap_table{
    width: 260px;
  }

  .viewTicket .button--edit{
    text-align: center;
    width: 90px;
    font-size: 13px;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    padding: 0 11px;
    border-radius: 3px;
    display: inline-block;
}

  .viewTicket .button--edit--red{
    text-align: center;
    width: 90px;
    color: white;
    border: #9c1a26;
    font-size: 13px;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    padding: 0 11px;
    border-radius: 3px;
    display: inline-block;
    background: #9c1a26;
}
.chartDate{
  display: inline-flex !important;
  padding-right: 20%;
}
.chartDate input{
  width: 124px;
}
.pChart{
  margin-top: 7px;
}
.pChartLeft{
  padding-left: 8px;
}
.elem-budget{
  padding-left: 16px;
}
.note-class{
  text-align: left;
  padding-top: 25px;
  padding-left: 27%;
}
.ol-budget{
  list-style-type: disc;
}
.category-list{
  word-break: break-all;
}
.old-accounts-title{
  font-size: 16px;
  color: #b52532;
}
.span-old-acc{
  font-size: 14px;
}

/* Promo page */
.single_blog_wrap {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-bottom: 80px;
}
.main-area {
  color: #444;
  font-size: 14px;
  font-family: "Open Sans","sans-serif";
  font-weight: normal;
}
.main-area {
  width: auto;
  padding: 45px 0 25px;
  margin: 0 auto;
  max-width: 980px;
}
.post_title h1 {
  color: #B52532;
  font-family: "dax_otcond_regular";
  font-size: 60px;
  line-height: 1.2em;
  text-shadow: 1px 1px 1px #fff;
  font-weight: normal;
  padding-bottom: 25px !important;
  margin-bottom: 10px;
}
#content.content_full_width {
  padding: 0 20px;
  max-width: 940px;
}
.post_content {
  color: #444;
  margin: -5px 0 0;
  min-height: 170px;
  overflow: hidden;
  padding-bottom: 15px;
  position: relative;
}
#content .tt-blog-no-feature .post_content p, #content .tt-blog-no-feature .post_content h1, #content .tt-blog-no-feature .post_content h2, #content .tt-blog-no-feature .post_content h3, #content .tt-blog-no-feature .post_content h4, #content .tt-blog-no-feature .post_content h5, #content .tt-blog-no-feature .post_content h6 {
  padding-right: 102px;
}
#content .tt-blog-no-feature .post_content p {
  font-size: 1em;
}
#content .tt-blog-no-feature .post_content h1, #content .tt-blog-no-feature .post_content h2, #content .tt-blog-no-feature .post_content h3, #content .tt-blog-no-feature .post_content h4, #content .tt-blog-no-feature .post_content h5, #content .tt-blog-no-feature .post_content h6 {
  color: #004990 !important;
  font-family: "dax_otcond_regular";
  margin: 0 0 20px;
}
#content .tt-blog-no-feature .post_content h3 {
  color: #004990;
  font-family: "dax_otcond_regular";
  font-size: 24px;
  line-height: 24px;
  margin: 40px 0 5px;
}
.tos {
  margin: 20px 0 0;
}
.tos .buttons input {
  background-color: #b52532;
  border-color: #b52532;
  border-radius: 3px;
  border-style: solid;
  border-width: 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "dax_otcond_medium";
  font-size: 15px;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 10px;
  min-width: 192px;
  padding: 1rem 50px 1.0625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
  -webkit-appearance: none;
}
.tos .buttons input:hover, .tos .buttons input:focus {
  background-color: #9c1a26;
}
.tos .msg-error {
  font-weight: bold;
  padding: 0 0 5px;
}
.grey-main-wrapper{
  background-color: #F4F4F2 !important;
}

/*app banner*/
.app-banner-container {
  transform: scale(1.2);
  padding-bottom: 20%;
  padding-right: 1%;
}
.app-banner-apps{
  display: inline-flex;
}
.app-banner-apps li img {
    height: 32.9px;
    width: 110px;
}
.app-banner {
  display: flex;
  justify-content: center;
  text-align: center;
}
.title-center{
  text-align: center;
  display: grid;
  padding-left: 17px;
}
.h4-bold{
    font-weight: bold;
    padding: 0 0 8px;
    margin: 0 auto;
    display: flex;
    font-size: 17px;
    color: #b52532;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 640px) {
  .app-banner-container {
    padding-right: 3%;
  }
}
.minimum-gallons{
    opacity: 0.8;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.95;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}
.market-price{
    opacity: 0.8;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #666666;
}
h4.small-text{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #666666;
}
.margin-left-button{
  margin-right: 25px;
}
.button--custom-new{
  min-width: 192px !important;
}
.button--custom-new + a{
  margin-left: 0px!important;
}
.smaller-font18{
  font-size: 18px!important;
}
.smaller-font15{
  font-size: 15px!important;
}
.red-text{
  color: #c4002b!important;
  font-weight: bold;
}
.payment-detailed{
    border-radius: 10px;
    text-align: left;
    border: 2px solid #C4032B;
    padding-top: 5px;
    margin-bottom: 14px;
}
.payment-detailed-pay{
  text-align: left;
  padding-left: 10px;
}
.payment-detailed .payment-detailed-text{
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    margin-left: 15px;
    margin-right: 15px;
}
.payment-detailed .payment-detailed-text-pay{
    padding-top: 5px;
    padding-bottom: 5px;
}
.p-title{
    color: #c4002b;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 15px;
}
.text-disabled-payment{
    padding-bottom: 20px;
    padding-top: 20px;
}
.hide-disabled{
  display: none;
}
.black-title{
  color:  black !important;
}
label[for=enroll-confirm]
{
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #C4002B;
}
.left-allign{
  text-align: left;
}
.subtext{
  font-size: 22px !important;
  color: #666666;
}
table.taxes-itemize{
  width: 100%;
  line-height: 30px;
}
th.taxes-header{
  font-size: 16px;
  text-align: left;
}
th.taxes-value{
  font-size: 20px;
  text-align: right;
  color: #666666;
}
.row--custom--confirm{
  max-width: 1500px;
}
.red{
  color:#c4002b !important;
}
.black{
  color:#222;
}
.subtext-taxes{
  font-weight: 400;
  font-size: 12px !important;
  line-height: 20px;
  text-align: left;
  color: #666666;
  padding: 10px 0px 0px 10px;
}

.estimated{
  padding: 0px 0px 0px 0px !important;
  color: #c4032b;
  font-size: 20px;
  line-height: 0px;
}

.a-autopay{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-decoration-line: underline;
}

.a-autopay a{
  color: #666666 !important;
}

.autopay-content{
  margin-bottom: 40px;
}

.fixed-budget{
  padding: 0px !important;
}

.main-container .payment-plan-block__box--active.payment-plan-block__box-with-columns {
  padding: 28px 0;
}

.main-container .payment-plan-block__box--active.payment-plan-block__box-with-columns .separator-line:before {
  border-color: #979797;
}

.main-container .payment-plan-block__box--active.payment-plan-block__box-with-columns .small-price {
  font-size: 32px;
  line-height: 32px;
}

.horizontal-separator {
  border-color: #666666;
}

.heading-h3 {
  font-size: 32px;
  font-weight: 700;
}

.heading-h5 {
  font-size: 20px;
  font-weight: 700;
}

.mt-12 {
	margin-top: 12px;
}

.mb-6 {
	margin-bottom: 6px;
}

.p-0 {
	padding: 0!important
}

.pb-12 {
	padding-bottom: 12px;
}

.me-50 {
	margin-right: 50px!important;
}

.me-135 {
	margin-right: 135px!important;
}

.ms-24 {
	margin-left: 24px!important;
}

.w-47 {
	width: 47%;
}

.border-0 {
	border: none;
}

.text-dark-red {
	color: #c4002b!important;
}

.bg-transparent {
	background: transparent;
}

.border-top{
	border-top: 1px solid #ddd;
}