@charset "utf-8";
/* CSS Document */


body {
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	color: #2E5D5B;
	background: rgba(214,216,205,0.15);

}

p {
    margin: 0;
}

img {
    vertical-align: bottom;
    max-width: 100%;
    }

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin: 0;
    font-family:  'Source Sans Pro', sans-serif;
}

h1 {font-size:2.4em;}
h2 {font-size:2.2em;}
h3 {font-size:2.0em;}
h4 {font-size:1.6em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

a {
	text-decoration: none;
	padding:0;
	}

.line {
	height: 20px;
	border-bottom: solid 3px #E7DBC3; 
}

.CTA {
	
	margin: 20px auto;
	color:#E7DBC3;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	
	background: url("images/global.jpg");
}

.CTA a {
	line-height: 18px;
	padding: 10px 20px;
	height: 18px;
	display:block;
	color: #E7DBC3;
	text-align: center;
    }

.CTA a:hover {
	color:#E7DBC3;
	font-size: 1.1em;
	background: rgba(46,93,91,0.8);
	cursor: pointer;
}

#heroText>.line {
	margin: 20px 30px 10px 30px;
}

/*ICONS SYMBOLS*/
.stroke25, .stroke50, .stroke100, .c25 {
fill:none;
stroke:currentcolor;	
}

.c25 {
stroke-width:0.5px;
}

.stroke25 {
stroke-width: 0.5px;
}

.stroke50 {
stroke-width: 1px;	
}

.stroke100 {
	stroke-width: 1.4px;
}


.fill_2e5e5c {
	fill:currentcolor;
    stroke-width: 0.5px;
}


/*ICONS SYMBOLS END*/


.green_c {
	fill:rgb(46, 93, 91, 0.7);
	stroke:#E7DBC3;
	stroke-dasharray:340;
	stroke-dashoffset:0;
	stroke-width:2px;
	animation: green 3s linear infinite;
	}

@keyframes green {
	from{stroke-dashoffset:340;}
	to {stroke-dashoffset:0;}
}


.big_c {
	fill:none;
	stroke:#2E5D5B;
	stroke-width:2px;
	}

.small_text {
	fill:#E7DBC3;
	font-size: 14px;
	font-family:'Source Sans Pro', sans-serif;
	}

.small_text tspan {
	margin-bottom: 10px;
}

.big_text {
	fill: #2E5D5B;
	font-size: 20px;
	font-family:'Open Sans', sans-serif;
	animation: text 4s linear infinite;
	opacity: 0.2;
}

@keyframes text {
	from{opacity:0.2;}
	to {opacity:1;}
}

.big_c path {
	stroke-dasharray:100;
	stroke-dashoffset:100;
	animation: big 4s linear infinite;
	}

@keyframes big {
	from{stroke-dashoffset:100;}
	to {stroke-dashoffset:0;}
}


/* HEADER */

header {
	
	}


.hWrapper {
	display:flex;
    align-content: space-around;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	}

/*#headerBottom>.hWrapper {
	width: 90%;
}*/

#headerBottom {
	width: 100vw;
	background: #fff;
	position: fixed;
	z-index: 20;
	box-shadow: 0 4px #E7DBC3;
	border-top: 4px solid #498282;
	}

#logoSection {
   	
}

#logoSection img {
	width: 140px;
	margin-top: 5px;
	}

#mainNav {
	margin-left: auto;
}

#mainNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#mainNav ul li {
	display: inline-block;
	position: relative;
	}

#mainNav ul li a {
	color: #2E5D5B;
	display: block;
	padding: 25px 0 20px 0;
	height: 20px;
	line-height: 20px;
	font-size: 1em;
	width: 150px;
	position:relative;
	transition: 0.3s ease-in;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	}


@keyframes menu-hover {
	0% {width: 0%}
	33% {width: 26%}
	06% {width: 56%}
	100% {width: 80%}
	
}
    

#mainNav ul li a:hover {
	font-size: 1.1em;
	
}


#mainNav ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background: rgba(133,167,161,0.9);
}


#mainNav ul li:hover ul {
	display: block;
	cursor: pointer;
}

#mainNav ul li ul li a {
	font-size: 1em;
	padding: 5px 0;
	border-top: solid 0.7px #2E5D5B;
	width: 150px;
}


.hero {
	display: flex;
	width: 100%;
	margin: 0 auto;
	justify-content: left;
	z-index: 2;
	background: url("images/home_background_handshake1.jpg");
	}

#heroWrapper {
	
	z-index:3;
}
	

#heroText {
	display:flex;
	flex-direction: column;
	width: 40%;
	margin-top: 150px;
	margin-bottom: 50px;
	color: #fff;
	z-index: 4;	
	
}

.hero h3  {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
  /*  font-weight: 600;*/
	padding-top:10px;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	z-index: 4;
	color: #E7DBC3;
	}

.hero p {
  
  text-align: justify;
  padding: 20px 0px;
  color: #E7DBC3;
}



/* MAIN*/

#mainWrapper {
	width: 90%;
	margin: 20px auto;
	text-align: center;
}


/* HOMEPAGE SECTIONS*/



#mainWrapper>h4 {
	text-transform: uppercase;
	padding-top: 40px;
	color: #85A7A1;
	font-size: 1.2em;
	text-align: left;
	}

main article {
	display:flex;
	align-content: space-between;
	text-align: left;
	margin: 40px auto;
	
}

main article p {
	text-align: justify;
}


.sectionText {
	width: 40%;
    background: #fff;
	padding: 30px;
	box-shadow: 2px 3px 7px rgba(42,75,75,0.3);
}

.sectionText h3 {
	font-weight: 600;
	margin-bottom: 50px;
}

#WhatWeDo {
	position: relative;
	clear: both;
}

#sectors {
	width: 100%;
	margin-left: 20px;
	padding: 0 30px;
	display: block;
	justify-content: center;
	z-index: 1;
	background: #fff;
	box-shadow: 2px 3px 7px rgba(42,75,75,0.3);

	}

#sectorsSvg {
	    width: 150px;
	    height: 150px;
		position: absolute;
		top:8%;
		left: 28%;
	    z-index: 3;
	    border-top: solid 3px #E7DBC3;
	    border-bottom: solid 3px #E7DBC3;
	    box-shadow: 2px 3px 4px rgba(42,75,75,0.2);
	    border-left: 1px solid rgba(42,75,75,0.05);
	   }

#sectorsSvg>div {
	 background: #fff;
	 position: relative;
	 height: 150px;
	
}

#sectorsSvg svg {
	stroke: #2E5D5B;
	width: 150px;
	height: 150px;
	position: absolute;
	top:0;
	left:0;
	animation: sector-sliders infinite 10s;
	background: #fff;
	z-index: -1;
	}

#sectorsSvg>div svg:nth-child(1) {animation-delay: 0s}
#sectorsSvg>div svg:nth-child(2) {animation-delay: 2.5s}
#sectorsSvg>div svg:nth-child(3) {animation-delay: 5s}
#sectorsSvg>div svg:nth-child(4) {animation-delay: 7.5s}

@keyframes sector-sliders {
  0% {z-index: 0;}
  24.99% {z-index: 0;}
  25% {z-index: -1;}
 }

