/*
	Theme Name: Mitsui E&P
	Theme URI: https://www.mitsui-ep.com/
	Description: A Wordpress Elementor Theme for Mitsui E&P
	Author URI: https://www.pellera.com
	Version: 1.0.1
	Requires PHP: 7.4
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

:root {
    --main-color: #43b02a;
    --white-color: #ffffff;
    --black-color: #222222;
    --navber-color: #424155;
    --paragraph-color: #818090;
    --heading-color: #2A283E;
    --transition: .4s all ease-in-out;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif !important;
}

p {
	font-size: 16px;
	line-height: 24px;
	color: var(--paragraph-color);
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	margin-bottom: 0;
}

b {
	font-weight: 500 !important;
}

/* Header */
#header {
	position: relative;
	margin: 0;
	padding: 0;
}

#header .top { 
	width: 100%;
	height: 22px;
	padding: 0px;
	background-color: #f2f2f3;
	border-bottom: 1px solid #d3d3d5;
}

#header .content { overflow: initial !important; }
#header.site-header { display: block; }

#header .site-branding {
	position: relative;
	float: left;
	width: 172px;
	margin: 26px 0 -6px 0;
}

#header .site-logo img { width: 100%; }

#header .site-navigation {
	width: 70%;
	position: absolute;
	display: block;
	top: 32px;
	left: 15%;
	right: 15%;
	margin: 0;
	padding: 0;
}

#header .site-navigation .menu {
	text-align: center;
	display: block;
	width: 100%;
	padding: 0 20px 0 0px;
}

#header .site-navigation .menu li {
	display: inline-block;
	padding: 0 10px 25px 10px;
	transition: all .12s ease-in-out;
}

#header .site-navigation .menu li a {
	font-weight: 500;
	color: #424155;
	transition: all .12s ease-in-out;
}

#header .site-navigation .menu li.current-menu-item a { color: var(--main-color); }
#header .site-navigation .menu li a:hover { color: #43b02a; }

#header .site-navigation .menu li .sub-menu {
	border: none;
	top: 35px;
	left: 20px;
	z-index: 99;
	width: 294px;
	border-radius: 8px;
	padding: 10px 0;
	margin-top: 15px;
	position: absolute;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	text-align: left;
}

#header .site-navigation .menu li .sub-menu li { display: block; text-align: left; padding: 0 10px; border: none; }
#header .site-navigation .menu li .sub-menu li a:hover { text-decoration: underline; color: #43b02a !important; }
#header .site-navigation .menu li .sub-menu li a { color: #424155 !important; }
#header .site-navigation .menu li:not(.menu-item-has-children) { margin-right: -18px; }
#header .site-navigation .menu li .sub-menu li:not(.menu-item-has-children) { margin-right: 0px; }

#header .site-navigation .menu li.menu-item-has-children::after {
	position: absolute;
	right: 3px;
	top: 6px;
	font-size: 20px;
}

#header .site-navigation ul.menu li.menu-item-has-children::after {
	content:  "\003E";
	transform: rotate(90deg);
}

#header .contact {
	position: relative;
	float: right;
	overflow: hidden;
	margin: 30px 0 0 0;
}

#header .contact .button {
	position: relative;
	float: right;
	padding: 10px 24px;
	border: 2px solid #43b02a;
	border-radius: 5px;
	text-align: center;
	color: #333;
	background-color: transparent;
	transition: var(--transition);
	overflow: hidden;
}

#header .contact .button:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 550px;
	height: 550px;
	margin: auto;
	background: var(--main-color);
	border-radius: 50%;
	z-index: -1;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: translateX(-50%) translateY(-5%) scale(.4);
	transform: translateX(-50%) translateY(-5%) scale(.4);
	transition: var(--transition);
}

#header .contact .button:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-45%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

#header .contact .button:hover { color: var(--white-color); }
#header .contact a { color: #333; }

#header .contact .social {
	float: right;
	padding: 12px 25px 0 0;
	font-size: 18px;
	color: #43b02a;
}

#header .contact .social a { color: #43b02a; transition: all 0.2s ease-in; }
#header .contact .social a:hover { color: #373738; }

