/*!
Theme Name: Banro Corporation
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: banro_corporation
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 with others.

banro_corporation is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('//fonts.googleapis.com/css?family=Lora:400,700');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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, sub, sup, 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%;
	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;
	font-family: 'Open Sans', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

p{
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 20px;
	color: #262c3a;
	line-height: 32px;
	margin-bottom: 20px;
}

/* font-family: 'Lora', serif;
font-family: 'Open Sans', sans-serif; */

/*commoncss*/
.verticalCenter{
	display: table;
	width: 100%;
	height: 100%;
}

.verticalMiddle{
	display: table-cell;
	vertical-align: middle;
}

.fullWidth{
	width: 100%;
	float: left;
}

.fullHeight{
	height: 100%;
}

.bgSettings{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.container{
	width: 1180px;
	margin: 0 auto;
}

img{
	max-width: 100%;
}

a{
	text-decoration: none;
	transition: all 0.5s ease;
	color: #df5400;
	cursor: pointer;
}

a:hover,
a:focus,
a:active{
	text-decoration: none;
}

.btnPrimary{
	background-color: #ffd014;
	color: #000000;
	font-size: 15px;
	line-height: 15px;
	display: inline-block;
	padding: 7px 25px 7px 10px;
	position: relative;
	width: 135px;
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.btnPrimary i{
	background-color: #fff;
	color: #df5400;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 3px 5px;
	font-size: 20px;
}

.btnPrimary:hover{
	background-color: #000000;
	color: #ffd014;
}

input:hover,
input:focus,
input:active{
	outline: none;
}

/* backgroundcolors */
.yellowBG{
	background-color: #ffd014;
}

.orangeBG{
	background-color: #df5400;
}

.skyBlueBG{
	background-color: #03bbf6;
}

.greenBG{
	background-color: #89af37;
}

.greyBG{
	background-color: #262c3a;
}

/*submenu*/
ul.subNav{
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-bottom: 60px;
}

ul.subNav li{
	display: inline-block;
	position: relative;
	padding: 0 20px;
}

ul.subNav li:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #505560;
}

ul.subNav li:last-child:before{
	display: none;
}

ul.subNav li a{
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

ul.subNav li a:hover{
	color: #ffd014;
}

/*nextSection*/
.nextBtn{
	width: 50px;
	height: 50px;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: -25px;
	z-index: 1;
	font-size: 25px;
	line-height: 50px;
	transform: rotate(45deg);
	margin-left: -25px;
}

.nextBtn i{
	transform: rotate(-45deg);
}

/*return top*/
.returnTop{
	width: 50px;
	height: 55px;
	background-color: #ffd014;
	color: #fff;
	position: absolute;
	top: -105px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
}

/*sectionHeading*/
h1{
	font-size: 65px;
	line-height: 75px;
	margin-bottom: 25px;
	color: #262c3a;
	font-weight: 700;
}
h3{
	font-size: 62px; 
	line-height: 70px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}

h5{
	font-size: 32px;
	color: #262c3a;
	line-height: 47px;
	font-weight: 700;
	margin-bottom: 20px;
}


/* header */
header{
	position: relative;
	width: 100%;
	float: left;
}

.menuIcon, .showSubMenu{
	display: none;
}

header .bottomRow{
	padding-top: 60px;
}

header  .logo{
	width: 20%;
	float: left;
}

header nav{
	width: 80%;
	float: right;
	margin-top: 20px;
}

header nav ul{
	float: right;
}

header nav ul > li{
	float: left;
	position: static;
	margin-right: 25px;
}

header nav ul > li:last-child{
	margin-right: 0;
}

header nav ul > li > a{
	padding-bottom: 50px;
	font-size: 18px;
	line-height: 25px;
	color: #262c3a;
	font-weight: 600;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative
}

header nav ul > li > a:after {
	content: "";
	position: absolute;
	height: 7px;
	background-color: #ffd014;
	width: 0;
	left: 50%;
	bottom: 30px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
	transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
}
 
header nav ul > li:hover > a:after,
header nav ul > li.active > a:after{
	width: 100%;
}

.topRow .container{
	position: relative;
}

header .goldPricer{
	position: absolute;
	top: 0;
	right: 0;
	width: 310px;
	text-align: center;
}

header .goldPricer ul li{
	display: inline-block;
	padding: 20px 10px;
	font-size: 14px;
	line-height: 16px;
	color: #262c3a;
	font-weight: 700;
}

header .goldPricer ul li i{
	color: #009323;
}

/* dropdownStyle */
header .dropdown{
	width: 100%;
	position: absolute;
	left: 0;
	top: 210px;
	background-color: #262c3a;
	visibility: hidden;
	opacity: 0;
	z-index: 3;
	/*transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/
	/*transition: all 0.3s ease;*/
	/*transform: translateY(-2em);*/
}


header nav ul > li.mainLi:hover > .dropdown{
	visibility: visible;
	opacity: 1;
	/*transform: translateY(0%);*/
  /*transition-delay: 0s, 0s, 0.3s;*/
}

header .dropdown:before{
	content: '';
	width: 100%;
	height: 35px;
	background-color: #ffd014;
	position: absolute;
	bottom: 0;
	left: 0;
}

header .dropdown .container{
	display: table;
	padding: 0;
	position: relative;
	z-index: 1;
}

header .dropdown .img{
	display: table-cell;
	width: 30%;
}

header .dropdown .menuText{
	width: 90%;
	float: left;
	padding: 70px 0 70px 130px;
}

header .dropdown .menuText h2{
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

header .dropdown .menuText h2:before{
	content: '';
	width: 120px;
	height: 7px;
	background-color: #ffd014;
	position: absolute;
	bottom: 0;
	left: 0;
}

header .dropdown .menuText p{
	font-size: 22px;
	font-weight: 400;
	line-height: 31px;
	color: #fff;
	font-family: 'Lora', serif;
	margin-bottom: 25px;
}

header .dropdown .menuText ul{
	width: 100%;
	float: left;
}

header .dropdown .menuText ul li{
	width: 49%;
	float: left;
	margin: 0 0  30px;
}

/* header .dropdown .menuText ul li:nth-last-child(-n+2){
	margin-bottom: 0;
} */

header .dropdown .menuText ul li a:after{
	display: none;
}

header .dropdown .menuText ul li a{
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 0;
}

header .dropdown .menuText ul li a i{
	color: #ffd014;
	margin-right: 10px;
}

header .dropdown .menuText ul li:hover a,
header .dropdown .menuText ul li.active a{
	color: #ffd014
}

header li.Sustainability .dropdown .menuText h2:before,
header li.Sustainability .dropdown:before{
	background-color: #89af37;
}

header li.Sustainability .dropdown .menuText ul li a i,
header li.Sustainability .dropdown .menuText ul li:hover a,
header li.Sustainability .dropdown .menuText ul li.active a,
header li.Sustainability .dropdown .menuText ul li:hover a{
	color: #89af37;
}

header li.Operations .dropdown .menuText h2:before,
header li.Operations .dropdown:before,
header li.Investors .dropdown .menuText h2:before,
header li.Investors .dropdown:before{
	background-color: #df5400;
}

header li.Operations .dropdown .menuText ul li a i,
header li.Operations .dropdown .menuText ul li:hover a,
header li.Investors .dropdown .menuText ul li a i,
header li.Investors .dropdown .menuText ul li:hover a,
header li.Investors .dropdown .menuText ul li.active a,
header li.Operations .dropdown .menuText ul li.active a{
	color: #df5400;
}

/* menu sign */
#nav-icon{
	width: 45px;
	height: 37px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	margin-top: 7px;
}
  
#nav-icon span{
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #ffd014;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
	top: 0px;
}
  
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	top: 14px;
}
  
