:root {
	--container-width: 100%;
	--plain-color : #fff;
	--dark-color : #071c15;
	--primary-color : #003F20;
	--primary-light : #b3e0d6;
	--primary-fade-dark : #4db7a0;
	--secondary-color: #ffe200;
	--secondary-dark: #D29E0E;
	--light-color: #f3f3f3;
	
	--beans-color: #822B25;
	--rice-color: #A6A7AA;
	--honey-color: #ffe200;
	--tuna-color: #D0B09D;
	--olives-color: #546621;
	--dairy-color: #087ABF;
	--okam-color: #16145F;
	--okam-hover: #008CC0;
	
	--primary-rgb: 18, 71, 52;
	--secondary-rgb : 246, 237, 92;
	--beans-rgb: 130, 43, 37;
	--rice-rgb: 166, 167, 170;
	--honey-rgb: 255, 226, 0;
	--tuna-rgb: 208, 176, 157;
	--olives-rgb : 84, 102, 33;
	--dairy-rgb : 8, 122, 191;
	
	
	--body-color: var(--dark-color);
	--header-padding-top:20px;
	--header-padding-bottom:20px;
	--large-padding: 15rem;
	--medium-padding: 10rem;
	--small-padding: 4rem;
	--menu-padding: 0 20px;
	
	--header-height: 16rem;
	
	--transition: all 0.5s ease-in-out 0s;
	--html-font-size: 62.5%;
	--body-font-family: 'Ping LCG', sans-serif;
	--body-font-size: 1.8rem;
	--body-font-weight: 400;
	--heading-font-family: 'Ping LCG', sans-serif;
	--heading-font-weight: 700;
	--heading-font-color: var(--dark-color);
	--subheading-font-family: 'Ping LCG', sans-serif;
	--light-font-weight: 100;
	--medium-font-weight: 500;
	--heading-one-size: 6.4rem;
	--heading-two-size: 5.2rem;
	--heading-three-size: 4rem; /*calc(var(--body-font-size) *2);*/
	--heading-four-size: 3.2rem; /*calc(var(--body-font-size) *2);*/
	--heading-five-size: 2.4rem; /*calc(var(--body-font-size) *1.2);*/
	--heading-six-size: 1.6rem; /*calc(var(--body-font-size) *1.2);*/
	
	--link-color : var(--dark-color);
	--btn-color: var(--plain-color);
	--btn-border: var(--primary-color);
	--btn-background: var(--primary-color);
	--btn-hover-color : var(--secondary-color);
	--btn-hover-border : var(--secondary-color);
	--btn-hover-background: var(--primary-color);
	--btn-font-weight: var(--heading-font-weight);
	--btn-font-size: var(--body-font-size);
	
	--primary-shape-border-radius : 50rem;
	--secondary-shape-border-radius : 10rem;
	
	--sm-icon-size: calc(var(--body-font-size) *2); 
	--sm-icon-color : var(--primary-color);
	--input-height:  calc(var(--body-font-size) *3);
	--input-background : var(--primary-color);
	--input-color: var(--dark-color);
	--input-focus : var(--beans-color);
	--input-focus-color: var(--plain-color);
	--input-focus-border: var(--beans-color);
}

@media (max-width:1400px) {
	:root {
		/*--html-font-size: 31.25%; */
		--heading-one-size : 5.6rem;
	}
}

@media (max-width:767px) {
	:root {
		/*--html-font-size: 31.25%;*/
		/*--body-font-size: 3.6rem;*/
		--large-padding: 8rem;
		--medium-padding: 5rem;
		--secondary-shape-border-radius: 5rem;
		--heading-one-size : 4.8rem;
		--heading-two-size: 3.6rem;
		--heading-three-size: 2.8rem;
		--heading-four-size: 2.2rem;
		--heading-five-size: 1.8rem;
		--primary-shape-border-radius : 25rem;
	}
}

@media (min-width: 992px) {
	:root {
		--container-width: 100%;	
	}
}
@media (min-width: 1200px) {
	:root {
		--container-width: 100%;	
	}
}
@media (min-width: 1400px) {
	:root {
		--container-width: 1320px;	
	}
}


