/*
Theme Name: Hellman & Friedman
*/


@font-face {
    font-family: 'aleoregular';
    src: url('fontkit/aleo-regular-webfont.eot');
    src: url('fontkit/aleo-regular-webfont-1.eot') format('embedded-opentype'),
         url('fontkit/aleo-regular-webfont.woff2') format('woff2'),
         url('fontkit/aleo-regular-webfont.woff') format('woff'),
         url('fontkit/aleo-regular-webfont.ttf') format('truetype'),
         url('fontkit/aleo-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'aleolight';
    src: url('fontkit/aleo-light-webfont.eot');
    src: url('fontkit/aleo-light-webfont-1.eot') format('embedded-opentype'),
         url('fontkit/aleo-light-webfont.woff2') format('woff2'),
         url('fontkit/aleo-light-webfont.woff') format('woff'),
         url('fontkit/aleo-light-webfont.ttf') format('truetype'),
         url('fontkit/aleo-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'aleobold';
    src: url('fontkit/aleo-bold-webfont.eot');
    src: url('fontkit/aleo-bold-webfont-1.eot') format('embedded-opentype'),
         url('fontkit/aleo-bold-webfont.woff2') format('woff2'),
         url('fontkit/aleo-bold-webfont.woff') format('woff'),
         url('fontkit/aleo-bold-webfont.ttf') format('truetype'),
         url('fontkit/aleo-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;	
    }


/* css for basic items---------------------------------------------------------------------------------------------------*/
html,body {
	width: 100%;
   }
body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #53565a;
	font-weight: 400;
 	background: #fff;
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
img {
	padding: 0; 
	margin: 0;
	border: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	}
a,
a:visited,
a:active {
	color: #de7c00;
	text-decoration: none;
	outline: none;
	font-weight: 600;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
a:hover {
	color: #53565a;
	text-decoration: none;
	outline: none;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
   	}
ul {
	padding: 0 0 25px 15px;
	margin: -17px 0 0 0;
	list-style: url(images/bullet.png);
	}
blockquote {
	margin: -15px 0 -5px 25px;
	padding: 0;
	}   	
ul li {
	padding: 0 0 2px 0;
	margin: 0;
	float: none;
	}
ul li ul {
	padding: 5px 0 2px 40px;
	margin: 0;
	}
ol {
	padding: 0 0 0 15px;
	margin: 0;
	}
ol li {
	padding: 0 0 10px 0;
	margin: 0;
	float: none;
	}
p {
	padding: 0 0 35px 0;
	margin: 0;
	}
b,
strong {
	font-weight: 700;
	}
em {
	font-style: italic;
	}	
hr {
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	height: 1px;
	border: none;
	border-top: 1px solid #ddddde;
	}
h1 {
 	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'aleoregular';
	font-size: 48px;
	line-height: 48px;
	font-weight: normal;
	color: #fff;	
	}
h2 {
 	padding: 0 0 30px 0;
	margin: 0 0 0 0;
	font-family: 'aleoregular';
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
	color: #53565a;	
	}
h3 {
 	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'aleoregular';
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	color: #53565a;	
	}
h4 {
 	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'Montserrat';
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #53565a;	
	}
h5 {
 	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #53565a;	
	}
h6 {
 	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: 'Montserrat' !important;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;	
	}
sup {
	line-height: 15px;
	}
table {
	width: 100%;
	line-height: 20px;
	}
	table td {
		padding: 5px;
		border: 1px solid #ddd;
		}	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer-home {
	width: 100%;
   }
#outer {
	width: 100%;
   }
.content-container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1180px;
  	}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for header ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.banner-alert {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 40px;
	padding: 8px 0 0px 0;
	background: #de7c00;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	text-align: center;
	}
	.banner-alert a {
		color: #fff;
		}
#mobile-search,
#mainnav-navbar,
#mobilenav ul,
#mobilenav,
#mobile-top,
#mobile {
	display: none;
	}
#top-home {
	position: fixed;
	top: 0;
	width: 100%;
	height: 0px;
	background: #53565a;
	z-index: 99998;
	-webkit-transition: all 425ms ease;
    -moz-transition: all 425ms ease;
    transition: all 425ms ease;
	}
#top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 78px;
	background: #53565a;
	z-index: 99998;
	-webkit-transition: all 425ms ease;
    -moz-transition: all 425ms ease;
    transition: all 425ms ease;
	}
	#header {
		position: relative;
		margin: 0 auto 0 auto;
		width: 1180px;
		}
		#logo {
			position: absolute;
			padding: 28px 0 0 0;
			float: left;
			width: 246px;
			}
			#logo img {
				max-width: 246px !important;
				}
		#mainnav {
			float: right;
			display: inherit;
			position: relative;
			padding: 37px 0 0 0;
			font-family: 'Montserrat';
			font-size: 14px;
			line-height: 14px;
			}
			#mainnav ul {
				margin: 0;
				padding-right: 55px;
				list-style: none;
				}
			#mainnav ul li {
				padding: 0 0 10px 26px;
				float: left;
				}
			#mainnav ul li a {
				font-size: 14px;
				line-height: 14px;
				font-weight: 700;
				color: #ffffff;
				text-transform: uppercase;
				text-decoration: none;
				}	
			#mainnav ul li a:hover,
			#mainnav ul li.current-menu-item a {
				color: #de7c00;
				text-decoration: none;
				}
				
/* css for sub navigation  ---------------------------------------------------------------------------------- */
#mainnav ul li.nav2 .sub-menu,
#mainnav ul li.nav7 .sub-menu {
	display: none;
	position: absolute;
	top: 54px;
	margin: 0 0 0 -10px;
	padding: 16px 10px 4px 10px;
	min-width: 91px;
	z-index: 993;
	border-bottom: none !important;
	}
	#mainnav ul.sub-menu li {
		display: block;
		float: none;
		margin: 0;
		padding: 0 0 10px 0;
		cursor: pointer;
		}
		#mainnav ul.sub-menu li a,
		#mainnav ul.sub-menu li a:visited,
		#mainnav ul.sub-menu li a:active {
			color: #fff;
			padding: 0;
			}	
		#mainnav ul.sub-menu li a:hover {
			color: #de7c00;
			}

#mainnav ul li.nav2 .sub-menu,
#mainnav ul li.nav7 .sub-menu {
	background-color: #53565a;
	}
#top-home #mainnav ul li.nav2 .sub-menu,
#top-home #mainnav ul li.nav7 .sub-menu {
	background-color: transparent;
	}
				
				
				
		#search-btn {
			position: absolute;
			top: 36px;
			right: 0;
			}	
			#search-btn .btn-search {
				margin: 0;
				padding: 0;
				border: 0;
				width: 35px;
				height: 18px;
				background: url(images/search.png) no-repeat right center;
				border-radius: 0;
				cursor: pointer;
				outline: none;
				-webkit-appearance: none;
				vertical-align: middle;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				line-height: 13px;
				font-weight: 700;
				color: #6a6663;
				text-transform: uppercase;
				text-align: center;
				-o-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-khtml-transition: all 0.2s linear;
				-webkit-transition: all 0.2s linear;
				-ms-transition: all 0.2s linear;
				transition: all 0.2s linear;
				}
				#search-btn .btn-search:hover {
					opacity: .65;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-khtml-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
		#search {
			position: absolute;
			top: 27px;
			right: 10px;
			-webkit-transition: all 425ms ease;
			-moz-transition: all 425ms ease;
			transition: all 425ms ease;
			}
			#search .text-field-search {
				display: none;
				margin: 0;
				padding: 0 0 0 10px;
				width: 1px;
				height: 35px;
				border: 0;
				background: #ffffff url(images/search-on.png) no-repeat right center;
				vertical-align: top;
				border-radius: 0;
				outline: none;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 600;
				color: #53565a;
				}

		#navbar {
			display: inherit;
			position: absolute;
			top: 86px;
			left: 0;
			height: 16px;
			padding: 2px 0 0 37px;
			background: url(images/open.png) no-repeat left center;
			cursor: pointer;
			font-size: 15px;
			line-height: 15px;
			text-transform: uppercase;
			color: #6a6663;
			z-index: 2;
			-o-transition: left 0.2s linear;
			-moz-transition: left 0.2s linear;
			-khtml-transition: left 0.2s linear;
			-webkit-transition: left 0.2s linear;
			-ms-transition: left 0.2s linear;
			transition: left 0.2s linear;
			}		
		#navbar-on {
			display: none;
			position: absolute;
			top: 86px;
			left: 0;
			height: 16px;
			padding: 2px 0 0 37px;
			background: url(images/close.png) no-repeat left center;
			cursor: pointer;
			font-size: 15px;
			line-height: 15px;
			text-transform: uppercase;
			color: #6a6663;
			z-index: 2;
			-o-transition: left 0.2s linear;
			-moz-transition: left 0.2s linear;
			-khtml-transition: left 0.2s linear;
			-webkit-transition: left 0.2s linear;
			-ms-transition: left 0.2s linear;
			transition: left 0.2s linear;
			}	








