.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}
#gform_wrapper_4 .gform_footer {
text-align: left !important;
}

/*==================== ESSENTIAL GRID ===================*/

span.rpwwt-post-title {
    font-family: 'Cairo';
    font-weight: 700;
    line-height: 1.0em;
    color: #00386c;
}

img.wp-post-image {
position: relative;
z-index:0;
    box-sizing: border-box;
border: 2px solid #e9eef0;
}

#home-blog .esg-entry-media-wrapper:after, .et_pb_post .entry-featured-image-url:after, img.wp-post-image:after, .blog-post-title .et_pb_title_featured_container:after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #045063;
    opacity: .1;
    z-index: 1000;
    }


.three-columns {
    columns: 3 300px;
    padding: 5px 0px;
    column-gap: 30px;
}

.flexifier {
display: flex;
  align-items: center;
  justify-content: center;
}

#verticalimage {
display: block;
    width: 130%;
    height: 770px;
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2020/12/protectingfood.jpg);
    transition: all 1s ease 0s;
    margin-left: -30%;
    margin-top: -60px;
}

#pharma-vertical:hover {
#verticalimage {
background-image: url(/wp-content/uploads/2020/12/pharm-safety-1.jpg);
}
}
 
#food-vertical:hover ~ #verticalimage {
background-image: url(/wp-content/uploads/2020/12/protectingfood.jpg);
}


#metal-vertical:hover ~ #verticalimage {
background-image: url(/wp-content/uploads/2020/12/minetometal.jpg);
}

/*========================= LIST STYLING  ==============================*/


.custom_bullets li {
  padding-left: 30px !important;
  list-style:none;
  margin-bottom: 0px;
   font-size: 15px !important;
   width: 100%;
   color: rgb(56, 67, 71) !important;
}

.custom_bullets li a {
  color: rgb(56, 67, 71) !important;
}


.custom_bullets li::before {
    content: '';
    display: inline-block;
    margin-left: -0.9em;
    height: 0.8em;
    width: 0.5em;
    background-color: rgba(255,122,14,1);
    padding-right: 5px;
    vertical-align: middle;
    position: relative;
    left: -0.8em;
    top: -0.15em;
}

/*========================= SECONDARY PAGE TITLES  ==============================*/

.et_pb_fullwidth_section .et_pb_title_container {
background: linear-gradient(51deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%) !important;
width: 80%;
max-width: 1100px;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom:-25px;
}

.et_pb_featured_bg {
overflow:visible !important;
position: relative;
}


.orange-icon .et-pb-icon {
background: linear-gradient(51deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%) !important;
}



/*========================= FOOTER AND SOCIAL ICONS  ==============================*/


.connectmodule {
list-style-type: none !important;
}

.connectmodule li {
padding-left: 35px !important;
position: relative;
}

.connectmodule li:before {
    border: none !important;
}

.message-icon:before, .phone-icon:before, .address-icon:before, .youtube-icon:before, .linkedin-icon:before, .facebook-icon:before, .twitter-icon:before, .twitter-icon:before, .careers-icon:before {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border: none !important;
    color: #f36f26;
    position: absolute !important;
    left: 0px !important;
    top: 4px !important;
    font-size: 22px;
}

.twitter-icon:before {
    content: "\e094" !important;
}

.careers-icon:before {
    content: "\e085" !important;
}

.facebook-icon:before {
    content: "\e093" !important;
}

.linkedin-icon:before {
    content: "\e09d" !important;
}

.youtube-icon:before {
    content: "\e0a3" !important;
}

.address-icon:before {
    content: "\e081" !important;
}

.phone-icon:before {
    content: "\e08a" !important;
}

.message-icon:before {
    content: "\e076" !important;
}


/*============ USE CASE BLURBS  ====================*/

.usecase .et_pb_main_blurb_image {
position: relative;
}
.usecase .et_pb_main_blurb_image:after {
    content: '';
    display: block;
background: rgb(255,85,0);
background: linear-gradient(270deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%);
    width: 50%;
    height: 16px;
    position: absolute;
    bottom: -8px;
    left: 0px;
    visibility: visible;
}

