@charset "utf-8";


@font-face {
  font-family: 'icon';
  src: url('../fonts/icon.woff2') format("woff2"),
    url('../fonts/icon.woff') format("woff");
}

:root {
  --primary-blue: #0f3c96;
  --primary-light: #006fdd;
  --primary-dark: #03276a;
  --secondary-blue: #9ac9e5;
  --secondary-light: #c7e3f3;
  --secondary-dark: #38769c;
  --yellow: #fbb914;
  --purple: #511966;
  --brown: #8b670a;
  --red: #e11919;
  
  --olive1: #d9e0c2;
  --olive2: #829736;
  --olive3: #446b1c;
  --olive4: #264A00;
  --green1: #effae3;
  --green2: #93df42;
  --lakeblue1: #dff1ee;
  --lakeblue2: #35c8b5;
  --lakeblue3: #1E8379;
  --lakeblue4: #145f55;
  --orange1: #f8f5d6;
  --orange2: #fcc244;
  --orange3: #e26b14;
  --orange4: #bf4300;
  --blue1: #e8eef2; 
  --blue2: #0061a8;
  --pink1: #f7eff3;
  --pink2: #bf0a65;
  --purple1: #f2edf4;
  --purple2: #8337ad;
  --deepgreen1: #eaf1e7;
  --deepgreen2: #307a13;
  --brown1: #f4eee5;
  --brown2: #996213;
  --deepred1: #fbebe7;
  --deepred2: #d33d12;
  --indigo1: #e8e8f1;
  --indigo2: #2b287d;
  --grey1: #f8f8f8;
  --grey2: #f0f0f0;
  --grey3: #dbdbdb;
  --grey4: #bbbbbb;
  --grey5: #6b6b6b;
  --white: #ffffff;
  --black: #000000;
  --body-text: #333333;
  --icon-size: 44px;
  --icon-border: 2px;
  --icon-padding: 10px;
  --icon-gap: 10px;
  --page-header-height: 106px;
  --pl-space:10.5263%;
  --pr-space:10.5263%;
  --corner-radius1: 50px;
  --corner-radius2: 25px;
  --corner-radius3: 10px;
  --corner-radius4: 5px;

  --font-size1: 0.8em; /*16px*/ 
  --font-size2: 1.0em; /*20px*/ 
  --font-size3: 1.3em; /*26px*/ 
  --font-size4: 1.6em; /*32px*/ 
  --font-size5: 2.2em; /*44px*/ 
  --font-size6: 2.8em; /*56px*/         
  --font-size7: 3.5em; /*70px*/ 
  --font-size8: 4.1em; /*82px*/  
  
  --line-height1: 1.20em;
  --line-height2: 1.40em;
  --line-height3: 1.60em;
  

  
  --font-mb1:0.5em; /* margin bottom*/
  --font-mb2:0.6em; /* margin bottom*/
  --font-mb3:0.75em; /* margin bottom*/
  
  --home-section-pb:190px; /* padding bottom*/
}

[id] {
  scroll-margin-top: var(--page-header-height);
}

@layer core {
  html {
    border: 0;
    margin: 0 auto;
    padding: 0;
    min-height: 100vh;
    /* scroll-behavior: smooth; */
  }

  body {
    font-family: 'Roboto', Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-variant-ligatures: none;
    font-size: 20px;
    color: var(--body-text);
    line-height: 1.2;
    font-weight: 400;
    min-height: 100vh;
  }

  body {
    opacity: 0;
  }

  body.done {
    opacity: 1;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: " ";
  }

  .clearfix:after {
    clear: both;
  }

  *:focus-visible {
    outline: black solid 2px;
  }

  a {
    transition: font-size .3s ease 0s, color .3s ease 0s, background-color .3s ease 0s, padding .3s ease 0s, margin .3s ease 0s;
  }

  sub,
  sup {
    font-size: 0.777em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.35em;
  }

  #skipToContent {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 5000;
  }

  #skipToContent a {
    background: var(--white);
    font-size: 100%;
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }

  #skipToContent a:focus,
  #skipToContent a:active {
    display: inline;
    height: auto;
    left: 0;
    padding: 4px;
    top: 0;
    width: 180px;
    z-index: 1000;
    background: #005295;
    color: var(--white);
  }

  .videoWrap,
  .youtubeWrap {
    position: relative;
  }

  .youtubeWrap iframe,
  .videoWrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .accessibility {
    height: 0;
    width: 0;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-indent: -9999px;
  }

  .hidden,
  .invisible {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    display: inline;
  }

  .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
  }

  /********* dialog ************/
  dialog {
    /* display: block; */
    inset: 0;
    z-index: 10000;
    width: 95%;
    max-width: 800px;
    max-height: 100svh;
    overflow: hidden;
    transition: opacity .5s;
    animation-timing-function: cubic-bezier(.5, -.5, .1, 1.5);
    border-radius: var(--border-radius);
    padding: 0;
    border: 0;
    box-shadow: 0 0 15px 7px rgba(0, 0, 0, 0.2);
  }

  dialog[open] {
    --animation-slide-in-up: slide-in-up .5s cubic-bezier(.25, 0, .3, 1);
    animation: var(--animation-slide-in-up) forwards;
  }

  dialog:not([open]) {
    pointer-events: none;
    opacity: 0;
  }

  dialog::backdrop {
    backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, .5);
  }

  dialog[open]::backdrop {
    animation: backdrop-fade-in 0.5s ease-out forwards;
  }

  @keyframes slide-in-up {
    0% {
      transform: translateY(-100%)
    }
  }

  @keyframes backdrop-fade-in {
    from {
      -webkit-backdrop-filter: blur(0);
      backdrop-filter: blur(0);
    }

    to {
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }
  }

  dialog article {
    background-color: var(--white);
    width: 100%;
    max-height: 100svh;
  }

  dialog article header {
    font-size: 1.777em;
    line-height: 1em;
    padding: 1.5rem;
    /* background-color: var(--second-color); */
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }

  dialog article header>*:last-child,
  dialog article .modal-content .modal-scroll-content>*:last-child {
    margin-bottom: 0 !important;
  }

  dialog article .modal-content {
    padding: 1.5rem;
  }

  dialog article .modal-content .modal-scroll-content {
    max-height: calc(100svh - 280px);
    overflow-y: auto;
    padding-right: 5px;
  }

  .firefox dialog article .modal-content .modal-scroll-content {
    scrollbar-color: var(--olive2) var(--grey3);
    scrollbar-width: thin;
  }

  dialog article .modal-content .modal-scroll-content::-webkit-scrollbar {
    width: 10px;
    /* height: 10px; */
  }

  dialog article .modal-content .modal-scroll-content::-webkit-scrollbar-track {
    background-color: var(--grey3);
    border-radius: var(--corner-radius3);
  }

  dialog article .modal-content .modal-scroll-content::-webkit-scrollbar-thumb {
    background-color: var(--olive2);
    border-radius:  var(--corner-radius3);
	transition: background-color .3s;
  }
  
  dialog article .modal-content .modal-scroll-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--olive3);
  }

  dialog article footer {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--grey1);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }

  dialog article footer.no-border {
    border-top: none;
  }

  dialog article footer.text-center {
    justify-content: center;
  }

  dialog a.close-modal-btn {
    width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: var(--lakeblue3);
    color: var(--white) !important;
    transition: all 0.3s ease 0s;
  }

  dialog a.close-modal-btn:is(:hover, :focus) {
    background-color: var(--blue2);
  }

  dialog a.close-modal-btn:before,
  dialog a.close-modal-btn:after {
    content: '';
    position: absolute;
    width: 55%;
    height: 2px;
    background-color: currentColor;
    top: 19px;
    left: 9px;
  }

  dialog a.close-modal-btn:before {
    transform: rotate(45deg);
  }

  dialog a.close-modal-btn:after {
    transform: rotate(-45deg);
  }

  /****** dialog end *********/


  object {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    -webkit-transition: width 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: width 0.25s ease 0s;
  }

  ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.8);
  }

  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
  }

  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 0.8);
    opacity: 1;
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.8);
  }

  ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.8);
  }

  ::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(255, 255, 255, 0.8);
  }

  input:focus::-moz-placeholder {
    color: rgba(255, 255, 255, 1);
  }

  input:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 1);
  }

  input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 1);
  }

  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type="number"] {
    -moz-appearance: textfield;
  }

  input[type="search"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  strong {
    font-weight: 700;
  }

  .container {
    width: 100%;
    /* padding: 0 40px; */
	padding-left: var(--pl-space);
	padding-right: var(--pr-space);
    margin: 0 auto;
    /* max-width: 1580px; */
    -webkit-transition: padding .3s ease 0s, gap .3s ease 0s;
    transition: padding .3s ease 0s, gap .3s ease 0s;
  }

  #wrapper {
    width: 100%;
    min-width: 320px;
    max-width: 3000px;
    min-height: 100vh;
    margin: 0 auto;
    position: relative;
    background: var(--grey1);
  }

  #wrapper.grayscale {
    filter: grayscale(1);
  }
  
  #wrapperInner {
    position: relative;
	/* overflow: hidden; */
  }

  #headerZone {
    /* position: sticky; */
	position: fixed;
    z-index: 997;
    width: 100%;
    top: 0;
    left: 0;
	background-color:transparent;
    /* background-color: var(--white);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1); */
	transition:background-color .3s;
  }
  
  #headerZone.fixed {
    background-color: var(--white);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.1);	
  }

  #headerTop {
    max-width: 100%;
	padding-left: var(--pl-space);
	padding-right: var(--pr-space);
    display: flex;
    align-items: center;
    /* padding: 0 2.22em; */
    -webkit-transition: padding .3s;
    transition: padding .3s;
  }

  #logoWrap {
    padding: 15px 0;
	height: var(--page-header-height);
    /* flex: 1; */
	transition: all .3s;
  }
  