/* General */
.content {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1320px;
	overflow: hidden;
}

#content {
	position: relative;
	margin: 0;
	padding: 0;
}

#content .page-content {
	position: relative;
	margin: 0 auto;
	max-width: 1320px;
}

#content .page-content.full {
	position: relative;
	margin: 0 auto;
	max-width: 100%
}

#content .page-content.full .e-con-inner { display: block; max-width: 1320px; margin: 0 auto; }

#content .page-content .header {
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
}

#content .page-content .header img {
	width: 100%;
}

#content .page-content .elementor-heading-title {
	font-size: 25px;
	background-color: #8c8f91;
	border-radius: 10px;
	color: white;
	padding: 20px;
}

#content .page-content h4 {
	color: #43b02a !important;
	margin: 0 0 25px 0;
	font-size: 22px;
}

#content .page-content a {
	color: #43b02a !important;
}

#content .page-content p {
	font-size: 16px;
	line-height: 36px;
	color: var(--paragraph-color);
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	margin-block-end: 1.1rem;
}

#content .page-content .divider {
	font-size: 25px;
	background-color: #8c8f91;
	border-radius: 10px;
	color: white;
	padding: 15px 20px;
}

#content .page-content .grid-three {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#content .page-content .grid-three .elementor-widget-image {
	position: relative;
	display: inline-block;
	padding: 20px 0 0 0;
	margin: 0;
	width: 16%;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
}

#content .page-content .grid-three .elementor-widget-text-editor {
	position: relative;
	display: inline-block;
	padding: 40px 0;
	margin: 0;
	width: 65%;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
    font-size: 24px;
    line-height: 1.7 !important;
	color: var(--paragraph-color);
}

#content .page-content .grid-three .elementor-widget-image:last-child {
	padding: 20px 0 0 20px;
}

#content .page-content .grid-half {
	position: relative;
	padding: 20px 0;
	margin: 20px 0;
	text-align: center;
	overflow: hidden;
}

#content .page-content .grid-half .elementor-widget-image {
	display: inline-block;
	width: 48.6%;
	vertical-align: top;
	text-align: center;
}

#content .page-content .grid-half .elementor-widget-image:last-child {
	margin: 0;
}

#content .page-content .grid-half .elementor-widget-image img {
	width: 92%;
	margin: 0 auto;
}

#content .page-content .swiper-pagination { bottom: -13px; }
#content .page-content .elementor-image-carousel-wrapper { padding-bottom: 15px; }
#content .page-content .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

#content .page-content .swiper-pagination-bullet-active { background: #43b02a; }

#content .page-content .grid-left,
#content .page-content .grid-right {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#content .page-content .grid-left .elementor-widget-text-editor,
#content .page-content .grid-right .elementor-widget-text-editor {
	display: inline-block;
	width: 70%;
	vertical-align: top;
}

#content .page-content .grid-left .elementor-widget-image,
#content .page-content .grid-right .elementor-widget-image {
	display: inline-block;
	width: 25.8%;
	vertical-align: top;
}

#content .page-content .grid-right .elementor-widget-image {
	float: right;
}

#content .page-content .half {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
}

#content .page-content .half .e-child {
	float: left;
	width: 50%;
	padding: 0 !important;
}

#content .page-content .boxes {
	position: relative;
	overflow: hidden;
}

#content .page-content .boxes .box { 
	position: relative;
	float: left;
	width: 18%;
	margin: 10px 2% 0 0;
	border: 2px solid #43b02a;
	padding: 20px 5px;
	text-align: center;
}

#content .page-content .boxes .box h4 { margin: 0; padding: 0px 0 0 0; font-size: 20px; color: #424155 !important; }
#content .page-content .boxes .box p { margin: 0; padding: 0; font-size: 11px; line-height: 24px; }
#content .page-content .boxes .box:nth-child(5) { margin: 10px 0% 0 0; }
#content .page-content .boxes .box:nth-child(5)::after { display: none; }

#content .page-content .boxes .box::after {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	top: 50%;
	margin: -10px 0 0 0;
	right: -20px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #43b02a;
}

