/*
 Theme Name:     Oilmaxx Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Oilmaxx Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_widget_area_left {border-right:0px !important;}


h2,h3 {color:#666666;}
#main-header {border-top: 4px solid #5faa41;}
#sectiontabs ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
#sectiontabs ul li {float: left;}
#top-header .container {padding-top:0px;}
#sectiontabs {float:left;}
li.st-home, li.st-business {padding: 6px 26px;line-height: 30px; color:#fff;}
li.st-home {background:#5faa41;}
li.st-business {background:#48267a;}
li.st-home a, li.st-business a {color:#fff;text-transform:uppercase;font-weight:400;}
#et-secondary-menu>ul>li a {padding: 6px 10px;line-height: 30px;}
#et-secondary-nav li {margin-right:0px;}
#et-secondary-nav li a {font-size:1.1em !important;}
.greenfont {color:#5faa41;}
.purplefont {color:#511f7c;}
.purplelink {color:#511f7c !important;}   
.purplelink:hover {color:#673096 !important;}   

h4.fmheader {font-weight:700 !important;}
input#gform_submit_button_21.gform_button.button {background-color: #62458d !important;padding: 10px;color: white !important;text-transform: uppercase;font-size: 1.1em;font-weight: 700;letter-spacing: 1px;}



.raf-form form#gform_8 input#gform_next_button_8_13,.raf-form form#gform_8 input#gform_previous_button_8,.raf-form form#gform_8 input#gform_submit_button_8 {
background-color: #62458d !important;
    padding: 10px;
    color: white !important;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 1px;
}

.et-menu li {font-size:16px;}
#headermenu #et-secondary-nav li {float:left !important;}
#et-secondary-nav li {padding:6px;float:left;list-style:none;}
#et-secondary-nav {float:right;padding-bottom:0em;}
#et-secondary-nav li a {color:#5faa41;} #et-secondary-nav li a:hover {color:#6fbd4f;}   
#et-secondary-nav li:first-child {margin-right:10px;}
#et-secondary-nav li i {margin: 0px 6px;}
.smallheader {font-size:0.9em !important; color:#e8e3ed;padding-bottom:0.5em;}
.purpletext {color:#61448c;}


h2 {font-weight:600; line-height:1.4em;}

.businessbanner .header-content-container {width:45% !important; padding:1.2em 1.5em;
background-image:
    linear-gradient(
      to right, 
      rgb(97, 68, 141, 0.7), 
      rgb(104, 76, 146,0.1)
    );}

.homebanner .header-content-container {width:45% !important; padding:1.2em 1.5em;
background-image:
    linear-gradient(
      to right, 
      rgb(103, 173, 85, 0.7), 
      rgb(85, 149, 71,0.1)
    );}


.et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content {
  position: relative;
  width: 100%;
  max-width: 100%;
  line-height: 0; }
  .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 0; }
  .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    padding: 6px; }
    .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
      font-size: 14px;
      color: white;
      padding-bottom: 0; }


#industrysection .et_pb_column_1_3:first-child {margin-right:2%;}
@media only screen and (min-width: 780px){
#joblistings .et_pb_toggle_title:before {font-family: 'Myriad Pro Bold', Helvetica, Arial, Lucida, sans-serif !important; content: "View Job Details" !important;background:#67ad55 !important;background-color:#67ad55 !important;border-radius: 16px;padding: 5px 20px;color: #fff !important;font-weight: bold;text-transform: uppercase;float: right;width: fit-content;line-height:1.6em; top: auto;}
.mega-toggle-blocks-right #mega-toggle-block-2 {display:none !important;} .newcustomer .gchoice {width: 18% !important;float: left !important;}
#career-jobs .et_pb_toggle_title:before {font-family: 'Myriad Pro Bold', Helvetica, Arial, Lucida, sans-serif !important; content: "View Job Details" !important;background:#67ad55 !important;background-color:#67ad55 !important;border-radius: 16px;padding: 5px 20px;color: #fff !important;font-weight: bold;text-transform: uppercase;float: right;width: fit-content;line-height:1.6em; top: auto;}
}


.newcustomer .gfield_label {float:left !important; margin-right:10px !important;display:contents;} 

	
.greentext {color:#6ab74a;}


.circlenumber {background-image: linear-gradient(#68ac56, #549548); border-radius:50%; padding:10px;}
.circlenumber-white {background: #fff; border-radius:50%; padding:10px;color:#6ab74a;}


input#gf_8 .gform_next_button {text-transform: uppercase !important;}

.sevicesimages .et_pb_blurb_container {padding: 0 1.4em 1.4em;}
.com-services .et_pb_column {border-bottom:4px solid #62458d !important;}


.frm-prv {font-size:0.7em;}


.gform_footer input[type="submit"] {width: 100%;padding: 6px;box-shadow: none;border: none;}
.et_pb_widget h4.widgettitle {color:#61448c;font-weight:600;}
ul.footerlegal {float:left; padding-left:0px !important;}
ul.footerlegal li:first-child {padding: 6px 6px 6px 0px;}
ul.footerlegal li {padding: 6px;
    float: left;
    list-style: none; }
ul.footerlegal li a {display: block;color:#666;}
ul.footerlegal li a:hover {color:#6ab74a;}



.service-ind a {color:#fff;}  .service-ind a:hover {color:#61448c;}


.com-form .gform_footer input[type="submit"] {text-transform: uppercase!important;
    background-image: linear-gradient(180deg,#67ad55 0%,#559547 100%);color:#fff;padding:10px; border-radius:6px;}

.tankticks .fa-check {color:#5faa41;padding-right:5px;}

.maxxgradient .header-content-container {width:45% !important; padding:1.2em 1.5em;background-image: linear-gradient(to right,  rgb(102, 72, 149, 0.7), rgb(98, 171, 68,0.3));}


#mendo-happy-healthy-header h3 {
font-size: 70px;
    color: #4bb3e6;
    font-family: 'lulo_cleanone_bold';
    letter-spacing: -8px;
    line-height: 100px;
}
#mendo-happy-healthy-header {
	margin-top: -20px !important;
}
.box {
  height: 274px;
  position: relative;
  overflow: hidden;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 95%;
  height: 274px;
  padding: 130px 20px;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  text-align: center;
}
.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 36px;
    position: relative;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
    text-align: center;
    vertical-align: middle;
    margin-top: 26%;
}
.mendo-links-purpose {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 21%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links-passion {
	font-size: 40px;
	position: absolute; 
	top: 40%;
	left: 23%;
	color: white;
	text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
	position: absolute;
	width: 37%;
	top: 33%;
	left: 32% !important;
}
.box:hover h4 {
display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box:hover .mendo-lines {	
	display: none;
 -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.mendo-links-outline {
	position: absolute;
	width: 91%;
	top: 5%;
	left: 4.5% !important;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 25px;
    text-align: center;
    margin-top: -60px !important;
}
.mendo-links-description {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
    line-height: 18px;
    margin-bottom: 10px;
}
.mendo-links-read-more {
    color: white;
    font-size: 13px;
    font-weight: bold;
}
@media (max-width: 1285px) {
	.box {
    height: 274px;
    position: relative;
    overflow: hidden;
    width: 95%;
}
.mendo-links-purpose {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 20%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-lines {
    position: absolute;
    width: 37%;
    top: 26%;
    left: 32% !important;
}
.box .overbox {
  background-color: rgba(161, 83, 224, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 90%;
    height: 0;
    padding: 100px 20px;
}
.mendo-links-outline {
    position: absolute;
    width: 91%;
    top: 5%;
    left: 4.5% !important;
}
.box .title {
    font-size: 2.5em;
    text-transform: uppercase;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
}
.mendo-links-title {
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    margin-top: -65px !important;
}
.mendo-links-description {
    font-size: 8px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    line-height: 18px;
    margin-bottom: 8px;
}
.mendo-links-passion {
    text-transform: lowercase;
    font-size: 30px;
    position: absolute;
    top: 30%;
    left: 25%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
.mendo-links {
    text-transform: lowercase;
    font-size: 25px;
    position: relative;
    top: 1%;
    color: white;
    text-shadow: 3px 0 29px rgba(0,0,0,0.28);
}
}




p.greenben:before {
    content: "";
    background: url(https://oilmax.co.uk/wp-content/uploads/2022/03/greenben-xsmall.png) no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.et_pb_column_1_3 .sevicesimages img {height:11em; object-fit:cover;}

/*add a transition effect*/