/*   #headerZone.fixed #logoWrap {
    padding: 12px 0;
	height: 76px;
  } */

  #logoWrap a {
	display: block;
	height: 100%;
  }

  #logoWrap a img {
    /* display: block;
    max-width: 100%;
	height: 100%; */
  }

  #mmenuCtrl {
    display: none;
    width: 46px;
	/* z-index: 2000; */
	z-index: 100;    
  }
  
  #mmenuCtrl a {
    display: block;
    position: relative;
  }
  
  #mmenuCtrl a>span {
	position:relative;
	text-indent: -9999px;
	display:block;
	width:45px;
	height:45px;
	background-image:url(../images/icon-menu.svg);
	background-color: var(--lakeblue3);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:26px;
    border-radius: 50%;
    transition: all .3s;
  }
  
  #mmenuCtrl a:is(:hover, .focus)>span {
	background-color:var(--blue2);
  }

  /* #mmenuCtrl a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }

  #mmenuCtrl.active {
    background-color: var(--primary-blue);
  }

  #mmenuCtrl a>span {
    display: block;
    width: 42px;
    height: 42px;
  }

  #mmenuCtrl a>span {
    text-indent: -9999px;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 16px;
    height: 2px;
    background-color: var(--primary-light);
  }

  #mmenuCtrl a>span:before,
  #mmenuCtrl a>span:after {
    content: "";
    height: 2px;
    width: 16px;
    background-color: var(--primary-light);
    position: absolute;
    display: block;
  }

  #mmenuCtrl a>span,
  #mmenuCtrl a>span:before,
  #mmenuCtrl a>span:after {
    transition: width 0.3s ease 0s, transform 0.3s ease 0s, color 0.3s ease 0s;
  }

  #mmenuCtrl.active a>span,
  #mmenuCtrl.active a>span:before,
  #mmenuCtrl.active a>span:after {
    background-color: var(--white);
  }

  #mmenuCtrl a>span:before {
    top: -8px;
  }

  #mmenuCtrl a>span:after {
    top: 8px;
  }

  #mmenuCtrl:hover span,
  #mmenuCtrl:hover span:before,
  #mmenuCtrl:hover span:after,
  #mmenuCtrl.focus span,
  #mmenuCtrl.focus span:before,
  #mmenuCtrl.focus span:after {
    width: 24px;
  }

  #mmenuCtrl.active a>span {
    background: transparent;
    width: 24px;
  }

  #mmenuCtrl.active a>span:before,
  #mmenuCtrl.active a>span:after {
    top: 0;
    width: 24px;
    background-color: var(--white);
  }

  #mmenuCtrl.active a>span:before {
    transform: rotate(45deg);
  }

  #mmenuCtrl.active a>span:after {
    transform: rotate(-45deg);
  } */

  #topNavWrap {
    display: flex;
    justify-content: right;
    align-items: center;
	flex: 1;
  }

  #topNav {
    padding-right: 6px;
    margin-right: 15px;
    position: relative;
  }

  #topNav:after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
  }

  #topNav ul li {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-right: 10px;
  }

  #topNav ul>li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #7fb61c;
    z-index: 50;
  }

  #siteTools {
    position: relative;
    /* padding-left: 20px; */
    display: flex;
    gap: 10px;
    height: 100%;
  }

  /* #siteTools:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
  } */

  #siteTools>ul {
    margin: 0 0 0 15px;
    text-align: right;
    display: flex;
    position: relative;
    align-items: center;
    gap: 15px;
  }

  #siteTools>ul>li {
    display: flex;
    position: relative;
    line-height: 35px;
    text-align: left;
    font-size: 1em;
    height: 100%;
  }

  #siteTools>ul>li>a {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    /*padding: 6px;*/
  }

  #siteTools>ul>li>a>span {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 0;
  }

  #siteTools .subnav {
    position: absolute;
    background-color: rgba(30, 131, 121, .97);
    opacity: 0;
    border-bottom-left-radius: var(--corner-radius3);
    border-bottom-right-radius: var(--corner-radius3);
    pointer-events: none;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  }

  #siteTools .subnav:before,
  #mobileMenu .m-share .subnav:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(30, 131, 121, .95);
    top: -7px;
  }
  
  #mobileMenu .m-share .subnav:before {
	right:80px;
	border-bottom-color:rgba(0, 97, 168, .95);
  }

  #toolSearch .subnav:before {
    right: 22px;
  }

  #siteTools .subnav a,
  #siteTools .subnav form {
    display: none;
  }

  #siteTools>ul>li.active>.subnav a,
  #siteTools>ul>li.active>.subnav form {
    display: block;
  }

  #siteTools>ul>li.active>.subnav {
    opacity: 1;
    pointer-events: visible;
  /*  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);*/
  }
  
  #siteTools>ul>li#toolShare>.subnav > div,
  #mobileMenu .m-share .subnav > div {
	visibility: hidden;
  }
  
  #siteTools>ul>li#toolShare.active>.subnav > div,
  #mobileMenu .m-share.active .subnav > div {
	visibility: visible;
  }
  
  #siteTools>ul>li#toolShare>.subnav,
  #mobileMenu .m-share .subnav {
	padding:40px 50px 80px 50px;
	border-radius: var(--corner-radius2);
	width:800px;
	right:-100px;
  }
  
  #mobileMenu .m-share .subnav {
	position:fixed;
	top:80px;
	left:20px;
	width:calc(100% - 40px);
	z-index:1;
	background-color:var(--blue2);
  }
  
  #siteTools>ul>li#toolShare>.subnav .title,
  #mobileMenu .m-share .subnav .title {
	font-family:'Oswald';
	font-size: var(--font-size3);
	line-height: var(--line-height1);
	color:var(--orange1);
	margin-bottom:10px;
  }
  
  #siteTools>ul>li#toolShare>.subnav input[type='text'],
  #mobileMenu .m-share .subnav input[type='text'] {
	  border-bottom:1px solid rgba(223, 241, 238, .25);
	  padding:16px 75px 16px 40px;
	 
	  width:100%;
	  font-size: var(--font-size2);
	  font-weight:300;
	 line-height: var(--line-height1);
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M19.23%2C2.58c-2.04-2.09-5.37-2.09-7.41%2C0l-1.32%2C1.35c-.45.46-.45%2C1.21%2C0%2C1.68.45.46%2C1.19.46%2C1.64%2C0l1.32-1.35c1.14-1.17%2C2.99-1.17%2C4.13%2C0%2C1.14%2C1.17%2C1.14%2C3.07%2C0%2C4.23l-3.08%2C3.16c-.55.57-1.29.88-2.07.88s-1.52-.31-2.07-.88c-.45-.46-1.19-.46-1.64%2C0-.45.46-.45%2C1.21%2C0%2C1.68.99%2C1.01%2C2.31%2C1.57%2C3.71%2C1.57s2.72-.56%2C3.71-1.57l3.08-3.16c2.04-2.09%2C2.04-5.49%2C0-7.59ZM9.86%2C16.39l-1.32%2C1.35c-.55.57-1.29.88-2.07.88s-1.52-.31-2.07-.88c-1.14-1.17-1.14-3.07%2C0-4.23l3.08-3.16c1.14-1.17%2C2.99-1.17%2C4.13%2C0%2C.45.46%2C1.19.46%2C1.64%2C0%2C.45-.46.45-1.21%2C0-1.68-2.04-2.09-5.37-2.09-7.41%2C0l-3.08%2C3.16c-2.04%2C2.09-2.04%2C5.49%2C0%2C7.59.99%2C1.01%2C2.31%2C1.57%2C3.71%2C1.57s2.72-.56%2C3.71-1.57l1.32-1.35c.45-.46.45-1.21%2C0-1.68-.45-.46-1.19-.46-1.64%2C0Z%22%2F%3E%3C%2Fsvg%3E);
	  background-repeat:no-repeat;
	  background-size:24px 24px;
	  background-position:8px 50%;
	  
	  white-space: nowrap;      /* Prevents text from wrapping to the next line */
	  overflow: hidden;         /* Hides the text that extends beyond the container */
	  text-overflow: ellipsis;  /* Replaces the hidden text with "..." */
	  /* width: 200px;   */
  }
  
  #siteTools>ul>li#toolShare>.subnav .sharepage-url-wrap,
  #mobileMenu .m-share .subnav .sharepage-url-wrap {
	position:relative;
  }
  
  #siteTools>ul>li#toolShare>.subnav .btn-copy-url,
  #mobileMenu .m-share .subnav .btn-copy-url {
	position:absolute;
	display:inline-block;
	padding:7px 15px;
	border-radius:25px;
	background-color:var(--grey3);
	color:var(--lakeblue4);
	line-height:1;
	font-size:0.889em;
	right:0;
	top:50%;
	transform:translateY(-50%);
	transition:all .3s;
  }
  
  #siteTools>ul>li#toolShare>.subnav .btn-copy-url:is(:hover, .focus),
  #mobileMenu .m-share .subnav .btn-copy-url:is(:hover, .focus) {
	background-color:var(--orange4);
	color:var(--white);
  }
  
  #siteTools>ul>li#toolShare>.subnav .share,
  #mobileMenu .m-share .subnav .share {
	margin-top:30px;
	display:flex;
	gap:15px;
	align-items:center;
	font-weight:300;
  }
  
  #mobileMenu .m-share .subnav input[type='text'],
  #mobileMenu .m-share .subnav .share {
	color:var(--white);
  }
  
  #siteTools>ul>li#toolShare>.subnav .share a,
  #mobileMenu .m-share .subnav .share a {
	position:relative;
	display:inline-block;
	border-radius:30px;
	padding:7px 35px 7px 55px;
	background-color:var(--orange4);
	transition:all .3s;
	color:var(--white);
	font-weight: 500;
	transition:background-color .3s;
  }
  
  #siteTools>ul>li#toolShare>.subnav .share a:is(:hover, .focus) {
	background-color:var(--blue2);
  }

  #mobileMenu .m-share .subnav .share a:is(:hover, .focus) {
	background-color:var(--lakeblue3);
  }  
  
  #mobileMenu .m-share .subnav .share a {
	line-height:35px;
  }
  

  
  #siteTools>ul>li#toolShare>.subnav .share a:before,
  #mobileMenu .m-share .subnav .share a:before {
	content:'';
	position:absolute;
	width:40px;
	height:40px;
	left:5px;
	top:5px;
	border-radius:50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
  }
  
  #siteTools>ul>li#toolShare>.subnav .share a.btn-fb:before,
  #mobileMenu .m-share .subnav .share a.btn-fb:before {
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M21%2C0C9.42%2C0%2C0%2C9.42%2C0%2C21s9.42%2C21%2C21%2C21%2C21-9.42%2C21-21S32.58%2C0%2C21%2C0ZM26.22%2C21.74h-3.42v12.18h-5.06v-12.18h-2.41v-4.3h2.41v-2.78c0-1.99.95-5.11%2C5.11-5.11h3.75v4.19h-2.72c-.44%2C0-1.07.22-1.07%2C1.17v2.53h3.86l-.44%2C4.3Z%22%2F%3E%3C%2Fsvg%3E)
  }
  
  #siteTools>ul>li#toolShare>.subnav .share a.btn-linkedin:before,
  #mobileMenu .m-share .subnav .share a.btn-linkedin:before {
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0ZM15.05%2C31.41h-4.67v-14.05h4.67v14.05ZM12.72%2C15.44h0s-.03%2C0-.03%2C0c-1.57%2C0-2.58-1.08-2.58-2.43s1.04-2.43%2C2.64-2.43%2C2.58%2C1.05%2C2.61%2C2.43c0%2C1.35-1.01%2C2.43-2.64%2C2.43ZM31.89%2C31.41h-4.67s0-7.52%2C0-7.52c0-1.89-.68-3.18-2.37-3.18-1.29%2C0-2.06.87-2.4%2C1.71-.12.3-.15.72-.15%2C1.14v7.85h-4.67s.06-12.73%2C0-14.05h4.67v1.99c.62-.96%2C1.73-2.32%2C4.21-2.32%2C3.07%2C0%2C5.38%2C2.01%2C5.38%2C6.32v8.05Z%22%2F%3E%3C%2Fsvg%3E)
  }

  #siteTools>ul>li>a>span {
    position: relative;
	/* mask: var(--svg); */
	/* background-repeat: no-repeat;
	background-position: 50% 50%; */
	background-color: var(--lakeblue3);
	border-radius: 50%;
	transition: all .3s;
  }
    #siteTools>ul>li>a:hover>span {
		background-color: var(--blue1);
	}
  
  #siteTools>ul>li#toolSearch>a>span,
  #mobileMenu .m-toolsWrap a.btnSearch>span {
	background-image: url(../images/icon-search.svg);
  }

  #siteTools>ul>li#toolShare>a>span {
	background-image: url(../images/icon-share.svg);
  }
  
  #mobileMenu .m-toolsWrap a.btnShare>span {
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%231E8379%22%20d%3D%22M21.06%2C17.44c-1.45%2C0-2.8.64-3.74%2C1.78l-5.7-3.91c.13-.46.19-.87.19-1.28%2C0-.38-.06-.77-.18-1.21l5.89-3.8c.93.98%2C2.2%2C1.54%2C3.53%2C1.54%2C2.69%2C0%2C4.88-2.19%2C4.88-4.88S23.75.8%2C21.06.8s-4.88%2C2.19-4.88%2C4.88c0%2C.39.06.79.18%2C1.24l-5.88%2C3.8c-.93-.99-2.21-1.56-3.54-1.56-2.69%2C0-4.88%2C2.19-4.88%2C4.88s2.19%2C4.88%2C4.88%2C4.88c1.31%2C0%2C2.58-.55%2C3.5-1.51l5.83%2C4c-.06.32-.09.62-.09.92%2C0%2C2.69%2C2.19%2C4.88%2C4.88%2C4.88s4.88-2.19%2C4.88-4.88-2.19-4.88-4.88-4.88ZM23.54%2C22.32c0%2C1.37-1.11%2C2.48-2.48%2C2.48s-2.48-1.11-2.48-2.48%2C1.11-2.48%2C2.48-2.48%2C2.48%2C1.11%2C2.48%2C2.48ZM18.58%2C5.68c0-1.37%2C1.11-2.48%2C2.48-2.48s2.48%2C1.11%2C2.48%2C2.48-1.11%2C2.48-2.48%2C2.48-2.48-1.11-2.48-2.48ZM9.42%2C14.03c0%2C1.37-1.11%2C2.48-2.48%2C2.48s-2.48-1.11-2.48-2.48%2C1.11-2.48%2C2.48-2.48%2C2.48%2C1.11%2C2.48%2C2.48Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #siteTools>ul>li#toolFontsize>a>span {
	background-image: url(../images/icon-fontsize.svg);
  }

  #siteTools>ul>li#toolMenu>a>span {
	background-image: url(../images/icon-menu.svg);
  }
  
  #siteTools>ul>li>a:hover>span,
  #siteTools>ul>li>a.focus>span,
  #siteTools>ul>li.active>a>span {
    background-color: var(--blue2);
  }

