/* 
Theme Name:		 WP Bootstrap Starter Child
Theme URI:		 http://childtheme-generator.com/
Description:	 WP Bootstrap Starter Child is a child theme of WP Bootstrap Starter
Author:			 Kirk Peters
Author URI:		 http://kirkpeters.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 wp-bootstrap-starter-child
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@media screen and (min-width: 1150px) {
#masthead .dropdown-menu > li:hover > .dropdown-menu {
  display: block;
  pointer-events: auto;
  opacity: 1;
}
}
.sow-social-media-button-twitter-0  {
    line-height: .5em !important;
}
.sow-social-media-button-twitter-0 .sow-icon-fontawesome:before {
    content:" " !important;
    display: block;
    background-image:url("images/Energy_X_icon.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
}
.has-white-color input, .has-white-color select, .has-white-color textarea {
  color: white !important;
}
.has-white-color select option {
  color: black !important;
}
.has-white-color .gform_wrapper .gfield_error legend, .has-white-color .gform_wrapper .gfield_error label, .has-white-color .gform_wrapper .gfield_required {
    color:white !important;
}
.has-white-color .gform_wrapper .gform_validation_errors {
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.has-white-color .gform_wrapper .gform_validation_errors h2 {
    color:white !important;
}
@media screen and (max-width: 781px) {
.collapse-reverse {
  flex-direction: column-reverse !important;  
}
}
.wp-block-separator {
  border-top: none;
  border-bottom: 1px solid #7f7f7f;
max-width: 500px;
    margin: 50px auto;
}
.wp-block-separator.long {
max-width: 800px;
}
.wp-block-separator.white {
  border-bottom: 2px solid #ffffff;
max-width: 580px;
}
.page-template-fleet-fuel-card-page #gform_wrapper_14 .ginput_recaptcha > div {
    margin: 10px auto 0;
}
.sgpb-popup-overlay {
    transition-property: all;
    transition-duration: .5s;
}
.rmp-menu-title {
  padding-top: 15% !important;
}
#rmp-menu-title-46995 .rmp-menu-title-image, #rmp-menu-title-48764 .rmp-menu-title-image {
    min-width: 300px !important;
}
#rmp-menu-title-49427 .rmp-menu-title-image {
    min-width: 270px !important;
}
#rmp_menu_trigger-46995.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-48764.is-active .responsive-menu-pro-inner {
    display:none !important;
}
#rmp-menu-wrap-46995 .rmp-menu-subarrow, #rmp-menu-wrap-48764 .rmp-menu-subarrow {
    padding-right:10px !important;
}
#rmp-menu-wrap-46995 .rmp-submenu .rmp-menu-item-link, #rmp-menu-wrap-48764 .rmp-submenu .rmp-menu-item-link {
    height: 30px !important;
}
.bcPL div, .bcPL {
    min-width:0 !important;
    max-width: 100% !important;
}
/*popup overlay fix*/
.pum-open-overlay.pum-open-scrollable {
    margin-right: 1.5px;
}
#html .arve {
    margin-bottom: 0 !important;
}
/* firefox */
 @supports (-moz-appearance:none) {
    .pum-open-overlay.pum-open-scrollable {
    margin-right: 4.5px;
}
}
.pum-open-overlay.pum-open-scrollable body {
    position: relative;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: inherit;
}
@-moz-document url-prefix() { 
  .video_contain {
     //display:none;
  }
}
/*bootstrap menu correction*/
@media screen and (min-width: 1150px) {
	#masthead .navbar-nav > li:hover > .dropdown-menu {
		display: block;
        pointer-events: auto;
        opacity:1;
		top: 30px;
	}
}
.dropdown-toggle::after {
 content:none;
}
.dropdown-menu {
    display: block;
    pointer-events: none;
    transition-property: opacity, top;
    transition-duration: .5s;
    top: 25px;
    opacity:0;
    background-color:white !important;
    min-width: 200px;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    height: 30px !important;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    margin-bottom: 0 !important;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item {
    border-top: 1px solid #d9d9d9;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child {
    border-top: 3px solid #d9d9d9;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:last-child {
    border-bottom: 3px solid #d9d9d9;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open {
    padding-bottom: 20px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: 20px !important;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    max-width: 80% !important;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
    height:auto !important;
}
/*layout*/
@media screen and (min-width: 795px) {
.mobile-only {
    display: none;
}
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1270px;
}
#main {
    max-width: 1150px;
    margin: auto;
    position: relative;
}
.header-wrapper {
    max-width:1270px;
    padding-right: 23px;
    padding-left: 23px;
    margin: auto;
}
.page-id-46769 .header-wrapper, .page-id-50895  .header-wrapper {
    max-width:970px;
}
#service-sectors, #markets, .white-section {
    margin: 100px auto;
}
.double-white-section {
    margin: 140px auto;
}
@media screen and (max-width: 780px) {
#service-sectors, #markets, .white-section, .double-white-section {
    margin: 50px auto;
}
}
.full-width > .wp-block-group__inner-container {
    max-width:1190px;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
}
.full-background-image, .guttman-markets .double-column .wp-block-column:last-child {
  margin-left: 0 !important;
  background-size: cover;
background-position: center center;
}
.inner-spacing-really-tiny > .wp-block-group__inner-container {
    max-width: 340px;
     margin: auto;
}
.inner-spacing-tiny > .wp-block-group__inner-container {
    max-width: 480px;
     margin: auto;
}
.inner-spacing-small > .wp-block-group__inner-container {
    max-width: 700px;
     margin: auto;
}
.inner-spacing > .wp-block-group__inner-container {
    max-width: 820px;
     margin: auto;
}
.inner-spacing-550 > .wp-block-group__inner-container {
    max-width: 560px;
     margin: auto;
}
.inner-spacing-660 > .wp-block-group__inner-container {
    max-width: 660px;
     margin: auto;
}
.inner-spacing-880 > .wp-block-group__inner-container {
    max-width: 880px;
     margin: auto;
}
.inner-spacing-940 > .wp-block-group__inner-container {
    max-width: 980px;
     margin: auto;
}
.inner-spacing-1200 > .wp-block-group__inner-container {
    max-width: 1270px;
     margin: auto;
}
.full-width-padded {
   padding: 100px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.full-width-small-padded {
   padding: 50px 12px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: white;
    background-size:cover;
    background-position:center;
}
.full-width-one-half-padded {
   padding: 150px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: white;
    background-size:cover;
    background-position:center;
}
.full-width-double-padded {
   padding: 200px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: white;
    background-size:cover;
    background-position:center;
}
.full-width-small-padded h2, .full-width-one-half-padded h2, .full-width-double-padded h2 {
   color: white;
}
@media screen and (max-width: 780px) {
.full-width-padded, .full-width-double-padded, .full-width-one-half-padded {
    padding: 50px 0;
}
}
.full-width-columns .wp-block-group__inner-container {
    max-width:none;
    padding-right: 0;
    padding-left: 0;
}
.full-width-columns .wp-block-columns {
    margin-bottom:0;
}
.full-width-columns .wp-block-columns .wp-block-group {
   max-width:620px !important;
    padding-right:50px;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.full-width-columns .wp-block-column:first-child {
   display:flex;
    justify-content:flex-end;
}
.full-width-columns .wp-block-column:last-child {
   display:flex;
    justify-content:flex-start;
}
.page-id-60749 .full-width-columns .wp-block-column:last-child {
    justify-content:center;
}
@media screen and (max-width: 780px) {
.full-width-columns .wp-block-columns .wp-block-group {
    padding-right:20px;
    padding-left: 20px;
}
.full-width-columns .wp-block-columns {
    flex-direction:column;
}
    .full-width-columns .wp-block-column:first-child {
    justify-content:center;
}
.full-width-columns .wp-block-column:last-child {
    justify-content:center;
}
}
.row-reverse {
    flex-direction: row-reverse;
}
.row-reverse .wp-block-column:not(:first-child) {
    margin-left: 0 !important;
}
.row-reverse .wp-block-column:not(:last-child) {
    margin-left: 2em;
}
@media screen and (max-width: 599px) {
    .row-reverse .wp-block-column:not(:last-child) {
        margin-left: 0;
    }
    .row-reverse .wp-block-column:not(:last-child) figure {
        float:none;
        margin: 0 0 1rem;
    }
    .column-space .wp-block-column:not(:last-child) {
        margin-bottom: 20px;
    }
    .wp-block-columns.collapse-margin:not(:last-child) {
        margin-bottom: 0;
    }
}

/*universal items*/
.top-radius-box {
  border-radius:6vw 6vw 0 0;
}
.shadow-box {
  background-color: white;
    border-radius: 50px;
  box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
  padding: 50px 100px;
  margin-left: auto;
  margin-right: auto;
}
.shadow-box .wp-block-columns:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 780px) {
.shadow-box {
    border-radius: 35px;
  padding: 50px 25px;
}
}
.circle-arrows .hesperiden.tparrows, .timeline-arrows .hesperiden.tparrows {
    border:1px solid black !important;
    border-radius: 50%;
}
.circle-arrows .hesperiden.tparrows::before, .timeline-arrows .hesperiden.tparrows::before {
    content: '' !important;
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
    width: 50px;
    margin-left: 0 !important;
}
.circle-arrows .hesperiden.tparrows.tp-leftarrow::before, .timeline-arrows .hesperiden.tparrows.tp-leftarrow::before {
    background-image: url("images/slider-arrow-left.png");
}
.circle-arrows .hesperiden.tparrows.tp-rightarrow::before, .timeline-arrows .hesperiden.tparrows.tp-rightarrow::before {
    background-image: url("images/slider-arrow-right.png");
}
.circle-arrows .hesperiden.tparrows {
    top:-40px !important;
}
.circle-arrows rs-arrow, .timeline-arrows rs-arrow {
   overflow:hidden;
}
.circle-arrows .hesperiden.tparrows:after, .timeline-arrows .hesperiden.tparrows:after {
    width: 100%;
    height: 100%;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform-origin:center right;
    transform:scaleX(0);
    z-index: -1;
    border-radius: 50%;
    background-color: #235f92;
}
.circle-arrows .hesperiden.tp-leftarrow:after, .timeline-arrows .hesperiden.tp-leftarrow:after {
     transform-origin:center left;
}
.circle-arrows .hesperiden.tp-rightarrow:hover:after, .timeline-arrows .hesperiden.tp-rightarrow:hover:after {
     transform:scaleX(1);
     transform-origin:center left;
}
.circle-arrows .hesperiden.tp-leftarrow:hover:after, .timeline-arrows .hesperiden.tp-leftarrow:hover:after {
     transform:scaleX(1);
     transform-origin:center right;
}
.fade-in {
    opacity:0;
}
.push-in {
	overflow:hidden;
}
.push-in img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    width:100%;
}
.push-in:hover img, a:hover .push-in img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.parallax {
    overflow: hidden;
}
.parallax figure {
    margin-bottom:0;
}
.grey-background {
    background-color: #f2f2f2;
   
}
.blue-box {
    position:relative;
    padding: 50px 0;
}
#culture-of-safety .blue-box {
    padding: 0 0 30px 0;
    left:-30px;
    text-align: right;
}
.blue-box:before {
    content:'';
    display: block;
    background-color:#00395d;
    position:absolute;
    top:0px;
    bottom:0px;
    z-index:-1;
}
#culture-of-safety .blue-box:before {
    top: 30px;
    right:-30px;
    left:auto;
    width:100%;
    max-width: 469px;
}
.blue-box-left:before {
     left:-50px;
    right:15%;
}