#sectorsImg {
	margin: 0 auto;
	position: relative;
	top:50%;
	}

#sectorsImg>figure {
	height: 300px;
	width:500px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	animation: sector-sliders infinite 10s;
	background: #fff;
	z-index: -1;
	}

.secFigCap {
	text-transform: uppercase;
    font-size: 1.4em;
	font-weight: 500;
	position: absolute;
	top:8%;
	left: 50%;
	transform: translateX(-50%);
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	color: #E7DBC3;
	width: 400px;
	text-align: center;
}


#sectorsImg>figure:nth-child(1) {animation-delay: 0s}
#sectorsImg>figure:nth-child(2) {animation-delay: 2.5s}
#sectorsImg>figure:nth-child(3) {animation-delay: 5s}
#sectorsImg>figure:nth-child(4) {animation-delay: 7.5s}



#Impact h5 {
	 font-size: 1em; 
	}

#circles {
	 z-index: 3;
	 background: #BECDC5;
     border-top: solid 3px #E7DBC3;
 	 border-bottom: solid 3px #E7DBC3;
	 display: flex;
	 align-content: space-around;
	 align-items: center;
	 flex-direction: column;
	 width:100%;
	 }

#circles svg {
     height: 410px;
	 display: block;
	 margin-right:auto;
	 margin-left:auto;
	 margin-top:auto;
	 margin-bottom:auto;
	 width:auto;
	 }

#Impact {
	position: relative;
	z-index: 1;
    margin: 20px 0 10px 0;
	}

.articleContainer {
    display:flex;
	justify-content: space-between;
	margin: 10px 0;
	 
}

.articleContainer img {
    height: 100px;
    display: inline-block;
}
 

.ImpactIcons {
	display:flex;
	justify-content: space-between;
	margin: 0 auto;
	align-content: center;
	text-align: center;
	margin-bottom: 20px;
	padding: 10px 0;
	flex-flow: wrap;
	}

.homeIcons:first-child {
	margin-bottom:0px;
}

.ImpactIcons figure {
    width:200px;
	z-index: 3;
	
	}


/*icons svg*/

.icon-c {
	stroke-width: 0.25px;
}

/*icons svg end*/

.ImpactIcons a {
	color: #2E5D5B;
	display: inline-block;
	width:200px;
	margin: 0px;
	background: #fff;
	text-align: center;
	position: relative;
	padding: 20px 0 60px 0;
	border-top: solid 3px #E7DBC3;
	border-bottom: solid 3px #E7DBC3;
	box-shadow: 2px 3px 4px rgba(42,75,75,0.2);
	}


.ImpactIcons svg {
	display: block;
	margin: 0 auto;
	width: 150px;
	stroke: currentcolor;
}

.ImpactIcons a:hover {
	color:#E7DBC3;
	background: url("images/global.jpg");
	cursor: pointer;
	}


.ImpactIcons h5 {
	display: block;
	border: none;
	text-align: center;
	text-transform: uppercase;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	width: 180px;
}



#Impact .sectionText {
	margin-left: 20px;
}

#Locations .sectionText {

}


 input[type=submit] {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	background: url("images/global.jpg");
}

#Locations>figure {
	background:url("images/global1ab.jpg");
	width: 100%;
	position: relative;
	margin-left: 20px;
	display: flex;
	align-items: center;
	align-content: center;
}

#Locations>figure>img {
	height: 100%;
	max-height: 480px;
	z-index: 3;
	opacity: 0.75;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.map {
	color:#85A7A1; 
}

.map:hover {
	color:#BECDC5;
	cursor:pointer;
}

#Locations p {
	position: relative;
}

#UAE:hover::after {
	content: 'UAE – 2 Branches';
	color:#2E5D5B;
	background: rgba(231,219,195,0.7);
	width: 60%;
	text-align: center;
	position:absolute;
	top:-100px;
	left:780px;
	font-size: 1.2em;
	z-index: 8;
	}

#GCC:hover::after {
	content: 'GCC – 1 Branch';
    color:#2E5D5B;
	background: rgba(231,219,195,0.7);
	width: 60%;
	text-align: center;
	position:absolute;
	top:-120px;
	left:720px;
	font-size: 1.2em;
	z-index: 8;
	}

#Morocco:hover::after {
	content: 'MOROCCO – 2 Branches';
	color:#2E5D5B;
	background: rgba(231,219,195,0.7);
	width: 60%;
	text-align: center;
	position:absolute;
	top:-145px;
	left:600px;
	font-size: 1.2em;
	z-index: 8;
	}

#China:hover::after {
	content: 'CHINA – 2 Branches';
	color:#2E5D5B;
	background: rgba(231,219,195,0.7);
	width: 60%;
	text-align: center;
	position:absolute;
	top:-95px;
	left:980px;
	font-size: 1.2em;
	z-index: 8;
	}


/* FOOTER */

/* footerTop ul @ line 101 */

.fWrapper {
	width: 90%;
	text-align: center;
	font-size: 1em;
	padding: 0;
	margin: 0 auto;
	}

#footerTop ul {
	list-style: none;
	padding: 0;
	text-align: left;
	display: inline-block;
}

#fMenu {
display: flex;
justify-content: space-between;
}

#footerTop .fWrapper{
	display: flex;
	justify-content:space-between;
	color: #2E5D5B;
	margin: 0 auto;
}

#fMenu ul:last-of-type {
	padding-left: 30px;
}


#footerBottom {
	background: #2E5D5B;
	color:  #85A7A1;
	text-align: center;
	margin: 0 auto;
}

#footerTop { 
  background:  #BECDC5;
  padding-bottom: 20px;
  padding: 20px 0 20px 0;
}

#footerTop ul li a {
	color: #2E5D5B;
	display: block;
	padding: 0 0 2px 0;
	margin-bottom: 3px;
	height: 18px;
	line-height: 18px;
	transition: 0.3s ease-in;
	font-size: 0.9em;
	}


#footerTop i {
    color: #2E5D5B;
	padding: 0 5px;
}

#fAddress span {
	display: block;
	padding-bottom: 10px;
}

#fLogo a {
	border-bottom: solid #2E5D5B 1px;
	margin-bottom: 10px;
    font-size: 1.4em;
	font-family:  'Open Sans', sans-serif;
	color: #2E5D5B;
	transition: 0.3s ease-in;
	align-self: center;
}

#fAddress {
	display: flex;
	flex-direction: column;
}

#fSocial {
	border-top: solid #2E5D5B 0.7px;
	padding-top: 10px;
	font-size: 1em;
}

/*FOOTER a HOVER*/

#footerTop ul li a:hover::before {
	content:'';
	border-left: solid 2px #E7DBC3;
	border-top: solid 2px #E7DBC3;
	position: absolute;
	top:-15%;
	left:0;
	width: 7%;
	height: 40%;
	color: #E7DBC3;
	cursor: pointer;
}

#footerTop ul li a:hover {
	color: #E7DBC3;
	position:relative;
	padding-left: 15px;
	cursor: pointer;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
}

#fLogo a:hover {
	border-bottom: solid 1px #E7DBC3;
	color: #E7DBC3;
	cursor: pointer;
}

#fSocial a i:hover {
	color: #498282;
	transition: 0.6s ease;
	cursor: pointer;
}