/*   #siteTools>ul>li>a.header-popup-button>span:after {
    font-family: icon;
    display: block;
    font-size: 21px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: var(--primary-light);
    line-height: 21px;
    transition: color 0.3s ease 0s;
  }

  #siteTools>ul>li>a.header-popup-button:hover>span:after,
  #siteTools>ul>li:focus-within>a.header-popup-button>span:after,
  #siteTools>ul>li>a.header-popup-button:focus>span:after,
  #siteTools>ul>li.active>a.header-popup-button>span:after {
    color: var(--white);
  } */
  
  #toolLangs{display:none !important;}

  #toolLangs a.trigger>span,
  #toolFontsize>a>span,
  #toolShare>a>span,
  #toolSearch>a>span,
  #toolMenu>a>span,
  #mobileMenu .m-toolsWrap a>span {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    transition: background 0.3s ease 0s;
  }

  #toolLangs .subnav,
  #toolShare .subnav {
    position: absolute;
    /* left: 50%; */
	right: 0;
    top: calc(100% + 10px);
	transform: translateY(10px);
    /* transform: translate(-50%, 10px); */
    color: var(--white);
    padding: 15px 0;
    z-index: 1000;
  }

  #toolLangs .subnav:before,
  #toolShare .subnav:before {
    /* left: 50%;
    transform: translateX(-50%); */
	right:115px;
    opacity: 0;
  }

  #toolLangs.active .subnav:before,
  #toolShare.active .subnav:before {
    opacity: 1;
  }

  #toolLangs .subnav>a,
  #toolShare .subnav>a {
    padding: 0 10px;
    line-height: 40px;
  }

  #toolLangs .subnav>a.selected,
  #toolLangs .subnav>a:hover,
  #toolLangs .subnav>a.focus {
    color: #ebd639;
  }

  #toolLangs.active .subnav,
  #toolShare.active .subnav {
    opacity: 1;
    /* transform: translate(-50%, 0px); */
	transform: translateY(0px);
  }

  #toolLangs>a>span:after {
    content: '\e900';
  }

  #toolFontsize>a>span:after {
    content: '\e906';
    color: #7fb61c !important;
  }

  #toolFontsize.active>a>span:after,
  #toolFontsize>a:hover>span:after,
  #toolFontsize>a.focus>span:after {
    color: var(--white) !important;
  }

  #toolShare>a>span:after {
    content: '\e905';
  }

  #toolSearch>a>span:after {
    content: '\e901';
  }


  /* #toolShare .subnav a {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
    text-indent: -9999px;
    width: 40px;
    color: var(--grey1);
    line-height: 40px;
  }

  #toolLangs .subnav>a.selected,
  #toolLangs .subnav>a:hover,
  #toolLangs .subnav>a.focus,
  #toolShare .subnav>a.selected,
  #toolShare .subnav>a:hover,
  #toolShare .subnav>a.focus {
    color: var(--yellow);
    background-color: var(--grey1);
  }

  #toolShare .subnav a.btnEmail {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22%23403b34%22%2F%3E%3C%2Fsvg%3E");
  }

  #toolShare .subnav a.btnEmail:hover,
  #toolShare .subnav a.btnEmail.focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22%23fbb914%22%2F%3E%3C%2Fsvg%3E");
  }

  #toolShare .subnav a.btnWhatsapp {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23403b34%22%20class%3D%22st0%22%20d%3D%22M40.5%2C9.5c-4.1-4.1-9.6-6.4-15.4-6.4c-12%2C0-21.7%2C9.7-21.7%2C21.7c0%2C3.8%2C1%2C7.6%2C2.9%2C10.9L3.2%2C46.9l11.5-3c3.2%2C1.7%2C6.7%2C2.6%2C10.4%2C2.6h0c12%2C0%2C21.7-9.7%2C21.7-21.7C46.8%2C19%2C44.6%2C13.6%2C40.5%2C9.5zM25.1%2C42.9L25.1%2C42.9c-3.2%2C0-6.4-0.9-9.2-2.5L15.2%2C40l-6.8%2C1.8l1.8-6.7l-0.4-0.7C8%2C31.5%2C7%2C28.2%2C7%2C24.8c0-9.9%2C8.1-18%2C18.1-18c4.8%2C0%2C9.4%2C1.9%2C12.8%2C5.3s5.3%2C7.9%2C5.3%2C12.8C43.1%2C34.8%2C35%2C42.9%2C25.1%2C42.9z%22%2F%3E%3Cpath%20fill%3D%22%23403b34%22%20class%3D%22st0%22%20d%3D%22M36%2C30c-0.1-0.2-0.5-0.4-1-0.6c-0.5-0.3-3.2-1.6-3.7-1.8c-0.5-0.2-0.9-0.3-1.2%2C0.3c-0.4%2C0.5-1.4%2C1.8-1.7%2C2.1c-0.3%2C0.4-0.6%2C0.4-1.2%2C0.1c-0.5-0.3-2.3-0.8-4.4-2.7c-1.6-1.4-2.7-3.2-3-3.8c-0.3-0.5%2C0-0.8%2C0.2-1.1c0.6-0.7%2C1.2-1.5%2C1.4-1.9c0.2-0.4%2C0.1-0.7%2C0-1c-0.1-0.3-1.2-2.9-1.7-4c-0.4-1.1-0.9-0.9-1.2-0.9c-0.3%2C0-0.7%2C0-1%2C0c-0.4%2C0-0.9%2C0.1-1.4%2C0.7c-0.5%2C0.5-1.9%2C1.9-1.9%2C4.5c0%2C2.7%2C1.9%2C5.2%2C2.2%2C5.6c0.3%2C0.4%2C3.8%2C5.8%2C9.3%2C8.2c1.3%2C0.6%2C2.3%2C0.9%2C3.1%2C1.1c1.3%2C0.4%2C2.5%2C0.4%2C3.4%2C0.2c1-0.2%2C3.2-1.3%2C3.7-2.6C36.2%2C31.3%2C36.2%2C30.2%2C36%2C30z%22%2F%3E%3C%2Fsvg%3E");
  }

  #toolShare .subnav a.btnWhatsapp:hover,
  #toolShare .subnav a.btnWhatsapp.focus {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fbb914%22%20class%3D%22st0%22%20d%3D%22M40.5%2C9.5c-4.1-4.1-9.6-6.4-15.4-6.4c-12%2C0-21.7%2C9.7-21.7%2C21.7c0%2C3.8%2C1%2C7.6%2C2.9%2C10.9L3.2%2C46.9l11.5-3c3.2%2C1.7%2C6.7%2C2.6%2C10.4%2C2.6h0c12%2C0%2C21.7-9.7%2C21.7-21.7C46.8%2C19%2C44.6%2C13.6%2C40.5%2C9.5zM25.1%2C42.9L25.1%2C42.9c-3.2%2C0-6.4-0.9-9.2-2.5L15.2%2C40l-6.8%2C1.8l1.8-6.7l-0.4-0.7C8%2C31.5%2C7%2C28.2%2C7%2C24.8c0-9.9%2C8.1-18%2C18.1-18c4.8%2C0%2C9.4%2C1.9%2C12.8%2C5.3s5.3%2C7.9%2C5.3%2C12.8C43.1%2C34.8%2C35%2C42.9%2C25.1%2C42.9z%22%2F%3E%3Cpath%20fill%3D%22%23fbb914%22%20class%3D%22st0%22%20d%3D%22M36%2C30c-0.1-0.2-0.5-0.4-1-0.6c-0.5-0.3-3.2-1.6-3.7-1.8c-0.5-0.2-0.9-0.3-1.2%2C0.3c-0.4%2C0.5-1.4%2C1.8-1.7%2C2.1c-0.3%2C0.4-0.6%2C0.4-1.2%2C0.1c-0.5-0.3-2.3-0.8-4.4-2.7c-1.6-1.4-2.7-3.2-3-3.8c-0.3-0.5%2C0-0.8%2C0.2-1.1c0.6-0.7%2C1.2-1.5%2C1.4-1.9c0.2-0.4%2C0.1-0.7%2C0-1c-0.1-0.3-1.2-2.9-1.7-4c-0.4-1.1-0.9-0.9-1.2-0.9c-0.3%2C0-0.7%2C0-1%2C0c-0.4%2C0-0.9%2C0.1-1.4%2C0.7c-0.5%2C0.5-1.9%2C1.9-1.9%2C4.5c0%2C2.7%2C1.9%2C5.2%2C2.2%2C5.6c0.3%2C0.4%2C3.8%2C5.8%2C9.3%2C8.2c1.3%2C0.6%2C2.3%2C0.9%2C3.1%2C1.1c1.3%2C0.4%2C2.5%2C0.4%2C3.4%2C0.2c1-0.2%2C3.2-1.3%2C3.7-2.6C36.2%2C31.3%2C36.2%2C30.2%2C36%2C30z%22%2F%3E%3C%2Fsvg%3E");
  } */

  #toolSearch .searchForm,
  #mobileMenu .m-search .searchForm,
  #toolMenu .subnav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(30, 131, 121, .97);
	border-radius: 0;
	z-index: 1000;
	display:flex;
	align-items:center;
	justify-content:center;
    /* position: absolute;
    right: 0;
    top: 100%;
    width: 360px;
    background-color: rgba(30, 131, 121, .95);
    padding: 15px;
    color: #262626;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    transform: translateY(10px);
    z-index: 1000;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; */
  }
  
  #mobileMenu .m-search .searchForm,
  #mobileMenu .m-share .subnav {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  }
  
  #toolSearch .searchForm:before,
  #toolMenu .searchForm:before {
	display:none;  
  }

  #toolSearch.active .searchForm,
  #mobileMenu .m-search.active .searchForm,
  #mobileMenu .m-share.active .subnav {
    opacity: 1;
	pointer-events: visible;
    /* transform: translateY(10px); */
  }
  
  #toolSearch .searchForm .title,
  #mobileMenu .m-search .searchForm .title  {
	  color: var(--white);
	  font-size: var(--font-size5);
	  line-height: var(--line-height1);
	  font-family:'Oswald';

	  font-weight:500;
	  text-align:center;
	  margin-bottom:80px;
  }

  #toolSearch .searchForm form .inputWrap,
  #mobileMenu .m-search .searchForm form .inputWrap {
    position: relative;
  }

  #toolSearch .searchForm form .inputWrap label,
  #mobileMenu .m-search .searchForm form .inputWrap label  {
    position: absolute;
    left: 0;
    top: 0;
  }

  #toolSearch .searchForm form .inputWrap input,
  #mobileMenu .m-search .searchForm form .inputWrap input {
    /*height: 40px;*/
    color: var(--white);
    padding: 25px 16px 25px 66px;
    width: 100%;

	font-size: var(--font-size2);
	font-weight:300;
	line-height: var(--line-height1);
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    transition: border-bottom-color 0.3s ease 0s;
    background: transparent;
	background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20.11%2C17.99l.32-.45c2.49-3.47%2C2.49-8.13%2C0-11.6C17.1%2C1.3%2C10.45.12%2C5.61%2C3.32c-2.34%2C1.55-3.91%2C3.88-4.43%2C6.57-.52%2C2.69.08%2C5.41%2C1.69%2C7.66%2C1.61%2C2.25%2C4.04%2C3.76%2C6.84%2C4.26%2C2.8.5%2C5.63-.08%2C7.98-1.63l.47-.31%2C6.89%2C6.62%2C1.95-1.87-6.89-6.62ZM11.66%2C19.33c-4.35%2C0-7.89-3.4-7.89-7.57s3.54-7.57%2C7.89-7.57%2C7.89%2C3.4%2C7.89%2C7.57-3.54%2C7.57-7.89%2C7.57Z%22%2F%3E%3C%2Fsvg%3E);
	background-position:15px 50%;
	background-repeat:no-repeat;
	background-size:36px 36px;
	white-space: nowrap;      /* Prevents text from wrapping to the next line */
	overflow: hidden;         /* Hides the text that extends beyond the container */
	text-overflow: ellipsis;  /* Replaces the hidden text with "..." */
  }

  #toolSearch .searchForm form .inputWrap input:focus,
  #mobileMenu .m-search .searchForm form .inputWrap input:focus {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
  }
  
  #calendar-layer .btnClose,
  #toolMenu .btnClose,
  #toolSearch .searchForm .btnClose,
  #mobileMenu .m-search .searchForm .btnClose {
	position:absolute;
	top:40px;
	right:40px;
	width:26px;
	height:26px;
	background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M25.49%2C23.01l-9.23-9.07%2C9.12-9c.72-.69.74-1.8.04-2.47-.7-.67-1.85-.65-2.56.04l-8.84%2C8.71L5.12%2C2.48c-.7-.67-1.85-.65-2.56.04-.72.69-.74%2C1.8-.04%2C2.47l9.23%2C9.07L2.62%2C23.06c-.72.69-.74%2C1.8-.04%2C2.47.7.67%2C1.85.65%2C2.56-.04l8.84-8.71%2C8.9%2C8.73c.7.67%2C1.85.65%2C2.56-.04.72-.69.74-1.8.04-2.47Z%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 0;
	background-size:contain;
	text-indent:-9999px;
	transition:all .3s;
  }
  
  #calendar-layer .btnClose:is(:hover, .focus),
  #toolMenu .btnClose:is(:hover, .focus),
  #toolSearch .searchForm .btnClose:is(:hover, .focus),
  #mobileMenu .m-search .searchForm .btnClose:is(:hover, .focus) {
	background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fcc244%22%20d%3D%22M25.49%2C23.01l-9.23-9.07%2C9.12-9c.72-.69.74-1.8.04-2.47-.7-.67-1.85-.65-2.56.04l-8.84%2C8.71L5.12%2C2.48c-.7-.67-1.85-.65-2.56.04-.72.69-.74%2C1.8-.04%2C2.47l9.23%2C9.07L2.62%2C23.06c-.72.69-.74%2C1.8-.04%2C2.47.7.67%2C1.85.65%2C2.56-.04l8.84-8.71%2C8.9%2C8.73c.7.67%2C1.85.65%2C2.56-.04.72-.69.74-1.8.04-2.47Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #toolSearch .searchForm .btnSearch,
  #mobileMenu .m-search .searchForm .btnSearch {
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	margin-top:40px;
	padding:10px 40px;
	background-color:var(--orange3);
	color:var(--white);
	font-size: var(--font-size3);
	font-weight:700;
	transition:all .3s;
	min-height:70px;
	min-width:250px;
	border-radius:35px;
	transition: background-color .3s;
  }
  
  #toolSearch .searchForm .btnSearch:is(:hover, .focus),
  #mobileMenu .m-search .searchForm .btnSearch:is(:hover, .focus) {
	background-color:var(--blue2);
  }

  #toolSearch .searchForm .quickSearch,
  #mobileMenu .m-search .searchForm .quickSearch  {
	 width:90%;
	 max-width: 900px;
  }
  /* #toolSearch .searchForm .btnSearch {
    position: absolute;
    text-align: left;
    width: 22px;
    height: 100%;
    color: var(--white);
    display: block;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -9999px;
  }

  #toolSearch .searchForm .btnSearch:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 1px solid #058752;
    border-bottom: 1px solid #058752;
    transform: translate(-50%, -50%) rotate(-45deg);
  } */

  #toolSearch .searchForm .advSearch,
  #mobileMenu .m-search .searchForm .advSearch {
    text-align: right;
    margin-top: 5px;
  }

  #toolSearch .searchForm .advSearch a,
  #mobileMenu .m-search .searchForm .advSearch a {
    color: var(--white);
  }

  #toolSearch .searchForm .advSearch a:hover,
  #mobileMenu .m-search .searchForm .advSearch a:hover {
    text-decoration: underline;
  }

  /* #toolShare .shareWrap {
    left: 0;
    position: absolute;
  }

  #toolShare.active .shareWrap {
    display: block;
  }

  #toolShare .shareWrap > ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease 0s;
  }

  #toolShare.active .shareWrap > ul {
    max-height: 260px;
  }

  #toolShare.active .shareWrap > ul li:first-child {
    border: none;
  }

  #toolShare.active .shareWrap > ul li {
    border-top: 1px solid var(--white);
    line-height: 30px;
  }

  #toolShare.active .shareWrap > ul a {
    color: #03563e;
    padding: 10px 10px 10px 40px;
    position: relative;
    display: block;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  } */
  
  #mobileMenu .m-toolsWrap {
	position:relative;
	display:flex;
	gap:0 15px;
	margin-bottom:50px;
	justify-content:flex-end;
  }
  
  #mobileMenu .m-toolsWrap a>span {
	position: relative;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 0;
	background-color: var(--white);
    /* background-color: var(--lakeblue2); */
    border-radius: 50%;
    transition: all .3s;
  }
  
  #mobileMenu .m-toolsWrap a.btnClose>span {
	 background-color: var(--blue2);
	 background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M25.49%2C23.01l-9.23-9.07%2C9.12-9c.72-.69.74-1.8.04-2.47-.7-.67-1.85-.65-2.56.04l-8.84%2C8.71L5.12%2C2.48c-.7-.67-1.85-.65-2.56.04-.72.69-.74%2C1.8-.04%2C2.47l9.23%2C9.07L2.62%2C23.06c-.72.69-.74%2C1.8-.04%2C2.47.7.67%2C1.85.65%2C2.56-.04l8.84-8.71%2C8.9%2C8.73c.7.67%2C1.85.65%2C2.56-.04.72-.69.74-1.8.04-2.47Z%22%2F%3E%3C%2Fsvg%3E);
	 background-size:22px 22px;
  }

  #mobileMenu .shareWrap {
    padding: 20px 15px;
    display: grid;
    gap: 15px;
    align-items: flex-start;
    grid-template-columns: max-content auto;
    transition: padding .3s;
  }

  #mobileMenu .shareWrap .txt {
    line-height: 2.22em;
    position: relative;
    color: var(--secondary-blue);
  }

  #mobileMenu .shareWrap>div.socialmedia {
    display: grid;
    gap: 10px 20px;
    justify-content: flex-start;
    grid-template-columns: repeat(auto-fit, minmax(50px, auto));
  }

  #mobileMenu .socialmedia>a {
    padding-left: 30px;
    line-height: 2.5em;
    color: var(--white);
    display: inline-block;
    position: relative;
  }

  #mobileMenu .socialmedia>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
  }

  #mobileMenu .socialmedia>a.btnEmail:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  }

  #mobileMenu .socialmedia>a.btnWhatsapp:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M40.5%2C9.5c-4.1-4.1-9.6-6.4-15.4-6.4c-12%2C0-21.7%2C9.7-21.7%2C21.7c0%2C3.8%2C1%2C7.6%2C2.9%2C10.9L3.2%2C46.9l11.5-3c3.2%2C1.7%2C6.7%2C2.6%2C10.4%2C2.6h0c12%2C0%2C21.7-9.7%2C21.7-21.7C46.8%2C19%2C44.6%2C13.6%2C40.5%2C9.5zM25.1%2C42.9L25.1%2C42.9c-3.2%2C0-6.4-0.9-9.2-2.5L15.2%2C40l-6.8%2C1.8l1.8-6.7l-0.4-0.7C8%2C31.5%2C7%2C28.2%2C7%2C24.8c0-9.9%2C8.1-18%2C18.1-18c4.8%2C0%2C9.4%2C1.9%2C12.8%2C5.3s5.3%2C7.9%2C5.3%2C12.8C43.1%2C34.8%2C35%2C42.9%2C25.1%2C42.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M36%2C30c-0.1-0.2-0.5-0.4-1-0.6c-0.5-0.3-3.2-1.6-3.7-1.8c-0.5-0.2-0.9-0.3-1.2%2C0.3c-0.4%2C0.5-1.4%2C1.8-1.7%2C2.1c-0.3%2C0.4-0.6%2C0.4-1.2%2C0.1c-0.5-0.3-2.3-0.8-4.4-2.7c-1.6-1.4-2.7-3.2-3-3.8c-0.3-0.5%2C0-0.8%2C0.2-1.1c0.6-0.7%2C1.2-1.5%2C1.4-1.9c0.2-0.4%2C0.1-0.7%2C0-1c-0.1-0.3-1.2-2.9-1.7-4c-0.4-1.1-0.9-0.9-1.2-0.9c-0.3%2C0-0.7%2C0-1%2C0c-0.4%2C0-0.9%2C0.1-1.4%2C0.7c-0.5%2C0.5-1.9%2C1.9-1.9%2C4.5c0%2C2.7%2C1.9%2C5.2%2C2.2%2C5.6c0.3%2C0.4%2C3.8%2C5.8%2C9.3%2C8.2c1.3%2C0.6%2C2.3%2C0.9%2C3.1%2C1.1c1.3%2C0.4%2C2.5%2C0.4%2C3.4%2C0.2c1-0.2%2C3.2-1.3%2C3.7-2.6C36.2%2C31.3%2C36.2%2C30.2%2C36%2C30z%22%2F%3E%3C%2Fsvg%3E");
  }
  
  #mainNavWrap {
	  width:80%;
	  max-width:1600px;
	  margin:0 auto;
  }
  
  #mainNav{
	  padding:30px 35px;
	  margin-top:30px;
	  border-top:1px solid rgba(255, 255, 255, 0.15);
  }
  
  #mainNav>ul {
    position:relative;
    display:grid;
	/* grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); */
	grid-template-columns:repeat(4, minmax(120px, 1fr));
	gap:30px 20px;
  }

  #mainNavWrap a.home {
	display:inline-block !important;
	margin-left:35px;
  }

  #mainNav>ul>li>a,
  #mainNavWrap a.home {
	font-size: var(--font-size4);
	line-height: var(--line-height2);
	font-family: 'Oswald';
    font-weight: 500; 
	color: var(--green1);
  }
  #mainNav>ul>li>a:hover,
  #mainNavWrap a.home:hover {
	color:var(--orange1);
	text-decoration: underline;
  }
  #mainNav>ul>li>.submenu {
	margin-top: 15px;
  }
  
  #mainNav>ul>li>.submenu>ul>li {
	  position:relative;
  }
  
  #mainNav>ul>li>.submenu>ul>li:before {
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--orange2);
    top: 1em;
    left: 0;
  }
  
  #mainNav>ul>li>.submenu>ul>li>a {
    color: var(--white);
	font-weight:500;
	padding:10px 30px 10px 20px;
	line-height:var(--line-height2);
  }
  
  #mainNav>ul>li>.submenu>ul>li>a:hover {
	color:var(--orange1);
	/* text-decoration: underline; */
  }
  
  /* lv3 start */
  #mainNav>ul>li>.submenu>ul>li>.submenu {
	padding-left:15px;
  }
  #mainNav>ul>li>.submenu>ul>li>.submenu>ul>li {
	  position:relative;
  }
  #mainNav>ul>li>.submenu>ul>li>.submenu>ul {
	  margin-bottom:10px;
  }
  #mainNav>ul>li>.submenu>ul>li>.submenu>ul>li:before {
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--white);
    top: 0.8em;
    left: 0;
  }
  #mainNav>ul>li>.submenu>ul>li>.submenu>ul>li>a {
    color: var(--white);
	font-weight:300;
	padding:5px 30px 5px 15px;
	line-height:var(--line-height2);
  }
  #mainNav>ul>li>.submenu>ul>li>.submenu>ul>li>a:hover {
	color:var(--orange1);
	text-decoration: underline;
  }
  /* lv3 end */
  
  /* #mainNavWrap {
    position: relative;
    background-color: var(--primary-light);
    z-index: 500;
  }

  #mainNav>ul {
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
  }

  #mainNav>ul>li {
    position: relative;
    text-align: center;
  }

  #mainNav>ul>li:after {
    content: "";
    background-color: #dcf0f0;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }

  #mainNav>ul>li:first-child:before {
    content: "";
    background-color: #dcf0f0;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1px;
  }

  #mainNav>ul>li>a {
    color: var(--white);
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0 1.66em;
    width: 100%;
    min-height: 50px;
    transition: padding 0.3s ease 0s, color 0.3s ease 0s,
      background-color 0.3s ease 0s;
  }

  #mainNav>ul>li>a>span {
    text-align: center;
    width: 100%;
    font-size: 1.1111em;
    padding: 10px 0;
  }

  #mainNav>ul>li.selected>a,
  #mainNav>ul>li.active>a,
  #mainNav>ul>li>a:hover,
  #mainNav>ul>li>a.focus {
    background-color: var(--primary-blue);
  }

  #mainNav>ul>li>.subnav {
    position: absolute;
    left: 0;
    top: 100%;
    pointer-events: none;
  }

  #mainNav>ul>li>a>span:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    display: block;
    border: 7px transparent solid;
    border-bottom-color: var(--white);
    border-top-width: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
  }

  #mainNav>ul>li.active>a>span:before {
    opacity: 1;
  }

  #mainNav>ul>li.active>.subnav {
    pointer-events: visible;
  }

  #mainNav>ul>li>.subnav.alignRight {
    left: inherit;
    right: 0;
  }

  #mainNav>ul>li>.subnav>ul {
    width: 240px;
    opacity: 0;
    transform: translate(0, 10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  }

  #mainNav>ul>li.active>.subnav>ul {
    opacity: 1;
    transform: translate(0, 0);
  }

  #mainNav .subnav>ul>li {
    border-bottom: 1px solid rgba(2, 92, 88, 0.5);
    position: relative;
  }

  #mainNav .subnav>ul>li:last-child {
    border-bottom: none;
  }

  #mainNav>ul>li>.subnav>ul>li>a {
    background-color: var(--primary-light);
  }

  #mainNav>ul>li>.subnav>ul>li.active>a,
  #mainNav>ul>li>.subnav>ul>li.selected>a,
  #mainNav>ul>li>.subnav>ul>li>a:hover,
  #mainNav>ul>li>.subnav>ul>li>a:focus {
    background-color: var(--primary-blue);
  }

  #mainNav>ul>li>.subnav>ul>li:first-child {
    border-top: none;
  }

  #mainNav .subnav>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 15px;
    text-align: left;
    color: var(--white);
    line-height: 1.33em;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
  }

  #mainNav .subnav>ul>li.active>a,
  #mainNav .subnav>ul>li.selected>a,
  #mainNav .subnav>ul>li>a:hover,
  #mainNav .subnav>ul>li>a.focus {
    color: var(--white);
  }

  #mainNav .subnav>ul>li.selected>a:before,
  #mainNav .subnav>ul>li>a:hover:before,
  #mainNav .subnav>ul>li>a.focus:before {
    opacity: 1;
    height: 100%;
  }

  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>a:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(-45deg);
    display: block;
    border: 2px solid var(--white);
    border-left-width: 0;
    border-top-width: 0;
    transition: transform 0.3s ease 0s;
  }

  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav:hover>a:before {
    border-color: #ebd639;
  }

  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav:hover>.subnav,
  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>a.focus+.subnav,
  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav.active>a+.subnav {
    opacity: 1;
    pointer-events: visible;
  }

  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>.subnav>ul>li>a {
    background-color: #004277;
  }

  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>.subnav>ul>li>a:hover,
  #mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>.subnav>ul>li>a.focus {
    background-color: #00355f;
  } */

  /*mainNav css ends*/

  #mainZone {
    position: relative;
    background: var(--grey1);
	
	overflow: hidden;
  }

  #footerZone {
	position:relative;
	z-index:1;
    background-color: var(--white);
	padding: 35px 0 45px 0;
	border-top:4px solid var(--lakeblue2);
  }

  #footerMain {
    max-width: 1900px;
    color: var(--grey5);
    font-size: 0.800em;
  }
  
  #footer-social-icon-wrap,
  #footer-wcag-wrap {
	  display:flex;
	  justify-content:center;
	  gap:30px;
  }
  
  #footer-social-icon-wrap a{
	  display:block;
	  width:45px;
	  height:45px;
	  background-repeat:no-repeat;
	  background-position:50% 50%;
	  background-size:contain;
	  text-indent:-9999px;
	  transition:all .3s;
  }
  
  #footer-social-icon-wrap a.footer-social-icon-fb{
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%230061a8%22%20d%3D%22M21%2C0C9.42%2C0%2C0%2C9.42%2C0%2C21s9.42%2C21%2C21%2C21%2C21-9.42%2C21-21S32.58%2C0%2C21%2C0ZM26.22%2C21.74h-3.42v12.18h-5.06v-12.18h-2.41v-4.3h2.41v-2.78c0-1.99.95-5.11%2C5.11-5.11h3.75v4.19h-2.72c-.44%2C0-1.07.22-1.07%2C1.17v2.53h3.86l-.44%2C4.3Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a.footer-social-icon-fb:is(:hover, .focus){
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23e26b14%22%20d%3D%22M21%2C0C9.42%2C0%2C0%2C9.42%2C0%2C21s9.42%2C21%2C21%2C21%2C21-9.42%2C21-21S32.58%2C0%2C21%2C0ZM26.22%2C21.74h-3.42v12.18h-5.06v-12.18h-2.41v-4.3h2.41v-2.78c0-1.99.95-5.11%2C5.11-5.11h3.75v4.19h-2.72c-.44%2C0-1.07.22-1.07%2C1.17v2.53h3.86l-.44%2C4.3Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a.footer-social-icon-linkedin{
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%230061a8%22%20d%3D%22M21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0ZM15.05%2C31.41h-4.67v-14.05h4.67v14.05ZM12.72%2C15.44h0s-.03%2C0-.03%2C0c-1.57%2C0-2.58-1.08-2.58-2.43s1.04-2.43%2C2.64-2.43%2C2.58%2C1.05%2C2.61%2C2.43c0%2C1.35-1.01%2C2.43-2.64%2C2.43ZM31.89%2C31.41h-4.67s0-7.52%2C0-7.52c0-1.89-.68-3.18-2.37-3.18-1.29%2C0-2.06.87-2.4%2C1.71-.12.3-.15.72-.15%2C1.14v7.85h-4.67s.06-12.73%2C0-14.05h4.67v1.99c.62-.96%2C1.73-2.32%2C4.21-2.32%2C3.07%2C0%2C5.38%2C2.01%2C5.38%2C6.32v8.05Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a.footer-social-icon-linkedin:is(:hover, .focus){
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23e26b14%22%20d%3D%22M21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0ZM15.05%2C31.41h-4.67v-14.05h4.67v14.05ZM12.72%2C15.44h0s-.03%2C0-.03%2C0c-1.57%2C0-2.58-1.08-2.58-2.43s1.04-2.43%2C2.64-2.43%2C2.58%2C1.05%2C2.61%2C2.43c0%2C1.35-1.01%2C2.43-2.64%2C2.43ZM31.89%2C31.41h-4.67s0-7.52%2C0-7.52c0-1.89-.68-3.18-2.37-3.18-1.29%2C0-2.06.87-2.4%2C1.71-.12.3-.15.72-.15%2C1.14v7.85h-4.67s.06-12.73%2C0-14.05h4.67v1.99c.62-.96%2C1.73-2.32%2C4.21-2.32%2C3.07%2C0%2C5.38%2C2.01%2C5.38%2C6.32v8.05Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a.footer-social-icon-x{
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%230061a8%22%20d%3D%22M21.25%2C19.5l-4.98-6.98h-2.66l6.18%2C8.65.78%2C1.09h0s5.29%2C7.41%2C5.29%2C7.41h2.66l-6.48-9.08-.78-1.09ZM21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0ZM25.03%2C30.88l-5.35-7.62-6.7%2C7.62h-1.73l7.66-8.72-7.66-10.92h5.84l5.07%2C7.22%2C6.34-7.22h1.73l-7.3%2C8.32h0l7.95%2C11.32h-5.84Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a.footer-social-icon-x:is(:hover, .focus){
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23e26b14%22%20d%3D%22M21.25%2C19.5l-4.98-6.98h-2.66l6.18%2C8.65.78%2C1.09h0s5.29%2C7.41%2C5.29%2C7.41h2.66l-6.48-9.08-.78-1.09ZM21%2C0C9.4%2C0%2C0%2C9.4%2C0%2C21s9.4%2C21%2C21%2C21%2C21-9.4%2C21-21S32.6%2C0%2C21%2C0ZM25.03%2C30.88l-5.35-7.62-6.7%2C7.62h-1.73l7.66-8.72-7.66-10.92h5.84l5.07%2C7.22%2C6.34-7.22h1.73l-7.3%2C8.32h0l7.95%2C11.32h-5.84Z%22%2F%3E%3C%2Fsvg%3E);
  }
  
  #footer-social-icon-wrap a:is(:hover, .focus) {
	  
  }
  
  /* #footer-social-icon-wrap img {
	  display:block;
	  width:55px;
	  height:55px;
  } */
  
  #footer-social-icon-wrap{
	  padding-bottom:20px;
  }
  
  #footer-wcag-wrap{
	  padding:10px 0 20px 0;
  }
  
  #footer-wcag-wrap img{
	  display:block;
	  max-width:100%;
	  height:38px;
  }

  #footerLeft {
    flex: 1 1 auto;
  }

  #footerNav {
    display: grid;
    gap: 10px 20px;
    margin-bottom: 20px;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
	justify-content:center;
  }

  #footerNav a {
    position: relative;
  }

  #footerNav a:not(:first-child):before {
    content: "";
    background-color: var(--grey4);
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
  }

  #footerNav a {
    border-bottom: 1px solid var(--grey4);
    transition: color 0.25s ease 0s, border-color 0.25s ease 0s;
  }

  #footerNav a:is(:hover, .focus) {
	color: var(--orange3);
    border-bottom-color: transparent;
  }

  #footerCopyright {
	  line-height: var(--line-height2);
	text-align:center;
    /* display: grid;
    gap: 10px 30px;
    grid-template-columns: repeat(auto-fit, minmax(10px, max-content));
    align-items: flex-start; */
  }

  #footerCopyright>div {
    position: relative;
    color: #000;
  }

  #footerCopyright>div:not(:first-child):before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
  }

  #footerRight {
    flex: 1 1 auto;
    display: grid;
    gap: 10px 20px;
    grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
    align-items: center;
    justify-content: flex-end;
  }

  #footerRight a {
    line-height: 0;
  }

  /*mobile menu css starts*/
  #mobileBgLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 998;
    left: 0;
    top: 0;
    animation: fadeIn 0.3s forwards;
  }

  @keyframes fadeIn {
    100% {
      opacity: 0.5;
    }
  }

  #mobileNavWrap {
    position: fixed;
    width: 100%;
    /* height: calc(100% - var(--page-header-height)); */
	height: 100%;
    top: -100%;
    opacity: 1;
    z-index: 1001;
    display: none;
    background: rgb(30, 131, 121, .95);
    transition: top 0.5s ease 0s;
  }

  .showMMenu #mobileNavWrap {
    display: block;
  }

  #mobileNavWrap.show {
    /* top: var(--page-header-height); */
	top: 0;
  }

  #mobileNav {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
  }

  #mobileMenu {
    padding: 15px 25px;
    transition: padding .3s ease 0s;
  }

  #mobileMenu a {
    font-size: var(--font-size2);
	font-weight: 300;
    line-height: 1em;
  }

  #mainNav_m>ul>li>a:not(.arrow) {
    padding: 25px 0;
    display: inline-block;
    position: relative;
  }

  #mainNav_m .hasSubnav {
    position: relative;
  }

  #mainNav_m .hasSubnav>button {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 16px;
    right: 0px;
    text-indent: -9999px;
    cursor: pointer;
  }
  
  #mainNav_m .hasSubnav .hasSubnav>button {
    top: 0;
  }

  #mainNav_m .hasSubnav.selected>button {
    display: none;
  }

  #mainNav_m>ul>li.hasSubnav.active>button {
    top: 16px;
  }

  #mainNav_m>ul>li.hasSubnav>a {
    padding: 25px 40px 25px 0;
    position: relative;
  }

  #mainNav_m li.hasSubnav>button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23effae3%22%20d%3D%22M18.06%2C7.02c-.51-.51-1.33-.51-1.84%2C0l-5.22%2C5.22-5.22-5.22c-.51-.51-1.33-.51-1.84%2C0-.51.51-.51%2C1.33%2C0%2C1.84l6.14%2C6.14h0s0%2C0%2C0%2C0c.05.05.12.08.18.12.46.33%2C1.06.32%2C1.51-.02.05-.04.11-.06.15-.1l6.14-6.14c.51-.51.51-1.33%2C0-1.84Z%22%2F%3E%3C%2Fsvg%3E);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	transition:transform .3s;
  }