.blue-box-right:before {
     right:-50px;
    left:15%;
}
@media screen and (max-width: 1400px) {
.blue-box-left:before {
     left:0px;
}
.blue-box-right:before {
     right:0;
}
}
@media screen and (max-width: 991px) {
#culture-of-safety .blue-box {
    margin:auto;
    max-width: 469px;
}
}
@media screen and (max-width: 600px) {
.blue-box-left:before {
    right:0;
     
}
.blue-box-right:before {
    left:0px;
}
}
.positioned-images {
    position:relative;  
}
.double-column-sliding-images {
    position: relative;
    background-color: #00395d;
    margin-bottom:0;
    overflow: hidden;
    height:400vh;
}
.double-column-sliding-images.two-up {
    height:300vh;
}
.double-column-sliding-images h2 {
    font-size: 60px;
    font-weight:300;
    color: white;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.double-column-sliding-images .wp-block-button__link {
    margin-top:30px;
}
.double-column-sliding-images .wp-block-column {
    margin:0;
}

.double-column-sliding-images .wp-block-column:first-child {
    padding: 0 100px 0 0;
    color:white;
}
.double-column-sliding-images .outer-group {
   
}
.double-column-sliding-images .wp-block-column:first-child {
    display: flex;
     flex-direction: column;
   align-items: flex-end;
    min-height: 100vh;
}
.double-column-sliding-images .outer-wrapper {
    position:relative;
    width:100%;
}
.double-column-sliding-images .outer-group {
    position:absolute;
    top:0;
    right:0;
    width:100%;
}
.double-column-sliding-images .wp-block-column:first-child .wp-block-group {
    max-width: 494px;
    width:100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:flex-start;
    padding-left:15px;
} 
.double-column-sliding-images .outer-group .wp-block-group__inner-container {
    padding: 0;
}
.double-column-sliding-images .wp-block-column:first-child .wp-block-group__inner-container {
    width:100%;
}
.double-column-sliding-images .wp-block-column:last-child {
    background-color:black;
    
}
.double-column-sliding-images .wp-block-column:last-child .image-element {
    background-size: cover; 
    background-position: center center;
    min-height: 100vh;
}
@media screen and (max-width: 1150px) {
.double-column-sliding-images .wp-block-column {
    padding-right: 20px;
}
.double-column-sliding-images .wp-block-column:first-child .wp-block-group {
    max-width: none;
} 
}
@media screen and (max-width: 991px) {
.double-column-sliding-images h2 {
    font-size: 40px;
}
.double-column-sliding-images {
    height:auto;
    padding:50px 15px;
}
.double-column-sliding-images.two-up {
    height:auto;
}
.double-column-sliding-images .wp-block-column:first-child {
    padding: 0 0 0 0;
}
.double-column-sliding-images .outer-group {
    position:relative;
}
.double-column-sliding-images .wp-block-column:first-child .wp-block-group {
    min-height: 0;
    margin:10px 0;
} 
.double-column-sliding-images .wp-block-column:first-child {
    min-height: 0;
}
.double-column-sliding-images .wp-block-column:last-child .image-element {
   display: none;
}
.double-column-sliding-images {
    flex-direction: column;
}
.double-column-sliding-images .wp-block-column:first-child {
    justify-content: center;
}
.double-column-sliding-images .wp-block-column {
    padding: 0;
    margin:0;
}
.double-column-sliding-images .wp-block-column.is-vertically-aligned-center {
    width: 100%;
}
.double-column-sliding-images .wp-block-column {
    flex-basis: 100% !important;
}
}
.rounded-section {
    padding: 0 20px;
}
.rounded-section > .wp-block-group__inner-container {
    border-radius: 75px;
    overflow: hidden;
    color:white;
    font-size: 20px;
    line-height: 1.2em;
    padding: 0;
  max-width: 1170px;
    box-shadow: 0px 10px 15px #00000029;
}
.rounded-section h2 {
    color:white;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}
.rounded-section .wp-block-columns {
    margin-bottom: 0;
    gap:0;
}
.rounded-section > div > div > .wp-block-column:first-child {
    background-color: #246093;
}
.rounded-section > div > div > .wp-block-column {
    padding: 100px 80px;
}
.rounded-section ul {
  margin: 0;
    display: flex;
    flex-direction: column;
    gap:15px;
}
.rounded-section li::marker {
  color: #C40D3C;
}
@media screen and (max-width: 1200px) {
    .rounded-section > .wp-block-group__inner-container {
    border-radius: 5vw;
}
    .rounded-section > div > div > .wp-block-column {
    padding: 50px 40px;
}
}
@media screen and (max-width: 780px) {
    .rounded-section > div > div > .wp-block-column:last-child {
    min-height: 400px;
}
    .rounded-section ul {
  margin-bottom: 15px;
}
}
.site-locator-button .wp-block-button__link {
    background-color: #c40d3b;
    font-size: 1.75em;
    padding: 18px 32px;
}
.post.hentry, .ff_posts.hentry {
    margin:0;
    padding: 30px 0;
    border-bottom: 1px solid #cbcbcb;
}
.post.hentry:first-child, .ff_posts.hentry:first-child {
    padding-top: 0;
}
.post.hentry:last-child, .ff_posts.hentry:last-child {
    padding-bottom:0;
    border-bottom: none;
}
.bookly-form input {
    color:black;
}
.semicircle {
    overflow: hidden;
}
.semicircle > .wp-block-group__inner-container {
    width:100%;
    max-width: 1318px;
    background-color: #236094;
    background-image: url("images/semicircle-watermark.svg");
    background-repeat: no-repeat;
    background-position: right 5%;
    color:white;
    padding: 300px 100px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    padding-bottom:30%;
    margin-bottom: -30%;
}
.semicircle .wp-block-group {
    max-width: 900px;
    margin: auto;
}
.semicircle h2 {
    color:white !important;
}
@media screen and (max-width: 1518px) {
.semicircle > .wp-block-group__inner-container {
    min-width: 1318px;
    padding: 20vw 100px;
    margin-left: calc((100vw - 1318px) / 2);
    margin-right: calc((100vw - 1318px) / 2);
    padding-bottom: 600px;
    margin-bottom: -600px;
}
}
@media screen and (max-width: 940px) {
.semicircle > .wp-block-group__inner-container {
    background-image: none;
}
.semicircle .wp-block-group {
    max-width: calc(100vw - 40px);
}
}
/*typography*/
body {
    font-family: 'Nunito Sans', sans-serif;
    font-size:16px;
}
body.page-template-fleet-fuel-card-page, body.page-template-fleet-fuelgood-card-page   {
    font-size:18px;
} 
p {
    margin-bottom: 20px;
}
p.no-margin {
    margin-bottom: 0;
}
figure.no-margin, figure.no-margin img {
    margin-bottom: 0;
}
dl, ol, ul {
    margin-bottom: 20px;
}
.button-caption {
    font-size: 14px;
    margin-left:20px;
}
.case-study-title {
    font-size:22px;
    font-weight:600;
    color:#5e5e5e;
    text-transform: uppercase;
    margin-bottom:5px;
}
.disclaimer {
    font-size:12px;
    color:#8c8c8c;
}
h1 {
    font-size: 65px;
    color:#236094;
    text-transform: uppercase;
}
h1.small {
    font-size: 45px;
}
h1.entry-title {
    color:white;
    font-size: 65px;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.new_fleet_card_banner h1.entry-title {
    color:#236094;
    font-weight: 600;
}
.page-id-59615 .new_fleet_card_banner h1.entry-title, .page-id-58715 .new_fleet_card_banner h1.entry-title {
    color: white;
  font-weight: 300;
}
.page-template-fleet-fuelgood-card-page h1.entry-title {
    color:#AEF0FF;
}
h1.blog-entry-title {
     color:#c40d3b;
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}
body.single-renewable_news h1.blog-entry-title {
     color:#7ac143;
}
h2.blog-entry-title a {
    color:#c40d3b;
}
body.post-type-archive-renewable_news h2.blog-entry-title a {
    color:#7ac143;
}
.rss_header h2 {
    font-size: 20px;
color: black;
font-weight: 700;
}
.rss_image {
    max-height: 100px;
    max-width: 100px !important;
}
.rss_content {
    overflow: hidden;
}
.rss_item  {
    padding:10px 0 !important
}
.rss_item p {
    margin: 0;
}
.single-case-studies h1.entry-title, .single-jobs  h1.entry-title, .single-ff-case-studies h1.entry-title {
    color:#c40d3b;
    font-size: 36px;
    font-weight: 600;
}
.subtitle {
    color:white;
    font-size: 25px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-id-59862 .header-wrapper, .home .header-wrapper {
    max-width: 800px;
    margin: auto;
}
.page-id-59862 .header-wrapper .subtitle, .home .header-wrapper .subtitle {
    font-size: 24px;
    border-bottom: 1px solid white;
    max-width: 430px;
    padding-bottom: 10px;
    margin: auto;
}
.banner-content {
    margin-top: 40px;
    display: inline-block;
}
h2 {
    color:black;
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
h2.large {
    font-size: 60px;
    font-weight: 500;
    color:#235f92;
}
#energy-fuel-card h2 {
    font-size: 38px;
}
h2.alternate, .double-column-alt h2 {
    color:#235f92;
    font-size: 26px;
    font-weight: 700;
}
.page-template-fleet-fuelgood-card-page h2.alternate {
    color:#007FB6;
}
.page-id-59862 h2.alternate, .home h2.alternate {
    font-size: 32px;
    text-transform: none;
}
h2.alternate.medium {
    font-size: 45px;
    text-transform: none;
    margin-bottom: 15px;
    line-height: 1.1;
}
h2.alternate.semilarge {
    font-size: 52px;
    font-weight:600;
}
h2.alternate.large {
    font-size: 60px;
    font-weight:600;
}
h2.blog-entry-title {
     color:#c40d3b;
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
}
h2.blog-entry-title a {
    color:#c40d3b;
}
h2.no-margin, .double-column-alt h2 {
    margin-bottom:5px !important;
}
h2.none {
    text-transform: none;
}
h2.white {
    color:white;
}
h2.semibold {
    font-size: 26px;
    font-weight:600;
}
h2.light {
    font-size: 34px !important;
    font-weight:300 !important;
    margin-bottom: 10px !important;
}
.single-case-studies h2, .single-ff-case-studies h2 {
    color:#235f92;
    font-size: 22px;
    font-weight: 600;
    margin-top:50px;
}
.page-id-47615 .double-column-alt h2 {
    font-size: 40px;
    margin-bottom: 30px;
}
h3 {
    color:#235f92;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: .5px;
}
h3.alternate, .double-column-alt h3 {
    color:#c40d3b;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: none;
}
.page-template-fleet-fuelgood-card-page h3.alternate {
    color:#FF1E4A;
}
.page-id-59862 h3.alternate, .home h3.alternate {
    font-size: 25px;
    font-weight: 700;
}
.page-template-renewables-page h3.alternate, .double-column-alt h3 {
    color:#7ac143;
}

h3.widget-title {
    font-size: 20px;
    color: black;
    font-weight: 700;
}
h3.no-margin {
    margin-bottom:5px !important;
}
h3.red {
    color:#c40d3b;
}
h3.blue {
    color:#235f92;
}
h3.fleet-card {
    color:black;
    font-size: 40px;
    font-weight:300;
}
.white-benefit-boxes h3, .advantages-box h3 {
    color:#236094;
    font-size: 16px;
    text-transform: none;
}
.page-id-59862 h3.alternate, .home h3.alternate {
    font-size: 20px;
    font-weight: 700;
}
.page-id-47615 .double-column-alt h3 {
    text-transform: uppercase;
    margin-bottom: 0;
}
h4 {
    color:#c40d3b;
    font-size: 22px;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 15px;
}
#markets h4 {
    max-width: 60%;
}
@media screen and (max-width: 780px) {
h1, h1.entry-title, h1.small {
    font-size: 40px;
}
h2, h2.alternate.large, h2.alternate.medium, h2.alternate.semilarge {
    font-size: 26px;
}
h2.large {
    font-size: 40px !important;
}
h2.light {
    font-size: 26px !important;
}
h3.fleet-card {
    font-size: 26px;
}
.subtitle {
    font-size: 15px;
}
    .page-id-59862 .header-wrapper .subtitle, .home .header-wrapper .subtitle {
    font-size: 18px;
}
}
#footer-widget h3.widget-title, #footer-widget h3 {
    font-size: 14px;
    color:#a0b1c3;
    font-weight:600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.entry-content p a {
    color:black;
    text-decoration: underline;
}
.entry-content .has-white-color p a, .entry-content p.has-white-color a  {
    color:white;
}
.entry-content p a.more-link {
    color:#0384c7;
    font-weight: 700;
}
.posted-on, .byline, .posted-on a, .byline a {
    color: black;
}
.centered-list {
    padding: 0;
    text-align: center;
}
/*buttons*/
.wp-block-button-content {
    position: relative;
    z-index:1;
}
.wp-block-button__link, .gform_footer input[type="submit"], .mc4wp-form input[type="submit"], .banner-content a, .gform_page_footer input[type="submit"], .gform_previous_button.button, .gform_next_button.button {
    transition-property: background-color,border;
    transition-duration: .5s;
    background-color: #004fa2;
    color: #fff;
    border-radius: 28px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 700;
    padding: 14px 24px 12px;
    text-transform: uppercase;
    position: relative;
    overflow:hidden;
    border: none;
}
.page-id-59862 .wp-block-button__link, .home .wp-block-button__link, .new-button .wp-block-button__link {
    background-color: #236094;
    border-radius: 42px;
    font-weight: 600;
    padding: 13px 40px;
}
.new-button .wp-block-button__link {
    text-transform: none;
    font-size: 25px;
}
.green-button .wp-block-button__link {
    background-color: #7ac143 !important;
}
.red-button .wp-block-button__link {
    background-color: #c40d3b !important;
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child .gform_footer input[type="submit"] {
  background-color: #fff;
    color: #004fa2;
}
.gform_previous_button.button, .gform_next_button.button {
    background-color: #004fa2 !important;
    color: #fff !important;
}
.dark-button .wp-block-button__link {
    background-color: #00395d;
}
.wp-block-button__link:hover, .gform_footer input[type="submit"]:hover, .mc4wp-form input[type="submit"]:hover, .banner-content a:hover {
    color: #fff;
    background-color: #c40d3b !important;
    text-decoration: none;
}
.red-button .wp-block-button__link:hover {
    background-color: #004fa2 !important;
}
.gform_page_footer input[type="submit"]:hover, .gform_previous_button.button:hover, .gform_next_button.button:hover {
    background-color: #7ac143 !important;
}
.page-template-renewables-page .wp-block-button__link:hover, .page-template-renewables-page .gform_footer input[type="submit"]:hover, .page-template-renewables-page .mc4wp-form input[type="submit"]:hover, .page-template-renewables-page .banner-content a:hover {
    background-color: #7ac143 !important;
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child .gform_footer input[type="submit"]:hover {
  background-color: #004fa2 !important;
    color: #fff;
}
.transparent-button .wp-block-button__link, #gform_wrapper_17 input[type="submit"], #gform_wrapper_25 input[type="submit"], #gform_wrapper_58 input[type="submit"] {
    background-color: transparent;
    border:1px solid white;
}
.transparent-button .wp-block-button__link:hover {
    color: inherit;
}
.new-transparent-button .wp-block-button__link {
    font-size:22px;
    font-weight: 600;
    text-transform: none;
}
.play-button .wp-block-button__link:after {
    display: block;
    content: "";
    background-image: url("images/play-button.svg");
    margin-top: 5px;
    height: 25px;
    width:100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.small-button .wp-block-button__link {
    font-size:16px;
    padding: 20px 45px 20px;
    text-transform: none;
}
.blue-button .wp-block-button__link {
    color: #236094;
    border:1px solid #236094;
}
.blue-button .wp-block-button__link:hover {
    color: #fff;
    border:1px solid #fff;
}
#gform_wrapper_25 input[type="submit"] {
    margin-left:0 !important;
}
.with-arrow .wp-block-button__link, .banner-content a {
    display: flex;
    align-items: center;
}
.with-arrow .wp-block-button__link::after, .banner-content a:not(.no-arrow):after {
    content:'';
    display:inline-block;
    background-image:url("images/arrow.png");
    background-repeat: no-repeat;
    margin-left:10px;
    height:16px;
    width:24px;
    min-width: 24px;
    position: relative;
    z-index: 1;
}
.with-play .wp-block-button__link::before {
    content:'';
    display:inline-block;
    background-image:url("images/play_icon.png");
    background-repeat: no-repeat;
    margin-right:10px;
    margin-left:-8px;
    height:24px;
    width:24px;
    position: relative;
    z-index: 1;
}
.gform_footer .gform_button, .gform_page_footer input[type="submit"] {
    background-image:url("images/arrow.png");
    background-repeat: no-repeat;
    background-position: right 24px center;
    padding-right:60px !important;
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child .gform_footer input[type="submit"] {
  background-image:url("images/arrow-blue.png?");
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child .gform_footer input[type="submit"]:hover {
  background-image:url("images/arrow.png");
}
.wp-block-button-wipe {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #c40d3b;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform-origin:center right;
    transform:scaleX(0);
}
.wp-block-button__link:hover .wp-block-button-wipe, a:hover .wp-block-button-wipe  {
     transform:scaleX(1);
     transform-origin:center left;
}
.has-white-color .gform_wrapper.gravity-theme .gf_progressbar_title {
  color: #fff;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #7ac143 !important;
}
.has-white-color .gsection_title {
    color: #fff;
    margin-bottom: 0;
}
.has-white-color .gform_wrapper.gravity-theme .gsection_description {
    padding-top: 0;
}
#service-sectors .wp-block-button__link {
    color: #fff;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#service-sectors .wp-block-button__link::after {
    content: '';
    display: inline-block;
    background-image: url("images/arrow.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 24px;
}
@media screen and (max-width: 780px) {
.wp-block-button__link, .gform_footer input[type="submit"] {
    font-size: 15px;
    padding: 6px 12px;
}
.with-arrow .wp-block-button__link::after, .gform_footer input[type="submit"]:after {
    background-size: contain;
    height:8px;
    width:12px;
}
}
/*header*/
header#masthead {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    transition-property:transform;
    transition-duration:.5s;
}
header#masthead .banner-wrapper{
    transition-property: background, border;
    transition-duration: .5s;
    border-bottom:1px solid transparent;
}
header#masthead.element-is-sticky .banner-wrapper, header#masthead.element-is-always-sticky .banner-wrapper {
    background-color:white;
    border-bottom:1px solid #cecece;
}
header#masthead .container {
    padding-top:10px;
    padding-bottom:10px;
}
.header-wrapper {
    position:relative;
    z-index:20;
}
#menu-top-menu, #menu-fuel-card-top-menu, #menu-renewables-top-menu {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    padding: 5px 0;
    margin-bottom: 0;
    list-style: none;
}
#menu-top-menu li, #menu-fuel-card-top-menu li, #menu-renewables-top-menu li {
    padding: 0 10px;
    line-height: 1.1em;
    text-align: center;
}
#menu-top-menu li:first-child, #menu-fuel-card-top-menu li:first-child, #menu-renewables-top-menu li:first-child {
    padding-left: 0;
}
#menu-top-menu li:last-child, #menu-fuel-card-top-menu li:last-child, #menu-renewables-top-menu li:last-child {
    padding-right: 0;
}
#menu-top-menu li > a, #menu-fuel-card-top-menu li > a, #menu-renewables-top-menu li > a {
    color: #fff;
    font-size:12px;
    font-weight: 600;
    text-transform:uppercase;
}
@media screen and (max-width: 1150px) {
    .top-menu {
        display: none;
    }
#menu-top-menu, #menu-fuel-card-top-menu, #menu-renewables-top-menu {
    justify-content: flex-start;
}
}
#masthead.element-is-sticky #menu-top-menu li > a, #masthead.element-is-always-sticky  #menu-top-menu li > a, #masthead.element-is-sticky #menu-fuel-card-top-menu li > a, #masthead.element-is-always-sticky  #menu-fuel-card-top-menu li > a, #masthead.element-is-sticky #menu-renewables-top-menu li > a, #masthead.element-is-always-sticky #menu-renewables-top-menu li > a {
    color: black;
}
#menu-top-menu li > a:hover, #menu-top-menu li.current_page_item > a, #menu-fuel-card-top-menu li > a:hover, #menu-fuel-card-top-menu li.current_page_item > a, #menu-renewables-top-menu li > a:hover, #menu-renewables-top-menu li.current_page_item > a {
    color: white !important;
    text-decoration: none;
    text-decoration: underline;
}
#masthead.element-is-sticky #menu-top-menu li > a:hover, #masthead.element-is-sticky #menu-top-menu li.current_page_item > a, #masthead.element-is-always-sticky #menu-top-menu li > a:hover, #masthead.element-is-always-sticky #menu-top-menu li.current_page_item > a, #masthead.element-is-sticky #menu-fuel-card-top-menu li > a:hover, #masthead.element-is-sticky #menu-fuel-card-top-menu li.current_page_item > a, #masthead.element-is-always-sticky #menu-fuel-card-top-menu li > a:hover, #masthead.element-is-always-sticky #menu-fuel-card-top-menu li.current_page_item > a {
    color: #c40d3b !important;
    text-decoration: none;
}
#masthead.element-is-sticky #menu-renewables-top-menu li > a:hover, #masthead.element-is-sticky #menu-renewables-top-menu li.current_page_item > a, #masthead.element-is-always-sticky #menu-renewables-top-menu li > a:hover, #masthead.element-is-always-sticky #menu-renewables-top-menu li.current_page_item > a {
    color: #7ac143 !important;
    text-decoration: none;
}
.navbar-brand {
    min-width:220px;
    max-width: 250px;
}
.navbar-brand.sticky {
    display: none;
}
#masthead.element-is-sticky .navbar-brand.sticky, #masthead.element-is-always-sticky .navbar-brand.sticky {
    display: block;
}
#masthead.element-is-sticky .navbar-brand.not-sticky, #masthead.element-is-always-sticky .navbar-brand.not-sticky {
    display: none;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    transition-property: color;
    transition-duration: .5s;
    color: #fff;
    font-size:15px;
    font-weight: 400;
    text-transform:uppercase;
     padding:0;
    margin: 10px 15px;
    border-bottom:5px solid transparent;
    white-space: nowrap;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:first-child > a {
    margin-left: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child > a {
    margin-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child ul {
    right: 0;
    left:auto;
}
#menu-item-46 a, #menu-item-47779 a, #menu-item-48627 a, #menu-item-49403 a, #menu-item-49418 a, #menu-item-50139 a, #menu-item-52671 a {
    color:white !important;
    font-size: 14px !important;
    background-color: #c40d3b;
    padding:10px 20px;
    border-radius:15px;
    font-weight: 700 !important;
    text-transform: uppercase;
}
#menu-item-48627 a, #menu-item-49403 a, #menu-item-49418 a {
    font-size: 12px !important;
}
#menu-item-48620 a, #menu-item-49402 a {
    font-weight:900 !important;
}
#menu-item-49403 a, #menu-item-49418 a, #menu-item-50139 a, #menu-item-52671 a {
  background-color: #7ac143;   
}
#masthead.element-is-always-sticky #menu-renewables-top-menu #menu-item-49403 > a:hover {
  color: white !important;
