/*
@font-face {
    font-family: 'Calibri';
    src: url('fonts/calibri-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Cn.eot');
    src: local('Frutiger LT Std 57 Condensed'), local('FrutigerLTStd-Cn'),
        url('fonts/FrutigerLTStd-Cn.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Cn.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Cn.woff') format('woff'),
        url('fonts/FrutigerLTStd-Cn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-LightCn.eot');
    src: local('Frutiger LT Std 47 Light Condensed'), local('FrutigerLTStd-LightCn'),
        url('fonts/FrutigerLTStd-LightCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-LightCn.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-LightCn.woff') format('woff'),
        url('fonts/FrutigerLTStd-LightCn.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-BoldItalic.eot');
    src: local('Frutiger LT Std 66 Bold Italic'), local('FrutigerLTStd-BoldItalic'),
        url('fonts/FrutigerLTStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-BoldItalic.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-BoldItalic.woff') format('woff'),
        url('fonts/FrutigerLTStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-UltraBlack.eot');
    src: local('Frutiger LT Std 95 Ultra Black'), local('FrutigerLTStd-UltraBlack'),
        url('fonts/FrutigerLTStd-UltraBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-UltraBlack.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-UltraBlack.woff') format('woff'),
        url('fonts/FrutigerLTStd-UltraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Italic.eot');
    src: local('Frutiger LT Std 56 Italic'), local('FrutigerLTStd-Italic'),
        url('fonts/FrutigerLTStd-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Italic.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Italic.woff') format('woff'),
        url('fonts/FrutigerLTStd-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-BlackCn.eot');
    src: local('Frutiger LT Std 77 Black Condensed'), local('FrutigerLTStd-BlackCn'),
        url('fonts/FrutigerLTStd-BlackCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-BlackCn.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-BlackCn.woff') format('woff'),
        url('fonts/FrutigerLTStd-BlackCn.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Roman.eot');
    src: local('Frutiger LT Std 55 Roman'), local('FrutigerLTStd-Roman'),
        url('fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Roman.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Roman.woff') format('woff'),
        url('fonts/FrutigerLTStd-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Black.eot');
    src: local('Frutiger LT Std 75 Black'), local('FrutigerLTStd-Black'),
        url('fonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Black.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Black.woff') format('woff'),
        url('fonts/FrutigerLTStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-LightItalic.eot');
    src: local('Frutiger LT Std 46 Light Italic'), local('FrutigerLTStd-LightItalic'),
        url('fonts/FrutigerLTStd-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-LightItalic.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-LightItalic.woff') format('woff'),
        url('fonts/FrutigerLTStd-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-BoldCn.eot');
    src: local('Frutiger LT Std 67 Bold Condensed'), local('FrutigerLTStd-BoldCn'),
        url('fonts/FrutigerLTStd-BoldCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-BoldCn.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-BoldCn.woff') format('woff'),
        url('fonts/FrutigerLTStd-BoldCn.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Bold.eot');
    src: local('Frutiger LT Std 65 Bold'), local('FrutigerLTStd-Bold'),
        url('fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Bold.woff') format('woff'),
        url('fonts/FrutigerLTStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-ExtraBlackCn.eot');
    src: local('Frutiger LT Std 87 Extra Black Condensed'), local('FrutigerLTStd-ExtraBlackCn'),
        url('fonts/FrutigerLTStd-ExtraBlackCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-ExtraBlackCn.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-ExtraBlackCn.woff') format('woff'),
        url('fonts/FrutigerLTStd-ExtraBlackCn.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-BlackItalic.eot');
    src: local('Frutiger LT Std 76 Black Italic'), local('FrutigerLTStd-BlackItalic'),
        url('fonts/FrutigerLTStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-BlackItalic.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-BlackItalic.woff') format('woff'),
        url('fonts/FrutigerLTStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('fonts/FrutigerLTStd-Light.eot');
    src: local('Frutiger LT Std 45 Light'), local('FrutigerLTStd-Light'),
        url('fonts/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/FrutigerLTStd-Light.woff2') format('woff2'),
        url('fonts/FrutigerLTStd-Light.woff') format('woff'),
        url('fonts/FrutigerLTStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body { font-family: "Open Sans", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100; font-size: 16px; }

a, a:hover { transition: all ease .5s; }

i { font-weight: 900; }

table th,
table td {
  vertical-align: middle !important;
}

header {
  background-color: #FFF;
  padding: 0 5%;
  position: relative;
  z-index: 999;
}

header nav {
  display: flex;
  flex-direction: row;
}

.logo {
  flex: 1;
  display: flex;
  align-items: center;
}

.bartoggle,
#menubrop {
  display: none;
}

.NavMenu {
  flex: 11;
  list-style: none;
  position: relative;
  display: flex;
  justify-content: end;
  font-size: 1em;
}
header ul {
	margin: 0 !important;
	padding: 0 !important;
}
.NavMenu li {
  display: inline-block;
}

.NavMenu li input {
  display: none;
}

.NavMenu li a {
  display: inline-block;
  text-decoration: none;
  padding: 1.25em 1em;
  color: #212529;
  position: relative;
}


.NavMenu li.flag a {
  padding: 1.25em .2em;
}

.NavMenu li a:hover { color: #518441; }

.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
}

.NavMenu li a label::after {
  font-family: FontAwesome;
  content: "\f107";
  position: absolute;
  right: -15px !important;
  top: -22px !important;
  font-size: .75em;
}

.NavMenu>li>a label::after {
  right: -15px;
  top: -3px;
}

.NavMenu li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  min-width: 200px;
  top: 100%;
  box-shadow: 0 3px 5px rgb(0 0 0/20%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
}

.NavMenu li ul li {
  position: relative;
}

.NavMenu li ul li a {
  color: #212529;
  padding: .5em 1em;
  display: block;
  border-left: 2px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

@media(min-width:992px) {
  .NavMenu li ul li a:hover {
    color: #FFF;
	background: #518441;
  }

  .NavMenu li:hover>ul,
  .NavMenu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}

@media(max-width:991.98px) {
  header {
    padding: 6px 5%;
  }

  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 30px;
    align-items: center;
    background-color: #FFF;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 200px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: #133451;
	color: #FFF;
    left: 0;
    top: 55px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }

  .NavMenu li {
    border-bottom: 1px solid #1B7693;
	width: 100%;
	padding: 0 1em;
  }

  .NavMenu li a {
    padding: 1em 0;
	color: #FFF;
  }

	.NavMenu li ul {
	  background-color: #133451;
	  width: 100%;
	  top: -1em !important;
	  left: -2em !important;
	  position: relative;
	  box-shadow: none;
	  padding: 0 !important;
	  margin: 0 !important;
	}
	
	.NavMenu li ul li {
	  position: relative;
	  border-bottom: none;
	}
	
	.NavMenu li ul li a {
	  color: #FFF;
	  padding: .5em 2em;
	  display: block;
	  border-bottom: none;
	}

  .NavMenu li ul li ul {
    background: #133451;
    position: inherit;
    margin-top: -10px !important;
  }

  .NavMenu li ul li ul li a {
    padding: 1em !important;
	margin: 0;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}

@media(max-width:768px) {
  .NavMenu {
    width: 100%;
  }
}
     
/*
.submenu { background: #706F6F; padding: .5em 20px; text-align: right; top: 70px; z-index: 999; width: 100%; text-align: center; }
.submenu a { color: #FFF !important; text-decoration: none; }
.submenu ul { list-style: none; padding: 0; margin: 0; }
.submenu ul li { display: inline; margin: 0 1em; }
*/