#nav-icon span:nth-child(4) {
	top: 29px;
}
  
#nav-icon.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
  
#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
  
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
  
#nav-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.slick-dotted.slick-slider{
	margin-bottom: 0;
}

.homeBanner{
	position: relative;
}

.homeBanner ul{
	height: 750px;
}

.homeBanner ul li{
	position: relative;
	float: left;
	height: 100%;
}

.homeBanner .slick-list,
.homeBanner .slick-track{
	height: 100%;
}

.homeBanner ul li .bannerCaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.homeBanner ul li .bannerCaption p{
	font-size: 65px;
	line-height: 77px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	padding: 0;
}

.homeBanner .slick-dots{
	bottom: 100px;
	height: auto !important;
}

.homeBanner .slick-dots li{
	display: inline-block;
	float: none;
	height: 25px;
	width: 25px;
	margin: 0 1px;
}

.homeBanner .slick-dots li button:before{
	display: none;
}

.homeBanner .slick-dots li button{
	height: 25px;
	width: 25px;
	background: rgba(255,255,255,0.4);
}

.homeBanner .slick-dots li.slick-active button{
	background-color: #ffd014;
}

.homeBanner .slick-arrow{
	z-index: 1;
	width: auto;
	height: auto;
	opacity: 0.6;
}