text-decoration: underline;
}
#page #masthead.element-is-sticky #menu-renewables-top-menu #menu-item-49403 a:hover {
  color: #fff !important;   
}
#menu-item-48620 a:hover, #menu-item-49402 a:hover {
    text-decoration: none !important;
}
#masthead.element-is-sticky #menu-top-menu #menu-item-46 a:hover, #masthead.element-is-sticky #menu-top-menu #menu-item-47779 a:hover {
    color:white !important;
    background-color: #c40d3b !important;
}
#masthead.element-is-sticky #menu-top-menu #menu-item-50139 a:hover, #menu-item-52671 a:hover {
    color:white !important;
    background-color: #7ac143 !important;
}
@media screen and (max-width: 1200px) {
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    margin: 10px 16px;
}
}
body:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li > a, body:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > a {
    color: black;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:not(.dropdown-toggle):hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_ancestor > a {
    font-weight: 400;
    color: white;
     border-bottom:5px solid #c40d3b;
}

body:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li.current_page_item > a, 
body:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li.current_page_ancestor > a, 
body:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li.current_page_item > a, 
body:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li.current_page_ancestor > a, 
body.page-id-59615:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > #menu-item-dropdown-61009, 
body.page-id-58715:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > #menu-item-dropdown-61009, 
body.page-id-60500:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > #menu-item-dropdown-61009 {
    font-weight: 400;
    color: #c40d3b;
    border-bottom:5px solid #c40d3b;
}

/*renewable theme menu overrides*/
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover,
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li.current_page_item > a,
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li.current_page_item > a, 
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li.current_page_ancestor > a,
body.page-template-renewables-page:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li.current_page_ancestor > a,
body.post-type-archive-renewable_news #masthead.element-is-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover,
body.post-type-archive-renewable_news #masthead.element-is-always-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body.renewable_news-template-default #masthead.element-is-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body.renewable_news-template-default #masthead.element-is-always-sticky .navbar-nav > li > a:not(.dropdown-toggle):hover {
     color: #7ac143;
}
body.page-template-renewables-page:not(.theme-preset-active) #masthead .navbar-nav > li > a:not(.dropdown-toggle):hover, 
body.page-template-renewables-page:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a, 
body.page-template-renewables-page:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_ancestor > a,
body.post-type-archive-renewable_news:not(.theme-preset-active) #masthead .navbar-nav > li > a:not(.dropdown-toggle):hover,
body.renewable_news-template-default:not(.theme-preset-active) #masthead .navbar-nav > li > a:not(.dropdown-toggle):hover {
     border-bottom:5px solid #7ac143;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > .dropdown-toggle:hover {
    color: white;
    font-weight: 400;
    border-bottom:5px solid transparent;
}
body:not(.theme-preset-active) #masthead.element-is-sticky .navbar-nav > li > .dropdown-toggle:hover, body:not(.theme-preset-active) #masthead.element-is-always-sticky .navbar-nav > li > .dropdown-toggle:hover {
    color: #c40d3b;
    font-weight: 400;
    border-bottom:5px solid transparent;
}
body.page-template-fleet-fuel-card-page #masthead .navbar-nav > li > a, body.page-template-fleet-fuelgood-card-page #masthead .navbar-nav > li > a {
  font-size: 14px;
    margin: 10px 10px;
    letter-spacing: -.5px;
}
.dropdown-menu .dropdown-item {
 color:#212529;
line-height:1.1em;
}
.dropdown-item:focus,
.dropdown-item:hover {
 color: #c40d3b;
}
.dropdown-item.active,
.dropdown-item:active {
 color: #c40d3b;
}
#content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}
.entry-content {
    margin: 0;
}
.woocommerce {
    margin: 50px 0;
}
header.entry-header {
    background: rgb(68,46,129);
background: linear-gradient(90deg, rgba(68,46,129,1) 0%, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
    position: relative;
    background-size:cover;
    background-position:center center;
    color:white;
    text-align:center;
    min-height:80vh;
    display: flex;
    flex-direction: column;
     justify-content: center;
  align-items: center;
    margin-top:-5px;
     transition-property: opacity;
    transition-duration: .25s;
    opacity: 0;
}

.page-id-58715 header.entry-header {
    background-position:70% center;
}

.page-template-renewables-page header.entry-header.no-menu {
    min-height:50vh;
}
.page-id-46769 header.entry-header {
    background-position:center bottom;
}
header.entry-header.no-background, .page-template-fleet-fuel-card-page header.entry-header:not(.no-menu), .page-id-52368 header.entry-header, .page-id-53285 header.entry-header, .page-id-53365 header.entry-header, .page-id-59615 header.entry-header, .page-id-60389 header.entry-header {
    min-height:45vh;
    padding-top: 10vh;
}
.page-template-fleet-fuel-card-page header.entry-header:not(.no-menu).new_fleet_card_banner  {
     min-height:65vh;
    padding-top: 0;
}
.page-template-fleet-fuel-card-page header.entry-header.no-menu {
    min-height: 66vh;
}
.home header.entry-header, .page-id-59862 header.entry-header, .home header.entry-header {
  position: absolute;
    top:0;
    width:100%;
    height:100vh;
    z-index:5;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: .25s;
    opacity: 0;
}
@media screen and (min-width: 780px) {
.home header.entry-header, .page-id-59862 header.entry-header, .home header.entry-header {
  background-image: none;
}
}

.page-id-243 header.entry-header {
    background-position:center top;
}
.video_contain {
    position: absolute;
    top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
    
}
.video_overlay {
     position: absolute;
    top: 0;
  left: 0;
  bottom:0;
    right:0;
    background-color:black;
    opacity:.15;
    z-index:10;
}
#myVideo {
    position: absolute;
 left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-aspect-ratio: 1920/1080) {
  #myVideo {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  #myVideo {
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
.video_contain video, .video_contain .arve {
  display:none !important;
}
}
.home-top {
    background-image: url("images/background.png");
    background-size:cover;
    background-position:center center;
    min-height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:white;
    font-size:30px;
    line-height: 1.25em;
     transition-property: opacity;
    transition-duration: .25s;
    opacity: 0;
}
.home-top .wp-block-group__inner-container {
    display: none;
}
.home-top h2 {
    color:white;
    font-size:50px;
    font-weight:600;
    text-transform: none;
    padding-bottom: 0;
}
.home-top .wp-block-image {
    margin-bottom: 0;
}
@media screen and (max-width: 780px) {
.home-top {
    font-size:20px;
}
.home-top h2 {
    font-size:40px;
}
}
.new-home-top {
    position: relative;
    min-height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
     transition-property: opacity;
    transition-duration: .25s;
    opacity: 0; 
}
.new-home-top > .wp-block-group__inner-container {
    max-width: 1250px;
    display: none;
}
.xxxxx:before {
    display: block;
    content: "";
    height:80vh;
    width:80vh;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:60%;
    background-image: url("images/100-Employee-Owned.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media screen and (max-width: 781px) {
    .xxxxx:before {
    right:0;
    opacity: .25;
}
}
/*service sectors*/
#service-sectors .wp-block-column:not(:first-child) {
    margin-left: 40px;
}
#service-sectors h2 {
    margin-bottom: 50px;
}
#service-sectors a {
    text-decoration: none;
}
@media screen and (max-width: 780px) {
#service-sectors .wp-block-columns {
    justify-content:space-around;
}
#service-sectors .wp-block-column {
    margin: 20px 10px !important;
    max-width:350px;
}
#service-sectors .wp-block-column:first-child {
    margin-top: 0 !important;
}
#service-sectors .wp-block-column:last-child {
    margin-bottom: 0 !important;
}
}
#markets p {
    color: #235f92;
    font-size: 21px;
    font-weight: 500;
}
#markets h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 500px) {
#markets h2 {
    max-width:250px;
}
}
#service-sectors .wp-block-column {
    position: relative;
}
#service-sectors .service-sector-link {
    display: block;
}
#service-sectors figure {
   margin-bottom:0;
}
#service-sectors .wp-block-group {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 5;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#service-sectors .overlay {
    transition-property: background-color;
    transition-duration: .5s;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0,0,0,.5)
}
#service-sectors a:hover .overlay {
    background-color: rgba(0,0,0,.2)
}
#service-sectors h3 {
    color:white;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
/*enery fuel card*/
#energy-fuel-card {
    border-top:1px solid #90a2b9;
    background-color: white;
    background-image: url("images/fuel-card-background-revised.png"), linear-gradient(222deg, #FFFFFF 0%, #FFFDFD 47%, #EBEBEB 83%, #E0DFDF 100%);
    background-size:cover;
    background-position:center center;
    padding: 100px 0;
    color:#C40D3C;
    font-size: 22px;
    text-transform: uppercase;
}
#energy-fuel-card .wp-block-columns {
    margin-bottom: 0;
    align-items: center;
}
#energy-fuel-card h2 {
    color:#236094;
    font-size: 52px;
    margin-bottom: 0;
    padding-bottom: 5px;
    max-width: 700px;
}
#energy-fuel-card p {
    margin-bottom: 50px;;
}
#energy-fuel-card .wp-block-image {
    margin-bottom: 0;
}
#energy-fuel-card .wp-block-button__link {
    background-color: #00395d;
}
@media screen and (max-width: 780px) {
#energy-fuel-card {
    padding: 50px 0;
}
}
#new-energy-fuel-card {
    background-color: #f2f8fd;
     background-image: url("images/new-energy-card-background.svg");
    background-size:cover;
    background-position:center center;
    padding: 100px 0;
}
#new-energy-fuel-card > .wp-block-group__inner-container {
  max-width: 1260px;
}
#new-energy-fuel-card h2.alternate.large {
    font-size: 40px;
}
@media screen and (max-width: 780px) {
#new-energy-fuel-card {
    padding: 50px 0;
}
    #new-energy-fuel-card h2.alternate.large {
    font-size: 26px;
}
}
/*footer callouts*/
#home-bottom, #footer-callouts {
    color:white;
    font-size:22px;
    font-weight: bold;
    text-transform:uppercase;
    
}
#home-bottom .wp-block-group__inner-container, #footer-callouts .wp-block-group__inner-container, .full-width-columns .wp-block-group__inner-container {
    max-width:none;
    padding-right: 0;
    padding-left: 0;
}
#home-bottom .wp-block-columns, #footer-callouts .wp-block-columns, .full-width-columns .wp-block-columns {
    margin-bottom:0;
    gap:0;
}
#home-bottom .wp-block-column > a, #footer-callouts .wp-block-column > a {
    display: block;
     padding:40px 20px;
   color:white;
}
#home-bottom .wp-block-column > a:hover, #footer-callouts .wp-block-column > a:hover {
   color:white;
    text-decoration: none;
}
#home-bottom .wp-block-column, #footer-callouts .wp-block-column {
    transition-property: all;
    transition-duration: .5s;
    background-color: #a4a9ae;
    margin-top:2px;
    margin-bottom: 2px;
}
#home-bottom .wp-block-column:hover, #footer-callouts .wp-block-column:hover {
    background-color: #c40d3b;
}
#home-bottom .wp-block-column:not(:first-child), #footer-callouts .wp-block-column:not(:first-child) {
    margin-left: 2px;
}
#home-bottom .wp-block-buttons, #footer-callouts .wp-block-buttons {
    text-align: center;
}
#home-bottom .wp-block-button__link, #footer-callouts .wp-block-button__link {
    color: #fff;
    background-color: transparent;
    border:1px solid white;
    border-radius: 50%;
    height:40px;
    width:40px;
    padding: 0;
    display:flex;
    justify-content: center;
  align-items: center;
    
}
#home-bottom .wp-block-button__link:hover, #footer-callouts .wp-block-button__link:hover {
    color: #fff;
    background-color: transparent;
    border:1px solid white;
}
#home-bottom .wp-block-button__link:after, #footer-callouts .wp-block-button__link:after {
    content:'';
    display:inline-block;
    background-image:url("images/arrow.png");
    background-repeat: no-repeat;
    height:16px;
    width:24px;
}
@media screen and (max-width: 780px) {
#home-bottom .wp-block-column, #footer-callouts .wp-block-column {
    flex-grow: 1;
}
}
/*image background*/
.image-background {
     background-size: cover;
    background-attachment: fixed;
    background-position: center;
    color:white;
}
.image-background h2, .image-background a {
    color:white !important;
}
@media screen and (max-width: 780px) {
.image-background {
    background-attachment:scroll;
}
}
#our-fuel-products {
    background-image: url("images/our-fuel-products.jpg"); 
}
#mass-transit {
    background-image: url("images/specializing-in-mass-transit.jpg"); 
}
#construction-case-study {
    background-image: url("images/construction-background.jpg"); 
}
#petroleum-jobber {
    background-image: url("images/petrolem-jobber-background.jpg"); 
}
#gas-station-convenience-store-case-study {
    background-image: url("images/gas-station-convenience-store-background.jpg"); 
}
#schools-case-study {
    background-image: url("images/schools-background.jpg"); 
}
#utility-power-plant {
    background-image: url("images/utility-power-plant-background.jpg"); 
}
#mass-transit {
    background-image: url("images/mass-transit-background.jpg"); 
}
#personalized-pricing-solutions {
    background-image: url("images/personalized-pricing-solutions.jpg"); 
}
#optimizing-heavy-construction-operations-fep {
    background-image: url("images/optimizing-heavy-construction-operations-fep.jpg"); 
}
#optimizing-heavy-construction-operations-em {
    background-image: url("images/optimizing-heavy-construction-operations-em.jpg");
}
#specializing-in-mass-transit {
    background-image: url("images/specializing-in-mass-transit.jpg"); 
}
#source-one-safety {
    background-image: url("images/source-one-safety-r.webp?v=3"); 
}
#full-service-oil-case-study {
    background-image: url("images/what-matters-most-rev2.webp"); 
}
#get-fueling-today {
    background-image: url("images/iStock-1854349710-screened.webp"); 
}
.page-template-fleet-fuelgood-card-page #get-fueling-today {
    background-image: url("images/get-fueling-today.png"); 
}
#get-fueling-today p {
    max-width: 850px;
    font-size: 1.5em;
}
.page-template-fleet-fuelgood-card-page #get-fueling-today h2 {
    color: #AEF0FF !important;
}
.page-template-fleet-fuelgood-card-page #get-fueling-today p {
    margin-left: auto;
    margin-right: auto;
}
#get-fueling-today p:last-child {
   margin-bottom: 0;
}
@media screen and (max-width: 780px) {
#get-fueling-today p {
    font-size: 1em;
}
}
/*footer*/
#footer-widget {
    padding-top: 60px;
    color:white;
}
#footer-widget a {
    transition-property: color;
    transition-duration: .5s;
    color:white;
    font-weight:600;
}
#footer-widget a:hover {
    color: #c40d3b;
}
.page-template-renewables-page #footer-widget a:hover {
    color: #7ac143;
}
#footer-widget p {
    margin-bottom: .75rem;
}
#footer-widget li:not(#menu-item-48627):not(#menu-item-49418) .nav-link {
    padding: 5px 0;
}
#footer-widget .nav > li:not(#menu-item-48627):not(#menu-item-49418) > a:focus, #footer-widget .nav > li:not(#menu-item-48627):not(#menu-item-49418) > a:hover {
    background-color: transparent;
    color: #c40d3b;
}
.page-template-renewables-page #footer-widget .nav > li:not(#menu-item-48627):not(#menu-item-49418) > a:focus, .page-template-renewables-page  #footer-widget .nav > li:not(#menu-item-48627):not(#menu-item-49418) > a:hover {
    color: #7ac143;
}
#menu-item-48627, #menu-item-49418 {
    max-width: 200px;
    text-align: center;
    margin-top: 20px;
}
#menu-item-49418 a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.bg-light {
    background-color: #232c35 !important;
}
#text-8 img, #block-10 img, #block-4 img {
    position:relative;
    left:-10px;
}
#text-7 a, #block-11 a, #block-9 a {
    text-decoration: underline;
}
#sow-social-media-buttons-2 {
    font-size:18px;
}
footer#colophon {
    background-color: #232c35 !important;
    font-size: 12px;
    color:#a0b1c3 !important;
    text-align: center;
}
/* */
.double-column, .double-column-alt {
    margin-bottom:0;
    gap:0 !important;
}
#calendar .full-background-image {
  background-size: cover;
    background-position: center;
}
.double-column h2 {
    font-size: 26px;
    font-weight:600;
    color: white;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.double-column.simple h2 {
    font-size: 40px;
    font-weight:300;
}
.double-column h3 {
    font-size: 22px;
    font-weight:600;
    color: white;
    text-transform: none;
    margin-top: -20px;
    margin-bottom: 20px;
}
.double-column .wp-block-column {
    padding: 100px 100px 100px 20px;
    margin:0;
    color:white;
}
#calendar.double-column .wp-block-column {
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#calendar.double-column .wp-block-column:first-child {
    background-color: #c40d3b;
}
.double-column-alt .wp-block-column {
    padding: 100px 100px 100px 20px;
    margin:0;
}
.double-column-alt.row-reverse .wp-block-column {
    padding: 100px 20px 100px 100px;
    margin:0;
}
.double-column-alt.row-reverse .wp-block-column:not(:last-child) {
  margin-left: 0;
}
.double-column .wp-block-column:first-child {
    background-image: url("images/fleet-fueling-card-benefits-background.png");
    background-size: cover; 
    background-position: center center;
    display: flex;
    justify-content: flex-end;
    min-height: 700px;
}
.double-column.simple .wp-block-column:first-child, #calendar.double-column.simple .wp-block-column:last-child {
    background-image: none;
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, rgb(31, 91, 148) 0%, rgb(0, 52, 89) 100%) repeat scroll 0% 0%;
     min-height: 0;
}

