/*
Theme Name: Petron
Theme URI:  https://zamstars.com/
Author: Zamstars Management Services (India) Private Limited
Author URI: https://zamstars.com/
Description: This theme is created for Petron Corporation website by Zamstars Management Services (India) Private Limited.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');
@import url(styles/font-awesome.min.css);
@import url(styles/bootstrap.min.css);
body {
	margin: 0px;
    padding: 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    background: #FFFFFF;
    font-weight: 400;
    color: #4c4d4d;
}
h2 {
        font-size: 40px;
    margin: 10px 0px;
    letter-spacing: -0.9px;}

/*.title-with-underline:after {    content: "";
    background-color: #ffd500;
    height: 3px;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
} */
h2.title-with-underline.black:after {background-color: #666666;}
img {
	max-width:100%;
vertical-align: middle;
    border-style: none}
a {
	text-decoration: none;
	color: #BA122B;}
a:hover {
	color: #5d0916;
font-weight: 500;}
.font-weight-normal {font-weight: 400 !important;}
.site-container {overflow: hidden;}
.white-text {color: #FFFFFF;}

.container, .vc_row.container {
	margin-right: auto;
	margin-left: auto
}
.vc_row.container {
	padding-right: 0px;
	padding-left: 0px; }
@media (min-width:768px) {
.container {
	width: 750px
}
}

@media (min-width:992px) {
.container {
	width: 970px
}
}
@media (min-width:1100px) {
.container {
	width: 1090px
}
}

@media (min-width:1200px) {
.container {
	width: 1170px
}
}

.vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline-custom {    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important; border-width: 1px !important;}
/* Header */
#masthead.site-header {background: linear-gradient(to bottom, rgba(233, 233, 233,0.7), rgba(233, 233, 233,0.05) );
    position: absolute;
    /* overflow: auto; */
    display: block;
    width: 100%;
    height: auto;
    /* top: 0; */
    z-index: 99;
	
}
.pre-header-nav {
	background-color: transparent;
    line-height: 27px;

	}
.pre-header-nav .container:after {
    content: "";
    height: 1px;
    background-color: #666666;
    max-width: 1150px;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    margin-top: 2px;
    margin-bottom: 14px;
}
.pre-header-nav ul {
	list-style: none; 
	padding: 0px;
	margin: 0px;
}
.pre-header-nav ul li {float: left; margin-right: 5px;}
.pre-header-nav ul img {
	height: 12px;}
.pre-header-nav a {    text-decoration: none;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;}
.pre-header-nav a:hover {color: #000000;}
.pre-header-nav-social-icon {
    font-size: 15px !important;
    padding: 0px 7px;
}
#page-body .text-justify {text-align: left;}
body #mega-menu-wrap-primary {background-color: transparent !important;}
.header-nav {
	margin-top: 3px;
	background-color: transparent;
	-webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s}
.header-nav img {padding-top: 5px; padding-bottom: 2px; max-height: 65px; -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s; }
.header-nav .header-logo {    background: url(./images/Petron-Corporation-Logo.png) no-repeat;
    display: block;
    float: left;
    height: 65px;
    max-width: 100%;
	width: 200px;
    background-size: contain;
    overflow: hidden;
    margin-top: 5px;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    }
.navbar-scroll .header-nav {position: fixed;
    width: 100%;
    z-index: 99;
	background-color: #e9e9e9;
    top: 0; -webkit-box-shadow: 1px 2px 9px 0 rgba(47,44,44,.1);
	-moz-box-shadow: 1px 2px 9px 0 rgba(47,44,44,.1);
	box-shadow: 1px 2px 9px 0 rgba(47,44,44,.1);
margin-top: 0px;}
/*.navbar-scroll .header-nav .header-logo {
	background: url(./images/Petron-Corporation-Logo-P.png) no-repeat;
	background-size: contain;
    display: block;
    height: 55px;
    margin-top: 3px;
    width: 70px;
	max-width: 100%;
    transform: scale(1.01,1);
	-webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s} */
.navbar-scroll .header-nav img {max-height: 57px;     padding-top: 3px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {font-weight: 500 !important; letter-spacing: -0.7px !important;}
.navbar-scroll #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 57px;   height: 57px;
	    font-size: 13px;
-webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {-webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;}
#mega-menu-wrap-primary #mega-menu-primary img {max-height: none; -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;}
#mega-menu-wrap-primary #mega-menu-primary .widget_media_image a{    overflow: hidden;
    position: relative;
    display: block;}
#mega-menu-wrap-primary #mega-menu-primary .widget_media_image a:after {content: "";
    position: absolute;
    height: 6px;
    width: 0%;
    background: #ffd500;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    bottom: 0;
    left: 0; }
#mega-menu-wrap-primary #mega-menu-primary .widget_media_image:hover a:after { width: 100%;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 4px 4px 15px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {font-weight: 500 !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {padding-top: 15px !important;
    padding-bottom: 15px !important;
    display: block;
    position: relative;
    overflow: hidden;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after {    margin: 0 0 0 0px !important;}
.products-menu-calltoaction, .aboutus-menu-calltoaction, .resources-menu-calltoaction {
	background: #E9E9E9 !important;
    min-height: 253px !important;
}
html:lang(es-ES) .products-menu-calltoaction { 
 min-height: 270px !important;
}
.products-menu-calltoaction, .aboutus-menu-calltoaction, .resources-menu-calltoaction {}
#mega-menu-wrap-primary #mega-menu-primary .products-menu-calltoaction .textwidget.custom-html-widget, #mega-menu-wrap-primary #mega-menu-primary .products-menu-calltoaction .aboutus-menu-calltoaction, #mega-menu-wrap-primary #mega-menu-primary .resources-menu-calltoaction .textwidget.custom-html-widget, #mega-menu-wrap-primary #mega-menu-primary .mega-industry-menu-calltoaction .textwidget.custom-html-widget, #mega-menu-wrap-primary #mega-menu-primary .aboutus-menu-calltoaction .textwidget.custom-html-widget {    display: block;
    width: 100%;}
.mega-industry-menu-calltoaction {
	background: #E9E9E9 !important;
    min-height: 270px !important;
}
.mega-industry-menu-calltoaction h3, .products-menu-calltoaction h3, .aboutus-menu-calltoaction h3, .resources-menu-calltoaction h3  {  color: #444444;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.3;
    text-align: center;
    padding-top: 35%;
    letter-spacing: 0.7px;}
#mega-menu-wrap-primary #mega-menu-primary p {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 12px;
    line-height: 1.4;
	color: #555555;
}
#mega-menu-wrap-primary #mega-menu-primary .textwidget.custom-html-widget {    display: table-cell;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a { 
font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    height: 35px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;}
.header-menu {    text-align: right;
    float: right;}