.homeBanner .slick-arrow:before{
	font-family: 'FontAwesome';
    font-size: 60px;
    line-height: 1;
    color: white;
    opacity: 1;
}

.homeBanner .slick-prev{
	left: 50px;
}

.homeBanner .slick-next{
	right: 50px;
}

.homeBanner .slick-next:before{
	content: '\f054';
}

.homeBanner .slick-prev:before{
	content: '\f053';
}

.homeBanner .slick-arrow:hover:before{
	color: rgba(255,208,20,0.6);
}

.homeBanner .nextSection{
	position: absolute;
	bottom:0;
	left: 0;
	border-bottom: 20px solid #ffd014;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.homeBanner .nextSection a{
	display: inline-block;
	position: relative;
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #ffd014;
	bottom: -46px;
}

.homeBanner .nextSection a:before{
	content: '\f078';
	font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;
	color: white;
	position: absolute;
	bottom: 9px;
	left: -9px;
}

/* corporate */
.corporate{
	background-color: #262c3a;
	padding: 85px 0 105px;
	text-align: center;
	position: relative;
}

.corporate .content{
	margin: 0 auto 75px;
	width: 865px;
}

.corporate .content p{
	font-size: 24px;
	line-height: 43px;
	color: #fff;
	font-family: 'Lora', serif;
	margin-bottom: 20px;
}

.fullWidthSlider .slideBox{
	height: 500px;
	position: relative;
}

.fullWidthSlider .slideBox h3{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 27px;
	line-height: 35px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	margin: 0;
	text-transform: uppercase;
	padding: 0 15px;
}

.fullWidthSlider .slick-arrow{
	z-index: 1;
	width: 50px;
	height: 50px;
	background-color: #353c4b;
}

.fullWidthSlider .slick-prev{
	left: 50px;
}

.fullWidthSlider .slick-next{
	right: 50px;
}

.fullWidthSlider .slick-arrow:before{
	font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 1;
    color: white;
    opacity: 1;
}

.fullWidthSlider .slick-next:before{
	content: '\f054';
}

.fullWidthSlider .slick-prev:before{
	content: '\f053';
}

.homeOperation{
	background-color: #f1f2f3;
	padding: 50px 0;
	position: relative;
	text-align: center;
}

.homeOperation h3,
.homeOperation ul.subNav li a{
	color: #262c3a;
}

.homeOperation ul.subNav li a:hover{
	color: #ffd014;
}

.operationList{
	text-align: left;
}

.operationList ul li{
	width: 100%; 
	float: left;
}

.operationList ul li .box{
	display: table;
	width: 100%;
}

.operationList ul li .box .imgPart{
	width: 40%;
	display: table-cell;
	vertical-align: top;
}

.operationList ul li .box .imgPart h5{
	color: #fff;
	margin: 0;
	padding: 10px 30px;
}

.operationList ul li .box .textPart{
	width: 60%;
	display: table-cell;
	vertical-align: top;
	padding-left: 40px;
}

.operationList ul li .box .textPart p{
	font-size: 20px;
	line-height: 32px;
	color: #262c3a;
	margin-bottom: 15px;
}

.operationList ul li .box .textPart a{
	margin-bottom: 40px;
}