.double-column-alt .wp-block-column:first-child {
    display: flex;
    justify-content: flex-end;
    min-height: 700px;
}
.double-column-alt.row-reverse .wp-block-column:first-child {
    justify-content: flex-start;
}
.double-column .wp-block-column:first-child .wp-block-group, .double-column-alt .wp-block-column:first-child .wp-block-group {
    max-width: 504px;
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:flex-start;
} 
#calendar.double-column .wp-block-column:first-child .wp-block-group {
    align-items: center;
}
#calendar.double-column .wp-block-column:last-child .wp-block-group {
    max-width:100%;
}
.double-column .wp-block-column:first-child .wp-block-group__inner-container, .double-column-alt .wp-block-column:first-child .wp-block-group__inner-container {
    width:100%;
}
.double-column .wp-block-column:last-child {
    background-color:black;
    background-size: cover; 
    background-position: center center;
    min-height: 700px;
}
#calendar.double-column.simple .wp-block-column:last-child .bookly-form .bookly-progress-tracker > .active, #calendar.double-column.simple .wp-block-column:last-child .bookly-form .bookly-form-group > label {
   color:white !important;
}
.double-column.simple .wp-block-column:last-child {
     min-height: 0;
}
.double-column-alt .wp-block-column:last-child {
    background-image: url("images/form-background.png");
    background-size: cover; 
    background-position: center center;
    min-height: 700px;
    color:white;
    padding: 100px 20px 100px 100px;
    
}
.double-column-alt .wp-block-column:last-child a {
  color: white;
}
.page-template-renewables-page .double-column-alt .wp-block-column:first-child {
    padding: 100px 50px 100px 20px;
    min-height: 0;
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child {
  background-image:none;
    background-color: #7ac143;
    padding: 100px 20px 100px 50px;
     min-height: 0;
}
.double-column-alt .wp-block-column:last-child h2, .double-column-alt .wp-block-column:last-child .gform_wrapper .gfield_required, .double-column-alt .wp-block-column:last-child .gform_wrapper input {
    color:white;
}
.double-column-alt .wp-block-column:last-child .gform_wrapper .gfield_validation_message, .double-column-alt .wp-block-column:last-child .gform_wrapper .validation_message, .double-column-alt .wp-block-column:last-child .gform_wrapper .gform_validation_errors {
  background: transparent;
  border: none;
    color: white;
}
.double-column-alt .wp-block-column:last-child .gform_wrapper .gfield_error legend, .double-column-alt .wp-block-column:last-child .gform_wrapper .gfield_error label {
    color: yellow;
}
.double-column-alt .wp-block-column:last-child .wp-block-group {
    max-width: 504px;
    width:100%;
} 
@media screen and (max-width: 1350px) {
.double-column .wp-block-column, .double-column-alt .wp-block-column {
    padding-right: 20px;
}
.double-column .wp-block-column:first-child .wp-block-group, .double-column-alt .wp-block-column:first-child .wp-block-group {
    max-width: none;
} 
.double-column-alt .wp-block-column:last-child {
    padding-left: 20px;
}
.double-column-alt .wp-block-column:last-child .wp-block-group {
    max-width: none;
}
}
@media screen and (max-width: 780px) {
.double-column.simple h2 {
    font-size: 26px;
}
.double-column .wp-block-column:first-child, .double-column-alt .wp-block-column:first-child {
    min-height: 0;
}
.double-column .wp-block-column:last-child, .double-column-alt .wp-block-column:last-child {
    min-height: 300px;
}
.double-column.simple .wp-block-column:last-child {
      min-height: 300px;
}
.double-column, .double-column-alt {
    flex-direction: column;
}
.double-column .wp-block-column:first-child, .double-column-alt .wp-block-column:first-child {
    justify-content: center;
}
.double-column .wp-block-column, .double-column-alt .wp-block-column {
    padding: 50px 20px !important;
    margin:0;
}
.double-column .wp-block-column.is-vertically-aligned-center, .double-column-alt .wp-block-column.is-vertically-aligned-center {
    width: 100%;
}
.double-column .wp-block-column, .double-column-alt .wp-block-column {
    flex-basis: 100% !important;
}
}
#Powering-Commercial-Industrial-Facilities .wp-block-column:last-child {
    background-image: url("images/commercial-industrial-fuel-pict.jpg");
}
#providing-proactive-and-reliable-services .wp-block-column:last-child {
    background-image: url("images/providing-proactive-and-reliable-services.jpg");
}
#fueling-performance .wp-block-column:last-child {
    background-image: url("images/fueling-performance.jpg");
}
#for-school-districts .wp-block-column:last-child {
    background-image: url("images/for-school-districts.jpg");
}
#measurable-results .wp-block-column:last-child {
    background-image: url("images/measureable-results.jpg");
}
#continuously-flowing-fuel .wp-block-column:last-child {
    background-image: url("images/continuously-flowing-fuel.jpg");
}
#choose-from-our-full-range .wp-block-column:last-child {
    background-image: url("images/choose-our-full-range-of-programs.jpg");
}
#our-pricing-programs .wp-block-column:last-child {
    background-image: url("images/our-pricing-programs.jpg");
}
#technology-to-enhance-your-oil .wp-block-column:last-child {
    background-image: url("images/technology-to-enhance-your-oil-rev.webp");
}
#our-pricing-programs h2, #our-operability-programs h2, #case-studies-page h2, .solution-columns h2 {
    font-size: 40px;
    font-weight:300;
    color: white;
    margin-bottom: 0; 
    display:block;
    position:relative;
}
#our-pricing-programs h2:before, #our-operability-programs h2:before, #case-studies-page h2:before, .solution-columns h2:before {
    content:"";
    width:60px;
    height:4px;
    background-color:white;
    position:absolute;
    top:-10px;
    left:0;
}
/* */
@media screen and (max-width: 1350px) {
#fueling-made-simple {
    margin-left: 100px;
    margin-right: 100px;
}
}
@media screen and (max-width: 1000px) {
#fueling-made-simple {
    margin-left: 60px;
    margin-right: 60px;
}
}
@media screen and (max-width: 780px) {
#fueling-made-simple {
    margin-left: -15px;
    margin-right: -15px;
}
}
/* */
#case-studies {
    background-image: url("images/back.png");
    background-size: cover; 
    background-position: center center;
    color:white;
}
#case-studies input {
    color:white !important;
}
#mission-valuesx .wp-block-column {
    font-size:14px;
    line-height: 1.1em;
    color:#216093;
    flex-basis: 150px;
}
#mission-valuesx .wp-block-column:nth-child(1)  {
    flex-basis: 170px;
}
#mission-valuesx .wp-block-column:nth-child(2)  {
    flex-basis: 130px;
}
#mission-valuesx .wp-block-column:nth-child(3) {
    flex-basis: 200px;
}
#mission-valuesx .wp-block-column:nth-child(4)  {
    flex-basis: 120px;
}
#mission-valuesx .wp-block-column:nth-child(5)  {
    flex-basis: 180px;
}
#case-studies h2 {
    color:white;
}
#case-studies h2 {
    margin-bottom:0;
}
#case-studies .subtitle {
    color: white;
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
}
#case-studies h3 {
    font-size:20px;
    color:white;
    margin-bottom: 0;
}
#mission-valuesx .wp-block-column h3 {
    color:#216093;
    font-size:18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #59758d;
}
#case-studies .wp-block-column {
    margin-top: 40px;
}
#case-studies .wp-block-button__link {
    background-color: transparent;
    border:1px solid white;
}
#mission-valuesx figure {
    margin:40px auto 0;
}
/* */
#footer-fuel-card {
   justify-content: center;
}
#footer-fuel-card .xwp-block-group {
    width: 100%;
    max-width:720px !important;
    justify-content: flex-start;
}
#footer-fuel-card  {
    background-image: url("images/footer-fuel-card-background-revised.png"), linear-gradient(222deg, #FFFFFF 0%, #FFFDFD 47%, #EBEBEB 83%, #E0DFDF 100%);
    background-size:cover;
    background-position:center center;
    color:#C40D3C;
    font-size: 21px;
}
#footer-fuel-card  h2 {
    color:#236094;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 2px;
}
#footer-fuel-card figure {
   margin-bottom: 10px;
}
#footer-fuel-card .wp-block-button__link {
    background-color: #00395d;
    font-size: 20px;
}
#footer-price-feed .wp-block-group {
     width: 100%;
    max-width:720px !important;
}
@media screen and (max-width: 780px) {
#footer-fuel-card  {
    font-size: 18px;
}
#footer-fuel-card  h2 {
    font-size: 30px;
}
}
#footer-price-feed  {
    background-color:#4a858e;
    margin:0;
    color:white;
}
#footer-price-feed  h2 {
    color:white;
    margin-bottom: 2px;
}
@media screen and (max-width: 780px) {
#footer-price-feed .wp-block-group {
    max-width:350px !important;
}
}
/* */
.sow-accordion-panel {
    border-top: 2px solid #bfbfbf;
}

.sow-accordion-panel:first-child {
    border-top: none;
}
.sow-accordion-panel-header:focus {
    outline: 0 !important;
}
.sow-accordion-panel-header {
    font-size:28px;
    font-weight:300;
    border-left:none !important;
    border-right:none !important;
    border-top:none;
    padding: 15px 0 15px 0 !important;
} 
.sow-accordion-title-icon-left {
    margin-right: 50px;
}
.sow-accordion-panel-border {
    padding: 15px 0 15px 0 !important;
}
.sow-accordion-panel-border .wp-block-button {
    display: flex;
    margin-top: 20px;
}
.sow-accordion-open-button {
    transition-property: color, transform;
    transition-duration: .5s;
display:block !important;
    color:#bfbfbf;
}
.sow-accordion-panel-open .sow-accordion-open-button {
color:#706f6f;
   transform: rotate(135deg); 
}
.sow-accordion-close-button {
display:none !important;
}
.wp-block-pb-accordion-item {
   border-top: 2px solid #bfbfbf; 
    padding: 25px 0;
}
.wp-block-pb-accordion-item:last-child {
   border-bottom: 2px solid #bfbfbf; 
}
.c-accordion__title {
    transition-property: all;
    transition-duration: .5s;
  margin-bottom:0;
}
.is-open > .c-accordion__title {
 margin-bottom:20px;
   
}
.c-accordion__title::after {
     transition-property: color, transform;
    transition-duration: .5s;
    color:#bfbfbf;
  content: "+";
  font-weight: 900;
}
.is-open > .c-accordion__title::after {
  content: "+";
     color: #706f6f;
    transform: translateY(-42%) rotate(135deg); 
   
}
#accordian {
    background-color: #f2f2f2;
    padding-bottom:50px;
}
#safety-accordian {
    background: rgb(31,91,148);
    background: linear-gradient(42deg, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
}
#accordian .so-widget-sow-accordion {
    background-color:white;
    padding:100px;
    position:relative;
    top:-70px;
}

body:not(.page-id-49479) #accordian .so-widget-sow-accordion:not(:first-child) {
    padding-top: 0;
}
#safety-accordian  .so-widget-sow-accordion {
    background-color:white;
    padding:100px;
    position:relative;
}
@media screen and (max-width: 780px) {
#accordian {
    padding-bottom:0;
}
#accordian .so-widget-sow-accordion, #safety-accordian  .so-widget-sow-accordion {
    padding:20px;
}
}
#customer-benefits  {
    overflow: hidden;
    background: rgb(31,91,148);
    background: linear-gradient(42deg, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
}
#customer-benefits .wp-block-columns {
    margin-top: 30px;
    margin-bottom: 0;
}
#customer-benefits .wp-block-column {
   margin-top: 20px; 
}
/*custom tabs*/
#custom-tabs h2 {
font-size:24px;
    font-weight:500;
  color: #235f92;    
}

#custom-tabs .wp-block-column:first-child p {
font-size:20px;
    line-height:1.2em;
font-weight:700;
    color:#a9a9a9;
text-transform:uppercase;
margin:5px 0;
}

#custom-tabs .wp-block-column:first-child p a {
display:inline-block;
padding:4px 0;
color:black;
    text-decoration: none;
border-bottom:3px solid transparent;

}
#custom-tabs .wp-block-column:first-child p a:hover, #custom-tabs .wp-block-column:first-child p.active a {
color:#ab192d;
    text-decoration:none;
border-bottom:3px solid #ab192d;
}
.page-template-renewables-page .double-column-alt .wp-block-column:last-child input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
  border: 1px solid #fff;
}
#custom-tabs .wp-block-column:last-child .outer-group:not(.active) {
display:none;
}