/* -------------------------------------------------------------------------------------------------------------- */
/* css for new section ------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------- */

.esg-wrap {
	background: #acaeaf;
	}
.esg-contain {
	max-width: 1920px;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 50px;
	}
	.esg-contain .content-wide {
		font-size: 18px;
		line-height: 30px;
		background: #fff;
		}
.video-container {
	max-height: 800px; 
	overflow: hidden;
	background: #fff;
	}	
video {
	width: 100%;	
	height: auto;
	}
.hero-top {
	position: relative;
	width: 100%;
	margin-top: 78px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.hero-text {
	position: absolute;
	left: 0;
	right: 10%;
	margin: 0 auto;
	top: 8.5%;
	width: 90%;
	max-width: 1300px;
	z-index: 10;
	}
	.hero-title {
		margin: auto;
		width: 52%;
		padding-right: 20px;
		text-align: right;
		float: left;
		}
	.hero-sub-text {
		margin: auto;
		width: 48%;
		float: left;
		}	
	.hero-text h1 {
		font-size: 4.6vw;
		line-height: 5.5vw;
		text-shadow: 2px 2px rgba(0,0,0,.3);
		}
	.hero-text h2 {
		font-size: 3.6vw;
		line-height: 4.6vw;
		text-shadow: 2px 2px rgba(0,0,0,.3);
		color: #fff;
		}
.hero-footnote {
	z-index: 12;
	color: #fff;
	display: none;
	position: absolute; 
	padding: 30px 0 0 0;
	bottom: 0px; 
	left: 0; 
	width: 100%; 
	height: 1px; 
	background: rgba(255,255,255,.85); 
	display: none;
	font-size: 13px;
	line-height: 18px;
	color: #53565a;
	}	
.hero-footnote p {
	margin: 0 auto;
	padding: 0 0 10px 0;
	max-width: 900px;
	}
.footnote-btn {
	display: none;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 18px;
	}
	.footnote-btn span {
		color: #FF8C03;
		font-size: 20px;
		line-height: 22px;
		}
	
sup {
	font-size: 11px; 
	vertical-align: super;
	}
	.hero-footnote sup {
		font-size: 10px;
		}
	.footclose {
		position: absolute;
		top: -15px;
		right: 15px;
		clear: both;
		color: #000; 
		cursor: pointer;
		}
		.footclose img {
			width: 21px !important;
			height: 21px !important;
			}	
      .quote-rotate {
        position: absolute;
        top: 0;
        opacity: 0;
        overflow: visible;
        visibility: hidden;
		transition: all 0.6s linear;
        padding-bottom: 10px;
      }
      .quote-dots {
	    position: absolute;
	    bottom: 25px;
	    left: 0;
	    right: 0;
        margin: 0 auto;
        text-align: center;
      }
      .nav-dot {
        height: 10px;
        width: 10px;
        border-radius: 50px;
        border: 1px solid #fff;
        display: inline-block;
        background: #fff;
        margin-right: 10px;
        cursor: pointer;
      }
      #dots1,
      #dots2,
      #dots3 {
	      position: absolute;
	      bottom: 50px;
	      right: 0;
	      left: 0;
	      text-align: center;
	      margin: 0 auto;
	      display: none;
		  z-index: 11;
	      }
      .dot-on {
        border: 1px solid #D77C00;
	      background: #D77C00;
	      }


.sustain-intro {
	max-width: 810px;
	}	
.sustain-intro h3 {
	padding: 0 0 35px 0;
	font-size: 36px;
	line-height: 40px !important;
	}	

.focused-intro {
	max-width: 1000px;
	}	
.focused-intro h3 {
	padding: 0 0 20px 0;
	font-size: 36px;
	line-height: 40px !important;
	text-align: left;
	}
	.focused-intro h3 span {
		color: #D77C00;
		}	
	.focused-text {
		padding: 0 0 40px 0;
		text-align: left;
		margin-left: 33%;
		}	
	
	
	
	
	
	
/* -------------------------------------------------------------------------------------------------------------- */
/* css for home ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
	
.carousel .container {
	width: 100%;
	max-width: 1180px;
	padding-left: 35% !important;
	}	
	.carousel .item img {
		width: 100% !important;
		max-width: 100% !important;
		}
	.carousel-caption {
  		position: absolute;
  		right: auto;
  		bottom: 55px;
  		z-index: 10;
 	 	padding-top: 20px;
 	 	padding-bottom: 10px;
		padding-left: 10px;
		text-align: left;
		}
	.carousel-caption h1 {
 		padding: 0 0 10px 0;
 		margin: 0 0 0 0;
 		font-family: 'aleoregular';
 		font-size: 42px;
 		line-height: 42px;
 		font-weight: normal;
 		color: #fff;	
		text-align: left;
 		}
	.carousel-caption p {
		font-size: 20px;
		line-height: 26px;
		color: #ffffff;
		text-align: left;
		padding-right: 370px;
		}
	.nets a {
		color: #53565a;
		padding: 0 27px 0 0;
		font-weight: 400 !important;
		font-size: 16px;
		line-height: 28px;
		background: url(images/arrow-more-net.png) no-repeat right bottom;
		}
	.nets a:hover {
		text-decoration: none;
		color: #de7c00;
		background: url(images/arrow-more-net.png) no-repeat right bottom;
		}
	.carousel-caption  a,
	.btn {
		padding: 0 42px 0 0;
		font-family: 'Montserrat';
		font-size: 12px;
		line-height: 12px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		background: url(images/arrow-off.png) no-repeat right center;
		}
	.carousel-caption  a:hover,
	.btn:hover {
		text-decoration: none;
		color: #de7c00;
		background: url(images/arrow-on.png) no-repeat right center;
		}
	.orange-band {
		display: block;
		background: #de7c00;
		height: 194px;
		font-weight: 400;
		}
		.orange-band:active,
		.orange-band:hover {
			font-weight: 400;
			}
		.orange-photo {
			width: 270px;
			float: left;
			}
		.orange-text {
			padding: 35px 20px 0 50px;
			width: 900px;
			float: left;
			font-family: 'aleoregular';
			font-size: 18px;
			line-height: 30px;
			color: #fff;
			}	
			.orange-text p {
				padding: 0;
				}
			.orange-text hr {
				margin-top: 20px;
				border-top: 1px solid #e69d40;
				}
		.orange-band h6 {
			display: inline-block;
			padding-right: 31px;
			background: #de7c00 url(images/arrow-submit.png) no-repeat right center;			
			font-size: 12px;
			line-height: 16px;
			}	
	.three-col {
		margin: 60px 0 0px 0;
		padding: 0 5% 0 5%;
		width: 33.3%;
		float: left;
		text-align: center;
		}	
		.three-col p {
			padding: 0 0 12px 0;
			}
		.three-col a {
			font-family: 'Montserrat';
			font-size: 12px;
			color: #de7c00;
			font-weight: 400;
			}	
			.three-col a:hover {
				color: #53565a;
				text-decoration: none;
				}
		.middle-col {
			border-left: 1px solid #ddddde;
			border-right: 1px solid #ddddde;
			}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for content ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.title {
	padding: 150px 0 0 0;
	margin: 0 0 50px 0;
	background: #de7c00;
	height: 200px;
	}
	.no-margin {
		margin: 0 !important;
		}
	.title h1 {
		padding: 0 0 0 0;
		font-family: 'Montserrat';
		font-size: 22px;
		line-height: 26px;
		text-transform: uppercase;
		}
	.title .arrow h1 {
		display: inline-block;
		padding: 0 32px 0 0;
		/*background: url(images/arrow-big.png) no-repeat right center;*/
		}
.contact-info {
	margin: 0 0 40px 0;
	background: #edeeee;
	height: 80px;
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 14px;
	color: #53565a;
	font-weight: 700;
	text-transform: uppercase;
	}	
	.contact-info p {
		width: 391px;
		height: 80px;
		padding: 20px 0 0 0;
		border-left: 1px solid #d5d6d6;
		border-right: 1px solid #d5d6d6;
		padding-left: 20px;
		line-height: 22px;
		}
	.contact-info a {
		text-transform: none;
		font-weight: 400;
		}	
.text-padding p {
	padding-right: 150px;
	}	
.text-padding ul {
	padding-right: 300px;
	}
.text-padding p.photos {
	padding: 0;
	}	
.wp-caption-text,		
.credit {
	margin: 0 0 50px 0;
	font-size: 10px;
	line-height: 25px;
	font-weight: 600;
	color: #9EA0A2;
	}