@font-face {
    font-family: 'Ping LCG';
    src: url('../webfonts/PingLCG-Regular.woff2') format('woff2'),
        url('../webfonts/PingLCG-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ping LCG';
    src: url('../webfonts/PingLCG-Medium.woff2') format('woff2'),
        url('../webfonts/PingLCG-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ping LCG';
    src: url('../webfonts/PingLCG-Bold.woff2') format('woff2'),
        url('../webfonts/PingLCG-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.row {
    --bs-gutter-x: calc(var(--body-font-size) *1.67); 
}
.g-0, .gx-0, .g-0  {
    --bs-gutter-x: 0;
}
html { font-size: var(--html-font-size); } /* =10px */
body { font-family:var(--body-font-family); font-weight:var(--body-font-weight); font-size: var(--body-font-size); line-height:1.9; color:var(--body-color); } /* =16px */

p {margin-bottom:calc(var(--body-font-size) * 1.2); color:inherit;}
b, strong {font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); color:inherit;}
a {color:var(--link-color);}
a:hover {color:var(--link-color); text-decoration:none;}

h1, .mt-h1 {font-family:var(--heading-font-family); font-size:var(--heading-one-size); font-weight:var(--heading-font-weight);}
h2, .mt-h2 {font-family:var(--heading-font-family); font-size:var(--heading-two-size); font-weight:var(--heading-font-weight); color:var(--heading-font-color);margin-bottom:3rem;}
h3, .mt-h3 {font-family:var(--heading-font-family); font-size:var(--heading-three-size); color:var(--heading-font-color); font-weight:var(--heading-font-weight);}
h4, .mt-h4 {font-family:var(--heading-font-family); font-size:var(--heading-four-size); color:var(--heading-font-color); font-weight:var(--medium-font-weight);}
h5, .mt-h5 {font-family:var(--heading-font-family); font-size:var(--heading-five-size); font-weight:var(--heading-font-weight); color:var(--heading-font-color);}
h6, .mt-h6 {font-family:var(--heading-font-family); font-size:var(--heading-six-size); font-weight:var(--heading-font-weight); color:var(--heading-font-color);}

.mt-light {font-weight:var(--light-font-weight);}
.mt-strong {font-weight:var(--heading-font-weight);}
h2 .mt-light {display:block;}
h2 em,
h3 em {color:var(--heading-highlight-color); font-style:normal;}
.mt-plain_bgr {
	--card-background			: var(--plain-color); 
	--heading-font-color		: var(--primary-color); 
	--heading-highlight-color	: var(--secondary-color);
	--box-shadow				: 0 0 1.5rem rgba(0,0,0,0.08);
}

.mt-secondary_bgr, .mt-honey_bgr {
	--body-color				: var(--plain-color);
	--card-background			: var(--plain-color); 
	--heading-font-color		: var(--primary-color); 
	--heading-highlight-color	: var(--secondary-color);
	--btn-background			: var(--primary-color); 
	--btn-color					: var(--plain-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--beans-color);
	--btn-hover-background		: var(--beans-color);
	--box-shadow				: 0 0 1.5rem rgba(0,0,0,0.08);
}




.mt-light_bgr {
	--card-background			: var(--plain-color); 
	--heading-font-color		: var(--primary-color); 
	--heading-highlight-color	: var(--secondary-color);
	--box-shadow				: 0 0 1.5rem rgba(0,0,0,0.08);
	--recipe-title-color		: var(--beans-color);
}
.mt-primary_bgr, .mt-image_bgr.mt-primary_bgr , .mt-canned-beans_bgr, .mt-dairy_bgr{
	--body-color				: var(--plain-color);
	--heading-font-color		: var(--secondary-color);
	--btn-color					: var(--dark-color);
	--btn-border				: var(--secondary-color);
	--btn-background			: var(--secondary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--beans-color);
	--btn-hover-background		: var(--beans-color);
	--link-color				: var(--plain-color);
	--recipe-title-color		: var(--plain-color);
	--input-background 			: var(--plain-color);
	--input-color				: var(--dark-color);
	--input-focus 				: var(--primary-color);
	--input-focus-color			: var(--plain-color);
	--input-focus-border		: var(--secondary-color);
	--error-color				: var(--secondary-color);
}
.mt-canned-beans_bgr, .mt-dairy_bgr {
	--btn-color					: var(--dark-color);
	--btn-border				: var(--secondary-color);
	--btn-background			: var(--secondary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--primary-color);
	--btn-hover-background		: var(--primary-color);
}

.mt-gradient_bgr {
	--left-color				: #008D48;
	--right-color				: #003F20;
	--btn-color					: var(--plain-color);
	--btn-border				: var(--primary-color);
	--btn-background			: var(--primary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--beans-color);
	--btn-hover-background		: var(--beans-color);
	--link-color				: var(--plain-color);
	--body-color				: var(--plain-color);
	--heading-font-color		: var(--secondary-color); 
	--input-background 			: var(--plain-color);
	--input-color				: var(--dark-color);
	--input-focus 				: var(--primary-color);
	--input-focus-color			: var(--plain-color);
	--input-focus-border		: var(--secondary-color);
	--error-color				: var(--secondary-color);
}

.mt-dark_bgr, .mt-tuna_bgr, .mt-rice_bgr {
	--link-color				: var(--plain-color);
	--body-color				: var(--plain-color);
	--heading-font-color		: var(--secondary-color); 
	--heading-highlight-color	: var(--secondary-color);
	--card-background			: var(--body-color); 
	--box-shadow				: none; 
	--btn-hover-background		: var(--primary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--primary-color);
}

.mt-banner_caption {
	--heading-font-color		: var(--plain-color);
	--heading-highlight-color	: var(--secondary-color);
	--body-color				: var(--plain-color);
}

.mt-entry_content {
	--heading-font-color		: var(--plain-color);
	--heading-highlight-color	: var(--secondary-color);
}

.mt-project_card {
	--btn-border				: var(--primary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--plain-color);
}

.mt-light_bgr, .mt-image_bgr.mt-light_bgr {
	--heading-font-color		: var(--primary-color);
	--btn-color					: var(--plain-color);
	--btn-border				: var(--primary-color);
	--btn-background			: var(--primary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--beans-color);
	--btn-hover-background		: var(--beans-color);
}

.mt-primary_color {
	--link-color				: var(--primary-color);
	--body-color				: var(--primary-color);
	--heading-font-color		: var(--primary-color); 
}


.mt-header {
	--sm-icon-color				: var(--plain-color);
	--btn-color					: var(--dark-color);
	--btn-border				: var(--secondary-color);
	--btn-background			: var(--secondary-color);
	--btn-hover-color 			: var(--plain-color);
	--btn-hover-border 			: var(--beans-color);
	--btn-hover-background		: var(--beans-color);
}
.mt-large_padding {padding-top:var(--large-padding); padding-bottom:var(--large-padding);}
.mt-large_pt {padding-top:var(--large-padding);}
.mt-large_pb {padding-bottom:var(--large-padding);}
.mt-medium_padding {padding-top:var(--medium-padding); padding-bottom:var(--medium-padding);}
.mt-medium_pt {padding-top:var(--medium-padding);}
.mt-medium_pb {padding-bottom:var(--medium-padding);}
.mt-small_padding {padding-top:var(--small-padding); padding-bottom:var(--small-padding);}
.mt-small_pt {padding-top:var(--small-padding);}
.mt-small_pb {padding-bottom:var(--small-padding);}


.mt-large_margin {margin-top:var(--large-padding); margin-bottom:var(--large-padding);}
.mt-large_mt {margin-top:var(--large-padding);}
.mt-large_mb {margin-bottom:var(--large-padding);}
.mt-medium_margin {margin-top:var(--medium-padding); margin-bottom:var(--medium-padding);}
.mt-medium_mt {margin-top:var(--medium-padding);}
.mt-medium_mb {margin-bottom:var(--medium-padding);}
.mt-small_margin {margin-top:var(--small-padding); margin-bottom:var(--small-padding);}
.mt-small_mt {margin-top:var(--small-padding);}
.mt-small_mb {margin-bottom:var(--small-padding);}

.mt-primary_bgr {background:var(--primary-color); color:var(--plain-color);}
.mt-primary_fade_bgr {background:var(--primar-fade);}
.mt-plain_bgr {background:var(--plain-color); color:var(--body-color);}
.mt-light_bgr {background:var(--light-color);}
.mt-dark_bgr {background:var(--dark-color); color:var(--plain-color);}
.mt-dark_bgr .mt-section_title {color:var(--plain-color);}


.mt-image_bgr {background-size:cover; background-repeat:no-repeat;}

.mt-secondary_bgr { background:var(--secondary-color); color:var(--body-color); }
.mt-gold_bgr { background:var(--secondary-dark); color:var(--body-color); }

.mt-primary_fade, .mt-primary_fade::after {background:rgba(var(--primary-rgb), 0.7);},
.mt-secondary_fade, .mt-secondary_fade::after {background:rgba(var(--secondary-rgb), 0.7);}
.mt-canned-beans_fade, .mt-canned-beans_fade::after {background:rgba(var(--beans-rgb), 0.5);}
.mt-olives_fade, .mt-olives_fade::after {background:rgba(var(--olives-rgb), 0.5);}
.mt-tuna_fade, .mt-tuna_fade::after {background:rgba(var(--tuna-rgb), 0.5);}
.mt-rice_fade, .mt-rice_fade::after {background:rgba(var(--rice-rgb), 0.5);}
.mt-honey_fade, .mt-honey_fade::after {background:rgba(var(--honey-rgb), 0.5);}
.mt-dairy_fade, .mt-dairy_fade::after {background:rgba(var(--dairy-rgb), 0.5);}

.mt-canned-beans_bgr {background:var(--beans-color);}
.mt-rice_bgr {background:var(--rice-color);}
.mt-honey_bgr {background:var(--honey-color);}
.mt-tuna_bgr {background:var(--tuna-color);}
.mt-olives_bgr {background:var(--olives-color);}
.mt-dairy_bgr {background:var(--dairy-color);}

.mt-plain_color {color:var(--plain-color);}
.mt-primary_color {color:var(--body-color);}
.mt-secondary_color {color:var(--secondary-color);}
.mt-dark_color {color:var(--dark-color);}



.mt-gradient_bgr {color:var(--body-color); background: linear-gradient(235deg, var(--left-color) 29.3%, var(--right-color) 83.13%); background-size: 200% 200%; animation: gradient 15s ease infinite;}







@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.mt-thumb {margin:0;}
.mt-thumb img {width:100%; max-width:100%; height:auto;}
.mt-thumb a {display:block;}
.mt-thumb_clip {position:relative; clip-path: polygon(0 0, 100% 0, 100% 100%, 48% 100%, 40% 92%, 0 92%); padding-top:30px;}
.mt-thumb_clip:before {content:''; height:30px; width:60%; position:absolute; right:0; top:0; clip-path: polygon(30px 0, 100% 0%, 100% 100%, 0% 100%); background:var(--primary-color); z-index:4;}
.mt-thumb_r10 {border-radius:1rem; overflow:hidden;}
.mt-thumb_r10 img {border-radius:1rem;}

.mt-btn {display:inline-block; color:var(--btn-color); text-decoration:none; background:var(--btn-background); font-size:var(--btn-font-size); font-family:var(--subheading-font-family); font-weight:var(--heading-font-weight); border:solid 2px var(--btn-border); border-radius:40px; padding:8px 20px 10px; margin-top:4rem; transition:var(--transition);  height:var(--input-height);}
.mt-btn:hover {background:var(--btn-hover-background); color:var(--btn-hover-color); border-color:var(--btn-hover-border); transform:scale(1.1); }
.mt-btn_trans {background:transparent; border-color:var(--btn-background); color:var(--btn-background);}
.mt-btn_trans:hover, .mt-btn.mt-active {background:var(--btn-hover-background); color:var(--plain-color); border-color:var(--btn-hover-border);}
.mt-btn + .mt-btn {margin-left:3rem;}
input.mt-btn {min-width:18rem;}
.mt-view_all {text-decoration:none; color:inherit; font-weight:var(--btn-font-weight);}
.mt-view_all:hover {color:var(--primary-color);}
.mt-wrapper {contain:paint;}
.mt-header {background:transparent; padding:var(--header-padding-top) 0 var(--header-padding-bottom); position:absolute; width:100%; left:0; right:0; top:0; transition:all 0.5s ease-in-out 0s; z-index:99;}
.mt-fixed_header .mt-header {--header-padding-top: 10px; --header-padding-bottom: 10px; position:fixed; background:var(--primary-color); box-shadow:0 0 5px rgba(0,0,0,0.5);}
.mt-lang {list-style:none; margin:0; margin-right:10px; text-transform:uppercase;}
.mt-lang li {margin:0 10px;}
.mt-lang a {color:var(--plain-color); text-decoration:none;}
.mt-lang a:hover, .mt-lang .current-lang a {color:var(--secondary-color);}

.admin-bar .mt-header { top:32px;}

.mt-site_logo {position:relative; width:20rem; max-width:100%; margin:auto; transition:var(--transition);}
.mt-site_logo svg {width:20rem; height:auto; transition:var(--transition); transform-origin:left center;}
.mt-site_logo a {position:relative; z-index:2;}
.mt-site_logo img {max-width:100%; height:auto;}
.mt-site_logo svg path {transition:var(--transition);}
.mt-fixed_header .mt-site_logo,
.mt-fixed_header .mt-site_logo svg {width:10rem;}
.home:not(.mt-fixed_header) .mt-site_logo {opacity:0;}
.mt-nav_open {overflow:hidden;}
.mt-dark_header .mt-site_logo svg path {fill:var(--plain-color);}
.mt-main_navigation {display:flex; align-items:center; margin:0; padding:0; list-style:none; font-family:var(--subheading-font-family); font-weight:var(--heading-font-weight); font-size:calc(var(--body-font-size) * 1.2); position:relative; z-index:3; line-height:1.2;}
.mt-main_navigation li {padding:var(--menu-padding); position:relative;}
.mt-main_navigation li.mt-btn {margin:0; display:flex; align-items:center; justify-content:center;}
.mt-main_navigation li.mt-btn a, .mt-main_navigation li.mt-btn.current-menu-item a {padding-top:6px; color:var(--plain-color);}
.mt-main_navigation a {color:var(--plain-color); text-decoration:none;}
.mt-main_navigation li > a:hover, .mt-main_navigation li.current-menu-item > a, .mt-main_navigation li.current_page_ancestor > a {color:var(--dark-color); }
.mt-fixed_header .mt-main_navigation a {color:var(--plain-color);}
.mt-fixed_header .mt-main_navigation li > a:hover, .mt-fixed_header .mt-main_navigation li.current_page_ancestor > a:hover, .mt-fixed_header .mt-main_navigation li.current-menu-item:not(.mt-btn) > a {color:var(--secondary-color); }
.mt-left_menu {display:none;}
.mt-primary_nav {display:none; position:fixed; left:0; top:0; right:0; height:100vh; z-index:2; padding:calc(var(--header-height) * 1.5) 3rem 8rem; margin-top:0; z-index:9; overflow:auto; background:var(--primary-color); }

	.mt-primary_nav ul {display:block; text-align:center; font-size:calc(var(--body-font-size) * 1.6);}
	.mt-primary_nav ul li {margin: 0 0 2rem;}
	.mt-primary_nav ul li a {color:var(--plain-color);}
	.mt-primary_nav li:hover a, .mt-primary_nav li.current-menu-item a {color:var(--secondary-color); }

.mt-main_navigation li ul {position:absolute; background:var(--primary-color); border-radius:1.5rem; padding:2rem 0; text-align:left; width:200px; left:0; top:100%; list-style:none; transition:all 0.5s ease-in-out 0s; opacity:0; visibility:hidden;}
.mt-main_navigation li:hover ul {opacity:1; visibility:visible;}
.mt-main_navigation li ul li {padding-top:0.5rem; padding-bottom:0.5rem;}
.mt-main_navigation li ul a {color:var(--plain-color);}


/*slider*/
.mt-main_banner {position:relative;}
.mt-main_banner video {width:100%; display:block;}
.mt-billboard, .mt-billboard_bg, .mt-has_overlay {position:relative;}


.mt-has_overlay:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--dark-color); opacity:0.7; pointer-events:none;}
.mt-banner_caption {position:absolute; left:0; top:10rem; right:0; bottom:12rem; color:var(--body-color); font-size:calc(var(--body-font-size) * 1.5); line-height:1.5;}
.mt-banner_caption .alignright {float:right;}