#content .page-content .quote {
	margin: 40px 0 0 0;
}

#content .page-content .quote p {
	text-align: center; 
	font-size: 28px !important; 
	line-height: 45px;
}

#content .page-content .list {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
}

#content .page-content .list .box {
	display: inline-block;
	width: 49.5%;
}

#content .page-content .list .box .elementor-widget-image {
	float: left;
	width: 18%;
	padding: 0 20px 0 0;
	text-align: left;
}

#content .page-content .list .box .elementor-widget-image img { width: 90px; }
#content .page-content .list .box .elementor-widget-text-editor { float: left; width: 82%; }
#content .page-content .list .box .elementor-widget-text-editor p { line-height: 25px; margin: 2px 0 0 0; }
#content .page-content .elementor-image-box-wrapper {
	position: relative;
	box-shadow: 0px 5px 9px 8px #93939326;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	background-color: #111;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

#content .page-content .elementor-image-box-wrapper:hover .elementor-image-box-img { opacity: 0.7; }
#content .page-content .elementor-image-box-wrapper:hover .elementor-image-box-content { bottom: 30px; }

#content .page-content .elementor-image-box-wrapper .elementor-image-box-img { 
	width: 100%; display: block;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
#content .page-content .elementor-image-box-wrapper .elementor-image-box-img img { width: 100%; transition: var(--transition); }
#content .page-content .elementor-image-box-wrapper .elementor-image-box-content {
	background-color: var(--white-color);
	position: absolute;
	left: 0;
	bottom: 40px;
	opacity: 0.8;
	width: 90%;
	padding: 10px 10px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#content .page-content .elementor-image-box-wrapper .elementor-image-box-content h3 { margin: 0; font-size: 20px; text-align: left; }

#content .page-content .elementor-button {
	color: white !important;
	background: #43b02a;
	border: 1px solid #198754;
	border-radius: 5px;
	padding: 15px 20px;
	transition: var(--transition);
}
#content .page-content .elementor-button:hover { background:rgb(55, 149, 34); }
#content .page-content .elementor-button a { color: #fff !important; }
#content .page-content .buttons { position: relative; display: block; padding: 0; }
#content .page-content .buttons .elementor-widget { display: inline-block; }

#content .page-content .customer-support {
    background-color: #f9fafb;
    border: 1px solid #ebebeb;
    padding: 35px;
	margin: 0 0 30px 0;
}

#content .page-content .customer-support h3{
    font-size: 22px;
    margin-bottom: 10px;
}

#content .page-content .customer-support span {
    color: var(--paragraph-color);
}

#content .page-content .customer-support .information {
    padding: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

#content .page-content .customer-support .information li {
    list-style-type: none;
    margin-bottom: 20px;
    color: var(--paragraph-color);
    position: relative;
    padding-left: 28px;
}

#content .page-content .customer-support .information li:last-child { margin-bottom: 0; }
#content .page-content .customer-support .information li a { color: var(--paragraph-color); }
#content .page-content .customer-support .information li a:hover { color: var(--main-color); }

#content .page-content .customer-support .information li i {
    color: var(--main-color);
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}

#content .page-content .mission {
margin-left:20px;
}

#content .page-content .mission h5 {
	font-size: 26px;
	font-weight: 800;
	color: #002060;
	text-transform: uppercase;
}

#content .page-content .mission h5 span { color: #43b02a !important; }

/* Custom Styles */