.return a {
	display: block;
	padding: 0 0 0 25px;
	margin: 0 0 23px 0;
	font-family: 'Montserrat';
	font-size: 12px;
	line-height: 12px;
	color: #de7c00;
	font-weight: 700;
	text-transform: uppercase;
	background: url(images/arrow-return.png) no-repeat left center;
	}
.return a:hover {
	color: #53565a;
	text-decoration: none;
	background: url(images/arrow-return-on.png) no-repeat left center;
	}

/* login box */
.login-container {
	padding: 22px 33px 22px 33px;
	margin: 0 0 30px 0;
	background: #edeeee;
	}
	.login-name {
		margin: 8px 0 20px 0;
		width: 100px;
		float: left;
		font-family: 'Montserrat';
		font-size: 14px;
		line-height: 14px;
		color: #53565a;
		text-transform: uppercase;
		font-weight: 700;
		}
		.login-box input {
			border: 0;
			margin: 0;
			padding: 0 0 0 5px;
			background: #fff;
			width: 222px;
			height: 30px;
			font-family: 'Open Sans', sans-serif;
			font-size: 13px;
			font-weight: 600;
			color: #53565a;
			}
	.login-box {
		margin: 0 0 20px 0;
		width: 300px;
		float: left;
		}
	.login-submit {
		width: 300px;
		float: left;
		}
		.login-submit input {
			padding: 10px 30px 10px 10px;
			margin: 0;
			background: #de7c00 url(images/arrow-submit.png) no-repeat right center;
			border: 0;
			font-family: 'Montserrat';
			font-size: 12px;
			line-height: 12px;
			color: #fff;
			font-weight: 400;
			text-transform: uppercase;
			}
		.login-submit input:hover {
			background: #53565a url(images/arrow-submit.png) no-repeat right center;
			}

.content-wide {
	padding: 50px 0 15px 0;
	text-align: center;
	}
	.content-wide h3 {
		line-height: 28px;
		}
		
.content-left {
	width: 77%;
	padding: 0 6% 0 0;
	float: left;
	border-right: 1px solid #ddddde;
	}
.content-right {
	padding: 0 0 0 2%;
	width: 22%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	}
	.content-right h5 {
		margin: 0 0 12px 0;
		padding: 12px 0 12px 15px;
		width: 100%;
		background: #edeeee;
		}
	.content-right ul {
		margin: 0 0 5px 0;
		list-style: none;
		}
	.content-right ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
.content-left-narrow {
	width: 440px;
	float: left;
	font-size: 14px;
	}
	.content-left-narrow h5 {
		padding: 0 0 7px 0;
		}
.content-right-wide {
	width: 740px;
	float: left;
	}
	.content-right-wide hr {
		margin: 0 0 25px 0;
		}
	.content-right-wide p {
		padding-right: 100px;
		padding-bottom: 20px;
		}
.content-left-port {
	width: 320px;
	float: left;
	font-size: 14px;
	}
	.content-left-port h5 {
		padding: 0 0 7px 0;
		}
.content-right-port {
	width: 860px;
	float: left;
	}
	.content-right-port hr {
		margin: 0 0 25px 0;
		}
	.content-right-port p {
		padding-right: 100px;
		padding-bottom: 20px;
		}
		
			
/* posts */
.post,
.story {
	padding: 0;
	width: 100%;
	}
	.post p {
		padding: 0 0 12px 0;
		}
	.story h2 {
		padding: 0;
		}	
	.story h3 {
		padding: 0 0 30px 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		line-height: 30px;
		font-weight: 400;
		}	
	.post .date,
	.story .date {
		padding: 0 0 8px 0;
		margin: 0;
		font-family: 'Montserrat';
		font-size: 14px;
		line-height: 16px;
		font-weight: 400;
		color: #a9aaac;	
		}
	.post hr {
		margin: 10px 0 40px 0;
		}	
.more a {
	display: inline-block;
	padding: 0 25px 0 0;
	margin: 0 0 23px 0;
	font-family: 'Montserrat';
	font-size: 12px;
	line-height: 12px;
	color: #de7c00;
	font-weight: 700;
	text-transform: uppercase;
	background: url(images/arrow-more.png) no-repeat right center;
	}
.more a:hover {
	color: #53565a;
	text-decoration: none;
	background: url(images/arrow-more-on.png) no-repeat right center;
	}
.navigation,
.navigation a {
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	text-transform: uppercase;
	}
	
	
/* bio */
a.bioclose {
	position: absolute;
	right: 0;
	top: -17px;
	display: inline-block;
	padding: 0 10px 0 0;
	font-family: 'Montserrat';
	font-size: 10px;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	background: url(images/close-sm.png) no-repeat right center;
	color: #de7c00;
	}
	a.bioclose:hover {
		color: #53565a;
		text-decoration: none;
		background: url(images/close-sm-on.png) no-repeat right center;
		}
.bionav {
	padding: 78px 0 0 0;
	margin: 0 0 50px 0;
	background: #de7c00;
	height: 138px;
	}
	.bio-grid {
		display: inline-block;
		width: 64px;
		height: 60px;
		float: left;
		border-left: 1px solid #bd6a00;
		border-right: 1px solid #bd6a00;
		background: #de7c00;
		}
		.bio-grid:hover {
			background: #53565a;
			text-decoration: none;
			}
	a[rel="next"],		
	a.bio-next {
		display: inline-block;
		padding: 23px 20px 0 0;
		width: 90px;
		height: 60px;
		float: left;
		border-right: 1px solid #bd6a00;
		background: #de7c00 url(images/arrow-next.png) no-repeat right center;
		text-align: center;
		font-family: 'Montserrat';
		font-size: 12px;
		line-height: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		}
		a[rel="next"]:hover,
		.bio-next:hover {
			color: #fff;
			background: #53565a url(images/arrow-next.png) no-repeat right center;
			text-decoration: none;
			}
	a[rel="prev"],
	a.bio-prev {
		display: inline-block;
		padding: 23px 0 0 20px;
		width: 122px;
		height: 60px;
		float: left;
		border-right: 1px solid #bd6a00;
		background: #de7c00 url(images/arrow-prev.png) no-repeat left center;
		text-align: center;
		font-family: 'Montserrat';
		font-size: 12px;
		line-height: 14px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		}
		a[rel="prev"]:hover,
		.bio-prev:hover {
			color: #fff;
			background: #53565a url(images/arrow-prev.png) no-repeat left center;
			text-decoration: none;
			}
.bio-left {
	margin: 0 0 44px 0;
	width: 440px;
	height: 288px;
	float: left;
	background: #edeeee;
	text-align: center;
	background-position: center center;
	background-size: cover;
	}
	.bio-left img {
		width: auto;
		height: auto;
		}
.bio-right {
	margin: 0 0 44px 0;
	padding: 31px 40px 40px 40px;
	width: 740px;
	height: 288px;
	float: left;
	background: #edeeee;
	}
	.bio-right h2 {
 		padding: 0 0 0 0;
 		margin: 0 0 0 0;
 		}
	.bio-right h4 {
 		padding: 0 0 0 0;
 		margin: -3px 0 0 0;
 		}
.quote {
	padding: 35px 60px 35px 60px;
	margin: 0 0 35px 0;
	width: 100%;
	background: #de7c00;
	text-align: center;
	}
	.quote h3 {
 		padding: 0;
 		color: #fff;	
		}
.education p {
	padding: 0 0 20px 0;
	}	
.bio-footnote {
	margin-top: 15px;
	font-size: 12px; 
	line-height: 15px;
	color: #53565a;	
	}	

/* portfolio */
.port-left {
	margin: 0 0 50px 0;
	width: 320px;
	height: 197px;
	float: left;
	}
.port-right {
	margin: 0 0 50px 0;
	padding: 40px;
	width: 860px;
	height: 197px;
	float: left;
	background: #edeeee;
	}
	.port-right h2 {
 		padding: 0 0 0 0;
 		margin: 0 0 0 0;
 		}
.port-people {
	display: none;
	margin: 40px 0 20px 0;
	width: 98.7%;
	background: #edeeee;
	}
	.sector-leads {
		padding: 15px 45px 15px 20px;
		float: left;
		font-family: 'Montserrat' !important;
		font-size: 12px;
		line-height: 16px;
		font-weight: 700;
		color: #53565a;
		text-transform: uppercase;
		background: url(images/arrow-black.png) no-repeat right center;
		border-right: 1px solid #fff;
		}
	.sector-people {
		padding: 15px 20px 15px 20px;
		float: left;
		font-family: 'Montserrat' !important;
		font-size: 14px;
		line-height: 16px;
		font-weight: 400;
		color: #cbcccd;
		}
		.sector-people p {
			padding: 0;
			}
		.sector-people a {
			font-weight: 400;
			}
/* contact */
.contact-col1 {
	width: 32%;
	margin: 15px 0 35px 0;
	float: left;
	}