#custom-tabs .wp-block-column:last-child .outer-group > .wp-block-group__inner-container {
display:flex;
flex-direction:row-reverse;
justify-content: space between;
align-items: center;
}
#custom-tabs .wp-block-column:last-child .inner-group {
display:block;
max-width:50%;
padding:60px 40px 40px;
margin-right:-200px;
background-color:#00395d;
color:white;
font-weight:300;
    position: relative;
    z-index: 10;
}
#custom-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
display:flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:200px;
}
#custom-tabs .wp-block-column:last-child .inner-group p:first-child {
display:block;
position:relative;
}
#custom-tabs .wp-block-column:last-child .inner-group p:first-child:before {
content:"";
    position:absolute;
    height:5px;
    width:60px;
    background-color: #c40d3b;
    top:-20px;
    left:0;
}
@media screen and (max-width: 991px) {
#custom-tabs .wp-block-column:last-child .outer-group > .wp-block-group__inner-container {
flex-direction:column-reverse;
}
#custom-tabs .wp-block-column:last-child .inner-group {
max-width:none;
margin-right:0;
}
#custom-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
    min-height:0;
}
}
@media screen and (max-width: 600px) {
#custom-tabs .wp-block-column:last-child {
margin-top:20px;

}
}
/*alt custom tabs*/
#alt-custom-tabs {
    background-image: url("images/tabs-background.png");
    background-size:cover;
    background-position: center center;
}
.page-template-renewables-page #alt-custom-tabs {
    background-image: none;
    background-color: #4a858e;
}
.page-template-renewables-page #alt-custom-tabs strong {
    font-weight: 700;
}
#alt-custom-tabs .wp-block-column:first-child {
position:relative; 
}
.page-template-renewables-page  .wp-block-column:first-child {
padding-right: 20px;
}
#alt-custom-tabs .wp-block-column:first-child:before {
content:"";
    width:65px;
    height:65px;
    background-image: url("images/icon-guttman.png");
    background-repeat:no-repeat;
    position:absolute;
    top:-85px; 
}
@media screen and (max-width: 780px) {
    #alt-custom-tabs .wp-block-column:first-child:before {
        display:block;
        position:static;
    top:0; 
}
}
#alt-custom-tabs .wp-block-column:first-child p {
font-size:22px;
    line-height:1.2em;
font-weight:700;
    color:white;
text-transform:uppercase;
margin:15px 0;
}
#alt-custom-tabs .wp-block-column:first-child p:first-child {
margin-top:0;
}
#alt-custom-tabs .wp-block-column:first-child p a {
    transition-property: all;
    transition-duration: .5s;
display:inline-block;
padding:4px 0;
color:white;
border-bottom:2px solid transparent;
    text-decoration: none;
    opacity: .8;
}
#alt-custom-tabs .wp-block-column:first-child p a:hover, #alt-custom-tabs .wp-block-column:first-child p.active a {
color:white;
    text-decoration:none;
border-bottom:2px solid white;
    opacity: 1;

}
#alt-custom-tabs .wp-block-column:last-child .outer-group:not(.active) {
display:none;
}

#alt-custom-tabs .wp-block-column:last-child .outer-group > .wp-block-group__inner-container {
display:flex;
flex-direction:row-reverse;
justify-content: space-between;
    align-items: flex-start;
}
#alt-custom-tabs .wp-block-column:last-child .inner-group {
display:block;
padding-right:40px;
color:white;
font-weight:300;
width:50%;
}
#alt-custom-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
display:flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height:200px;
}
#alt-custom-tabs .wp-block-column:last-child .inner-group p:first-child {
display:block;
position:relative;
}
#alt-custom-tabs .wp-block-buttons {
    float:none;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0 0;
}
#alt-custom-tabs .wp-block-button {
    margin:10px 0;
} 
@media screen and (max-width: 991px) {
#alt-custom-tabs .wp-block-column:last-child .outer-group .wp-block-group__inner-container {
flex-direction:column;
}
#alt-custom-tabs .wp-block-column:last-child .inner-group {
margin-right:0;
    width:100%;
}
#alt-custom-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
    min-height:0;
}
}
@media screen and (max-width: 600px) {
#alt-custom-tabs .wp-block-column:last-child {
margin-top:20px;

}
}
/* image-slider-backgrounds */
#solutions-image-slider #image-element-1  {
    background-image: url("images/pricing-programs.jpg");
}
#solutions-image-slider #image-element-2  {
    background-image: url("images/operability-programs.jpg");
}
#solutions-image-slider #image-element-3  {
    background-image: url("images/inventory-management.webp");
}
#fuel-image-slider #image-element-1  {
    background-image: url("images/distillates.jpg");
}
#fuel-image-slider #image-element-2  {
    background-image: url("images/additives.webp");
}
#fuel-image-slider #image-element-3  {
    background-image: url("images/gasoline.jpg");
}
/* bio areas */
.bio-list {
    margin-top:30px;
    padding: 0 15px;
}
.bio-wrapper {
    max-width:1200px;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:30px;
}
.bio-element {
    flex-basis: calc(33.3333% - 20px);
    margin-top:20px;
    font-size:16px;
    text-align: center;
    cursor: pointer;
}
.bio-image {
    margin-bottom:10px;
}
.bio-title, .bio-popup-title {
    font-weight:700;
    color:#c40d3b;
}
.bio-popup-position {
    font-weight:700;
    margin-bottom:20px;
}
@media screen and (max-width: 600px) {
.bio-wrapper {
    flex-direction: column;
    justify-content: center;
}
    .bio-element {
    flex-basis:auto;
}
}
.bio-display {
    display: flex;
    justify-content: space-between;
}
.bio-popup-image {
    flex-basis: 284px;
    margin-right:20px;
}
.bio-popup-info {
    flex-basis: 568px;
}
@media screen and (max-width: 600px) {
.bio-display {
    flex-direction: column;
}
}
/* our safety */
#our-safety-commitment {
    background-image: url("images/fueling-made-simple-background.png");
    background-size:cover;
    background-position:center;
    color:white;
}
#our-safety-commitment {
    padding:80px;
    margin:100px auto;
}
#our-safety-commitment h2 {
    color:white;
}
#our-safety-commitment img {
    box-shadow: rgba(0, 0, 0, 0.2) 15px 15px 25px 5px;
}
#our-safety-commitment #image-4 img, #our-safety-commitment #image-5 img {
    box-shadow: rgba(0, 0, 0, 0.2) -15px -15px 25px 5px;
}

#our-safety-commitment #image-1 {
    position:absolute;
    top:0;
    right:-120px;
    z-index: 3;
}
#our-safety-commitment #image-2 {
    position:absolute;
    top:300px;
    left:0px;
    z-index: 2;
}
#our-safety-commitment #image-3 {
    position:absolute;
    top:500px;
    right:-100px;
}
#our-safety-commitment #image-4 {
    position:absolute;
    top:0;
    right:100px;
}
#our-safety-commitment #image-5 {
    position:absolute;
    top:200px;
    left:-100px;
}
@media screen and (max-width: 1400px) {
#our-safety-commitment #image-1 {
    right:-80px;
}
#our-safety-commitment #image-3 {
    right:-80px;
}
#our-safety-commitment #image-5 {
    left:-80px;
}
}
@media screen and (max-width: 991px) {
    #our-safety-commitment .wp-block-column {
        flex-basis: auto !important;
    }
#our-safety-commitment .wp-block-spacer {
    display:none;
}
#our-safety-commitment h2 {
    margin-top:20px;
    margin-bottom: 10px;
}
#our-safety-commitment h2:first-child {
    margin-top:0;
}
#our-safety-commitment {
    padding:20px;
    margin:50px auto;
}
#our-safety-commitment .positioned-images {
   display:none;
}
}
/* timeline */
#timeline {
    margin-top:50px;
    padding: 0 80px;
}

#timeline rs-module-wrap {
    max-width: 1200px;
    margin: auto;
}
@media screen and (max-width: 450px) {
    #timeline img {
    max-height: 160px !important;
}
}
/* financial applications */
#financial-applications {
    background-image: url("images/fueling-made-simple-background.png");
    background-size:cover;
    background-position:center;
}
#financial-applications .wp-block-button__link {
    font-size: 13px;
     line-height: 13px;
}
#financial-applications .wp-block-column {
    margin-top: 50px;
    background-color: white;
    padding:40px;
    box-shadow: rgba(0, 0, 0, 0.2) 15px 15px 25px 5px;
    border-radius:50px;
}
#financial-applications h2 {
    color:white;
}
#financial-applications h3 {
    color:#c40d3b;
}
/* pricefeed */
#price-feed h2 {
    margin-bottom:5px;
}
.price-feed-wrapper {
    max-width: 385px  !important;
    margin:50px auto 0;
    background-color:white;
    color:black;
    font-size:10px;
    line-height:10px;
    padding:10px !important;
    text-align:center;
    border:1px solid #00395d;
}

/* resources */
#resources-columns .wp-block-column:last-child .wp-block-group__inner-container {
    max-width:500px;
    margin:auto;
} 
#resources-columns h2 {
    font-size:26px;
    font-weight:600;
    color:#c40d3b;
    margin-bottom:30px;
}
#resources-columns .wp-block-buttons {
    

    margin-top:20px;
}
/* casestudy */
.callout {
    background: rgb(31,91,148);
    background: linear-gradient(42deg, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
    padding:40px;
    color:white;
}
.callout h2 {
    color:white;
    font-size: 22px;
    font-weight: 700;
    margin-top:30px;
}
.callout h2:first-child {
    margin-top:0;
}
.case-study-thumbnail {
    margin-bottom:50px;
}
.study-element {
    margin-top: 50px;
}
.study-element .wp-block-button {
    display:inline-block;
}


#addresses {
    justify-content: space-around
}
#addresses .wp-block-column {
    flex-basis: auto !important;
    flex-grow:0;
}
#addresses h3 {
    color:#c40d3b;
}
.page-template-renewables-page #addresses h3 {
    color:#7ac143;
}


.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    text-transform: uppercase;
    margin-bottom: 0px;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), select, textarea {
    background-color: transparent;
    border-radius:10px;
    border:1px solid #c2c2c2;
}
.gform_wrapper input[type="checkbox"] {
    background-color: transparent;
    border:1px solid #c2c2c2;
}
.gform_footer input[type="submit"] {
    border:none;
    display: block !important;
    margin:20px auto 0 !important;
}

.post-thumbnail {
    margin:20px 0;
}

.blog-sidebar {
    background-color: #eeeeee;
    color:#707070;
}
.blog-sidebar .widget {
    padding:10px 20px;
    margin: 0;
}
#text-6 {
    border-bottom:1px dotted #7c7c7c;
    padding:30px 20px;
    margin-bottom: 30px;
}
#text-6 p:last-child {
    margin-bottom: 0;
}
#text-5 .price-feed-wrapper {
    margin: 0 -10px;
}
.AjaxSearchLiteWidget h3 {
    margin: 0;
}
.AjaxSearchLiteWidget .proinput input {
    font-size: 14px !important;
}
.AjaxSearchLiteWidget .probox {
    padding: 5px 10px;
}
.mc4wp-form input[type="email"] {
    width:100%;
    border:none;
    padding: 5px 10px;
}
.mc4wp-form label {
    display: block;
    margin-bottom: 0;
}
.entry-meta {
    margin: 20px 0;
}
.tags-links {
    color:black;
    font-size:14px;
    font-weight: bold;
}
.tags-links a {
    color:black;
}
.tax-type {
    color:#c40d3b;
}
#author-meta {
    padding:30px 0;
    border-bottom: 1px solid #cbcbcb;
}
.about-author {
     margin-bottom:20px;
}
.about-author a {
    color: black;
}
.author-bio {
    display:flex;
}
.author-bio img {
    margin-right:20px;
}
.blog-disclaimer {
     margin-top:30px;
}
.widget_categories, .widget_tag_cloud, .Annual_Archive_Widget {
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.Annual_Archive_Widget {
    margin-bottom:30px !important;
}
.widget_categories ul, .widget_tag_cloud div, .Annual_Archive_Widget ul {
    display:none;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.widget_categories .nav-link {
    padding: 0;
}
.widget_categories .widget-title, .widget_tag_cloud .widget-title, .Annual_Archive_Widget .widget-title {
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
    margin:0;
    text-transform:none;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.widget_categories .widget-title:hover, .widget_tag_cloud .widget-title:hover, .Annual_Archive_Widget .widget-title:hover {
    cursor:pointer;
}
.widget_categories .widget-title::after, .widget_tag_cloud .widget-title::after, .Annual_Archive_Widget .widget-title::after {
    transition-property: color, transform;
    transition-duration: .5s;
    padding: 0 10px;
    font:normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    color: #bfbfbf;
    font-size:28px;
    margin-bottom: -5px;
}
.widget_categories .widget-title.active::after, .widget_tag_cloud .widget-title.active::after, .Annual_Archive_Widget .widget-title.active::after {
    color:#706f6f;
   transform: rotate(135deg); 
}
.women-in-trucking-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 992px) {
.women-in-trucking-icons > .wp-block-group__inner-container {
    width:100%;
}
.women-in-trucking-icons .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin-left: 10px;
}
}
.women-in-trucking-icons .wp-block-column {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #235f92;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
}
.women-in-trucking-icons p, .women-in-trucking-icons .wp-block-image {
    text-align:left !important;
    margin:0;
}
.women-in-trucking-icons .wp-block-image {
    min-width: 90px;
}
.women-in-trucking-icons figure {
    margin:0 20px 0 0 !important;
}
@media screen and (max-width: 991px) {
.women-in-trucking-icons .wp-block-column {
    font-size: 20px;
}
.women-in-trucking-icons figure {
   max-width: 50px;
}
}
@media screen and (max-width: 599px) {
.women-in-trucking-icons .wp-block-columns {
    margin-bottom: 0;
    max-width:280px;
}
.women-in-trucking-icons .wp-block-column {
    margin-bottom: 15px;
}
}
#women-in-trucking-form {
    background-image: url("images/women-in-trucking-background.png");
background-size: cover;
background-position: center;
}
#women-in-trucking-form h2 {
    font-size: 26px;
    line-height: 1.1em;
    color:white;
    font-weight:600;
    margin-bottom:0;
}
#women-in-trucking-form strong {
    font-weight:600;
}
#women-in-trucking-form .gform_footer input[type="submit"] {
    background-color: #00395d;
    margin: 20px 0 0 !important;
}

.pineapple {
    padding: 50px 0;
}
.no-menu-logo {
    padding: 20px;
    position:absolute;
    top:0;
    width:100%;
    text-align:center;
    z-index: 10;
}
.no-menu-logo img {
    min-width:220px;
    max-width: 270px;
}

.page-template-fleet-fuel-card-page #rmp_menu_trigger-46995, .page-template-fuel-card-page-without-header  #rmp_menu_trigger-46995 {
    display: none !important;
}
.fuel-card-home-callouts p {
    margin: 0;
}
.fuel-card-home-callouts.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin-left: 15px;
}
@media screen and (max-width: 781px) {
    .fuel-card-home-callouts-parent {
        margin-bottom: 0;
    }
    #main .fuel-card-home-callouts.wp-block-columns {      
        flex-wrap: nowrap !important;
    }
    #main .fuel-card-home-callouts.wp-block-columns > .wp-block-column {
      flex-basis: auto !important;
        flex-grow: 1;
    }
    #main .fuel-card-home-callouts.wp-block-columns > .wp-block-column:first-child {
      flex-basis: 70px !important;
        min-width: 70px;
    }
}
#fleet-card-case-studies .wp-block-columns h3 {
    color: #c40d3b;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 0;
}
#fleet-card-case-studies .wp-block-column {
  margin-top: 40px;
}
.page-template-fleet-fuel-card-page .sow-accordion-panel-header {
  font-weight: 500;
}
.fleet-card-quote img {
    margin-bottom:20px;
}
.fleet-card-quote span {
    display: block;
    color:#c40d3b;
    font-weight: 600;
    margin-top:10px;
    text-align: center !important;
}