.mt-banner_title {position:absolute; left:0; bottom:0; z-index:2; padding:2rem 8rem 2rem 5rem; border-top-right-radius:10rem; background:var(--secondary-dark);}
.mt-banner_thumb {position:relative;}
.mt-banner_thumb img {min-height:700px; object-fit:cover;}
.mt-banner_second_image {position:absolute; height:100%; z-index:2;}
.mt-banner_second_image img {height:100%; width:auto;}
.mt-banner_pattern {position:absolute; bottom:0; opacity:0.9; width:100%;}
.page-id-380 .mt-banner_pattern, .page-id-1184 .mt-banner_pattern, .page-id-279 .mt-banner_pattern, .page-id-1039 .mt-banner_pattern {display: none;}
.slick-dots {list-style:none; margin:0; padding:0; position:absolute; left:0; right:0; bottom:4rem; display:flex; justify-content:center; z-index:3;}
.slick-dots li {padding:3px; margin:0 1rem; border:solid 2px transparent; border-radius:50%; position:relative;}

.slick-dots li:hover, .slick-dots li.slick-active {border-color:var(--plain-color);}
.slick-dots button {background:var(--plain-color); display:block; width:2rem; height:2rem; border-radius:50%; border:none; font-size:0;}


.mt-page_banner {position:relative; min-height:90vh; background-size:cover; background-position:center; background-position-y:0; background-attachment:fixed; }
.mt-page_banner:before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 90%); z-index:0;}
.mt-section_header {margin:0 0 calc(var(--body-font-size) * 2);}
.mt-section_header .mt-section_title {margin:0; color:var(--heading-font-color);}
.mt-section_header .mt-section_title .mt-light {color:var(--heading-highlight-color);}
.mt-section_header .mt-sub_title {position:relative; display:flex; align-items:center; font-size:calc(var(--body-font-size) * 1.2);}
.mt-section_header .mt-sub_title:before {content:''; width:5rem; height:0.5rem; background:url(../img/text-bgr.png); background-position:center; background-size:cover; display:inline-block; margin-right:1rem;}
.mt-page_title {margin:0; color:var(--plain-color);}