.contact-col2 {
	width: 32%;
	margin: 15px 2% 35px 2%;
	float: left;
	}
.contact-col3 {
	width: 32%;
	margin: 15px 0 35px 0;
	float: left;
	}
	.contact-text {
		min-height: 240px;
		}
	.contact-col1 hr,
	.contact-col2 hr,
	.contact-col3 hr {
		margin: 10px 0 15px 0;
		}
	.contact-col1 img,
	.contact-col2 img,
	.contact-col3 img {
		margin: 0 0 35px 0;
		width: 100%;
		height: auto;
		}
	.contact-col1 p,
	.contact-col2 p,
	.contact-col3 p {
		padding: 0;
		}
	.contact-col1 span,
	.contact-col2 span,
	.contact-col3 span {
		font-size: 16px;
		line-height: 30px;
		}
	.contact-col1 span,
	.contact-col2 span,
	.contact-col3 span {
		font-family: 'Montserrat' !important;
		font-size: 12px;
		line-height: 14px;
		font-weight: 700;
		text-transform: uppercase;
		}

.team-footnote {
	padding: 25px 0 0px 0;
	font-size: 12px;
	line-height: 16px;
	}
	.team-footnote p {
		padding: 0 0 15px 0;
		}
/* about */
.wide-photo {
	position: relative;
	width: 100%;
	}
.wide-photo-top {
	position: relative;
	width: 100%;
	margin-top: 78px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	.wide-photo-top img,
	.wide-photo img {
		width: 100%;
		height: auto;
	 	margin-bottom: 0px;
	 	padding-bottom: 0px;
		}			
	.wide-photo-top h1,
	.wide-photo h1 {
		font-size: 42px;
		width: 100%;
		position: absolute;
		bottom: 45px;
		text-align: center;
		}			
.about-top-banner {
 	height: 280px;
 	background-image: url(images/pic-about-bottom.jpg);
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center;	
	}
.about-pic1 {
	width: 33.6%;
	float: left;
 	min-height: 280px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: right center;
	}	
.about-pic2 {
	width: 32.8%;
	float: left;
 	min-height: 280px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: right center;
	}	
.about-pic3 {
	width: 33.6%;
	float: left;
 	min-height: 280px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center center;
	}	
	.about-pic1 img, 
	.about-pic2 img,
	.about-pic3 img {
	 	width: 100%;
	 	height: auto;
	 	}
.content-left-about {
	width: 33.6%;
	float: left;
	background: #53565a;
	min-height: 870px;
	}
	.content-left-about-container {
		margin: 50px 0 0 0;
		text-align: right;
		font-family: 'Montserrat';
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		}
		.orange-bg {
			background: #de7c00;
			min-height: 280px;
			}	
.content-right-about {
	width: 66.4%;
	float: left;
	}
	.content-right-about-container {
		width: 700px;
		margin: 50px 0 0 60px;
		}
		.content-right-about-container h4 {
			padding: 0;
			font-size: 18px;
			font-weight: 700;
			}
	.subtitle {
		display: inline-block;
		padding: 0 32px 0 0;
		margin: 0 123px 0 5%;
		/*background: url(images/arrow-big.png) no-repeat right center;*/
		}	
	.subtitle2 {
		display: inline-block;
		padding: 0 32px 0 0;
		margin: 0 229px 0 5%;
		/*background: url(images/arrow-big.png) no-repeat right center;*/
		}	
		.top-pad {
			}
/* approach */
.gray-bg {
	background: #53565a !important;
	color: #fff;
	}
	.gray-bg h3 {
		color: #fff;
		font-family: 'Montserrat';
		font-size: 24px;
		line-height: 26px;
		font-weight: 400;
		text-transform: uppercase;
		}
.approach1 {
	margin-top: -3px;
	width: 31%;
	float: left;
	}
.approach2 {
	margin: -3px 3% 0 3%;
	width: 32%;
	float: left;
	}
.approach3 {
	margin-top: -3px;
	width: 31%;
	float: left;
	}
	.approach1 p,
	.approach2 p,
	.approach3 p {
		padding: 0;
		}
	.approach1 h3,
	.approach2 h3,
	.approach3 h3 {
		padding: 0 0 2px 0;
		}
	.lower-title {
		padding: 28px 0 0 0;
		height: 80px;
		}
.box-approach {
	position: relative;
	display: table-cell; 
	top: 50%; 
	width: 25%;
	height: 260px;
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	cursor: pointer;
	}
	.box-approach:hover {
		/*filter: url(filters.svg#grayscale);
		filter: gray;
		-webkit-filter: grayscale(1); 
		-webkit-transition: all .2s ease-in-out;*/
		text-decoration: none;
		z-index: 997;
		}
.box-esg {
	position: relative;
	display: table-cell; 
	top: 50%; 
	width: 33.33334%;
	height: 300px !important; 
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	cursor: pointer; 
	z-index: 10;
	}
	.box-esg:hover {
		/*filter: url(filters.svg#grayscale);
		filter: gray;
		-webkit-filter: grayscale(1); 
		-webkit-transition: all .2s ease-in-out;*/
		text-decoration: none;
		z-index: 997;
		}
.box-button {
	display: table-cell; 
	top: 50%; 
	width: 125px;
	height: 100px;
	vertical-align: middle;
	text-align: left;
	}
.box-button2 {
	display: table-cell; 
	top: 50%; 
	width: 100px;
	height: 33px;
	vertical-align: middle;
	text-align: left;
	}
.box-inner {
	top: -50%; 
	}
.box2 {
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	}	
.box {
	padding: 115px 0 0 0;
	margin: 0 auto 0 auto;
	font-family: 'Montserrat';
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	}	
.box3 {
	padding: 145px 0 0 0;
	margin: 0 auto 0 auto;
	font-family: 'Montserrat';
	font-size: 18px;
	line-height: 18px;
		font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	}
.box-approach .box-rollover {
	display: none;
	}	
.box-approach .box-rollover {
	position: absolute;
	display: block;
	padding: 40px 40px 10px 40px;
	width: 200%;
	background: #fff;
	opacity: .85;	
	z-index: 9999;
	text-align: left;
	}
.box-esg .box-rollover {
	display: none;
	}	
.box-esg .box-rollover {
	position: absolute;
	display: block;
	padding: 40px 40px 10px 40px;
	width: 200%;
	height: 300px;
	background: rgba(255,255,255,.85);
	z-index: 9999;
	text-align: left;
	}
	.box-rollover p {
		padding: 0 0 20px 0;
		}
	.box-rollover h3 {
		font-family: 'Montserrat';
		font-size: 20px;
		line-height: 22px;
		font-weight: 400;
		text-transform: uppercase;
		}
	.box-rollover a {
		font-family: 'Montserrat';
		padding-right: 20px;
		font-size: 12px;
		line-height: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #de7c00 !important;
		background: url(images/arrow-more.png) no-repeat right center;
		}
		.box-rollover a:hover {
			text-decoration: none;
			}
	#box1 .box-rollover,
	#box2 .box-rollover {
		display: none;
		top: 0;
		left: 0;
		}
	#box3 .box-rollover,
	#box4 .box-rollover {
		display: none;
		top: 0;
		right: 0;
		}
	#box5 .box-rollover,
	#box6 .box-rollover {
		display: none;
		bottom: 0;
		left: 0;
		}
	#box7 .box-rollover,
	#box8 .box-rollover {
		display: none;
		bottom: 0;
		right: 0;
		}

	#box1-esg .box-rollover,
	#box2-esg .box-rollover {
		display: none;
		top: 0;
		left: 0;
		}
	#box3-esg .box-rollover {
		display: none;
		top: 0;
		right: 0;
		}
	#box4-esg .box-rollover {
		display: none;
		bottom: 0;
		left: 0;
		}
	#box5-esg .box3 {
		padding: 80px 2% 0 2%;
		}	
	#box5-esg h3 {
		padding: 0 0 35px 0;
		font-size: 26px;
		line-height: 32px;
		color: #fff;
		text-align: center;
		text-transform: none;
		}	
	#box5-esg p {
		font-size: 18px;
		line-height: 22px;
		font-weight: normal;
		text-transform: none;
		}	
	#box6-esg .box-rollover {
		display: none;
		bottom: 0;
		right: 0;
		}

.esg-left {
	width: 33%;
	float: left;
	text-align: left;
	}
	.esg-left-text-mobile,
	.esg-left-text {
		background: #EFF0F2;
		border-bottom: 4px solid #fff;
		min-height: 124px;
		width: 100%;
		text-align: center;
		cursor: pointer;
		}
	.esg-left-text-mobile {
		display: none;
		position: relative;
		clear: both;
		}
		.esg-left-on {
			background: #D77C00;
			color: #fff;
			transition: all 0.2s linear;
			}
		.esg-left-text-mobile p,
		.esg-left-text p {
			padding: 30px 0 0 0;
			margin: 0 auto;
			text-align: left;
			max-width: 300px; 
			font-family: 'aleoregular';
			font-size: 20px;
			line-height: 30px;
			}
			.esg-left5 p {
				padding: 15px 0 0 0;
				}