.circle-numbers {
  counter-reset: line-number;
    list-style:none;
     display: flex;
    flex-direction: column;
    padding:0;
    margin:0;
    gap:15px;
}
.postid-51659 .circle-numbers {
  font-size:18px;
}
.postid-51659 .wp-block-column:last-child .circle-numbers {
  counter-reset: line-number 3;
}
.circle-numbers li {
  counter-increment: line-number;
    display: flex;
    align-content: center;
}
.circle-numbers li:before {
    content:counter(line-number);
    border:2px solid #c40d3b;
    border-radius:50%;
    display: flex;
    justify-content: center;
    line-height: 24px;
    color:#c40d3b;
    width:26px;
    min-width: 26px;
    height:26px;
    font-size: 18px;
    margin-right:15px;
    font-weight:700;
}

/* card comparison */
#card-comparison .wp-block-column {
    margin-top: 50px;
    background-color: white;
    padding:60px 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 15px 15px 25px 5px;
    border-radius:30px;
}


.checklist {
    max-width: 400px;
    margin: auto;
    list-style:none;
     display: flex;
    flex-direction: column;
    padding:0;
    gap:15px;
}
.checklist li {
    display: flex;
    align-content: center;
}
.checklist li:before {
    font:normal normal normal 12px/1 FontAwesome;
    text-rendering: optimizeLegibility;
    content:'\f00c';
    border:2px solid #3cc40d;
    border-radius:50%;
    display: flex;
    justify-content: center;
    line-height: 22px;
    color:#3cc40d;
    width:26px;
    min-width: 26px;
    height:26px;
    margin-right:15px;
    font-weight:700;
}
.wp-block-column:first-child .checklist li:nth-child(n+4):before {
    border:2px solid #c40d3b;
    color:#c40d3b;
    content: "\f00d";
}


#why-guttman h2  {
    color:#c40d3b;
}
#why-guttman p:last-child  {
    margin: 0;
}
#why-guttman.full-width-columns .wp-block-columns .wp-block-group, #analysis.full-width-columns > div > .wp-block-columns > div > .wp-block-group {
  max-width: 620px !important;
  padding-right: 150px;
  padding-left: 20px;
}
#benefits.full-width-columns > div > .wp-block-columns > div > .wp-block-group {
  padding-right: 50px;
  padding-left: 20px;
}
#why-guttman .row-reverse .wp-block-column:not(:last-child) {
  margin-left: 0;
    justify-content: flex-start;
}
#why-guttman.full-width-columns .row-reverse.wp-block-columns .wp-block-group {
  padding-right: 20px;
  padding-left: 150px;
}
#why-guttman .full-background-image {
  min-height: 300px;
}
@media screen and (max-width: 1350px) {
#why-guttman.full-width-columns .wp-block-columns .wp-block-group, #benefits.full-width-columns > div > .wp-block-columns > div > .wp-block-group, #analysis.full-width-columns > div > .wp-block-columns > div > .wp-block-group {
  padding-right: 20px;
}
#why-guttman.full-width-columns .row-reverse.wp-block-columns .wp-block-group {
  padding-left: 20px;
}
}

#what-is .wp-block-columns {
    margin-bottom:0;
}
.rounded-box {
    position:relative;
    padding: 0;
}
.rounded-box img {
    border-radius: 0 !important;
}
.rounded-box:before {
    content:'';
    display: block;
    border-radius: 20px;
    position:absolute;
    top:0px;
    bottom:0px;
    z-index:-1;
}
.rounded-box-left {
    margin-left: 50px;
    margin-bottom: 50px;
}
.rounded-box-left:before {
    background-color:#235f92;
     left:-50px;
    bottom:-50px;
    top:auto;
    width:180px;
    height: 180px;
}
.rounded-box-right {
    text-align: right;
    margin-right: 50px;
    margin-top: 50px;
}
.rounded-box-right:before {
    background-color:#c40d3b;
     right:-50px;
    top:-30px;
    width:135px;
    height: 135px;
}

@media screen and (max-width: 600px) {
.rounded-box-left {
    margin-left: 0;
    margin-bottom: 20px;
}
.rounded-box-right {
    margin-right: 0;
    margin-top: 0;
}
.rounded-box-left:before {
    bottom:-15px;
    left:-15px;
}
.rounded-box-right:before {
    right:-15px;
    top:-15px;
}
}
#card-benefits {
    position: relative;
    margin-top:50px;
    height:750px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#card-benefits h4 {
    text-transform: uppercase;
    font-weight: 700;
    color:black;
}
#card-benefits p {
    margin:0;
}
#card-benefits > .wp-block-group__inner-container {
    position: relative;
    margin-top:50px;
    height:750px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
     //background-image: url("images/normal.jpg");
    background-position: center;
}
#card-benefits .wp-block-columns {
    position: absolute;
     display: block;
     width:100%;
    top:0;
}
#card-benefits .wp-block-column {
    position: absolute;
    max-width:400px;
    min-height: 124px;
    margin: 0;
    padding-left: 134px;
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
#card-benefits .wp-block-column p, #card-benefits .wp-block-column h4 {
    transition-property: all;
    transition-duration: .5s;
    opacity: 0;
}
#card-benefits .wp-block-column:hover p, #card-benefits .wp-block-column:hover h4, #card-benefits .wp-block-column.active p, #card-benefits .wp-block-column.active h4  {
    opacity: 1;
}
#card-benefits .wp-block-column:nth-child(1) {
    top:25px;
    left:22.5%;
    background-image: url("images/ifa-reporting-inactive.png");
}
#card-benefits .wp-block-column:nth-child(2) {
    top:25px;
    left:calc(78% - 134px);
    background-image: url("images/convenience-inactive.png");
}
#card-benefits .wp-block-column:nth-child(3) {
    top:299px;
    left:74%;
    background-image: url("images/flexible-inactive.png");
}
#card-benefits .wp-block-column:nth-child(4) {
    top:620px;
    left:59.5%;
    background-image: url("images/account-safety-inactive.png");
}
#card-benefits .wp-block-column:nth-child(5) {
    padding-left: 0;
    padding-right: 134px;
    background-position: right center;
    text-align: right;
    top:610px;
    left:8%;
    background-image: url("images/unmatched-inactive.png");
}
#card-benefits .wp-block-column:nth-child(6) {
    padding-left: 0;
    padding-right: 134px;
    background-position: right center;
    text-align: right;
    top:290px;
    left:0;
    background-image: url("images/no-contracts-inactive.png");
    max-width:320px;
}
#card-benefits .wp-block-column:nth-child(1):hover, #card-benefits .wp-block-column.active:nth-child(1) {
    background-image: url("images/ifa-reporting-active.png");
}
#card-benefits .wp-block-column:nth-child(2):hover, #card-benefits .wp-block-column.active:nth-child(2) {
    background-image: url("images/convenience-active.png");
}
#card-benefits .wp-block-column:nth-child(3):hover, #card-benefits .wp-block-column.active:nth-child(3) {
    background-image: url("images/flexible-active.png");
}
#card-benefits .wp-block-column:nth-child(4):hover, #card-benefits .wp-block-column.active:nth-child(4) {
    background-image: url("images/account-safety-active.png");
}
#card-benefits .wp-block-column:nth-child(5):hover, #card-benefits .wp-block-column.active:nth-child(5) {
    background-image: url("images/unmatched-active.png");
}
#card-benefits .wp-block-column:nth-child(6):hover, #card-benefits .wp-block-column.active:nth-child(6) {
    background-image: url("images/no-fees-active.png");
}
#card-benefits .wp-block-column:nth-child(6):hover, #card-benefits .wp-block-column.active:nth-child(6) {
    background-image: url("images/no-contracts-active.png");
}
#card-benefits h4 {
    display: flex;
   align-items: center;
}
##card-benefits h4:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free"  !important; font-weight: 900;
  content:"\f04b" !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: #c40d3b !important;
    text-align: center;
    margin-left: 15px;
    border: 2px solid #c40d3b;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    padding:5px 5px 5px 7px;
}
.page-id-60572 #card-benefits h4:after {
  content:none !important;
}
@media screen and (max-width: 1200px) {
#card-benefits {
    margin-top: 0;
    height:auto;
}
#card-benefits > .wp-block-group__inner-container {
    margin-top: 0;
    display: block;
    height:auto;
}
#card-benefits .wp-block-columns {
    position: static;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap !important;
    gap:50px;
}
#card-benefits .wp-block-column {
    flex-grow: 1;
    position: static;
    min-width: 300px;
    max-width: none !important;
    padding-left: 134px !important;
    padding-right: 0 !important;
    background-position: left center !important;
    text-align: left !important;
}
#card-benefits .wp-block-column p, #card-benefits .wp-block-column h4 {
    opacity: 1;
}
    #card-benefits .wp-block-column:nth-child(1) {
    background-image: url("images/ifa-reporting-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(2) {
    background-image: url("images/convenience-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(3) {
    background-image: url("images/flexible-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(4) {
    background-image: url("images/account-safety-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(5) {
    background-image: url("images/unmatched-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(6) {
    background-image: url("images/no-fees-inactive.png") !important;
}
#card-benefits .wp-block-column:nth-child(7) {
    background-image: url("images/no-contracts-inactive.png") !important;
}
}
@media screen and (max-width: 600px) {
#card-benefits .wp-block-column {
    width: 100%;
    max-width: none !important;
    min-width: 0;
    padding-left:0 !important;
    padding-top: 144px;
    background-position: center top !important;
}

}
#blue-footer-form {
    background: rgb(68,46,129);
background: linear-gradient(90deg, rgba(68,46,129,1) 0%, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
}
#blue-footer-form h2 {
    font-size: 26px;
    line-height: 1.1em;
    color:white;
    font-weight:600;
    margin-bottom:30px;
}

#how-it-works .wp-block-columns {
  counter-reset: line-number;
}
#how-it-works .wp-block-column {
    counter-increment: line-number;
}
#how-it-works .wp-block-column:before {
    content:counter(line-number);
    font-family: 'Nunito Sans', sans-serif;
    color:white;
    font-size: 22px;
    background-color: #4a858e;
    line-height: 1.85em;
    border-radius:50%;
    width:1.75em;
    min-width: 1.75em;
    height:1.75em;
    font-weight:600;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

/*renewable tabs*/
#renewable-tabs h2 {
    font-size:26px;
    font-weight:600;
    color: #235f92;    
}
#renewable-tabs .wp-block-column:first-child .wp-block-group p {
    margin-bottom: 10px;
    margin-left: 20px;
}
#renewable-tabs .wp-block-column:first-child p a {
    font-size:26px;
    line-height:1.2em;
    font-weight:700;
    color:black;
    text-transform:uppercase;
    display:inline-block;
    text-decoration: none;
    border-bottom:1px solid transparent;
    opacity: .6;
}
#renewable-tabs .wp-block-column:first-child p a:hover, #renewable-tabs .wp-block-column:first-child p.active a {
    opacity: 1;
    text-decoration:none;
    border-bottom:1px solid black;
}
#renewable-tabs .wp-block-column:last-child .outer-group:not(.active) {
    display:none;
}
#renewable-tabs .wp-block-column:last-child .outer-group > .wp-block-group__inner-container {
    display:flex;
    flex-direction:row-reverse;
    justify-content: space between;
    align-items: center;
}
#renewable-tabs .wp-block-column:last-child .inner-group {
    display:block;
    max-width:50%;
    padding:60px 40px 40px;
    margin-right:-200px;
    background-color:#00395d;
    color:white;
    font-weight:300;
    position: relative;
    z-index: 5;
}
#renewable-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:100px;
}
#renewable-tabs .wp-block-column:last-child .inner-group p:first-child {
    display:block;
    position:relative;
}
#renewable-tabs .wp-block-column:last-child .inner-group p:first-child:before {
    content:"";
    position:absolute;
    height:5px;
    width:60px;
    background-color: #7ac143;
    top:-20px;
    left:0;
}
@media screen and (max-width: 991px) {
#renewable-tabs .wp-block-column:last-child .outer-group > .wp-block-group__inner-container {
    flex-direction:column-reverse;
}
#renewable-tabs .wp-block-column:last-child .inner-group {
    max-width:none;
    margin-right:0;
}
#renewable-tabs .wp-block-column:last-child .inner-group .wp-block-group__inner-container {
    min-height:0;
}
}
@media screen and (max-width: 600px) {
#renewable-tabs .wp-block-column:last-child {
    margin-top:20px;
}
}

.logo-list {
    margin: 0 20px;
}
.logo-list > .wp-block-column {
  flex-basis:auto !important;
    width: auto;
}


.carousel-buttons  {
    display: flex;
    justify-content: center;
    gap:20px;
    margin-top: 40px;
}
.carousel-buttons > div, #rev_slider_13_1_wrapper .custom.tparrows  {
    transition-property: all;
    transition-duration: .5s;
    height:50px !important;
    width:50px !important;
    border: 1px solid black;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent !important;
}
.carousel-buttons > div:hover, #rev_slider_13_1_wrapper .custom.tparrows:hover {
    background-color: black !important;
}
.carousel-buttons > div:after, #rev_slider_13_1_wrapper .custom.tparrows::before {
    font-family: "Font Awesome 5 Free"  !important; font-weight: 900;
  content:"\f060" !important;
    font-size: 20px !important;
    color: #000 !important;
}
.carousel-buttons > div:hover:after, #rev_slider_13_1_wrapper .custom.tparrows:hover::before {
    color: #fff !important;
}
.carousel-buttons > div:last-child:after, #rev_slider_13_1_wrapper .custom.tparrows.tp-rightarrow::before {
  content:"\f061" !important;
}
.carousel-buttons-white > div, #rev_slider_13_1_wrapper .custom.tparrows  {
    border: 1px solid white;
}
.carousel-buttons-white > div:hover, #rev_slider_13_1_wrapper .custom.tparrows:hover {
    background-color: white !important;
}
.carousel-buttons-white > div:after, #rev_slider_13_1_wrapper .custom.tparrows::before {
    color: #fff !important;
}.carousel-buttons-white > div:hover:after, #rev_slider_13_1_wrapper .custom.tparrows:hover::before {
    color: #000 !important;
}

.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}
@media screen and (min-width: 1269px) {
.slick-list {
  overflow: visible !important;
   //clip-path: inset( -100vw -100vw -100vw 0 );
}
}
.slick-offset-benefits, .slick-renewable-projects {
    margin:50px -10px 0;
}
.slick-offset-benefit {
    margin:0 20px;
    color:white;
    font-weight: 700;
    line-height: 1.2em;
    background-color: #7ac143;
    padding:20px;
}
.slick-offset-benefit img {
    margin-bottom: 50px;
}

.slick-renewable-project {
    margin:0 20px;
    line-height: 1.2em;
    background-color: white;
}
.slick-renewable-project-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column; 
}
.slick-renewable-project .attachment-project-image {
    width: 100%;
}
.slick-renewable-project-info {
    padding:20px;
    flex-grow:1;
    display: flex;
    flex-direction: column;
}
.project-logo {
    flex-grow:1;
    display: flex;
    align-items: flex-end;
}
.slick-renewable-project h3 {
  color: #7ac143;
  font-size: 22px;
  margin-bottom: 0;
  letter-spacing: 0;
}