.homeExploration{
	background-color: #262c3a;
	padding: 50px 0 0;
	position: relative;
	text-align: center;
}

.homeExploration .content{
	width: 100%; 
	float: left;
	text-align: left;
	margin-bottom: 50px;
}

.homeExploration .content .left{
	width: 50%;
	float: left;
	padding-right: 10px;
}

.homeExploration .content .right{
	width: 50%;
	float: right;
}

.homeExploration .content .left p{
	margin-bottom: 30px;
	color: #fff;
}

.homeSustain{
	text-align: center;
	position: relative;
}

.homeSustain .headingBg{
	padding: 60px 0 0;
}

.homeSustain .headingBg h3,
.homeSustain .headingBg ul.subNav li a{
	color: #262c3a;
}

.homeSustain .headingBg ul.subNav li a:hover{
	color: #ffd014;
}

.sixitem .slideBox{
	height: 295px;
}

.homeSustain .content{
	width: 865px;
	margin: 0 auto;
	clear: both;
	padding: 50px 0;
}

.homeSustain .content .btnPrimary i{
	background-color: #f1f2f3;
}

footer{
	background-color: #262c3a;
	padding: 50px 0;
	position: relative;
}

footer .container{
	position: relative;
}

footer .left{
	width: 50%;
	float: left;
	padding-right: 15px;
}

footer .right{
	width: 50%;
	float: left;
	padding-left: 15px;
}

footer .left p{
	color: #a7aab1;
	margin: 20px 0;
	font-size: 20px;
	line-height: 30px;
}

footer .left .socialLinks li{
	float: left;
	margin-right: 60px;
}

footer .left .socialLinks li:last-child{
	margin-right: 0;
}

footer .left .socialLinks li a{
	color: #a8abb0;
	border: 1px solid rgba(168, 171, 176, .3);
	font-size: 20px;
	display: inline-block;
	width: 40px; 
	height: 40px;
	text-align: center;
	line-height: 35px;
}

footer .left .socialLinks li.linkedin:hover a{
	border-color: #df5400;
	color: #df5400;
}

footer .left .socialLinks li.twitter:hover a{
	border-color: #df5400;
	color: #df5400;
}

footer .left .socialLinks li.facebook:hover a{
	border-color: #df5400;
	color: #df5400;
}

footer .left .socialLinks li.envelope:hover a{
	border-color: #df5400;
	color: #df5400;
}

footer .right ul{
	width: 33%;
	float: left
}