.esg-right {
	position: relative;
	width: 67%;
	float: left;
	text-align: left;
	min-height: 747px;
	}
	.esg-right1 {
		background: url(images/org_health@2x.jpg) no-repeat center bottom;
		}
	.esg-right2{
		background: url(images/div_inclusion@2x.jpg) no-repeat center bottom;
		}
	.esg-right3 {
		background: url(images/env_steward@2x.jpg) no-repeat center bottom;
		}
	.esg-right4 {
		background: url(images/comm_support@2x.jpg) no-repeat center bottom;
		}
	.esg-right5 {
		background: url(images/info_security2@2x.jpg) no-repeat center bottom;
		}
	.esg-right6 {
		background: url(images/oper_efficency@2x.jpg) no-repeat center bottom;
		}
	.esg-right-text {
		background-size: cover;
		min-height: 746px;
		}
	.esg-check {
		position: absolute;
		top: 150px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 80%;
		min-height: 500px;
		font-size: 16px;
		line-height: 30px;
		color: #fff;
		text-align: center;
		padding: 40px 10% 40px 10%;
		}
	.esg-check1 {
		background: rgba(45,106,107,.8);
		}
	.esg-check2 {
		background: rgba(72,88,101,.8);
		}
	.esg-check3 {
		background: rgba(66,86,57,.8);
		}
	.esg-check4 {
		background: rgba(10,56,92,.9);
		}
	.esg-check5 {
		background: rgba(215,124,0,.85);
		}
	.esg-check6 {
		background: rgba(143,152,155,.9);
		}		
	.checkmark {
		padding: 0 0 30px 0;
		}	
		.esg-check4 .checkmark {
			margin-left: -17%; 
			margin-right: -17%;
			padding: 20px 0 50px 0;
			}
	.checkmark img {
		width: 100px;
		height: auto;
		}
		.esg-check4 .checkmark img {
			width: auto;
			height: auto;
			max-height: 53px;
			padding: 0 5px 0 5px;
			}
	.esg-right2,
	.esg-right3,
	.esg-right4,
	.esg-right5,
	.esg-right6 {
		display: none;
		}






/* people */
#results-all,
.people {
	display: none;
	}

.peoplegrid {
	position: relative;
	margin: 0 16px 0 0;
	width: 220px;
	min-height: 220px;
	float: left;
	font-family: 'Montserrat';
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #53565a;
	}
	.title1,
	.title2,
	.title3 {
		margin: 0 !important;
		}
	.peoplegrid a {
		color: #53565a;
		font-weight: 400;
		}
	.peoplegrid a:hover {
		text-decoration: none;
		}
	.peoplegrid img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
		}	
	.peoplegrid:hover  {
		opacity: .5;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-khtml-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}	
	.people-last {
		margin: 0 0px 0 0 !important;
		}
.isotope {
	position: relative;
	margin: 0 auto 30px auto;
	}
	.ui-group {
		margin: 0 0 40px 0;
		width: 100%;
		height: 60px;
		background: #de7c00;
		font-family: 'Montserrat';
		font-size: 12px;
		line-height: 14px;
		font-weight: 700;
		text-transform: uppercase;
		}
	.button-pro,	
	.button {
		display: block;
		padding: 23px 25px 0 25px;
		height: 60px;
		border-right: 1px solid #bd6a00;
		cursor: pointer;
		float: left;
		color: #fff;
		}
		.button-pro:hover,	
		.button:hover {
			background: #53565a;
			-o-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-khtml-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			-ms-transition: all 0.2s linear;
			transition: all 0.2s linear;
			}
		.button-on {
			background: #53565a;
			}
		.button-first {
			border-left: 1px solid #bd6a00; 
			}
		.button-center {
			padding-top: 18px;
			text-align: center;
			}	
	.portgroup {
		height: 100px;
		}
	.portgroup .button-pro,	
	.portgroup .button {
		padding: 0 15px 0 15px;
		max-width: 129px;
		height: 100px;
		}
	.portgroup .button-reset {
		max-width: 132px;
		}
	.portgroup .reset-wide {
		max-width: 128px;
		}
		
.btn-people1 {
	border-left: 1px solid #bd6a00;
	}
.btn-people-off {
	line-height: 20px;
	height: 10px;
	border: none;
	padding: 0;
	margin: 0;
	color: #de7c00;
	float: left;
	}
.btn-people-div {
	float: left;
	}
	.link-on,
	.btn-people-off:hover {
		color: #53565a;
		background: none;
		}			
.intro {
	padding: 135px 0 0 0;
	margin: 0 0 10px 0;
	font-family: 'Montserrat';
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	}
	.intro h1 {
		color: #53565a;
		font-size: 42px;
		padding: 0;
		}
.name {
	padding: 0 !important;
	}
.pos-title {
	padding: 0 0 20px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: 600;
	color: #989a9c;
	}		
		
/* portfolio */
.view-all-container {
	float: left;
	width: 100px;
	height: 100px;
	border-left: 1px solid #bd6a00; 
	}
	.view-all {
		float: none;
		width: 100px;
		height: 33px !important;
		text-align: center;
		}
	.view-all-middle {
		float: none;
		width: 100px;
		height: 34px !important;
		border-top: 1px solid #bd6a00; 
		border-bottom: 1px solid #bd6a00; 
		border-left: none;
		text-align: center;
		}
.portgrid {
	margin: 0 16px 16px 0;
	width: 220px;
	height: 144px;
	min-height: 144px;
	border: 1px solid #e5e6e6;
	}
	.portgrid a {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: color; /* IE5+ */
		-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
		-webkit-transition: all .2s ease-in-out;
		}
	.portgrid:hover {
		opacity: 1;
		}
	.portgrid a:hover {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: gray; /* IE5+ */
		-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
		-webkit-transition: all .2s ease-in-out;
		opacity: .7;
		}
.news a {
	font-weight: 600;
	}
.news {
	line-height: 24px;
	}
						
/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin: 50px 0 0 0;
	width: 100%; 
	height: 140px;
	background: #53565a;
	color: #989A9C;
	font-size: 10px;
	line-height: 12px;
	}
	.footer-home {
		margin: 0 !important;
		}
	.col1 {
		padding: 17px 0 0 0;
		width: 85%;
		float: left;
		}
	.col2 {
		padding: 27px 0 0 0;
		width: 15%;
		float: right;
		text-align: right;
		}
		.back-to-top {
			padding: 0 0 0 0;
			background: url(images/arrow-up.png) no-repeat right center;
			}
		.back-to-top:hover {
			background: url(images/arrow-up-on.png) no-repeat right center;
			}
		.footnote {
			color: #707172;
			clear: both;
			padding: 65px 0 0 0;
			}	
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#footer ul li {
		padding: 0 17px 0 0;
		float: left;
		}	
	#footer a {
		padding: 0 18px 0 0;
		font-family: 'Montserrat';
		font-size: 12px;
		line-height: 14px;
		font-weight: 400;
		text-transform: uppercase;
		color: #989A9C;	
		}
	#footer a:hover {
		color: #64676B;
		text-decoration: none;
		}	
		#footer ul li a {
			display: block;
			margin-top: 10px;
			background: url(images/footer-div.png) no-repeat right center;
			}
		#footer ul li.linkedin a {
			margin: 3px;
			padding: 0;
			width: 27px;
			height: 27px;
			background: url(images/linkedin-off.png) no-repeat right center;
			}
		#footer ul li.linkedin a:hover {
			background: url(images/linkedin-on.png) no-repeat right center;
			}
#copyright {
	position: relative;
	padding: 0 0 0 0;
	width: 100%; 
	height: 48px;
	background: #4c4f53;
	color: #858789;
	font-size: 10px;
	line-height: 10px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	}	
	#copyright .content-container {
		padding-top: 18px;
		}
	#copyright a {
		color: #bcbab9;
		}
	#copyright a:hover {
		color: #979492;
		}	