#content .page-content.careers-internship .half { margin: -15px 0 -35px 0; }
#content .page-content.careers-internship .half .e-child:first-child { padding-right: 15px !important; }
#content .page-content.careers-internship .half .e-child:last-child { padding-left: 15px !important; }
#content .page-content.careers-internship strong { color: #111; }
#content .page-content.careers-internship h4 { margin: 0 0 0px 0; }
#content .page-content.careers-benefits h4 { margin: 0; }
#content .page-content.careers-benefits .list .box .elementor-widget-text-editor { width: 65%; }
#content .page-content.careers-benefits .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.moving-forward .grid-left { display: block; } 
#content .page-content.moving-forward .grid-right { display: block; }
#content .page-content.moving-forward .grid-left .elementor-widget-text-editor, 
#content .page-content.moving-forward .grid-right .elementor-widget-text-editor { width: 72%; }
#content .page-content.moving-forward .grid-left .elementor-widget-image { width: 23%; }
#content .page-content.moving-forward .grid-left .elementor-widget-image img { width: 136px; padding: 0 20px 0 0px; }
#content .page-content.moving-forward .grid-right .elementor-widget-image img { width: 136px; padding: 0 0 0 10px; }
#content .page-content.moving-forward .top p { margin: 0 0 -10px 0; }
#content .page-content.moving-forward .grid-right .elementor-widget-image { text-align: left; }
#content .page-content.moving-forward .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.our-culture .grid-left { display: block; overflow: hidden; margin: 0 0 30px 0; }
#content .page-content.our-culture .grid-left p { margin: 0; padding: 20px 0 0 0; }
#content .page-content.our-culture .grid-left h5 { font-size: 16px; margin: 15px 0 0 0; }
#content .page-content.sustainability .grid-left { display: block; background: #ececed; padding: 26px 0 35px; } 
#content .page-content.sustainability .grid-right { display: block; padding: 26px 0 35px 0; }
#content .page-content.sustainability .grid-left .elementor-widget-text-editor  { width: 60%; padding: 35px 0 0 40px; }
#content .page-content.sustainability .grid-right .elementor-widget-text-editor { width: 60%; padding: 40px 40px 0 0px; }
#content .page-content.sustainability .grid-left .elementor-widget-image-box { float: left; width: 35%; }
#content .page-content.sustainability .grid-right .elementor-widget-image-box { float: right; width: 35%; }
#content .page-content.sustainability .elementor-image-box-wrapper { cursor: initial; }
#content .page-content.sustainability .elementor-image-box-wrapper:hover .elementor-image-box-img { opacity: 1; }
#content .page-content.sustainability .elementor-image-box-wrapper:hover .elementor-image-box-content { bottom: 40px; }
#content .page-content.royalty .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.royalty-change .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.royalty-payments .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.royalty-contact .elementor-image-carousel-wrapper { padding-bottom: 0; margin-bottom: -10px; }
#content .page-content.royalty-contact p { line-height: 26px !important; }
#content .page-content.royalty-contact b { font-weight: 800 !important;}
#content .page-content.royalty-change .half .elementor-button { width: 100%; }
#content .page-content.royalty-change .half .elementor-widget-button { width: 50%; display: block; float: left; font-size: 18px; }
#content .page-content.royalty-change .half .elementor-widget-button a { font-size: 18px; }
#content .page-content.royalty-change .half .elementor-widget-button:nth-child(even) { padding: 0 0px 12px 8px; }
#content .page-content.royalty-change .half .elementor-widget-button:nth-child(odd) { padding: 0 8px 12px 0px; }
#content .page-content.royalty-change .full .elementor-button { width: 100%; font-size: 18px; }
#content .page-content.royalty-change table tbody tr td { width: 50%; }

/* Contact Form */

#content .page-content.contact-us .contact_form {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
    box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
    padding: 0 30px 30px 30px;
	margin: 0 0 0 5px;
}

#content .page-content.contact-us .contact_form h3{
    text-align: center;
    padding-bottom: 30px;
}

#content .page-content.contact-us .contact_form .form-group {
    margin-bottom: 15px;
}

#content .page-content.contact-us .contact_form label {
    padding-bottom: 10px;
}

#content .page-content.contact-us .contact_form input, #content .page-content.contact-us .contact_form .contact_form textarea{
	border:1px solid #2a283e30;
}

#content .page-content.contact-us .contact_form_submit{
    padding-top: 30px;
}

#content .page-content.contact-us .form-control {
	height: 50px;
	border: none;
	box-shadow: 0px 1px 13px 0px #0000000d;
	padding: 10px 22px;
	font-size: 16px;
}

#content .page-content.contact-us .btn_theme {
	color: var(--white-color);
	background-color: var(--main-color);
	transition: var(--transition);
	box-shadow: none;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	z-index: 0;
	border: none;
}