/*OUR BUSINESS*/


   /*OUR BUSINESS HERO*/
   

#businessHero {
	background: url("images/business_banner_buildings1.jpg");
	width: 100%;
}

.businessHeroWrapper{
	justify-content: center;
	}

#BusinessHeroText {
	margin-top: 200px;
	margin-bottom: 50px;
}

#BusinessHeroText h3 {
	text-align: center;
	font-weight: normal;
}

#BusinessHeroText h3:second-of-type {
	font-size: 1.5em;	
	}

#BusinessHeroText h3:first-of-type {
font-size: 1.4em;
}

       /*OUR BUSINESS HERO END*/


.BusinessIcons {
	    width: 150px;
		position: absolute;
		top:0;
		left: 0;
	    z-index: 3;
	    background:  #fff;
	    border-top: solid 3px #E7DBC3;
	    border-bottom: solid 3px #E7DBC3;
} 

.BsectionText {
    background: #fff;
	padding: 120px 30px 30px 30px;
	width: 50%;
	margin-top: 50px;
	margin-left: 50px;
}



.Pillers, .sectors  {
	display: flex;
	align-content: space-between;
	background: #fff;
	margin: 50px 0 30px auto;
	position: relative;
	padding: 30px 30px;
	box-shadow: 2px 3px 7px rgba(42,75,75,0.3);
}

.BusinessIconsP {
	    width: 150px;
		position: absolute;
		top:-30px;
		left:50px;
	    z-index: 3;
	   background: url("images/global.jpg");
	    border-top: solid 3px #E7DBC3;
	    border-bottom: solid 3px #E7DBC3;
	    color:#E7DBC3;
	    box-shadow: 2px 3px 7px rgba(42,75,75,0.3);
	} 

.sectors .BusinessIconsP {
	background: #fff;
	color: #2E5D5B;	
}

.BusinessIconsP svg {
	display: block;
	margin: 0 auto;
	width: 150px;
	/*stroke: #E7DBC3;*/
}

.sectors .BusinessIconsP svg{
	background: rgba(255,255,255,0.2);
	
}

.SliderFrame {

margin-left: 30px;
width: 860px;
animation: 20s slider infinite;
border: solid 1px #E7DBC3;
overflow:hidden;
padding: 20px 0;
}


.SliderHolder12 {
	width: 5400px;
	position: relative;
	animation: 36s slider12 infinite;
	margin:0;
	padding:0;
	left: 0;
}

.SliderHolder10 {
	width: 4200px;
	position: relative;
	animation: 30s slider1 infinite;
	margin:0;
	padding:0;
	left: 0;
}

.SliderHolder7 {
	width: 2940px;
	position: relative;
	animation: 20s slider infinite;
	margin:0;
	padding:0;
	left: 0;
}

.SliderHolder8 {
	width: 3360px;
	position: relative;
	animation: 20s slider infinite;
	margin:0;
	padding:0;
	left: 0;
}

.SliderHolder5 {
	width: 2100px;
	position: relative;
	animation: 20s slider infinite;
	margin:0;
	padding:0;
	left: 0;
}

.SliderHolder6 {
	width: 2520px;
	position: relative;
	animation: 20s slider infinite;
	margin:0;
	padding:0;
	left: 0;
}

.BusinessImageP {
 display:inline-block;
 float: left;
 margin:0px;
 padding: 0 0 0 20px;
 width:  400px;
 
}

@keyframes slider {
		0% {left:0%}
		
		20% {left:0%}
		
		25% {left:-420px}
		
		45% {left:-420px}
		
		50% {left:-840px}
		
		70% {left:-840px}
		
		75% {left:-1260px}
		
		75% {left:-1260px}
		
		95% {left:-1680px}
		
		100% {left:-1680px}
	
	}
	
@keyframes slider1 {
		0% {left:0%}
		
		10% {left:0%}
		
		15% {left:-420px}
		
		25% {left:-420px}
		
		30% {left:-840px}
		
		40% {left:-840px}
		
		45% {left:-1260px}
		
		55% {left:-1260px}
		
		60% {left:-1680px}
		
		70% {left:-1680px}
	
	    75% {left:-2100px}
		
		85% {left:-2100px}
	
	    90% {left:-2520px}
		
		100% {left:-2520px}
	}

@keyframes slider12 {
	    0% {left:0}
		
		7% {left:0}
		
		9.3% {left:-420px}
		
		16.3% {left:-420px}
		
		18.6% {left:-840px}
		
		25.6% {left:-840px}
		
		27.9% {left:-1260px}
		
		34.9% {left:-1260px}
		
		37.2% {left:-1680px}
		
		44.2% {left:-1680px}
	
	    46.5% {left:-2100px}
		
		53.5% {left:-2100px}
	
	    55.8% {left:-2520px}
		
		62.8% {left:-2520px}
	
	    65.1% {left:-2940px}
		
		72.1% {left:-2940px}
	
	    74.4% {left:-3360px}
		
		81.4% {left:-3360px}
	
	    83.7% {left:-3780px}
		
		90.7% {left:-3780px}
	
	    93% {left:-3780px}
		
		100% {left:-3780px}
	
	}
	

.BusinessImageP img {
 

}

.FigureHolder figure:first-of-type {
 margin-right: 20px;
}




.BsectionTextP {
	padding: 0;
	text-align: justify;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top: auto;
	width: 23%;
	}



.BusinessIconsP svg {
	width:150px;
	
}

.BusinessIconsP .cls-1, .BusinessIconsP .cls-2 {
	stroke:#E7DBC3;
	
}

.pRight {
	
text-align: right;
color: #85A7A1;
font-weight: 400;

}

.ProjectDescription {

color: #85A7A1;	
text-align: justify;
font-size: 0.8em;
padding-top: 5px;
}

.ProjectLocation {
	font-size: 1.2em;
	color:  #85A7A1;
	text-align: left;
	}

.ProjectLocation i {
	padding-right: 5px;
}


#sectorsSeparator {
    background: url("images/business_sectors_banner_buildings1.jpg");
	padding: 30px;
	color: #2E5D5B;
	margin-top: 20px;
	}

#sectorsSeparator h4 {
	color: #E7DBC3;
  text-shadow:  1px 1px 2px rgba(42,75,75,0.6);
	
}
#smallSectors {
	display:flex;
	justify-content: space-between;
	height: 100px;
	margin: 0 auto;
	width: 80%;
	margin-top: 20px;

	
}

#smallSectors a {
	color: #E7DBC3;
	padding: 0;
	margin: 0;
	line-height:100px;
	height: 100px;
	vertical-align: middle;
	border-top: solid 3px #E7DBC3;
	border-bottom: solid 3px #E7DBC3; 
	box-shadow:  1px 2px 4px rgba(42,75,75,0.4);
	background: rgba(46,93,91,0.6);
	}

#smallSectors a:hover {
	color: #E7DBC3;
	background: #2E5D5B;	
}

#smallSectors svg {
	width: 100px;
	height: 100px;
	stroke: currentcolor;
	background: rgba(255,255,255,0.2);

}


/*OUR BUSINESS END*/


/*WHO WE ARE*/

 #AboutHero {
	background: url("images/hands_banner.jpg");
}


