html {
  font-size: 16px; }

body {
  font-family: "OpelSansRegular", sans-serif; }
  body a {
    color: #000;
    text-decoration: none; }
  body a:hover {
    color: #606060;
    text-decoration: none; }
  body .container-main {
    border-left: 0.0625rem solid #cccccc;
    border-right: 0.0625rem solid #cccccc;
    padding: 0; }
  body .no-padding {
    padding: 0 0 0 0 !important; }
  body .inner-wrap header {
    border-bottom: 1px solid #cccccc; }
    body .inner-wrap header section.top {
      border-bottom: 1px solid #cccccc; }
      body .inner-wrap header section.top h1 {
        margin-bottom: 0;
        margin-left: 15px; }
        body .inner-wrap header section.top h1 a.project {
          font-family: "OpelSansExBold", sans-serif;
          font-size: 2.0rem;
          line-height: 3.4375rem;
          text-transform: uppercase;
          color: #000; }
        body .inner-wrap header section.top h1 a.project:hover {
          text-decoration: none; }
      body .inner-wrap header section.top .logo {
        display: block;
        width: 6rem;
        float: right; }
      body .inner-wrap header section.top .ico-link {
        display: inline-block;
        font-family: "OpelSansBold", sans-serif;
        text-transform: uppercase;
        margin: .25rem 1.75rem 0 0; }
        body .inner-wrap header section.top .ico-link .icon {
          top: 6px; }
        body .inner-wrap header section.top .ico-link .icon::before {
          font-size: 2.0rem; }
    body .inner-wrap header nav {
      border-bottom: 1px solid #cccccc; }
    body .inner-wrap header .navbar {
      padding-left: .5rem;
      padding-right: .5rem; }
      body .inner-wrap header .navbar .navbar-toggler {
        margin-left: .5rem;
        color: black;
        border-color: rgba(0, 0, 0, 0.1);
        border-radius: 0; }
        body .inner-wrap header .navbar .navbar-toggler .navbar-toggler-icon {
          color: #000; }
      body .inner-wrap header .navbar .nav-item {
        font-family: "OpelSansBold", sans-serif;
        text-transform: uppercase;
        color: #000;
        padding: .5rem 0 .25rem .5rem; }
        body .inner-wrap header .navbar .nav-item .nav-link {
          float: left;
          line-height: normal;
          color: #000;
          padding: 0;
          border-bottom: 4px solid transparent; }
        body .inner-wrap header .navbar .nav-item .nav-link:hover {
          border-bottom: 4px solid #f7d900;
          color: #606060; }
      body .inner-wrap header .navbar .nav-item.active .nav-link {
        border-bottom: 4px solid #f7d900; }
      body .inner-wrap header .navbar .nav-item::after {
        position: relative;
        top: -.12rem;
        color: #f7d900;
        display: inline-block;
        content: "/";
        font-family: "OpelSansRegular", sans-serif;
        font-size: 1.375rem;
        padding: 0 .20rem 0 .8rem;
        line-height: .5rem;
        -ms-transform: rotate(18deg);
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg); }
      body .inner-wrap header .navbar .nav-item:last-of-type::after {
        display: none; }
      body .inner-wrap header .navbar .dropdown-menu {
        border-radius: 0;
        border-color: #cccccc;
        padding: 0;
        border-bottom: none; }
        body .inner-wrap header .navbar .dropdown-menu .dropdown-item {
          border-bottom: 1px solid #cccccc;
          line-height: 1.75rem;
          padding: .25rem 1.5rem .2rem 1.5rem; }
        body .inner-wrap header .navbar .dropdown-menu .dropdown-item.active, body .inner-wrap header .navbar .dropdown-menu .dropdown-item:focus {
          background-color: #f7d900;
          color: #000; }
    body .inner-wrap header .subnav-container {
      background-color: #f3f3f3; }
      body .inner-wrap header .subnav-container .subnav-items-container {
        padding: 1.25rem 0 .1875rem 1rem; }
        body .inner-wrap header .subnav-container .subnav-items-container .subnav .nav-item {
          padding: 0rem .75rem .8125rem .5rem; }
        body .inner-wrap header .subnav-container .subnav-items-container .subnav .nav-item .nav-link {
          padding: 0;
          border-bottom: 4px solid transparent; }
        body .inner-wrap header .subnav-container .subnav-items-container .subnav .nav-item.active .nav-link, body .inner-wrap header .subnav-container .subnav-items-container .subnav .nav-item:hover .nav-link {
          border-color: #f7d900; }
      body .inner-wrap header .subnav-container h2.active-section {
        display: inline-block;
        float: left;
        min-height: 4rem;
        font-family: "OpelSansExBold", sans-serif;
        font-size: 1.75rem;
        background-color: #f7d900;
        text-transform: uppercase;
        background-image: url(../images/bg-nav-sec-level.png);
        background-position: right top;
        background-repeat: no-repeat;
        padding: .9375rem 3rem .625rem 1rem !important;
        line-height: normal;
        margin-bottom: 0; }
      body .inner-wrap header .subnav-container .subnav.fixed-top {
        background-color: #f3f3f3 !important; }
  body .inner-wrap main {
    clear: both; }
    body .inner-wrap main .top-banner {
      background-color: #f3f3f3; }
    body .inner-wrap main .content {
      font-family: Arial, sans-serif;
      font-size: .875rem;
      padding: 2rem 2rem 2rem 2rem; }
    body .inner-wrap main .content.subpage {
      background-color: #f3f3f3; }
      body .inner-wrap main .content.subpage .w-content {
        display: block;
        width: 100%;
        background-color: #fff;
        padding: 1.0rem; }
    body .inner-wrap main h2 {
      display: block;
      font-family: "OpelSansExBold", sans-serif;
      font-size: 2.5rem;
      line-height: 2.8125rem;
      text-transform: uppercase; }
    body .inner-wrap main h3 {
      display: block;
      font-family: "OpelSansBold", sans-serif;
      font-size: 1.5rem;
      line-height: 2.1667rem; }
    body .inner-wrap main ul li {
      padding-bottom: .5rem; }
    body .inner-wrap main .button {
      display: inline-block;
      padding: .6875rem 1rem .6875rem 1.125rem;
      background-color: #f7d900;
      color: #000;
      text-transform: uppercase;
      font-weight: bold;
      font-family: Arial, sans-serif;
      font-size: .875rem;
      line-height: 1.125rem;
      border: none;
      cursor: pointer; }
      body .inner-wrap main .button .icon {
        font-size: .875rem; }
    body .inner-wrap main .button:hover, body .inner-wrap main .button.black:hover {
      color: #606060;
      text-decoration: none; }
    body .inner-wrap main .button.black {
      background-color: #000;
      color: #fff; }
    body .inner-wrap main .teasers {
      margin-bottom: 1rem; }
      body .inner-wrap main .teasers .teaser {
        background-color: #f7d900; }
        body .inner-wrap main .teasers .teaser .teaser-button {
          position: relative;
          padding: 1rem .6875rem .6875rem 2.4rem;
          background-color: #f7d900; }
          body .inner-wrap main .teasers .teaser .teaser-button .button {
            display: block;
            padding: 0; }
          body .inner-wrap main .teasers .teaser .teaser-button .icon {
            position: absolute;
            left: 1.125rem; }
    body .inner-wrap main .download {
      border: 1px solid #f3f3f3;
      background-color: #fff;
      padding: .5rem;
      margin: 0 0 1rem 0; }
      body .inner-wrap main .download a {
        font-weight: bold;
        text-transform: uppercase; }
        body .inner-wrap main .download a .icon {
          font-size: 1rem;
          position: relative;
          top: .1875rem;
          margin-right: .5rem; }
    body .inner-wrap main .table td, body .inner-wrap main .table th {
      border: none;
      border-right: 4px solid #fff;
      min-height: 2.25rem;
      padding: .5rem 1rem .5rem 1rem; }
    body .inner-wrap main .table caption {
      caption-side: top;
      font-family: "OpelSansBold", sans-serif;
      color: #000;
      border-bottom: 4px solid #f7d900;
      font-size: 1.125rem;
      padding: 0 0 0rem .75rem;
      margin-bottom: 4px; }
    body .inner-wrap main .table.table-striped tr:nth-of-type(2n+1) {
      background-color: rgba(0, 0, 0, 0.04); }
    body .inner-wrap main .jumbotron {
      background-color: #fff;
      border-radius: 0;
      background-color: #f7d900; }
      body .inner-wrap main .jumbotron h3 {
        font-size: 3rem;
        font-family: "OpelSansExBold", sans-serif;
        line-height: 1.1; }
    body .inner-wrap main dl dt {
      color: #999999;
      font-size: 1.125rem; }
    body .inner-wrap main .card {
      border-radius: 0; }
    body .inner-wrap main .media {
      height: 100%;
      padding-bottom: 1rem;
      border-bottom: 1px solid #fff; }
    body .inner-wrap main p a {
      text-decoration: underline;
      font-weight: bold; }
    body .inner-wrap main #prices {
      position: absolute;
      top: 18%;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 1.5rem  1rem 1.5rem 1rem;
      border-top: 4px solid #f7d900; }
      body .inner-wrap main #prices label {
        font-family: "OpelSansBold", sans-serif;
        text-transform: uppercase;
        margin-bottom: .25rem;
        font-size: 1.25rem; }
      body .inner-wrap main #prices .form-control {
        font-size: 2.0rem;
        font-family: Arial, sans-serif;
        color: #000; }
      body .inner-wrap main #prices .price {
        white-space: nowrap;
        font-family: Arial, sans-serif;
        font-size: .75rem; }
        body .inner-wrap main #prices .price td, body .inner-wrap main #prices .price th {
          padding: .25rem .5rem .25rem .5rem;
          border-bottom: 1px solid #000; }
    body .inner-wrap main .locator {
      background-color: #f3f3f3; }
      body .inner-wrap main .locator .services {
        height: 45rem;
        overflow: auto;
        background-color: #ffffff;
        border-top: 1rem solid #fff; }
        body .inner-wrap main .locator .services h4 {
          font-size: .875rem;
          font-weight: bold;
          margin-bottom: 0; }
        body .inner-wrap main .locator .services .place {
          border-bottom: 1px solid #d8d8d8;
          padding-left: 1rem; }
        body .inner-wrap main .locator .services .mayday-number {
          display: block;
          padding: 0 0 0 .5rem;
          font-size: .75rem;
          text-transform: uppercase;
          border-left: 4px solid #f7d900;
          margin: .5rem 0 .5rem 0; }
          body .inner-wrap main .locator .services .mayday-number span {
            display: block;
            font-weight: bold;
            font-size: 1.25rem; }
        body .inner-wrap main .locator .services .lpg, body .inner-wrap main .locator .services .cng {
          float: right;
          background-color: #f7d900;
          color: #000;
          margin-right: .5rem; }
    body .inner-wrap main .form-control {
      border-color: #cccccc;
      border-radius: 0;
      box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1) inset; }
    body .inner-wrap main .form-control.is-invalid {
      border-color: #f04124; }
    body .inner-wrap main .form-control.is-valid {
      border-color: #28a745; }
    body .inner-wrap main .form-block .form-control {
      font-size: 0.75rem;
      color: #000; }
    body .inner-wrap main .form-block .alert {
      border-radius: 0; }
    body .inner-wrap main .form-block .alert-danger {
      color: #f04124;
      border-color: #f04124;
      background-color: transparent; }
    body .inner-wrap main .form-block label {
      margin-bottom: .125rem;
      margin-top: .5rem;
      font-size: .8125rem; }
    body .inner-wrap main .form-block .card {
      border: 0px solid transparent;
      border-top: 4px solid #f7d900;
      margin-bottom: 1rem; }
      body .inner-wrap main .form-block .card .card-header {
        background-color: #fff;
        font-family: "OpelSansBold", sans-serif;
        text-transform: uppercase;
        font-size: 1.125rem;
        border-bottom: none;
        padding-bottom: 0; }
      body .inner-wrap main .form-block .card .card-body {
        padding-top: .5rem; }
        body .inner-wrap main .form-block .card .card-body p {
          font-size: .75rem; }
        body .inner-wrap main .form-block .card .card-body table.form-control {
          padding-bottom: .6875rem; }
          body .inner-wrap main .form-block .card .card-body table.form-control label {
            margin-left: .25rem; }
        body .inner-wrap main .form-block .card .card-body .rich-calendar-button {
          position: absolute;
          right: .75rem;
          top: 2.25rem; }
    body .inner-wrap main .form-block .modal-content {
      border-radius: 0; }
      body .inner-wrap main .form-block .modal-content .modal-title {
        font-family: "OpelSansBold", sans-serif; }
      body .inner-wrap main .form-block .modal-content .modal-body p {
        font-size: .75rem; }
      body .inner-wrap main .form-block .modal-content .modal-body strong {
        text-transform: uppercase; }
    body .inner-wrap main .form-block.otc-form h3 {
      font-size: 2rem;
      text-transform: none; }
    body .inner-wrap main .oil {
      font-family: Arial, sans-serif;
      width: 100%; }
      body .inner-wrap main .oil .filter {
        background-color: #f7d900;
        padding: 2rem 2rem 2rem 2rem; }
      body .inner-wrap main .oil table {
        font-size: .75rem; }
        body .inner-wrap main .oil table th, body .inner-wrap main .oil table td {
          border: 1px solid #cccccc;
          border-top: none; }
        body .inner-wrap main .oil table tr:nth-child(even) {
          background-color: #f5f5f5; }
        body .inner-wrap main .oil table .dot {
          font-size: 2rem;
          font-weight: bold;
          color: #009136; }
  body .inner-wrap footer {
    clear: both;
    background-color: #000;
    color: #fff;
    padding: 1rem 1rem 2rem 1rem;
    font-size: 0.875rem; }
    body .inner-wrap footer a {
      color: #fff; }
    body .inner-wrap footer a:hover {
      color: #606060; }
    body .inner-wrap footer .claim {
      color: #f7d900;
      text-transform: uppercase;
      font-family: "OpelSansRegular", sans-serif;
      margin-right: 1rem; }

@media (max-width: 767px) {
  html {
    font-size: 14px; }
    html .container-main {
      border: none; }
      html .container-main .inner-wrap header .ico-link {
        display: inline-block;
        margin: 0rem 2rem 0 0; }
        html .container-main .inner-wrap header .ico-link .icon {
          top: 2px; }
        html .container-main .inner-wrap header .ico-link .icon::before {
          font-size: 2.25rem; }
      html .container-main .inner-wrap header nav {
        border-bottom: 1px solid #cccccc; }
      html .container-main .inner-wrap header .navbar {
        padding-left: 0;
        padding-right: 0; }
        html .container-main .inner-wrap header .navbar #MainNav {
          background-color: #323232;
          margin-top: .5rem; }
        html .container-main .inner-wrap header .navbar .navbar-toggler {
          outline-color: #f7d900; }
        html .container-main .inner-wrap header .navbar .nav-item {
          font-size: 1.5rem;
          color: #fff;
          padding: 0 0 0 0;
          border-bottom: 1px solid #656565; }
          html .container-main .inner-wrap header .navbar .nav-item .nav-link {
            float: none;
            line-height: normal;
            color: #fff;
            padding: .5rem 0 .5rem .5rem;
            border-left: 4px solid transparent;
            border-bottom: none; }
          html .container-main .inner-wrap header .navbar .nav-item .nav-link:hover {
            border-bottom: 0px solid transparent;
            color: #606060; }
        html .container-main .inner-wrap header .navbar .nav-item.active .nav-link {
          border-left: 4px solid #f7d900;
          border-bottom: none; }
        html .container-main .inner-wrap header .navbar .nav-item::after {
          display: none; }
        html .container-main .inner-wrap header .navbar .dropdown-menu {
          border-radius: 0;
          border-color: #cccccc;
          padding: 0;
          border: none;
          background-color: #606060; }
          html .container-main .inner-wrap header .navbar .dropdown-menu .dropdown-item {
            font-size: 1.5rem;
            border-bottom: 1px solid #cccccc;
            line-height: 2.75rem;
            color: #fff; }
          html .container-main .inner-wrap header .navbar .dropdown-menu .dropdown-item.active, html .container-main .inner-wrap header .navbar .dropdown-menu .dropdown-item:focus {
            background-color: #f7d900;
            color: #000;
            border-color: transparent; }
          html .container-main .inner-wrap header .navbar .dropdown-menu .dropdown-item:last-child {
            border-color: transparent; }
      html .container-main .inner-wrap header h2.active-section {
        display: block;
        float: none; }
      html .container-main .inner-wrap main .content {
        padding: 1rem; }
      html .container-main .inner-wrap #prices {
        position: static; }
        html .container-main .inner-wrap #prices .price {
          font-size: 1.25rem; }
      html .container-main .inner-wrap label {
        text-transform: uppercase;
        font-weight: bold; } }
@font-face {
  font-family: 'OpelSansRegular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/opelsanscondensed.eot") format("embedded-opentype"), url("../fonts/opelsanscondensed.woff") format("woff"), url("../fonts/opelsanscondensed.ttf") format("truetype"), url("../fonts/opelsanscondensed.svg#OpelSansRegular") format("svg"); }
@font-face {
  font-family: 'OpelSansBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/opelsanscondensed-bd.eot") format("embedded-opentype"), url("../fonts/opelsanscondensed-bd.woff") format("woff"), url("../fonts/opelsanscondensed-bd.ttf") format("truetype"), url("../fonts/opelsanscondensed-bd.svg#OpelSansBold") format("svg"); }
@font-face {
  font-family: 'OpelSansExBold';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/opelsanscondensed-exbd.eot") format("embedded-opentype"), url("../fonts/opelsanscondensed-exbd.woff") format("woff"), url("../fonts/opelsanscondensed-exbd.ttf") format("truetype"), url("../fonts/opelsanscondensed-exbd.svg#OpelSansExBold") format("svg"); }

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