/*   #mainNav_m li.hasSubnav>button:before,
  #mainNav_m li.hasSubnav>button:after {
    content: "";
    display: block;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transition: background-color 0.3s ease 0s, transform 0.3s ease 0s;
  }

  #mainNav_m li.hasSubnav>button:before {
    height: 14px;
    width: 2px;
    margin-top: -7px;
    margin-left: -1px;
  }

  #mainNav_m li.hasSubnav>button:after {
    height: 2px;
    width: 14px;
    margin-top: -1px;
    margin-left: -7px;
  } */

  #mainNav_m li.hasSubnav.active>button:before {
    transform: rotate(180deg);
	background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fcc244%22%20d%3D%22M18.06%2C7.02c-.51-.51-1.33-.51-1.84%2C0l-5.22%2C5.22-5.22-5.22c-.51-.51-1.33-.51-1.84%2C0-.51.51-.51%2C1.33%2C0%2C1.84l6.14%2C6.14h0s0%2C0%2C0%2C0c.05.05.12.08.18.12.46.33%2C1.06.32%2C1.51-.02.05-.04.11-.06.15-.1l6.14-6.14c.51-.51.51-1.33%2C0-1.84Z%22%2F%3E%3C%2Fsvg%3E);
  }

  /* #mainNav_m li.hasSubnav.active>button:before,
  #mainNav_m li.hasSubnav.active>button:after {
    background-color: var(--yellow);
  } */

  /* #mainNav_m>ul>li.hasSubnav.selected>.subnav>ul { */
  #mainNav_m li.hasSubnav.selected>.subnav>ul,
	#mainNav_m>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>.subnav>ul {
    max-height: 1000px;
  }

  /* #mainNav_m>ul>li>.subnav>ul { */
  #mainNav_m>ul>li .subnav>ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease 0s;
  }

  /* #mainNav_m>ul>li.hasSubnav.active>.subnav>ul { */
  #mainNav_m ul>li.hasSubnav.active>.subnav>ul {
    max-height: 1000px;
  }

  #mainNav_m>ul>li>.subnav>ul>li {
	position:relative;
	margin-left:10px;
    /* margin-bottom: 1px; */
  }
  
  #mainNav_m>ul>li>.subnav>ul>li:before {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:var(--orange2);
	top:1em;
	left:0;
  }

  #mainNav_m .subnav>ul>li:last-child {
    margin-bottom: 25px;
  }
  
  #mainNav_m .subnav>ul>li .subnav>ul>li:last-child {
    margin-bottom: 0;
  }

  #mainNav_m>ul>li>.subnav>ul>li>a {
    padding: 10px 30px 10px 15px;
    display: block;
    position: relative;
	color:var(--white);
  }

  #mainNav_m>ul>li>.subnav>ul>li.hasSubnav>button:before,
  #mainNav_m>ul>li>.subnav>ul>li.hasSubnav>button:after {
    /* background-color: #262626; */
  }

  #mainNav_m>ul>li>.subnav>ul>li.hasSubnav.active>a:before,
  #mainNav_m>ul>li>.subnav>ul>li.hasSubnav.active>a:after {
    /*background-color: var(--white);*/
  }

  #mainNav_m>ul>li>.subnav>ul>li {
    transition: background 0.3s ease 0s;
  }

  #mainNav_m>ul>li>.subnav>ul>li>a {
    display: block;
    position: relative;
    
  }

  #mainNav_m>ul>li>.subnav>ul>li.active {
    /* background-color: var(--primary-blue); */
  }

  #mainNav_m>ul>li>.subnav>ul>li.li.hasSubnav>.subnav>ul {
    border-left: 2px solid #262626;
  }

  #mainNav_m>ul>li>.subnav>ul>li.li.hasSubnav>.subnav>ul>li {
    padding: 8px 0 8px 10px;
  }

  #mainNav_m>ul>li>.subnav>ul>li>.subnav {
    padding: 0 12px;
  }

  #mainNav_m>ul>li>.subnav>ul>li>.subnav>ul {
    overflow: hidden;
    /* display: none; */
  }

  #mainNav_m>ul>li>.subnav>ul>li>.subnav>ul>li>a {
    padding: 10px 20px 10px 24px;
    display: inline-block;
    position: relative;
    font-weight: 300;
    color: var(--white);
  }

  #mainNav_m>ul>li>.subnav>ul>li>.subnav>ul>li>a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--white);
    border-radius: 50%;
    left: 10px;
    top: 0.9em;
  }
  #mainNav_m>ul>li>.subnav>ul>li>.subnav>ul>li>a:is(:hover, .focus),
  #mainNav_m>ul>li>.subnav>ul>li>.subnav>ul>li.selected>a {
	color:var(--orange1);
	text-decoration:underline;
  }

  #mainNav_m>ul>li.hasSubnav.selected>.subnav>ul>li.hasSubnav.selected>.subnav {
    display: block;
  }

  #mobileMenu .others_m>li,
  #mainNav_m>ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0 15px;
  }

  #mobileMenu .others_m>li a,
  #mainNav_m>ul>li>a:not(.arrow) {
    color: var(--green1);
    font-weight: 500;
	font-family:'Oswald';
	font-size:var(--font-size3);
  }

  #mainNav_m li.selected>a:not(.arrow),
  #mainNav_m li.active>a:not(.arrow),
  #mainNav_m li>a:not(.arrow):hover,
  #mainNav_m li>a:not(.arrow).focus {
    color: var(--green1);
  }

  #mobileMenu .others_m li a {
    padding: 15px 0;
    display: inline-block;
  }

  /*mobile menu css ends*/
  #backToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    opacity: 0;
    z-index: 990;
    text-indent: -9999px;
    color: var(--white);
    background-color: var(--lakeblue3);
    visibility: hidden;
    border-radius: 50%;
    transition: background-color 0.5s ease 0s, opacity 0.3s ease 0s, width 0.3s ease 0s, height 0.3s ease 0s;
  }

  #backToTop:hover,
  #backToTop.focus {
    background-color: var(--blue2);
    color: var(--white);
  }

  #backToTop:before {
    content: "";
    height: 14px;
    width: 14px;
    display: block;
    border: 2px solid currentColor;
    border-left-width: 0;
    border-bottom-width: 0;
    transform-origin: left top;
    transform: rotate(-45deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 4px;
    transition: border-color 0.3s ease 0s;
  }

  #backToTop.fixed {
    position: absolute;
    bottom: 20px;
  }

  #backToTop.active {
    opacity: 1;
    visibility: visible;
  }

  #wrapper.showMMenu #backToTop {
    visibility: hidden;
  }

  /*inside*/
  #insideVisualWrap {
	position: relative;
    /* height: 344px; */
    overflow: hidden;
	padding-left:var(--pl-space);
	padding-right:var(--pr-space);
	z-index:1;
  }

  #insideVisualWrap.loaded {}
  
  /* #insideVisualWrap, #mainSection, #content section{
	opacity:0;
	transition:opacity .5s ease .3s;
  }
  
  #insideVisualWrap.shown, #mainSection.shown, #content section.shown{
	opacity:1;
  } */
  
  #bannerWrap {
	  /* position:absolute;
	  right:0; */
	position:relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
	aspect-ratio: 1020 / 340;
    /* clip-path: ellipse(50% 100% at 50% 0%); */
	width: 100%;
	/* max-width: 1020px; */
	max-width: clamp(720px, calc(287.442px + 43.605vw), 1020px);

	right: 5%;
	mask-image:url(../images/secbanner-mask1.svg);
	mask-repeat:no-repeat;
	mask-position:50% 0;
	
	/* transition:all .3s; */
  }
  



  #secTitlWrap {
	position: absolute;
	bottom: -58%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* z-index: 2; */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
  }

  #secTitle {
	position: relative;
	font-family: 'Oswald';
    font-size: var(--font-size8);
    color: var(--black);
    font-weight: 600;
    text-transform: uppercase;
	text-align:center;
	padding-bottom: 15px;
    /* display: flex;
    align-items: center;
    height: 100%; */
    z-index: 100;
    /* padding: 0.4em 0.8em; */
    transition: font-size .3s ease 0s, padding .3s ease 0s;
	line-height:1em;
	max-width:700px;
  }
  
  #secTitle:before {
	content:'';
	position:absolute;
	right:-50px;
	bottom:0;
	width:100%;
	max-width:300px;
	
	height:1px;
	background-color:var(--black);
  }

  /*breadcrumb*/
  #breadcrumb {
    font-size: var(--font-size2);
    padding: 20px 0;
	font-weight: 300;
	color: var(--grey5);
  }
  #breadcrumb a:hover {
	color: var(--orange4);
  }

  #breadcrumb .navHome {
    padding-left: 0;
    margin-right: 0px;
  }
  
  #breadcrumb .navHome>a {
	display: inline-block;
	position:relative;
	padding-left: 34px;
	line-height:1;
    /* text-indent: -9999px; */
  }


  #breadcrumb .navHome>a:before {
	content:'';
	position:absolute;
	width:26px;
	height:26px;
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%231E8379%22%20d%3D%22M17.39%2C10.99c0%2C.39-.33.7-.71.7h-.71l.02%2C3.48c0%2C.06%2C0%2C.12-.01.18v.35c0%2C.48-.4.87-.89.87h-.36s-.05-.02-.07%2C0c-.03-.02-.06%2C0-.09%2C0h-1.25c-.49%2C0-.89-.39-.89-.87v-1.91c0-.38-.32-.7-.71-.7h-1.42c-.39%2C0-.71.31-.71.7v1.91c0%2C.48-.4.87-.89.87h-1.24s-.07%2C0-.1%2C0c-.03%2C0-.05%2C0-.08%2C0h-.36c-.49%2C0-.89-.39-.89-.87v-2.44s0-.04%2C0-.06v-1.51h-.71c-.4%2C0-.71-.31-.71-.7%2C0-.2.07-.37.22-.52l5.69-4.86c.16-.15.33-.17.49-.17s.33.04.47.15l5.67%2C4.88c.18.15.27.33.24.52h0Z%22%2F%3E%3C%2Fsvg%3E);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-radius:50%;
	border:1px solid var(--grey3);
	left:0;
	top:calc(50% - 1px);
	transform:translateY(-50%);
	transition:all .3s;
  }
  
  #breadcrumb .navHome>a:is(:hover, .focus):before {
	border-color:var(--orange3);
	background-color:var(--orange3);
	background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17.39%2C10.99c0%2C.39-.33.7-.71.7h-.71l.02%2C3.48c0%2C.06%2C0%2C.12-.01.18v.35c0%2C.48-.4.87-.89.87h-.36s-.05-.02-.07%2C0c-.03-.02-.06%2C0-.09%2C0h-1.25c-.49%2C0-.89-.39-.89-.87v-1.91c0-.38-.32-.7-.71-.7h-1.42c-.39%2C0-.71.31-.71.7v1.91c0%2C.48-.4.87-.89.87h-1.24s-.07%2C0-.1%2C0c-.03%2C0-.05%2C0-.08%2C0h-.36c-.49%2C0-.89-.39-.89-.87v-2.44s0-.04%2C0-.06v-1.51h-.71c-.4%2C0-.71-.31-.71-.7%2C0-.2.07-.37.22-.52l5.69-4.86c.16-.15.33-.17.49-.17s.33.04.47.15l5.67%2C4.88c.18.15.27.33.24.52h0Z%22%2F%3E%3C%2Fsvg%3E);
  }

  #breadcrumb ul {
    /* color: #6e6e6e; */
    display: flex;
    flex-wrap: wrap;
	gap: 5px 20px;
  }

  #breadcrumb ul li {
    position: relative;
	padding-left: 20px;
  }

  #breadcrumb ul li>a {
    position: relative;
  }

  #breadcrumb ul li>a:is(:hover, .focus) {
    text-decoration: underline;
  }

  #breadcrumb ul li:not(:first-child):before {
    content: "";
    background-color: var(--grey5);
    top: 6px;
    left: 0;
    width: 1px;
	height: 14px;
    pointer-events: none;
    position: absolute;
    transform: rotate(20deg);
    border-bottom: none;
    border-left: none;

    transition: transform 0.25s ease 0s;
  }

  #pageTitle {
    /* position: relative;
    padding: 0 0 10px;
    margin-bottom: 0.75em;
    font-size: 2.22em;
    color: var(--primary-blue);
    font-weight: 600;
    border-bottom: 4px solid var(--primary-light); */
  }

  #contentWrap {
    position: relative;
  }

  /* #contentWrap.hasLeftNav .container {
    display: flex;
    column-gap: 40px;
  } */
  
  #contentWrap > .container {
	position:relative;
	z-index:1;
  }
  
  /* .hasLeftNav #mainContent {
    width: calc(100% - 320px);
  } */

  #leftNavWrap {
	position:fixed;
	top:0;
	left:-370px;
    width:370px;
	height:100%;
	padding:165px 30px 30px 40px;
	background-color:rgba(30, 131, 121, .98);
	z-index:999;
	transition:left .5s;
  }
  
  #leftNavWrap.shown {
	left:0;
  }
  
  #leftNavWrap .subTitle {
	  font-family: 'Oswald';
	  font-size: var(--font-size4);
	  font-weight: 500;
	 /* text-transform: uppercase;*/
	  color: var(--green1);
	  margin: 10px 0 15px 0;
  }
  
  #leftNavWrap #btn-toggle-leftNav {
	  position:absolute;
	  padding:13px 20px 13px 15px;
	  display:flex;
	  gap:0 5px;
	  border-radius:20px 20px 0 0;
	  background-color:var(--blue2);
	  /* top:200px; */
	  top:50%;
	  right:-78px;
	  transform:rotate(90deg);
	  transition:all .5s;
	  /* z-index:1; */
  }
  
  #leftNavWrap #btn-toggle-leftNav .icon {
	width:20px;
	height:20px;
	overflow:hidden;
  }
  
  #leftNavWrap #btn-toggle-leftNav .txt {
	color:var(--white);
	font-size:var(--font-size2);
	font-weight:500;
	line-height:1;
  }
  
  #leftNavWrap.shown #btn-toggle-leftNav {
	top:200px;
  }
  
  #leftNavWrap #btn-toggle-leftNav span {
	  position:relative;
  }
  
  #leftNavWrap #btn-toggle-leftNav .icon:before {
	  content:'';
	  position:absolute;
	  width:20px;
	  height:20px;
	  /* left:15px; */
	  background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M18.06%2C5.36l-6.14%2C6.14s-.1.06-.15.1c-.45.34-1.05.34-1.51.02-.06-.04-.12-.06-.18-.12%2C0%2C0%2C0%2C0%2C0%2C0h0L3.94%2C5.36c-.51-.51-.51-1.33%2C0-1.84.51-.51%2C1.33-.51%2C1.84%2C0l5.22%2C5.22%2C5.22-5.22c.51-.51%2C1.33-.51%2C1.84%2C0%2C.51.51.51%2C1.33%2C0%2C1.84ZM18.06%2C10.52c-.51-.51-1.33-.51-1.84%2C0l-5.22%2C5.22-5.22-5.22c-.51-.51-1.33-.51-1.84%2C0-.51.51-.51%2C1.33%2C0%2C1.84l6.14%2C6.14h0s0%2C0%2C0%2C0c.05.05.12.08.18.12.46.33%2C1.06.32%2C1.51-.02.05-.04.11-.06.15-.1l6.14-6.14c.51-.51.51-1.33%2C0-1.84Z%22%2F%3E%3C%2Fsvg%3E);
	  background-position:0 0;
	  background-repeat:no-repeat;
	  background-size:contain;
	  transition:transform .5s;
	  transform:rotate(180deg);
  }
  
  #leftNavWrap #btn-toggle-leftNav:is(:hover, .focus) .icon:before {
	animation: move-menu-arrow-right .6s 1;
  }
  
  #leftNavWrap.shown #btn-toggle-leftNav .icon:before {
  /* #leftNavWrap #btn-toggle-leftNav:hover:before { */
	transform:rotate(0deg);
	  
  }
  
  #leftNavWrap.shown #btn-toggle-leftNav:is(:hover, .focus) .icon:before {
	animation: move-menu-arrow-left .6s 1;
  }

  #leftNavWrap.shown #leftNav {
	visibility: visible;
  }

  #leftNav {
	visibility: hidden;
    position: relative;
    width: 100%;
    transition: all 0.3s ease 0s;
  }

  #leftNav>ul>li {
    position: relative;
    /* padding: 2px 0; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
  }
  
  #leftNav>ul>li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--orange2);
    top: 0.95em;
    left: 0.45em;
  }

  #leftNav>ul>li>ul {
    overflow: hidden;
    transition: height 0.5s ease;
	margin-bottom:10px;
  }

  #leftNav>ul>li:not(.active)>ul {
    display: none;
  }

  #leftNav>ul>li.selected>ul {
    display: block;
  }

  #leftNav li.hasSubnav>button {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 2px;
    right: 0;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1000;
    background: none;
    transition: border-color 0.3s ease 0s;
  }

  #leftNav li.hasSubnav>a:not(.arrow) {
    padding-right: 45px;
  }

  #leftNav li.hasSubnav.selected>button {
    display: none;
  }

  #leftNav li.hasSubnav>button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23effae3%22%20d%3D%22M18.06%2C7.02c-.51-.51-1.33-.51-1.84%2C0l-5.22%2C5.22-5.22-5.22c-.51-.51-1.33-.51-1.84%2C0-.51.51-.51%2C1.33%2C0%2C1.84l6.14%2C6.14h0s0%2C0%2C0%2C0c.05.05.12.08.18.12.46.33%2C1.06.32%2C1.51-.02.05-.04.11-.06.15-.1l6.14-6.14c.51-.51.51-1.33%2C0-1.84Z%22%2F%3E%3C%2Fsvg%3E);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	transition:transform .3s;
  }

  #leftNav>ul>li.hasSubnav.selected>button:before,
  #leftNav>ul>li.hasSubnav.active>button:before,
  #leftNav>ul>li.hasSubnav>a:hover+button:before {
    background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23fcc244%22%20d%3D%22M18.06%2C7.02c-.51-.51-1.33-.51-1.84%2C0l-5.22%2C5.22-5.22-5.22c-.51-.51-1.33-.51-1.84%2C0-.51.51-.51%2C1.33%2C0%2C1.84l6.14%2C6.14h0s0%2C0%2C0%2C0c.05.05.12.08.18.12.46.33%2C1.06.32%2C1.51-.02.05-.04.11-.06.15-.1l6.14-6.14c.51-.51.51-1.33%2C0-1.84Z%22%2F%3E%3C%2Fsvg%3E);
  }

  #leftNav li.hasSubnav.active>button:before {
    transform: rotate(180deg);	
  }

  #leftNav>ul>li:first-child {
    border-top: none;
  }

  #leftNav>ul>li>a:not(.arrow) {
    display: block;
    position: relative;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
    padding: 10px 20px 10px 25px;
    font-size: 1em;
	font-weight:500;
    color: var(--white);
    line-height: var(--line-height2);
  }

  #leftNav>ul>li.selected>a:not(.arrow),
  #leftNav>ul>li.active>a:not(.arrow),
  #leftNav>ul>li>a:not(.arrow):hover {
    /* background-color: var(--primary-light); */
    /*color: var(--orange1);*/
	/* text-decoration:underline; */
	
  }
  #leftNav>ul>li>a:not(.arrow):hover {
	text-decoration:underline; 
  }
  #leftNav>ul>li>ul>li {
    position: relative;
    /* background-color: #f5f5f5; */
    transition: background-color 0.3s ease 0s;
	margin-bottom:1px;
  }

  #leftNav>ul>li>ul>li>a:not(.arrow):before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--white);
    position: absolute;
    top: 0.8em;
    left: 25px;

	
  }

  #leftNav>ul>li>ul>li.selected>a:not(.arrow):before{
    background-color: var(--orange2);
  }
  #leftNav>ul>li>ul>li:hover>a:not(.arrow):before {
	background-color: var(--lakeblue4);
  }

  #leftNav>ul>li>ul>li>a:not(.arrow) {
	width:100%;
    padding: 5px 30px 5px 40px;
    display: inline-block;
    color: var(--white);
    position: relative;
	font-weight:300;
    transition: color 0.3s ease 0s;
	line-height: var(--line-height2);
  }

  #leftNav>ul>li>ul>li:last-child>a:not(.arrow) {
    padding: 5px 15px 5px 40px;
  }

  #leftNav>ul>li>ul>li.hasSubnav:last-child>a:not(.arrow) {
    padding: 15px 15px 0 40px;
  }

  #leftNav>ul>li>ul>li.hasSubnav:last-child {
    padding-bottom: 15px;
  }
  #leftNav>ul>li>ul>li.selected {
	  background: var(--lakeblue4);
	  border-radius:  var(--corner-radius3);
  }
  #leftNav>ul>li>ul>li.selected a{
    color: var(--orange1);
	text-decoration: none;
	background: var(--lakeblue4);
	border-radius:  var(--corner-radius3);
  }
  #leftNav>ul>li>ul>li>a:hover {
    background:var(--olive1);
	text-decoration: underline;
	color: var(--lakeblue4);
	border-radius:  var(--corner-radius3);
  }

  #leftNav>ul>li>ul>li>ul {
    display: none;
    overflow: hidden;
    margin: 0 20px;
  }

  #leftNav>ul>li>ul>li.selected>ul {
    display: block;
  }

  #leftNav>ul>li>ul>li>ul>li {
    padding: 10px 0 0;
  }

  #leftNav>ul>li>ul>li>ul>li>a:not(.arrow) {
    position: relative;
    padding: 0 0 0 35px;
    display: inline-block;
  }

  #leftNav>ul>li>ul>li>ul>li>a:hover,
  #leftNav>ul>li>ul>li>ul>li>a.focus,
  #leftNav>ul>li>ul>li>ul>li.selected>a {
    text-decoration: underline;
  }

  #leftNav>ul>li>ul>li>ul>li:last-child {
    padding-bottom: 0;
  }

  #leftNav>ul>li>ul>li>ul>li>a:not(.arrow):before {
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    background-color: #037957;
    left: 20px;
    top: 10px;
  }

  #mainContent {
    width: 100%;
    padding: 20px 0 70px;
    position: relative;
    min-height: 460px;
    opacity: 0;
    container: content / inline-size;
    transition: opacity .5s;
  }

  #content {
    opacity: 0;
	/* background:url(../images/global-bg.svg) no-repeat 50% 0; */
	background-size:contain;
	transition: opacity .5s;
  }
  
  #contentWrap.shown #mainContent,
  #contentWrap.shown #content {
    opacity: 1;
  }

  #lastRevDate {
    text-align: left;
    color: #6e6e6e;
    font-size: 0.833em;
    padding: 10px 20px;
  }

  .fancybox-content {
    max-width: 800px;
  }

  #lastRevDate {
    text-align: left;
    color: #6e6e6e;
    font-size: 0.833em;
    padding: 10px 20px;
  }

  /*swiper*/
  .swiper-wrap {
    position: relative;
  }

  .swiper-wrap .swiper-play {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }

  .swiper-wrap .swiper-play:hover {}

  .swiper-wrap .swiper-arrow {
    position: absolute;
    width: 50px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 990;
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    opacity: 1;
    border: none;
    transition: opacity 0.3s ease 0s, background-color 0.3s ease 0s,
      left 0.3s ease 0s, right 0.3s ease 0s;
  }

  .swiper-wrap .swiper-arrow span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border-style: solid;
    border-width: 2px;
    border-color: var(--white);
    border-top: none;
    border-left: none;
  }

  .swiper-wrap .swiper-next {
    right: 20px;
  }

  .swiper-wrap .swiper-prev {
    left: 20px;
  }

  .swiper-wrap .swiper-arrow:not(.swiper-button-disabled):hover,
  .swiper-wrap .swiper-arrow:not(.swiper-button-disabled).focus {}

  .swiper-wrap .swiper-prev span {
    transform: translate(-50%, -50%) rotate(135deg);
    margin-left: 4px;
  }

  .swiper-wrap .swiper-prev:not(.swiper-button-disabled):hover,
  .swiper-wrap .swiper-prev:not(.swiper-button-disabled).focus {
    left: 15px;
  }

  .swiper-wrap .swiper-next span {
    transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: -4px;
  }

  .swiper-wrap .swiper-next:not(.swiper-button-disabled):hover,
  .swiper-wrap .swiper-next:not(.swiper-button-disabled).focus {
    right: 15px;
  }

  .swiper-paging {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
  }

  .swiper-paging>a {
    display: inline-block;
    height: 34px;
    width: 20px;
    position: relative;
    vertical-align: top;
    text-indent: -9999px;
    opacity: 1;
  }

  .swiper-paging>a:before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: block;
    box-shadow: 0px 5px 30px 5px rgba(0, 0, 0, 0.2);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease 0s, height 0.3s ease 0s,
      background-color 0.3s ease 0s;
  }

  .swiper-paging .swiper-pagination-bullet-active:before {
    background-color: var(--white);
    width: 16px;
    height: 16px;
  }

  .swiper-paging .swiper-pagination-bullet:hover:before {
    background-color: var(--white);
  }

  .swiper-paging .swiper-pagination-bullet,
  .swiper-paging .swiper-pagination-bullet-active {
    background: none;
  }

  .swiper-button-disabled {
    cursor: default;
  }

  .swiper-notification {
    position: absolute;
    height: 0;
    width: 0;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-indent: -9999px;
  }

  .btn-play {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 35px;
    height: 34px;
    z-index: 10;
    transition: background-color 0.3s ease 0s;
  }

  .btn-play:hover {}

  .btn-play:before {
    left: 12px;
  }

  .btn-play:after {
    right: 12px;
  }

  .btn-play:before,
  .btn-play:after {
    position: absolute;
    width: 3px;
    height: 14px;
    background-color: var(--white);
    content: "";
    top: 50%;
    transform: translateY(-50%);
    /*transition: background-color .3s ease 0s;*/
  }

  .btn-play.stop:before {
    content: "";
    border-bottom: 7px solid transparent;
    border-left: 10px solid var(--white);
    border-top: 7px solid transparent;
    background: none;
    border-radius: 0;
    height: 0;
    top: 50%;
    left: 50%;
    width: 0;
    transform: translate(-50%, -50%);
  }

  .btn-play.stop:hover:before,
  .btn-play.stop:focus:before {
    border-bottom: 7px solid transparent;
    border-left: 10px solid var(--white);
    border-top: 7px solid transparent;
  }

  .btn-play.stop::after {
    display: none;
  }

  /*swiper*/
}

