/*!
Theme Name: Deccan Tobacco Group
Theme URI: https://www.deccantobacco.com/
Author: Webinfy
Author URI: https://www.webinfy.in/
Description: Growing & Processing Tobaccos for the World's Finest Brands
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: deccan-tobacco-group
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Deccan Tobacco Group is based on Deccan Tobacco Group https://www.deccantobacco.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import "font-awesome.css";
@import "font-awesome.min.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v251/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
*, *::after, *::before
{
	box-sizing: border-box;
}
:after, :before
{
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
::selection
{
	background:#076bdd; color:#fff; 
}
::-moz-selection
{
	background:#076bdd; color:#fff;
}
body
{
	width:auto;
	margin:0;
	border:0;
	font-family: "Poppins", sans-serif;
}
img
{
	max-width:100%;
	vertical-align: middle;
	border: 0;
}
.clearfix:after
{
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both !important;
	content:".";
	line-height:0;
	height:0;
}
.clearfix
{
	display:inline-block;
}
html[xmlns] .clearfix
{
	display:block;
}
*html .clearfix
{
	height:1%;
}
:focus
{
	outline:0;
}
.clear
{
	clear:both !important;
}
.clear:after
{
    display: block;
    content: "";
    clear: both;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
p
{    
    color: #232323;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
}
p strong
{
    color: #000;
    font-weight: 600;
}
a
{
	color:#9F0000;
	text-decoration:none;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
a:hover
{
	color:#000; 
}
h1, h2, h3
{ 
	margin:15px 0;
}
ul.list, ul.wp-block-list
{
	padding:0;
	margin:15px 0;
	list-style:none;
} 
ul.list li, ul.wp-block-list li
{
    color: #232323;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 12px;
    position: relative;
    margin-bottom: 5px;
}
ul.list li:before, ul.wp-block-list li:before
{
    content: " ";
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #9F0000;
}
ul.list li strong, ul.wp-block-list li strong
{
	color:#000;
}
ul.list li span, ul.wp-block-list li span
{
	color:#2d3091;
}
.scrollup
{
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    float: right;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    color: #000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: linear-gradient(0deg, #560000, #9F0000);
    z-index: 9999999;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    border-radius: 50px;
    font-size: 26px;
    text-align: center;
    line-height: 34px;
}
.scrollup span
{
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 0;
    margin: auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.scrollup:hover span
{
    height: 15px;
}
.scrollup span:before
{
	content: " ";
    background: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 8px;
    transform: rotate(45deg) translateX(-2px);
}
.scrollup span:after
{
	content: " ";
    background: #fff;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 8px;
    transform: rotate(-45deg) translateX(2px);
}
.wow
{
	visibility: hidden;
}
#preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999999;
}
#status
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.loader-icon
{
    width: 50px;
    height: 45px;
	background: url("images/logocolor.svg") center center no-repeat;
	background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	text-align: center;
}
@keyframes loader
{
	0%
	{
		filter: grayscale(100%);
		opacity: 0.7;
	}
	100%
	{
		filter: grayscale(0);
		opacity: 1;
	}
}
.wrapper
{
	
}
.section
{
	
}
.site-footer
{
	
}
#navbar
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	transition:top 0.8s;
	z-index:99999999;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.masthead
{
	background: #fff;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	position:fixed !important;
	top:0;
	left:0;
	right:0;
	z-index:99999999;
}
.site-header
{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999999;
	padding:15px 0px;
}
.site-header:hover
{
	background: #fff;
}
.site-branding
{
	position:relative;
}
.site-branding h1
{
    margin: 0px 0;
}
.site-branding a
{
    display: block;
}
.site-branding a img
{
    width: 50px;
    height: 45px;
}
.site-header aside
{
	
}
.site-header aside a
{
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: #232323;
    border: solid 1px #e2e6ec;
    background: #e2e6ec;
    padding: 14px 55px 14px 25px;
    border-radius: 30px;
    position: relative;
}
.site-header aside a:hover
{
	
}
.site-header aside a span
{
    position: absolute;
    top: 3px;
    right: 3px;
    width: 38px;
    height: 38px;
    background: linear-gradient(0deg, #560000, #9F0000);
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 400;
	overflow: hidden;
}
.site-header aside a span:before
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-header aside a:hover span:before
{
    transform: translate(30px, -30px);
}
.site-header aside a span:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-30px, 30px);
}
.site-header aside a:hover span:after
{
    transform: translate(0px, 0px);
}
.main-navigation
{
	margin-left: auto;
}
.main-navigation ul
{
    padding: 0;
    margin: 0;
    list-style: none;
	text-align:center;
}
.main-navigation ul li
{
	list-style: none;
    display: inline-block;
	margin-right: 30px;
}
.main-navigation ul li a
{
    color: #232323;
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 17px 0px;
}
.main-navigation ul li a:before
{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #6d6e71;
	display: none;
}
.main-navigation ul li a:after
{
    content: " ";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-top: solid 0px #6d6e71;
	display: none;
}
.main-navigation ul li:hover > a:before, .main-navigation ul li.active > a:before
{
	height: 5px;
}
.main-navigation ul li:hover > a:after, .main-navigation ul li.active > a:after
{
    border-top: solid 5px #0c2e8a;
}
.main-navigation ul li a i
{
    width: 15px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: -20px;
    margin: auto;
    transform: translateY(-50%);
    margin-top: 2px;
}
.main-navigation ul li a i:before
{
    content: " ";
    background: #034ea2;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 0px;
    transform: rotate(-45deg);
    transform-origin: top;
}
.main-navigation ul li a i:after
{
    content: " ";
    background: #034ea2;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 0px;
    transform: rotate(45deg);
    transform-origin: top;
}
.main-navigation ul li:hover > a i:before,
.main-navigation ul li:hover > a i:after
{
    height: 10px;
}
.main-navigation ul li a strong
{
    font-size: 30px;
    line-height: 0px;
    position: relative;
    top: -4px;
}
.main-navigation ul li a span
{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
	display:none;
}
.main-navigation ul li a span:before
{
	content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 3px;
    height: 100%;
    margin: auto;
    background: #fff;
}
.main-navigation ul li a span:after
{
	content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    margin: auto;
    background: #fff;
}
.main-navigation ul li:hover a span:before
{
	opacity:0;
}
.main-navigation ul li:hover > a, .main-navigation ul li.active > a 
{
	color: #9F0000;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a
{
	color: #9F0000;
}
.main-navigation ul li ul
{
    position: absolute;
    display: none;
	background:#fff;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    z-index: 9999999;
	left:0;
	right: 0;
	padding:25px 0px;
}
.main-navigation ul li ul aside
{
    width: 33.333333%;
	float: left;
	text-align: left;
	padding-right: 50px;
}
.main-navigation ul li ul aside h3
{
    color: #034ea2;
    font-size: 16px;
	font-weight: 500;
	border-bottom: solid 1px #034ea2;
	margin: 0 0 15px 0;
	padding: 15px 0;
} 
.main-navigation ul li ul li
{
	list-style: none;
    margin: 0;
    display: block;
}
.main-navigation ul li ul li:last-of-type
{
    border-bottom: none;
}
.main-navigation ul ul li a
{
    color: #6d6e71;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0px;
	text-align:left;
	font-size:16px;
	position: relative;
	display: inline-block;
}
.main-navigation ul ul li a:after
{
    content: "\e5c8";
    font-family: 'Material Symbols Outlined';
    font-size: 22px;
    font-weight: 300;
    color: #034ea2;
    display: block !important;
    border: none !important;
    position: absolute;
    top: 7px;
    right: 0;
    left: auto;
    transform: translateX(-20px);
    opacity: 0;
}
.main-navigation ul ul li a:hover:after
{
    transform: translateX(10px);
    opacity: 1;
}
/*.main-navigation ul ul li a:before
{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 30px;
    font-size: 18px;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
	opacity:0;
}
.main-navigation ul ul li a:hover:before
{
    -webkit-transform: translateX(-0px);
    transform: translateX(-0px);
	opacity:1;
}*/
.main-navigation ul ul li a:hover
{
	color:#034ea2;
}
.main-navigation ul li ul:hover a
{
	
}
/*.main-navigation ul li ul li .subnav
{
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 20px 0;
	top:0px;
	left: 100%;
	box-shadow: 0px 10px 16px rgba(104, 104, 104, 0.1);
	border-top:none;
	visibility:hidden;
}
.main-navigation ul > li:hover ul, .main-navigation ul li ul li:hover .subnav
{
	display:block;
	visibility:visible;
}*/
.main-navigation ul > li:hover ul
{
	display:block;
}
.navbar
{
    font-size: 30px;
    font-weight: 100;
    cursor: pointer; 	
    padding: 18px 12px;
    position: absolute;
    top: 0;
    right: 0px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
}
.bar1, .bar2, .bar3
{
    width: 35px;
    height: 2px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1
{
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 8px;
}
.change .bar2
{
	opacity: 0;
}
.change .bar3
{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: -8px;
}
.sidenav
{
	height: 100%;
	width: 100%;
	position: fixed;
    z-index: 9999999999;
	top: 0;
	right: -100%;
	bottom:0;
    background: linear-gradient(90deg, #560000, #9F0000);
	overflow-y: auto;
	transition: 0.5s;
    margin-top: 66px;
    display: flex;
    flex-wrap: wrap;
}
.sidenav .menu-primary-menu-container
{
	width: 100%;
}
.sidenav .menu-primary-menu-container ul
{
    padding: 50px 20px;
    margin: 0;
    list-style: none;
}
.sidenav .menu-primary-menu-container ul li
{
    list-style: none;
    position: relative;
}
.sidenav .menu-primary-menu-container ul li.menu-item-has-children:after
{
	content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 20px;
    font-size: 26px;
}
.sidenav .menu-primary-menu-container ul li a
{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 20px 0px;
    text-align: left;
    width: 100%;
}
.sidenav .menu-primary-menu-container ul li a:after
{
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 26px;
    font-weight: 400;
    position: absolute;
    top: 18px;
    right: 0;
}
.sidenav .menu-primary-menu-container ul li a i
{
    width: 16px;
    height: 10px;
    font-size: 26px;
    line-height: 10px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    font-weight: 100;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -wenkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sidenav .menu-primary-menu-container ul li:hover > a i, .sidenav .menu-primary-menu-container ul li.active > a i
{
    -wenkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sidenav .menu-primary-menu-container ul li a:hover
{
	text-decoration: underline;
}
.sidenav .menu-mobile-contact-nav-container
{
    width: 100%;
    margin-top: auto;
}
.sidenav .menu-mobile-contact-nav-container ul
{
    padding: 0px 20px;
    margin: 0;
    list-style: none;
}
.sidenav .menu-mobile-contact-nav-container ul li
{
    list-style: none;
    position: relative;
}
.sidenav .menu-mobile-contact-nav-container ul li a
{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 16px 0px;
    width: 100%;
    border: solid 2px #fff;
    text-align: center;
}
.sidenav .menu-mobile-contact-nav-container ul li a:hover
{
	background: #fff;
    color: #232323;
}
.sidenav .menu-mobile-other-nav-container
{
	width: 100%;
	margin-top: 30px;
	border-top: dashed 1px #fff;
	padding: 5px 20px 0 20px;
}
.sidenav .menu-mobile-other-nav-container ul
{
    margin: 0;
    list-style: none;
}
.sidenav .menu-mobile-other-nav-container ul li
{
    position: relative;
	width: 50%;
	float: left;
	margin: 10px 0 0 0;
}
.sidenav .menu-mobile-other-nav-container ul li a
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative;
    text-align: center;
    border: solid 1px #fff;
    margin: 0 5px;
    padding: 5px 0;
}
.sidenav .menu-mobile-other-nav-container ul li a:hover
{
	background:#fff;
    color: #000;
}
.sidenav .closebtn
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 45px;
    cursor: pointer;
    padding: 10.5px 12px;
    font-weight: 300;
    color: #fff;
}
.sidenav .closebtn:hoverr
{
	color:#fff;
}
.hero
{
    width: 100%;
    padding: 100px 0 50px 0;
	position: relative;
}
.hero article
{
	
}
.hero article h3
{
    color: #4b4b4b;
    font-size: 34px;
    font-weight: 600;
}
.hero article h1
{
    color: #232323;
    display: block;
    text-transform: uppercase;
    font-size: 81px;
    margin-top: 10px;
    font-weight: 700;
}
.hero article h1 span
{
    position: relative;
	z-index: 9;
	display: inline-block;
	color: #232323;
    background: linear-gradient(0deg, #560000, #9F0000);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
/*.hero article h2 span:before
{
    content: " ";
    background: #06402b;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -8;
}*/
.hero-link
{
	
}
.hero-link ul
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hero-link ul li
{
	text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #232323;
    margin: 15px 5px;
    position: relative;
    z-index: 9999;
    padding-left: 40px;
    text-transform: uppercase;
}
.hero-link ul li:before
{
    content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 6px;
    margin-left: -42px;
    height: 15px;
    width: 35px;
}
.hero article p
{
    width: 740px;
    text-align: center;
    margin: auto;
    font-size: 20px;
    margin-top: 20px;
}
.hero-text
{
    background: linear-gradient(90deg, #8c6d02, #f7d31f);
    padding: 50px;
    text-align: center;
	margin-top:50px;
}
.hero-text h2
{
    font-family: "Rouge Script", cursive;
    font-size: 52px;
    line-height: 56px;
}
.logoicon
{
    position: absolute;
    top: 50%;
    right: 100px;
    width: 450px;
    height: 146px;
    transform: rotate(-45deg);
    z-index: -8;
	display: none;
}
.yellow
{
    fill: rgba(249, 213, 31, 0);
    stroke: #f9d51f;
    stroke-width: 0.2px;
    stroke-dasharray: 2100;
    stroke-dashoffset: 2100;
	-webkit-animation:yellow 6s ease-in infinite;
	animation:yellow 6s ease-in infinite;
}
@keyframes yellow
{
	50%
	{
		stroke-dashoffset:0;
		fill:rgba(249, 213, 31, 0);
	}
	75%
	{
		stroke-dashoffset:0;
		fill:rgba(249, 213, 31, 0);
	}
	100%,75%
	{
		stroke-dashoffset:0;
		fill:rgba(249, 213, 31, 1);
		animation:yellow 2s ease-in infinite;
	}
}
.hero-video
{
    width: 100%;
}
.hero-video .row
{
	position:relative;
}
.hero-video-text
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 30px;
}
.hero-video-text h2
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
}
#video-wrapper
{
	border-radius: 30px;
	overflow: hidden;
}

#video-wrapper >  #player {
   width: 100%;
   height: 100%;
   cursor:pointer;
}
.videobutton
{
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    float: right;
    right: 20px;
    z-index: 9999999;
}
.videobutton a
{
    width: 40px;
    height: 40px;
    display: block;
    background: linear-gradient(0deg, #560000, #9F0000);
    font-size: 42px;
    font-weight: 200;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    border-radius: 50px;
    position: relative;
    color: #fff;
}
.videobutton a:after
{
    font-family: 'Material Symbols Outlined';
    content: "\e037";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container
{
    padding-top:85px;
    padding-bottom:85px;
}
.container h2
{
    font-size: 30px;
    font-weight: 600;
    color: #232323;
    line-height: 32px;
}
.container h2 span
{
    color: #6d6e71;
}
.container h3
{
    color: #232323;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.row
{
	width:100%;
	max-width:1200px;
	margin:auto;
}
.alignmiddle
{
    display: flex;
    align-items: center;
}
.padding-top-none
{
	padding-top: 0;
}
.padding-bottom-none
{
	padding-bottom: 0;
}
.sidebar
{
	width: 30%;
}
.sidebar img
{
	margin: 15px 0;
}
.content
{
	width: 65%;
}
a.cfs-hyperlink
{
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    color: #232323;
    border: solid 1px #e2e6ec;
    background: #e2e6ec;
    padding: 14px 55px 14px 25px;
    margin: 15px 0;
    border-radius: 30px;
    position: relative;
    line-height: 16px;
}
a.cfs-hyperlink:hover
{
	
}
a.cfs-hyperlink:after
{
	content: " ";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 38px;
    height: 38px;
    background: linear-gradient(0deg, #560000, #9F0000);
    border-radius: 50%;
}
a.cfs-hyperlink span:before
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
	overflow: hidden;
	z-index: 99;
	opacity: 1;
}
a.cfs-hyperlink:hover span:before
{
    transform: translate(30px, -30px);
	opacity: 0;
}
a.cfs-hyperlink span:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    transform: translate(-30px, 30px);
	overflow: hidden;
	z-index: 99;
	opacity: 0;
}
a.cfs-hyperlink:hover span:after
{
    transform: translate(0px, 0px);
	opacity: 1;
}
.sets
{
	margin-top: 50px;
	text-align: center;
    background: #e2e6ec;
}
.sets ul
{
	margin: 30px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
}
.sets ul li
{
	background: #fff;
    box-shadow: 0px 16px 28px rgba(0, 0, 0, 0.1);
	padding: 25px 30px;
	border-radius: 30px;
}
.sets ul li:nth-of-type(even)
{
	
}
.sets ul li figure
{
    background: linear-gradient(0deg, #560000, #9F0000);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
	display: none;
}
.sets ul li:nth-of-type(even) figure
{
    background: linear-gradient(0deg, #560000, #9F0000);
}
.sets ul li figure img
{
	margin: 15px 0;
	filter: invert(1);
}
.sets ul li:nth-of-type(even) figure img
{
	filter: invert(1);
}
.sets ul li h3
{
	position: relative;
}
.sets ul li h3::before
{
    content: " ";
    display: block;
    height: 20px;
    width: 55px;
    background: url(images/LogoShape.svg) center center / contain no-repeat;
    margin: auto;
}
.positive-impact
{
	text-align: center;
}
.positive-impact ul
{
	padding: 0;
	margin: 0 -15px;
}
.positive-impact ul li
{
	width: 25%;
	float: left;
}
.positive-impact ul li a
{
	display: block;
	margin: 15px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.positive-impact ul li a:after
{
	content: " ";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.positive-impact ul li a:hover:after
{
    background: rgba(127, 18, 18, 0.8);
	mix-blend-mode: multiply;
}
.positive-impact ul li a img
{
	width: 100%;
	height: 420px;
	object-fit: cover;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.positive-impact ul li a:hover img
{
	transform: scale(1.2);
}
.positive-impact ul li a figcaption
{
	text-align: left;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
	z-index: 9;
}
.positive-impact ul li a figcaption h2
{
	color: #fff;
    font-size: 20px;
    line-height: 24px;
	margin: 0;
	margin-top: auto;
}
.positive-impact ul li a figcaption p
{
	color: #fff;
    line-height: 20px;
    font-size: 15px;
}
.positive-impact ul li a figcaption button
{
    font-family: "Poppins", sans-serif;
    width: 100%;
    display: inline-block;
    font-size: 16px;
	font-weight: 500;
    border: solid 1px #fff;
    background: #fff;
    color: #232323;
    padding: 9.5px 55px 9.5px 25px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.positive-impact ul li a:hover figcaption button
{
    transform: translateY(0px);
    opacity: 1;
}
.positive-impact ul li a figcaption button span
{
    position: absolute;
    top: 3px;
    right: 3px;
    width: 38px;
    height: 38px;
    background: linear-gradient(0deg, #560000, #9F0000);
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 400;
	overflow: hidden;
}
.positive-impact ul li a figcaption button span:before
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.positive-impact ul li a:hover figcaption button span:before
{
    transform: translate(30px, -30px);
}
.positive-impact ul li a figcaption button span:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-30px, 30px);
}
.positive-impact ul li a:hover figcaption button span:after
{
    transform: translate(0px, 0px);
}
.decades
{
	text-align: center;
}
.decades ul
{
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.decades ul li
{
    display: inline-block;
    width: 22%;
    padding: 10px;
}
.decades ul li h2
{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
	position: relative;
}
.growing
{
	
}
.youtube-video
{
	width: 60%;
}
.youtube-embed
{
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  text-align: left;
}
.youtube-embed iframe
{
  width: 100%;
  position: absolute;
  height: 100%;
  overflow: hidden;
	border-radius: 30px;
}
.growing aside
{
    width: 35%;
	margin-left: auto;
}
.priority
{
	text-align: center;
}
.priority ul
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
	margin: 30px 0 0 0;
}
.priority ul li
{
	border-top: solid 1px #ececec;
	border-left: solid 1px #ececec;
    border-radius: 30px;
    text-align: center;
    position: relative;
    background: #fff;
    box-shadow: 0px 16px 28px rgba(100, 100, 100, 0.2);
    padding: 5px 20px;
}
.priority ul li:before
{
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    color: #9F0000;
    position: absolute;
    top: 50%;
    left: -27px;
    font-size: 26px;
    transform: translateY(-50%);
}
.priority ul li:first-of-type:before
{
    display: none;
}
.priority ul li h3
{
    font-size: 20px;
	position: relative;
}
.priority ul li h3:after, .decades ul li h2:after
{
	content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    height: 15px;
    width: 35px;
    margin: auto;
}
.priority ul li p
{
    font-size: 16px;
}
.unmatched
{
    background: #e2e6ec;
}
.unmatched aside
{
	width: 40%;
}
.unmatched a.cfs-hyperlink
{
    border: solid 1px #fff;
    background: #fff;
}
.unmatched figure
{
	width: 40%;
	margin-left: auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 16px 28px rgba(0, 0, 0, 0.1);
	padding: 15px;
}
.site-footer
{
    background: #fff;
	border-top:solid 1px #e2e6ec;
	position:relative;
}
.site-footer .widget_media_image
{
    margin: 15px 0;
}
.site-footer h3,
.site-footer h2
{
    color: #232323;
    font-weight: 600;
    font-size: 18px;
}
.site-footer article
{
	padding:85px 0;
}
.site-footer article .a.cfs-hyperlink
{
	
}
.site-footer article aside
{
    margin-right:6%;
}
.site-footer article aside h1 a img
{
    width: 50px;
    height: 45px;
}
.site-footer article aside:nth-of-type(4)
{
    margin-right:0;
}
.site-footer article aside:last-of-type
{
    margin-right:0;
}
.site-footer article aside ul
{
    padding:0;
	margin:0;
}
.site-footer article aside ul li
{
    
}
.site-footer article aside ul li a
{
    display: inline-block;
    color: #232323;
    font-size: 16px;
	line-height:30px;
	font-weight: 500;
	position:relative;
}
.site-footer article aside ul li a:after
{
    content: " ";
    background: #9F0000;
    position: absolute;
    bottom: 2px;
    left: auto;
    right: 0;
    height: 2px;
	width: 0;
}
.site-footer article aside ul li a:hover:after
{
    left: 0;
    right: auto;
	width: 100%;
}
.site-footer article aside ul li a:hover
{
    
}
.social-icons
{
	
}
.social-icons-fixed
{
    position: fixed;
    bottom: 75px;
    right: 20px;
	z-index: 9999999;
}
.social-icons a, .social-icons-fixed a
{
    display: block;
    background: #4267b2;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 13px 0;
    font-size: 26px;
    border-radius: 2px;
	float:left;
	margin-right:5px;
}
.social-icons-fixed a
{
    width: 40px;
    height: 40px;
    padding: 9px 0;
    font-size: 22px;
    border-radius: 3px;
    float: none;
    margin: 5px 0px;
}
.social-icons a:hover, .social-icons-fixed a:hover
{
    border-radius: 50%;
}
.social-icons a:nth-of-type(2), .social-icons-fixed a:nth-of-type(2)
{
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-icons a:nth-of-type(3), .social-icons-fixed a:nth-of-type(3)
{
    background: #0a66c2;
}
.site-footer p
{
    color: #232323;
    font-size: 16px;
	font-weight: 500;
}
.site-footer p strong
{
    color: #9F0000;
    font-weight: 600;
	display:block;
}
.site-footer-bottom
{
    background: #e2e6ec;
	padding:15px 0px;
}
.site-footer-bottom p
{
    color: #000;
}
.site-footer-bottom a
{
    color: #f7f701;
    font-size: 16px;
    font-weight: 400;
}
.site-footer-bottom a:hover
{
    text-decoration:none;
}
.formobile
{
	display:none !important;
}
.entry-header, .page-header
{
	padding:30px 20px;
	text-align: center;
	margin-top: 80px;
}
.entry-header h1, .page-header h1, .entry-header-blog h1
{
    font-size: 56px;
    font-weight: 600;
    color: #232323;
    line-height: 52px;
	position: relative;
}
.entry-header h1:after, .page-header h1:after
{
    content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    height: 17px;
    width: 60px;
    margin: auto;
}
.entry-header-blog
{
    position: absolute;
    bottom:30px;
    left: 0;
    right: 0;
    max-width: 920px;
    margin: auto;
	z-index:9;
}
.entry-header-blog h1
{
    font-size: 40px;
    line-height: 44px;
	color:#fff;
}
.about-us-intro
{
	text-align: center;
}
.about-us-intro .row
{
	max-width: 1000px;
}
.our-mission
{
    background: #e2e6ec;
	padding: 0;
}
.our-mission .row a.cfs-hyperlink
{
    border: solid 1px #fff;
    background: #fff;
}
.our-mission aside
{
    width: 38%;
}
.our-mission figure
{
    width: 60%;
	margin-left: auto;
	padding:30px 20px;
	background: #fff;
}
.our-mission
{
    background: #e2e6ec;
	text-align: center;
}
.about-us
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap:50px;
}
.about-us img, .promise img
{
	border-radius: 30px;
}
.promise
{
	text-align: center;
    background: #e2e6ec;
}
.promise article
{
	display: flex;
	align-items: center;
	text-align: left;
}
.promise article:nth-of-type(even)
{
	flex-direction: row-reverse;
}
.promise article figure
{
	width: 50%;
}
.promise article aside
{
	width: 50%;
	padding-left: 50px;
}
.promise article:nth-of-type(even) aside
{
	padding-left: 0px;
	padding-right: 50px;
}
.values
{
	text-align: center;
	position: relative;
}
.values h2
{
	margin: 0;
}
.values:before
{
	content: " ";
    background: #e2e6ec;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50%;
	z-index: -8;
}
.values ul
{
	margin: 30px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
}
.values ul li
{
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.values ul li:after
{
	content: " ";
	background: rgba(0,0,0,0.3);
	top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.values ul li figcaption
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 20px;
	z-index: 9;
}
.values ul li figcaption:after
{
	content: " ";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    z-index: -8;
}
.values ul li figcaption h3
{
	margin-top: auto;
	color: #fff;
}
.values ul li figcaption p
{
	color: #fff;
}
.built
{
	text-align: center;
}
.built ul
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
	margin: 30px 0 0 0;
}
.built ul li
{
    border: solid 1px #9F0000;
    border-radius: 30px;
	text-align: center;
	position: relative;
	padding: 10px;
	height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.built ul li:nth-of-type(even)
{
    border: solid 1px #e2e6ec;
    background: #e2e6ec;
}
.built ul li h3
{
    font-size: 20px;
	position: relative;
}
.built ul li h2:after
{
	content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    height: 15px;
    width: 35px;
    margin: auto;
}
.processing-excellence
{
    background: #e2e6ec;
	text-align: center;
}
.processing-excellence ul
{
    margin: 15px 0 0px 0;
}
.processing-excellence ul li
{
    width: 100%;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
.processing-excellence ul li h3
{
	margin: 0;
    font-size: 16px;
	background: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	border-radius: 8px;
	padding: 8px;
}
.processing-excellence ul li h3::before
{
    content: " ";
    display: none;
    height: 15px;
    width: 30px;
    background: url(images/LogoShape.svg) center center / contain no-repeat;
    margin: auto;
}
.operations-quality
{
	text-align: center;
}
.during-process
{
	margin: 20px 0 0 0;
}
.during-process ul
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
	margin: 20px 0 0 0;
}
.during-process ul li
{
    border: solid 1px #9F0000;
    border-radius: 30px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
}
.during-process ul li:before
{
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    color: #9F0000;
    position: absolute;
    top: 50%;
    left: -27px;
    font-size: 26px;
    transform: translateY(-50%);
}
.during-process ul li:first-of-type:before
{
    display: none;
}
.during-process ul li p
{
	position: relative;
}
.during-process ul li p:after
{
	content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    height: 15px;
    width: 35px;
    margin: auto;
	display:none;
}
.operations-quality-list
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
	margin: 30px 0 0 0;
}
.operations-quality-list aside
{
	text-align: left;
    background: #e2e6ec;
	padding: 15px 30px;
    border-radius: 30px;
}
.operations-quality-list aside:nth-of-type(even)
{
    background: #fff;
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.2);
}
.operations-quality-list aside p
{
	position: relative;
	padding-left: 12px;
}
.operations-quality-list aside p:before
{
    content: " ";
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #9F0000;
}
.sourcing
{
	text-align: center;
	position: relative;
}
.sourcing ul
{
	margin: 30px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:30px;
}
.sourcing ul li
{
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.sourcing ul li:after
{
	content: " ";
	background: rgba(0,0,0,0.3);
	top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.sourcing ul li figcaption
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
    padding: 0px 15px;
	z-index: 9;
}
.sourcing ul li figcaption:after
{
	content: " ";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    z-index: -8;
}
.sourcing ul li figcaption p
{
	color: #fff;
    line-height: 20px;
}
.sustainability-intro
{
    background: #e2e6ec;
	position: relative;
}
.sustainability-intro figure
{
    width: 40%;
}
.sustainability-intro aside
{
    width: 55%;
	margin-left: auto;
}
.working
{
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 9;
}
.working:after
{
	content: " ";
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -8;
}
.working h1
{
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    line-height: 43px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.priorities
{
	text-align: center;
}
.priorities .row
{
	max-width: 1000px;
	position: relative;
    counter-reset: item;
}
.priorities .row:after
{
	content: " ";
	background: #e2e6ec;
	position: absolute;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 2px;
	margin: auto;
}
.priorities .row:before
{
	content: " ";
    background: #e2e6ec;
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    border-radius: 50%;
}
.priorities article
{
	width: 45%;
	text-align: left;
	position: relative;
    background: #e2e6ec;
	padding: 15px 30px;
	border-radius: 30px;
	margin-top: 30px;
}
.priorities article h3
{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.priorities article h3:after
{
    counter-increment: item;
    content: counter(item, decimal-leading-zero) "";
    color: #000;
    font-size: 34px;
    font-weight: 600;
    opacity: 0.3;
}
.priorities article h4
{
    color: #4b4b4b;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    position: relative;
}
.priorities article h4::after
{
    content: " ";
    display: block;
    height: 15px;
    width: 35px;
    background: url(images/LogoShape.svg) center center / contain no-repeat;
}
.priorities article:before
{
    content: " ";
    position: absolute;
    top: 50px;
    right: -15px;
    width: 0;
    height: 0;
    border-left: solid 15px #e2e6ec;
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
}
.priorities article:after
{
    content: " ";
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    background-color: #9F0000;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    right: -65px;
    z-index: 9;
    width: 30px;
    height: 30px;
}
@keyframes ripple
{
	0%
	{
		-webkit-transform: scale(-1);
		transform: scale(-1);
	}
	100%
	{
		opacity: 0;
		-webkit-transform: scale(-1.5);
		transform: scale(-1.5);
	}
}
.priorities article:nth-of-type(even)
{
	left: 55%;
	right: 0;
}
.priorities article:nth-of-type(even):before
{
    content: " ";
    position: absolute;
    top: 50px;
    left: -30px;
    width: 0;
    height: 0;
    border-left: solid 15px transparent;
    border-right: solid 15px #e2e6ec;
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
}
.priorities article:nth-of-type(even):after
{
    right: auto;
	left: -65px;
}
.promise-tech
{
	
}
.promise-tech article
{
	display: flex;
	align-items: center;
	text-align: left;
}
.promise-tech article:nth-of-type(even)
{
	flex-direction: row-reverse;
}
.promise-tech article figure
{
	width: 50%;
}
.promise-tech article figure img
{
    border-radius: 30px;
}
.promise-tech article aside
{
	width: 50%;
	padding-left: 50px;
}
.promise-tech article:nth-of-type(even) aside
{
	padding-left: 0px;
	padding-right: 50px;
}
.social-responsibility
{
	
}
.social-responsibility aside
{
	width: 48%;
}
.social-responsibility figure
{
	width: 48%;
	margin-left: auto;
}
.social-responsibility figure img
{
    border-radius: 30px;
}
.skill-empowerment
{
	text-align: center;
}
.skill-empowerment h2
{
	margin-bottom: 30px;
}
.skill-empowerment article
{
	display: flex;
	align-items: center;
	text-align: left;
}
.skill-empowerment article:nth-of-type(even)
{
	flex-direction: row-reverse;
}
.skill-empowerment article figure
{
	width: 50%;
}
.skill-empowerment article figure img
{
    border-radius: 30px;
}
.skill-empowerment article aside
{
	width: 50%;
	padding-left: 50px;
}
.skill-empowerment article:nth-of-type(even) aside
{
	padding-left: 0px;
	padding-right: 50px;
}
.collectively
{
	
}
.collectively
{
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 9;
}
.collectively:after
{
	content: " ";
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -8;
}
.collectively h1
{
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    line-height: 43px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.our-resources
{
    background: #e2e6ec;
    position: relative;
}
.our-resources aside
{
	width: 48%;
}
.our-resources a.cfs-hyperlink
{
    border: solid 1px #fff;
    background: #fff;
}
.our-resources figure
{
	width: 48%;
	margin-left: auto;
}
.our-resources figure img
{
    border-radius: 30px;
}
.resources-link
{
	position: relative;
	z-index: 9;
}
.resources-link:before
{
    content: " ";
    background: #e2e6ec;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25%;
    z-index: -8;
}
.resources-link ul
{
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}
.resources-link ul li
{
	display: flex;
	width: 25%;
}
.resources-link ul li a
{
    width: 100%;
	display: block;
    background: #fff;
    box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
	border-radius: 30px;
	margin: 10px;
	overflow: hidden;
    transform: translateY(0px);
}
.resources-link ul li a:hover
{
    background: #9F0000;
    transform: translateY(-20px);
}
.resources-link ul li a img
{
    margin: 15px 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.resources-link ul li a:hover img
{
    filter: invert(1);
}
.resources-link ul li a h3
{
    font-size: 18px;
	margin-top: 100px;
	position: relative;
    transform: translateY(35px);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.resources-link ul li a:hover h3
{
    color: #fff;
}
.resources-link ul li a:hover h3
{
    transform: translateY(0px);
}
.resources-link ul li a h3:before
{
    content: " ";
    background: url(images/LogoShape.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 4px;
    right: -20px;
    height: 15px;
    width: 35px;
    margin: auto;
}
.resources-link ul li a h3:after
{
    content: " ";
    background: #9F0000;
    position: absolute;
    bottom: -3px;
    left: auto;
    right: 0;
    height: 2px;
	width: 0;
}
.resources-link ul li a:hover h3:after
{
    background: #fff;
    left: 0;
    right: auto;
	width: 100%;
}
.resources-link ul li a span
{
	display: block;
    font-size: 14px;
    font-weight: 500;
    color: #232323;
	margin: 15px 0;
	position: relative;
    transform: translateY(42px);
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.resources-link ul li a:hover span
{
    color: #fff;
    transform: translateY(0px);
}
.resources-link ul li a span:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    color: #9F0000;
    top: 0;
    right: 0;
    font-size: 20px;
    transform: translate(-15px, 15px);
	opacity: 0;
}
.resources-link ul li a:hover span:after
{
    transform: translate(0px, 0px);
	opacity: 1;
    color: #fff;
}
.contact
{
	
}
.formfield
{
	
}
.contact form, .formfield form
{
	margin: -10px;
}
.contact h2, .contact h3
{
    
}
.contact input::-webkit-input-placeholder,
.contact textarea::-webkit-input-placeholder,
.formfield input::-webkit-input-placeholder,
.formfield textarea::-webkit-input-placeholder
{
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight:400;
	font-size:15px;
}
.contact input::-moz-placeholder,
.contact textarea::-moz-placeholder,
.formfield input::-moz-placeholder,
.formfield textarea::-moz-placeholder
{
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight:400;
	font-size:15px;
}
.contact input:-ms-input-placeholder,
.contact textarea:-ms-input-placeholder,
.formfield input:-ms-input-placeholder,
.formfield textarea:-ms-input-placeholder
{
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight:400;
	font-size:15px;
}
.contact input:-moz-placeholder,
.contact textarea:-moz-placeholder,
.formfield input:-moz-placeholder,
.formfield textarea:-moz-placeholder
{
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight:400;
	font-size:15px;
}
.form-split
{
    width: 50%;
}
.form-split p
{
    margin: 0
}
.contact label, .formfield label
{
    padding:5px 10px;
	display:block;
}
.contact .wp-block-contact-form-7-contact-form-selector p,
.formfield p
{
	margin: 0;
}
.contact label strong, .formfield label strong, .formfield strong
{
    display: block;
    font-weight: 500;
    color: #7f7f7f;
    font-size: 13px;
    text-align: left;
}
.contact input[type=text], .contact input[type=email], .contact input[type=number], .contact input[type=search],
.formfield  input[type=text], .formfield input[type=email], .formfield input[type=number], .formfield input[type=search], .wpcf7 input[type=tel]
{
    padding: 16px 20px;
    width: 100%;
    background: none;
    border: 1px solid #000;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
	font-family: "Poppins", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.contact input[type=text]:focus, .contact input[type=email]:focus, .contact input[type=number]:focus, .contact textarea:focus
{
	
}
.contact input[type="file"]
{
    padding: 12px 20px;
    width: 100%;
    background: none;
    border: 1px solid #000;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
	font-family: "Poppins", sans-serif;
}
.contact input[type="file"]::file-selector-button {
  border: 2px solid #f0d3c3;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #f0dfd5;
  transition: 1s;
}

.contact input[type="file"]::file-selector-button:hover {
	
}
.selectdiv
{
	position: relative;
	font-family: "Poppins", sans-serif;
    padding:5px 10px;
}
.selectdiv select::-ms-expand
{
	display: none;
}
.selectdiv:before
{
    content: " ";
    right: 42px;
    top: 50px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selectdiv:after
{
    content: " ";
    right: 35px;
    top: 50px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectdiv:hover:before
{
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectdiv:hover:after
{
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selectdiv select
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	padding:16px 20px;
    color: #5b5b68;
    font-size: 15px;
	background-color: #ffffff;
	background-image: none;
    background: none;
    border: 1px solid #000;
    border-radius: 10px;
	-ms-word-break: normal;
	word-break: normal;
	font-family: "Poppins", sans-serif;
	cursor:pointer;
}
.selectdiv:hover select
{
	
}
.selectdiv select:focus
{
	
}
.contact textarea
{
    padding: 16px 20px;
    width: 100%;
	height:200px;
    background: none;
    border: 1px solid #000;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
	font-family: "Poppins", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.contact input[type=submit], .contact input[type=button],
.formfield input[type=submit], .formfield input[type=button]
{
    border: solid 1px #9F0000;
    background: #9F0000;
    padding: 16px 10px;
    width: 150px;
    outline: 0;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
	font-family: "Poppins", sans-serif;
    border-radius: 10px;
    margin: 15px 0 0 0;
    display: inline-block;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.contact input[type=submit]:hover, .contact input[type=button]:hover
{
    background: none;
	color: #000;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
}
.contact iframe
{
    width: 100%;
	height: 400px;
    border-radius: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.postlist
{
	overflow: hidden;
    background: #e2e6ec;
	position:relative;
}
.postlist:before
{
	content: " ";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 75px;
}
.postlist ul
{
	padding:0;
	margin:0 -20px;
	display:flex;
	flex-wrap:wrap;
}
.postlist ul li
{
	float:left;
	width:33.333333%;
	display:flex;
}
.postlist ul li:first-of-type
{
	width:100%;
    background: #f1d7d7;
	position:relative;
	margin: 75px 0 50px 0;	
}
.postlist ul li:first-of-type:before
{
	content: " ";
    background: #f1d7d7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 100%;
}
.postlist ul li:first-of-type:after
{
	content: " ";
    background: #f1d7d7;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100%;
    width: 100%;
}
.postlist ul li a, .RecentPost .item a
{
    display: flex;
    margin: 20px;
    box-shadow: 0px 0px 36px rgb(200 200 200 / 40%);
    border-radius: 12px;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
	background:#fff;
	text-align:left;
}
.postlist ul li a, .RecentPost .item a
{
    height: 250px;
}
.RecentPost .item a
{
    height:100%;
}
.RecentPost .item a
{
    margin: 0px;
}
.postlist ul li:first-of-type a
{
    background: #f1d7d7;
	box-shadow: none;
    height: auto;
}
.postlist ul li a:hover, .RecentPost .item a:hover
{
	background: #9F0000;
}
.postlist ul li:first-of-type a:hover
{
	background: none;
}
.postlist ul li a figure, .RecentPost .item a figure
{
	overflow:hidden;
	width:100%;
	display:none;
}
.postlist ul li a figure img, .RecentPost .item a figure img
{
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.postlist ul li:first-of-type a figure
{
    width: 55%;
    position: relative;
    top: -75px;
	display:block !important;
}
.postlist ul li:first-of-type a figure img
{
    height: auto;
    border-radius: 12px;
}
.postlist ul li a article, .RecentPost .item a article
{
    padding:5px 20px 20px 20px;
	width:100%;
}
.postlist ul li a article, .RecentPost .item a article
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.postlist ul li:first-of-type a article
{    
    width: 40%;
    margin-left: auto;
    display: block;
}
.postlist ul li a h2, .RecentPost .item a h2
{
    color: #232323;
    line-height: 24px;
    font-size: 20px;
    position: relative;
    padding-right: 30px;
	margin-top:auto;
}
.postlist ul li a:hover h2, .RecentPost .item a:hover article h2
{
    color: #fff;
}
.postlist ul li:first-of-type a h2
{
    line-height: 32px;
    font-size: 26px;
}
.postlist ul li:first-of-type a:hover h2
{
    color: #232323;
}
.postlist ul li a p
{
    display: none;
}
.postlist ul li:first-of-type a p
{
    display: block !important;
}
.postlist ul li a h2:before, .RecentPost .item a h2:before
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    right: 0;
    color: #232323;
    font-size: 26px;
    font-weight: 300;
}
.postlist ul li a:hover h2:before, .RecentPost .item a:hover article h2:before
{
    transform: translate(10px, -10px);
    color: #fff;
}
.postlist ul li:first-of-type a:hover h2:before
{
    color: #232323;
}
.categ
{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	padding:10px;
}
.categ p
{
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    padding: 0px 8px;
    border-radius: 30px;
    float: left;
    margin: 0 3px 3px 0px;
}
.categ a
{
    background: linear-gradient(75deg,#1F8CCC,#9BC640);
    font-size: 14px;
    color: #fff;
    padding: 6px 8px;
    border-radius: 30px;
    float: left;
    margin: 0 2px;
}
.categ a:hover
{
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 36px rgb(200 200 200 / 60%);
}
.date-time
{
	display:flex;
    color: #4e4e4e;
    font-size: 14px;
    padding: 20px 0;
	width:100%;
    align-items: flex-end;
}
.postlist ul li:first-of-type a article .date-time, .postlist ul li:first-of-type a:hover article .date-time
{
    color: #9F0000;
    font-size: 16px;
}
.postlist ul li a:hover article .date-time, .RecentPost .item a:hover article .date-time
{
    color: #fff;
}
.date
{
	position: relative;
    padding-left: 24px;
}
.date:before, .time:before
{
    font-family: 'Material Symbols Outlined';
    content: "\ebcc";
    position: absolute;
    top: -6px;
    bottom: 0;
    left: 0;
    font-size: 24px;
    font-weight: 300;
    color: #9F0000;
}
.postlist ul li a:hover article .date:before,
.postlist ul li a:hover article .time:before,
.RecentPost .item a:hover article .date:before,
.RecentPost .item a:hover article .time:before
{
    color: #fff;
}
.postlist ul li:first-of-type a:hover article .date:before,
.postlist ul li:first-of-type a:hover article .time:before
{
    color: #9F0000;
}
.time
{
	margin-left:auto;
	position: relative;
    padding-left: 24px;
}
.time:before
{
    top: -4px;
    content: "\e8b5";
}
.posts-navigation
{
	width:100%;
}
.postcontent-nav
{
	margin-top:30px;
	display: none;
}
.postlist ul li a article button, .RecentPost .item a article button
{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #232323;
    border: none;
    background: none;
    position: relative;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
	padding: 0;
	cursor:pointer;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.postlist ul li a:hover article button, .RecentPost .item a:hover article button
{
    color: #fff;
}
.postlist ul li:first-of-type a:hover article button
{
    color: #232323;
}
.postlist ul li a article button span:before, .RecentPost .item a article button span:before
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -22px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
	overflow: hidden;
	z-index: 99;
	opacity: 1;
}
.postlist ul li a article button:hover span:before, .RecentPost .item a article button:hover span:before
{
    transform: translate(10px, -10px);
	opacity: 0;
}
.postlist ul li a article button span:after, .RecentPost .item a button span:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f8ce";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -22px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
    transform: translate(-10px, 10px);
	overflow: hidden;
	z-index: 99;
	opacity: 0;
}
.postlist ul li a article button:hover span:after, .RecentPost .item a article button:hover span:after
{
    transform: translate(0px, 0px);
	opacity: 1;
}
.nav-links
{
	clear:both;
	text-align:center;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.nav-previous, .nav-next
{
	width: 100%;
}
.nav-previous a, .nav-next a
{
    display: block;
    background: #e2e6ec;
    color: #232323;
    font-weight: 500;
    font-size: 18px;
    padding: 16px 42px;
    position: relative;
    margin: 15px 5px;
    z-index: 9;
    text-align: center;
    overflow: hidden;
}
.nav-previous a:hover, .nav-next a:hover
{
	
}
.nav-previous a:after, .nav-next a:after
{
    font-family: 'Material Symbols Outlined';
    content: "\e5e1";
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 200;
}
.nav-previous a:after
{
    content: "\e5e0";
    right: auto;
	left:0;
}
.blog-main
{
	position:relative;
	z-index:9;
}
.blog-main figure
{
	height:100vh;
	padding-top:80px;
	position:relative;
}
.blog-main figure:after
{
	content: " ";
    background: linear-gradient(0deg, black, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25%;
}
.blog-main figure img
{
	width:100%;
	height:100%;
	object-fit: cover;
}
.postcontent
{
    width: 100%;
    max-width: 920px;
	position:relative;
    margin:30px auto 50px auto;
}
.postcontent .date-time
{
    width: 25%;
	display:block !important;
}
.postcontent .date-time p
{
	border-top:solid 1px #000;
	padding:20px 0;
}
.postcontent .date-time strong
{
	display:block !important;
    font-weight: 600;
    color: #232323;
}
.postcontent aside
{
    width: 70%;
}
.postcontent h1
{
	text-align:center;
}
.postcontent h2
{
    font-size: 30px;
    font-weight: 600;
    color: #232323;
}
.postcontent a
{
	text-decoration: underline;
	color: #000;
}
.postcontent h3
{
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 600;
}
.postcontent p
{
    text-align:justify;
	word-wrap: break-word;
}
.postcontent em
{
    font-style: italic;
}
.postcontent figure
{
	text-align:center;
	margin:20px 0px;
}
.postcontent figure img
{
    width: 100%;
	height: 500px;
    object-fit: cover;
	border-radius:30px;
}
.postcontent .date-time .date
{
    background: #fff;
    padding: 5px 12px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.postcontent .date-time .time
{
    margin-left: unset;
    background: #fff;
    padding: 5px 12px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.postcontent .date:before, .postcontent .time:before
{
	position:static;
}
.postcontent .categ
{
	position:static;
	margin:0 10px;
	padding:0;
}
.recent-posts
{
    background: #e2e6ec;
    text-align: center;
	padding-bottom: 35px;
	padding-bottom: 50px;
}
.recent-posts h2
{
	margin-bottom:30px;
}
.recent-posts .owl-carousel .owl-stage,
.recent-posts .owl-carousel.owl-drag .owl-item
{
	display: flex;
}
.recent-posts .owl-carousel .owl-stage-outer
{
    padding-bottom: 60px;
}
.case-study-list
{
	overflow: hidden;
}
.case-study-list article
{
    display: flex;
    align-items: center;
	position:relative;
}
.case-study-list article:first-of-type
{
    background: #e2e6ec;
	padding:50px 0;
	margin-bottom:50px;
}
.case-study-list article:first-of-type:before
{
	content:"";
    background: #e2e6ec;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
	right:0;
    z-index: -8;
}
.case-study-list article:first-of-type:after
{
	content:"";
    background: #e2e6ec;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100%;
	left:0;
    z-index: -8;
}
.case-study-list article:first-of-type a.cfs-hyperlink
{
    background: #fff;
}
.case-study-list article:nth-of-type(even)
{
	flex-direction:row-reverse;
}
.case-study-list article:first-of-type figure img
{
	border-radius: 12px;
}
.case-study-list article figure
{
	width:50%;
}
.case-study-list article figure img
{
	border-radius: 12px 0 0 12px;
}
.case-study-list article:nth-of-type(even) figure img
{
	border-radius: 0 12px 12px 0;
}
.case-study-list article aside
{
	width:50%;
	padding:0 100px;
}
.case-study-list article aside h2
{
    color: #232323;
    line-height: 28px;
    font-size: 20px;
}
.legal-content
{
	
}
.legal-content .row
{
    max-width: 1000px;
}
.legal-content h4
{
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.legal-content strong
{
    color: #9F0000;
}
.modal
{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999999999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
.modal .hero-video-text
{
    z-index: 9;
}
.modal-content
{
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    max-width: 920px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    padding: 0;
    border-radius: 30px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.modal-header
{
    position: fixed;
	top:0;
    z-index: 9999;
}
@-webkit-keyframes animatetop
{
	from {opacity:0} 
	to {opacity:1}
}
@keyframes animatetop
{
	from {opacity:0}
	to {opacity:1}
}
.close
{
    cursor: pointer;
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    position: fixed;
    top: 5px;
    right: 15px;
	z-index:99999
}
.modal-content .close
{
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    font-weight: 200;
    position: fixed;
    top: 5px;
    right: 53px;
    z-index: 99999;
    background: rgba(0, 0, 0, .6);
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
}
.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}
a.downloadbutton
{
    display: inline-block;
    border: solid 1px #9F0000;
    text-decoration: none;
    padding: 15px 22px;
    border-radius: 30px;
}
#DownloadNow .modal-content
{
    max-width: 650px;
    padding: 15px 30px;
    margin-top: 120px;
}
#DownloadNow h2
{
    color: #232323;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
	margin-bottom:0;
}
#DownloadNow .formfield input[type=submit]
{
	margin-top:0;
}
#DownloadNow .modal-content .close
{
	color: #000;
    font-size: 45px;
    position: fixed;
    top: 10px;
    right: 15px;
    background: none;
}
.downloads
{
    background: #e2e6ec;
}
.downloads ul
{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}
.downloads ul li
{
    background: #fff;
    box-shadow: 0px 0px 36px rgb(200 200 200 / 40%);
    border-radius: 12px;
    width: 100%;
    position: relative;
	padding: 15px 30px;
    text-align: center;
}
.downloads ul li:before
{
    font-family: 'Material Symbols Outlined';
    content: "\e415";
    display: block;
    color: #9F0000;
    font-size: 52px;
    font-weight: 200;
    margin: 15px 0;
}
.downloads ul li h3
{
	margin-top: 50px;
}
.downloads ul li a.downloadbutton
{
    padding: 8px 18px;
	margin: 0 0 15px 0;
}
@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.hero article
	{
		padding: 0 10px;
	}
	.hero article h2 strong
	{
    	font-size: 6.4vw;
	}
}
@media only screen and (max-width:1024px)
{	
	.site-header
	{
		padding: 10px 20px;
	}
	.site-header .alignmiddle
	{
		display: flex !important;
	}
	.site-header h1
	{
		position: relative;
		z-index: 99999999;
	}
	.site-footer article aside
	{
		margin-right: 2%;
	}
	.case-study-list article aside
	{
		padding: 0 30px;
	}
	.entry-header-blog
	{
		padding: 0 20px;
	}
}
@media only screen and (max-width:960px)
{
	.main-navigation
	{
		display: none;
	}
	.navbar
	{
		display: block !important;
	}
	.site-header aside
	{
		margin-left: auto;
		margin-right: 40px;
	}
	.main-navigation ul li
	{
		margin-right: 12px;
	}
	.site-header h1:before
	{
		display: none;
	}
	.hero article h3
	{
		font-size: 26px;
	}
	.hero article h1
	{		
    	font-size: 6.4vw;
	}
	.hero-video-text h2
	{
		font-size: 26px;
		line-height: 32px;
	}
	.hero-text h2
	{
		font-size: 46px;
		line-height: 48px;
	}
	.container
	{
		padding: 25px 20px;
	}
	.container h2
	{
		font-size: 24px;
		line-height: 26px;
	}
	.sets ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.positive-impact ul li
	{
		width: 50%;
	}
	.youtube-video, .growing aside
	{
		width: auto;
		float:none;
	}
	.site-footer article
	{
		padding: 30px 20px;
        display: flex;
        flex-wrap: wrap;
	}
	.site-footer article aside
	{
		margin-right: 0%;
		width: 33.333333%;
		float: left;
	}
	.values ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.built ul, .sourcing ul
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.resources-link ul li
	{
		width: 33.333333%;
	}
	.postcontent
	{
		padding: 0 20px;
	}
	.case-study-list article
	{
		display: block;
	}
	.case-study-list article figure, .case-study-list article aside
	{
		width: auto;
		float:none;
	}
	.case-study-list article figure img
	{
		border-radius: 12px !important;
	}
	.case-study-list article aside
	{
		padding: 10px 0px;
	}
	.downloads ul
	{
		grid-template-columns: 1fr 1fr 1fr
	}
}
@media only screen and (max-width:768px)
{
	.formobile
	{
		display:block !important;
	}
	.site-header h1
	{
		top: 0;
	}
	.alignmiddle, .promise-tech article, .skill-empowerment article
	{
		display: block;
	}
	.hero
	{
		
	}
	.hero article
	{
		text-align:center;
	}
	.hero article h3
	{
		font-size: 22px;
	}
	.hero-link ul li
	{
		font-size: 20px;
	}
	.hero-link a
	{
		font-size: 24px;
		margin: 0px 0;
	}
	.hero-link ul
	{
    	grid-template-columns: 1fr 1fr;
	}
	.hero-link ul li
	{
		text-align: center !important;
	}
	.hero-link a:before
	{
		top: 3px;
	}
	.hero article p
	{
		width: auto;
	}
	.hero-video
	{
		padding: 0 20px !important;
	}
	.hero-video-text h2
	{
		font-size: 20px;
		line-height: 24px;
	}
	.hero-text h2
	{
		line-height: 42px;
	}
	.mainslider .slick-list
	{
		height: 400px !important;
	}
	.youtube-video, .growing aside, .unmatched aside, .unmatched figure, .promise article figure, .promise article aside, .sustainability-intro figure, .sustainability-intro aside, .promise-tech article figure, .promise-tech article aside, .social-responsibility aside, .social-responsibility figure, .skill-empowerment article figure, .skill-empowerment article aside, .our-resources aside, .our-resources figure, .our-mission aside, .our-mission figure, .postcontent .date-time, .postcontent aside
	{
		width: auto !important;
		float: none;
	}
	.decades ul li
	{
		width: 33.333333%;
	}
	.priority ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.site-footer article aside
	{
		width: 50%;
	}
	.scrollup
	{
		bottom: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		line-height: 28px;
	}
	.site-footer article aside:first-of-type
	{
		width: 100%;
		float: none;
	}
	.social-icons-fixed
	{
		bottom: 50px;
		right: 10px;
	}
	.social-icons-fixed a
	{
		width: 30px;
		height: 30px;
		padding: 7px 0;
		font-size: 18px;
		margin: 5px 0px;
	}
	.site-footer-bottom p
	{
		float: none;
		text-align: center;
	}	
	.page-title h1
	{
		font-size: 40px;
		line-height: 44px;
	}
	.about-us, .values ul
	{
		grid-template-columns: 1fr;
	}
	.processing-excellence .simply-scroll
	{
		margin-top: 40px !important;
	}
	.promise article
	{
		display: block;
	}
	.promise article aside, .promise article:nth-of-type(even) aside
	{
		padding: 20px 0;
	}
	.built ul, .during-process ul, .sourcing ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.operations-quality-list
	{
		grid-template-columns: 1fr;
	}
	.entry-header h1, .page-header h1
	{
		font-size: 38px;
		line-height: 42px;
	}
	.working h1, .collectively h1
	{
		font-size: 28px;
		line-height: 34px;
	}
	.our-mission figure
	{
		padding: 0;
	}
	.our-mission figure img
	{
		border-radius: 30px;
	}
	.priorities .row
	{
		padding-left: 30px;
	}
	.priorities article
	{
		width: auto;
	}
	.priorities article:nth-of-type(even)
	{
		left: 0;
		right: 0;
	}
	.priorities article:before
	{
		right: auto;
		left: -15px;
		border-left: none;
		border-right: solid 15px #e2e6ec;
		border-top: solid 15px transparent;
		border-bottom: solid 15px transparent;
	}
	.priorities article:nth-of-type(even):before
	{
		left: -15px;
		border-left: none;
		border-right: solid 15px #e2e6ec;
		border-top: solid 15px transparent;
		border-bottom: solid 15px transparent;
	}
	.priorities article:after
	{
		left: -44px !important;
		right: auto !important;
	}
	.priorities .row:after
	{
		right: auto;
	}
	.promise-tech article aside, .promise-tech article:nth-of-type(even) aside, .skill-empowerment article aside, .skill-empowerment article:nth-of-type(even) aside
	{
		padding: 0;
	}
	.resources-link ul li
	{
		width: 50%;
	}
	.postlist ul li:first-of-type a figure, .postlist ul li:first-of-type a article
	{
		width: 100%;
	}
	.postlist ul li:first-of-type a figure
	{
		top:0;
	}
	.postlist ul li:first-of-type
	{
		margin: 0px 0 50px 0;
	}
	.postlist ul li
	{
		width: 50%;
	}
	.postcontent figure img
	{
		height: 400px;
	}
	.values:before
	{
		display: none;
	}
	.modal
	{
		padding:0 20px;
	}
	.downloads ul
	{
		grid-template-columns: 1fr 1fr
	}
}
@media only screen and (max-width:520px)
{	
	.logoicon
	{
		right: 50px;
		width: 350px;
		height: 120px;
	}
	.hero article
	{
    	text-align: center;
	}
	.hero article h1
	{
        font-size: 40px;
        line-height: 42px;
    }
	.hero article h1 span
	{
        display:block;
    }
	.hero article h3
	{
        font-size: 17px;
	}
	.hero-link ul
	{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
	.hero-link ul li
	{
        font-size: 13px;
        margin: 3px 0px;
		padding-left:0;
	}
	.hero-link ul li:before
	{
		height: 12px;
        width: 25px;
		position:static;
		display:block;
        margin: 0 auto;
	}
	.hero article p
	{
        font-size: 15px;
        margin-top: 10px;
	}
	.hero-video-text
	{
		padding: 5px 15px;
	}
	.hero-video-text h2
	{
		font-size: 16px;
		line-height: 20px;
	}
	.hero-text h2
	{
		font-size: 35px;
		line-height: 38px;
	}
	.sets ul
	{
		grid-template-columns: 1fr;
	}
	.decades ul li
	{
		width: 50%;
	}
	.positive-impact ul li
	{
		width: 100%;
	}
	.priority ul
	{
		grid-template-columns: 1fr;
	}
	.priority ul li:before
	{
		top: -14px;
		left: 0;
		right: 0;
		font-size: 26px;
		transform: translateY(-50%) rotate(90deg);
	}
	.site-footer
	{
		text-align: left;
	}
	.site-footer article aside:first-of-type,
	.site-footer article aside:nth-of-type(4),
	.site-footer article aside:nth-of-type(5)
	{
		width: 100%;
		float: none;
	}
	.social-icons a
	{
		display: inline-block;
		float: none;
		margin: 0 1px;
	}
	.resources-link ul li
	{
		width: 100%;
	}
	.postlist ul li
	{
		width: 100%;
	}
	.postcontent figure img
	{
		height: 280px;
	}
	.entry-header h1, .page-header h1
	{
        font-size: 30px;
        line-height: 35px;
    }
	.entry-header-blog h1
	{
		font-size: 22px;
		line-height: 28px;
	}
	.downloads ul
	{
		grid-template-columns: 1fr
	}
}
@media only screen and (max-width:320px)
{
	.decades ul li
	{
		width: 100%;
	}
	.built ul, .during-process ul, .sourcing ul
	{
		grid-template-columns: 1fr;
	}
}