#content .page-content.contact-us .right { 
	padding: 0 0 0 30px !important;
}

/* Royalty Change */

#content .page-content.royalty-change .address {
	position: relative;
	margin: 30px 0;
	padding: 0;
	overflow: hidden;
	display: block;
	background: #f7f6f4;
} 

#content .page-content.royalty-change .address .e-con {
	display: block;
	float: left;
	width: 53%;
	padding: 30px;
	overflow: hidden;
}

#content .page-content.royalty-change .address .e-con:first-child { width: 47%; border-right: 1px solid #fff; }
#content .page-content.royalty-change .address .e-con h2 {
	color: #43b02a;
	font-size: 1.50em !important;
}

#content .page-content.royalty-change .address .e-con .btn-success {
	background: var(--main-color);
	color: #fff !important;
	border: 1px solid var(--main-color);
}

#content .page-content.royalty-change .address .e-con .btn-success a { color: #fff !important; }

#content .page-content.royalty-change .address .e-con .btn-success:hover {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
}

#content .page-content.royalty-change .address .e-con .btn-success:hover a { color: #fff !important; }

#content .page-content.royalty-change .address .e-con p {
	line-height: 25px;
	margin: 0 0 0 0;
}

#content .page-content.royalty-change table thead:first-child tr:first-child th {
	text-align: left;
	background: #747577;
	color: #fff !important;
}

/* Operations */

#content .page-content.operations .history_slider {
    padding: 10px 10px 0px 10px;
    margin: 30px 0 0 0;
}

#content .page-content.operations .history-title {
    margin: 20px 0 0 0;
    color: var(--main-color);
}

#content .page-content.operations .history-item {
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: 240px;
	margin: 0 22px 0 0;
	width: 240px;
    -webkit-box-shadow: 0px 5px 40px -18px rgba(25,27,31,0.43);
    -moz-box-shadow: 0px 5px 40px -18px rgba(25,27,31,0.43);
    box-shadow: 0px 5px 40px -18px rgba(25,27,31,0.43);
}

#content .page-content.operations .history-item .line {
    width: 50px;
    height: 2px;
    background-color: var(--main-color);
    margin: 15px 0;
}

#content .page-content.operations .history-item h1 {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

#content .page-content.operations .history-item p {
	line-height: 25px;
}

#content .page-content.operations .owl-prev {
    position: absolute;
    top: 34%;
    left: -20px;
    background: var(--main-color) !important;
    opacity: 1 !important;
    width: 46px;
    height: 46px;
    border-radius: 100px !important;
}

#content .page-content.operations .owl-next {
    position: absolute;
    top: 34%;
    right: -20px;
    background: var(--main-color) !important;
    opacity: 1 !important;
    width: 46px;
    height: 46px;
    border-radius: 100px !important;
}

#content .page-content.operations .owl-carousel .owl-wrapper-outer {
	padding: 0 0 40px 0;
}

#content .page-content.operations .owl-theme .owl-controls .owl-buttons div {
	background: None;
	opacity: 1;
	padding: 4px 6px;
}

#content .page-content.operations .owl-carousel .owl-item { width: 266px !important; }

/* Home Page */

#content .page-content .home {
	display: block;
	position: relative;
	margin: 0px 0 0 0;
	padding: 30px 0 0 0;
	overflow: hidden;
}

#content .page-content .home .side {
	float: left;
	position: relative;
	display: block;
	width: 33%;
}

#content .page-content .home .body {
	float: left;
	position: relative;
	display: block;
	width: 67%;
	padding: 0 0 0 15px;
}

#content .page-content .home .body .elementor-widget-text-editor {
	padding: 25px 0;
}

#content .page-content .home .body .elementor-widget-text-editor p {
	line-height: 25px;
	font-size: 16px;
	color: var(--heading-color);
}

#content .page-content .home .body h2 {
	font-size: 36px;
}

#content .page-content .home .side .elementor-image-box-wrapper {
	margin: 0 0 20px 0;
}