/* -------------------------------------------------------------------------------------------------------------- */
/* css for misc items --------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	}
.alignright {
	margin: 0 0 10px 30px;
	float: right;
	}
.alignleft {
	margin: 0 0px 0px 0;
	float: left;
	}
	.alignnone {
		margin: 0;
		}
	.last {
		margin: 0;
		}
	.lastpic {
		float: left;
		margin: 0;
		}
	.wp-caption {
		float: left;
		width: 380px !important;
		margin-right: 10px;
		}	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}



/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 1550px)  {

.box-approach .box-rollover {
	height: 260px;
	}

}

/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 1100px) 
and (max-width : 1280px) {

.name {
	margin-top: -15px !important;
	}

#header {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
.orange-text {
	padding: 35px 20px 0 50px;
	width: 770px;
	}
	.orange-text hr {
		margin: 15px 0 20px 0;
		}
.content-container {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	.content-container img {
		margin-bottom: 20px;
		}
.carousel .container {
	width: 94%;
	padding: 0 0 0 6%;
	}
.text-padding p {
	padding-right: 0px;
	clear: both;
	}	
.text-padding ul {
	padding-right: 0px;
	}	
.content-left-narrow {
	width: 35%;
	}
.content-right-wide {
	width: 65%;
	}
	.content-right-wide p {
		padding-right: 0px;
		}
.bio-left {
	width: 35%;
	height: 288px;
	}
.bio-right {
	padding: 31px 40px 40px 40px;
	width: 65%;
	height: 288px;
	}
.content-left-port {
	width: 25%;
	}
.content-right-port {
	width: 75%;
	}
	.content-right-port p {
		padding-right: 0px;
		}
.port-left {
	width: 25%;
	height: 197px;
	}
	.port-left img {
		width: 100%;
		height: auto;
		}
.port-right {
	padding: 40px;
	width: 75%;
	height: 197px;
	}
	.content-right-about-container {
		width: 600px;
		margin: 50px 0 0 60px;
		}
.content-left-about {
	min-height: 950px;
	}
	.subtitle {
		margin: 0 83px 0 5%;
		}	
	.subtitle2 {
		margin: 0 189px 0 5%;
		}	
	.view-all-container,
	.portgroup .button-pro,	
	.portgroup .button {
		max-width: 10%;
		}
	.view-all-container .button-pro
	.view-all-container .button {
		max-width: 100%;
		}

}


/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 1000px) 
and (max-width : 1100px) {

.name {
	margin-top: -15px !important;
	}


#header {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
.orange-text {
	padding: 25px 20px 0 50px;
	width: 670px;
	}
	.orange-text hr {
		margin: 15px 0 20px 0;
		}
.content-container {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	.content-container img {
		margin-bottom: 20px;
		}
.carousel .container {
	width: 94%;
	padding: 0 0 0 6%;
	}
.text-padding p {
	padding-right: 0px;
	clear: both;
	}	
.text-padding ul {
	padding-right: 0px;
	}	
.content-left-narrow {
	width: 35%;
	}
.content-right-wide {
	width: 65%;
	}
	.content-right-wide p {
		padding-right: 0px;
		}
.bio-left {
	width: 35%;
	height: 288px;
	}
.bio-right {
	padding: 31px 40px 40px 40px;
	width: 65%;
	height: 288px;
	}
.content-left-port {
	width: 25%;
	}
.content-right-port {
	width: 75%;
	}
	.content-right-port p {
		padding-right: 0px;
		}
.port-left {
	width: 25%;
	height: 197px;
	}
	.port-left img {
		width: 100%;
		height: auto;
		}
.port-right {
	padding: 40px;
	width: 75%;
	height: 197px;
	}
	.content-right-about-container {
		width: 550px;
		margin: 50px 0 0 60px;
		}
.content-left-about {
	min-height: 1020px;
	}
	.subtitle {
		margin: 0 63px 0 5%;
		}	
	.subtitle2 {
		margin: 0 169px 0 5%;
		}	
	.view-all-container,
	.portgroup .button-pro,	
	.portgroup .button {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;		
		max-width: 10%;
		}
	.view-all-container .button-pro,
	.view-all-container .button {
		max-width: 100%;
		}


}

/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 900px) 
and (max-width : 1000px) {

.name {
	margin-top: -15px !important;
	}


#header {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	#mainnav ul li {
		padding: 0 0 0 18px;
		}
	#mainnav ul li a {
		font-size: 13px;
		line-height: 14px;
		}	
.orange-text {
	padding: 25px 20px 0 50px;
	width: 570px;
	font-size: 16px;
	line-height: 24px;
	}
	.orange-text hr {
		margin: 15px 0 20px 0;
		}
.content-container {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	.content-container img {
		margin-bottom: 20px;
		}
.carousel .container {
	width: 94%;
	padding: 0 0 0 6%;
	}
.text-padding p {
	padding-right: 0px;
	clear: both;
	}	
.text-padding ul {
	padding-right: 0px;
	}	
.content-left-narrow {
	width: 35%;
	}
.content-right-wide {
	width: 65%;
	}
	.content-right-wide p {
		padding-right: 0px;
		}
.bio-left {
	width: 35%;
	height: 288px;
	}
.bio-right {
	padding: 31px 40px 40px 40px;
	width: 65%;
	height: 288px;
	}
.content-left-port {
	width: 25%;
	}
.content-right-port {
	width: 75%;
	}
	.content-right-port p {
		padding-right: 0px;
		}
.port-left {
	width: 25%;
	height: 197px;
	}
	.port-left img {
		width: 100%;
		height: auto;
		}
.port-right {
	padding: 40px;
	width: 75%;
	height: 197px;
	}
	.content-right-about-container {
		width: 450px;
		margin: 50px 0 0 60px;
		}
.content-left-about {
	min-height: 1070px;
	}
	.subtitle {
		margin: 0 30px 0 5%;
		}	
	.subtitle2 {
		margin: 0 136px 0 5%;
		}	
	.view-all-container,
	.portgroup .button-pro,	
	.portgroup .button {
		max-width: 10%;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;		
		}
	.portgroup .button-pro,	
	.portgroup .button {
		padding: 0px 5px 0 5px;
		}
	.view-all-container .button-pro,
	.view-all-container .button {
		max-width: 100%;
		}


}

/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 800px) 
and (max-width : 900px) {

.name {
	margin-top: -15px !important;
	}

#header {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	#mainnav ul li {
		padding: 0 0 0 9px;
		}
	#mainnav ul li a {
		font-size: 12px;
		line-height: 14px;
		}	
.orange-text {
	padding: 25px 0px 0 50px;
	width: 470px;
	font-size: 16px;
	line-height: 24px;
	}
	.orange-text hr {
		margin: 15px 0 20px 0;
		}
.content-container {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	}
	.content-container img {
		margin-bottom: 20px;
		}
	#footer ul li {
		padding: 0 13px 0 0;
		}	
	#footer a {
		font-size: 11px;
		line-height: 14px;
		}
.carousel .container {
	width: 94%;
	padding: 0 0 0 6%;
	}
	.carousel-caption {
  		bottom: 55px;
  		z-index: 10;
		}
	.carousel-caption h1 {
 		font-size: 28px;
 		line-height: 28px;
 		}
	.carousel-caption p {
		padding-right: 100px;
		}
.text-padding p {
	padding-right: 0px;
	clear: both;
	}	
.text-padding ul {
	padding-right: 0px;
	}	
.content-left-narrow {
	width: 35%;
	}
.content-right-wide {
	width: 65%;
	}
	.content-right-wide p {
		padding-right: 0px;
		}
.bio-left {
	width: 35%;
	height: 288px;
	}
.bio-right {
	padding: 31px 40px 40px 40px;
	width: 65%;
	height: 288px;
	}
.content-left-port {
	width: 25%;
	}
.content-right-port {
	width: 75%;
	}
	.content-right-port p {
		padding-right: 0px;
		}
.port-left {
	width: 25%;
	height: 197px;
	}
	.port-left img {
		width: 100%;
		height: auto;
		}
.port-right {
	padding: 40px;
	width: 75%;
	height: 197px;
	}
	.content-right-about-container {
		width: 450px;
		margin: 50px 0 0 60px;
		}
.content-left-about {
	min-height: 1070px;
	}
	.subtitle {
		margin: 0 0px 0 5%;
		}	
	.subtitle2 {
		margin: 0 96px 0 5%;
		}	
	.view-all-container,
	.portgroup .button-pro,	
	.portgroup .button {
		max-width: 10%;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;		
		}
	.portgroup .button-pro,	
	.portgroup .button {
		padding: 0px 5px 0 5px;
		}
	.view-all-container .button-pro,
	.view-all-container .button {
		max-width: 100%;
		}

}




/* Mobile portrait and landscape ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 800px) {

.banner-alert {
	height: 50px;
	font-size: 13px;
	line-height: 16px;
	}


.mobile-hide {
	display: none;
	}
#mobile-navbar {
	display: inherit;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 60px;
	background: #53565a url(images/mobile-nav.png) no-repeat right 10px;
	cursor: pointer;
	}	
	#mobilenav {
		position: fixed;
		padding: 0;
		top: 60px;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 99999;
		background: #53565a;
		}
		#mobilenav ul {
			display: block;
			padding: 0 0 0 0;
			margin: 0;
			list-style: none;
			}
		#mobilenav ul li {
			padding: 0;
			margin: 0;
			list-style: none;
			background: none;
			}
		#mobilenav ul li a {
			display: block;
			margin: 0;
			padding: 0px 20px 28px 20px;
			font-family: 'Montserrat';
			font-size: 18px;
			font-weight: 300;
			line-height: 15px;
			letter-spacing: 0;
			color: #ffffff;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			}
			#mobilenav ul li a.last {
				border-bottom: 5px solid #c76528;
				}
		#mobilenav ul li a:hover {
			color: #de7c00;
			text-decoration: none;
			}
		#mobile-search {
			display: block;
			position: relative;
			margin: 0 20px 10px 20px;
			border-top: 1px solid #fff;
			}
			#mobile-search .text-field-search {
				margin: 20px 0 10px 0;
				padding: 0 0 0 1%;
				width: 100%;
				height: 35px;
				border: 0;
				background: #ffffff url(images/search-on.png) no-repeat right center;
				vertical-align: top;
				border-radius: 0;
				outline: none;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 600;
				color: #53565a;
				}

#outer {
	width: 100%;
	}
#top-home {
	height: 1px !important;
	}
#top {
	height: 58px;
	}
#header {
	padding: 0 3% 0 3%;
	width: 94%;
	}
	
	#logo {
		padding: 17px 0 0 0;
		}
	#top-home #logo {
		padding: 23px 0 0 0;
		}
		#logo img {
			width: 70%;
			height: auto;
			}			
		#mainnav {
			display: none;
			}
	.orange-band {
		height: auto;
		}
	.orange-band .content-container {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto 0 auto !important;	
		}
		.orange-photo {
			position: relative;
			float: none;
			width: 100%;
			max-height: 250px;
			overflow: hidden;
			}
			.orange-photo img {
				margin-top: -50px;
				overflow: hidden;
				}
		.orange-text {
			position: relative;
			padding: 25px 3% 25px 3%;
			width: 94%;
			float: none;
			font-size: 15px;
			line-height: 22px;
			}	
			.orange-text hr {
				margin: 15px 0 20px 0;
				}
.title {
	height: 180px;
	padding: 130px 0 0 0;
	margin: 0 0 50px 0;	
	}
.content-container {
	width: 94%;
	padding: 0 3% 0 3%;
	}
	.content-container img {
		margin-bottom: 20px;
		width: 100%;
		height: auto;
		}
	.three-col {
		margin: 40px 0 40px 0;
		padding: 0 7% 0 7%;
		width: 100%;
		float: none; 
		}	
		.three-col p {
			padding: 0 0 12px 0;
			}
		.middle-col {
			border-left: none;
			border-right: none;
			}

.carousel .container {
	width: 94%;
	padding: 0 0 0 6%;
	}
.carousel {
	margin-top: 60px;
	}
	.carousel-indicators {
		display: none;
		}
	.carousel-caption {
  		bottom: 0px;
		}
	.carousel-caption h1 {
		padding-left: 7px;
 		font-size: 20px;
 		line-height: 22px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
 		}
	.carousel-caption p {
		padding-left: 7px;
		padding-right: 0px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 16px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
		}
	.carousel-caption a {
		font-size: 11px;
		line-height: 13px;
		padding-left: 0;
		}
.text-padding p {
	padding-right: 0px;
	clear: both;
	}	
.text-padding ul {
	padding-right: 0px;
	}	
	
/* login box */
	.login-container hr {
		margin-top: 25px;
		margin-bottom: 0;
		}
	.login-name {
		margin: 8px 0 5px 0;
		width: 100%;
		float: none;
		}
		.login-box input {
			border: 0;
			margin: 0;
			padding: 0 0 0 5px;
			background: #fff;
			width: 222px;
			height: 30px;
			}
	.login-box {
		margin: 0 0 10px 0;
		width: 100%;
		float: none;
		}
	.login-submit {
		width: 100%;
		float: none;
		}
