body, html { overflow-x: hidden !important; }
.slide:after { content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0px; top: 0px; width: 100vw; height: 100vh; }
#Slider-01 { background: url('../images/home/Slider-01.jpg') no-repeat center; background-size: cover; }
#Slider-02 { background: url('../images/home/Slider-02.jpg') no-repeat center; background-size: cover; }
#Slider-03 { background: url('../images/home/Slider-03.jpg') no-repeat center; background-size: cover; }


#Letter_to_shareholders { background: url('../images/home/Banner-Nisaba.jpg') no-repeat center; background-size: cover; }
#In_conversation_MD { background: url('../images/home/Banner-MD.jpg') no-repeat center; background-size: cover; }
#Integrated_Reporting { background: url('../images/home/Banner-IR.jpg') no-repeat center; background-size: cover; }


.boxed_content {
	background: #fff;
	width: 40vw !important;
	margin: 0px 0px 0px 3vw;
	padding: 3.5vw 3.5vw 3.5vw 3.5vw;
}

#Letter_to_shareholders .boxed_content { float: right; margin: 0px 10vw 0px 0px; }
#Integrated_Reporting .boxed_content { float: right; margin: 0px 10vw 0px 0px; }

.boxed_content h2 {
	font-size: 3.5vw !important;
	line-height: 4vw;
	font-weight: 200;
	margin: 0px 0px 1.5vw 0px;
	color: #212120;
}

.boxed_content h2.bigger {
	font-size: 7vw !important;
	line-height: 8.5vw;
}

.boxed_content p {
	font-size: 1.35vw !important;
	line-height: 2vw;
	font-weight: 300;
	margin: 0px 0px 1.5vw 0px;
	color: #9b9da0;
}

.boxed_content a {
	font-size: 1.35vw !important;
	line-height: 2vw;
	font-weight: 200;
	color: #212120;
}

.learnmore {display: inline-block; position: relative; }
.learnmore:after {content: " "; position: absolute; width: 0%; height: 2px; background: #212120; position: absolute; bottom: -5px; left: 0px; transition: 0.3s; }
.learnmore:hover:after { width: 100%; }

#fullpage { overflow-x: hidden !important; }

#Our_Pillars h6 {
	font-size: 1.7vw;
	font-weight: 400;
	padding: 4.5vw 0px 1vw 0px;
	opacity: 0;
}

#Our_Strategic_Pillars { display: none; }

#Our_Strategic_Pillars_Hidden h2, #Our_Strategic_Pillars h2 {
	font-size: 7vw !important;
	line-height: 8.5vw;
	transition: 1s;
	font-weight: 200;
	position: absolute;
	left: 12vw;
	top: 50%;
	transform: translateY(-50%);
}
#Our_Strategic_Pillars h2 { margin-left: -68px; }
.boxed_content h2.animate_text, #Our_Strategic_Pillars_Hidden h2.animate_text { transition: 1s; position: absolute; top: 105px; margin-left: 32px; font-size: 1.7vw !important; }

.pillar { float: left; width: 100%; position: relative; }

.pillar li {
	float: left;
	width: 100%;
	border-left: 4px solid #212120;
}

.hide_on_screen { position: absolute; left: 100%; top: 0px; transition: 1s; transition-timing-function: ease-out; }
.hide_on_screen.in { left: 0px; transition: 1s; transition-timing-function: ease-in; }

.pillar li h4 {
	font-size: 2vw;
	font-weight: 400;
	color: #4cd4d4;
	padding: 1vw 0 0 0;
}