.mt-section_title.mt-gradient_text_h2, .mt-count_number {background-image:url(../img/text-bgr.png); background-size:cover; background-position:center;}
.mt-about_section {position:relative;}
.mt-column_card {--column-padding: 3rem; --column-radius: 1.5rem; position:relative; padding:var(--column-padding); background:var(--card-background); border-radius:var(--column-radius); box-shadow:var(--box-shadow); margin:0 0 calc(var(--body-font-size) * 2);}
.mt-video_card {--column-padding:0; height:auto; margin:0; overflow:hidden;}
.mt-video_card iframe, .mt-video_card video {aspect-ratio:9/16; object-fit:cover; max-width:100%; height:auto; display:block;  border-radius:var(--column-radius);}
.mt-mission, .mt-vision, .mt-mission_vision_section {position:relative;}
.mt-mission:after, .mt-vision:after {content:''; position:absolute; top:0; left:0; width:60%; bottom:0; background:var(--secondary-color); }
.mt-vision:after {border-top-right-radius:80rem; border-bottom-right-radius:80rem;}

.mt-mission:after {left:unset; right:0; border-top-left-radius:80rem; border-bottom-left-radius:80rem;}

.mt-mv_block {position:relative; z-index:1;}
.mt-mv_block .mt-thumb {background:var(--plain-color); border-radius:50%; padding:10rem; margin:0;}