#content .page-content .home .side .elementor-image-box-wrapper {
	margin: 0 0 20px 0;
}

#content .page-content .home .side a { color: #222222 !important; }

#content .page-content .home .photo-grid {
	display: block;
	position: relative;
	margin: 0px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#content .page-content .home .photo-grid .elementor-widget-image {
	float: left;
	display: block;
	position: relative;
	width: 33.33%;
	text-align: left;
}

#content .page-content .home .photo-grid .elementor-widget-image:nth-child(3) { text-align: right; }
#content .page-content .home .photo-grid .elementor-widget-image:nth-child(2) { text-align: center; }
#content .page-content .home .photo-grid .elementor-widget-image img { width: 95%; border-radius: 10px; }

/* Leadership Styles */

#content .leadership {
	position: relative;
	margin: 25px auto 0 auto;
	padding: 0;
	width: 1320px;
}

#content .leadership .grid {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: left;
	overflow: hidden;
}

#content .leadership .grid li {
	display: inline-block;
	margin: 0 3% 2% 0;
	padding: 0;
	width: 17.6%;
	vertical-align: top;
}

#content .leadership .grid li:nth-child(5n) {
  margin: 0 0 2% 0;
}

#content .leadership .grid li img { cursor: pointer; width: 100%; }

#content .leadership .grid li h5 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	color: #6f6f70;
}

#content .leadership .grid li .title {
	font-size: 14px;
	font-style: italic;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 20px;
}

#content .leadership .popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
}

#content .leadership .popup .body { 
	position: absolute;
	top: 50%;
	left: 20%;
	right: 20%;
	margin: -300px 0 0 0px;
	background-color: #fff;
	padding: 30px;
	z-index: 2;
	border-radius: 6px;
}

#content .leadership .popup .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  padding: 7px 0;
  text-align: center;
  background-color: #e1e2e4;
  cursor: pointer;
  border-radius: 100px;
  z-index: 999;
}

#content .leadership .popup .body .photo {
	position: relative;
	float: left;
	width: 25%;
}

#content .leadership .popup .body .description {
	position: relative;
	float: left;
	width: 75%;
	padding: 0 0 0 30px;
}

#content .leadership .popup .body .description h6 {
	font-weight: 400;
	font-size: 15px;
	color: #444;
}

#content .leadership .popup .body .description p {
	line-height: 24px;
}

/* 404 Styles */

#error {
	position: relative;
	padding: 180px 0 100px 0;
	text-align: center;
}

/* Footer */
#footer {
	position: relative;
	padding: 0px;
	margin: 0;
	overflow: hidden;
}

#footer .content { padding: 100px 0; }
#footer .bottom .content { padding: 0px 0; }

#footer .menu {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 65%;
}

#footer .menu li {
	position: relative;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	overflow: hidden;
}

#footer .menu li a { font-weight: 800; color: #333; font-size: 15px; }

#footer .menu .sub-menu {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

#footer .menu .sub-menu li {
	position: relative;
	margin: 0;
	padding: 15px 0 0 0;
	width: 100%;
	font-size: 12px;
}

#footer .menu .sub-menu li a { font-weight: 400; color: #333; transition: all 0.3s ease-in-out 0.1s; font-size: 13px; }
#footer .menu .sub-menu li a:hover { color: var(--main-color); }

#footer .site-branding {
	position: relative;
	float: left;
	width: 35%;
	padding: 0 30px 0 0;
}

#footer .site-branding .site-logo {
	width: 180px;
}

#footer .site-branding .site-logo img { width: 100%; }
#footer .site-branding a { color: var(--main-color); }

#footer .bottom {
	position: relative;
	padding: 20px 20px 20px 20px;
	color: #fff;
	background: #43b02a;
	font-size: 14px;
}

#footer .bottom .content {
	overflow: initial;
}

#footer .bottom .social {
	position: absolute;
	top: -7.5px;
	right: 0;
}

#footer .bottom .social i {
	color: #fff;
	font-size: 20px;
	padding: 10px 11px;
	transition: all 0.2s ease-in;
}

#footer .bottom .social i:hover {
	border-radius: 100px;
	background:rgba(25, 27, 31, 0.43);
}