/*end layer*/
/*custom style*/
.f-left {
  float: left;
}

.f-right {
  float: right;
}

.a-center {
  text-align: center;
}

.a-right {
  text-align: right;
}

.v-top {
  vertical-align: top;
}

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

.v-bottom {
  vertical-align: bottom;
}

.no-wrap {
  white-space: nowrap;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.display-m {
  display: none;
}




/** slideshow css **/

.slideshow-wrap{
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 2em;
  padding: 0 3em;
  transition: padding .3s ease 0s;
}
.slideshow-wrap .slideshow{
  display: flex;
  gap: 1em; /* define the spacing between slides */
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.slideshow-wrap .slideshow::-webkit-scrollbar {
  display: none;
}
.slideshow-wrap .slideshow .slide{
  aspect-ratio: 1280/640;
  overflow: hidden;
  flex: 0 1 100%;
  min-width: 100%;
  scroll-snap-align: start;
  transform: translateX(0);
}
.slideshow-wrap .slideshow .slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.slideshow-wrap .slideshow-controls button{
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--primary-dark);
  opacity: 1;
  transition: background-color 0.3s ease 0s, width 0.3s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s;
}
.slideshow-wrap .slideshow-controls button.prev{
  left: 0;
}
.slideshow-wrap .slideshow-controls button.next{
  right: 0;
}
.slideshow-wrap .slideshow-controls button:before{
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  border-left: 2px solid var(--white);
  border-top: 2px solid var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-45%, -50%) rotate(-45deg);
}
.slideshow-wrap .slideshow-controls button.next:before{
  transform: translate(-65%, -50%) rotate(135deg);
}
.slideshow-wrap .slideshow-controls button:hover,
.slideshow-wrap .slideshow-controls button:focus{
  background-color: var(--secondary-dark);
}
.slideshow-wrap .slideshow-controls button.disable{
  opacity: .6;
  pointer-events: none;
}