.vision {
	margin-left: 20px;
	width: 30%;
	padding: 30px;
	display: flex;
	align-content: flex-start;
	flex-direction: column;
	background: #BECDC5;
	box-shadow: 3px 4px 7px rgba(42,75,75,0.6);
	z-index: 3;
}

.vision p {
	margin-top: 40px;
	height: 100%;
}

.vision h5 {
    font-size: 1em;
	text-transform: uppercase;
	/*border-left: solid 3px #E7DBC3;*/
	/*padding-left: 10px;*/
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	
}
.vision h4 {
    font-weight: 300;
	color: #2E5D5B;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	}

.vision span, .sectors_chevron {
	color: #E7DBC3;
	font-size: 1.6em;
	font-weight: 600;	
}

#vision {
	margin-bottom: 20px;
	z-index: 2;
}

#duwayaVideo {
	background: url("images/sectors/brand/Duwaya Investment promotes Halal trading as the invited investment guest at the Russia Halal Expo.jpeg");
    position:relative;
    z-index: 1;
   	border-top: solid 3px #E7DBC3;
    border-bottom: solid 3px #E7DBC3;
	max-width:360px;
	margin-top: 40px;
	
}

#about {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom:0;
	transform: translateY(-15%);
	z-index: 1;
	background: url("images/hands_banner.jpg");
	border:solid 1px #E7DBC3;
}

.about {
 margin-top:auto;
 padding: 0 20px 20px 20px;
 	
}

.about p {
	padding: 20px 20px 20px 0;
	/*background: #fff;*/
	margin: 20px;
	color:#E7DBC3;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	
	
}

.about:second-of-type {
	margin-left: auto;
	}



#OurFuture>svg {
	position: absolute;
	z-index: 51;
	height: 640px;
	width: 1220px;
	top: 0;
	left:0;
}

#OurFutureImages figure {
	width: 250px;
	display: inline-block;
	padding: 20px 0;
	position: relative;
	}

#FutureText ul li>img {
	animation: futuristic1 12s infinite ease;
	background-image:none;
	border-radius: 50%;
	margin-right: 5px;
}

#OurFutureImages {
    background: #BECDC5;
	display: flex;
	justify-content: space-around;
	flex-flow: wrap;
	padding: 20px;
	max-width: 660px;
	}

#OurFutureImages figcaption {
	position: absolute;
	bottom:18%;
	left:50%;
	transform:translateX(-50%);
	text-transform: uppercase;
	color: #E7DBC3;
	width: 100%;
	line-height: 20px;
	height: 20px;
	padding: 10px 0;
	font-size: 0.8em;
	background:rgba(133,167,161,0.7);
	border-top: solid 2px  #85A7A1;
	border-bottom: solid 2px  #85A7A1;
	animation: futuristic 12s infinite ease;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	}

#OurFutureImages figure::after {
	content: '';
	position: absolute;
	bottom:18%;
	left:50%;
	transform:translateX(-50%);
	line-height: 20px;
	height: 40px;
	width: 0%;
	z-index: 5;
	border-top:none; 
	border-bottom:none;
	animation: futuristic2 12s infinite forwards;
	}


@keyframes futuristic2 {

    0% {width: 0%;border-top:none; border-bottom:none;}
	5% {width: 0%; border-top:none; border-bottom:none;}
	10% {width: 100%; border-top: solid 2px  #E7DBC3; border-bottom: solid 2px  #E7DBC3;}
	10.1% {width:100%; border-top:none; border-bottom:none;}
	100% {width: 100%; border-top:none; border-bottom:none;}
}

#OurFutureImages figure:nth-child(1)::after{animation-delay: 0s}
#OurFutureImages figure:nth-child(2)::after {animation-delay: 2s}
#OurFutureImages figure:nth-child(3)::after{animation-delay: 4s}
#OurFutureImages figure:nth-child(4)::after{animation-delay: 6s}
#OurFutureImages figure:nth-child(5)::after{animation-delay: 8s}
#OurFutureImages figure:nth-child(6)::after {animation-delay: 10s}


#FutureText ul {
	list-style: none;
	margin: 0;
	text-align: left;
}

#FutureText ul li {
	line-height: 45px;
	height: 45px;
	color: #85A7A1;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	}

@keyframes futuristic1 {
	
	
	0% {background-image:none;}
	5% {background-image:radial-gradient(circle,rgba(133,167,161,0.4), white);}
	10% {background-image:radial-gradient(circle,rgba(133,167,161,0.4), white);}
	15% {background-image:none;}
	
	}

#FutureText ul li:nth-child(1)>img {animation-delay: 0s}
#FutureText ul li:nth-child(2)>img {animation-delay: 2s}
#FutureText ul li:nth-child(3)>img {animation-delay: 4s}
#FutureText ul li:nth-child(4)>img {animation-delay: 6s}
#FutureText ul li:nth-child(5)>img {animation-delay: 8s}
#FutureText ul li:nth-child(6)>img {animation-delay: 10s}
 

#FutureText p {
	text-align: justify;
	padding: 20px;
}

#OurFuture h3{
	margin: 30px auto;
	text-align: left;
	padding-left: 20px;
}

#OurFuture {
	display: flex;
	justify-content: space-between;
	background: #fff;
	margin: 30px auto 50px;
	padding: 20px;
}

#FutureText {
	   padding-right: 20px;
	   display: flex;
	  flex-direction: column;
}
.ourFutureIcons {
	width: 45px;
}

#FutureText .CTA {
	margin: 0;
	margin-top: auto;
	border-top: solid 2px  rgba(133,167,161,0.8);
	border-bottom: solid 2px rgba(133,167,161,0.8);
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	}

#FutureText .CTA a:hover {
	background: rgba(46,93,91,0.8);
}

#OurFuture ul>li>span, .Intro span, #Impact span {
	color: #E7DBC3;
	font-size: 1.6em;
	font-weight: 600;
}


#LeadershipBanner .Intro {
	text-align: justify;
	position: absolute;
	width: 100%;
	color:#E7DBC3;
	background: rgba(42,75,75,0.7);
	height: 100%;
	}

#LeadershipBanner {
	width: 100%;
	margin-top: 30px;
/*    background:#2E5D5B;*/
	height: 200px;
	position: relative;
	background: url("images/team/team_banner.png");
}

#LeadershipBanner h5, #LeadershipBanner h4 {
	padding: 20px 40px;
	width: 60%;
	text-transform: uppercase;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
}

#CV {
	margin-top: 20px;
}

.Bio {
	margin:0;
	border:solid 1px #E7DBC3;
	position: relative;
	padding: 40px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}

.Bio:first-of-type {
	margin-right: 20px;
	}

.Bio figure {
	width: 280px;
	padding: 3px 0;
	background:#E7DBC3;
	box-shadow: 3px 4px 5px rgba(42,75,75,0.4);
}

.Bio figure>h4 {
	background: url("images/global.jpg");
	/*background: #FFF;*/
	text-align: center;
	padding: 40px;
	display: block;
	color:#E7DBC3;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
}

.Bio>div:first-of-type {
	/*figure&figcaption*/
	padding: 0 20px;
	text-align: left;
	top:0;
	left: 20px;
	transform: translateY(-30%);
	z-index:3;
	position: absolute;
	
	}