#carbon-emissions-calculator h3, #carbon-offsets-calculator h3 {
    color: white;
    margin-bottom: 0;
    
}
.form-subtitle {
    font-size: 22px;
    font-weight: 600;
}
.emissions-calculator {
    display: flex;
    flex-direction: column;
    gap:20px;
}
.page-id-52577 .emissions-calculator {
    display: none;
}
.emissions-calculator label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
  padding: 0;
    text-transform: uppercase;
}
.emissions-calculator .smaller {
    font-size: 14px;
    text-transform: none;
}
.emissions-calculator input, .emissions-calculator select {
    width: 100%;
    background-color: transparent;
border-radius: 10px;
border: 1px solid #c2c2c2;
    font-size: 15px;
padding: 8px;
margin-bottom: 0;
margin-top: 0;
}
.page-id-52577 .emissions-calculator input, .page-id-52577 .emissions-calculator select {
    color:white;
}
.page-id-52577 .emissions-calculator select option {
    color:black;
}
.emissions-calculator input:disabled {
    background-color: rgba(255,255,255,0.10);
}
.calculator-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap:50px;
}
.calculator-input {
    flex-basis: 33%;
    display: flex;
    flex-direction: column;
}
.emissions-total {
    border: 1px solid #345d7b;
    padding: 50px;
    margin-top: 20px;
    margin-right:-50px;
    margin-left:auto;
    min-width: calc(66% + 50px);
}
.page-id-52577 .emissions-total {
    border: none;
    padding: 10px 0 0 0;
    margin-right:0px;
}
.emissions-total .calculator-row {
    align-items: flex-start;
    gap:10px;
}
.emissions-total label {
    margin-top: 10px;
    margin-bottom: 0;
}
.emissions-total .calculator-input {
    flex-basis: 50%;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.emissions-calculator.disabled, #print-your-report.disabled a {
    opacity: .7;
}
.emissions-calculator.disabled a, .emissions-calculator.disabled input, .emissions-calculator.disabled select, #print-your-report.disabled a {
    pointer-events: none;
}
.emissions-calculator.disabled select {
    background-color: rgba(255,255,255,0.10);
}
@media screen and (max-width: 1200px) {
.page-id-52577 .calculator-row {
        gap:5px;
    }
.page-id-52577 .emissions-calculator label {
  font-size: 12px;
}
.page-id-52577 .emissions-calculator .smaller {
    font-size: 10px;
}
}
@media screen and (max-width: 780px) {
    .calculator-row {
        gap:5px;
    }
    .emissions-calculator label {
  font-size: 12px;
}
.emissions-calculator .smaller {
    font-size: 10px;
}
}
.phone-icon {
    display:flex;
    align-items: center;
    color:#c40d3b;
    font-size: 1.2em;
    font-weight: 600;
}
.white-box .phone-icon {
    justify-content: center;
    color:black;
    margin: 0;
}
.phone-icon:before {
    display: block;
    content: "";
    height:75px;
    width:75px;
    background-image: url("images/red-phone-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}
.sg-popup-id-50924:hover {
    cursor: pointer;
}
.circle-numbers {
  counter-reset: line-number;
    list-style:none;
     display: flex;
    flex-direction: column;
    gap:10px;
}
.circle-numbers li {
  counter-increment: line-number;
    display: flex;
    align-content: center;
}
.circle-numbers li:before {
    content:counter(line-number);
    border:2px solid #c40d3b;
    border-radius:50%;
    width:1.5em;
    min-width: 1.5em;
    height:1.5em;
     font-size: .9em;
    line-height: 1.3em;
    font-weight:700;
    margin-right:10px;
    display: flex;
    justify-content: center;
}
.amazon {
    max-width: none !important;
    padding: 0 !important;
}
.amazon figure {
    padding-right: 20px
}
.amazon .wp-block-group__inner-container {
    -webkit-box-shadow: 5px 5px 20px 6px rgba(0,0,0,0.2); 
box-shadow: 5px 5px 20px 6px rgba(0,0,0,0.2);
    border-radius: 30px;
    padding: 25px;
}
.postid-51659 .image-background {
  font-size: 22px;
}
.postid-51659 .image-background h2 {
    font-size: 26px;
    margin-bottom: 0;
}
.white-box {
    margin-top: 40px;
    background-color: white;
    padding:40px 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 15px 15px 25px 5px;
    border-radius:30px;
}
.white-box .wp-block-group__inner-container {
    margin: auto;
    max-width: 650px;
}

/* woocommerce */
.woocommerce .form-row {
  display: block;
}
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
    margin-bottom: 30px;
}
#billing_state_field, #billing_phone_field {
    float: left;
    width: 47%;
    overflow: visible;
    clear: none;
}

#billing_postcode_field, #billing_email_field {
    clear: none;
    float: right;
    width: 47%;
    overflow: visible;
}

#customer_details {
    width: 48% !important;
    float:left;
}
#order_review, #order_review_heading {
     clear: none;
    margin-top:0;
    width: 50% !important;
    float:right; 
}

@media screen and (max-width: 700px) {
    #customer_details {
        width: 100% !important;
    }
    #order_review, #order_review_heading {
        width: 100% !important;
    }
    #billing_state_field, #billing_phone_field {
        width: 100%;
        clear: both;
    }

    #billing_postcode_field, #billing_email_field {
         width: 100%;
        clear: both;
    }
}

.renewable-phone-icon, .renewable-email-icon {
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: 600;
    margin: auto;
}
#carbon-offsets-calculator .renewable-phone-icon, #carbon-offsets-calculator .renewable-email-icon {
    font-weight: 700;
}
#carbon-offsets-calculator .emissions-total {
  border: none;
}
@media screen and (max-width: 780px) {
#carbon-offsets-calculator .emissions-total {
  padding: 0;
    margin-right: 0;
}
}
.step-header  {
    margin-bottom: 40px;
}
.step-header > .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    gap:30px;
}
#carbon-offsets-calculator .wp-block-button__link {
    border:none;
  background-color: #4a868f;
}
.price-adjustment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:30px;
    margin:50px 0;
}
.price-adjustment span {
   font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.price-adjustment p {
    margin:0;
}
.price-adjustment a {
   color:white;
    font-weight: 700;
    border:1px solid #3f6c91;
    border-radius: 10px;
    padding: 10px 20px;
}
.price-adjustment a:hover, .price-adjustment a.active {
   text-decoration: none;
    background-color: rgba(255,255,255,0.10);
}
.price-adjustment a:last-child {
   display:none;
}
@media screen and (max-width: 780px) {
.price-adjustment {
    flex-wrap: wrap;
}
.price-adjustment p {
   width:100%;
}
}
.offset-checkout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:10px;
}
#carbon-offsets-calculator input[type="submit"] {
    width: auto;
    border: none;
    background-color: #4a868f;
    color: #fff;
border-radius: 28px;
font-size: 14px;
font-weight: 700;
padding: 12px 24px;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.renewable-phone-icon:before, .renewable-email-icon:before {
    display: block;
    content: "";
    height:60px;
    width:60px;
    background-image: url("images/phone-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}
.renewable-email-icon:before {
    background-image: url("images/renew-email-icon.png");
}
#carbon-offsets-calculator .renewable-phone-icon:before {
    background-image: url("images/renew-phone-icon.png");
}
#carbon-offsets-calculator .wp-block-separator {
  border-bottom: 2px solid #8faac0;
  max-width: 1030px;
margin: 100px auto;
}
@media screen and (max-width: 780px) {
#carbon-offsets-calculator .wp-block-separator {
    margin: 50px auto;
}
}
.step-header  {
    margin-bottom: 40px;
}
.step-header > .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    gap:30px;
}
@media screen and (min-width: 780px) {
#step-1  > .wp-block-group__inner-container .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    gap:30px;
}
}
.step-header h3 {
    font-size:45px;
    line-height: 45px;
    border:2px solid white;
    border-radius: 100%;
    background-color: #4a7aa6;
    width:75px;
    min-width: 75px;
    height:75px;
    text-align: center;
    padding:15px;
}
.step-header p {
    margin:0;
}
.step-header .form-subtitle {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}
.fuel-card-background {
     background-image: url("images/fuel-card-background.png");
    background-size:cover;
    background-position:center center;
}
.move-box-up {
    padding: 0 20px 70px;
}
.move-box-up > .wp-block-group__inner-container {
    position: relative;
    top:-70px;
    background-color: white;
    padding: 100px;
}
@media screen and (max-width: 780px) {
    .move-box-up {
    padding: 0;
}
.move-box-up > .wp-block-group__inner-container  {
    top:0;
    padding: 50px;
}
}
#main .free-fuel-analysis-landing-column {
    position: relative;
    padding-bottom: calc(70vh + 100px) !important;
    background-image: url("images/circle-background.png");
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 70vh);
}
.free-fuel-analysis-landing-column h2 {
    margin-left: -45px;
    margin-right: -45px;
}
@media screen and (max-width: 1450px) {
.free-fuel-analysis-landing-column h2 {
    margin-left: 0;
    margin-right: 0;
}
}
.free-fuel-analysis-landing-column:after {
    display: block;
    content: "";
    background-image: url("images/energy-fuel-consultant.webp");
    background-size:cover;
    background-position:center center;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    height:70vh;
}
.double-column-alt.clean-background .wp-block-column:last-child {
    background-image: none;
background: rgb(68,46,129);
background: linear-gradient(90deg, rgba(68,46,129,1) 0%, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
}
.double-column-alt.gray-background .wp-block-column:last-child {
    background-image: none;
    background-color: #f2f2f2;
    color:black;
}
.double-column-alt.gray-background .wp-block-column:last-child a {
  color: black;
}
.double-column-alt.gray-background .wp-block-column:last-child h2 {
    color:#235f92;
}
.page-id-53646 header.entry-header .header-wrapper, .page-id-56214 header.entry-header .header-wrapper, .page-id-57261 header.entry-header .header-wrapper {
     display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.page-id-53646 header.entry-header .header-wrapper:after, .page-id-56214 header.entry-header .header-wrapper:after, .page-id-57261 header.entry-header .header-wrapper:after {
     display: block;
    content: "";
    background-image: url("images/fleet-fuel-card-header.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    text-align: left;
    position: relative;
    min-height: 350px;
    min-width:29vw;
}
.page-id-56214 #main .gform_wrapper .gfield_required, .page-id-57261 #main .gform_wrapper .gfield_required {
    color:#c40d3b;
}
.page-id-56214 #main .gform_wrapper input, .page-id-57261 #main .gform_wrapper input {
    color:black;
}
.page-id-57261 .double-column-alt .wp-block-column:first-child {
  min-height: 0;
}
.page-id-57261.page-template-fleet-fuel-card-page header.entry-header.no-menu {
  min-height: 58vh;
}
@media screen and (max-width: 780px) {
.page-id-53646 header.entry-header .header-wrapper, .page-id-56214 header.entry-header .header-wrapper, .page-id-57261 header.entry-header .header-wrapper {
    text-align: center;
    flex-direction: column;
}
.page-id-53646 header.entry-header .header-wrapper:after, .page-id-56214 header.entry-header .header-wrapper:after, .page-id-57261 header.entry-header .header-wrapper:after {
    min-height: 25vh;
    background-position: center;
    min-width:0;
    width:100%;
}
}

#accepted-at-over, #unlimited-number {
    margin-top: 150px;
    font-size:26px;
    font-weight: 600;
    color:#235f92;
    text-transform: uppercase;
}
#unlimited-number {
    margin: 40px 0 !important;
}
#unlimited-number > .wp-block-group__inner-container {
    max-width: 350px;
    margin: auto;
}
#accepted-at-over strong, #unlimited-number strong {
    font-size:70px;
    line-height: 1.1em;
    font-weight: 700;
    color: #c40d3b;  
}
#unlimited-number > .wp-block-group__inner-container .wp-block-group__inner-container {
    font-size: 18px;
    font-weight: 700;
         color: #c40d3b; 
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-transform: none;
}
#unlimited-number > .wp-block-group__inner-container .wp-block-group__inner-container p:last-child {
    margin-bottom: 20px;
}
#accepted-at-over p, #unlimited-number p {
    margin-bottom: 10px; 
}
#accepted-at-over p:last-child, #unlimited-number p:last-child {
    margin-bottom: 0; 
}
.map-column {
    position: relative;
}
.map-column:after {
    display: block;
    content: "";
    background-image: url("images/map-background.png");
    background-size:auto 100% ;
    background-repeat: no-repeat;
    background-position:center left;
    position: absolute;
    top:350px;
    bottom: 0;
    left:0;
    right:0;
    z-index: -1;
}
@media screen and (max-width: 780px) {
#accepted-at-over, #unlimited-number {
    margin-top: 50px;
}
}
/* about */
.blue {
    color: #236094;
}
.radius img {
  border-radius: 12px;
}
@media (min-width: 1200px) {
#mission-image-1 {
    position: relative;
    left:70px;
    margin-top: 30px;
    margin-bottom: 0;
}
#mission-image-2 {
    margin-top: 200px;
     margin-bottom: 0;
}
#mission-image-2 img {
     margin-bottom: 0;
}
#vision-image-1 {
    margin-top: 90px;
     margin-bottom: 30px;
}
#vision-image-2 {
    margin-top: 80px;
     margin-bottom: 0;
}
}

#fueling-intelligence {
    background-image:url("images/eo-watermark.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: 0 auto;
    padding: 140px 0;
}
@media screen and (max-width: 780px) {
#fueling-intelligence {
    background-size: contain;
    padding: 50px 0;
}
}
#fleet-fuel-card.full-width-columns .wp-block-columns .wp-block-group {
   max-width:680px !important;
  margin-right: 20px;
} 
#fleet-fuel-card .shadow-box {
    display: block;
    padding: 50px;
    border-radius: 35px;
    line-height: 1.75em;
} 
#fleet-fuel-card .shadow-box em {
    font-style: normal;
    color: #c40d3b;
}
#fleet-fuel-card .full-background-image {
  min-height: 300px;
}
@media screen and (max-width: 980px) {
#fleet-fuel-card.full-width-columns .wp-block-columns .wp-block-group {
  margin-right: auto;
} 
}

/* fuelsite changes */
#are-you-getting {
     background-image:url("images/are-you-getting-background.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.horizontal-ciircle-list {
    counter-reset: line-number;
    list-style: none;
    padding: 0;
    margin:30px 0 0;
    display: flex;
    justify-content: space-between;
    gap:20px;
}
.horizontal-ciircle-list li {
    counter-increment: line-number;
    font-weight: 700;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.horizontal-ciircle-list li:before {
    content:counter(line-number);
    border:2px solid #c40d3b;
    border-radius:50%;
    display: flex;
    justify-content: center;
    line-height: 24px;
    color:#c40d3b;
    width:26px;
    min-width: 26px;
    height:26px;
    font-size: 18px;
    margin-bottom:10px;
    font-weight:700;
}
@media screen and (max-width: 780px) {
.horizontal-ciircle-list {
    flex-direction: column;
} 
}
@media screen and (max-width: 780px) {
#service-region-list {
    gap:0;
}
#service-region-list ul {
    margin:0;
}
}
/* tabs */
.tabs figure {
    margin-bottom: 10px;
}
.tabs .wp-block-column .wp-block-group {
    text-align: center;
    cursor: pointer;
}
.tabs .wp-block-column .wp-block-group h3 {
    font-size: 18px;
    color:black;
    display: inline-block;
    border-bottom:2px solid transparent;
}
.tabs .wp-block-column .wp-block-group.active h3 {
    border-bottom:2px solid #c40d3b;
}
.tabs .tab-content p {
    display: none;
}
.tabs .tab-content p.active {
    display: block;
}
@media (max-width: 781px) {
.tabs .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: 40% !important;
}
.tabs .wp-block-columns {
    gap:5px !important;
}
.tabs .wp-block-columns h3 {
    font-size: .75em;
}
}
.bio-display-new {
     visibility: hidden;
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
    z-index: 100000;
    padding-top: 10vh;
}
.bio-display-overlay {
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,0.40);
}
.bio-display-wrapper-new {
    position: relative;
    z-index: 2;
    border-radius: 7px !important;
min-width: 250px;
max-height: 80vh;
max-width: 600px;
padding: 12px;
width: auto;
background-color: white;
box-shadow: rgb(204, 204, 204) 0px 0px 8px 4px;
overflow: auto;
   margin: auto;
}

.bio-display-new.show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.bio-display-wrapper-wrapper-new {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 600px) {
.bio-display-wrapper-wrapper-new {
    flex-direction: column;
}
    .bio-popup-image {
    flex-basis:auto;
}
.bio-popup-info {
    flex-basis:auto;
}
    .bio-display-wrapper-new {
min-width: 90%;
        width: 90%;
}
}
.close {
    cursor: pointer;
}

/*service region*/
#our-service-regions {
    margin-top: 100px;
    padding-top: 500px;
    position: relative;
    max-width: 1295px;
}
#our-service-regions > .wp-block-group__inner-container {
    margin: 100px auto;
}
#our-service-regions:before {
    display: block;
    content: "";
    width:100%;
    height:100%;
    background-image: url("images/us-map-2024.svg");
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top:0;
    right:200px;
    z-index: -1;
}
#our-service-regions h2 {
    max-width: 200px;
    margin-left: auto !important;
    margin-right: 0 !important;
    font-weight: 600;