.slideshow-pagination{
  display: flex;
  gap: 5px;
  margin-top: 1em;
  justify-content: flex-end;
}
.slideshow-pagination a{
  width: 30px;
  height: 30px;
  position: relative;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}
.slideshow-pagination a:before{
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--primary-light);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease 0s, height 0.3s ease 0s, background-color 0.3s ease 0s;
}

.slideshow-pagination a.active:before,
.slideshow-pagination a:hover:before,
.slideshow-pagination a:focus:before{
  background-color: var(--secondary-light);
}


/** slideshow css **/

#globe-wrap{
	position:relative;
	overflow:hidden;
	z-index:1;
}

#canvas-globe{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	z-index:0;
	pointer-events:none;
}

@keyframes move-menu-arrow-right {
  0% {
    transform: translateY(0) rotate(180deg);
  }
  45% {
    transform: translateY(-150%) rotate(180deg);
  }
  46% {
    transform: translateY(150%) rotate(180deg);
  }
  100% {
    transform: translateY(0) rotate(180deg);
  }
}

@keyframes move-menu-arrow-left {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  45% {
    transform: translateY(150%) rotate(0deg);
  }
  46% {
    transform: translateY(-150%) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}


/* captcha overwrite css */
#aliyunCaptcha-window-embed {
	background-color:transparent !important;
}
#aliyunCaptcha-checkbox-wrapper {
	margin:20px 0;
}
#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body {
	display:inline-flex !important;
}
#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body .aliyunCaptcha-checkbox-logo-wrap {
	display:none !important;
}
#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body.checkbox,
#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body {
	width:auto !important;
}
#aliyunCaptcha-checkbox-text {
	font-family:'Oswald';
}
#aliyunCaptcha-checkbox-wrapper #aliyunCaptcha-checkbox-body #aliyunCaptcha-checkbox-left {
	margin:0 20px;
}


/* hide the search btn */
#siteTools>ul>li#toolSearch,
#mobileMenu .m-toolsWrap .m-search {
	display: none;
}