.Bio figcaption {
	text-align: center;
	/*padding-left: 12px;*/
}

.Bio .cvText {
	text-align: justify;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 80px 20px 20px 20px;
	margin-top:40px;
	}

#BioSpace{
	height: 100%;
	margin-top: auto;
    background: #fff;
	z-index: 1;
}

/*WHO WE ARE END*/


/*C&L*/

#CLHero {
	background-image: url("images/locations_bannerA.jpg");
	text-align: center;
}

#ContactUs .sectionText {
	margin-left: 20px;
}

#ContactUs>figure {
 position: relative;
}

#ContactUs>figure>figcaption {
	color: #E7DBC3;
	position: absolute;
	bottom:50%;
	left:50%;
	transform: translateX(-50%) translateY(50%);
	text-align: center;
	text-shadow:  1px 1px 2px rgba(42,75,75,0.4);
	text-transform: uppercase;
	font-size: 1.4em;
	width: 100%;
	margin: 0 auto;
}


/*CONTACT FORM*/



.formField, textarea {
	border: solid 0.7px #2E5D5B;
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
	height: 24px;
	line-height: 24px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #498282;
	font-size: 1em;
	resize: vertical;
	box-sizing: border-box;
	padding-left: 10px;
	}

.formField {
	
}

#contactMessage {
	height: 100px;
}

/*CONTACT FORM END*/

#ContactUs .CTA {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

input[type=text], input[type=tel], input[type=email] {
	color: #2E5D5B;
}

/*PRIVACY*/

#PrivacyPolicy .sectionText {
	width: 100%;
	/*background:url("images/privacy_banner2.jpg") no-repeat;*/

	
}

#PrivacyPolicy .sectionText>div {
	width: 70%;
	margin: 40px auto;
	padding: 0 40px;
	}

#PrivacyPolicy ul {
	margin: 20px auto;
	width: 600px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
	padding: 0;
	color:#85A7A1;
	background: #fff;
	list-style: none;
	}

#PrivacyPolicy ul>li h5 {
	color:#85A7A1;
	font-size: 1em;
	margin:0;
	border-top: solid 1px #E7DBC3;
	padding: 5px;
	display: flex;
	justify-content: space-between;
}

.privacyChevron {
	text-align: right;
	margin-left: auto;
}


#PrivacyPolicy ul>li a:hover h5 {
	background: rgba(231,219,195,0.5);
}

#PrivacyPolicy ul>li:last-of-type h5 {
	border-bottom: solid 1px #E7DBC3;
}

#PrivacyPolicy ul>li>p {
	color:#2E5D5B;
	font-size: 0.8em;
	display:none;
	margin-top:20px;
	padding-bottom:20px;
}

#PrivacyPolicy ul>li:last-of-type p {
	border-bottom: solid 1px #E7DBC3;
}


#PrivacyPolicy ul>li:target p {
	display: block;
}

/*PRIVACY END*/

/*C&L END*/


/*RESPONSIVE keyframes*/
@keyframes slider_a {
        0% {left:0}
		
		20% {left:0}
			
		25% {left:-260px}
		
		45% {left:-260px}
		
		50% {left:-520px}
		
		70% {left:-520px}
		
		75% {left:-780px}
		
		75% {left:-780px}
		
		95% {left:-1040px}
		
		100% {left:-1040px}
	}


@keyframes slider1_a {
	
	    0% {left:0}
		
		10% {left:0}
		
		15% {left:-260px}
		
		25% {left:-260px}
		
		30% {left:-520px}
		
		40% {left:-520px}
		
		45% {left:-780px}
		
		55% {left:-780px}
		
		60% {left:-1040px}
		
		70% {left:-1040px}
	
	    75% {left:-1300px}
		
		85% {left:-1300px}
	
	     90% {left:-1560px}
		
		100% {left:-1560px}
	}

@keyframes slider_b {
        0% {left:0}
		
		20% {left:0}
			
		25% {left:-360px}
		
		45% {left:-360px}
		
		50% {left:-720px}
		
		70% {left:-720px}
		
		75% {left:-1080px}
		
		75% {left:-1080px}
		
		95% {left:-1440px}
		
		100% {left:-1440px}
	}


@keyframes slider1_b {
	
	    0% {left:0}
		
		10% {left:0}
		
		15% {left:-360px}
		
		25% {left:-360px}
		
		30% {left:-720px}
		
		40% {left:-720px}
		
		45% {left:-1080px}
		
		55% {left:-1080px}
		
		60% {left:-1440px}
		
		70% {left:-1440px}
	
	    75% {left:-1800px}
		
		85% {left:-1800px}
	
	     90% {left:-2160px}
		
		100% {left:-2160px}
	}
	
	@keyframes slider12_a  {


        0% {left:0%}
		
		7% {left:0%}
		
		9.3% {left:-260px}
		
		16.3% {left:-260px}
		
		18.6% {left:-520px}
		
		25.6% {left:-520px}
		
		27.9% {left:-780px}
		
		34.9% {left:-780px}
		
		37.2% {left:-1040px}
		
		44.2% {left:-1040px}
	
	    46.5% {left:-1300px}
		
		53.5% {left:-1300px}
	
	    55.8% {left:-1560px}
		
		62.8% {left:-1560px}
	
	    65.1% {left:-1820px}
		
		72.1% {left:-1820px}
	
	    74.4% {left:-2080px}
		
		81.4% {left:-2080px}
	
	    83.7% {left:-2340px}
		
		90.7% {left:-2340px}

        93% {left:-2600px}
		
		100% {left:-2600px}
	}
	
	@keyframes slider12_b  {
	    
	    0% {left:0%}
		
		7% {left:0%}
		
		9.3% {left:-360px}
		
		16.3% {left:-360px}
		
		18.6% {left:-720px}
		
		25.6% {left:-720px}
		
		27.9% {left:-1080px}
		
		34.9% {left:-1080px}
		
		37.2% {left:-1440px}
		
		44.2% {left:-1440px}
	
	    46.5% {left:-1800px}
		
		53.5% {left:-1800px}
	
	    55.8% {left:-2160px}
		
		62.8% {left:-2160px}
	
	    65.1% {left:-2520px}
		
		72.1% {left:-2520px}
	
	    74.4% {left:-2880px}
		
		81.4% {left:-2880px}
	
	    83.7% {left:-3240px}
		
		90.7% {left:-3240px} 
		
		93%   {left:-3600px}
		
		100%  {left:-3600px}
	}


/*RESPONSIVE keyframes END*/




/*RESPONSIVE*/