.home-display { position: relative; height: 100vh; }
.home-display .layer { background: rgb(0,0,0,0); position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.home-display img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: contain; }
.home-display .text { position: relative; z-index: 2; height: 100vh; color: #FFF; }
.home-display .text h2 { font-size: 2.5em; font-weight: 200; margin: 0 0 0 .2em 0; }
.home-display .text-content { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; text-align: left; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%); padding: 2.5em 1.5em; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.home-display .text-content a { padding: 0; margin: 0; text-decoration: none; color: #FFF; }
.home-display-slider { width: 100%; overflow: hidden; }
.home-display .slick-list { margin: 0 -10px; }

.single-title { position: relative; }
.single-title .text { position: relative; z-index: 2; }
.single-title .text h1 { font-size: 2em; font-weight: 800; padding: 1em 0 0 0; }
.single-title .text-content { text-align: center; }
.single-title .text-content a { background: #518441; padding: 1em 2em; margin: 2em 0 0 0; color: #FFF; text-decoration: none; }
.single-title .download-pdf { margin: 1em 0 3em 0; }
.single-title .download-pdf a { background: #FF1300; color: #FFF; font-size: 1em; font-weight: normal; padding: .5em 1em; marding: 2em 0 0 0; }

.single-display { position: relative; /*height: 500px;*/ }
.single-display .layer { background: rgb(0,0,0,.80); position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.single-display img { position: relative; width: 100%; height: auto; /*object-fit: cover;*/ }
.single-display .misc { padding: 1em 0; margin: 2em 0; color: #FFF; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
.single-display-slider { width: 100%; overflow: hidden; }
.single-display .slick-list { margin: 0 -10px; }

.single { position: relative; overflow: hidden; padding: 3em 0 5em 0; }
.single h1 { font-size: 3em; font-weight: 800; color: #518441; padding: 0; }
.single h2 { font-size: 2em; font-weight: 800; color: inherit; padding: 0; }
.single h3 { font-size: 1.5em; font-weight: 800; color: inherit; padding: 0; }
.single img { width: 100%; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.single .backbutton { margin: 0 0 3em 0; }
.single a { color: #212529; text-decoration: none; font-size: 1.5em; font-weight: 800; }
.single a.button-action { background: #008000; padding: 5px 10px; border-radius: 0.275rem; color: #FFF; font-size: 1.5em; }

.single-site { position: relative; overflow: hidden; padding: 3em 0 5em 0; }
.single-site h1 { margin: 0 0 1em 0; }
.single-site h2 { font-size: 1.5em; font-weight: 600; color: #32689A; }

.home-stock { position: absolute; z-index: 10; width: 300px; padding: 0; height: auto; right: 25px; bottom: 25px; background: #FFF; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; }
.home-stock .tradingview-widget-container { height: auto !important; }
.home-stock .tradingview-widget-copyright { display: none !important; }
.home-stock .stock-bg-green { position: relative; color: #FFF; font-size: 1.5em; font-weight: bold; background: #529638; }
.home-stock .stock-bg-green span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.home-underdisplay { padding: 3em 0; }
.home-underdisplay img { width: 100%; }
.home-underdisplay h1 { font-size: 3em; font-weight: bold; margin: 0 0 1em 0; }
.home-underdisplay h2 { font-size: 1.5em; font-weight: bold; margin: 0 0 .5em 0; }
.home-underdisplay h2.small { font-size: 1.2em; }
.home-underdisplay a { color: #212529; text-decoration: none; }
.home-underdisplay a.readmore { display: block; color: #518441; text-decoration: none; margin: 1em 0 3em 0; font-weight: bold; }
.home-underdisplay .boxed { text-align: center; }
.home-underdisplay .boxed h2 { color: #4696D7; margin: 1em 0; }
.home-underdisplay .boxed h3 { font-size: 1em; min-height: 60px; font-weight: bold; color: #518441; margin: 0 0 1em 0; }
.home-underdisplay .code-of-conduct h5 { font-size: 1em; font-weight: 800; height: 70px; color: #518441; margin: 0; display: flex; justify-content: center; align-content: center; flex-direction: column;}
.home-underdisplay .boxed .text { padding: 0; font-size: .8em; }
.home-underdisplay .boxed img { display: block; margin: 0 auto 1em auto; }
.home-underdisplay .boxed img.point { display: block; width: 75%; max-width: 149px; height: auto; margin: 0 auto 1em auto; }
.home-underdisplay thead.table-custom th { background: #518441 !important; }

.home-services { position: relative; }
.home-services a { color: #FFF; }
.home-services h2 { position: absolute; top: 2em; left: 3em; z-index: 9; color: #FFF; width: 80%; font-size: 3em; }
.home-services .home-service { position: relative; overflow: hidden; color: #FFF; }
.home-services .home-service img.display { position: relative; top: 0; left: 0; width: 100%; height: auto; transition: ease all .5s; }
.home-services .home-service:hover img.display { filter: brightness(0.4); }
.home-services .home-service .content { position: absolute; bottom: -1000px; left: 0; width: 100%; padding: 1em; transition: ease all .5s; }
.home-services .home-service:hover .content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; }
.home-services .home-service .content .logo { margin: 0 0 1em 0; }
.home-services .home-service .content .text {}

.home-news { padding: 3em 0; background: #F9F9F9; }
.home-news h2 { font-weight: 700; margin: 0 0 1em 0; font-size: 1.5em; }
.home-news a { color: #000; text-decoration: none; }
.home-news-box { margin: 0; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.home-news-img { position: relative; height: 0; padding-bottom: 70%; overflow: hidden; }
.home-news-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: ease all .5s; }
.home-news-box:hover img { filter: brightness(0.5); }
.home-news-content { padding: 1em; }
.home-news-content .date { color: #518441; font-size: .8em; text-transform: uppercase; }
.home-news-content .title { font-size: 1em; font-weight: 700; padding: 1em 0; }
.home-news-content .readmore a { color: #518441; font-size: .8em; text-decoration: none; font-weight: 700; }
.home-recent-box { margin: 0 0 .7em 0; padding: 0 0 .7em 0; border-bottom: 1px solid #979797; }
.home-recent-box:last-child { border-bottom: none; }
.home-recent-box .title { font-weight: 700; padding: 0; font-size: .9em; }
.home-recent-box .date { color: #518441; font-size: .7em; text-transform: uppercase; }
.home-news a.view-all { background: #FFF; border: 1px solid #979797; padding: .5em 1em; display: compact; }

.home-report { background: #FFF; padding: 3em 0; }
.home-report h2 { font-weight: 700; margin: 0 0 1em 0; font-size: 1.5em; }
.home-report h3 { font-size: 1em; }
.home-report a { color: #666; text-decoration: none; }
.home-report-box { text-align: center; }
.home-report-box img { width: 100%; height: auto; margin: 0 0 1em 0; }

.home-vacancies { position: relative; background: url(images/home-vacancies.png) no-repeat center center; background-size: cover; padding: 5em 0; color: #FFF; }
.home-vacancies .layer { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.home-vacancies h4 { position: relative; z-index: 2; font-size: 2em; font-weight: bold; margin: 0 0 1em 0; }
.home-vacancies .text { position: relative; z-index: 2; margin: 0 0 3em 0; }
.home-vacancies .link { position: relative; z-index: 2;}
.home-vacancies a { background: #518441; padding: 1em 2em; margin: 2em 0 0 0; color: #FFF; text-decoration: none; }

.footer { position: relative; background: #133451; color: #FFF; padding: 3em 0 1em 0; overflow: hidden; }
.footer h3 { font-size: 1.5em; font-weight: bold; }
.footer-l {}
.footer-l a { background: none; color: #F19A38; font-weight: bold; text-decoration: none; }
.footer-r {}
.footer-r a.wbs-button { display: block; background: #F19A38; color: #FFF; padding: .5em 1em; margin: 0 0 1em 0; text-decoration: none; text-align: center; }
.footer-r a.wbs-button:hover { background: #518441; color: #FFF; }
.footer-r .linkedin_link a { background: none; color: #FFF; text-decoration: none; }

.footer-copyright { margin: 3em 0 0 0; font-size: .8em; }

.display { position: relative; overflow: hidden; }
.display img { position: relative; z-index: 0; width: 100%; height: auto; }
.display-text { background: #133451; position: relative; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; }
.display-text-content { width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.display-text-content h1 { font-size: 2.5vw; font-weight: bold; margin: 0; } 
.display-text-content h2 { font-size: 1.5em; font-weight: bold; margin: 0; }
.display-text-content h3 { font-size: 140%; font-weight: bold; margin: 0; }
.display-text-content a { color: #FFF; text-decoration: none; }
.display-text-content p.display-text-content-big { font-size: 2em; }
.display-text-back1 { position: absolute; z-index: 3; left: 1em; top: 2em; font-size: 1.5em; display: block; }
.display-text-back1 a { color: #FFF; text-decoration: none; }
.display-text-back1 i { color: #518441; }
.display-text-back2 { position: relative; z-index: 3; left: 0; top: 0; font-size: 1em; margin: 0 0 2em 0; display: none; }
.display-text-back2 a { color: #FFF; text-decoration: none; }
.display-text-back2 i { color: #FFF; }

img.about-strategic { width: 80%; }

.about-testimonial { position: relative; text-align: center; color: #FFF; border-radius: 0.35rem; padding: 2em; margin: 2em 0; background: linear-gradient(90deg, rgba(132,189,0,1) 0%, rgba(0,126,172,1) 100%); }
.about-testimonial img { border-radius: 50%; width: 150px; height: 150px; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); }
.about-testimonial .content { font-style: italic; margin: 4em 0 0 0; }
.about-testimonial .name { font-size: 1.2em; font-weight: bold; margin: 1em 0 0 0;  }
.about-testimonial .status { font-size: 0.8em; }

.about-management { position: relative; overflow: hidden; background: url(images/bg-management-new.png) no-repeat top right; background-size: cover; padding: 5em 0; color: #FFF; margin: 0; }
.about-management * { transition: all ease .25s; }
.about-management h1 { font-size: 2em; font-weight: 900; margin: 0 0 .5em 0; }
.about-management h2 { font-size: 1.5; margin: 0 0 1em 0; }
.about-management a { text-decoration: none; color: #AAA; }
.about-management .boxed { margin: 0 0 3em 0; color: #AAA; font-size: .9em; }
.about-management .boxed .img-wrap { position: relative; height: 0; padding-bottom: 100%; overflow: hidden; margin: 0 0 1em 0; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.about-management .boxed .img-wrap img { width: 100%; height: auto; object-fit: cover; }
.about-management .boxed:hover .img-wrap {}
.about-management .boxed:hover img { filter: brightness(120%); transform: scale(1.1); }
.about-management .boxed h3 { font-size: 1.2em; font-weight: bold; color: #FFF; }
.about-management .boxed:hover h3 { color: #518441; }

.box-values-content { background: #16899E; color: #FFF; height: 100%; padding: 2em 2em 1em 2em; }
.box-values-content h3 { color: #FFF !important; padding: 0 !important; margin: 0 0 1em 0 !important; font-size: 1.2em !important; min-height: auto !important; }
.box-values-content img { width: 100%; max-width: 60px !important; }

.about-milestones { padding: 5em 0; }
.about-milestones h2 { font-size: 1.5em; font-weight: bold; text-align: center; color: #4696D7; }

/*
.about-milestones-container { padding: 0; margin: 50px auto; position: relative; overflow: hidden; width: 80%; }
.about-milestones-container img { width: 70px; }
.about-milestones-container:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -1px; margin-top: 30px; width: 2px; height: 100%; background: #518441; z-index: 1; }
.timeline-block { position: relative; width: -webkit-calc(50% + 8px); width: -moz-calc(50% + 8px); width: calc(50% + 8px); display: -webkit-box; display: -webkit-flex; display: -moz-box; clear: both; }
.timeline-block-right { float: right; }
.timeline-block-left { float: left; direction: rtl }
.marker { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #518441; background: #518441; margin-top: 30px; z-index: 99; }*/
/*.marker:before { content: ''; position:absolute; top: 37px; left: 15px; right: 15px; bottom: 0; width: 22px; height: 2px; background: #CCD1D9; }*/
/*.timeline-content { width: 100%; padding: 0; position: relative; }
.timeline-content-left { direction: ltr; text-align: left; margin: 0 5% 0 0; }
.timeline-content-left:before {
    content:"";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 28px;
    right: -19px; 
    border-width: 10px;
    border-color: transparent transparent transparent #4696D7;
    border-style: solid;
}
.timeline-content-right { direction: ltr; margin: 0 0 0 5%; }
.timeline-content-right:before {
    content:"";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 28px;
    left: -19px; 
    border-width: 10px;
    border-color: transparent #4696D7 transparent transparent;
    border-style: solid;
}
.timeline-content ul { direction: ltr; text-align: left; font-size: .8em; background: #4696D7; padding: 1em; list-style: none; color: #FFF; }
.timeline-content ul li { margin: 0 0 1em 0; width: 49%; display: inline-table; }
.timeline-content h3 { text-align: center; font-weight: bold; font-size: 1.2em; }
.timeline-content .box { font-size: .8em; background: #4696D7; padding: 1em; margin: 0 0 1em 0; color: #FFF; }
.timeline-content .box2 { font-size: .8em; background: #4696D7; padding: 1em; margin: 0 0 1em 0; color: #FFF; }
.timeline-content .box2 p { padding: 0 0 0 1.5em; position: relative; }
.timeline-content .box2 p::before { font: normal normal normal 10px/1 FontAwesome; position: absolute; left: 0; top: 0.5em; content: "\f111"; }
*/


.timeline {
  list-style: none;
  margin: 25px 0 22px;
  padding: 0;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline:after {
  border: 5px solid;
  border-top-width: 10px;
  border-color: #7FBB06 transparent transparent transparent;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: -4px;
}

.timeline-horizontal:after {
  border-top-width: 6px;
  border-left-width: 13px;
  border-color: transparent transparent transparent #518441;
  top: 15px;
  right: 0;
  bottom: auto;
  left: auto;
}
.timeline-horizontal .timeline-milestone {
  border-top: 2px solid #7FBB06;
  display: inline;
  float: left;
  margin: 20px 0 0 0;
  padding: 40px 0 0 0;
}
.timeline-horizontal .timeline-milestone:before {
  top: -17px;
  left: auto;
}
.timeline-horizontal .timeline-milestone.is-completed:after {
  top: -17px;
  left: 0;
}

.timeline-milestone {
  border-left: 2px solid #7FBB06;
  margin: 0;
  padding: 0 0 5px 1em;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-milestone:before {
  border: 5px solid #7FBB06;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -7px;
  width: 12px;
  height: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-milestone.is-current:before {
  background-color: #7FBB06;
}

.timeline-action {
  position: relative;
  top: -21px;
}
.timeline-action.is-expandable .title {
  position: relative;
  z-index: 2;
  margin: 0;
  font-weight: bold;
  cursor: pointer;
  background: #017EAB;
  color: #FFF;
  padding: 1em 1em 2em 1em;
  border-radius: .375rem;
}
.timeline-action.is-expandable .title:focus {
  outline: 0;
}
.timeline-action.is-expandable .title:after {
  border: 6px solid #FFF;
  border-color: transparent transparent transparent #FFF;
  content: "";
  display: block;
  position: absolute;
  top: 37%;
  right: 5px !important;
}
.timeline-action.is-expandable .content {
  display: none;
  background: #DDD;
  padding: 1.5em 1.5em 1em 1.5em;
  position: relative;
  z-index: 1;
  top: -10px;
  color: #212529;
  border-radius: 0 0 .375rem .375rem;
}
.timeline-action.is-expandable.is-expanded .title:after {
  border-color: #FFF transparent transparent transparent;
  top: 40%;
  right: 10px !important;
}
.timeline-action.is-expandable.is-expanded .content {
  display: block;
}
.timeline-action .title, .timeline-action .content {
  word-wrap: break-word;
}
.timeline-action .title {
  color: #00637d;
  font-size: 20px;
  margin: 0;
}
.timeline-action .date {
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.timeline-action .content {
  font-size: 14px;
}
.timeline-action.is-expandable .content ul { padding: 0; margin: 0 1em; list-style: disc; }
.timeline-action.is-expandable .content ul li { padding: 0; margin: 0 0 1em 0; }
.timeline-action.is-expandable .content ul li:last-child { padding: 0; margin: 0; }

img.milestone-icon { max-width: 80px; margin: 0 0 1em 0; }
.timeline-year { border-bottom: 5px solid #4696D7; margin: 0 0 1em 0; padding: 0 0 1em 0; }

@media screen and (max-width: 768px) {
.about-milestones-container:before { left: 8px; width: 2px; }
.timeline-block { width: 100%; margin-bottom: 30px; }
.timeline-block-right { float: none; }
.timeline-content-right:before {
    left: -4px; 
}
.timeline-block-left { float: none; direction: ltr; }
.timeline-content-left:before {
    left: -4px;
    border-color: transparent #4696D7 transparent transparent;
}
.marker:before { content: ''; position:absolute; top: 37px; left: 15px; right: 15px; bottom: 0; width: 0; height: 2px; background: #CCD1D9; }
.timeline-content { width: 100%; padding: 0 15px; }
.timeline-content-left { margin: 0; }
.timeline-content-right { margin: 0; }
}

.archive { position: relative; padding: 3em 0; overflow: hidden; }
.archive h2 { font-size: 2.5em; font-weight: 800; }
.archive table { border: 1px solid #CCC; }
.archive thead { background: #518441; color: #FFF; }
.archive thead>tr>th { border: none; }
.archive tbody {}
.archive tbody>tr { border-bottom: 1px solid #CCC; }
.archive tbody>tr>td { border: none; padding-top: .5em; padding-bottom: .5em; }
.archive tbody>tr:hover,
.archive tbody>tr:nth-of-type(even):hover { background: rgba(92,178,71,.75); }
.archive tbody>tr:nth-of-type(even) {}
.archive a { color: #000; text-decoration: none; }
.archive button, .archive button:hover { width: 100%; background: #518441; }
.archive .page-item.active .page-link { background: #518441; border-color: #518441; }
.archive .page-link:hover { color: #518441; background: #F4FAF3; }

.contact { position: relative; padding: 5em 0 3em 0; overflow: hidden; }
.contact h1 { font-size: 2.5em; font-weight: 800; margin: 0 0 .5em 0; text-align: center; }
.contact h3 { font-size: 1.2em; font-weight: 800; margin: 0; }
.contact h4 { font-size: 1.5em; font-weight: normal; width: 80%; margin: 0 auto 2em auto; text-align: center; }
.contact input,
.contact select,
.contact textarea { border-radius: 0; }
.contact .btn-custom { background: #00A8AA; border-color: #00A8AA; }
.contact-right { text-align: left; }
.contact-right .boxed { margin: 0 0 1em 0; }

.investors-fin-result { background: #133551; /*background: url(images/investors-bg-1.png) no-repeat center center; background-size: cover;*/ padding: 3em 0; color: #FFF; }
.investors-fin-result h2 { font-size: 2em; font-weight: bold; margin: 0 0 1em 0; text-align: center; }
.investors-fin-result h5 { font-size: 1.5em; font-weight: 800; text-align: center; margin: 0; }
.investors-fin-result img { width: 80%; max-width: 81px; }
.investors-fin-result p { font-size: .8em; height: 70px; margin: 0;display: flex; justify-content: center; align-content: center; flex-direction: column; }
.investors-fin-result span { font-size: 14px; font-weight: normal; }

.investors-center { background: #518441; padding: 3em 0; color: #FFF; }
.investors-center h2 { font-size: 2em; font-weight: bold; margin: 0 0 1em 0; text-align: center; }
.investors-center h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 .5em 0; }
.fin-result-box { text-align: center; margin: 0 0 3em 0; }
.fin-result-box img { margin: 0 0 .5em 0; }
.investors-box { margin: 0 0 3em 0; }
.investors-box img { width: 100%; height: auto; }
.investors-box ul { list-style: none; margin: 0 0 1em 0; padding: 0; font-size: .9em; }
.investors-box a { color: #FFF; text-decoration: none; }
.investors-box a.readmore { border: 1px solid #FFF; padding: .8em 1.5em; font-size: .8em; }

.investors-capital { padding: 3em 0; }
.investors-capital h2 { font-size: 1.5em; font-weight: bold; margin: 0 0 .5em 0; text-align: center; }
.investors-capital h3 { font-size: 1em; font-weight: bold; color: #518441; margin: 2em 0 1em 0;}
.investors-capital-box {}

.investors-report-update { padding: 3em 0; background: #F1F3F8; }
.investors-report-update h2 { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; text-align: center; }
.investors-report-update-box { text-align: center; margin: 0 0 2em 0; font-size: .9em; }
.investors-report-update-box img { display: block; width: 100%; max-width: 200px; margin: 0 auto .5em auto; }
.investors-report-update a { color: #212529; text-decoration: none; }
.investors-report-update a.more { border: 1px solid #518441; color: #518441; text-decoration: none; padding: .8em 1.5em; font-size: .8em; width: 90% !important; margin: 0 auto; text-align: center; font-weight: bold; }
.investors-report-update a.more:hover { background: #518441; color: #FFF; }

.esg-infografis {}
.esg-infografis img { width: 100%; max-width: 250px; height: auto; margin: 0 0 1em 0; }
.esg-infografis h3 { font-size: 2em; }
.esg-infografis h4 { margin: 2em 0 1em 0; }
.esg-infografis h5 {}

.esg-greenarea { background: #5F9644; padding: 3em 0; color: #FFF; text-align: center; }
.esg-greenarea h2 { font-size: 1.5em; font-weight: bold; }
.esg-greenarea-box { margin: 0 0 3em 0; padding: 0 2em; }
.esg-greenarea-box p { font-size: .8em; }

.esg-content { padding: 3em 0; }
.esg-content h2 { font-size: 1.5em; font-weight: bold; color: #518441; margin: 0 0 1em 0; }
.esg-content img { width: 100%; height: auto; }

.esg-testimonial { position: relative; color: #FFF; border-radius: 0.35rem; padding: 2em; margin: 2em 0 0 0; background: linear-gradient(90deg, rgba(127,187,6,1) 0%, rgba(1,126,172,1) 100%); }
.esg-testimonial img { border-radius: .35rem; }
.esg-testimonial .content { font-style: italic; margin: 4em 0 1em 0; }
.esg-testimonial .name { font-size: 1.2em; font-weight: bold; }
.esg-testimonial .status { font-size: 0.8em; }

.esg-menu { padding: 3em 0; }
.bg-gray { background: #F1F3F8; }
.bg-green { background: #5F9644; color: #FFF; }

.esg-menu h2 { font-size: 2em; font-weight: bold; color: #000; margin: 0 0 .5em 0; }
.esg-menu-item { position: relative; margin: 0 0 2em 0; }
.esg-menu-item img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.5); }
.esg-menu-item span { position: absolute; left: 1em; bottom: 1em; color: #FFF; }

.blue-bg { background: url(images/blue-bg.png) no-repeat center center; background-size: cover; padding: 3em 0; margin: 0 0 1px 0; color: #FFF; }
.blue-bg h3 { color: #FFF; margin: 0 0 1em 0; font-size: 1.2em; font-weight: 800; }
.blue-bg a { color: #518441; text-decoration: none; }
.blue-bg ul { list-style: none; margin: 0 0 2em 0; padding: 0; }
.blue-bg ul li { margin: 0 0 1em 0; }
.blue-bg ul li a { color: #FFF; text-decoration: none; }

.gcg-box h4 { font-size: 1.2em; font-weight: bold; color: #518441; }

.green { color: #518441; }
.blue { color: #4696D7; }

.table-policies {}
.table-policies thead.table-custom th { background: #133451 !important; }
.table-policies a,
.table-policies a i { color: #518441; text-decoration: none; }
.table-policies i { color: #C30; }

.accordion { margin: 0; text-align: left; }
.accordion p { text-align: left; }
.accordion .accordion-header { border-bottom: 1px solid #518441; }
.accordion .accordion-header:hover { background: #518441; }
.accordion .accordion-button { font-size: 18px; font-weight: 800; border: none; }
.accordion .accordion-button:hover { color: #FFF; }
.accordion .accordion-header .accordion-button:not(.collapsed) { color: #FFF; background: #518441; }
.accordion .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    transform: rotate(180deg);
}


.backbutton { position: absolute; left: 0; top: -3em; }
.backbutton a { color: #F19A38; text-decoration: none; }

img.fit-icon { width: 64px; }
.wifepeneur h4 { font-weight: 800; margin: 0; padding: 0; }
.wifepeneur span { font-size: .8em; }

.map { position: relative; height: 500px; background: url(images/bg-map.png), linear-gradient(180deg, rgba(71,94,57,1) 0%, rgba(95,150,68,1) 100%); background-size: cover; padding: 3em 0 0 0; color: #FFF; text-align: center; overflow: hidden; transition: all ease .5s; }
.map #img-ina { position: absolute; height: 400px; left: 50%; top: 5em; transform: translateX(-50%); transition: all ease .5s; }
.map #img-ina #map { opacity: 0; transition: all ease .5s; }
.map #img-ina img { width: 1000px; height: auto; cursor: pointer; transition: all ease .5s; }
.map #img-aus { position: absolute; height: 400px; left: 50%; top: 6em; transform: translateX(-50%); transition: all ease .5s; }
.map #img-aus #map { opacity: 0; transition: all ease .5s; }
.map #img-aus img { width: 1000px; height: auto; cursor: pointer; transition: all ease .5s; }
.map h2 { font-size: 2em; font-weight: 800; margin: 0 0 2em 0; }

.enlarge-map { height: 800px; transition: all ease .5s; }
.enlarge-ina { left: 40% !important; top: 3em !important; }
.enlarge-ina #map { opacity: 1 !important; transition: all ease .5s; }
.enlarge-ina img { width: 3000px !important; height: auto; transition: all ease .5s; }
.enlarge-aus { left: 20% !important; top: 3em !important; }
.enlarge-aus #map { opacity: 1 !important; transition: all ease .5s; }
.enlarge-aus img { width: 3000px !important; height: auto; transition: all ease .5s; }


#map li {
   display: block;
   position: absolute;
   width: 2rem;
   height: 2rem;
   background-color: white;
   border: 2px solid #4696D7;
   color: black;
   border-radius: 2rem;
   font-size: 1rem;
   text-align: center;
   line-height: 1.9rem;
   cursor: pointer;
   transform: translateX(-1rem)
              translateY(-2.2rem);  
  transition: transform .5s ease-out,
              background-color .25s ease-out;
}

#map li:after{
   content:'';
   display: block;
   width: 0; height: 0;
   margin-top:-.30rem;
   margin-left:.25rem;
   border-left: .65rem solid transparent;
   border-right: .65rem solid transparent;
   border-top: .65rem solid #4696D7;  
   transition: border-top .25s ease-out;
}

#map li:hover{
  color: #FFF;
  background-color: #4696D7;
  transform: translateX(-1rem)
              translateY(-2.5rem); z-index: 999;
}

#map li:hover:after{
  border-top: .65rem solid #4696D7;
}

/*
#map li .tooltipx { opacity: 0; display: none; position: fixed; text-align: center; padding: .5em 1em; background: #F19A38; color: #FFF; right: 0; top: 0; transform: translateY(0); min-width: 200px; border-radius: .25em; transition: all .25s ease; line-height: 1.2em; font-size: .8em; }
#map li:hover .tooltipx { opacity: 1; display: block; transition: all .25s ease;  }
#map li .tooltipx .colorsoft { color: #FBE2BD; font-size: 0.8em; }
*/

.map_ina {}
.map_ina_1 { top: 65%; left: 49.5%; }
.map_ina_2 { top: 60%; left: 50.7%; }
.map_ina_3 { top: 76%; left: 48%; }
.map_ina_4 { top: 130%; left: 45.5%; }
.map_ina_5 { top: 148%; left: 46.5%; }
.map_ina_6 { top: 152%; left: 45.5%; }
.map_ina_7 { top: 135%; left: 47.5%; }
.map_ina_8 { top: 95%; left: 49%; }
.map_ina_9 { top: 110%; left: 45%; }

.map_aus {}
.map_aus_1 { top: 142%; left: 63.6%; }
.map_aus_2 { top: 100%; left: 58.5%; }
.map_aus_3 { top: 120%; left: 62%; }
.map_aus_4 { top: 133%; left: 65%; }
.map_aus_5 { top: 90%; left: 58.4%;  }
.map_aus_6 { top: 77%; left: 58.7%; }
.map_aus_7 { top: 110%; left: 60%; }

.map_ina_1x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_2x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_3x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_4x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_5x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_6x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_7x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_8x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_ina_9x { left: 50px; top: 50%; transform: translateY(-50%); }

.map_aus_1x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_2x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_3x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_4x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_5x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_6x { left: 50px; top: 50%; transform: translateY(-50%); }
.map_aus_7x { left: 50px; top: 50%; transform: translateY(-50%); }

.map_x { opacity: 0; display: none; position: absolute; padding: 2px; background: #FFF; color: #212529; text-align: left; width: 304px; border-radius: .25em; transition: all .25s ease; line-height: 2; font-size: .8em; }
.map_ina_1:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_2:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_3:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_4:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_5:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_6:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_7:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_8:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_ina_9:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }

.map_aus_1:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_2:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_3:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_4:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_5:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_6:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_aus_7:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_x img { width: 300px !important; height: 150px !important;  }
.map-misc { padding: 1em !important; }
.colorsoft { color: #5CB247; }
.map_x a { color: #5CB247; text-decoration: none; display: none; }

.operational-profile { padding: 3em 0; }
.operational-profile h1 { margin: 0 0 1em 0; font-weight: 800; color: #5CB247; }
.operational-profile a { color: #000; text-decoration: none; }
.operational-profile-box { margin: 0 0 1.5em 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.operational-profile-image {}
.operational-profile-image img { width: 100% !important; height: auto; }
.operational-profile-content { padding: 1em; }
.operational-profile-name { font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }
.operational-profile-misc { font-size: 0.8em; }

.stock { text-align: left; }
.stock a { background: #518441; padding: 1em 2em; text-decoration: none; color: #FFF; }
.stock1 { font-size: 2em; font-weight: 900; }
.stock2 { font-size: 3em; font-weight: 900; }
.stock3 { font-size: 1.5em; font-weight: 900; color: #518441; margin: 0 0 .5em 0; }
.stock4 { font-size: 1em; font-weight: 900; margin: 0 0 2em 0; }

.profil { position: relative; overflow: hidden; padding: 5em 0; }
.profil h1 { font-size: 3em; font-weight: 800; color: #518441; padding: 0; }
.profil .status { padding: 0 0 1em 0; font-size: 1.5em; font-weight: 800; }
.profil img { width: 100%; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
.profil .backbutton { margin: 0 0 3em 0; }
.profil a { color: #212529; text-decoration: none; font-size: 1.5em; font-weight: 800; }

.slick-slide { margin: 0 10px !important; }
.slick-list { margin: 0 -10px !important; }
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 9; top: calc(50% - 68px); display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before { font-size: 33px; line-height: 1; opacity: .75; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev-dark:before,
.slick-next-dark:before { color: #333 !important; }

.slick-prev:before,
.slick-next:before { font-size: 50px; }
.slick-prev { left: 25px; }
.slick-next { right: 55px; }
.slick-prev-dark { left: 0 !important; }
.slick-next-dark { right: 20px !important; }

.pageselect { margin: 5em 0 0 0; }
.pageselect .page-item.active .page-link { background: #24A348; border-color: #24A348; }

.centering { text-align: center !important; }

.slideimage { float: left; width: 50%; margin: 0 1em 1em 0; }

.esg-slider-content { padding: 0 5em; }

.career-underdisplay { position: relative; color: #FFF; padding: 2em; margin: 0; background: linear-gradient(90deg, rgba(127,187,6,1) 0%, rgba(1,126,172,1) 100%); }
.career-underdisplay img { width: 100%; height: auto; }

.career-testi { background: #133451; color: #FFF; padding: 5em 0; }
.career-testi-image { position: relative; width: 100%; height: 0; padding-bottom: 120%; overflow: hidden; }
.career-testi img { position:absolute; object-fit: cover; width: 100%; height: auto; }
.career-testi h3 { font-size: 1.5em; font-weight: bold; }
.nextprev {}
.nextprev .fa-solid { color: #5CB247; font-size: 2em; }
.nextprev-button { display: inline; margin: 0 1em 0 0; }

.career-search { text-align: center; padding: 5em 0 0 0; }
.career-search h2 { font-weight: bold; }
.career-search-form { background: #5CB247; padding: 2em; border-radius: .5em; box-shadow: rgba(0, 0, 0, 0.3) 0px -5px 0px inset; color: #FFF; text-align: left; }
.career-search-form h3 { font-size: 1.2em; font-weight: bold; }
.career-search-form h4 { font-size: 1em; font-weight: bold; }
.career-search-form select { background: transparent; border: none; border-bottom: 1px solid #FFF; color: #FFF; }
select.form-control { -webkit-appearance: menulist; }
.career-search-form .btn-search { background: transparent; border: 1px solid #FFF; color: #FFF; }

.career-fraud { padding: 5em 0 0 0; }
.career-fraud img { width: 100%; height: auto; }
.career-fraud h2 { font-size: 2em; font-weight: bold; color: #4696D7; }

.career-slider { padding: 5em 0; }
.career-slider h2 { font-size: 2em; font-weight: bold; color: #4696D7; }
.career-slider img { width: 100%; height: auto; }
.career-slider .slick-prev,
.career-slider .slick-next { top: calc(50% - 10px); transform: translateY(-50%); }

.career-list-page { padding: 0; min-height: 100vh; }
.career-list-page h2 { font-size: 1.2em; font-weight: bold; padding: 0; margin: 0; }
.career-list-page h3 { font-size: 2em; font-weight: bold; padding: 0; }
.career-list-page-l { position: absolute; width: 100%; padding: 3em 1em; background: #E7F3E3; height: 100vh; }
.career-list-page-r { position: relative; padding: 3em 1em; }

.career-list-page .accordion-container {
  position: relative;
  height: auto;
}
.career-list-page .set {
  position: relative;
  width: 100%;
  height: auto;
}
.career-list-page .set > a {
  display: block;
  padding: 1em;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #DDD;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.career-list-page .set > a i {
	position: absolute;
	right: 1em;
	top: 2.25em;
}
.career-list-page .set > a.active {
  background-color:#E7F3E3;
}
.career-list-page .content {
  border-bottom: 1px solid #DDD;
  display:none;
}

.accordion-content {
  background-color: white;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}
.career-content { padding: 1em; }
.career-apply { text-align: center; }
.career-apply a { background: #5CB247; color: #FFF; padding: 1em 1.5em; text-decoration: none; border-radius: 0; }

.subsidiaries { margin: 0 0 3em 0; padding: 0 0 5em 0 }

.btn-ctamanagement { background: #F19A38 !important; color: #00294E !important; } 

@media (min-aspect-ratio: 16/9) {

}

@media (max-aspect-ratio: 16/9) {

}

@media (max-width: 767px) {

body { font-size: 16px; }

header {
  padding: 0 .5em;
}

header nav {
  display: flex;
  flex-direction: row;
}

.logo {
	padding: 3px 0;
}
.logo img {
	width: 100px; 
}

header { position: fixed; width: 100%; height: 55px; transition: all ease .5s; }

.submenu { display: none; }

.home-display { top: 55px; height: inherit; }
.home-display img { position: relative; height: auto; top: 0; left: 0; transform: translate(0,0); }
.home-display .text { height: inherit; }
.home-display .text h2 { font-size: 1.2em; font-weight: bold; }
.home-display .text-content { position: relative; z-index: 2; bottom: auto; left: auto; transform: translate(0,0); text-align: center; width: 100%; background: #133451; padding: 1em 0; }
.home-display .text-content a { padding: .5em 1em; font-size: .8em; font-weight: normal; }
.home-display-slider { width: 100%; overflow: visible; overflow-x: hidden; }
.home-display .slick-prev,
.home-display .slick-next { top: calc(35%); }

.home-stock { position: relative; z-index: 10; width: 100%; height: 95px; right: 0; bottom: 0; background: #FFF; border-bottom: 1px solid #529638; }

.home-underdisplay { padding-top: calc(2em + 70px); }
.home-underdisplay .boxed img.point { width: 100%; margin: 0 !important; padding: 0 !important; }
.home-underdisplay .boxed .text { font-size: 1em; margin: 0; padding: 0; }

.home-underdisplay .boxed h3 { min-height: auto; }

.display-text-content h1 { font-size: 1.5em; }

.home-services h2 { position: relative; top: 0; left: 0; font-size: 1.5em; width: 100%; color: #000; padding: 0 .75rem; font-weight: bold; }
.home-services .home-service img.display { position: relative; top: 0; left: 0; width: 100%; height: 400px; object-fit: cover; transition: ease all .5s; }
.home-services .home-service:hover img.display { filter: brightness(0.5); }
.home-services .home-service .content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em; transition: ease all .5s; font-size: 0.8em; }

.home-news-img { position: relative; height: 0; padding-bottom: 50%; overflow: hidden; }
.home-recent-box .title { padding: 0; }

.home-report h3 { font-size: 1em; }

.home-vacancies { padding: 2em 0 3em 0; }
.home-vacancies h4 { font-size: 1.5em; }
.home-vacancies .text { margin: 0 0 2em 0; }
.home-vacancies a { padding: .5em 2em; }

.about-testimonial { padding: 2em; margin: 2em 0 4em 0; height: auto !important; }

.footer { padding: 2em 0 1em 0; }
.footer h3 { font-size: 1.2em; }
.footer-l { margin: 0 0 2em 0; }
.footer-r { margin: 0; }
.footer-r ul li { display: block; margin: 0 0 1em 0; }

.backbutton { position: relative; left: 0; top: 0; margin: 0 0 1em 0; }

.display { top: 50px; }
.display:before { background-image: none; }
.display-text { position: relative; background: #133451; width: 100%; padding: 1.5rem .75rem; color: #FFF; }
.display-text-content { width: 100%; position: relative; top: 0; left: 0; transform: translate(0); }
.display-text-content h3 { font-size: 1.2em; }
.display-text-back1 { display: none; }
.display-text-back2 { display: block; }

.home-underdisplay .boxed { text-align: left; margin: 0; padding: 0; }
.home-underdisplay .boxed img { margin: 0; width: 100%; }
.home-underdisplay .boxed .text { padding: 0; margin: 0; }

img.about-strategic { width: 100%; }

.about-management { padding: 3em 0; }
.about-management h1 { font-size: 2em; }
.about-management h2 { font-size: 1.5em; }
.about-management .boxed { margin: 0 0 3em 0; }
.about-management .boxed h3 { font-size: 1em; }

.about-milestones { padding: 3em 0; }
.about-milestones h1 { font-size: 1.5em; }
.about-milestones h4 { font-size: 1em; }
.about-milestones img { width: 100%; height: auto; }

.about-milestones-container img { width: 70px; }
.timeline-content h3 { font-size: 1.5em; }

.investors-box { margin: 0 0 3em 0; }
.investors-box img { margin: 0 0 1em 0; max-width: 64px; }

.investors-report-update-box {}

.home-underdisplay .code-of-conduct { text-align: left; }
.code-of-conduct img { width: 100%; height: auto; }
.home-underdisplay .code-of-conduct h5 { font-size: 1em; font-weight: 800; height: auto; display: block; text-align: left; margin: 0 0 1em 0; }
.home-underdisplay .code-of-conduct .text { font-size: 1em; }

.archive { position: relative; top: 50px; padding: 3em 0; margin: 0 0 33px 0; }
.archive h2 { font-size: 1.5em; margin: 0 0 1em 0; }
.archive table { margin: 1em 0 5em 0; }

.stock { text-align: center; }
.stock a { background: #518441; padding: 1em 2em; text-decoration: none; color: #FFF; }
.stock1 { font-size: 1.5em; font-weight: 900; }
.stock2 { font-size: 2.5em; font-weight: 900; }
.stock3 { font-size: 1em; font-weight: 900; color: #518441; margin: 0 0 .5em 0; }
.stock4 { font-size: 1em; font-weight: 900; margin: 0 0 2em 0; }

.profil { top: 50px; padding: 3em 0 6em 0; }
.profil h1 { font-size: 2em; }
.profil .status { font-size: 1em; }
.profil img { width: 60%; }
.profil .backbutton { margin: 0 0 2em 0; }
.profil a { font-size: 1em; }

.single-display { position: relative; height: auto; }
.single-display img { position: relative; width: 100%; height: auto; object-fit: contain; }

.single { top: 50px; padding: 3em 0 6em 0; }
.single-site { top: 30px; padding: 3em 0 6em 0; }
.single h1 { font-size: 2em; }
.single h2 { font-size: 1.5em; }
.single h3 { font-size: 1.2em; }
.single a { font-size: 1em; }

.single2 { top: 0; padding: 1.5em 0 6em 0; }

.slick-prev,
.slick-next { top: 50%; transform: translateY(-50%); }

.slick-prev:before,
.slick-next:before { font-size: 30px; }
.slick-prev { left: .75rem; }
.slick-next { right: calc( .75rem + 11px); }

.career-testi-image { position: relative; width: 50%; height: 0; padding-bottom: 60%; margin: 0 auto; overflow: hidden; }
.career-testi img { position:absolute; object-fit: cover; width: 100%; height: auto; }

.map { margin: 3em  0 0 0;}

.centering { text-align: left !important; }

.subsidiaries { margin: 0; }
.subsidiaries img { padding: 0 0 2em 0; width: 70% !important; margin: 0 auto !important; }

.hideonmob { display: none; }

.h--timeline-event-content{
    width: 100% !important;
	box-shadow: none !important; 
	border-color: #EEE !important;
}

.map { height: 300px; } 
.map #img-ina { height: 200px; top: 7em; }
.map #img-ina img { width: 450px; }
.map #img-aus { height: 200px; top: 7em; }
.map #img-aus img { width: 450px; }

.enlarge-map { height: 600px; }
.enlarge-ina { left: 50% !important; top: 5em !important; }
.enlarge-ina img { width: 2000px !important; }
.enlarge-aus { left: -30% !important; top: 5em !important; }
.enlarge-aus img { width: 2000px !important; }

.single-title .text h1 { font-size: 1.5em; padding: 4em 0 0 0; }

#map li {
   width: 1.2rem;
   height: 1.2rem;
   border: 1px solid #F19A38;
   border-radius: 1rem;
   font-size: .7rem;
   line-height: 1.2rem;
}

#map li:after{
   display: none;
}

.map_ina {}
.map_ina_1 { top: 95%; left: 50%; }
.map_ina_2 { top: 90%; left: 51%; }
.map_ina_3 { top: 106%; left: 48.5%; }
.map_ina_4 { top: 180%; left: 46%; }
.map_ina_5 { top: 208%; left: 47%; }
.map_ina_6 { top: 215%; left: 45.5%; }
.map_ina_7 { top: 195%; left: 48%; }
.map_ina_8 { top: 136%; left: 49.3%; }
.map_ina_9 { top: 153%; left: 45.5%; }

.map_aus {}
.map_aus_1 { top: 200%; left: 63.6%; }
.map_aus_2 { top: 140%; left: 58.5%; }
.map_aus_3 { top: 160%; left: 62%; }
.map_aus_4 { top: 183%; left: 65%; }
.map_aus_5 { top: 125%; left: 58.4%;  }
.map_aus_6 { top: 107%; left: 58.7%; }
.map_aus_7 { top: 150%; left: 60%; }

.map_ina_1x,
.map_ina_2x,
.map_ina_3x,
.map_ina_4x,
.map_ina_5x,
.map_ina_6x,
.map_ina_7x,
.map_ina_8x,
.map_ina_9x { left: 2em; top: 50%; transform: translateY(-50%); }

.map_aus_1x,
.map_aus_2x,
.map_aus_3x,
.map_aus_4x,
.map_aus_5x,
.map_aus_6x,
.map_aus_7x { left: 2em; top: 50%; transform: translateY(-50%); }

.map_x { padding: 1px; width: 200px; font-size: 1em; }
.map_ina_1:hover .map_x,
.map_ina_2:hover .map_x,
.map_ina_3:hover .map_x,
.map_ina_4:hover .map_x,
.map_ina_5:hover .map_x,
.map_ina_6:hover .map_x,
.map_ina_7:hover .map_x,
.map_ina_8:hover .map_x,
.map_ina_9:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }

.map_aus_1:hover .map_x,
.map_aus_2:hover .map_x,
.map_aus_3:hover .map_x,
.map_aus_4:hover .map_x,
.map_aus_5:hover .map_x,
.map_aus_6:hover .map_x,
.map_aus_7:hover .map_x { opacity: 1; display: block; transition: all .25s ease;  }
.map_x img { width: 100% !important; height: auto !important;  }


}

.business-map { width: 100%; overflow: hidden; margin: 0 0 3em 0 !important; padding: 0 !important; }
.columnx {}
.columnx img { position: relative; width: 100%; height: auto; border-radius: .375rem; }

.modal-profile { color: inherit; }
.modal-profile .foto { position: relative; width: 100%; height: 0; padding-bottom: 100%; }
.modal-profile .foto img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.modal-profile .isi { color: #212529; }
.modal-profile .isi { position: relative; overflow: hidden; padding: 0; margin: 0; }
.modal-profile .isi h3 { font-size: 2em; font-weight: 800; color: #518441; padding: 0; margin: 0; }
.modal-profile .isi h4 { font-size: 1em; font-weight: 800; color: #212529; padding: 1em 0; margin: 0; }
.modal-profile .isi .status { padding: 0 0 1em 0; font-size: 1.5em; font-weight: 800; }

.tradingview-widget-copyright { display: none !important; }

/* Timeline defaults */
/* --------------------------------------- */
.h--timeline-container *,
.h--timeline-events *{
  outline: 0;
}
.h--timeline-container,
.h--timeline-events{
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.h--timeline-navigation-container ul, .h--timeline-navigation-container li,
.h--timeline-events ol, .h--timeline-events li,
.h--timeline-line ol, .h--timeline-line li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.h--timeline{
    opacity: 0;
    transition: opacity 0.2s;
    line-height: 1.5;
}
.h--timeline--loaded{
    opacity: 1
}
.h--timeline-container{
    height: 100px;
}
.h--timeline-dates{
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

/* Timeline blur effect for start and end */
/* --------------------------------------- */
.h--timeline-dates::after,.h--timeline-dates::before{
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 50px;
}
.h--timeline-dates::before{
    left: 0;
    background: linear-gradient(to right, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0));
}
.h--timeline-dates::after{
    right: 0;
    background: linear-gradient(to left, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0));
}

/* Timeline horizontal line */
/* --------------------------------------- */
.h--timeline-line{
    position: absolute;
    z-index: 1;
    left: -20px;
    top: 49px;
    height: 2px;
    background-color: #CCC;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.h--timeline-filling-line{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #133451;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}


/* Bullet points */
/* --------------------------------------- */
.h--timeline-date{
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 0.75rem;
	color: #212529;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
.h--timeline-date:hover{
    font-weight: 600;
	color: #133451;
}
.h--timeline-date::after,
.h--timeline-date::before{
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -7px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #CCC;
    background-color: #FFF;
    transition: background-color 0.3s, border-color 0.3s, top 0.3s;
}
.h--timeline-date::before{
    bottom: -4px;
    height: 9px;
    width: 9px;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    z-index: 2;
}
.h--timeline-date:hover::before,
.h--timeline-date:hover::after{
    transition: background-color 0.3s, border-color .3s, top .3s;
}
.h--timeline-date:hover::after{
    background-color: #FFF;
    border-color: #133451;
}
.h--timeline-date--selected{
    pointer-events: none;
    color: #133451;
}
.h--timeline-date--selected::after{
    background-color: #FFF;
    border-color: #133451;
}
.h--timeline-date--selected::before{
    background-color: #133451;
}
.h--timeline-date--older-event::after{
    background-color: #133451;
    border-color: #133451;
}


/* Caroussel navigation */
/* --------------------------------------- */
.h--timeline-navigation{
    font-size: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #FFF;
    transition: border-color 0.3s;
}
.h--timeline-navigation::after{
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAABQUlEQVRIS9XUwWrCQBAG4JnEhiRHBQut+AY+gEq8tLSvUuih9Ek8iL5K0YMEvPkEHjwo2lYQek2IMdOJJ7tuki5LDnoKyHzZnZn8CJo/1KwHKfB299iMKcHh93Rd9IIL4OX2qX5j0QwRLTpG3uDT3+YhF8B747kaY+Iz0OLCVRxE7dHe32Uh0iucI0SwhIPZGew+9jIks4l/EIAFRGZPhuROQUQqCXb72/HP+UnKA7SuoNVEsfgYRp7SGF/vH2qmacwB0CjagbSZmat8AINGX5ON8ioXFYj/l/M1qpyinBMEQdBMG+w4jnoeEFE9DMMZAxY/e67rquUBF1UZ8Bk45YFt223OBrU8EJAlIx1G1PJAQBaM9GRI7hQkSJeR/+eBFqB1Ba0mSoo9pTEyUOM94DwAo2gHMvMgXWWGiLfwCvLgF1jY2yHNUya7AAAAAElFTkSuQmCC) no-repeat 0 0;}
.h--timeline-navigation:hover{
    border-color: #133451;
}
.h--timeline-navigation--prev{
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.h--timeline-navigation--next{
    right: 0;
}
.h--timeline-navigation--inactive{
    cursor: not-allowed;
}
.h--timeline-navigation--inactive::after{
    background-position: 0 -16px;
}
.h--timeline-navigation--inactive:hover{
    border-color: #FFF;
}

/* Timeline events container */
/* --------------------------------------- */
.h--timeline-events{
    overflow: hidden;
    transition: height .4s;
	padding-top: 1rem;
	padding-bottom: 3rem;
}
.h--timeline-event{
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 1rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 1px 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.h--timeline-event-content{
    width: 80%;
	max-width: 800px;
    margin: 2rem auto 0;
	padding: 2rem;
	border: 1px solid #F9F9F9;
	border-radius: 0.375rem;
	box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
}
.h--timeline-event--selected{
    position: relative;
	top: 0;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* Timeline animations */
/* --------------------------------------- */
.h--timeline-event--enter-right,.h--timeline-event--leave-right{
    -webkit-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.h--timeline-event--enter-left,.h--timeline-event--leave-left{
    -webkit-animation-name: cd-enter-left;
    animation-name: cd-enter-left ;
}
.h--timeline-event--leave-right,.h--timeline-event--leave-left{
    animation-direction: reverse;
}
.h--timeline-event-title{
    color: #000;
    font-size: 2rem;
    font-weight: 600;
	margin: 0 0 1em 0;
}
.h--timeline-event-title:after {
  border-bottom: 7px solid #4696D7;
  content: "";
  display: block;
  position: relative;
  width: 80px;
  top: .4em;
  left: 0 !important;
}
.h--timeline-event-date{
    display: block;
    font-style: italic;
    margin: 0.5rem auto;
    margin: 1rem auto;
}
.h--timeline-event-date::before{
    content: '- ';
}
.h--timeline-event-deion {}
.h--timeline-event-deion ul { margin: 0 0 0 1em; padding: 0; }
.h--timeline-event-deion ul li { list-style: disc !important; margin: 0 0 1em 0; }
.h--timeline-event-deion ul li:last-child { margin: 0; }

@-webkit-keyframes cd-enter-right{
    0%{
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes cd-enter-right{
    0%{
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100%{
        opacity:1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes cd-enter-left{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.modal-announcement-header { border-bottom: 2px solid #109846; text-align: center;  }
.modal-announcement-header h5 { font-weight: bold; font-size: 1em; }
.modal-announcement-body { font-size: .9em; }
.modal-announcement-body a { color: #F19A38; text-decoration: none; }
.modal-announcement-footer {}