.header-menu #mega-menu-wrap-primary {    margin: 0 auto;
    display: inline-block;
    float: left;
    margin-right: 30px;}
.header-agma-logo {display: block;
    float: right;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {color: #BA122B !important;}
@media (max-width:1000px) {.header-agma-logo {position: absolute;
    top: 5px;
    right: 150px;
    max-height: 40px !important;}
	.header-agma-logo.ilma {
    right: 98px;
    max-height: 31px !important;
	}
	.header-menu {overflow: auto;}
.mega-menu-primary-mobile-open .header-menu {
    width: 100%;
    position: absolute;
    max-width: 260px;
    right: 0;
    background: #FFFFFF;
    height: 100vh;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
	
}
.header-menu #mega-menu-wrap-primary { margin: 0 auto;
    display: block;
    float: none;
    margin-right: 0px;}
.header-menu #mega-menu-wrap-primary .mega-industry-menu-calltoaction, .header-menu #mega-menu-wrap-primary .products-menu-calltoaction, .header-menu #mega-menu-wrap-primary .aboutus-menu-calltoaction, .header-menu #mega-menu-wrap-primary .resources-menu-calltoaction {display: none !important;}
	.navbar-scroll #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
		height: 40px;}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
    padding-top: 0px !important;
		padding-bottom: 0px !important; }
	.navbar-scroll #mega-menu-wrap-primary .mega-menu-toggle {    line-height: 45px;
    height: 45px;}
}
/* Footer */
footer {    background-image: url(https://www.petroncorp.com/wp-content/uploads/2019/02/Petron-footer-bg.jpg);
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;}
.footer-top {
    font-size: 13px;
    padding: 30px 0px 20px 0px;
    font-weight: 500;
    color: #444444;
    overflow: hidden;
    position: relative;
    line-height: 22px;
}
.footer-top h3 {     color: #131394;
    padding: 0px;
    margin: 0px;
    font-size: 18px; position: relative; margin-bottom: 20px;}
 /* .footer-top h3:after {content: "";
    background: #444444;
    margin: 0 auto;
    height: 1px;
    display: block;
    margin-top: 10px; width: 85%;}
.footer-top h3:before {    content: "";
    background: #BA122B;
    width: 80px;
    height: 4px;
    display: block;
    bottom: -1px;
    position: absolute;} */
.footer-top ul {    padding-left: 20px;
  list-style: none; }
.footer-top ul li::before {
  content: "\2022";
    color: #BA122B;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -20px;
    font-size: 20px;
}
.footer-top a { color: #444444;}
.footer-top a:hover {color: #BA122B;}
.footer-col-4 form {position: relative; }
.footer-col-4 label {display: none;}
.mailpoet_form .mailpoet_form_shortcode .mailpoet_text {
    padding: 8px;
    line-height: 1;     width: 100% !important;}
.mailpoet_submit {    padding: 7.5px;
    background-color: #BA122B;
    border-color: #BA122B;
    float: right;
    margin-top: -2px;
    border: 0px;
    color: #FFF;
    z-index: 9;
}

.footer-copyright {background: #171717; color: #FFFFFF; padding: 10px 0px;    font-size: 14px; }
.footer-copyright .zamstars {font-size: 10px; letter-spacing: 1px; padding-top: 5px; text-transform: uppercase;}
/* Page Header */
.vc_tta-accordion {
-webkit-box-shadow: 0px 0px 54px #3738361f;
    box-shadow: 0px 0px 54px #3738361f; }
.vc_icon_element {margin-bottom: 15px !important;}
#page-header {    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 10px 0;}
.page-title {
    padding: 35px 15px 40px;
    font-size: 36px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: rgba(186,18,43,0.7);
}

/* Homepage */
.homepage-industries .wpb_content_element {margin-bottom: 30px;}
.industries-row {margin: 0 auto 0px 0px; }
figure.home-industries-effect, figure.home-products-effect {    overflow: hidden;
    display: block;
    position: relative; }
figure.home-industries-effect figcaption, figure.home-industries-effect figcaption a,figure.home-products-effect figcaption, figure.home-products-effect figcaption a   {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.home-industries-effect figcaption a, figure.home-products-effect figcaption a {
    z-index: 99;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
figure.home-industries-effect figcaption {    background-color: rgba(186, 19, 43, 0.6);
    padding-left: 6%;
    padding-right: 6%;
    top: auto;
    bottom: -72%;
    color: #FFFFFF; line-height: 1.3;}
figure.home-industries-effect h3 {    font-size: 26px;
    margin: 10px 0px 6px; }
/*figure.home-industries-effect h3:after { content: "";
    background-color: #ffd500;
    width: 100px;
    height: 3px;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px; } */
figure.home-industries-effect img, figure.home-industries-effect figcaption, figure.home-products-effect img, figure.home-products-effect figcaption {-webkit-transition: all 0.5s ease;           
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease; width: 100%;}
figure.home-industries-effect:hover figcaption {bottom: 0; padding-top: 22%; padding-bottom: 5%;}
figure.home-industries-effect.typeone:hover figcaption {    padding-top: 15%;
    padding-bottom: 5%;}
figure.home-industries-effect:hover img {    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
figure.home-products-effect img {-webkit-transition: all 0.5s ease;           
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease; width: 100%;     -webkit-transform: scale(1.1);
    transform: scale(1.1);}
figure.home-products-effect:hover img {    -webkit-transform: scale(1);
    transform: scale(1);}
figure.home-products-effect h3 {color: #ffd500;
    font-weight: 600;
    font-size: 26px;}
figure.home-products-effect figcaption { 
    padding-left: 10%;
    padding-right: 10%;
    top: auto;
    bottom: -70%; }
figure.home-products-effect.typetwo figcaption { bottom: -40%;}
figure.home-products-effect:hover figcaption {bottom: 0; padding-top: 35%;}
figure.home-products-effect.typetwo:hover figcaption {padding-top: 10%;}
.facts-section .vc_column-inner {padding-top: 10px !important;}
.counter-value {font-size: 50px;
    font-weight: 600; color: #ffd500;}
section.products-page-section {background-position: left 10% !important;}
.productslist-section {color: #444444;
    line-height: 1.4;}
.product-title {background-color: #58595b; border-radius: 30px 0px 0px; margin-bottom: 15px !important; margin-top: 10px;}
.product-title .wpb_wrapper {    display: table;
    width: 100%;
    height: 120px;}
.product-title .wpb_wrapper h4 {font-size: 16px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 20px;
    line-height: 1.3;
    font-weight: 400;}
.product-title .wpb_wrapper h4 strong {    font-size: 21px;
    font-weight: 600;}
.productslist-section button, .productslist-section a {padding: 0px !important; background-color: transparent !important; background-image: none !important; color: #333333 !important;
    font-weight: 500; letter-spacing: -0.6px;}
.productslist-section .vc_btn3-container {    display: inline-block;
    position: absolute;
    width: 50%;
    bottom: -20px; z-index: 9;}
.productslist-section .vc_column_container {margin-bottom: 8px;}
.productslist-section .vc_btn3-container.vc_btn3-right {
    text-align: right;
    float: right;
	
}
.productslist-section .vc_btn3-container .vc_btn3-icon {    left: 0px !important;
    margin-top: 0; color: #BA122B;}
.productslist-section .vc_btn3-container.vc_btn3-right button, .productslist-section .vc_btn3-container.vc_btn3-right a {
        padding-left: 15px !important;
}
.productslist-section .vc_btn3-container.vc_btn3-left button, .productslist-section .vc_btn3-container.vc_btn3-left a {
        padding-left: 20px !important;
}
.widget_nav_menu ul {    margin-left: 0;
    padding-left: 0;
    list-style: none; font-size: 16px; line-height: 1;}
.widget_nav_menu ul a {    display: block;
    padding: 13px 5px !important;
    border-bottom: 1px solid #BBBBBB;
    text-transform: uppercase; text-decoration: none;}
.widget_nav_menu .menu-item-has-children > a::after {content: "\f105";
    font-family: FontAwesome;
    float: right;
    font-size: 20px;
    margin-top: -2px;}
.widget_nav_menu ul .current-menu-item>a, .widget_nav_menu ul .current-menu-ancestor.current-menu-parent>a, widget_nav_menu ul a:hover, .widget_nav_menu ul li:hover>a {background-color: #58595b !important;
    color: #ffd500 !important;}
.widget_nav_menu ul li ul { position: absolute;
    z-index: -1;
    visibility: hidden;
    min-width: 180px;
    background: #707275;
    padding: 0px 13px 10px 13px;
    top: 42px;
    -webkit-box-shadow: 1px 2px 9px 0 rgba(47,44,44,0.3);
    -moz-box-shadow: 1px 2px 9px 0 rgba(47,44,44,0.3);
    box-shadow: 1px 2px 9px 0 rgba(47,44,44,0.3);}
.widget_nav_menu ul li:hover ul {    z-index: 9;
    visibility: visible; left: 95%;}
.widget_nav_menu ul ul a {padding: 8px 5px !important;
    font-size: 15px;
    border-bottom: 0px;
    text-transform: capitalize;     color: #FFFFFF !important; border-bottom: 1px solid #97989b !important;}
.widget_nav_menu ul li:hover ul a { background-color: transparent !important;}
.widget_nav_menu ul ul a:hover, .widget_nav_menu ul ul .current-menu-item a {border-bottom: 1px solid #ffd500 !important; color: #FFFFFF !important;}
.homepage-industries .industries-row .wpb_content_element {margin-bottom: 6px;}
.petron-card-img {
   overflow: hidden;
	position: relative!important;
	border-radius: calc(.20rem - 1px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	color: #FFFFFF;
}
.petron-card-img:hover .shape {
  border-bottom: 110px solid #BA122B;
  border-right: 110px solid transparent;
  opacity: 1;
}
.petron-card-img:hover .img-overlay {
  opacity: 1;
  transform: translateY(0);
}
.petron-card-img:hover .img-overlay::before {
  opacity: 1;
}
.petron-card-img:hover .categories {
  margin: 20px;
  opacity: 1;
}
.petron-card-img .categories {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
  transition: 0.5s;
  opacity: 0;
}
.petron-card-img .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  transition: 0.5s;
  opacity: 0;
  border-bottom: 100px solid #BA122B;
  border-right: 100px solid transparent;
}
.petron-card-img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(6, 21, 56, 0.66);
  opacity: 0;
  transition: 0.5s;
  transform: translateY(-10px);
	 display: -ms-flexbox !important;
    display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	display: -ms-flexbox !important;
    display: flex !important;
}
.petron-card-img .img-overlay:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 26px;
  bottom: 26px;
  right: 26px;
  transition: 0.8s;
}
.petron-card-img a {text-decoration: none;
    outline: none;
    box-shadow: none; }
.petron-card-img img {width: 100%;
    border-top-left-radius: calc(.20rem - 1px);
    border-top-right-radius: calc(.20rem - 1px); }
.petron-card-img a h5 {    color: #f8f9fa !important;
    font-size: 20px;
    font-weight: 600;
    margin: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;}
.petron-card-img a p { color: #f8f9fa !important;
    font-weight: 400;
    font-size: 15px;}
.homepage-products i.fa-link {
    color: #BA122B;
	font-size: 26px;
}
.homepage-products .img-overlay:before {
    content: "";
    position: absolute;
    left: 26px;
    top: 26px;
    bottom: 26px;
    right: 26px;
    transition: 0.8s;
	border-color: #ff5e14;
    border: 1px solid;
}
.petron-card:hover .petron-card-img .img-overlay {
  opacity: 1;
  transform: translateY(0);
}
.petron-card:hover .petron-card-img .img-overlay::before {
  opacity: 1;
}
.homepage-products .petron-card:hover .img-overlay::before {
    opacity: 1;
}
h5.petron-card-title {
    margin: 7px 0px;
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
}
.homepage-products .wpb_content_element { margin-bottom: 23px;}
.homepage-products .petron-card-body p {
	font-size: 15px;
    color: #CCCCCC;
    line-height: 1.5;
    margin-top: 0px;}
.homepage-products .petron-card:hover h5.petron-card-title, .homepage-products a:hover {
    color: #BA122B;
}
.homepage-case-studies figure {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: auto;
    background: #58595b;
    cursor: pointer;
    width: 100%;
    text-align: left;
	margin-top: 30px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	max-width: 350px; 
	border: 0px;
}
.homepage-case-studies figure .industry-label {display: none; background-color: #ba122b;
    padding: 10px 20px;
    text-align: center;
    font-size: 17px;
    line-height: 1;
    font-weight: 600; }
.homepage-case-studies figure .industry-label a { color: #FFFFFF; display: block;}
.homepage-case-studies figure:hover {margin-top: 0px;}
.homepage-case-studies figure:hover .industry-label {display: block;}
.homepage-case-studies figure figcaption, .homepage-case-studies figure figcaption a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.homepage-case-studies figure figcaption{padding: 20px;}
.homepage-case-studies figure img { width: 100%;}
.homepage-case-studies figure figcaption h3 {color: #FFFFFF;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.3;}
.homepage-case-studies figure figcaption h3 strong {font-weight: 500;}
.homepage-case-studies figure .industy-label {bottom: 25px;
    position: absolute;
    background: green;
    display: inline-block;
    left: inherit;
    padding: 5px 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10%;}
.homepage-case-studies figure figcaption a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.homepage-post-grid .vc_gitem-zone {     background-color: transparent !important;
    color: #CCCCCC;
    font-size: 15px;
    text-align: justify;}
.homepage-post-grid .vc_gitem-zone h4 {    text-align: left;
    font-size: 18px;
    padding: 0px;
    margin-bottom: 0px;
	margin-top: 5px;
    font-weight: 600; color: #FFFFFF;}
.homepage-post-grid .vc_gitem_row .vc_gitem-col {padding: 10px 0px !important; }
.homepage-post-grid .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: transparent;
    padding-left: 0px;
    padding-top: 0px;}
.homepage-post-grid .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {background-color: transparent; color: #BA122B; font-weight: 500;}
.wpcf7-form .edh-form  {    font-size: 15px;
    color: #DDDDDD;}
.form-control {
   display: block;
    width: 100%;
    font-size: 15px;
    padding: 10px 10px;
    line-height: 1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: none;
	height: auto;
	margin-bottom: 13px !important;
    margin-top: 2px;
}
.btn-petronred, .ur-submit-button, .dlm-tc-submit, .vc_btn3-color-juicy-pink {background: #BA122B !important;
    color: #FFFFFF !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 20px !important;
    border-radius: 5px !important;
    border: 0px !important;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5) !important;
    line-height: unset !important;}
.btn-petronred.focus, .btn-petronred:focus, .btn-petronred:hover, .ur-submit-button.focus, .ur-submit-button:focus, .ur-submit-button:hover, .dlm-tc-submit.focus, .dlm-tc-submit:focus, .dlm-tc-submit:hover, .vc_btn3-color-juicy-pink.focus, .vc_btn3-color-juicy-pink:focus, .vc_btn3-color-juicy-pink:hover {background: #5d0916 !important; color: #FFFFFF !important;}
input[disabled="disabled"], input[type="text"]:disabled {opacity: 0.5;}
.productslist-section .msds-btn {width: 50%;
right: 5%;}
.ur-frontend-form { padding: 20px 0px !important;}
.ur-frontend-form form .ur-form-row .ur-form-grid label, .ur-frontend-form form .ur-form-row .ur-form-grid legend {    margin-bottom: 3px !important;}
.ur-frontend-form form .ur-form-row .ur-form-grid .ur-field-item {    font-size: 13px !important;}
.mapplic-image, .mapplic-tooltip {min-width: 180px;}
.mapplic-element .mapplic-filter {
	background-color: #CCCCCC;}
.mapplic-element .mapplic-search-input {background-position: 8px 15px !important;
height: 42px !important; padding: 6px 24px 4px 30px !important; background-color: #FFFFFF !important;}
.mapplic-element .mapplic-tag {margin-top: 13px;}
.mapplic-element .mapplic-list-category > a, .mapplic-element .mapplic-list-location > a { margin: 0px; background-color: #f2f2f2; border-bottom: 1px solid #DDDDDD;}
.mapplic-element .mapplic-list-category h4 {text-transform: uppercase;}
.mapplic-element .mapplic-tooltip-wrap {
    text-align: center;
    padding-top: 40px;
    min-width: 250px;
}
.mapplic-element .has-image .mapplic-tooltip-title {    margin: 25px 0px 0px 0 !important;
    color: #BA122B !important;
    display: block;}
.mapplic-element .mapplic-tooltip-title {font-size: 16px; font-weight: 400;}
.team-card {margin-bottom: 30px;     position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
transition: 0.5s;}
.team-card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.team-thumb {position: relative!important;}
.team-card .team-social {
    position: absolute;
    bottom: 0;
    left: 42%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.team-card .team-social a {
        color: #ffffff;
    border: 1px solid #ffffff;
    padding: 7px 8px;
    border-radius: 50%;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    display: flex!important;
    line-height: 1;
    text-align: center;
}
.team-card .team-thumb:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background-color: #06153875;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.team-card:hover {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
}
.team-card:hover .team-social {
    bottom: 15px;
    visibility: visible;
    opacity: 1;
}
.team-card:hover .team-thumb:after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.team-card .team-card-body {
    padding: 15px 10px;
    background: #f6f6f6;
}
.team-card .team-card-title {
    font-size: 17px;
    font-weight: 600;
    color: #131394;
    padding: 0px;
    margin: 3px 0px;
}
.team-card .team-card-text {
    color: #555555;
    font-size: 15px;
    margin: 0px;
}
.posts-list a {
display: block;
    padding-bottom: 2px;
    font-size: 17px;}
section.vc_custom_1551877721803 { background-position: center top !important;}

/* style for mapplic*/

#ca path{ fill: #F5A71D !important;}
#cn path{ fill: #F8F801 !important;}
#ma {fill: #EF385D !important;}
#ae {fill: #000 !important;}
#us polygon{fill: #2FB1C0 !important;}
#ma {fill: #EF385D !important;} 
#in {fill: #009FD2 !important;} 
#za {fill: #A88DBC !important;} 
#mx{fill: #DCCF74 !important;} 
#ie {fill: #7D0000 !important;} 
#pe{fill: #007D00 !important;}
#my path{fill: #F7D905 !important;}
#id path{fill: #30426A !important;}
#au path{fill: #7D7DF8 !important;}
#cl path {fill: #620893 !important;	}
#za { fill: #FF6F61 !important; }   /* South Africa */
#sz { fill: #1E90FF !important; }   /* Eswatini */
#ls { fill: #32CD32 !important; }   /* Lesotho */
#zm { fill: #8B4513 !important; }   /* Zambia */
#tz { fill: #FF1493 !important; }   /* Tanzania */
#na { fill: #20B2AA !important; }   /* Namibia */
#bw { fill: #4169E1 !important; }   /* Botswana */
#mz { fill: #FF8C00 !important; }   /* Mozambique */

/* End of style for mapplic*/
.btn-petronblue{background: #131394  !important;
    color: #FFFFFF !important; 
    letter-spacing: 1px;
    border-radius: 5px !important;
    border: 0px !important;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5) !important;
    line-height: unset !important;}
.btn-petronblue .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline{border-color:Transparent !important; color:#fff !important;}
.leadership-team .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {padding-left: 15px;    width: auto;
    height: auto;}
.newsitems-list .vc_custom_heading a {color: #BA122B;}
.newsitems-list .vc_custom_heading a:hover {color: #5d0916;    opacity: 1;}
@media (max-width:768px) {figure.home-industries-effect {max-height: 350px;}
	h2, .home h2 {font-size: 24px !important;}
	.home .wpb_wrapper p {font-size: 15px !important;}
	.home figure.home-industries-effect h3 {    font-size: 20px;     margin-top: 10px;}
	.home figure.home-industries-effect p {    font-size: 14px !important;
    line-height: 1.3;}
	.home .factlastone {padding-top: 0px !important;}
	.home .factlastone .wpb_content_element {margin-bottom: 15px;}
	.facts-section {text-align: center;}
	.footer-copyright {text-align: center;}
	.footer-copyright .text-right {text-align: center; margin-top: 5px;}
	.widget_nav_menu ul li ul {position: relative; top: 0px; visibility: visible;     background: #FFFFFF;
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; }
	.widget_nav_menu ul li:hover ul {left: 0;}
	.widget_nav_menu ul ul a {    color: #555555 !important;}
	.widget_nav_menu ul ul a:hover, .widget_nav_menu ul ul .current-menu-item a {color: #ffd500 !important; background-color: #FFFFFF !important;}
	.tp-bullets.hermes.horizontal { 
    top: auto !important;
    left: 40% !important;
    transform: none !important;
    bottom: 2% !important;
    position: absolute !important;}
}
@media (max-width:1100px) {figure.home-products-effect figcaption {     bottom: -66%;}}
@media (max-width:800px) {figure.home-products-effect figcaption {     bottom: -55%;}}
@media (max-width:500px) {figure.home-products-effect figcaption {
    padding-left: 5%;
	padding-right: 5%; padding-bottom: 2%;} .home figure.home-products-effect h3 {font-size: 17px;}
	figure.home-products-effect:hover figcaption {padding-top: 0;}
	figure.home-products-effect figcaption { top: 2px;}
figure.home-products-effect.typetwo:hover figcaption {
    padding-top: 0%;
}
	figure.home-industries-effect figcaption {padding-left: 7%;
    padding-right: 7%;}}
@media (max-width:400px) { figure.home-industries-effect,  figure.home-industries-effect img {min-height: 250px; max-height: 250px;} }
.edh-contactform input[type=date].form-control{padding:2px;}
.edh-contactform .tick{margin-bottom:10px;}
.edh-contactform  span.wpcf7-list-item {display:block !important;}

	@media only screen and (max-width: 768px) {
	figure.home-industries-effect figcaption {position:relative !important;}
	figure.home-industries-effect {    max-height: 100% !important;}
	figure.home-industries-effect figcaption {background-color: rgba(186, 19, 43, 1) !important;}
	figure.home-industries-effect:hover img {-webkit-transform: scale(1) !important;transform: scale(1) !important;}
	figure.home-industries-effect:hover figcaption { padding-top: 0% !important; padding-bottom: 0% !important;}
    figure.home-industries-effect h3 {margin: 0px 0px 6px !important; padding-top: 20px;}
	.home figure.home-industries-effect h3 {margin-top: 0px !important;}
	figure.home-industries-effect img, figure.home-industries-effect figcaption{-webkit-transition-property: none!important;
-moz-transition-property: none!important;
-ms-transition: none!important;		
-o-transition-property: none!important;
transition-property: none!important;}
}	
.petron-postgrid .vc_gitem-animated-block {display: none !important;}
@media (max-width: 767px){   
	.team-col1, .team-col2, .team-col3, .team-col4, .team-col-internal, .report-box{width:100% !important;}
}
.team-col1, .team-col2, .team-col4 {width: 20%; float: left;}
.team-col3 {width: 40%; float: left;}
.team-details {margin: 5px 5px;padding: 10px;padding-bottom: 0px;min-height: 110px;line-height: 1.4; background-color: #F6F6F6;}
.team-details h4 {color: #131394; margin-bottom: 5px;}
.team-details p {font-size: 13px;}
.team-col-internal .team-details  {margin-top:0px;}
.team-col-internal {width: 50%; float: left;}
.team-details.dark { background-color:#dddddd;}
.report-box{width:25%; float:left;}
.report-box div{text-align:center;background: #58595b;border-radius: 4px;padding:10px;margin:5px; min-height:240px; }
.report-box h5{color:#fff;}
.report-box span{font-size: 3.15em; color:#fff;padding: 20px;display:block;}
.report-box a{display: inline-block;  
        border-radius: 2px;
	    margin-bottom: 10px;
    padding: 10px;
    color: #666;
    background-color: #ebebeb;
    text-decoration: none;
font-size: 12px;}
.report-box a:hover{
    color: #5e5e5e;
    background-color: #dcdcdc;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date], .ur-frontend-form .ur-form-row .ur-form-grid input[type=email], .ur-frontend-form .ur-form-row .ur-form-grid input[type=number], .ur-frontend-form .ur-form-row .ur-form-grid input[type=password], .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], .ur-frontend-form .ur-form-row .ur-form-grid input[type=text], .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], .ur-frontend-form .ur-form-row .ur-form-grid input[type=url], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea {border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 10px;}
.ur-frontend-form .ur-form-row .ur-form-grid select {background-color: #FFFFFF;}
.flexslider .slides img {
	height: auto;
}

.certification-images {
    display: flex;
	gap:5px;
}