.hero-top,
.wide-photo-top {
	position: relative;
	width: 100%;
	margin-top: 60px;
	}
	.wide-photo-top img,
	.wide-photo img {
		width: 100%;
		height: auto;
		}			
	.wide-photo-top h1,
	.wide-photo h1 {
		font-size: 22px;
		line-height: 28px;
		width: 100%;
		position: absolute;
		bottom: 15px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(0, 0, 0, .7);
		}			
.content-left {
	width: 100%;
	padding: 0 0 0 0;
	float: none;
	border-right: none;
	}
.content-right {
	width: 100%;
	padding: 0 0 0 0;
	float: none;
	}
.content-left-narrow {
	width: 100%;
	float: none;
	}
.content-right-wide {
	width: 100%;
	float: none;
	}
	.content-right-wide p {
		padding-right: 0px;
		}
.content-left-port {
	width: 100%;
	float: none;
	}
.content-right-port {
	width: 100%;
	float: none;
	}
	.content-right-port p {
		padding-right: 0px;
		}
.bionav {
	padding: 58px 0 0 0;
	margin: 0 0 50px 0;
	background: #de7c00;
	height: 118px;
	}
.bio-left {
	margin: 0;
	width: 100%;
	float: none;
	}
	.bio-left img {
		width: 100%;
		height: auto;
		}
.bio-right {
	width: 100%;
	float: none;
	height: auto;
	}
.port-left {
	width: 100%;
	float: none;
	height: auto;
	}
	.port-left img {
		width: 100%;
		height: auto;
		}
.port-right {
	width: 100%;
	float: none;
	height: auto;
	}
/* contact */
.contact-col1 {
	width: 100%;
	float: none;
	}
.contact-col2 {
	width: 100%;
	float: none;
	margin: 15px 0 35px 0;
	}
.contact-col3 {
	width: 100%;
	float: none;
	}
.about-pic1 {
	display: none;
	width: 100%;
	float: none;
 	min-height: 280px;
	}	
.about-pic2 {
	display: none;
	width: 100%;
	float: none;
 	min-height: 280px;
	}	
.about-pic3 {
	display: none;
	width: 100%;
	float: none;
 	min-height: 280px;
	}	
.content-left-about {
	width: 100%;
	float: none;
	background: #53565a;
	min-height: 100px;
	}
	.content-left-about-container {
		padding: 20px 0 0 10%;
		margin: 0px 0 0 0;
		text-align: left;
		}
	.subtitle {
		margin: 0 0px 0 5%;
		}	
	.subtitle2 {
		margin: 0 0 0 5%;
		}	
.content-right-about {
	width: 100%;
	float: none;
	}
	.content-right-about-container {
		width: 80%;
		margin: 50px 10% 0 10%;
		}
.approach1 {
	width: 100%;
	padding-bottom: 30px;
	float: none;
	}
.approach2 {
	margin: 0;
	width: 100%;
	padding-bottom: 30px;
	float: none;
	}
.approach3 {
	width: 100%;
	float: none;
	}
	.lower-title {
		padding: 28px 0 0 0;
		height: 70px;
		}
		.lower-title h1 {
			font-size: 15px;
			line-height: 15px;
			}
.box-approach {
	width: 100%;
	height: 260px;
	}
.box {
	padding: 115px 0 0 0;
	}
.box-approach .box-rollover {
	padding: 20px 20px 20px 20px;
	width: 100%;
	height: 260px;
	}
	.box-approach .box-rollover p {
		font-size: 13px;
		line-height: 17px;
		}
	.box-approach .box-rollover h3 {
		font-size: 17px;
		line-height: 20px;
		}
	.box-approach .box-rollover a {
		font-size: 12px;
		line-height: 12px;
		}
	#box1 .box-rollover,
	#box2 .box-rollover,
	#box3 .box-rollover,
	#box4 .box-rollover,
	#box5 .box-rollover,
	#box6 .box-rollover,
	#box7 .box-rollover,
	#box8 .box-rollover {
		top: 0;
		left: 0;
		}


		
/* people */
.isotope {
	display: table;
	width: 220px;
	margin: 0 auto 0 auto;
	text-align: center;
	}
	.isoport {
		width: 300px !important;
		}
.peoplegrid {
	width: 100%;
	float: none;
	}