footer .right ul > li{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

footer .right ul > li:last-child{
	margin-bottom: 0;
}

footer .right ul > li > ul{
	width: 100%; 
	float: left;
	margin-top: 20px;
}

footer .right ul > li > a{
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
	font-weight: 700;
}

footer .right ul > li > ul > li{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

footer .right ul > li > ul > li:last-child{
	margin-bottom: 0;
}

footer .right ul > li > ul > li > a{
	color: #93969d;
}

footer .right ul > li > ul > li > a:hover,
footer .right ul > li > a:hover{
	color: #ffd014;
}

.newletter{
	width: 520px;
	float: left;
	margin: 25px 0 80px;
}

.newletter h3{
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}

.newletter .newsBox{
	position: relative;
}

.newletter .newsBox .tnp-email{
	width: 100%;
	height: 45px;
	background: #474c58;
	font-size: 18px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	border: 0;
	padding: 0 165px 0 20px;
}

.newletter .newsBox .tnp-button{
	position: absolute;
	top: 0;
	right: 0;
	width: 155px;
	height: 45px;
	color: #fff;
	border: 0;
	background-color: #ffd014;
	color: #262c3a;
	font-size: 14px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.newletter .newsBox label{
	display: none;
}

.mailsuccess p{
	margin: 15px  0 0 0 !important;
	padding: 0;
	float: left;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #ffd014 !important;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
}
/*management page*/
.innerBanner{
	padding: 100px 0 120px;
	position: relative;
	height: 335px;
}

.innerBanner .container{
	width: 970px;
}

.innerBanner small{
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 25px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

.innerBanner h1{
	margin-bottom: 0;
	color: #fff;
	position: relative;
	padding-bottom: 20px;
	margin-left: -5px;
	/*text-transform: capitalize;*/
}

.innerBanner h1:before{
	content: '';
	width: 120px;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 5px;
	background: #ffd014;
}

.innerNav{
	width: 100%;
	float: left;
	font-size: 0;
	text-align: center;
	margin: 60px 0;
}

.innerNav li{
	position: relative;
	border-bottom: 3px solid #dfe0e2;
	width: auto;
	display: inline-block;
}

.innerNav li a{
	font-size: 15px;
	line-height: 20px;
	color: #262c3a;
	font-weight: 700;
	margin: 0 20px;
	text-transform: uppercase;
	padding-bottom: 10px;
	display: inline-block;
	position: relative;
}

.innerNav li:last-child a{
	margin-right: 0;
}

.innerNav li:first-child a{
	margin-left: 0;
}

.innerNav li a:before{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	background-color: #ffd014;
	width: 0%;
	height: 3px;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
}

.innerNav li:hover a:before,
.innerNav li.current_page_item a:before{
	width: 100%;
}

.mgmtListing,
.policesListing{
	margin: 50px 0 90px;
}

.mgmtListing .container{
	padding: 0 50px;
}

.mgmtListing ul li{
	margin-bottom: 70px;
	width: 100%;
	float: left;
}

.mgmtListing .heading,
.mediaListing .heading{
	border-bottom: 3px solid #dfe0e2;
	position: relative;
	padding-bottom: 25px;
	cursor: pointer;
}

.mgmtListing .heading h3,
.mediaListing .heading h3{
	font-size: 28px;
	line-height: 35px;
	color: #e8ba02;
	font-weight: 600;
	margin-bottom: 0;
}

.mgmtListing .heading h4,
.mgmtListing .heading p{
	font-size: 24px;
	line-height: 30px;
	color: #262c3a;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

.mgmtListing .heading.active h3,
.mgmtListing ul li:hover .heading h3,
.mgmtListing .heading.active i,
.mgmtListing ul li:hover .heading i{
	color: #262c3a;
}

.mgmtListing .heading i,
.mediaListing .heading i{
	float: right;
	color: #df5400;
	font-size: 25px;
	position: absolute;
	top: 20px;
	right: 10px;
}

.mgmtListing .content{
	display: none;
	padding-top: 50px;
}

.mgmtListing .content figure{
	width: 205px;
	height: 260px;
	position: relative;
	margin-right: 50px;
	float: left;
}

.mgmtListing .content figure img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.mgmtListing .content figcaption{
	float: left;
	width: 75%;
}

.mgmtListing .content p{
	font-size: 20px;
	line-height: 32px;
}

/*policesListing*/
.policesListing ul li{
	width: 100%;
	float: left;
	border-bottom: 2px solid #dfe0e2;
	margin-bottom: 60px;
	padding-bottom: 20px;
}

.policesListing ul li h3{
	font-size: 28px;
	line-height: 35px;
	color: #262c3a;
	font-weight: 600;
	margin: 0;
}

.policesListing ul li h3 a{
	float: right;
	font-size: 15px;
	color: #000000;
	text-transform: uppercase;
	font-weight: 600;
	background: url('assets/images/downloadIcon.png') no-repeat;
	background-position: right center;
	background-size: auto;
	padding-right: 35px;
}

/*aboutus Page*/
.aboutContent h2,
.sustainSection h2{
	text-align: center;
	font-size: 34px;
	line-height: 45px;
	color: #262c3a;
	margin: 0 auto 50px;
	width: 695px;
	font-weight: 700;
}

.aboutContent .mainContent{
	position: relative;
	margin-bottom: 35px;
}

.aboutContent .mainContent p{
	padding-left: 100px;
	font-size: 20px;
	line-height: 32px;
	color: #262c3a;
	font-weight: 400;
	width: 76%;
	float: left;
	margin-bottom: 30px;
}

.aboutContent .mainContent img{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.aboutContent .quickLinks{
	width: 214px;
	background-color: #fff;
	/*position: absolute;
	right: 0;
	top: 10px;*/
	float: right;
	margin-top: 8px;
	margin-bottom: 50px;
}

.aboutContent .quickLinks ul li{
	width: 100%;
	float: left;
	margin-bottom: 12px;
	position: relative;
	padding-left: 17px;
}

.aboutContent .quickLinks ul li:before{
	content: '\f054';
	font-family: 'FontAwesome';
    font-size: 15px;
	color: #262c3a;
	position: absolute;
	top: 4px;
	left: 0;
}

.aboutContent .quickLinks ul li a{
	font-size: 15px;
	line-height: 20px;
	color: #e8ba02;
	font-weight: 800;
	text-transform: uppercase;
}

.whiteColor{
	color: #fff;
}

.yellowColor{
	color: #ffd014;
}

.greyColor{
	color: #262c3a;
}

.aboutLayer{
	padding: 60px 0;
}

.aboutLayer .container{
	width: 1020px;
}

.aboutLayer figure{
	width: 16%;
	float: left
}

.aboutLayer figcaption{
	width: 83%;
	float: left;
}

.aboutLayer h3{
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
}

.aboutLayer h3 strong{
	color: #ffd014;
	font-weight: 700;
}

#mission h3 strong,
#vision p{
	color: #fff;
}

.aboutLayer p,
.aboutLayer ul li p{
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 25px;
	color: #262c3a;
}

.aboutLayer p:last-child{
	margin-bottom: 0;
}

.aboutLayer ul li{
	width: 100%;
	float: left;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}

.aboutLayer ul li:last-child{
	margin-bottom:  0;
}

.aboutLayer ul li i{
	position: absolute;
	left: 0;
	top: 8px;
	color: #df5400;
}

.aboutLayer figcaption img{
	margin: 30px 0;
	float: left
}

/*sustain Page*/
.sustainabilityInnerBanner.innerBanner h1:before,
.sustainabilityNav.innerNav li a:before{
	background-color: #89af37;
}

.sustainSection .container{
	width: 970px;
}

.sustainSection h2{
	width: 800px;
}

.sustainSection h5{
	width: 100%; 
	display: inline-block;
	padding-bottom: 10px;
	color: #262c3a;
	font-size: 28px;
	line-height: 35px;
	border-bottom: 2px solid #dfe0e2;
	margin-bottom: 30px;
}

.sustainSection h6{
	color: #262c3a;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	/*margin-left: 20px;*/
	font-family: 'Lora', serif;
	font-weight: 400;
}

.sustainSection p,
.safetyList li figcaption p,
.generalContent li a{
	color: #262c3a;
	font-size: 20px;
	line-height: 32px;;
	margin-bottom: 30px;
}

.safetyList li{
	width: 100%; 
	display: table;
	margin-bottom: 35px;
}

.safetyList li:last-child{
	margin-bottom: 0;
}

.safetyList li figure{
	width: 155px;
	height: 155px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.safetyList li figcaption{
	width: 85%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 35px;
}

.safetyList li figure img{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.safetyList li figcaption a,
.safetyList li figcaption p a{
	color: #89af37;
}

.safetyList li figcaption p:last-child{
	margin-bottom: 0;
}

.imgBox{
	position: relative;
	margin: 60px 0;
	height: 320px;
}

.imgBox > img{
	width: 100%;
	float: left;
}

.imgBox h3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 56px;
	line-height: 66px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}

.generalContent ul,
.topContent ul{
	width: 100%;
	float: left;
}

.arrowList li,
.generalContent li,
.topContent li{
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	font-family: 'Lora', serif;
	margin-bottom: 25px;
}

.arrowList li:before,
.generalContent li:before,
.topContent li:before{
	content: '\f101';
	position: absolute;
	left: 0;
	top: 8px;
	color: #89af37;
	font-family: 'FontAwesome';
}

.topContent li:before{top: 0;}
.topContent li > ul{margin-top: 20px;}
.topContent ul{margin-bottom: 20px;}
.arrowList li strong,
.topContent li strong{
	font-weight: 700;
}

.arrowList li:last-child,
.generalContent li:last-child,
.topContent li:last-child{
	margin-bottom: 0;
}

.arrowList li p:last-child,
.generalContent li p:last-child,
.topContent li p:last-child{
	margin-bottom: 0;
}

.generalContent li a:hover,
.topContent li a:hover,
.generalContent li a:hover{
	color: #df5400;
}

.sustainSection .left{
	width: 70%;
	float: left;
}

.sustainSection .rightImgBox{
	width: 30%;
	float: right;
	padding-left: 40px;	
	text-align: right;
}

.last-section{
	margin-bottom: 60px;
}

.mapSection{
	height: 460px;
}

/* operation page */
.operationsInnerBanner.innerBanner h1:before, 
.operationsNav.innerNav li a:before,
.investorsInnerBanner.innerBanner h1:before, 
.investorsNav.innerNav li a:before{
	background-color: #df5400;
}

.topContent{
	margin-bottom: 50px;
}

.topContent .container{
	width: 970px;
}

.topContent h2{
	font-size: 34px;
	line-height: 50px;
	color: #262c3a;
	font-weight: 700;
	margin-bottom: 50px;
	text-align: center;
}

.pageDetail ul{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.pageDetail ul li{
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.pageDetail ul li .left{
	width: 70%;
	float: left;
}

.pageDetail ul li .right{
	width: 30%;
	float: left;
	padding-left: 65px;
}

.pageDetail ul li:nth-child(even) .right{
	float: left;
	padding-right: 65px;
	padding-left: 0;
}

.pageDetail ul li:nth-child(even) .left{
	float: right;
}

.pageDetail ul li .boxLeft img{
	width: 100%;
	float: left;
	margin-bottom: 30px;	
}

.pageDetail ul li .boxLeft p{
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	color: #262c3a;
}

.pageDetail ul li .boxLeft p a{
	color: #df5400;
	font-weight: 700;
}

.content-area{
	margin: 60px 0;
	text-align: center;
}

.generic .left{
	width: 100%;
}

.genericImage{
	margin: 0 0 80px;
}

.genericImage .imgBox{
	margin: 0;
}

.page-template-page-generic footer{
	margin-top: 135px;
}

.gernericSection p:last-child{
	margin-bottom: 0;
}

.gernericSection{margin-bottom: 60px;}

/* Operation InnerPage styling */
.operationInnerContent .mainContent p{
	font-size: 20px;
	line-height: 32px;
}

.operationInnerContent .quickLinks ul li a,
.operationAccordion .heading h3{
	color: #df5400;
}

.featuresBox .innerContainer{
	width: 970px;
	margin:0 auto;
}

.featuresBox h3{
	font-size: 28px;
	line-height: 35px;
	font-weight: 600;
	color: #262c3a;
	margin-bottom: 11px;
}

.featuresBox p{
	font-size: 20px;
	line-height: 25px;
}

.characteristic ul{
	margin-top: 40px;
	width: 100%;
	float: left;
}

.characteristic ul li{
	width: 28%;
	margin-right: 8%;
	float: left;
	text-align: center;
	margin-bottom: 8%;
}

.characteristic ul li:nth-child(3n+3){
	margin-right: 0;
}

.characteristic ul li .box{
	border: 1px solid #d5d6d9;
	padding: 0 43px;
	height: 310px;
}

.characteristic ul li h3{
	font-size: 20px;
	line-height: 30px;
	color: #df5400;
	text-transform: uppercase;
	font-weight: 600;
}

.characteristic ul li h4{
	font-size: 24px;
	line-height: 37px;
	color: #262c3a;
	font-family: 'Lora', serif;
	font-weight: 400;
}

.characteristic ul li p{
	line-height: 30px;
}

.operationAccordion .container{
	padding: 0;
}

.operationAccordion{
	margin-top: 0;
}

.operationAccordion .heading i{
	color: #ffd014;
	top: 0;
}

.operationAccordion .content img{
	margin-top: 20px;
	display: inline-block;
	float: none;
}

.operationInnerContent .mainContent img{
	margin: 40px 0;
}

.resereves{
	margin-top: 80px;
}

.operationAccordion .heading{
	width: 970px; 
	margin: 0 auto;
	float: none;
}

.operationAccordion .content{
	text-align: center;
}

.operationAccordion .content p{
	width: 970px;
	margin: 0 auto 20px;
	float: none;
	text-align: left;
}

/* mediaListing */
.mediaNav.innerNav ul li.active a:before{
	background-color: #df5400;
	width: 100%;
}

#community{
	margin-bottom: 120px;	
}

.mediaListing h3{
	color: olivedrab;
}
.mediaListing ul{
	width: 100%;
	float: left;
}

.mediaListing ul li{
	width: 22%;
	float: left;
	margin: 0 4% 4% 0;
}

.mediaListing ul li:nth-child(4n+4){
	margin-right: 0;
}

.mediaListing ul li .bgSettings{
	height: 255px;
	cursor: pointer;
}

.mediaListing .hide{
	display: none;
	transition: all 0.5s ease;
}


/* mediaPopup */
.mediaPopup{
	width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, 0.92);
    position: fixed;
    z-index: 101;
    transition: 0.5s ease;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
}

.mediaPopup.open{
	visibility: visible;
    opacity: 1;
}

.mediaPopup .popContent {
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 700px;
}

.mediaPopup .popContent .imageContainer {
    width: 100%;
    float: left;
    height: 100%;
	position: relative;
}

.mediaPopup .popContent .close {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    background: #262c3a;
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    line-height: 55px;
}

.mediaPopup .popContent .buttons a {
    width: 55px;
    float: left;
    background: #df5400;
    color: #ffffff;
    text-align: center;
    font-size: 25px;
    line-height: 55px;
    height: 55px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.mediaPopup .popContent .buttons a.next{
	right: -100px;
}

.mediaPopup .popContent .buttons a.prev{
	left: -100px;
}

.mediaPopup .downloadBtn{
	background: #262c3a;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 70px 14px 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	line-height: 21px;
	letter-spacing: 2px;
}

.mediaPopup .downloadBtn:before{
	content: '';
	background: url("assets/images/download.png") no-repeat;
	background-position: center center;
	background-size: cover;
	width: 50px;
	height: 50px;
	position: absolute;
	right: -1px;
	top: 0;
}

.mediaListing .heading{
	margin-bottom: 60px;
}

.mediaListing .heading h3{
	color: #262c3a;
}

.mediaListing .heading i{
	color: #ffd014;
}

.mediaListing{
	margin-bottom: 60px;
}

.mediaListing.lastRow{
	margin-bottom: 150px;
}

/* 404 page */
.error-404 .page-header{
	margin: 100px 0;
}

.selectMenuInnerBanner{
	margin-bottom: 60px;;
}

.operationInnerContent .mainContent{
	margin-bottom: 0;
}

.operationAccordion .content ul,
.featuresBox .content ul{
	width: 970px;
	margin:0 auto 20px;
}
.operationAccordion .content ul li,
.featuresBox .content ul li{
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	font-family: 'Lora', serif;
	margin-bottom: 25px;
}

.operationAccordion .content ul li:before,
.featuresBox .content ul li:before{
	content: '\f101';
	position: absolute;
	left: 0;
	top: 8px;
	color: #89af37;
	font-family: 'FontAwesome';
}

.operationAccordion .content ul li + li,
.featuresBox .content ul li + li{
	margin-top: -10px;
}

.operationAccordion .content ul li p,
.featuresBox .content ul li p{
	width: 100%;
	margin: 0 0 15px;
}

.operationAccordion .content ul li p:last-child,
.operationAccordion .content ul li:last-child,
.featuresBox .content ul li p:last-child,
.featuresBox .content ul li:last-child{
	margin-bottom: 0;
}

.followList {
	margin-top: 50px;
}

.featuresBox ul ~ p{
	margin-top: 20px;
	width: 100%;
	float: left;
}
.operationInnerContent .quickLinks.full{
	width: 100%; 
	float: left;
}

.operationInnerContent .pageContent.hide{
	display: none;
}

.gernericSection h3{
	color: #262c3a;
}

.generalContent ul li ul{
	margin-top: 20px;
}