/*============ BUTTONs  ====================*/

.et_pb_button, .gform_button, .gform_wrapper .gform_footer input.button {
background: rgb(255,85,0);
background: linear-gradient(51deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%) !important;
    padding: 0.8em 2em !important;
    transition: all 1s;
}

.et_pb_button:hover, .gform_button:hover, .gform_wrapper .gform_footer input.button:hover {
    padding: 0.8em 2em !important;
    background: linear-gradient(270deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%) !important;
}

.gform_button, .gform_button:hover, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input.button:hover {
padding: 9px 2em !important;
    transform: translatey(3px);
}

body .gform_wrapper .gform_footer input.button[type=submit]:hover {
    border-color: #fff;
    color: #fff;
    background: linear-gradient(51deg,rgba(248,150,35,1) 0%,rgba(255,85,0,1) 100%)!important;
    letter-spacing: 1px;
}

.gform_legacy_markup_wrapper div.validation_error {
    background: #fff;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    background: #fff;
    padding: 0px 10px 0px 10px !important;
    padding-bottom: 0px !important;
}

.secondary-button {
background: none !important;
background-color: white !important;
color: #eb7531 !important;
border: 2px solid orange;
    padding: 0.8em 2em !important;
}    

.secondary-button:hover {
background-color: #E7EEF1 !important;
background: rgb(255,255,255) !important;
background: linear-gradient(214deg, rgba(255,255,255,1) 0%, rgba(231,238,241,1) 100%) !important;
    transition: all 1s;
}

a.full-width-button, a.fullwidthbutton {
width: 100% !important;
text-align: center !important;
}


/*============ FOOTER  ====================*/

#main-footer {
background: rgb(0,18,58);
background: linear-gradient(51deg, rgba(0,18,58,1) 0%, rgba(0,56,108,1) 100%);
}   

/*==================================== bottom arrow =================================*/

.bottom-arrow-divider, .bottom-arrow-down {
position:relative;
margin-bottom: 40px;
}

.bottom-arrow-divider:after {
    content: '';
    background-image: url(/wp-content/uploads/2020/12/buttom-pusher.png);
    display: block;
    width: 100%;
    height: 26px;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 1;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: center;
}

.bottom-arrow-down:after {
    content: '';
    background-image: url(/wp-content/uploads/2021/01/down-arrow-only.png);
    background-size: contain !important;
    display: inline-block;
    height: 26px;
    position: absolute;
    bottom: -26px;
    margin-left: auto;
    margin-right: auto;
    visibility: visible;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}

/*==================================== TOP NAVIGATION =================================*/

#top-menu li li a {
    line-height: 18px !important;
}

/*==================================== TYPOGRAPHY =================================*/


blockquote {
    border-left: none;
    padding-left: 0px;
    margin-bottom: 40px;
    position: relative;
}

blockquote p {
    font-size: 40px;
    font-family: 'Cairo', sans-serif;
    line-height: 1.2em;
    color: #00143D;
    display: inline-block !important;

    }

blockquote p::first-line {
font-weight: 700 !important;
}


blockquote:before {
    content: '';
    background-image: url(/wp-content/uploads/2020/12/orange-triangle.png);
    display: block;
    width: 44px;
    height: 27px;
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1;
}

h1 {
font-weight: 300;
font-size: 60px !important;
}

h1.large-heading {
font-weight:100;
font-size: 90px !important;
position: relative;
}

h1.large-heading::after {
    content: '';
    background-image: url(/wp-content/uploads/2020/12/orange-triangle.png);
    display: block;
    width: 44px;
    height: 27px;
    position: relative;
    bottom: -10px;
    z-index: 1;
    margin-bottom: 20px;
    }



h5 {
font-family:'Cairo', sans-serif !important;
font-weight: 300;
color: #00143D !important;
text-transform: uppercase;
letter-spacing: 1px;
}  

h3, h4 {
font-weight: 700 !important;
}

.orange-tag-top h2, .orange-tag-top h4 {
display: relative;
}