.mt-has_divider {position:relative;}
.mt-has_divider:after {content:''; position:absolute; left:50%; top:0; bottom:0; transform:translateX(-50%); width:10px; background:var(--secondary-color);}
.mt-image_with_text .mt-listing {list-style:none;}
.mt-image_with_text .mt-listing li {display:flex; align-items:center; justify-content:center; flex-direction:column;}

.mt-column_card .row {position:relative; z-index:3;}
.mt-about_icon, .mt-column_card .mt-icon {/*background:var(--primar-fade); width:calc(var(--body-font-size) * 7.5); height:calc(var(--body-font-size) * 7.5); padding:2rem;*/ border-radius:50%; display:flex; justify-content:center; align-items:center; margin:0 auto 4rem;}
.mt-multi_column_section .mt-sticky {top:var(--header-height);}
.mt-multi_column_section.mission_vision {position: relative;}
.mt-multi_column_section.mission_vision:after {content:''; position: absolute; top:0; bottom:0; left: 50%; width: 20%; transform: translateX(-50%);}
.mt-multi_column_section.mt-primary_bgr.mission_vision:after {background: var(--secondary-color);}
.mt-multi_column_section.mission_vision > .container-xl > .justify-content-around {justify-content: center !important;}
.mt-multi_column_section.mission_vision .mt-column_card {background: var(--primary-color); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 2;}
.mt-multi_column_section.mission_vision .mt-column_card .mt-icon {background:none; justify-content: flex-end; position: absolute; right: 0;}
.mt-multi_column_section.mission_vision .mt-column_card .mt-icon img {width: 10rem;}
.mt-multi_column_section.mission_vision .mt-column_card .text-lg-center {text-align: left !important; margin-top: 5rem;}
.mt-multi_column_section.mission_vision .mt-h3 {font-weight: var(--heading-font-weight);}

.mt-sticky .mt-column_card, .mt-column_card.mt-np {position:relative; box-shadow:none; height:auto; padding:0;}

.mt-column_card .mt-icon img {width:8rem;}
.mt-column_card .mt-thumb {margin:calc(var(--column-padding) * -1) calc(var(--column-padding) * -1) var(--column-padding);}
.mt-column_card .mt-thumb img {aspect-ratio : 4/3; object-fit:cover;}
.mt-column_card .mt-thumb.mt-thumb_full {margin:0 0 3rem;}
.mt-column_card .mt-thumb.mt-thumb_full img {aspect-ratio : auto;}
.mt-column_card .mt-thumb.mt-has_caption {position:relative; padding:0;}
.mt-sticky .mt-column_card .mt-thumb {margin:0; position:relative;}
.mt-sticky .mt-column_card .mt-thumb img {aspect-ratio : 4/2; object-fit:cover;}
.mt-sticky .mt-column_card .mt-thumb:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:var(--primary-color); mix-blend-mode:multiply; opacity:0.5; z-index:1; border-radius:1rem;}
.mt-column_card .mt-thumb.mt-has_caption:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%); border-radius:1rem;}
.mt-column_caption {position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; padding:4rem; z-index:2; display:flex; justify-content:center; flex-direction:column-reverse;}
.mt-sticky .mt-column_caption .mt-column_title {letter-spacing:40px; transition:var(--transition);}
.mt-sticky .mt-column_caption .mt-column_title.aos-animate {letter-spacing:0;}


.mt-cat_thumb {position:relative; overflow:hidden;}
.mt-cat_title {position:absolute;  bottom:0; padding:1rem 5rem 1rem 3rem; border-top-right-radius:10rem; margin:0; transition:var(--transition);}
.mt-cateogry_grid .mt-cat_title {left:-100%;}
.mt-cateogry_grid .mt-cat_thumb:hover .mt-cat_title {left:0;}
.mt-cateogry_grid .mt-cat_thumb img {aspect-ratio: 1/1; object-fit:cover;}


.mt-recipes_row {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; width:200%;}
.mt-recipe_title {color:var(--recipe-title-color); margin:0 0 3rem;}
.mt-recipe_thumb {padding:1rem; box-shadow:0 0 20px rgba(0,0,0,0.5); border-radius:50%; background:var(--plain-color);}
.mt-recipe_thumb img {aspect-ratio: 1/1; object-fit:cover; border-radius:50%;}
.mt-recipe_state {--heading-font-color: var(--plain-color);display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap:2rem; list-style:none; color:var(--plain-color); padding:0; margin:4rem 0 0;}
.mt-recipe_state li {background:var(--beans-color); padding:1rem; border-radius:1rem; line-height:1.5;}

.mt-recipe_sqaure_thumb {background:var(--dark-color);}
.has-post-thumbnail .mt-recipe_sqaure_thumb {padding:0;}
.mt-recipe_sqaure_thumb img, .mt-product_card .mt-thumb {aspect-ratio: 1/1; object-fit:contain; opacity:1;}
.has-post-thumbnail .mt-recipe_sqaure_thumb img {object-fit:cover; opacity:1;}
.mt-recipe_card .mt-recipe_title {margin-top:3rem;}
.mt-recipe_title a {text-decoration:none;}
.mt-recipe_card .mt-cat_title {font-size:calc(var(--heading-four-size) * 0.7);}

