@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}

body {font-family: 'Lato', sans-serif; font-size:1.8rem;}
a {text-decoration:none; color:inherit;}
h1 {font-size:3rem; line-height:1;}
h2 {font-size:1.9rem; line-height:1;}
h3 {font-size:1.8rem; line-height:1;}
.site-wrapper {
	background-color: white;
	width: 100%;
}
.section-separator {
	height: 3rem;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pLR4rem{padding:0 4rem;}

/* header */
.header {
	color: white;
	text-align: center;
}
.header .menu.on {max-height:800px;  -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index:1002;}
.header .menu {max-height:0; overflow:hidden; background:#e3e3e3; position:fixed; width:100%;}
.header .menu .logo {display:none;}
.header .menu .item {color:#1f2857; font-size:1.8rem; text-align:left; padding:1.5rem 8.5%;text-transform:uppercase;}
.header .menu .item.on {color:#0FA0CE;}
.header .banner {
	display:none;
	color:white;
	text-align:center;
}
.header .banner .overlay{
	background:rgba(0,0,0,0.5);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.header .mob-banner {
	width: 100%;
	height: 40rem;
}
.header .mob-banner .overlay{
	background:rgba(0,0,0,0.5);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.header .title {font-weight:bold; text-transform:uppercase; line-height:1.3; text-align:center; letter-spacing:1;}
.header .slogan {font-size:1.8rem; padding:0 10%;}

/* burger menu button */
.header .burger {position:fixed; overflow:hidden; top:3rem; right:3rem; width:50px; height:46px; font-size:0; text-indent:-9999px; appearance:none;box-shadow:none; border-radius:none; border:none; cursor:pointer; transition:background 0.3s; z-index:1003;}
.header .burger:focus {outline:none;}
.header .burger span {display:block; position:absolute; top:18px; left:1px; right:1px; height:6px; background:#0FA0CE; border-radius:2px;}
.header .burger span::before,
.header .burger span::after {position:absolute; display:block; left:0; width:100%; height:6px; background-color:#0FA0CE; content:""; border-radius:2px;}
.header .burger span::before {top:-13px; }
.header .burger span::after {bottom:-13px;}

/* burger menu transition effect */
.header .burger span {transition: background 0s 0.3s;}
.header .burger span::before,
.header .burger span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.header .burger span::before {transition-property: top, transform;}
.header .burger span::after {transition-property: bottom, transform;}
.header .burger.on span {background: none;}
.header .burger.on span::before {top: 0; transform: rotate(45deg);}
.header .burger.on span::after {bottom: 0;transform: rotate(-45deg);}
.header .burger.on span::before,
.header .burger.on span::after {transition-delay: 0s, 0.3s;}

/* burger menu */
.header .burger-menu {max-height:0;}
/*.header .burger-menu {z-index:1002; position:absolute; left:0; padding:0 5%; width:100%; max-height:0; overflow:hidden; background:url(../images/burger-dropdown-bg.jpg) center center / cover no-repeat; transition:all 300ms ease-out;}
.header .burger-menu.on {max-height:100rem; padding:3rem 5% 2rem 5%;}
.header .burger-menu a {display:block; width:100%; font-size:2.5rem; margin-bottom:1rem; letter-spacing:0.1rem; font-family:'alternategotno2d'; color:#fff; text-decoration:none; text-transform:uppercase;}
.header .burger-menu a:hover {color:#f8d200;}
.header .burger-menu .language-icon {background:url(../images/language-mobile.png) 0 2rem no-repeat; padding: 2rem 0 0 5rem; background-size:1.8rem 1.8rem; margin: 2rem 50% 0 0; border-top:1px solid #fff;}
.header .burger-menu .language-icon a {font-family: 'Montserrat-Regular'; font-size:1.2rem; cursor:pointer; text-transform:uppercase;}
.header .burger-menu .language-icon a.on {color:#f8d200;}*/

/* footer */
.footer-bar {
	height: 5px;
	background-color: rgba(32,41,88,0.7);
}
.footer {
	background-color: #202958;
	color: white;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.footer .main {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.footer .main .navmenu {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-transform:uppercase;
	color:white;
	margin-top:1.5rem;
	font-size:1.8rem;
	letter-spacing:0.5;
}
.footer .main .navmenu .item {margin:0 2.5rem; margin-top:1rem;}
.footer .main .navmenu .item.on {color:#0FA0CE;}
.footer .copyright {
	margin-top:6rem;
	padding: 1rem 9%;
	text-align:left;
	font-size: 1.1rem;
}

/* all page sections */
.page-container .section {
/*	height:65rem;*/
	color: white;
}
.page-container .section.margin-only
{
	height:auto;
}	
.page-container .section .content {
	height: 100%;
	margin: 0 10%;
	padding: 0rem 2.5rem;
	background-color: rgba(0,41,135,0.7);
	font-size: 1.8rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.page-container .section .heading {
	/*padding-top: 6rem;*/
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: 1.2;
	margin-bottom: 5rem;
	text-transform: uppercase;
}
.page-container .section .heading span {
	padding-bottom: 1.5rem;
	border-bottom: 2px solid white;
}

/* homepage sections */
.home-container .section {height:87rem;}
.home-container .our-story {
	background: url(../images/home-our-story.jpg) center center / cover no-repeat;
}
.home-container .our-biz {
	background: url(../images/home-our-biz.jpg) center center / cover no-repeat;
}
.home-container .core-resp {
	background: url(../images/home-core-responsibilities.jpg) center center / cover no-repeat;
}
.home-container .core-recruitment {
	background: url(../images/home-recruitment.jpg) center center / cover no-repeat;
}
.home-container .content .more-btn {float:left; text-align:center; text-transform:uppercase; margin-top:4rem; font-size:1.6rem; cursor:pointer; border:2px solid white; padding: 5px 10px; width:60%;}
.home-container .content .more-btn:hover {color:rgba(0,41,135,1); text-decoration:none; background-color:white;}

/* responsibility sections */
.resp-container .social-comm {
	background: url(../images/resp-social.png) center center / cover no-repeat;
}
.resp-container .env-resp {
	background: url(../images/resp-env.png) center center / cover no-repeat;
}
.resp-container .education {
	background: url(../images/resp-edu.png) center center / cover no-repeat;
}

/* biz sections */
.biz-container .industries {
	background: url(../images/biz-ind.jpg) center top / cover no-repeat;
}
.biz-container .farms {
	background: url(../images/biz-farms.jpg) center top / cover no-repeat;
}
.biz-container .properties {
	background: url(../images/biz-prop.jpg) center top / cover no-repeat;
}
.biz-container .capital {
	background: url(../images/biz-cap.jpg) center top / cover no-repeat;
}
.biz-container .section {max-height:10rem; overflow:hidden; -moz-transition: max-height 0.3s ease-in-out; -webkit-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out;}
.biz-container .section.on {max-height:800rem;}
.biz-container .section .top {height:10rem; cursor:pointer;}
.biz-container .section .top .subtitle, 
.biz-container .section .top .controls {display:inline-block; height:10rem; width:50%; float:left;}
.biz-container .section .subtitle {text-transform:uppercase; text-align:left; background-color: rgba(0,41,135,0.7);}
.biz-container .section .subtitle h2 {padding:3.5rem 2rem 0 3rem;}
.biz-container .section .controls {text-align:right;}
.biz-container .section .controls span {margin-top:5rem; width:55%; float:right; border-top:4px solid white; padding-top:0.5rem; padding-right:2rem; font-size:3rem;}
.biz-container .section .controls .fa {-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.biz-container .section .controls.on .fa {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.biz-container .section .bottom {padding:4rem 0 4rem 0; background-color:rgba(0,0,0,0.4); }
.biz-container .section .bottom > div {width:100%; margin:0 auto;}
.biz-container .section .bottom .gallery {display:none;}
.biz-container .section .bottom .text .pLR4rem {padding:0 10%;}
.biz-container .section .bottom h3 {text-transform:uppercase;}

/* join page */
.join-container .section.oppo {height:98rem;}
.join-container .oppo .blk {height:100rem; display:inline-block; float:left;}
.join-container .oppo .left-blk {width:8.4%; background: url(../images/join-opp-left.jpg) center top / cover no-repeat;}
.join-container .oppo .right-blk {width:8.4%; background: url(../images/join-opp-right.jpg) center top / cover no-repeat;}
.join-container .oppo .center-blk {width:83.2%;}
.join-container .oppo .center-blk .heading {width:62%; padding-top:1rem; margin:4rem 0; background-color:rgba(0,41,135,0.7);}
.join-container .oppo .center-blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}
.join-container .oppo .center-blk p {color:black; padding:0 5%;}
.join-container .oppo .center-blk .join-btn {float:right; text-align:center; text-transform:uppercase; color:rgba(0,41,135,0.7); border:2px solid rgba(0,41,135,0.7); cursor:pointer; margin-right:5%;}
.join-container .oppo .center-blk .join-btn h3 {display:inline-block; padding:5px 10px; margin-bottom:0; font-size:1.6rem; letter-spacing:0.2; line-height:1.6;}
.join-container .oppo .center-blk .join-btn:hover {background:rgba(0,41,135,0.7); color:white; border:2px solid white;}

/* about page */
.about-container .section.story {height:116rem;}
.about-container .story .blk {height:118rem; display:inline-block; float:left;}
.about-container .story .left-blk {width:8.4%; background: url(../images/about-story-left.jpg) center top / cover no-repeat;}
.about-container .story .right-blk {width:8.4%; background: url(../images/about-story-right.jpg) center top / cover no-repeat;}
.about-container .story .center-blk {width:83.2%;}
.about-container .story .center-blk .heading {width:50%; padding-top:1rem; margin:4rem 0; background-color:rgba(0,41,135,0.7);}
.about-container .story .center-blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}
.about-container .story .center-blk p {color:black; padding:0 5%;}
.about-container .story .center-blk .stats {display:flex; color:black; padding:0 5%; justify-content:space-between; flex-direction:column;}
.about-container .story .center-blk .stats .item {display:flex; justify-content:flex-start; flex-direction:column; align-items:center; margin:10px 0;}
.about-container .story .center-blk .stats .item .top {text-transform:uppercase;}
.about-container .story .center-blk .stats .item .mid {font-size:3rem; line-height:0.8; margin:5px 0; font-weight:bold; letter-spacing:2;}
.about-container .story .center-blk .stats .item .mid > div {min-width:90px; text-align:center;}
.about-container .story .center-blk .stats .item .bottom {text-transform:uppercase; display:flex;}
.about-container .story .center-blk .stats .item .bottom > div {padding:0 7px;}
.about-container .story .center-blk .stats .item .count {visibility:hidden;}

.resp-container .section .content {padding:6rem 2.5rem;}
.resp-container .values .blk .heading {width:41.6%; padding-top:1rem; margin:4rem 0 4rem 0; background-color:rgba(0,41,135,0.7);}
.resp-container .values .blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}
.resp-container .values .items {color:#202958; padding:0 8.4%;}

.resp-container .values .items .item .name {font-size:1.6rem; font-weight:bold; margin-bottom:1rem; text-transform:uppercase;}
.resp-container .values .items .item .learn-more {display:none; cursor:pointer;}

.resp-container .values .bottom {margin-top:1rem; padding:0 3.5rem 3rem; text-align:left;}
.resp-container .values .bottom .subtitle {width:20%; color:#002987; font-size:1.7rem; text-transform:uppercase; font-weight:700;}
.resp-container .values .bottom .desp {width:80%; color:#202958; font-size:1.8rem;}

.about-container .section.timeline-history {height:auto;}
.about-container .timeline-history .blk .heading {width:60%; padding-top:1rem; margin:4rem 0 4rem 0; background-color:rgba(0,41,135,0.7);}
.about-container .timeline-history .blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}

.timeline-history .timeline-wrapper {width: 100%;}
.timeline-wrapper .timeline {display:none;}

.timeline-wrapper .carousel-wrapper {width:100%;}
.timeline-wrapper .carousel-wrapper .item {background-color:rgba(0,41,135,0.7);}
.timeline-wrapper .carousel-wrapper .item .year {border-bottom:2px solid rgb(0, 41, 135); margin:0 20px; padding:20px 0 10px; font-size:2.5rem;}
.timeline-wrapper .carousel-wrapper .item .desp {padding:10px 20px 20px 20px; min-height:245px;}

/*.about-container .section.global-reach {height:auto;}
.about-container .global-reach .blk .heading {width:60%; padding-top:1rem; margin:4rem 0 0 0; background-color:rgba(0,41,135,0.7);}
.about-container .global-reach .blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem;}
.about-container .global-reach .blk .map {position:relative; overflow:hidden;}
.about-container .global-reach .blk .map img {width:100%;  }
.about-container .global-reach .blk .map .counters {position:absolute; bottom:0; display:flex; width:100%; transform:translatey(100%);}
.about-container .global-reach .blk .map.on .counters {transform:translatey(0); -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;}
.about-container .global-reach .blk .map .counters h3, 
.about-container .global-reach .blk .map .counters p {color:#202958; text-transform:uppercase; text-align:center; font-weight:700; line-height:1.3;}
.about-container .global-reach .blk .map .counters h3 {font-size:2.8rem; margin-bottom:1.5rem;}
.about-container .global-reach .blk .map .counters p {font-size:1.2rem;}
.about-container .global-reach .blk .map .counters > div {width:33%; display:flex; flex-direction:column; justify-content:center; align-items:center;}*/

.about-container .organization {height:auto;}
.about-container .organization .blk .heading {width:64%; padding-top:1rem; margin:4rem 0 10rem 0; background-color:rgba(0,41,135,0.7);}
.about-container .organization .blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}
.about-container .organization .blk .org-chart {display:none; }
.about-container .organization .blk .org-chart img {width:100%;}
.about-container .organization .blk .m-org-chart {margin:8rem 8.4%; text-align:center;}
.about-container .organization .blk .m-org-chart img {width:100%;}

/* contact page */
.contact-container .section.contact{height:50rem;}
.contact-container .contact .blk {height:52rem; display:inline-block; float:left;}
.contact-container .contact .left-blk {width:8.4%; background: url(../images/contact-left.png) center top / cover no-repeat;}
.contact-container .contact .right-blk {width:8.4%; background: url(../images/contact-right.png) center top / cover no-repeat;}
.contact-container .contact .center-blk {width:83.2%;}
.contact-container .contact .center-blk .heading {width:53%; padding-top:1rem; margin:4rem 0; background-color:rgba(0,41,135,0.7);}
.contact-container .contact .center-blk .heading h2 {display:inline-block; border-bottom:4px solid white; line-height:1.5; margin-left:8%; margin-bottom:1.5rem; letter-spacing:1px;}
.contact-container .contact .center-blk p {color:black; padding:0 5%;}
.contact-container .contact .center-blk .contact-btn {float:right; text-align:center; text-transform:uppercase; color:rgba(0,41,135,0.7); border:2px solid rgba(0,41,135,0.7); cursor:pointer; margin-right:5%;}
.contact-container .contact .center-blk .contact-btn h3 {display:inline-block; padding:5px 10px; margin-bottom:0; font-size:1.6rem; letter-spacing:0.2; line-height:1.6;}
.contact-container .contact .center-blk .contact-btn:hover {background:rgba(0,41,135,0.7); color:white; border:2px solid white;}

.biz-container .owl-theme .owl-nav .owl-prev, .biz-container .owl-theme .owl-nav .owl-next {background:transparent !important; font-size:30px !important;}
.biz-container .owl-prev, .biz-container .owl-next {position:absolute; top:40%; z-index:100; font-size:2rem; cursor:pointer; color:#fff; background:transparent; }
.biz-container .owl-prev {left:60px;}
.biz-container .owl-next {right:60px;}

.about-container .owl-theme .owl-nav .owl-prev, 
.about-container .owl-theme .owl-nav .owl-next {font-size:30px !important; width:8%; height:100%; padding:0; margin:0; background:rgba(255,255,255,0.3); display:flex; justify-content:center; align-items:center;}
.about-container .owl-prev, 
.about-container .owl-next {position:absolute; top:0; z-index:100; font-size:2rem; cursor:pointer; color:#fff; background:transparent; }
.about-container .owl-theme .owl-nav .owl-prev:hover, 
.about-container .owl-theme .owl-nav .owl-next:hover {background:rgba(255,255,255,0.3); }
.about-container .owl-prev {left:0px;}
.about-container .owl-next {right:0px;}

.montyLogoWrapper {
	position: relative;
	width: 100%;
}
.montyLogoWrapper .logo-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
.montyLogoWrapper .logo-img:nth-of-type(1) {
	position: relative;
	z-index: 1;
}
.montyLogoWrapper .logo-img img {
	width: 100%;
}
.montyLogoWrapper .logo-img.logo-1,
.montyLogoWrapper .logo-img.logo-5 {
	transition: 1500ms all cubic-bezier(.25, .1, .25, 1);
	opacity: 0;
}
.montyLogoWrapper .logo-img.logo-2,
.montyLogoWrapper .logo-img.logo-3,
.montyLogoWrapper .logo-img.logo-4 {
	transition: 1000ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transform: scale(0) rotate(-30deg);
	opacity: 0;
}
.montyLogoWrapper .logo-img.logo-2 {
	transition-delay: 400ms;
}
.montyLogoWrapper .logo-img.logo-3 {
	transition-delay: 600ms;
}
.montyLogoWrapper .logo-img.logo-4 {
	transition-delay: 800ms;
}
.montyLogoWrapper .logo-img.logo-1,
.montyLogoWrapper .logo-img.logo-5 {
	transition-delay: 1800ms;
}
.montyLogoWrapper .logo-img.logo-1.animate,
.montyLogoWrapper .logo-img.logo-5.animate {
	opacity: 1;
}
.montyLogoWrapper .logo-img.logo-2.animate,
.montyLogoWrapper .logo-img.logo-3.animate,
.montyLogoWrapper .logo-img.logo-4.animate {
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

@media (min-width: 375px) {

	.home-container .section {height:72rem;}
	.about-container .section.story {height:108rem;}
	.about-container .story .blk {height:110rem;}

	/* .about-container .organization .blk .heading {width:56%;} */

	.resp-container .section .content {padding:0rem 2.5rem;}

	.join-container .section.oppo {height:88rem;}
	.join-container .oppo .blk {height:90rem;}
	.join-container .oppo .center-blk .heading {width:52%;}

	.contact-container .section.contact{height:44rem;}
	.contact-container .contact .blk {height:46rem;}

	.contact-container .contact .center-blk .heading {width:50%;}

	.timeline-wrapper .carousel-wrapper .item .desp {min-height:308px;}
}

@media (min-width: 414px) {
	h1 {font-size:3.5rem;}
	h2 {font-size:2rem;}

	.about-container .organization .blk .heading {width:60%;}

	.join-container .oppo .center-blk .heading {width:56%;}

	.contact-container .section.contact{height:44rem;}
	.contact-container .contact .blk {height:46rem;}

	.home-container .content .more-btn {width:50%;}

	.timeline-wrapper .carousel-wrapper .item .desp {min-height:280px;}
}

@media (min-width: 440px) {

	.page-container .section .content {margin: 0 16.6%;}

	.timeline-wrapper .carousel-wrapper .item .desp {min-height:252px;}
}

@media (min-width: 500px) {

	.join-container .section.oppo {height:62rem;}
	.join-container .oppo .blk {height:64rem;}

	.timeline-wrapper .carousel-wrapper .item .desp {min-height:224px;}
}

@media (min-width: 600px) {
	.about-container .section.story {height:58rem;}
	.about-container .story .blk {height:60rem; }
	.about-container .story .center-blk .stats {flex-direction:row;}
	.about-container .story .center-blk .stats .item {margin:0;}
	.about-container .story .center-blk .stats .item .mid {font-size:4rem;}
	.about-container .organization .blk .m-org-chart img {width:80%;}

	.join-container .section.oppo {height:55rem;}
	.join-container .oppo .blk {height:56rem;}
	.contact-container .section.contact{height:30rem;}
	.contact-container .contact .blk {height:32rem;}

	.home-container .our-story .content {
		margin:0 8% 0 48%;
	}
	.home-container .our-biz .content {
		margin:0 50% 0 10%;
	}
	.home-container .core-resp .content {
		margin:0 10% 0 50%;
	}
	.home-container .core-recruitment .content {
		margin:0 50% 0 10%;
	}
}

@media (min-width: 690px) {
	.timeline-wrapper .carousel-wrapper .item .desp {min-height:168px;}
}

@media (max-width:749px){
	.resp-container .values .items .item {margin-top:70px;}
	.resp-container .values .items .item .icon {display: flex; flex-direction:column; align-items:center;}
	.resp-container .values .items .item .icon-img img {max-width:100%;}
	.resp-container .values .items .item .name {display: table-cell; vertical-align: middle; padding:20px 0 0 10px; font-size:2.5rem;}	
	.resp-container .values .items .item .desp {padding:15px 0;}
	.resp-container .values .bottom {display:none}
}

@media (min-width: 750px) {
	h1 {font-size:5.5rem;}
	h2 {font-size:3.5rem;}
	h3 {font-size:1.8rem;}
	.section-separator {
		height: 5rem;
	}

	.about-container .timeline-history .blk .heading {width:50%;}
/*	.about-container .global-reach .blk .heading {width:50%;}
*/	.about-container .organization .blk .heading {width:50%;}
	.about-container .story .center-blk .stats .item .mid {font-size:6rem;}
	.about-container .story .center-blk .stats .item .mid > div {min-width:90px;}
	.about-container .story .center-blk .stats .item .bottom > div {padding:0 7px;}
	
	.resp-container .values .items .item.selected .icon * {visibility:hidden;}
	.resp-container .values .items .item.selected .about-grow-icon {background:url(/assets/images/values-integrity-icon-overlay.png) center center / cover no-repeat;}
	.resp-container .values .items .item.selected .about-family-icon {background:url(/assets/images/values-teamwork-icon-overlay.png) center center / cover no-repeat;}
	.resp-container .values .items .item.selected .about-excel-icon {background:url(/assets/images/values-excellent-icon-overlay.png) center center / cover no-repeat;}
	.resp-container .values .items .item.selected .about-entre-icon {background:url(/assets/images/values-entre-icon-overlay.png) center center / cover no-repeat;}
	.resp-container .values .items .item.selected .about-sustain-icon {background:url(/assets/images/values-sustainability-icon-overlay.png) center center / cover no-repeat;}
	.resp-container .values .items .item.selected .desp {visibility:hidden;}
	.resp-container .values .items .item .icon {width:100%; position:relative; cursor:pointer;}
	.resp-container .values .items .item .icon-img { display:block; margin:0 auto;}
	.resp-container .values .items .item .icon-img:after {display:block; width:100%; content : " "; height:5.5rem;}
	.resp-container .values .items .item .icon img {max-width:100%; padding:5px 0;}
	.resp-container .values .items {padding:3rem 1rem; display:flex;}
	.resp-container .values .items .item {width:16%; margin:0 2%; text-align:center; text-transform:uppercase;}
	
	.resp-container .values .items .item .name {font-size:1.4rem; font-weight:bold; margin-bottom:0.8rem; position:absolute; width:100%; bottom:10%;}
	.resp-container .values .items .item .learn-more {font-size:1.2rem; background-color:rgba(0,41,135,0.7); color:white; padding:3px 15px; position:absolute; width:75%; bottom:0; left:5%; display:block;}
	.resp-container .values .items .item .desp {display:none;}	

	.join-container .section.oppo {height:50rem;}
	.join-container .oppo .blk {height:52rem;}
}

@media (min-width: 915px) {
	.timeline-wrapper .carousel-wrapper .item .desp {min-height:112px;}
}

@media (min-width: 1000px) {
	h2 {font-size: 2.8rem;}
	.page-container .section .content {
		padding: 0 6rem;
	}
}

@media (min-width: 1200px) {
	h1 {font-size: 4.6rem;}
	h3 {font-size: 2rem;}
	body {font-size:1.8rem;}
	.site-wrapper {
		max-width: 192rem;
		margin: 0 auto;
	}
	.section-separator {
		height: 6rem;
	}
	.header {
		margin: 0 8.4%;
	}
	.header .mob-banner {display:none;}
	.header .menu, .header .banner {display:inline-block;}
	.header .menu {
		max-height:800px;
		position:relative;
		top:0;
		display: inline-block;
		width: 16.25%;
		float: left;
		height: 50rem;
		background-color: white;
		text-align: left;
	}
	.header .menu .logo {
		display:block;
		padding: 15% 0 2.5rem 0;
	}
	.header .menu .item {
		padding: 0 0 2.3rem 0;
		text-transform: uppercase;
		font-size: 1.8rem;
		color: #004a8f;
	}
	.header .banner {
		width: 83.75%;
		height: 50rem;
	}
	.header .title {font-size:5rem; margin-bottom:0; line-height:1.3;}
	.header .slogan {font-size:1.8rem; padding:0 15%; margin-top:2rem;}
	.header .burger {display:none;}
	.footer .main h3 {margin-bottom:3rem;}
	.footer .main h3 span {padding-bottom:0.5rem;}
	.footer .social a {display:inline-block; margin-bottom:0; margin-left:10px}

	.page-container .section {
		height:48rem;
		margin: 0 8.4%;
	}
	
	.page-container .section.margin-only {
		height: auto;
	}
	
	.page-container .section .heading {
		/*padding-top: 15rem;*/
		margin-bottom: 8rem;
	}
	.page-container .section .heading span {
		padding-bottom: 3rem;
		border-bottom: 2px solid white;
	}
	.page-container .section .content {
		height: 72rem;
		padding: 0 6rem;
	}
/*	.page-container .section.our-story .heading {
		padding-top:10rem;
	}*/
/*	.home-container .our-story .content {
		margin:0 10% 0 50%;
	}
	.home-container .our-biz .content {
		margin:0 50% 0 10%;
	}
	.home-container .core-resp .content {
		margin:0 10% 0 50%;
	}
	.home-container .core-recruitment .content {
		margin:0 50% 0 10%;
	}*/
	.resp-container .social-comm .content {
		height:62.5rem;
		margin:0 10% 0 50%;
	}
	.resp-container .env-resp .content {
		height:62.5rem;
		margin:0 10% 0 50%;
	}
	.resp-container .education .content {
		height:62.5rem;
		margin:0 50% 0 10%;
	}
	.home-container .section {height:72rem;}
	.home-container .content .more-btn {width:40%;}

	.biz-container .section {max-height:14rem; height:62.5rem;}
	.biz-container .section.on {max-height:63rem;}
	.biz-container .section .top {height:14rem;}
	.biz-container .section .top .subtitle {width:40%; height:14rem;}
	.biz-container .section .top .controls {width:60%; }
	.biz-container .section .subtitle h2 {padding:6rem 0 0 4rem; letter-spacing:0.5;}
	.biz-container .section .controls span {margin-top:7rem; padding-top:1rem; padding-right:3rem; font-size:4rem;}
	.biz-container .section .bottom {display:flex; padding:0; height:49rem;}
	.biz-container .section .bottom .text {width:40%; display:flex; flex-direction:column; justify-content:center;}
	.biz-container .section .bottom .gallery {width:60%;display:flex; align-items:center;}
	.biz-container .section h3 {margin-bottom:3rem;}
	.biz-container .section .bottom .gallery {display:flex;}
	.biz-container .section .bottom .text .pLR4rem {padding:0 4rem;}
	.biz-container .section .bottom .gallery .owl-carousel .item {height:30rem; background-position:50% 50%; display:block; text-decoration:none;}
	.biz-container .section .bottom .gallery .owl-carousel .item img {height:100%; width:auto; margin:0 auto;}

	.join-container .section.oppo {height:60rem;}
	.join-container .oppo .blk {height:62rem;}
	.join-container .oppo .left-blk, .join-container .oppo .right-blk {width:10%;}
	.join-container .oppo .center-blk {width:80%;}
	.join-container .oppo .center-blk .heading {padding-top:1rem; margin:6rem 0;}
	.join-container .oppo .center-blk p {padding:0 10%;}
	.join-container .oppo .center-blk .join-btn {margin-top:4rem; margin-right:10%;}

	.about-container .section.story {height:65rem;}
	.about-container .story .blk {height:67rem;}
	.about-container .story .left-blk, .about-container .story .right-blk {width:10%;}
	.about-container .story .center-blk {width:80%;}
	.about-container .story .center-blk .heading {padding-top:1rem; margin:6rem 0;}
	.about-container .story .center-blk p {padding:0 10%;}
	.about-container .story .center-blk .stats {padding:0 10%;}

	.resp-container .section {height:62.5rem;}
	.resp-container .values .blk .heading {width:40%; margin:4rem 0 4rem 0; }
	.resp-container .values .items {padding:6rem 1rem;}
	.resp-container .values .bottom .subtitle {font-size:2.5rem; margin-bottom:10px;}
	.resp-container .values .bottom .desp {font-size:1.8rem;}

	.about-container .section.organization {height:auto;}
	.about-container .timeline-history .blk .heading {width:40%;}
/*	.about-container .global-reach .blk .heading {width:40%;}
*/	.about-container .organization .blk .heading {width:40%;}

	.about-container .organization .blk .m-org-chart {display:none;}
	.about-container .organization .blk .org-chart {display:block; padding:0 10%;}

/*	.about-container .global-reach .blk .map .counters h3 {font-size:6rem;}
	.about-container .global-reach .blk .map .counters p {font-size:2.8rem;}*/

	.timeline-wrapper .timeline {height:8rem; width:80rem; background:url('../images/timeline-equal.png') center center / contain no-repeat; margin:0 auto; position:relative; display:block;}
	.timeline-wrapper .timeline .nav {display: inline-block; font-family:FontAwesome ;font-style: normal;font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; top:27px; width:15px;height:21px; font-size:25px; color:#4c69ab; position:relative;}
	.timeline-wrapper .timeline .nav-left {position:absolute; left:-5rem;}
	.timeline-wrapper .timeline .nav-left:after {content:"\f104"; position:absolute; right:0; top:0;}
	.timeline-wrapper .timeline .nav-right {position:absolute; right:-5rem;}
	.timeline-wrapper .timeline .nav-right:after {content:"\f105"; position:absolute; right:0; top:0;}
	.timeline-wrapper .timeline .line {}
	.timeline-wrapper .timeline .line .node {position:absolute; text-align:center; color:#4c69ab; font-size:18px; cursor:pointer;}
	.timeline-wrapper .timeline .line .node.active:after{border:2px solid #b7b6b6;}
	.timeline-wrapper .timeline .line .node:after {content:""; border-radius:22px;
	    height:10px; width:10px; border:2px solid #ffffff; position:absolute; top:33px; left:50%; margin:0 0 0 -7px; background:#202958;}
	.timeline-wrapper .carousel-wrapper .item .desp {font-size:1.8rem; min-height:112px;}

	.contact-container .section.contact {height:46rem;}
	.contact-container .contact .blk {height:48rem;}
	.contact-container .contact .left-blk, .contact-container .contact .right-blk {width:10%;}
	.contact-container .contact .center-blk {width:80%;}
	.contact-container .contact .center-blk .heading {padding-top:1rem; margin:6rem 0;}
	.contact-container .contact .center-blk p {padding:0 10%;}
	.contact-container .contact .center-blk .contact-btn {margin-top:4rem; margin-right:10%;}

	.footer {margin:0 8.4%;}
	.footer-bar {margin:0 8.4%;}
	.footer .main .navmenu {flex-direction:row;}
	.footer .main .navmenu .item {margin-top:0;}
}

@media (min-width: 1366px) {
	h2 {font-size: 3.3rem;}
}

@media (min-width: 1550px) {
	h2 {font-size: 3.8rem;}
}

@media (min-width: 1800px) {
	h1 {font-size: 7.5rem;}
	h2 {font-size: 4.5rem;}
	h3 {font-size: 2.4rem;}

	.header .menu {height:52rem;}
}

.full-width {
	width: 100%;
}

.max-width-100 {
	max-width: 100%;
}

.vertical-center {
	vertical-align: middle;
}

.table-row-mode {
	display: table-row;
}

.table-mode {
	display: table;
}

.table-cell-mode {
	display: table-cell;
}

.clear-float-by-screen {
	
}

.clear-float {
	float: none;
}



@media ( min-width : 550px) {
	.clear-float-by-screen {
		float: none;
	}
}
/* overlay indicator */
.overlay-indicator-container {
    color: white;
    height: 120px;
    padding-top:20px;
    position: fixed;
    z-index: 99;
    width: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.overlay-indicator {
    height: 2px;
    background-color:black;
    margin-bottom: 30px;
    display: block;
    box-sizing: border-box;
    -webkit-transition: width 2s, height 4s; /* Safari */
    transition: all 0.2s;
   	width: 30%;
}
.overlay-indicator-normal {

}
.overlay-indicator-highlight {
	width: 60%;
	height:5px;
}
/* header */
.header-slogan {
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 10rem;
	font-weight: bold;
	word-break: break-all;
	margin: 0;
}

.menu-list {
	list-style: none;
	padding: 0px;
	color: #004a8f;
	margin-top: 30%;
}

.menu-list-item {
	padding-top: 5%;
	padding-bottom: 5%;
	text-transform: uppercase;
	overflow-wrap: break-word;
	font-size: 1.8rem;
}

.menu-container {
	padding-left: 2%;
	padding-top: 10%;
	margin-right: -1%;
}



/* section */
.section-content-heading {
	font-size: 4rem;
	text-transform: uppercase;
	padding-bottom: 3%;
	border-bottom: white solid 2px;
	font-weight: 700;
	overflow-wrap: break-word;
}

.section-content-heading-inlineblock {
	display: inline-block;
	background-color: rgba(0, 43, 134, 0.7);
	color: white;
	padding-bottom: 3%;
	padding-top: 3%;
	padding-left: 1%;
	width: 50%;
	margin-bottom: 0;
	font-weight: bold;
}

.section-content-heading-inlineblock-span {
	border-bottom: white solid 3px;
}

.section-content {
	padding-top: 18%;
	padding-bottom: 8%;
	box-sizing: border-box;
	color: white;
	padding-left: 4rem;
	padding-right: 4rem;
	font-size: 2rem;
	overflow: auto;
	word-break: break-all;
	background-color: rgba(0, 43, 134, 0.7);
}

.section-corner-logo {
	padding: 10%;
	max-width: 100%;
	box-sizing: border-box;
	padding-top: 30%;
}

/* our story */
.ourstory-content {
	padding-top: 5%;
	padding-left: 3%;
	padding-right: 3%;
	box-sizing: border-box;
	padding-bottom: 5%;
}

.ourtimeline-content-container {
	background: rgba(0, 33, 149, 0.7);
	color: white;
	box-sizing: border-box;
}

.ourtimeline-year {
	font-size: 13rem;
	background-color: rgba(256, 256, 256, 0.7);
	color: #00339c;
	font-weight: bold;
	max-width: 100%;
	text-align: center;
}

.ourtimeline-content {
	padding: 5% 7%;
}

.ourtimeline-heading1 {
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: bold;
}

.ourtimeline-heading2 {
	font-size: 2rem;
	text-transform: uppercase;
	font-style: italic;
}

.ourtimeline-content-leftarrow-container {
	padding: 2%;
}

.key-leader-name {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #002b86;
	text-transform: uppercase;
}

.key-leader-title {
	font-size: 1.5rem;
	text-transform: uppercase;
	text-align: center;
	color: #00339c;
}

.key-leader-img-container {
	text-align: center;
}

.key-leader-img {
	max-width: 100%;
}

.key-leader-learn-more-button {
	font-size: 1.8rem;
	text-align: center;
	text-transform: uppercase;
	background-color: #5471ae;
	color: white;
	margin-top: 1rem;
}

/* our business */
.section-title {
	color: white;
	font-size: 4rem;
	font-weight: bold;
	padding-top: 5%;
	padding-bottom: 2%;
	text-transform: uppercase;
}

.down-arrow-container {
	border-top: white solid 4px;
	text-align: right;
	padding: 2% 5%;
}