@media screen and (max-width:480px) {
	  
	    #heroText {
		width: 90%;
		margin: 150px auto 50px;
		}
	
	  .hero h3 { 
		text-align: center;
	   }
	
	   main article {
		flex-direction: column;
	    }
	    
	    .sectionText {
		width: 85%;
	    margin: 20px auto;
	    }
	
	    #sectors {
		height: 220px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	    }
	
	    .articleContainer {
		  flex-wrap: wrap;
		  }
	
	      .articleContainer img {
		  height: 124px;
		  padding-bottom: 10px;
	      }
	
	    #WhatWeDo {
		 flex-direction: column;
		 }
	
	   	 #sectorsImg>figure {
	     height: 180px;
	     width:300px;
	     }
	
	     .secFigCap {
	     font-size: 1em;
	     }
	
	     #sectorsSvg {
		  display:none;
	      }
	
	      #circles {
	      width:100%;
	      height: auto;
		  margin: 0 auto;
		 }
	
	     #circles svg {
		  width:inherit;
		  height: auto;
		  
	      }
	     
	     #Impact .sectionText {
	      margin: 20px 0;
		  margin-bottom: 0;
	     }
	     
	     .ImpactIcons {
          margin-bottom: 0;
         }
	 
	    .ImpactIcons figure {
         width:70px;
         height:70px;
         }

        .ImpactIcons a {
         width:70px;
	     padding-top: 10px;
	     padding-bottom:0;
         }

         .ImpactIcons svg {
          width: 70px;
	      height: 70px;
         }
	
	    .ImpactIcons h5 {
		 display: none;
	     }
	     
	     #Impact .sectionText h5 {
		 font-size: 0.8em;
	     }
	
	     #Locations>figure {
         width: 100%;
	     height: 240px;
	     margin: 0 auto;
         }

         #Locations>figure>img {
	     max-width: 90vw;
	    }
         
        
	     #footerTop .fWrapper{
         flex-direction: column;
         }
         
         #footerBottom span {
		 display: block;
		 margin-left: auto;
		 margin-right: auto;
	     }
	     
	     #fMenu {
         justify-content:flex-start;
	     margin-bottom: 20px;
	     flex-direction: column;
	     margin: 0 auto;
         }
	    
	     #fMenu ul:last-of-type {
	      padding-left: 0px;
          }
	     
	     .fMenu {
		 margin-top: 0;
	     }
	     .fMenu li {
		 text-align: center;
	     }
	      /*business*/
	
	      #smallSectors {
	      display:none;
          }
	      
	    .Pillers, .sectors {
          flex-direction: column;
	      padding:20px 0px;
        }
	
	   .BsectionTextP {
		flex-direction: column;
		width: 90%;
		margin:60px 20px 20px 20px;
		}
	
	    .SliderFrame {
		margin-left: 0px;
		}
	
	    .BusinessIconsP  {
		 width: 80px;
		 height: 80px;
		 left: 20px;
	     }
	
	    .BusinessIconsP svg {
		 width: 80px;
		 height: 80px;
	    }
	
	    #smallSectors {
	     height: 80px;
	     width: 100%;
         }

         #smallSectors a {
	     line-height:80px;
	     height: 80px;
	     }
	
	     .SliderFrame {
         width: 280px;
		 margin: 0 auto;
	     pading: 5px 0;
	     }

         .BusinessImageP {
          width:  240px;
         }
         
         .SliderHolder12 {
         width: 3120px;
	     animation: 30s slider12_a infinite;
         }
	
	     .SliderHolder10 {
         width: 2600px;
	     animation: 20s slider1_a infinite;
         }

         .SliderHolder8 {
         width: 2080px;
	     animation: 20s slider_a infinite;
         }

         .SliderHolder7 {
          width: 1820px;
		  animation: 20s slider_a infinite;
          }

         .SliderHolder6 {
         width: 1560px;
	     animation: 20s slider_a infinite;
         }

         .SliderHolder5 {
          width: 1300px;
		  animation: 20s slider_a infinite;
          }
	      		    	
	      /*about*/
	
	       .vision {
	        margin: 0 auto 20px auto;
	        width: 90%;
	        padding: 20px;
	        display: flex;	
            }
            
            #OurFuture {
		    flex-direction: column;
		    flex-flow: column-reverse;
	        }
	
	        #FutureText {
		    margin: 0;
		    padding-right: 0;
	        }
	  
	        #OurFuture ul {
		     padding-left: 0;
			 font-size: 0.8em;
			}
	 
	        #FutureText p {
		    padding: 20px 0;
	         }
	        
	        #OurFuture .CTA {
		     font-size: 1em;
			 margin-bottom: 20px;
	        }
	        
	         #FutureText h3 {
		     padding-left: 0;
	         }
	
	         .about:second-of-type {
		      margin-left: 0;
	         }
	
	         #duwayaVideo {
		     max-width:250px;
		     margin: 0 auto
	         }
	
	        .Bio:first-of-type {
		     margin-bottom: 80px;
			 margin-right: 0;
	         }
	        
             .cvText h4 {
			  text-align: left;	  
	          }
	      
	
	      /*about end*/
	
	      /*contact and locations*/
	
	       #ContactUs>figure>figcaption {
	        text-transform:none;
	        font-size:1.3em;
	       }
	
	       #ContactUs .sectionText {
            margin: 20px auto;
            }
	
	        #PrivacyPolicy .sectionText>div {
		    width: 90%;
	    	margin: 20px auto;
	        padding:0;
	        }
	  
	        #Locations .sectionText, 
	        #ContactUs .sectionText {
		    padding: 20px;
	        }
	
	        #PrivacyPolicy .sectionText{	         
            padding: 0;
	        }
	
	         #PrivacyPolicy ul {
	         max-width: 80%;
	         }
	
	      /*contact and locations end*/
	    
	     
	          /*mobile menu start*/
	        #mainNav ul {
		    display: none;
			}
	        
	   
	       .navT {
	        display: none;
			}
	
	        .navT:checked ~ #mainNav>ul {
			position: absolute;
			top: calc(100% + 4px);
			right:0px;
			display: flex;
			flex-direction: column;
		    align-items:center;
			}
	        
	        .navT:checked ~ #mainNav>ul>li>a {
	        background: rgba(133,167,161,0.85);
			width: 100vw;
			margin: 0 auto;
			color: #E7DBC3;		
	        }
	
	        #mainNavUL>li ul {
			display: none;
	        }
	        
	        .navTlabel {
		    position: absolute;
			right: 0;
			top:0;
			margin-right: 30px;
			height:100%;
		    display: flex;
			align-items: center;		
		    width: 20px;
			}
	
	        
	        .navTlabelSpan,
	        .navTlabelSpan::before,
	        .navTlabelSpan::after {
			position: relative;
			display: block;
		    color: #85A7A1;
			background:#85A7A1;
			height:3px;
			border-radius: 1px;
			width: 20px;
			}
	
	        .navTlabelSpan::before {
		    content: '';
			position: absolute;
			bottom: 7px;
			color: #BECDC5;
			background: #BECDC5;
	        }
	
	        .navTlabelSpan::after {
		    content: '';
			position: absolute;
			top: 7px;
			color: #498282 ;
			background: #498282;
	        }
	
	           
	        #logoSection img {
		     width: 30vw;
			 margin-bottom: 5px;
	        }
	
	        /*mobile menu end*/

}