.mt-product_card .mt-thumb img {aspect-ratio: 3/4;}
.mt-product_card .mt-thumb {padding:30px; border-radius:1rem;}
.mt-product_card:not(.has-post-thumbnail) .mt-thumb img {opacity:0.3;}

.mt-ingredients ul {padding:0; list-style:none;}
.mt-ingredients ul li {border-bottom:dashed 1px rgba(255,255,255,0.2); padding:1.5rem 0 1.5rem 3rem; margin:0; position:relative;}
.mt-ingredients ul li:before {content:'\2022'; position:absolute; left:0; top:1.5rem; }

.mt-instructions ol {padding:0; list-style:none; counter-reset: mt-counter;}
.mt-instructions ol li {counter-increment: my-counter; padding:1.5rem 0 1.5rem 5rem; margin:0; position:relative;}
.mt-instructions ol li:before {content:counter(my-counter); position:absolute; left:0; top:0; font-size:var(--heading-three-size); font-weight:var(--heading-font-weight); color:var(--secondary-color);}

.mt-team_thumb {position:relative;}
.mt-team_thumb:after {content:''; position:absolute; left:0; width:50%; top:0; bottom:0; background:var(--primary-color); mix-blend-mode:multiply;}
.mt-team_thumb.odd:after {background:var(--secondary-color);}
.mt-team_title {text-transform:uppercase; margin-top:4rem;}
.mt-designation {font-size:1.8rem; text-transform:none; line-height:1.6;}

.mt-gallery .mt-column_card .mt-thumb img {aspect-ratio: 1/1;}

.mt-client_thumb {padding:0 4rem;}

.mt-service_grid {display: grid; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-column-gap:5rem; grid-row-gap:5rem; position: relative;}
.mt-service_grid .mt-service_thumb {display:flex;}
.mt-service_grid .mt-service_content {display:flex; flex-direction:column; align-items:flex-start; padding-top:5rem; padding-bottom:5rem;}

.mt-service_card {position:relative; margin-bottom:var(--bs-gutter-x); contain:paint;}
.mt-service_card img {transition:all 0.5s ease-in-out 0s;}
.mt-service_title {font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); color:var(--heading-font-color); z-index:2; transition:all 0.5s ease-in-out 0s; margin:0 0 2.5rem; }
.mt-service_title a {color:var(--plain-color);text-decoration:none;}
.mt-service_tags {list-style:none; display:flex; flex-wrap:wrap; margin:0 0 3rem; padding:0;}
.mt-service_tags li {border:solid 1px var(--body-color); border-radius:3rem; padding:0.5rem 2rem; margin:0 2rem 2rem 0;}

.mt-product_title {text-transform:none; margin-top:4rem;}

.mt-cat_icon {border-radius:50%; padding:3rem; width:100%; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center; margin-bottom:3rem;}
.mt-cat_icon img {max-height:100%; max-width:100%;}

.mt-card_content {padding:4rem; color:var(--body-color);}
.mt-card_title {margin:0 0 3rem;}
.mt-slider_arrows {display:grid; grid-template-columns: 2fr auto; grid-column-gap:3rem;}
.mt-arrow {width:50px; height:50px; border:solid 2px var(--plain-color); border-radius:50%; position:relative; transition:var(--transition); cursor:pointer;}
.mt-arrow:after {content:''; width:20px; height:20px; transform:translate(-50%, -50%) rotate(45deg); border:solid 2px var(--plain-color); position:absolute; left:50%; top:50%; }
.mt-arrow:hover {background:var(--secondary-color); border-color:var(--secondary-color); }
.mt-arrow:hover:after {border-color:var(--dark-color);}
.mt-prev:after {border-right-width:0; border-top-width:0; margin-left:4px;}
.mt-next:after {border-left-width:0; border-bottom-width:0; margin-left:-4px;}