/* Mobile */
@media only screen and (max-width: 1320px) {
	.content { width: 1140px; }
}

@media only screen and (max-width: 1140px) {
	#header .contact { display: none; }
	#header .content { padding: 0 30px 10px 30px; }
	#header .site-branding { width: 158px; }
	#header .site-navigation-toggle { position: absolute; right: 30px; top: 30px; padding: 10px; border-radius: 4px; }

	.content { width: 100%; }

	#content .page-content { width: 100%; padding: 0 30px; }
	#content .page-content .divider { font-size: 22px; padding: 13px; }
	#content .page-content .elementor-heading-title { font-size: 20px; padding: 15px; }
	#content .page-content .half .e-child { width: 100%; }
	#content .page-content .list .box { width: 100%; }
	#content .page-content .quote { margin: 30px 0 0 0; }
	#content .page-content .quote p { font-size: 18px !important; line-height: 30px; }
	#content .page-content .boxes .box { width: 100%; }
	#content .page-content.careers-internship .half .e-child:last-child { padding: 0px !important; }
	#content .page-content.careers-internship .half .e-child:first-child { padding: 0px !important; }
	#content .page-content .home .body { float: none; width: 100%; padding: 0px 0 30px 0; }
	#content .page-content .home .side { float: none; width: 100%; padding: 0px; }
	#content .page-content.sustainability .grid-left .elementor-widget-text-editor,
	#content .page-content.sustainability .grid-right .elementor-widget-text-editor { width: 100%; padding: 0 20px 20px 20px; }
	#content .page-content .elementor-image-box-wrapper .elementor-image-box-img { width: 100%; padding: 0; }
	#content .page-content.sustainability .grid-left .elementor-widget-image-box,
	#content .page-content.sustainability .grid-right .elementor-widget-image-box { width: 100%; padding: 0 30px 10px 30px; }
	#content .page-content.contact-us .right { padding: 20px 0 0 0 !important; }
	#content .page-content .grid-right .elementor-widget-image,
	#content .page-content .grid-left .elementor-widget-image { float: none; }
	#content .page-content.moving-forward .grid-left .elementor-widget-text-editor, 
	#content .page-content.moving-forward .grid-right .elementor-widget-text-editor { width: 100%; }
	#content .page-content.royalty-change .half .elementor-widget-button { width: 100%; }
	#content .page-content.royalty-change .half .elementor-widget-button:nth-child(1n) { padding: 0 0 10px 0 !important; }
	#content .page-content.royalty-change .half .elementor-widget-button:nth-child(2n) { padding: 0 0 10px 0 !important; }
	#content .page-content.royalty-change .address .e-con:first-child,
	#content .page-content.royalty-change .address .e-con:last-child { width: 100%; float: none; border: none }
	#content .page-content.royalty-change .address .e-con .btn-success { width: 100%; margin: 0 0 5px 0; }
	#content .leadership .header { height: 160px; }
	#content .leadership .header img { width: auto; height: 100%; }
	#content .leadership .grid li { width: 100%; margin: 0 0 20px 0; }
	#content .leadership .grid li:nth-child(5n) { width: 100%; margin: 0 0 20px 0; }
	#content .leadership .grid li img { width: 60%; }
	#content .leadership { margin: 15px auto 0 auto; }
	
	#footer .content { padding: 30px 30px 0px 30px; }
	#footer .site-branding .site-logo { margin: 0 auto; }
	#footer .site-branding { float: none; width: 100%; text-align: center; padding: 0px; }
	#footer .menu { width: 100%; padding: 30px 0; }
	#footer .menu li { padding: 30px 0; float: none; width: 100%; text-align: center; border-top: 1px solid #d5d6db; }
	#footer .menu li .sub-menu li { border: none; padding: 15px 0 0 0; }
	#footer .menu li .sub-menu li a { font-size: 14px; }
	#footer .bottom { text-align: center; }
	#footer .bottom .social { float: none; width: 100%; top: auto; right: auto; padding: 10px 0 0 0; position: relative; text-align: center; }
}