.pa-blurb-icon-button {
	transition: box-shadow .2s ease-in-out;
	padding-bottom: 4em;
}


/*add an arrow icon in the bottom right corner*/

.pa-blurb-icon-button:after {
	font-family: ETModules;
	content: "\24";
	font-size: 36px;
	color: #5faa41;
	position: absolute;
	bottom: 26px;
	right: 25px;
	transition: all .2s ease;
}


/*add the box shadow on hover*/

.pa-blurb-icon-button:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
	transition: box-shadow .2s ease-in-out;
}


/*adjust the icon on hover*/

.pa-blurb-icon-button:hover:after {
	color: #174ea6;
	bottom: 30px;
	transition: all .2s ease;
}

.et-menu .menu-item-has-children>a:first-child {padding-right:0px;}

/* remove divi default effects for items with a drop down menu */
‪#top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ‘ ‘; margin-top: -2px;}
#top-menu .menu-item-has-children {padding-right: 0px;}

.et-menu .menu-item-has-children>a:first-child:after {content: '';}

.mp_blurb_1 .et_pb_blurb_description, .mp_blurb_2 .et_pb_blurb_description,  .mp_blurb_3 .et_pb_blurb_description,  .mp_blurb_4 .et_pb_blurb_description {display:none;}

  .mp_blurb_1:hover .et_pb_module_header,
    .mp_blurb_2:hover .et_pb_module_header,
    .mp_blurb_3:hover .et_pb_module_header,
    .mp_blurb_4:hover .et_pb_module_header,
    .mp_blurb_5:hover .et_pb_module_header {
        color: #3264cf!important;}
 
    .show {
        opacity:1!important;
        display:block;
        transition: 0.3s;}
 
    .hide {
        opacity:0!important;
        display:none;
        transition: 0.3s;}

.contact-block {margin-bottom:30px;}
ul.contact-block__list {list-style:none; padding:0 0 23px 0em}
h5.contact-block__title {font-size:19px !important;}

.contactus .gform_footer input[type="submit"] {text-transform: uppercase!important;background-image: linear-gradient(180deg,#63438c 0%,#53288c 100%); color:white; padding:10px;border-radius:6px;}
.contactus .gform_footer input[type="submit"]:hover {background-image: linear-gradient(180deg,#62458d 0%,#684c92 100%); }

.contactus input.text,.contactus input.title,.contactus input[type=email],.contactus input[type=password],.contactus input[type=tel],.contactus input[type=text],.contactus select,.contactus textarea {
    background-color: #fff;
    border: 1px solid #569849;
    padding: 2px;
    color: #569849;
    border-radius: 6px;
}
.homesectionorder .et_pb_column_1_2.et_pb_column_0 {width:57.8% !important; margin-right:5% !important;}
.homesectionorder .et_pb_column_1_2.et_pb_column_1 {width:36.7% !important;}
.homesectionorder .et_pb_column.et_pb_column_1_3 {width:43.6667%;}

.hp-split .et_pb_column_1_2 {width: 50% !important;margin-right:0% !important;}
.hp-split .et_pb_column {margin-right:0% !important;}
.hp-split .et_pb_column_1_2 h3 {font-size: 22px !important;line-height: 1.4em;font-weight: 600;}

.greenbutton {    border-width: 0px!important;font-size: 16px;text-transform: uppercase!important;background-image: linear-gradient(180deg,#67ad55 0%,#559547 100%);}
.purplebutton {    border-width: 0px!important;font-size: 16px;text-transform: uppercase!important;background-image: linear-gradient(180deg,#63438c 0%,#53288c 100%);}

.et_pb_bg_layout_dark h2.gform_submission_error {color:#666 !important;}
@media screen and (max-device-width: 768px) {
	.com-serviceicons .et_pb_column_1_6 {width:40% !important;margin:0% 5% !important;}
	h2 {font-size:21px; font-weight: 600;}
	.industries .et_pb_row { display: flex;flex-direction: column;}
	.industries .et_pb_row .et_pb_column_1_3 { order: 1; width:100%;}
  .industries .et_pb_row .et_pb_column_2_3 { order: 2; width:100%;}
	.industries .et_pb_column_2_3 .et_pb_module.et_pb_text {padding-top:5em !important;}
	.small {font-size:0.8em;}
	.businessbanner .header-content-container, .maxxgradient .header-content-container, .homebanner .header-content-container{width:92% !important; padding: 0.7em;}
     .et_pb_header_content_wrapper {display:none;}
	.businessbanner .et_pb_header_content_wrapper, .maxxgradient .et_pb_header_content_wrapper, .homebanner .et_pb_header_content_wrapper{display:none;}
	.industries .et_pb_column {margin-bottom: 0px;}
	.industries .et_pb_column .et_pb_module {margin-bottom: 18px;}
	.mob-reverse .et_pb_row  { display: flex;flex-direction: column;}
	.mob-reverse .et_pb_row .et_pb_column:nth-child(2){ order: 1;}
	.mob-reverse .et_pb_row .et_pb_column:nth-child(1){ order: 2;}
	#mainheader .et_pb_row_0_tb_header {width:100% !important;}
	#et-secondary-nav li span {display:none;}
	.et_pb_menu__logo-wrap {width:55% !important;max-width:55% !important;margin:8px 0px;}
	.businessbanner h1.et_pb_module_header, .maxxgradient h1.et_pb_module_header, .homebanner h1.et_pb_module_header{font-size:1.4em !important; line-height:1.3em;}
	.header-content-container.center {float:left !important;align-self:start !important;}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {width:92%;}
	#mainheader .et_pb_column_1_2.et_pb_column_0_tb_header   {width:70% !important;margin-bottom:0px;}
	#mainheader .et_pb_column_1_2.et_pb_column_1_tb_header   {width:30% !important;margin-bottom:0px;}
	.header-content a.et_pb_button {margin-top:0px !important;font-size:12px !important;}
	.businessbanner .header-content, .maxxgradient .header-content, .homebanner .header-content {margin:0px 0px !important; padding: 0px;}
	li.st-home, li.st-business {padding: 6px 12px !important;}
	.et_pb_fullwidth_header_0 {padding-bottom: 18px !important;}
	#sectiontabs {font-size:14px;}
	li.fa-solid {color:#48267a !important;}
	#et-secondary-nav li i {margin: 0px 0px !important;}
	.faqs .et_pb_column_7  {margin-bottom:0px !important;}
	.faqs .et_pb_column {margin-bottom:0px !important;}.greencircles {width:100% !important;}
		.greencircles .et_pb_circle_counter {width:50% !important;}
	.thirdpartylogo .et_pb_column_1_6 {width:19% !important;margin:0 3% !important;}
	.homeserviceicons .et_pb_column_1_4 {width:45% !important; padding:0 3% !important;}
	.homesectionorder .et_pb_column_1_2.et_pb_column_0 {width:100% !important; float:center;margin:auto;}
	.homesectionorder .et_pb_column_1_2.et_pb_column_1 {width:100% !important; float:center;margin:auto;}
	
}


@media only screen and (max-width:  480px){
	.reverse {display: flex;flex-direction: column-reverse;}
}

@media only screen and (min-width: 480px) and (max-width: 768px)  {
	.com-serviceicons .et_pb_column_1_6 {width:40% !important;}
}

@media only screen and (min-width: 769px) and (max-width: 980px)  {
		#mainheader .et_pb_row_0_tb_header {width:90% !important;}
#mainheader .et_pb_column_1_2.et_pb_column_0_tb_header   {width:60% !important;margin-bottom:0px;}
	#mainheader .et_pb_column_1_2.et_pb_column_1_tb_header {width:40% !important;margin-bottom:0px;}
	.industries .et_pb_row { display: flex;flex-direction: column;}
	.industries .et_pb_row .et_pb_column_1_3 { order: 1; width:100%;}
  .industries .et_pb_row .et_pb_column_2_3 { order: 2; width:100%;}
	.industries .et_pb_column_2_3 .et_pb_module.et_pb_text {padding-top:5em !important;}
	.intro23 .et_pb_column_2_3.et_pb_column_0   {width:58%;} 	.intro23 .et_pb_column_1_3.et_pb_column_1   {width:40%;} 
	.intro23 .et_pb_column_2_5.et_pb_column_0   {width:40%;} 	.intro23 .et_pb_column_3_5.et_pb_column_1   {width:55%;padding-left:6px;} 

	.com-serviceicons .et_pb_column_1_6 {width:14% !important;margin:0% 1% !important;}
	.intro23 h4.et_pb_module_header {font-size:14px !important;}
	.industries.cols .et_pb_column_2_9 {margin-bottom:0px;}
	.et_pb_text_0_tb_footer {display:block;margin-bottom:30px;}
	.faqs .et_pb_column_7  {margin-bottom:0px !important;}
	.greencircles {width:100%;}
	.greencircles .et_pb_column {width:30% !important;}
	.businessbanner .header-content-container {width:75% !important;}
	.thirdpartylogo .et_pb_column_1_6 {width:19% !important;margin:0 3% !important;}
	.shelllubs .et_pb_column_2_9  {width:33%; padding:0 1%;}
	.onlineorder tr td {border-top:none !important;padding:6px 6px !important;}
.reverse {display: flex;flex-direction: column-reverse;}
	 .rever-col .et_pb_row {display: flex;flex-direction: column-reverse;}

}

.onlineorder input.button {width:100% !important; box-shadow:none; border:none;}

.footerlogos {float:right;}

.onlineorder tr td {border-top:none !important;
 padding:6px 6px !important;}
.onlineorder #orderform {border:none !important;}



.onlineorder table {
    width: 100%;
    margin-bottom: 1em;
	border-spacing: 0;}


#gform_submit_button_1 {background-color:#eaeaea!important; color:#61448c;font-weight:semi-bold;-webkit-appearance: none;}

ul.featurelist {
    list-style: none;
    column-count: 2;
}

.gform_required_legend {display:none;}

.buss-serv .et_pb_blurb_container {display:inline-flex;}


.compform {background-image: linear-gradient(180deg,#654d8c 0%,#4c2a6e 100%);
    background-color: rgba(97,68,140,0.39);
    border-radius: 7px 7px 7px 7px;
    overflow: hidden;
    padding-top: 1.4em!important;
    padding-right: 1.4em!important;
    padding-bottom: 1.4em!important;
		padding-left: 1.4em!important;color:white !important;}

.compform h2 {color:#fff;font-weight:bold;text-align:center;}

.compform #gform_submit_button_24 {color: #ffffff; background-color: #5faa41;}

.staff .et_pb_blurb_content img {height: 180px; object-fit:cover;}
ul.ben-2 {list-style:none;column-count: 2;padding: 16px 0 23px 0em;} 


.giveawaybtn {padding: 10px 50px; background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);background-color: #ffffff;color: #565656;border-radius: 5px;border: none;width: auto;float: left;font-weight: 800;margin-bottom:2.5em;}


.winterwish {text-align:center;}
.winterwish #field_32_26  {font-size:20px !important;}
.winterwish #field_32_24 .gfield_label {font-size:20px !important;}
.winterwish .gfield_checkbox label,.winterwish .gfield_radio label {font-size:1.2em !important;}

.vcenterbox {justify-content:center;align-content:center;}
a.whitelink {color:#fff !important;}
.whitelinks a  {color:#fff !important;}
.gfield.whitelink a {color:#fff !important;}

.vcenterbox {justify-content: center;align-content: center;}

#gform_next_button_8_13 {color: #FFFFFF !important;border-width: 0px !important;font-size: 16px;text-transform: uppercase !important;background-color: #5faa41;}
#joblistings .et_pb_toggle_title:hover::before {background-image: linear-gradient(180deg, #176db4 0%, #0f3c84 99%);}

@media only screen and (max-width: 780px){
	#joblistings .et_pb_toggle_title:before {font-family: ETmodules !important;content: '\33' !important;background:#4e277a;border-radius: 3px;padding: 5px 20px;color: #fff !important;font-weight: bold;float: right;width: fit-content;line-height:1.6em; top: auto;}
}

a.contact-ss {color:#fff !important; margin-right:12px;} 
a.contact-ss:hover {color:#5faa41 !important; margin-right:12px;} 

.depotlink.oilmaxx {text-transform: uppercase !important;background-image: linear-gradient(180deg, #63438c 0%, #53288c 100%);color: white;padding: 10px;border-radius: 6px;}

.contactform .gfield.whitelink a {color: #666 !important;}

li.mega-menu-item h4.mega-block-title a, li.mega-menu-item h4.mega-block-title {color: #5faa41 !important;font-family: inherit;font-size: 15px !important;text-transform: uppercase !important;text-decoration: none;font-weight: bold !important;text-align: left;margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;vertical-align: top;display: block;visibility: inherit;}
.mmh {color: #5faa41 !important;font-family: inherit;font-size: 15px !important;text-transform: uppercase !important;text-decoration: none;font-weight: bold !important;text-align: left;margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;vertical-align: top;display: block;visibility: inherit;}
.h-bb {
    background: #67ad551c !important;
    padding: 6px 8px !important;
    border-radius: 6px !important; margin-right:16px;
}

.h-bb a.tl-fom {
    color: #ffffff !important;
    border-width: 0px !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg,#67ad55 0%,#559547 100%) !important;
    padding: 6px 18px !important;
    padding-right: 16px !important;
    margin-top: 14px !important;
    display: inline-block !important;
}

 /* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}


/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

li.mega-m-tel a {color: white !important;font-size:1.3em !important;font-weight:500 !important; margin-right:20px !important;}li.mega-m-tel a:hover {color:#e3edf6 !important;}
li.mega-m-tel a:before {font-family: FontAwesome !important;content: "\f095";margin-right:15px;font-size:0.9em;}


@media(max-width: 1024px) and (min-width:768px){  
	.img-m-t .et_pb_image_wrap {max-height: 300px; display: flex;}  .img-m-t .et_pb_image_wrap img {object-fit: cover;object-position: top;} 
	.img-m-c .et_pb_image_wrap {max-height: 300px; display: flex;}  .img-m-c .et_pb_image_wrap img {object-fit: cover;object-position: center;} 
	.img-m-b .et_pb_image_wrap {max-height: 300px; display: flex;}  .img-m-b .et_pb_image_wrap img {object-fit: cover;object-position: bottom;} 
	
}


.mctick {font-size:12px;}

.wof-wheel-standalone .wof-wheel .wof-inner-wrapper {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: row; flex-wrap:nowrap;}
.wof-right-inner {width:85%; float:right;margin:auto;}


/* Under 900px: stack one on top of the other */
@media (max-width: 900px) {
    .wof-wheel-standalone .wof-wheel .wof-inner-wrapper {
        flex-direction: column !important;
        flex-wrap: nowrap !important;    align-items: center;
    justify-content: center;
    }
	
	.wof-right-inner {width: 100%;float: none;margin: auto;}
	.wof-form-fields div:nth-child(1),.wof-form-fields div:nth-child(3) {width:48%;margin-right:4%;float:left;}
	.wof-form-fields div:nth-child(2),  .wof-form-fields div:nth-child(4) {margin-right:0%; width:48%;float:left;}
    .wof-form-fields div:nth-child(5)  {width:100%;margin-right:0%;float:left;}
	.wof-form-fields div {float:left;}
}



.form-lb {background-color:#B2DFDB !important;padding: 10px 10px !important;} 
.form-lb .gfield_consent_label {font-weight:bold !important;}

.oiltankform .gform_footer input[type="submit"] {
    text-transform: uppercase!important;
    background-image: linear-gradient(180deg,#63438c 0%,#53288c 100%);
    color: white;
    padding: 10px;
    border-radius: 6px;
}

.oiltankform .gform_footer input[type="submit"]:hover{
 background-image: linear-gradient(180deg, #735698 0%, #643e98 100%);
}
#quickenquiry a.whitelink,#quickenquiry .whitelink a {text-decoration: underline;text-underline-offset: 0.2em;}