.mt-product_slide {padding-left:2rem; padding-right:2rem; margin-top:3rem;}
.mt-product_slide .mt-thumb, .mt-has_circle {position:relative; padding-left:1em; padding-right:1rem;}
.mt-product_slide .mt-thumb:after, .mt-has_circle:after {content:''; width:100%; aspect-ratio:1/1; background:var(--dark-color); border-radius:50%; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
.mt-product_slide .mt-thumb img, .mt-has_circle img {position:relative; z-index:4;}
.mt-product_thumb .mt-icon_wrap {position:absolute; width:100%; height:auto; aspect-ratio:1/1; bottom:0; left:50%; transform:translateX(-50%); z-index:3;}
.mt-product_thumb .mt-icon {position:absolute; width:12rem; height:12rem;}
.mt-product_thumb .mt-icon.canned-beans {left:-5rem; top:0;}
.mt-product_thumb .mt-icon.dairy {left:-5rem; top:50%; transform:translateY(-50%);}
.mt-product_thumb .mt-icon.honey {left:-5rem; bottom:0;}
.mt-product_thumb .mt-icon.olives {right:-5rem; top:0;}
.mt-product_thumb .mt-icon.rice {right:-5rem; top:50%; transform:translateY(-50%);}
.mt-product_thumb .mt-icon.tuna {right:-5rem; bottom:0;}



.mt-offer_card {position:relative;}
.mt-offer_end {position:absolute; left:0; top:0; width:50%; border-radius:0 0 50px 0; padding:10px 20px; z-index:2;}

.mt-blog_section {background-size:cover; background-position:center; background-attachment:fixed; position:relative; color:var(--plain-color); min-height:90vh; /*animation: zoom 15s ease infinite;*/}
.mt-blog_section .mt-banner_primary_shape {--container-margin: calc(100vw - var(--container-width) + var(--bs-gutter-x)); left:unset; right:0; height:auto; border-radius:var(--primary-shape-border-radius) 0 0 0; padding:10rem calc(var(--container-margin) / 2) 10rem 20rem; z-index:3;}
.mt-blog_section .mt-banner_secondary_shape {--container-margin: calc(100vw - var(--container-width) + var(--bs-gutter-x)); right:unset; left:0; height:auto; border-radius:0 var(--secondary-shape-border-radius) 0 0; padding: 5rem 10rem 5rem calc(var(--container-margin) / 2); z-index:2;}


.mt-entry_content h3 {margin:4rem 0 2rem;}
.mt-entry_content h4 {margin:4rem 0 2rem;}
.mt-entry_content h2 + h4 {margin-top:-2rem;}
.mt-entry_content h5 {margin:3rem 0 1.5rem;}
.mt-entry_content li {margin-bottom:2rem;}
.mt-column_card.mt-team_card {height:calc(100% - 4rem);}

.mt-map_section {position: relative;}
.mt-map_section .mt-section_header {position: absolute; left: 40px; top: 40px; margin:0;}
.mt-map_section .container-fluid {padding:0;}
g [data-name="fill"],
g #fill {transition: all 0.5s ease-in-out 0s;}
[lang="en-US"] text[data-name="ar"], [lang="en-US"] text#ar {display: none;}
[lang="ar"] text[data-name="en"], [lang="ar"] text#en {display: none;}
.mt-saudi_map svg {width:100%; height: auto;}
#jajan:hover #Vector_9 mask ~ path,
#riyadh:hover #Vector_24 mask ~ path,
#dammam:hover #Vector_40 mask ~ path,
#hafar:hover #Vector_73 mask ~ path,
#tabuk:hover #Vector_101 mask ~ path,
#altaif:hover #Vector_117 mask ~ path,
#khamies:hover #Vector_133 mask ~ path,
#najran:hover #Vector_159 mask ~ path,
#jeddah:hover #Vector_177 mask ~ path,
#yanbu:hover #Vector_239 mask ~ path,
#buraidah:hover #Vector_289 mask ~ path,
g:hover > [data-name="fill"],
g:hover > #fill
{fill: var(--primary-color);}


@keyframes zoom {
	0% {
		background-size: 100% auto;
	}
	50% {
		background-position: 400% 200%;
	}
	100% {
		background-position: 100% auto;
	}
}

.mt-project_section .mt-entry_content, .single-project .mt-entry_content {margin:0 0 5rem;}
.mt-footer {position:relative; background-image:url(../img/footer-graphic-wide-min.png); background-position:center left; background-size:cover; background-repeat:no-repeat;}
.mt-footer:after {content:''; position:absolute; left:25%; top:0; right:0; bottom:0; background-image:url(../img/footer-graphic-min.png); background-position:center left; background-size:cover; background-repeat:no-repeat; display:none;}
.mt-footer_wrap {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: calc(var(--bs-gutter-x) * 1); grid-row-gap: 0px; position:relative; z-index:2;}

.mt-foot_logo {width:15rem; margin: 0 0 2rem;}
.mt-foot_logo img {width:100%; max-width:100%; height:auto; margin:0 0 2rem;}
.mt-footer_title {font-family:var(--subheading-font-family); font-size:var(--heading-five-size); font-weight:var(--heading-font-weight); text-transform:uppercase; margin:0 0 2rem;}
.mt-foot_navigation li {margin:0 0 1rem; line-height:1.4;}
.mt-foot_navigation li a {color:var(--link-color); text-decoration:none;}
.mt-foot_navigation li a:hover, .mt-foot_navigation li.current-menu-item a {color:var(--primary-color);}
.mt-social {display:flex; list-style:none; padding:0;}
.mt-social li {margin:0 2rem 0 0;}
.mt-social li svg {width:var(--sm-icon-size); height:var(--sm-icon-size); fill: var(--sm-icon-color); }
.mt-social li svg * {fill: var(--sm-icon-color);}
.mt-social li:hover svg * {fill: var(--beans-color); transition:var(--transition);} 
.mt-btn_okam {height:var(--sm-icon-size); padding:5px 10px; display:flex; align-items:center; justify-content:center;}
.mt-btn_okam:hover {background:var(--okam-color); border-color:var(--okam-color);}
.mt-social li .mt-btn svg, .mt-btn_okam svg {width:calc(var(--sm-icon-size) * 0.7); height:calc(var(--sm-icon-size) * 0.7); margin-right:1.5rem;}
.mt-social li .mt-btn svg *, .mt-btn_okam svg * {fill: var(--primary-color);}
.mt-social li .mt-btn:hover svg *, .mt-btn_okam:hover svg * {fill: var(--plain-color);}

.mt-footer .mt-btn_okam svg * {fill: var(--plain-color);}
.mt-footer .mt-btn_okam:hover {color:var(--plain-color); background:var(--okam-color); border-color:var(--okam-color);}

.mt-foot_navigation {padding:0; list-style:none;}
.mt-footer_bottom {padding:2rem 0; position:relative; margin:4rem 0 0; font-size:calc(var(--body-font-size) * .8); z-index:3;}
.mt-footer .mt-social .mt-btn {display:none;}
.mt-footer_bottom .container {position:relative; z-index:1;}

label {font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); color:var(--heading-font-color); margin:2rem 0  1rem; display:block; text-align:left;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]), textarea, select {width:100%; height:var(--input-height); border-radius:1rem; border:solid 1px var(--input-background); background:var(--input-background); color:var(--input-color); padding:1rem 2rem;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):focus, textarea:focus, select:focus {background:var(--input-focus); color:var(--input-focus-color); border-color:var(--input-focus-border); outline:none;}
textarea {min-height:calc(var(--input-height) * 4); height:290px;}
select {color:var(--body-color);}
.wpcf7-form .col-12 {position:relative;}
.wpcf7-form p {margin:0;}
.wpcf7-spinner {position:absolute; top:12px; right:20px; margin:0;}
.wpcf7 form .wpcf7-response-output {border:none; background:rgba(0,0,0,0.3); border-radius:10px;}
.wpcf7-not-valid-tip {color:var(--error-color);}
.mt-horizontal_form {display: grid; grid-column-gap: calc(var(--bs-gutter-x) * 1); grid-row-gap: calc(var(--bs-gutter-x) * 1);}
.mt-horizontal_form .mt-btn {margin-top:0;}
.hamburger,
.hamburger-box {z-index:99;}
.hamburger--spring .hamburger-inner {background:transparent;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color:var(--plain-color);}
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:var(--plain-color);}
.mt-dark_header .hamburger-inner::before, .mt-dark_header .hamburger-inner::after {background-color:var(--plain-color);}
.mt-content {min-height:100vh;}
.mt-content, .mt-content .container-xl {position:relative;}
.mt-content .container-xl {z-index:1;}
.mt-content .mt-expertise_shape {position:absolute; left:0; top:unset; bottom:0;}
.mt-content .mt-expertise_shape svg {height:1000px;}
.mt-content .mt-thumb {border-radius:1.5rem; overflow:hidden;}