color: #236094;
}
#our-service-regions .wp-block-columns {
    flex-wrap: nowrap !important;
}
@media (max-width: 1400px) {
#our-service-regions:before {
    right:0px;
}
}
@media (max-width: 768px) {
#our-service-regions {
    margin-top: 50px;
}
#our-service-regions > .wp-block-group__inner-container {
    margin: 50px auto;
}
#our-service-regions:before {
    opacity: .3;
}
#our-service-regions h2 {
    text-align:center; 
    max-width: none;
    margin-right: auto !important;
}
#our-service-regions {
    padding-top: 200px;
}
#our-service-regions:before {
    background-size: 120%;
    right:100px;
}
#our-service-regions .wp-block-columns p {
    margin-bottom: 0;
}
#our-service-regions .wp-block-spacer {
    display: none;
}
}
@media (max-width: 768px) {
.mobile-hide {
    display: none !important;
}
}
@media (min-width: 769px) {
.desktop-hide {
   display: none !important; 
}
}

/*new pages*/
#work-with-us rs-slide iframe {
  pointer-events: none;
}
#work-with-us rs-slide[data-isactiveslide="true"] iframe {
  pointer-events: all;
}

/*openings area*/
.opening-element {
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    padding: 25px 0;
}
.opening-element:last-child {
    border-bottom: 1px solid #e0e0e0;
}
.opening-element h3 {
    font-size:22px;
    color: #c40d3b;
    margin: 0;
    flex-basis: 75%;
}
.opening-element .wp-block-button {
    min-width: 120px;
}

/*careers page*/
#what-it-means {
    background: rgb(31,91,148);
    background: linear-gradient(42deg, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
    color:white;
}
#what-it-means h2, #what-it-means.tabs .wp-block-column .wp-block-group h3 {
    color:white;
}
#what-it-means.tabs figure {
    border-radius: 50%;
  border: 1px solid white;
    padding: 10px;
}
#message-from-ceo .row-reverse .wp-block-column:not(:last-child) figure {
    float: right !important;
  }
@media (max-width: 768px) {
.position-images .wp-block-image:first-child {
    right:35px;
}
.position-images .wp-block-image:last-child {
    left:35px; 
}
}
.position-images {
   position: relative; 
    overflow: hidden;
}
.position-images .wp-block-image {
    position: relative; 
}
.position-images .wp-block-image:first-child {
    margin-top: -70px;
    top:70px;
    right:70px;
    z-index: 1;
}
.position-images .wp-block-image:last-child {
    margin-bottom: -70px;
    bottom:70px;
    left:70px; 
}
@media (max-width: 768px) {
.position-images .wp-block-image:first-child {
    right:35px;
}
.position-images .wp-block-image:last-child {
    left:35px; 
}
}

/*discover-fuel-card*/
#discover-fuel-card  {
    background: rgb(31,91,148);
    background: linear-gradient(42deg, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
    padding: 100px 0;
    color:white;
    font-size: 22px;
    text-transform: uppercase;
}
#discover-fuel-card .wp-block-columns {
    margin-bottom: 0;
}
#discover-fuel-card h2 {
    color:white;
    font-weight: 600;
    font-size: 50px;
    margin-bottom: 50px;
}
#discover-fuel-card .wp-block-image {
    margin-bottom: 0;
}
#discover-fuel-card ul {
   list-style: none;
    padding: 0;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 300;
    display:flex;
    flex-direction: column;
    gap:30px;
}
#discover-fuel-card li {
   display:flex;
    align-items: center;
    gap:20px;
    
}
#discover-fuel-card li:before {
    display: block;
   content:"";
    background-image: url("https://www.guttmanenergy.com/wp-content/uploads/2022/01/icon-no-fees-small.png");
    height:50px;
    width:60px;
    min-width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;   
}
#discover-fuel-card li:nth-child(2):before, #discover-fuel-card li:nth-child(4):before {
    background-image: url("https://www.guttmanenergy.com/wp-content/uploads/2022/01/icon-no-contracts-small.png");
}
#discover-fuel-card li:nth-child(3):before {
    background-image: url("https://www.guttmanenergy.com/wp-content/uploads/2022/01/icon-customizable-small.png");
}
#discover-fuel-card li:nth-child(5):before {
    background-image: url("https://www.guttmanenergy.com/wp-content/uploads/2022/01/icon-always-accessible-small.png");
}
@media screen and (max-width: 780px) {
#discover-fuel-card {
    padding: 50px 0;
}
#discover-fuel-card h2 {
    font-size: 26px;
}
}
@media screen and (max-width: 780px) {
#discover-fuel-card ul {
    font-size: 20px;
}
#discover-fuel-card li:before {
    height:25px;
    width:30px;
    min-width:30px;
}
}

/*new employee landing*/
.new-employee-contact .wp-block-columns {
    margin-bottom: 0;
    gap:75px;
}
.new-employee-contact .wp-block-column:first-child  .shadow-box {
    padding: 50px;
}
.new-employee-contact .wp-block-column:first-child  .shadow-box img {
    border-radius: 15px;
    margin-bottom: 30px;
}
.new-employee-contact .wp-block-column:first-child  .shadow-box strong {
    color:#c40d3c;
    font-size:1.2em;
    text-transform: uppercase;
}
.new-employee-contact .wp-block-column:first-child  .shadow-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
     display:flex;
    flex-direction: column;
    gap:15px;
}
.new-employee-contact .wp-block-column:first-child  .shadow-box ul li {
   display:flex;
    align-items: center;
    gap:20px;
    
}
.new-employee-contact .wp-block-column:first-child  .shadow-box ul li:before {
    display: block;
   content:"";
    background-image:url("images/icon-blue-mail.png");
    height:80px;
    width:80px;
    min-width: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;   
}
.new-employee-contact .wp-block-column:first-child  .shadow-box ul li:nth-child(2):before {
    background-image:url("images/icon-blue-phone.png");
}
.new-employee-contact .gform_heading {
    display: none;
}
.new-employee-contact .gform_footer input[type="submit"]
{
  margin: 15px 0 0 !important;
}
.new-employee-contact .gform_confirmation_message {
    font-size: 1.5em;
}
@media screen and (max-width: 1000px) {
.new-employee-contact .wp-block-columns {
    gap:35px;
}
    .new-employee-contact .wp-block-column:first-child  .shadow-box {
    padding: 20px;
}
    .new-employee-contact .wp-block-column:first-child  .shadow-box ul li {
    gap:10px;
    
}
.new-employee-contact .wp-block-column:first-child  .shadow-box ul li:before {
    height:40px;
    width:40px;
    min-width: 40px;  
}
}
#summer-savings {
    background-image: url("images/summer-savings-background.webp");
    background-size: cover;
    background-position: center;
    color:white;
    padding-top: 35px;
}
#summer-savings a, #summer-savings input, #summer-savings textarea  {
    color:white;
}
#summer-savings .wp-block-columns {
    margin: 0;
}
#summer-savings h1 {
   color:white;
    font-size: 60px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#summer-savings h2 {
   color:white;
     font-size: 26px;
    font-weight: 600;
}
#summer-savings .subtitle {
   font-size: 30px;
    font-weight: 700;
    margin-bottom:60px;
}
#summer-savings .subtitle:after {
   display:block;
    content:"";
    background-color: #c40d3b;
    height:8px;
    width:100%;
    max-width: 215px;
    margin: auto;
    margin-top: 40px;
}
#summer-savings .wp-block-column:first-child  {
    display: flex;
    flex-direction: column;
}
#summer-savings .wp-block-column figure  {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0;
}
#summer-savings .wp-block-column:last-child figure img  {
    margin: auto;
}
#summer-savings .wp-block-column > ul {
    padding:0;
    list-style: none;
}
#summer-savings .wp-block-column > ul strong {
    text-decoration: underline;
}
#summer-savings .wp-block-column > ul ul {
    padding-left:60px;
    list-style: disc;
}
#summer-savings .wp-block-column > ul > li {
    overflow: hidden;
    margin-bottom: 20px;
}
#summer-savings .wp-block-column > ul > li li {
    margin-top: 20px;
}
#summer-savings .wp-block-column > ul > li:before {
    display: block;
    float:left;
    font-family: "Font Awesome 5 Free"  !important; font-weight: 900;
  content:"\f00c";
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    background-color: #c61440;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding:8px 5px 8px 5px;
}
#summer-savings .gform_wrapper.gravity-theme .gfield_required {
  color: #fff;
}
#summer-savings .gform_footer input[type="submit"] {
  background-color: #c40d3b !important;
}
#summer-savings .gform_footer input[type="submit"]:hover {
  background-color: #004fa2 !important;
}
@media screen and (max-width: 780px) {
#summer-savings h1 {
    font-size: 40px;
}
    #summer-savings .wp-block-columns {
    flex-direction: column-reverse;
}
}
.parent-pageid-48593 .full-background-image {
    background-position: center 35% !important;
}
.page-id-56848 .entry-content, .page-id-48593 .entry-content {
    position: relative;
    z-index: 100;
}
.page-id-56848 header.entry-header, .page-id-48593 header.entry-header, .page-id-59615 header.entry-header, .page-id-60389 header.entry-header  {
  text-align: left;
}
.page-id-56848 header.entry-header .header-wrapper, .page-id-48593 header.entry-header .header-wrapper, .page-id-58715 header.entry-header .header-wrapper, .page-id-59615 header.entry-header .header-wrapper, .page-id-60389 header.entry-header .header-wrapper, .page-template-fleet-fuelgood-card-page header.entry-header .header-wrapper {
    width:100%;
}
@media screen and (min-width: 1100px) {
    #cards-overlay {
        position: relative;
    }
     #cards-overlay figure {
         margin: 0;
          width:150%;
         max-width: 836px;
    aspect-ratio: 1 / 1.136;
    position: absolute;
    bottom:-35px;
    right:-25%;
    }
}
.page-id-56848 header.entry-header .header-wrapper > div, .page-id-48593 header.entry-header .header-wrapper > div, .page-id-59615 header.entry-header .header-wrapper > div, .page-id-60389 header.entry-header .header-wrapper > div {
      padding-top: 75px;
    padding-bottom: 75px;
    max-width: 800px;
}
@media screen and (max-width: 780px) {
.page-id-59615 header.entry-header .header-wrapper > div, .page-id-60389 header.entry-header .header-wrapper > div {
    padding-bottom: 0;
}
}
.page-id-56848 header.entry-header .banner-content, .page-id-48593 header.entry-header .banner-content, .page-id-59615 header.entry-header .banner-content, .page-id-60389 header.entry-header .banner-content {
  margin-top: 25px;
  max-width:350px;
    line-height: 1.25em;
}
.page-id-56848 header.entry-header .banner-content strong, .page-id-48593 header.entry-header .banner-content strong {
  font-size:1.25em;
}
.page-id-58715 header.entry-header .banner-content, .page-template-fleet-fuelgood-card-page header.entry-header .banner-content {
  max-width:800px;
    display: block;
}
.page-id-58715 header.entry-header p, .page-template-fleet-fuelgood-card-page  header.entry-header p {
  max-width:490px;
    font-size: 25px;
    line-height: 1.25em;
}
#best-for  {
    position: relative;
    z-index: 10;
}
#best-for > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    text-transform: uppercase;
}
#best-for p {
    margin:0;
}
.fading-list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 26px;
    color:#235f92;
    font-weight: 500;
    text-decoration: underline !important;
}
.fading-list li:not(:nth-child(4)) {
    position: absolute;
    top:0;
    left:0;
    right:0;
    text-decoration: underline !important;
}
@media screen and (max-width: 1000px) {
    #best-for > div {
    flex-direction: column;
}
}
.fading-list li {
animation: fadeinout 20s;
    animation-iteration-count: infinite !important;
}
@media screen and (max-width: 1000px) {
.fading-list li {
     text-align: center;
}
}
.fading-list li:nth-child(2) {
animation: fadeinout2 20s;
}
.fading-list li:nth-child(3) {
animation: fadeinout3 20s;
}
.fading-list li:nth-child(4) {
animation: fadeinout4 20s;
}
.fading-list li:nth-child(5) {
animation: fadeinout5 20s;
}

@keyframes fadeinout {
  0%,22.5%,100% { opacity: 0; }
  5%,20% { opacity: 1; }
}
@keyframes fadeinout2 {
  0%,22.5%,42.5%,100% { opacity: 0; }
  25%,40% { opacity: 1; }
}
@keyframes fadeinout3 {
  0%,42.5%,62.5%,100% { opacity: 0; }
  45%,60% { opacity: 1; }
}
@keyframes fadeinout4 {
  0%,62.5%,82.5%,100% { opacity: 0; }
  65%,80% { opacity: 1; }
}
@keyframes fadeinout5 {
  82.5%,0%,100% { opacity: 0; }
  85%,97.5% { opacity: 1; }
}

.page-id-57384 header.entry-header {
  min-height: 55vh !important;
}
.page-id-57384 .banner-content {
  margin-top: 15px;
  font-size: 26px;
text-transform: uppercase;
}
.page-id-57384 h1.entry-title {
  max-width: 900px;
    margin: auto;
}
#summit-efficiency h2 {
    font-size: 4em;
    font-weight: 600;
}
#summit-efficiency img, #summit-efficiency figure, #summit-efficiency .wp-block-columns,  #summit-efficiency .shadow-box p {
    margin: auto;
}
#summit-efficiency .shadow-box {
  padding: 0 40px;
    font-size:1.2em;
}
.page-id-57384 #women-in-trucking-form {
  background: linear-gradient(90deg, rgba(68,46,129,1) 0%, rgba(31,91,148,1) 0%, rgba(0,52,89,1) 100%);
}
.page-id-57384 #women-in-trucking-form .shadow-box {
  color:black;
    font-weight: 600;
    font-size:1.2em;
    padding:50px;
    max-width: 560px;
}
.page-id-57384 #women-in-trucking-form .shadow-box a {
  color:black;
}
.page-id-57384 #women-in-trucking-form h2 {
  font-size:3.5em;
}
.page-id-57384 #women-in-trucking-form .shadow-box h3 {
  color:#c40d3c;
    margin: 0;
}
.page-id-57384 #women-in-trucking-form .shadow-box img {
  border-radius: 20px;
    margin-bottom: 30px;
}
.page-id-57384 #women-in-trucking-form .email, .page-id-57384 #women-in-trucking-form .phone {
   display:flex;
    align-items: center;
    gap:20px; 
}
.page-id-57384 #women-in-trucking-form .email:before, .page-id-57384 #women-in-trucking-form .phone:before {
    display: block;
   content:"";
    background-image:url("images/icon-blue-mail.png");
    height:80px;
    width:80px;
    min-width: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;   
}
.page-id-57384 #women-in-trucking-form .phone:before {
    background-image:url("images/icon-blue-phone.png");
}
.operation-map {
    background-image: url("images/operations-map.svg");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    min-width: 300px;
    aspect-ratio: 1 / .75;
    position: relative;
    max-width: 500px;
}
.operation-dot {
    position: absolute;
    width:2.65%;
    aspect-ratio: 1 / 1;
    cursor: pointer;
}
.operation-dot:before {
    transition-property: transform;
    transition-duration: .25s;
    display: block;
    content: '';
    width:100%;
    aspect-ratio: 1 / 1;
    background-color: #c40d3b;
    border-radius: 50%;
}
.operation-dot:hover, .operation-dot.active   {
    z-index: 10;
}
.operation-dot:hover:before, .operation-dot.active:before  {
    z-index: 10;
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18.69' height='23.1' viewBox='0 0 18.69 23.1'%3e%3cpath fill='%23c40d3b' d='M9.34,23.1l7.06-7.68c1.4-1.61,2.28-3.74,2.28-6.07C18.69,4.2,14.48,0,9.34,0S0,4.2,0,9.34c0,2.34.88,4.46,2.28,6.13l7.06,7.63ZM9.34,6.23c1.71,0,3.11,1.4,3.11,3.11s-1.4,3.11-3.11,3.11-3.11-1.4-3.11-3.11,1.4-3.11,3.11-3.11Z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    transform: scale(1.75) translateY(-40%);
}
.dot-title {
    transition-property: opacity;
    transition-duration: .5s;
        font-size: 14px;
    font-weight:bold;
    line-height: 1em;
    margin-left:50%;
    transform: translateX(-50%);
    position: absolute;
    top:calc(100% + 6px);
    text-align:center;
    background-color: white;
    padding:5px;
    opacity:0;
    pointer-events: none;
    overflow-wrap:normal; 
  word-break:normal;
}
.operation-dot:hover .dot-title, .operation-dot.active .dot-title {
    opacity:1;
}
.dot-title:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #fff;
  top: -11px;
    left:0;
  margin-left:50%;
    transform: translateX(-50%);
  z-index: 5;
}