.portgrid {
	width: 100% !important;
	height: 197px !important;
	float: none;
	}
	.title1,
	.title2,
	.title3 {
		margin: 0 !important;
		}
	.peoplegrid a {
		color: #53565a;
		}
	.peoplegrid:hover  {
		opacity: 1;
		}	
	.peoplegrid a:hover {
		text-decoration: none;
		}
	.peoplegrid img {
		width: 100%;
		height: auto;
		margin-bottom: 5px !important;
		padding-bottom: 0 !important;
		}	
	.people-last {
		margin: 0 0px 0 0 !important;
		}
	.ui-group {
		height: auto;
		width: 100%;
		background: #de7c00;
		}
		.ui-group .content-container {
			padding: 0;
			margin: 0;
			width: 100%;
			}
		.portgroup {
			background: #de7c00;
			}
	.portgroup .button-pro,	
	.portgroup .button {
		width: 100% !important;
		max-width: 100% !important;
		padding: 10px 15px 10px 15px !important;
		height: 34px !important;
		font-size: 11px; 
		float: none;
		text-align: center;
		border-right: none;
		border-bottom: 1px solid #bd6a00;
		}
	.button-pro,
	.button {
		width: auto !important;
		max-width: auto !important;
		padding: 10px 15px 10px 15px !important;
		height: 34px !important;
		font-size: 11px; 
		float: none;
		text-align: center;
		border-right: none;
		border-bottom: 1px solid #bd6a00;
		}
		.button-first {
			border-left: none; 
			}
		.btn-people1 {
			border-left: none; 
	}
		.view-all-middle {
			border-top: none;
			}
.view-all-container {
	width: auto;
	height: auto;
	}
	.view-all {
		width: 100px !important;
		padding: 0 0 0 0 !important;
		height: 50px !important;
		text-align: left;
		}
	.view-all-middle {
		width: 100px !important;
		padding: 0 0 0 0 !important;
		height: 50px !important;
		text-align: left;
		border-top: none; 
		border-bottom: none; 
		border-left: none;
		}
.box-button {
	display: block; 
	top: auto; 
	width: 100%;
	height: 34px;
	vertical-align: middle;
	text-align: center;
	}
.box-inner {
	top: auto;
	}
.box2 {
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	}	
.box-button2 {
	width: 100px;
	height: 50px;
	}

.intro {
	padding: 100px 0 0 0;
	}
	.intro h1 {
		font-size: 32px;
		line-height: 40px;
		}
.port-people {
	margin: 0px 0 40px 0;
	width: 100%;
	}
	.sector-leads {
		padding: 15px 45px 0 20px;
		float: none;
		border-right: none;
		background: none;
		}
	.sector-people {
		padding: 15px 20px 15px 20px;
		float: none;
		line-height: 20px;
		}
	.btn-people-off {	
		height: 10px;
		border: none;
		padding: 0 !important;
		margin: 0 !important;
		font-family: 'Montserrat' !important;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		float: left;
		}




#mobile-top {
	display: block;
	position: relative;
	margin: 50px 0 0 0;
	padding: 13px 0 13px 0;
	width: 100%;
	height: 68px;
	background: #4c4f53 url(images/back-to-top.png) no-repeat center center;
	text-align: center;
	cursor: pointer;
	}
#footer {
	margin: 0;
	height: 190px;
	}
	.col1 {
		padding: 17px 0 0 0;
		width: 100%;
		float: none;
		text-align: center;
		}
	.col2 {
		display: none;
		}
		.back-to-top {
			display: none;
			}
		.footnote {
			clear: both;
			border-top: 1px solid #77797c;
			padding: 15px 0 0 0;
			}	
	#footer ul {
		display: block; 
		text-align:center;
		}
	#footer ul li {
		padding: 0 5px 0 0;
		display: inline-block;
		float: none;
		}	
		#footer ul li a {
			display: block;
			margin-top: 10px;
			background: url(images/footer-div2.png) no-repeat right center;
			}
		#footer ul li.linkedin a,
		#footer ul li.linkedin a:hover {
			width: 100%;
			background: url(images/linkedin-off.png) no-repeat center center;
			}
		#footer ul li.linkedin {
			padding: 10px 0 30px 0;
			width: 100%;
			}
		#footer ul li.privacy a {
			padding-right: 0;
			background: none;
			}
			


}


	
		@media screen and (max-width: 1300px) {
			.hero-text h1 {
				font-size: 3.7vw;
				line-height: 4.6vw;
				}
			.hero-text h2 {
				font-size: 2.9vw;
				line-height: 3.9vw;
				}
			}		
		@media screen and (min-width: 1300px) {
			.hero-text h1 {
				font-size: 46px;
				line-height: 55px;
				}
			.hero-text h2 {
				font-size: 36px;
				line-height: 46px;
				}
			}		
		@media screen and (max-width : 1070px) {
			.video-container {
				height: 600px; 
				overflow: hidden;
				}	
				video {
					height: 600px; 
					width: auto;
					}
			.hero-footnote {
				bottom: 0px; 
				}
			.footclose {
				top: -20px;
				right: 1px;
				}
			.esg-check3 .checkmark {
				padding: 10px 0 20px 0 !important;
				}
			.esg-check4 .checkmark {
				margin-left: 0; 
				margin-right: 0;
				}
			.esg-check {
				top: 110px;
				width: 90%;
				padding: 40px 5% 40px 5%;
				}
			}		
		@media screen and (max-width : 800px) {
			.box-esg {
				width: 100%;
				}
			#box1-esg .box-rollover,
			#box2-esg .box-rollover,
			#box3-esg .box-rollover,
			#box4-esg .box-rollover,
			#box5-esg .box-rollover,
			#box6-esg .box-rollover {
				top: 0;
				left: 0;
				width: 100%;
				font-size: 14px;
				line-height: 20px;
				}
			#box5-esg {
				display: none;
				}
			.esg-check {
				font-size: 16px;
				line-height: 27px;
				top: 45px;
				width: 100%;
				padding: 40px 5% 20px 5%;
				}
			.esg-left-text-mobile {
				display: block;
				}
			.esg-left {
				display: none;
				}	
			.esg-right {
				width: 100%;
				}
			.esg-right-text {
				position: relative;
				min-height: 620px;
				}	
			.checkmark {
				padding: 0 0 20px 0;
				}	
				.esg-check3 .checkmark {
					padding: 0px 0 20px 0 !important;
					}
				.esg-check4 .checkmark {
					margin-left: 0; 
					margin-right: 0;
					padding: 20px 0 20px 0;
					}
			.checkmark img {
				padding: 0 0 0px 0;
				}
			.hero-text {
				right: 0;
				}
			.hero-title,
			.hero-sub-text {
				width: 100%;
				max-width: 400px;
				padding-right: 0px;
				text-align: left;
				float: none; 
				}
			.hero-text h1 {
				text-align: center;
				font-size: 26px;
				line-height: 30px;
				}
			.hero-text h2 {
				margin-top: 15px;
				font-size: 22px;
				line-height: 30px;
				}
			.hero-title {
				text-align: center;
				}
			.footnote-btn {
				font-size: 12px;
				}
			.footnote1 {	
				height: 300px !important; 
				}
			.focused-intro h3 {
				font-size: 36px;
				line-height: 40px !important;
				text-align: center;
				}
			.focused-text {
				text-align: center;
				margin-left: 0;
				}	
			}
		@media screen and (max-width : 480px) {
			#box1-esg .box-rollover,
			#box2-esg .box-rollover,
			#box3-esg .box-rollover,
			#box4-esg .box-rollover,
			#box5-esg .box-rollover,
			#box6-esg .box-rollover {
				top: 0;
				left: 0;
				width: 100%;
				font-size: 12px;
				line-height: 15px;
				}
			body {
				font-size: 18px;
				line-height: 30px;
				}
			.esg-check {
				font-size: 15px;
				line-height: 24px;
				}
				.esg-check3 {
					padding: 15px 0 10px 0 !important;
					font-size: 15px;
					line-height: 22px;
					}
			.hero-text {
				right: 0%;
				width: 70%;
				}
			.hero-text h1 {
				text-align: left; 
				padding: 0;
				font-size: 26px;
				line-height: 30px;
				}
			.hero-text h2 {
				font-size: 22px;
				line-height: 26px;
				}
			.footnote-btn {
				font-size: 12px;
				}
			.footnote1 {	
				height: 400px !important; 
				}
			}

		@media screen and (min-width : 900px) and (max-height : 800px) {
			
			.box-esg .box-rollover {
				font-size: 15px;
				line-height: 22px;
				}
			.esg-check {
				font-size: 15px;
				min-height: 412px;
				line-height: 24px;
				top: 0px;
				width: 100%;
				padding: 20px 2% 10px 2%;
				}
			.esg-left {
				width: 33%;
				}
			.esg-right {
				width: 67%;
				min-height: 1px;
				max-height: 412px;
				}
				.esg-left-text-mobile,
				.esg-left-text {
					min-height: 67px;
					}
				.esg-left-text-mobile p,
				.esg-left-text p {
					padding: 10px 0 0 20px;
					font-size: 16px;
					line-height: 21px;
					}
					.esg-left5 p {
						padding: 5px 0 5px 20px;
						}
			
			#box5-esg .box3 {
				padding: 65px 10% 0 10%;
				}	
			#box5-esg h3 {
				font-size: 22px;
				line-height: 28px;
				}	
			#box5-esg p {
				font-size: 16px;
				line-height: 20px;
				}	
		
			}