.mt-acc_item {background:#fff; border-radius:2rem; box-shadow:0 0 1.5rem rgba(0,0,0,0.08); color: var(--body-color); padding:2rem 3rem; border: none; margin-bottom:3rem;}
.mt-acc_header {text-transform: none; padding:1rem 0; position: relative; padding-right: 4rem; cursor: pointer; margin:0 !important; color:var(--dark-color);}
.mt-acc_header::before, .mt-acc_header::after {content: ''; width: 2.4rem; height: 2px; background: var(--body-color); position: absolute; right: 0; top: 50%; margin-top: -1px;}
.mt-acc_header::after {transform: rotate(90deg); transition: var(--transition);}
.mt-acc_header[aria-expanded="true"]::after {opacity: 0;}
.mt-acc_body {padding:2rem 4rem 0 0;}


.mt-image_with_text .mt-thumb img, .mt-two_column_section .mt-thumb img {max-height:100vh;}

.mt-column_card .mt-icon {margin-bottom:calc(var(--body-font-size) * 2);}
.mt-column_content {margin-top:3rem;}

@media (max-width:1400px) {
	.mt-main_navigation {font-size:calc(var(--body-font-size) * 1); }
}

@media (max-width:1179px) {
	
	.mt-site_logo {z-index:99;}
	.hamburger {padding:0; position:relative; top:0.8rem; margin-left:2rem; display:inline-block; z-index:99;}
	.mt-btn.d-md-none {margin-top:0; margin-right:3rem; padding-left:15px; padding-right:15px;}
	.mt-main_navigation li.mt-btn {display:none;}
	
	.mt-billboard_img {display:flex; justify-content:flex-end;}
	.mt-billboard_img img {max-width:80%;}
	.mt-service_right .mt-thumb svg {max-width:100%; height:auto;}
	.mt-main_navigation li ul {opacity:1; visibility:visible; position:unset; padding:0; width:100%; text-align:center; font-size:70%;}
}
@media (min-width:1180px) {
	.mt-billboard_item {height:90vmin;}
	.mt-image_with_text .mt-listing li {height:80vh; }
	.mt-about_card, .mt-column_card {height:100%;}
	.mt-service_grid {grid-template-columns: 1fr 1fr;}
	.mt-service_grid .mt-service_thumb {position: -webkit-sticky; position:sticky; top:0; height:65vh; top:15rem; overflow:hidden;}
.mt-service_grid .mt-service_thumb img {height: 60vh; position: -webkit-sticky; position: sticky; top: 0%; bottom: auto; left: 0%; right: 0%; object-fit:cover;}
.mt-service_grid .mt-service_content {min-height:65vh;}
	.mt-left_menu {display:block;}
}
@media (min-width:992px) {
	.mt-sticky {position:sticky; top:0;}
	.mt-horizontal_form {grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-row-gap:0;}
	.hamburger {display: none;}
}
@media (max-width:991px) {
	.mt-image_with_text .mt-thumb {margin:0 auto calc(var(--body-font-size) * 3); max-width:60%;}
	.mt-subscribe_section h3 {margin-bottom:5rem;}
	.mt-footer_wrap {grid-template-columns: repeat(3, 1fr); grid-row-gap: calc(var(--bs-gutter-x) * 1);}
	
}


@media (min-width:768px) and (max-width:992px) {
	.mt-image_with_text .align-items-md-start, .mt-md_sticky {position:sticky; top:10rem;}
}
@media (max-width:767px) {
	.mt-site_logo svg {width:15rem; max-width:100%;}
	.mt-header .mt-social {display:none;}
	.mt-banner_thumb img {min-height:60vh; object-fit:cover;}
	.mt-banner_caption {position:static; padding-top:4rem; padding-bottom:2rem;}
	.mt-billboard_discription h2, .mt-page_title {font-size:calc(var(--heading-two-size) * .7);}
.mt-billboard_discription h4 {font-size:calc(var(--heading-four-size) * .7);}
	
	.mt-cat_icon_title {margin-bottom:3rem;}
	
	.mt-page_banner {min-height:50vmax;}
	.mt-about_section .mt-thumb {margin-top:6rem;}
	.mt-service_card, .mt-about_card, .mt-column_card {margin:4rem 0 0;}
	.mt-image_with_text .mt-thumb {max-width:80%;}
	.mt-footer_widget {margin-bottom:3rem;}
	.mt-input {margin-bottom:2rem;}
	.mt-service_left .mt-thumb {margin-top:0;}
	.mt-service_left .mt-service_title {margin-top:12rem;}
	.mt-product_thumb .mt-icon {position:absolute; width:5rem; height:5rem;}
	.mt-recipe_thumb, .mt-ingredients {margin-bottom:3rem;}
	.mt-footer_wrap {grid-template-columns:1fr;}
	.mt-mv_block .mt-thumb {max-width:300px; margin:auto;}
	.mt-mission:after, .mt-vision:after {width:100%; top:20%; border-radius:3rem; }
	
}