.pillar_name { position: absolute; left: 0px; top: 0px; height: 100%; float: left; width: 70px; text-align: center; background: #fff; }
.pillar_banner { float: left; margin: 0px 0px 0px 70px; position: relative; }
.pillar_banner_data { position: absolute; left: 5vw; top: 50%; transform: translateY(-50%); }
.pillar_name p {
	position: absolute;
	left: -155px;
	bottom: 170px;
	width: 380px;
	height: 70px;
	transform: rotate(270deg);
	transform-origin: center;
	text-align: left;
	z-index: 9999;
	line-height: 22px;
	font-size: 18px;
}

.pillar_name p.single_line { left: -145px; }

.pillar_banner_data h5 {
	font-size: 3.5vw;
	line-height: 3.75vw;
	font-weight: 200;
	color: #fff;
	margin: 0px 0px 2vw 0px;
}

.pillar_banner_data a {
	font-size: 1.2vw;
	font-weight: 400;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 50px;
	display: inline-block;
	padding: 0.8vw 2.5vw;
}
.pillar_banner_data a:hover { background: #fff; color: #212120; transition: 0.3s; }

#Our_Strategic_Pillars_Hidden {
	position: fixed;
	left: 150%;
	top: 0px;
	z-index: 99;
	width: 100%;
	background: #fff;
	padding-left: 68px;
	display: flex;
	align-content: center;
	align-items: center;
}

#Our_Strategic_Pillars_Hidden .boxed_content, #Our_Strategic_Pillars .boxed_content { width: 100% !important; }

#Our_Pillars {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 100%;
	/*background: #fff;*/
	padding-left: 68px;
	display: none;
}

#Our_Pillars_Inside {
	width: 76%;
	margin: 50px 0vw 0px calc(34px + 12%);
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow-x: hidden;
}

#Our_Pillars_Inside h6 {
	position: absolute;
	left: 0px;
	top: -28px;
}

#Pillar-Hidden { opacity: 0; }

#Pillar-02 { margin-left: 70px; }
#Pillar-03 { margin-left: 140px; }
#Pillar-04 { margin-left: 210px; }
#Pillar-05 { margin-left: 280px; }
#Pillar-06 { margin-left: 350px; }
#Pillar-07 { margin-left: 420px; }


/*#pillar_right_space { width: 12%; background: red; height: 100%; position: absolute; right: 0px; top: 0px; }*/
footer { margin-left: 68px; }
#Footer_Section { position: fixed; left: 0px; bottom: -350px; z-index: 999; }

#Logo { background: transparent !important; }

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


#Slider-01 { background: url('../images/home/Slider-01-Mo.jpg') no-repeat center; background-size: cover; }

.home_caption h1{font-size: 12vw; line-height: 14vw; padding-left: 40px; padding-top: 100px; text-shadow: 0px 0px 15px rgb(68 68 68 / 75%);}
.dropdown { width: 70px; height: 70px; display: inline-block; border: 1px solid #fff; border-radius: 50%; position: relative; margin-left: 40px; margin-top: 30px;}
.dropdown::after { width: 20px; height: 20px; content: ''; font-size: 0; border-style: solid; border-color: #fff; border-width: 0 1px 1px 0; padding: 4px; margin: 0; position: absolute; left: 50%; top: 44%; transform: translate(-50%,-50%) rotate(45deg);}
.boxed_content h2, .boxed_content p, .boxed_content a{text-align: center;}
.boxed_content h2{font-size: 7vw  !important; line-height: 9vw;}
.boxed_content p{font-size: 14px !important;line-height: 22px; margin-bottom: 20px;}
.boxed_content{width: 85vw !important; padding: 6vw 6vw 8vw 6vw !important; 
	margin: 0px 0px 0px 0vw;}

/*#Letter_to_shareholders .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -90%;}
#In_conversation_MD .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -190%;}
#Integrated_Reporting .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -290%;}*/


.section.fwh { position: relative; }
#Letter_to_shareholders .boxed_content, #In_conversation_MD .boxed_content, #Integrated_Reporting .boxed_content{position: absolute; left: 50%; top: 65%; transform: translate(-50%, -50%); }


.boxed_content a{font-size: 14px !important;}
#Letter_to_shareholders { background: url('../images/home/Banner-Nisaba_mo.jpg') no-repeat center; background-size: cover; }
#In_conversation_MD { background: url('../images/home/Banner-MD_mo.jpg') no-repeat center; background-size: cover; }
#Integrated_Reporting { background: url('../images/home/Banner-IR_mo.jpg') no-repeat center; background-size: cover; }
.pillar_name_mo{position: absolute; top:50%; left: 10%; transform: translateY(-50%);}
.pillar_name_mo p{font-size: 13px; line-height: 16px; color: #fff;margin-bottom: 15px;}
.pillar_name_mo h4{font-size: 25px; line-height: 20px; color: #fff;}
.pillar_name_mo a{font-size: 12px; color: #fff; border: 1px solid #fff; border-radius: 20px; padding: 5px 15px; }
.bigger{font-size: 22px;}
}
/*Mobile