.orange-tag-top h2:before, .orange-tag-top h4:before  {
    content: '';
    background-image: url(/wp-content/uploads/2020/12/orange-triangle.png);
    display: block;
    width: 44px;
    height: 27px;
    position: absolute;
    top: -50px;
    z-index: 1;
}


/*============================ HOME ORANGE DROP  ============================*/


.orangedropsimple.orangeleftdop, .orange-right-drop {
	position: relative;
}

.orangedropsimple:after {
	content: "";
    display: block;
	background: rgb(247,130,0);
	background: linear-gradient(292deg, rgba(247,130,0,1) 0%, rgba(255,85,0,1) 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 20px;
    left: 20px;
}

.orangeleftdop img, .orange-right-drop img {
filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.4));
-webkit-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.4));
-moz-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.4));
}

.orangeleftdop:before {
content: '';
display: block;
visibility: visible;
width: 900px;
height: 90%;
position: absolute;
right: 35%;
bottom: -9%;
background-image: url(/wp-content/uploads/2020/12/firstimagedrop.jpg);
background-repeat: no-repeat;
}

.orange-right-drop:before {
content: '';
display: block;
visibility: visible;
width: 900px;
height: 90%;
position: absolute;
left: 35%;
bottom: -9%;
background-image: url(/wp-content/uploads/2021/01/right-side-drop.jpg);
background-repeat: no-repeat;}

.et_pb_post:first-of-type .entry-featured-image-url:before, .blog-post-title .et_pb_title_featured_container:before {
content: '';
display: block;
visibility: visible;
width: 900px;
height: 100%;
position: absolute;
left: -900px;
bottom: 0;
top: 0;
background: rgb(255,85,0);
background: linear-gradient(270deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%);
background-image: url('/wp-content/uploads/2020/12/orange-bg.jpg');
background-size:cover;
}

#bluedemobox {
position: relative;
}

#bluedemobox::before {
content: '';
    display: block;
    visibility: visible;
    width: 120px;
    height: 100%;
    position: absolute;
    left: -67px;
    top: 0;
    background-image: url(/wp-content/uploads/2020/12/sidedemo.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/*============================ HOME TESTIMONIALS SLIDER ============================*/


.testimonial-slider .et_pb_slide_description, .testimonial-slider .et_pb_slide {
padding-left: 0px !important;
padding-right: 0px !important;
}


/*============================ HOME FEATURED POST SECTION ============================*/


#homefeatured .entry-title h2 {
padding-bottom: 0px;
font-size: 22px;
}

#homefeatured .et_pb_post {
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

#homefeatured .et_pb_post:after {
    content: '';
    display: block;
background: rgb(255,85,0);
background: linear-gradient(270deg, rgba(255,85,0,1) 0%, rgba(248,150,35,1) 100%);
    width: 50%;
    height: 3px;
    position: absolute;
    bottom: -8px;
    left: 0px;
    visibility: visible;
}



/*============================ MOBILE ============================*/

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
h1 {
font-size: 30px !important;
}
h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
h4 {
font-size: 16px !important;
font-weight: 700 !important;
}
h5 {
font-size: 14px;
}   
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */

.flexifier {
display: inline;
}

#bluedemobox::before {
content: '';
    display: none;
    visibility: hidden;
}

.orange-tag-top h2, .orange-tag-top h4 {
margin-top:40px;
}

/*========================= SECONDARY PAGE TITLES  ==============================*/

.et_pb_title_container {
width: 90%;
}

.bottom-arrow-divider:after, .bottom-arrow-down:after {
display: none;
}

blockquote p {
    font-size: 24px;
    }

blockquote:before {
    content: '';
    background-image: url(/wp-content/uploads/2020/12/orange-triangle.png);
    display: block;
    width: 44px;
    height: 27px;
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1;
}

h1 {
font-size: 30px !important;
}

h1.large-heading {
font-size: 40px !important;
}

/*============================ HOME ORANGE DROP  ============================*/

.orangeleftdop:before {
content: '';
display: none;
visibility: hidden;
}

.orange-right-drop:before {
display: none;
visibility: hidden;
}

 
  }