@media screen and (min-width:481px) and (max-width:680px) {
	
	    #logoSection img {
	     width: 300px;
	     margin-top: 10px;
	     margin-bottom: 10px;
	     }

        .hWrapper {
	    flex-direction: row;
	    align-content: center;
	    }
	
	    #heroText {
		width: 90%;
		margin: 150px auto 50px;
		}
	 
	   .hero h3 { 
		text-align: center;
	   }
	   
	    main article {
		flex-direction: column;
	    }
	    .sectionText {
		width: 85%;
        margin: 0 auto 20px;
	    }
	 
	     #sectors {
		  height: 250px;
		  width: 100%;
		  margin: 0 auto;
		  padding: 0;
	     }
	     
	    .articleContainer {
		flex-wrap: wrap;
	     }
	     
	    .articleContainer img {
		 height: 130px;
		 padding-bottom: 10px;
	     }
	    
	     #WhatWeDo {
		 flex-direction: column;
		 }
	 
	    #sectorsImg>figure {
	     height: 210px;
	     width:350px;
	     }
	
	    .secFigCap {
	     font-size: 1.2em;
	     }
	
	        #sectorsSvg {
		    display:none;
	       }
	
	      #circles {
	      width: 100%;
		  height: 100%;
		  margin: 0 auto;
		 }
	
	     #circles svg {
		  width:auto;
		  height: 410px;
	      }
	     
	     #Impact .sectionText {
	      margin: 20px 0;
		  margin-bottom: 0;
	    }
	   
	    .ImpactIcons figure {
         width:80px;
         height:80px;
         }

        .ImpactIcons a {
         width:80px;
	     padding-top: 10px;
	     padding-bottom:0;
         }

         .ImpactIcons svg {
          width: 70px;
	      height: 70px;
         }
	
	    .ImpactIcons h5 {
		 display: none;
	     }
	
	     #Locations>figure {
         width: 100%;
	     height: 340px;
	     margin: 0 auto;
         }

         #Locations>figure>img {
	     max-width: 90vw;
         }
	     
	     #footerTop .fWrapper{
         flex-direction: column;
         }
	     
	     #fMenu {
         justify-content: space-around;
		 margin-bottom: 20px;
         }
	     
	     /*business*/
	      #smallSectors {
	      display:none;
          }
	      
	     .Pillers, .sectors {
        flex-direction: column;
        }
	
	   .BsectionTextP {
		flex-direction: column;
		width: 90%;
		margin:60px 20px 20px 20px;
		}
	
	    .SliderFrame {
		margin-left: 0px;
		}
	
	    .BusinessIconsP  {
		 width: 100px;
		 height: 100px;
		 left: 50px;
	     }
	
	    .BusinessIconsP svg {
		 width: 100px;
		 height: 100px;
	    }
	
	    #smallSectors {
	     height: 80px;
	     width: 100%;
         }

         #smallSectors a {
	     line-height:80px;
	     height: 80px;
	     }
	
	    .SliderFrame {
         width: 380px;
		 margin: 0 auto;
	     padding: 0;
	     }

         .BusinessImageP {
          width: 340px;
         }
         
         .SliderHolder12 {
         width: 4320px;
	     animation: 30s slider12_b infinite;
         }  
	
	     .SliderHolder10 {
         width: 3600px;
	     animation: 20s slider1_b infinite;
         }

         .SliderHolder8 {
         width: 2880px;
	     animation: 20s slider_b infinite;
         }

         .SliderHolder7 {
          width: 2520px;
		  animation: 20s slider_b infinite;
          }

         .SliderHolder6 {
         width: 2160px;
	     animation: 20s slider_b infinite;
         }

         .SliderHolder5 {
          width: 1800px;
		  animation: 20s slider_b infinite;
          }
	     /*business end*/	
	
	    /*about*/
	
	       .vision {
	        margin: 0 auto 20px auto;
	        width: 90%;
	        padding: 20px;
	        display: flex;	
            }
            
            #OurFuture {
		    flex-direction: column;
		    flex-flow: column-reverse;
	        }
	
	        #FutureText {
		    margin: 0;
		    padding-right: 0;
	        }
	  
	        #OurFuture ul {
		     padding-left: 0;
			 font-size: 0.8em;
			}
	 
	        #FutureText p {
		    padding: 20px 0;
	         }
	        
	        #OurFuture .CTA {
		     font-size: 1em;
			 margin-bottom: 20px;
	        }
	        
	         #FutureText h3 {
		     padding-left: 0;
	         }
	
	         .about:second-of-type {
		      margin-left: 0;
	         }
	
	         #duwayaVideo {
		     max-width:250px;
		     margin: 0 auto
	         }
	
	        .Bio:first-of-type {
		     margin-bottom: 80px;
			 margin-right: 0;
	         }
	        
             .cvText h4 {
			  text-align: left;	  
	          }
	
	
	          #OurFutureImages {
   	          max-width: 90vw;
			  
              }

              #OurFutureImages figure {
	          width: 170px;
	          }
	          
	          #OurFutureImages figcaption {
		      line-height: 16px;
	          height: 16px;
			  font-size: 0.7em;
	           }
	
	         #OurFutureImages figure::after {
			  animation: none;
	          }
	      
	
	      /*about end*/
	
	       /*contact and locations*/
	
	       #ContactUs .sectionText {
            margin: 20px auto;
            }
	
	        #PrivacyPolicy .sectionText>div {
		    width: 90%;
	    	margin: 20px auto;
	        padding:0;
	        }
	      
	        #Locations .sectionText, 
	        #ContactUs .sectionText {
		     padding: 20px;
	        }
	
	        #PrivacyPolicy .sectionText{	         
            padding: 0;
	        }
	
	         #PrivacyPolicy ul {
	         max-width: 80%;
	         }
	
	      /*contact and locations end*/
		   
          /*mobile menu start*/
	        #mainNav ul {
		    display: none;
			}
			
	
	       .navT {
	        display: none;
			}
	
	        .navT:checked ~ #mainNav>ul {
			position: absolute;
			top: calc(100% + 4px);
			right:0px;
			display: flex;
			flex-direction: column;
		    align-items:center;
			}
	        
	        .navT:checked ~ #mainNav>ul>li>a {
	        background: rgba(133,167,161,0.85);
			width: 100vw;
			margin: 0 auto;
			color: #E7DBC3;		
	        }
	
	        #mainNavUL>li ul {
			display: none;
	        }
	        
	        .navTlabel {
		    position: absolute;
			right: 0px;
			top:0;
			margin-right: 30px;
			height:100%;
		    display: flex;
			align-items: center;		
		    width: 30px;
			}
	
	        
	        .navTlabelSpan,
	        .navTlabelSpan::before,
	        .navTlabelSpan::after {
			position: relative;
			display: block;
		    color: #85A7A1;
			background:#85A7A1;
			height:4px;
			border-radius: 1px;
			width: 30px;
			}
	
	        .navTlabelSpan::before {
		    content: '';
			position: absolute;
			bottom: 10px;
			color: #BECDC5;
			background: #BECDC5;
	        }
	
	        .navTlabelSpan::after {
		    content: '';
			position: absolute;
			top: 10px;
			color: #498282 ;
			background: #498282;
	        }
	
	           
	        #logoSection img {
		     width: 30vw;
	        }
	        /*mobile menu end*/
	         	       	
}


