@charset "utf-8";
/* CSS Document */
body { font-family: "Lato", Helvetica, Arial, "sans-serif"; text-align:  center; margin:0 auto; color: #30497a; line-height:1.5em; letter-spacing:0.04em; hyphens: none; }
a, a:link, a:visited { color: inherit; }
img { width:100%; height:auto; max-width:100%; display: block; margin:0 auto; }

.header { z-index: 2; }
.header .col2 { width: 50%; display: inline-block; vertical-align: middle; padding:0 10px; box-sizing: border-box; }
.header, .sitemap { max-width:1280px; margin:0 auto; position: relative; }
.header .logo { padding:0%; box-sizing:border-box; position: relative; z-index: 2; }
.header nav ul { list-style: none; display:flex; flex-wrap:nowrap; align-items: center; justify-content:center; padding: 0; position: relative; }
.header nav li { width:auto; flex-grow: 1; font-size: 1rem; cursor: pointer; -webkit-tap-highlight-color:transparent; }
.header nav li > ul { display:none; }
.header nav li > ul > li > ul { position:relative; }
.header nav li:hover > a, nav li ul li a:hover { text-decoration:underline; } nav li:hover ul a { text-decoration: none; }
.header nav li:hover ul { display: block; background: white; position: absolute; right:0%; top:100%; width: 100%; min-width: 16rem; text-align: left; padding:0 5% 2.5%; overflow: hidden; box-sizing: border-box;}
.header nav li:hover ul li { text-decoration: none; }
.header nav a { display: block; padding:20px 0px; text-decoration: none; font-weight: bold;   }
.header nav li li a { padding: 5px 0px; }
.header nav li > ul { text-transform: uppercase; }
.header nav li > ul > li > ul { text-transform: none; position: relative !important; background: none; }
.header nav li > ul > li > ul a { font-weight: normal; }

.header .menu-btn { display: none; }
.header .menu-icon .navicon { background: #30497a; display: none; height: 2px; width: 10vw;  position: absolute; top:50%; right: 5%; transition: background .2s ease-out; z-index: 2; }
.header .menu-icon .navicon:before, .header .menu-icon .navicon:after { background: #30497a; content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out; width: 100%; }
.header .menu-icon .navicon:before { top: 2vw; }
.header .menu-icon .navicon:after { top: -2vw; }
.header .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; background: black; z-index: -1; }
.header .topOverlay { display:none; top: 0; left: 0; width: 100%; height: 100%; visibility: visible; opacity: 1; z-index: 1; position: absolute; background: white; transition: none; }
.header .menu-sub { display: none; }

.footer { background-color: #efefef; margin-top:5px; }
.footer .col1 { width:100%; max-width:1280px; display: block; }
.footer .logo { max-width:320px; padding:20px 10px 0px; box-sizing:border-box; }
.footer .sitemap { padding:0px 20px; }
.footer .sitemap a { display: block; padding:0px 0px 15px; text-decoration: none; font-weight: bold; }
.footer .sitemap ul { list-style: none; display:flex; flex-wrap:nowrap; align-items: flex-start; justify-content:center; padding: 0; text-align: left; text-transform: uppercase; margin:0 auto; }
.footer .sitemap li { width:auto; flex-grow: 1; font-size: 1rem; padding-bottom:40px; }
.footer .sitemap a:hover { text-decoration:underline; }
.footer .sitemap li ul { display: block; padding-left:20px; }
.footer .sitemap li li {font-size:0.875rem; padding:0px; }
.footer .sitemap li ul a { padding:5px 0px; }
.footer .sitemap li > ul > li > ul a { text-transform: none; font-weight: normal; }
.footer .acknowledgementOfCountry { border-top:1px solid #30497a; padding:40px 0px; }
.footer .acknowledgementOfCountry p { max-width:920px; margin:0 auto; line-height: 1.5em; padding:0 10px; }
.footer .acknowledgementOfCountry .imgFlags { max-width:60px; padding:10px 0px 5px; }

.footer .bottombanner { background-color: #30497a; color:white !important; text-transform: uppercase; font-size:0.875rem; font-weight: bold; letter-spacing: 0.06em; }
.footer .bottombanner a { display: inline-block; padding:10px; text-decoration: none; }
.footer .bottombanner a:hover { text-decoration:underline; }

.content .inner { max-width:1280px; margin:0 auto; padding:0; }
.content .col1 { padding: 0px 40px 30px; margin: 0 auto; }
.content .col2 { width: 50%; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 0px 40px 30px; }
.content .sideSwap { left:50%; position: relative; } .content .sideSwap ~ .sideSwap { left:-50%; }

.content .col_alt .col1 { padding-top:30px;}
.content .col_alt .col1:nth-child(odd) { background-color:#f3f6f8; }

.col_grid { max-width:1280px; margin:0 auto; }
.col_grid .col { width:33%; padding:1.5rem 3rem; display: inline-block; vertical-align: top; box-sizing: border-box; }
.col_grid p { text-align: center; margin-top:-15px; }

.content h1 { text-transform: uppercase; font-weight: bold; font-size: 1.5rem; margin-bottom:40px; }
.content h2 { font-weight: bold; margin-top:30px; font-size:1.25rem; }
.content h3 { text-align: left; font-weight: normal; text-decoration: underline; font-style: italic; }
.content p { text-align: justify; }
.content p.quote { font-style: italic; font-weight: bold; text-align: center; margin:10px auto 40px; }
.content ul { text-align: justify; }

.content .btnJobs {  background-color:#30497a; color: white; padding:1rem 1.5rem; display: inline-block; margin:20px 10px 0px; text-transform: uppercase; text-decoration: none; }

.content .linkMore { display: flex; justify-content: center; margin:auto -1rem; }
.content .linkMore .linkType { padding:1rem; position: relative; max-width:400px; }
.content .linkMore .linkType.current { pointer-events: none; }
.content .linkMore .linkType img { opacity: 1; transition: opacity .35s;  }
.content .linkMore .linkType:hover img, .content .linkMore .linkType.current img { opacity: 0.5; transition: opacity .35s;  }
.content .linkMore .linkType:hover .linkText, .content .linkMore .linkType.current .linkText { color:#30497a; transition: color .35s;  }
.content .linkMore .linkText { color:white; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1.25rem;  transition: color .35s; }

.content .vidWrapper { position: relative; overflow: hidden; margin:0 auto; }
.content .vidWrapper iframe { width:102%; height:102%; position: absolute; top:-1%; left:-1%; }

@media (max-width: 960px) {
	.header .col2 { width:80%; } .header .col2 ~ .col2 { width:20%; }
	.header nav { position: absolute; width:85%; top:100%; left:-85%; text-align: left; z-index: 2; transition: left .35s; }
	.header nav ul { flex-wrap: wrap; margin:0 auto; }
	.header nav li:hover ul { display: none; background: white; position: static; left:0%; top:100%; width: 100%; text-align: left; padding:0; }
	.header nav li { font-size:1rem; flex: 100%; background-color: #30497a; border-top: 1px solid white; color: white; position: relative; }
	.header nav a { padding:20px; text-decoration: none !important; }
	.header nav li li a { padding: 20px; }
	.header nav li li a { padding-left: 40px; }
	.header nav li li li a { padding-left: 60px; background-color:white; }
	.header nav ul ul { display: none; padding:0; overflow: hidden; width:100% !important; }
	.header nav li li { background-color:#cbd1de; color:#30497a; text-transform: none; }
	.header nav li li li { border-top: 1px solid #30497a; }
	.header nav li li li:first-of-type { border-top: 1px solid white; }
	
	.header .menu-icon { cursor: pointer; }
	.header .menu-icon .navicon, .header .menu-sub, .header .topOverlay { display: block; }
	.header .menu-btn:checked ~ nav { visibility: visible; left: 0%; transition: left .35s; }
	.header .menu-btn:checked ~ .menu-icon .overlay { visibility: visible; opacity: 0.4; z-index: 0; transition: opacity .35s, visibility .35s, height .35s; }
	.header .menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
	.header .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg); }
	.header .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);}
	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;}
	.header .sub-menu-open > .menu-sub .menu-sub-icon:before { transform: rotate(0deg); }
	.header .menu-sub { width: 10vw; height:auto; padding:20px; position: absolute; top:0%; right: 0%; z-index: 2; text-align: center; }
	.header .menu-sub-icon { color:#30497a; transition: background .2s ease-out; }
	.header .menu-sub-icon:before, .header .menu-sub-icon:after { background: white; content: '';  display: block;  height: 2px; width: 1rem; position: absolute; top:50%; left:50%; transition: all .2s ease-out;  }
	.header .menu-sub-icon:before { transform: rotate(90deg); }
	.header li li .menu-sub-icon { color:#cbd1de; }
	.header li li li .menu-sub-icon { color:white; }
	.header li li .menu-sub-icon:before, .header li li .menu-sub-icon:after { background-color:#30497a; }
	
	.footer .logo { max-width:80%; }
	.footer .sitemap ul { flex-wrap: wrap;justify-content: flex-start; }
	.footer .sitemap ul > li { flex: 50%; }	
	
	.content .inner  { padding:0% 5%; }
	.content .inner .col1 { padding:0% 0% 5%; }
	.content .inner .col2 { width: 100%; padding:0% 0% 5%; }
	.content .sideSwap { left:0% !important; }
	.content .col_alt .col1 { padding:1px 0% 5%; }
	.col_grid .col { width:50%; }
	
	.content .linkMore { flex-wrap: wrap; }
	.content .linkMore .linkType { flex-basis: 100%; max-width: 100%; }
}

@media (max-width: 600px) {
	.col_grid .col { width:100%; }
}