@media screen and (min-width:681px) and (max-width:1024px) {
	
	
	 #mainNav {
		 margin: 0 auto;
     }

     #logoSection img {
	  width: 200px;
	  margin-top: 10px;
	  margin-bottom: 10px;
	 }

     .hWrapper {
	 flex-direction: column;
	 align-content: center;
	 }
	
	 #heroText {
		width: 80%;
		margin: 150px auto 50px;
	  }
	
	 .hero h3 { 
		text-align: center;
	   }
	
	  main article {
	  flex-direction: column;
	  }
	
       .sectionText {
		width: 93%;
		margin: 20px auto;
	  }
	
  	  #WhatWeDo>.sectionText>p {
	  margin-left: 180px;
	  }
	
	.articleContainer {
		flex-wrap: wrap;
		align-content: space-around;
	     }
	
	  #WhatWeDo {
	  flex-direction: column;
	  }
	
      #sectors {
		height: 400px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	  }
	
	   #sectorsSvg {
		top:28%;
		left: 2%;
	   }
	
	#circles {
	  width: 100%;
	  height: 500px;
	  margin: 0 auto;
	 }
	
	  #circles svg {
       width:inherit;
	   height: auto;
	   }
	
	 #Impact .sectionText {
	  margin: 20px 0;
	  margin-bottom: 0;
	}
	
	 .ImpactIcons figure {
     width:120px;
     height:120px;
     }

    .ImpactIcons a {
     width:120px;
	 padding-top: 10px;
	 padding-bottom: 30px;
     }

     .ImpactIcons svg {
     width: 100px;
	 height: 100px;
     }
	
	.ImpactIcons h5 {
		font-size: 0.8em;
		width: 120px;
	}
	
	#Locations>figure {
         width: 100%;
	     height: 400px;
	     margin: 0 auto;
         }

         #Locations>figure>img {
	     max-width: 90vw;
	    }
	
	    /*business*/
	    .Pillers, .sectors {
        flex-direction: column;
        }
	
	   .BsectionTextP {
		flex-direction: column;
		width: 59vw;
		margin-left: 150px;
		height: 140px;
	    }
	
	    .SliderFrame {
		margin-left: 0px;
		}
	
	    .BusinessIconsP  {
		 width: 120px;
		 height: 120px;
		 left: 30px;
	     }
	
	    .BusinessIconsP svg {
		 width: 120px;
		 height: 120px;
	    }
	
	    #smallSectors {
	     height: 80px;
	     width: 100%;
         }

         #smallSectors a {
	     line-height:80px;
	     height: 80px;
	     }

         #smallSectors svg {
	     width: 80px;
	     height: 80px;
         }
	
	     .SliderFrame {
         width: 440px;
		 margin: 0 auto;
	     pading: 0;
	     }

         .BusinessImageP {
          width: 400px;
         }
	
	    
	
	    /*business end*/
	 
	    /*about*/
	
	       .vision {
	        margin: 0 auto 20px auto;
	        width: 90%;
	        padding: 20px;
	        display: flex;	
            }
	        

	        .vision:nth-of-type(3) {
		    margin-bottom: 60px;
	        }
	        
	       

	
	        #OurFuture {
		    flex-direction: column;
		    flex-flow: column-reverse;
	        }
	
	        #FutureText {
		    margin: 0;
		    padding-right: 0;
	        }
	  
	       	 
	        #FutureText p {
		    padding: 20px 0;
	         }
	        
	        #OurFuture .CTA {
		     font-size: 1em;
			 margin-bottom: 20px;
	        }
	        
	         #FutureText h3 {
		     padding-left: 0;
	         }
	
	         .about:second-of-type {
		      margin-left: 0;
	         }
	
	         #duwayaVideo {
		     margin: 0 auto
	         }
	
	        .Bio:first-of-type {
		     margin-bottom: 80px;
			 margin-right: 0;
	         }
	        
             .cvText h4 {
			  text-align: left;	  
	          }
	
	
	          #OurFutureImages {
   	          max-width: 90vw;
			  
              }

              #OurFutureImages figure {
	          width: 250px;
	          }
	
	      /*about end*/
	
	      /*contact and locations*/
	
	       #ContactUs .sectionText {
            margin: 20px auto;
            }
	        
	        #PrivacyPolicy .sectionText>div {
		    width: 90%;
	    	margin: 20px auto;
	        padding:0;
	        }
	        
	        #Locations .sectionText, 
	        #ContactUs .sectionText {
		     padding: 20px;
	        }
	
	        #PrivacyPolicy .sectionText{	         
            padding: 0;
	        }
	     
	
	      /*contact and locations end*/
	
	      /*mobile menu end*/
	       .navT {
	       display: none;
           }
	
	       .navTlabel {
	       display: none;
           }
	       /*mobile menu end*/
	       
	       #mainNav>ul>li>a:hover::before {
	content: '';
	border-top: solid 2px #E7DBC3;
	position:absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	width:80%;
	height: 30px;
	z-index:4;
	transition: 0.3s ease-in;
	animation: menu-hover 1 0.6s;
	cursor: pointer;
	}
}

@media screen and (min-width:1025px) and (max-width:1279px) {
    
    
          #circles {
	      width: 100%;
          height: 100%;
	      margin: 0 auto;
		  max-width: 50vw;
	      }
	
	       #circles svg {
           width:auto;
	       height: auto;
		  }
	
	    
	    .articleContainer img:nth-of-type(8){
		 display: none;
	     }
	
	
	    .vision:first-of-type {
	     margin-left: 0;
	      }
	
	
	   .Pillers, .sectors {
        flex-direction: column;
        }
	
       .BsectionTextP {
		flex-direction: column;
		width: 67vw;
		height: 140px;
		margin-left: 180px;
	    }
	    
	    .SliderFrame {
		margin: 0px auto;
		}
	
	     .BusinessIconsP  {
		 left: 30px;
	     }
	    
	       #OurFutureImages {
   	        max-width: 90vw;
			  
              }

            #OurFutureImages figure {
	        width: 280px;
	        }
	
	      #OurFuture {
		    flex-direction: column;
		    flex-flow: column-reverse;
	        }
	
	        #FutureText {
		    margin: 0;
		    padding-right: 0;
	        }
	  
	       	 
	        #FutureText p {
		    padding: 40px;
	         }
	
	        #ContactUs .sectionText {
            width: 60%;
            }
	        
	       #Locations .sectionText {
            width: 60%;
            }
	
	       .navT {
	        display: none;
            }
	
	       .navTlabel {
	       display: none;
           }
           
           #mainNav>ul>li>a:hover::before {
	content: '';
	border-top: solid 2px #E7DBC3;
	position:absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	width:80%;
	height: 30px;
	z-index:4;
	transition: 0.3s ease-in;
	animation: menu-hover 1 0.6s;
	cursor: pointer;
	}
	
}

@media screen and (min-width:1280px) {
    
          .vision:first-of-type {
	         margin-left: 0;
	        }
	
	     /*mobile menu start*/
	        .navT {
	        display: none;
            }
	
	       .navTlabel {
	       display: none;
           }
	       /*mobile menu end*/
	       
	#mainNav>ul>li>a:hover::before {
	content: '';
	border-top: solid 2px #E7DBC3;
	position:absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	width:80%;
	height: 30px;
	z-index:4;
	transition: 0.3s ease-in;
	animation: menu-hover 1 0.6s;
	cursor: pointer;
	}
}


/*RESPONSIVE END*/