div.headerLinkCon:hover{
    cursor: pointer !important;
    color: #A3862F !important;
}

::selection {
    background-color: #A3862F;
    color: #00245D;
}
::-o-selection{
    background-color: #A3862F;
    color: #00245D;
}
::-moz-selection{
    background-color: #A3862F;
    color: #00245D;
}
::-ms-selection{
    background-color: #A3862F;
    color: #00245D;
}
::-webkit-selection{
    background-color: #A3862F;
    color: #00245D;
}
::-webkit-scrollbar{
  width: 15px;
	background-color: #ffffff;
}
::-webkit-scrollbar-thumb{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(163, 134, 47, 1);
  background-clip: padding-box;
  border: 5px solid rgba(0,0,0,0);
  transition: background-color 0.5s;
}
::-webkit-scrollbar-thumb:hover{
  background-color: rgba(163, 134, 47, 0.65);
  transition: background-color 0.5s;
}
::-webkit-scrollbar-button{
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner{
    background-color: #ffffff;
}
html{
  scroll-behavior: smooth;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
}
div.RMTitle{
  font-family: bBold;
  font-size: 3em;
	color: #A3862F;
	line-height: 0.9em;
}
span.RMBold{
  font-family: kBold;
}
span.RMReg{
  font-family: kReg;
}
span.goldAccent{
  color: #A3862F;
}

@media screen and (max-width: 300px){
  body{
    background-color: #00245D !important;
  }
  div#contents{
    display: none;
  }
	div#cookieHolder{
		display: none;
	}
  div#resizeMessage{
    display: block;
    color: #ffffff;
    width: calc(100vw - 60px);
    height: calc(100vh - 60px);
    font-size: 0.85em;
    word-wrap: break-word;
    margin: 30px 30px;
  }
}

@media screen and (min-width: 301px) and (max-width: 900px){
  @media screen and (max-height: 500px){
    body{
      background-color: #00245D !important;
    }
    div#contents{
      display: none;
    }
		div#cookieHolder{
			display: none;
		}
    div#resizeMessage{
      display: block;
      color: #ffffff;
      width: calc(100vw - 80px);
      height: calc(100vh - 80px);
      font-size: 0.85em;
      word-wrap: break-word;
      margin: 40px 40px;
    }
  }
  @media screen and (min-height: 501px){
    div#resizeMessage{
      display: none;
    }
    
		/*Base & Menu*/
    div#headerCon{
			z-index: 5;
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100px;
			background: #ffffff;
			box-shadow: 0px 0px 20px -10px #A3862F;
			overflow: hidden;
			transition: top 0.3s, height 0.5s;			
			vertical-align: bottom;
		}
		#headerCon.hide{
			top: -9em;
			transition: top 0.3s;
		}
		#headerCon.expandRes{
			height: calc(100% - 5px);
			border-bottom: 5px solid #A3862F;
			transition: height 0.5s, border-bottom 0.5s;
		}
    div#headerLogo{
			z-index: 6;
      position: absolute;
      top: 20px;
      left: 30px;
      height: 60px;
      width: 167px;
    }
    #headerLogo.disabled{
      pointer-events: none;
    }
		svg#logo{
			height: inherit;
		}
		.logoBlue{
			fill: #00245D;
		}
		.letA, .letB, .letC, .letD, .letE, .letF, .letG{
			fill: #00245D;
			transform: translateX(0%);
			transition: transform 0.5s;
		}
		.logoGold{
			fill: #A3862F;
		}
		svg#logo:hover{
			cursor: pointer;
		}
		svg#logo:hover .letA{
			transform: translateX(2%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letB{
			transform: translateX(4%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letC{
			transform: translateX(6%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letD{
			transform: translateX(8%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letE{
			transform: translateX(10%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letF{
			transform: translateX(12%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letG{
			transform: translateX(14%);
			transition: transform 0.5s;
		}
		div#headerMenuDrawer{
			position: absolute;
      top: 30px;
      right: 30px;
      height: 40px;
      width: 40px;
		}
		svg#drawerIcon{
			width: 100%;
		}
		div#priHeaderLinksHolder,
		div#secHeaderLinksHolder{
			display: none;
		}
		div#headerMenuResCon{
			display: none;
			opacity: 0;
			position: absolute;
			top: 120px;
			left: 30px;
			right: 30px;
			bottom: 30px;
			transform: translateX(-10px);
			transition: opacity 0.3s, transform 0.3s;
		}
		#headerMenuResCon.active{
			opacity: 1;
			transform: translateX(0px);
			transition: opacity 0.3s, transform 0.3s;
		}
		div.headerLinkCon{
			position: relative;
			display: inline-block;
			color: #00245D;
			font-family: kBold;
			font-size: 1.2em;
			padding-bottom: 15px;
		}
		.headerLinkCon.disabled{
			pointer-events: none;
			opacity: 0.5;
		}
		div#headerMenuResDiv{
			display: inline-block;
			width: 40%;
			border: 3px solid #00245D;
			margin: 20px 0;
		}
		div#vnewsLinkRes{
			padding-left: 20px;
			padding-bottom: 20px;
		}
		a.headerLink{
			color: #00245D;
			text-decoration: none;
			text-transform: uppercase;
			transition: color 0.5s;
		}
		.headerLink:hover{
			color: #A3862F;
			transition: color 0.5s;
		}
		a.headerLink.digital{
			background: 
				linear-gradient(
					to left,
					#A3862F,
					#BF9E4C);
			color: #ffffff;
			text-decoration: none;
			letter-spacing: 5px;
			padding: 2px 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		a.headerLink.digital:hover{
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		.headerLinkCon.digital{
			margin-top: 10px;
		}
		div#vNewsIcon{
			position: absolute;
			top: -1px;
			left: 0;
			background-image: url("../sources/system/logoVNews.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: bottom right;
			width: 1.6em;
			height: 1.6em;
		}
		div#secHeaderLinksHolder{
			display: none;
		}
		div.headerDropMenu{
			display: none;
			opacity: 0;
			position: absolute;
			top: 120px;
			left: 30px;
			right: 0px;
			bottom: 30px;
			padding-top: 60px;
			transform: translateX(-10px);
			transition: opacity 0.3s, transform 0.3s;
		}
		.headerDropMenu.preactive{
			display: inline-block;
		}
		.headerDropMenu.active{
			opacity: 1;
			transform: translateX(0px);
			transition: opacity 0.3s, transform 0.3s;
		}
		div.headerWatermark{
			position: absolute;
			top: 70vh;
			right: 0;
			width: 40vh;
			height: 30vh;
			background-image: url("../sources/system/headerWatermark.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: bottom right;
		}
		div.headerMenuTitle{
			display: inline-block;
			width: 100%;
			height: auto;
			color: #A3862F;
			font-family: bBold;
			font-size: 2.5em;
			line-height: 0.9em;
			vertical-align: top;
			margin-bottom: 10px;
		}
		div#headerVnews{
			background-image: url("../sources/vnews/vnewsLogo.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
			width: 4em;
			height: 1.4em;
			margin-bottom: 20px;
		}
		div.headerMenuResClose{
			position: absolute;
			top: 0;
			left: 0;
			color: #00245D;
			font-family: kBold;
			font-size: 1.5em;
			text-transform: uppercase;
			line-height: 1em;
			transform: rotate(0deg);
			transition: transform 0.5s;
		}
		div.headerMenuCon{
			display: inline-block;
			width: 100%;
			height: 100%;
		}
		div.headerMenuLinkHolder{
			display: inline-block;
			width: 100%;
			height: auto;
			line-height: 1.8em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.headerMenuLinkHolder.disabled{
			opacity: 0.6;
			pointer-events: none;
		}
		a.headerMenuLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1.2em;
			color: #00245D;
			text-decoration: none;
			transform: translateX(-29px);
			transition: transform 0.3s, opacity 0.3s;
		}
		.headerMenuLink:hover{
			opacity: 0.8;
			transform: translateX(0px);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.headerMenuLinkArrow{
			display: inline;
			font-size: 1.5em;
			line-height: 0.5em;
			color: #A3862F;
		}
		div.downloadIconG{
			display: inline-block;
			background-image: url("../sources/system/downloadIconGold.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			width: 1.2em;
			height: 1.2em;
			vertical-align: sub;
		}
		span.bBold{
			font-family: bBold;
		}
		span.kBold{
			font-family: kBold;
		}
		span.akBold{
			font-family: akBold;
		}
		
		/*Universal*/
		div.uniBanner{
			z-index: 0;
      position: relative;
			margin-top: 100px;
      width: 100%;
      height: 35vh;
			background-color: #00245D;
      background-position: left;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;
			text-align: center;
		}
		.uniBanner.investments{
			background-position: 50% 10%;
		}
		.uniBanner.lending{
			background-position: 0 60%;
		}
		.uniBanner.tradefinance{
			background-position: 0 65%;
		}
		.uniBanner.creditcards{
			background-position: 60% 0%;
		}
		.uniBanner.paymentsolutions{
			background-position: 70% 0%;
		}
		div.uniBannerResTint{
			opacity: 0.5;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #00245D;
		}
		div.uniBannerTitle{
			position: absolute;
			top: calc(50% - 15vw);
			left: calc(50% - 36vw);
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			width: 70vw;
			height: 30vw;
		}
		div.uniCon{
			z-index: 0;
			position: relative;
			display: inline-block;
			width: calc(100% - 60px);
			height: auto;
			padding: 50px 30px;
		}
		div.uniBodyCon{
			display: inline-block;
			width: 100%;
			height: auto;
			color: #00245D;
			text-align: left;
			padding-top: 50px;
		}
		.uniBodyCon.start{
			padding-top: 0;
		}
		.uniBodyCon.disclaimer{
			padding-top: 0;
		}
		div.uniBody{
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			line-height: 1.2em;
			text-align: justify;
		}
		.uniBody.strong{
			font-family: kReg;
			font-size: 1.3em;
			text-align: center;
		}
		.uniBody.strongLeft{
			font-family: kReg;
			font-size: 1.3em;
			text-align: left;
		}
		div.uniTitle{
			font-family: bBold;
			font-size: 3em;
			line-height: 0.9em;
			color: #00245D;
		}
		.uniTitle.corporate{
			margin-top: 50px;
		}
		.uniTitle.legal{
			margin-top: 30px;
		}
		span.goldHighlight{
			color: #A3862F;
		}
		div.uniImageWrapper{
			display: inline-block;
			width: calc(100vw - 60px);
			height: calc((100vw - 60px)*1.4);
			background: linear-gradient(90deg, #A3862F, #00245D);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;	
		}
		.uniImageWrapper.awards{
			width: 100%;
			height: calc((100vw - 60px)*0.42);
		}
		div.uniImage{
			display: inline-block;
			width: calc(100% - 10px);
			height: calc(100% - 10px);
			background-color: #00245D;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;
			margin: 5px 5px;
		}
		div.uniInfoCon{
			position: relative;
			width: 100%;
			height: auto;
			padding: 30px 0px;
			padding-bottom: 0;
		}
		div.uniInfoSec{
			display: inline-block;
			width: calc(100% - 60px);
			height: auto;
			text-align: center;
			margin-bottom: 30px;
			padding: 30px 30px;
			border: 1px solid #A3862F;
			border-radius: 20px;
			box-shadow: 0px 0px 10px -5px #A3862F;
		}
		.uniInfoSec.thirds{
			vertical-align: top;
		}
		.uniInfoSec.ourprofile{
			margin-left: -30px;
			width: 100%;
			text-align: center;
			vertical-align: top;
			border: none;
			box-shadow: none;
		}
		div.uniInfoIcon{
			display: inline-block;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			width: 6.5em;
			height: 6.5em;
		}
		.uniInfoIcon.ourprofile{
			width: 50vw;
			height: 50vw;
		}
		svg#missionIcon,
		svg#visionIcon,
		svg#coreIcon{
			height: 100%;
		}
		.iconLine{
			fill: none;
			stroke: #00245D;
			stroke-linecap: round;
			stroke-linejoin:round;
			stroke-miterlimit: 10;
			stroke-dasharray: 300;
			stroke-dashoffset: 300;
			stroke-width: 5px;
			transition: stroke-dashoffset 1s;
		}
		.iconLine.active{
			stroke-dashoffset: 0;
			transition: stroke-dashoffset 1s;
		}
		div.uniInfoTextCon{
			display: inline-block;
			width: calc(100% - 40px);
			vertical-align: top;
			padding: 30px 20px;
			padding-bottom: 0px;
		}
		div.uniInfoTitle{
			display: inline-block;
			font-family: kBold;
			font-size: 1.5em;
			line-height: 1em;
			color: #A3862F;
		}
		.uniInfoTitle.ourprofile{
			font-family: bBold;
			font-size: 4em;
			line-height: 0.8em;
		}
		div.uniInfoBody{
			display: inline-block;
			font-family: kReg;
			font-size: 0.9em;
			line-height: 1.2em;
			text-align: center;
		}
		.uniInfoBody.ourprofile{
			font-size: 1.2em;
			line-height: 1.2em;
		}
		div.uniInfoColHolder{
			display: inline-block;
			width: 100%;
			height: auto;
			background-color: #ffffff;
			border-radius: 15px;
			margin-top: 10px;
			border: 3px solid #00245D;
		}
		.uniInfoColHolder .uniInfoColCon{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.8s ease-out;
		}
		.uniInfoColHolder.active .uniInfoColCon{
			max-height: 300vh;
			transition: max-height 0.8s ease-in;
		}
		div.uniInfoColToggle{
			display: inline-block;
			margin-right: 15px;
			transform: rotate(45deg);
			transition: transform 0.6s;
		}
		.uniInfoColToggle.active{
			transform: rotate(0);
			transition: transform 0.6s;
		}
		div.uniInfoColSec{
			width: calc(100% - 30px);
			height: auto;
			background: #00245D;
			color: #ffffff;
			padding: 6px 15px;
			font-family: kBold;
			font-size: 1.3em;
			text-align: left;
			border-radius: 10px;
		}
		.uniInfoColSec:hover{
			cursor: pointer;
		}
		div.uniInfoColBody{
			display: inline-block;
			color: #00245D;
			font-family: kReg;
			font-size: 1em;
			line-height: 1.4em;
			text-align: left;
			padding: 30px 30px;
		}
		div.uniInfoColTitle{
			display: inline-block;
			color: #A3862F;
			font-family: kBold;
			font-size: 2em;
			line-height: 1em;
			text-transform: uppercase;
			margin-top: -5px;
			margin-bottom: 10px;
		}
		a.uniLink{
			color: #A3862F;
			font-family: kReg;
			text-decoration: none;
			transition: color 0.5s;
		}
		.uniLink:hover{
			color: #00245D;
			transition: color 0.5s;
		}
		a.uniLinkButton{
			display: inline-block;
			background-color: #00245D;
			color: #ffffff;
			font-family: bBold;
			font-size: 1.2em;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding: 6px 15px;
			border-radius: 5px;
			transition: color 0.3s, background-color 0.3s;
		}
		.uniLinkButton:hover{
			background-color: #A3862F;
			color: #ffffff;
			transition: color 0.3s, background-color 0.3s;
		}
		div.uniLinkStylWrapper{
			margin-top: 2px;
		}
		div.uniLinkStylHolder{
			display: inline-block;
			width: 100%;
			height: auto;
			line-height: 1.1em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.uniLinkStylHolder.disabled{
			opacity: 0.6;
			pointer-events: none;
		}
		a.uniLinkStyl{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			color: #00245D;
			text-decoration: none;
			transform: translateX(-27px);
			transition: transform 0.3s, opacity 0.3s;
		}
		.uniLinkStyl:hover{
			opacity: 0.8;
			transform: translateX(0px);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.uniLinkStylArrow{
			display: inline;
			vertical-align: sub;
			font-size: 1.8em;
			line-height: 0.5em;
			color: #A3862F;
		}
		
		div.cardCon{
			display: inline-block;
			width: 50vw;
			height: 69vw;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			margin: 30px 30px;
			margin-top: 0;
		}
		div.iconCon{
			display: inline-block;
			width: 25vw;
			height: 25vw;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			margin: 30px 30px;
			margin-bottom: 0;
		}
		
		div#psTitleHolder{
			display: none;
		}
		div#psHolder{
			position: relative;
			display: inline-block;
			width: calc(100% - 60px);
			height: auto;
			margin-left: 50px;
		}
		div#psLineHolder{
			position: absolute;
			top: 0;
			bottom: 0;
			left: -30px;
			width: 10px;
		}
		div#psLine{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 30px;
			border-radius: 10px;
			background-color: #00245D;
		}
		div.psItemCon{
			position: relative;
			display: inline-block;
			padding-top: 0;
			padding-left: 20px;
			padding-bottom: 100px;
			width: calc(100% - 20px);
			height: auto;
			vertical-align: top;
		}
		div.psItemImg{
			display: inline-block;
			width: 35vw;
			height: 35vw;
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
		}
		div.psItemTextCon{
			display: inline-block;
			padding-top: 20px;
			width: 100%;
			height: auto;
		}
		div.psItemTitle{
			display: inline;
			color: #00245D;
			font-family: bBold;
			font-size: 2.5em;
			line-height: 0.9em;
		}
		div.psItemText{
			color: #00245D;
			font-family: kReg;
			font-size: 1.25em;
			line-height: 1.25em;
			text-align: left;
		}
		
		div#cookieHolder{
			display: block;
			z-index: 100;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: auto;
			height: auto;
			padding: 30px 30px;
			background: #ffffff;
			box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
		}
		div#cookieTitle{
			font-family: bBold;
			font-size: 2.5em;
			color: #A3862F;
		}
		div#cookieBody{
			display: inline-block;
			font-family: akReg;
			font-size: 1em;
			color: #00245D;
		}
		a.cookieLink{
			opacity: 1;
			color: #A3862F;
			font-family: akBold;
			text-decoration: none;
			transition: opacity 0.3s;
		}
		.cookieLink:hover{
			opacity: 0.5;
			transition: opacity 0.3s;
		}
		input[type=submit]#cookieAcc{
			display: inline-block;
			width: auto;
			height: auto;
			background: 
				linear-gradient(
					to left,
					#A3862F,
					#BF9E4C);
			color: #ffffff;
			font-family: akBold;
			font-size: 1.2em;
			letter-spacing: 2px;
			margin-top: 15px;
			padding: 5px 20px;
			border-radius: 10px;
			border: none;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieAcc:hover{
			cursor: pointer;
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieDec{
			display: inline-block;
			width: auto;
			height: auto;
			background: #ffffff;
			color: #A3862F;
			font-family: akBold;
			font-size: 1.2em;
			letter-spacing: 2px;
			margin-top: 15px;
			padding: 3px 18px;
			border-radius: 10px;
			border: 2px solid #A3862F;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieDec:hover{
			cursor: pointer;
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		
		/*Footer*/
		div#footerBranchHolder, div#footerLinkCon, div#footerLegalHolder{
			z-index: 0;
			position: relative;
			width: calc(100% - 80px);
			height: auto;
			background-color: #00245D;
			box-shadow: 0px 0px 20px -10px #00245D;
			padding: 40px 40px;
			padding-bottom: 0px;
		}
		div#footerBranchHolder{
			background-color: #ffffff;
			border-top: 5px solid #A3862F;
			box-shadow: 0px 0px 20px -10px #A3862F;
		}
		div#footerLinkCon{
			width: calc(100% - 40px);
			padding-right: 0;
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 69% 0;
			overflow: hidden;
		}
		div#footerLegalHolder{
			padding: 20px 40px;
			background-color: #000000;
		}
		div.footerBranchCon{
			opacity: 0;
			display: inline-block;
			width: 100%;
			height: auto;
			vertical-align: top;
			margin-bottom: 40px;
			transform: translateX(10px);
			transition: opacity 0.5s, transform 0.5s;
		}
		.footerBranchCon.active{
			opacity: 1;
			transform: translateX(0px);
			transition: opacity 0.5s, transform 0.5s;
		}
		span.footerBranchTitle{
			font-family: kBold;
			font-size: 1.5em;
			color: #A3862F;
		}
		span.footerBranchSubTitle{
			font-family: kBold;
			font-size: 1em;
			color: #00245D;
		}
		a.footerBranchLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			color: #00245D;
			text-decoration: none;
			transition: opacity 0.3s;
		}
		.footerBranchLink:hover{
			opacity: 0.5;
			transition: opacity 0.3s;
		}
		div.footerSecCon{
			opacity: 0;
			display: inline-block;
			width: 100%;
			height: auto;
			vertical-align: top;
			margin-bottom: 40px;
			transform: translateX(10px);
			transition: opacity 0.5s, transform 0.5s;
		}
		.footerSecCon.active{
			opacity: 1;
			transform: translateX(0px);
			transition: opacity 0.5s, transform 0.5s;
		}
		.footerSecCon.regulated{
			font-family: kReg;
			font-size: 1.1em;
			line-height: 1.2em;
			color: #ffffff;
			margin-top: 40px;
		}
		span.footerSecTitle{
			font-family: bBold;
			font-size: 2.2em;
			color: #A3862F;
		}
		.footerSecTitle.regulated{
			font-family: kBold;
			font-size: 1.1em;
		}
		div.footerSecLinkHolder{
			display: inline-block;
			width: 100%;
			height: auto;
			line-height: 1.5em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.footerSecLinkHolder.disabled{
			opacity: 0.8;
			pointer-events: none;
		}
		a.footerSecLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1.1em;
			color: #ffffff;
			text-decoration: none;
			transform: translateX(-1.9em);
			transition: transform 0.3s, opacity 0.3s;
		}
		.footerSecLink:hover{
			opacity: 0.8;
			transform: translateX(0);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.footerSecLinkArrow{
			display: inline;
			vertical-align: sub;
			font-size: 2em;
			line-height: 0.5em;
			color: #A3862F;
		}
		div#footerLogo{
			height: 6em;
      width: 13em;
			background-image: url("../sources/system/footerLogo.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
    }
		div#footerCopy{
			display: inline-block;
			font-family: kReg;
			font-size: 0.9em;
			color: #ffffff;
			margin-right: 20px;
		}
		div#footerLegalCon{
			display: inline-block;
			width: auto;
		}
		a.footerLegalLinks{
			display: inline-block;
			color: #ffffff;
			font-family: kReg;
			font-size: 0.9em;
			text-decoration: none;
			margin-top: 10px;
			margin-right: 20px;
			transition: color 0.3s;
		}
		a.footerLegalLinks.disabled{
			pointer-events: none;
			opacity: 0.5;
		}
		.footerLegalLinks:hover{
			color: #808080;
			transition: color 0.3s;
		}
		
  }
}

@media screen and (min-width: 901px){
  @media screen and (max-height: 500px){
    body{
      background-color: #00245D !important;
    }
    div#contents{
      display: none;
    }
		div#cookieHolder{
			display: none;
		}
    div#resizeMessage{
      display: block;
      color: #ffffff;
      width: calc(100vw - 80px);
      height: calc(100vh - 80px);
      font-size: 0.85em;
      word-wrap: break-word;
      margin: 40px 40px;
    }
  }
  @media screen and (min-height: 501px){
    div#resizeMessage{
      display: none;
    }

    /*Base & Menu*/
    div#headerCon{
			z-index: 5;
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			height: 7.5em;
			background: #ffffff;
			box-shadow: 0px 0px 20px -10px #A3862F;
			overflow: hidden;
			transition: top 0.3s, height 0.5s;			
			vertical-align: bottom;
		}
		#headerCon.hide{
			top: -9em;
			transition: top 0.3s;
		}
		#headerCon.expand{
			height: 55vh;
			border-bottom: 5px solid #A3862F;
			transition: height 0.5s, border-bottom 0.5s;
		}
		div#headerLogo{
			z-index: 6;
      position: absolute;
      top: 1.5em;
      left: 7.5vh;
      height: 4.5em;
      width: 12.5em;
    }
    #headerLogo.disabled{
      pointer-events: none;
    }
		svg#logo{
			height: 4.5em;
		}
		.logoBlue{
			fill: #00245D;
		}
		.letA, .letB, .letC, .letD, .letE, .letF, .letG{
			fill: #00245D;
			transform: translateX(0%);
			transition: transform 0.5s;
		}
		.logoGold{
			fill: #A3862F;
		}
		svg#logo:hover{
			cursor: pointer;
		}
		svg#logo:hover .letA{
			transform: translateX(2%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letB{
			transform: translateX(4%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letC{
			transform: translateX(6%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letD{
			transform: translateX(8%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letE{
			transform: translateX(10%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letF{
			transform: translateX(12%);
			transition: transform 0.5s;
		}
		svg#logo:hover .letG{
			transform: translateX(14%);
			transition: transform 0.5s;
		}
		div#headerMenuDrawer{
			display: none;
		}
		div#priHeaderLinksHolder{
			position: absolute;
      top: 0;
      right: 7.5vh;
      height: 7.5em;
      width: 100%;
		}
		div#headerMenuResCon{
			display: none;
		}
		div#headerLinksHolder{
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
			vertical-align: bottom;
			height: auto;
      width: auto;
		}
		div.headerLinkCon{
			position: relative;
			display: inline-block;
			color: #00245D;
			font-family: kBold;
			font-size: 1em;
			padding-left: 2em;
			padding-bottom: 1.5em;
		}
		.headerLinkCon.disabled{
			pointer-events: none;
			opacity: 0.5;
		}
		a.headerLink{
			color: #00245D;
			text-decoration: none;
			transition: color 0.5s;
		}
		.headerLink:hover{
			color: #A3862F;
			transition: color 0.5s;
		}
		a.headerLink.digital{
			background: 
				linear-gradient(
					to left,
					#A3862F,
					#BF9E4C);
			color: #ffffff;
			text-decoration: none;
			letter-spacing: 5px;
			padding: 2px 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		a.headerLink.digital:hover{
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		div#loanCalc{
			display: inline-block;
			background-image: url("../sources/system/calc.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			width: 1.5em;
			height: 1.5em;
		}
		div#vNewsIcon{
			position: absolute;
			top: -2px;
			left: 17px;
			background-image: url("../sources/system/logoVNews.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: bottom right;
			width: 1.5em;
			height: 1.5em;
		}
		div#secHeaderLinksHolder{
			position: absolute;
      top: 1.5em;
      right: 7.5vh;
      height: auto;
      width: auto;
		}
		div.headerDropMenu{
			opacity: 0;
			position: absolute;
			top: 7.4em;
			left: 7.5vh;
			right: 7.5vh;
			bottom: 0;
			padding-top: 2em;
			transform: translateX(-10px);
			transition: opacity 0.3s, transform 0.3s;
		}
		.headerDropMenu.preactive{
			display: inline-block;
		}
		.headerDropMenu.active{
			opacity: 1;
			transform: translateX(0px);
			transition: opacity 0.3s, transform 0.3s;
		}
		div.headerWatermark{
			position: absolute;
			top: 12em;
			right: 7.5vh;
			width: 60vh;
			height: calc(55vh - 12em);
			background-image: url("../sources/system/headerWatermark.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: bottom right;
		}
		div.headerMenuTitle{
			display: inline-block;
			width: 20%;
			height: auto;
			color: #A3862F;
			font-family: bBold;
			font-size: 4em;
			line-height: 0.9em;
			vertical-align: top;
		}
		div.headerMenuResClose{
			display: none;
		}
		div#headerVnews{
			background-image: url("../sources/vnews/vnewsLogo.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
			width: 3.5em;
			height: 2.5em;
		}
		div.headerMenuCon{
			display: inline-block;
			width: 30%;
			height: 100%;
		}
		div.headerMenuLinkHolder{
			display: inline-block;
			width: 80%;
			height: auto;
			line-height: 1.4em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.headerMenuLinkHolder.disabled{
			opacity: 0.6;
			pointer-events: none;
		}
		a.headerMenuLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1.1em;
			color: #00245D;
			text-decoration: none;
			transform: translateX(-30px);
			transition: transform 0.3s, opacity 0.3s;
		}
		.headerMenuLink:hover{
			opacity: 0.8;
			transform: translateX(0px);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.headerMenuLinkArrow{
			display: inline;
			vertical-align: sub;
			font-size: 2em;
			line-height: 0.5em;
			color: #A3862F;
		}
		div.downloadIconG{
			display: inline-block;
			background-image: url("../sources/system/downloadIconGold.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			width: 1.2em;
			height: 1.2em;
			vertical-align: sub;
		}
		span.bBold{
			font-family: bBold;
		}
		span.kBold{
			font-family: kBold;
		}
		span.akBold{
			font-family: akBold;
		}
		
		/*Universal*/
		div.uniBanner{
			z-index: 0;
      position: relative;
			margin-top: 7.5em;
      width: 100%;
      height: 50vh;
			background-color: #00245D;
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;
			text-align: center;
		}
		.uniBanner.ourprofile{
			background-position: 0 10%;
		}
		.uniBanner.ourjourney{
			background-position: 0 30%;
		}
		.uniBanner.theteam{
			background-position: 0 40%;
		}
		.uniBanner.lending{
			background-position: 0 70%;
		}
		.uniBanner.tradefinance{
			background-position: 0 70%;
		}
		.uniBanner.creditcards{
			background-position: 0 70%;
		}
		.uniBanner.events{
			background-position: 0 50%;
		}
		.uniBanner.esg{
			background-position: 0 90%;
		}

        .uniBanner.awards{
			background-position: 0 90%;
		}
		.uniBanner.customercentricity{
			background-position: 0 45%;
		}
		div.uniBannerResTint{
			display: none;
		}
		div.uniBannerTitle{
			position: absolute;
			top: calc(50% - 5vw);
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			width: 40vw;
			height: 10vw;
		}
		.uniBannerTitle.ourprofile{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.ourjourney{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.theteam{
			right: 7.5vh;
			background-position: center right;
		}
		.uniBannerTitle.corporate{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.investments{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.treasury{
			right: 7.5vh;
			background-position: center right;
		}
		.uniBannerTitle.lending{
			right: 7.5vh;
			background-position: center right;
		}
		.uniBannerTitle.tradefinance{
			right: 7.5vh;
			background-position: center right;
		}
		.uniBannerTitle.creditcards{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.paymentsolutions{
			width: 50vw;
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.investorrelations{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.events{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.csr{
			width: 50vw;
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.esg{
			width: 50vw;
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.cybersecurity{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.customercentricity{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.contact{
			left: 7.5vh;
			background-position: center left;
		}
		.uniBannerTitle.FAQs{
			left: 7.5vh;
			background-position: center left;
		}
		div.uniCon{
			z-index: 0;
			position: relative;
			display: inline-block;
			width: calc(100% - 20em);
			height: auto;
			padding: 5em 10em;
		}
		div.uniBodyCon{
			display: inline-block;
			width: 100%;
			height: auto;
			color: #00245D;
			padding-top: 5em;
		}
		.uniBodyCon.start{
			padding-top: 0;
		}
		.uniBodyCon.halfRight{
			width: calc(50% - 2.5em);
			float: right;
			padding: 0 0 !important;
			text-align: left !important;
		}
		.uniBodyCon.disclaimer{
			padding-top: 0;
			padding-left: 15vw;
			width: calc(100% - 15vw);
		}
		div.uniBody{
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			line-height: 1.2em;
			text-align: justify;
		}
		.uniBody.strong{
			font-family: kReg;
			font-size: 1.3em;
			text-align: center;
		}
		.uniBody.strongLeft{
			font-family: kReg;
			font-size: 1.3em;
			text-align: justify;
		}
		div.uniTitle{
			font-family: bBold;
			font-size: 4em;
			line-height: 0.9em;
			color: #00245D;
		}
		.uniTitle.corporate{
			margin-top: 4vw;
		}
		span.goldHighlight{
			color: #A3862F;
		}
		div.uniImageWrapper{
			display: inline-block;
			width: calc(50% - 2.5em);
			height: calc(((100vw / 2) - 10em - 2.5em)*1.4);
			background: linear-gradient(90deg, #A3862F, #00245D);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;	
		}
		.uniImageWrapper.halfLeft{
			float: left;
		}
		.uniImageWrapper.shareholding{
			width: 100%;
			height: calc((100vw - 20em)*0.48);
			margin-top: 5em;
		}
		.uniImageWrapper.awards{
			width: 100%;
			height: calc((100vw - 20em)*0.42);
		}
		div.uniImage{
			display: inline-block;
			width: calc(100% - 6px);
			height: calc(100% - 6px);
			background-color: #00245D;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: absolute;
			margin: 3px 3px;
		}
		div.uniInfoCon{
			position: relative;
			width: calc(100% - 10em);
			height: auto;
			padding: 5em 5em;
			padding-bottom: 0;
		}
		div.uniInfoConBGWrapper{
			position: absolute;
			top: 5em;
			left: 0;
			margin-bottom: 5em;
			width: 15vw;
			height: calc(100% - 5em);
		}
		div.uniInfoConBG{
			position: -webkit-sticky;
			position: sticky;
			top: 10em;
			left: 0;
			width: 15vw;
			height: 15vw;
			background-image: url("../sources/system/v-watermark.svg");
			background-attachment: aboslute;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		div.uniInfoSec{
			display: inline-block;
			height: auto;
			text-align: center;
			padding: 2em 2em;
			border: 1px solid #A3862F;
			border-radius: 20px;
			box-shadow: 0px 0px 10px -5px #A3862F;
			margin: 0 1em;
		}
		.uniInfoSec.thirds{
			width: calc((100%/3) - 6.5em);
			padding: padding: 2em 2em;
			vertical-align: top;
		}
		.uniInfoSec.ourprofile{
			width: calc(100% - 5em);
			text-align: left;
			vertical-align: top;
			border: none;
			border-radius: 0px;
			box-shadow: none;
		}
		.uniInfoSec.ourprofile.alt{
			text-align: right;
		}
		div.uniInfoIcon{
			display: inline-block;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			width: 6.5em;
			height: 6.5em;
		}
		.uniInfoIcon.ourprofile{
			width: 18vw;
			height: 18vw;
			text-align: left;
		}
		.uniInfoIcon.ourprofile.alt{
			text-align: right;
			float: right;
		}
		svg#missionIcon,
		svg#visionIcon,
		svg#coreIcon{
			height: 100%;
		}
		.iconLine{
			fill: none;
			stroke: #00245D;
			stroke-linecap: round;
			stroke-linejoin:round;
			stroke-miterlimit: 10;
			stroke-dasharray: 300;
			stroke-dashoffset: 300;
			stroke-width: 5px;
			transition: stroke-dashoffset 1s;
		}
		.iconLine.active{
			stroke-dashoffset: 0;
			transition: stroke-dashoffset 1s;
		}
		div.uniInfoTextCon{
			display: inline-block;
			width: calc(100% - 30vw);
			vertical-align: top;
			margin-top: 2em;
			margin-left: 3em;
			margin-right: 3em;
			text-align: left;
		}
		div.uniInfoTitle{
			display: inline-block;
			font-family: kBold;
			font-size: 1.5em;
			line-height: 1em;
			color: #A3862F;
		}
		.uniInfoTitle.ourprofile{
			font-family: bBold;
			font-size: 4em;
		}
		div.uniInfoBody{
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			line-height: 1em;
			text-align: center;
		}
		.uniInfoBody.ourprofile{
			width: 100%;
			text-align: left;
			font-size: 1.2em;
			line-height: 1.2em;
		}
		div.uniInfoColHolder{
			position: relative;
			display: inline-block;
			width: calc(100% - 15vw - 6px);
			height: auto;
			background-color: #ffffff;
			border-radius: 15px;
			margin-top: 10px;
			margin-left: 15vw;
			border: 3px solid #00245D;
		}
		.uniInfoColHolder .uniInfoColCon{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.8s ease-out;
		}
		.uniInfoColHolder.active .uniInfoColCon{
			max-height: 150vh;
			transition: max-height 0.8s ease-in;
		}
		div.uniInfoColToggle{
			display: inline-block;
			margin-right: 15px;
			transform: rotate(45deg);
			transition: transform 0.6s;
		}
		.uniInfoColToggle.active{
			transform: rotate(0);
			transition: transform 0.6s;
		}
		div.uniInfoColSec{
			width: calc(100% - 30px);
			height: auto;
			background: #00245D;
			color: #ffffff;
			padding: 6px 15px;
			font-family: kBold;
			font-size: 1.3em;
			text-align: left;
			border-radius: 10px;
			transition: color 0.5s;
		}
		.uniInfoColSec:hover{
			cursor: pointer;
			color: #A3862F;
			transition: color 0.5s;
		}
		div.uniInfoColBody{
			display: inline-block;
			color: #00245D;
			font-family: kReg;
			font-size: 1em;
			line-height: 1.4em;
			text-align: left;
			padding: 2vw 2vw;
		}
		.uniInfoColBody.cards{
			width: 45%;
		}
		.uniInfoColBody.onestop{
			width: calc(100% - 15vw);
		}
		div.uniInfoColTitle{
			display: inline-block;
			color: #A3862F;
			font-family: kBold;
			font-size: 2.5em;
			line-height: 1em;
			text-transform: uppercase;
			margin-top: -5px;
			margin-bottom: calc(2vw - 10px);
		}
		a.uniLink{
			color: #A3862F;
			font-family: kReg;
			text-decoration: none;
			transition: color 0.5s;
		}
		.uniLink:hover{
			color: #00245D;
			transition: color 0.5s;
		}
		a.uniLinkButton{
			display: inline-block;
			background-color: #00245D;
			color: #ffffff;
			font-family: bBold;
			font-size: 1.5em;
			text-transform: uppercase;
			text-decoration: none;
			letter-spacing: 2px;
			padding: 6px 20px;	
			border-radius: 8px;
			transition: color 0.5s, background-color 0.5s;
		}
		.uniLinkButton:hover{
			background-color: #A3862F;
			color: #ffffff;
			transition: color 0.3s, background-color 0.3s;
		}
		div.uniLinkStylWrapper{
			margin-top: 2px;
		}
		div.uniLinkStylHolder{
			display: inline-block;
			width: 100%;
			height: auto;
			line-height: 1.1em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.uniLinkStylHolder.disabled{
			opacity: 0.6;
			pointer-events: none;
		}
		a.uniLinkStyl{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 1em;
			color: #00245D;
			text-decoration: none;
			transform: translateX(-27px);
			transition: transform 0.3s, opacity 0.3s;
		}
		.uniLinkStyl:hover{
			opacity: 0.8;
			transform: translateX(0px);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.uniLinkStylArrow{
			display: inline;
			vertical-align: sub;
			font-size: 1.8em;
			line-height: 0.5em;
			color: #A3862F;
		}
				
		div.cardCon{
			display: inline-block;
			float: right;
			width: 26vw;
			height: 22vw;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			margin: 2vw 2vw;
			margin-left: 0;
		}
		div.iconCon{
			display: inline-block;
			float: right;
			width: 8vw;
			height: 8vw;
			background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: absolute;
			margin: 2vw 2vw;
			margin-left: 0;
		}
		
		div#psTitleHolder{
			position: absolute;
			top: 5em;
			left: 10vw;
			width: auto;
			height: calc(100% - 10em - 8vh);
		}
		div#psTitleCon{
			position: -webkit-sticky;
			position: sticky;
			display: inline-block;
			top: 25vh;
			left: 0;
			width: auto;
			height: auto;
			text-align: left;
		}
		div#psTitle{
			display: inline-block;
			color: #A3862F;
			font-family: bBold;
			font-size: 6vw;
			line-height: 0.8em;
		}
		div#psHolder{
			position: relative;
			display: inline-block;
			width: calc(70% - 2vw);
			height: auto;
			margin-left: calc(10vw + 15vw);
			padding-left: 2vw;
		}
		div#psLineHolder{
			position: absolute;
			top: 0;
			bottom: 0;
			left: -1.5vw;
			width: 10px;
		}
		div#psLine{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 30px;
			border-radius: 10px;
			background-color: #00245D;
		}
		div.psItemCon{
			position: relative;
			display: inline-block;
			padding-top: 0;
			padding-left: 2vw;
			padding-bottom: 8vw;
			width: calc(100% - 2vw);
			height: auto;
			vertical-align: top;
		}
		div.psItemImg{
			display: inline-block;
			float: left;
			width: 12vw;
			height: 12vw;
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
		}
		div.psItemTextCon{
			display: inline-block;
			float: right;
			width: calc(100% - 15vw);
			height: auto;
		}
		div.psItemTitle{
			display: inline;
			color: #00245D;
			font-family: bBold;
			font-size: 4em;
			line-height: 0.9em;
		}
		div.psItemText{
			color: #00245D;
			font-family: kReg;
			font-size: 1.25em;
			line-height: 1.25em;
			text-align: left;
		}
		
		div#cookieHolder{
			display: block;
			z-index: 100;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			width: auto;
			height: auto;
			padding: 2vw 2vw;
			background: #ffffff;
			box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.5);
		}
		div#cookieTitle{
			font-family: bBold;
			font-size: 2.5em;
			color: #A3862F;
		}
		div#cookieBody{
			display: inline-block;
			width: auto;
			font-family: akReg;
			font-size: 1.1em;
			color: #00245D;
		}
		a.cookieLink{
			opacity: 1;
			color: #A3862F;
			font-family: akBold;
			text-decoration: none;
			transition: opacity 0.3s;
		}
		.cookieLink:hover{
			opacity: 0.5;
			transition: opacity 0.3s;
		}
		input[type=submit]#cookieAcc{
			display: inline-block;
			float: right;
			margin-right: 1vw;
			width: auto;
			height: auto;
			background: 
				linear-gradient(
					to left,
					#A3862F,
					#BF9E4C);
			color: #ffffff;
			font-family: akBold;
			font-size: 1.2em;
			letter-spacing: 2px;
			padding: 5px 20px;
			border-radius: 10px;
			border: none;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieAcc:hover{
			cursor: pointer;
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieDec{
			display: inline-block;
			float: right;
			width: auto;
			height: auto;
			background: #ffffff;
			color: #A3862F;
			font-family: akBold;
			font-size: 1.2em;
			letter-spacing: 2px;
			padding: 3px 18px;
			border-radius: 10px;
			border: 2px solid #A3862F;
			box-shadow: 0px 0px 0px 0px #A3862F;
			transition: box-shadow 0.5s;
		}
		input[type=submit]#cookieDec:hover{
			cursor: pointer;
			box-shadow: 0px 0px 10px 1px #A3862F;
			transition: box-shadow 0.5s;
		}
		
		/*Footer*/
		div#footerBranchHolder, div#footerLinkCon, div#footerLegalHolder{
			z-index: 0;
			position: relative;
			width: calc(100% - 15vh);
			height: auto;
			background-color: #00245D;
			box-shadow: 0px 0px 20px -10px #00245D;
			padding: 6.5vh 7.5vh;
		}
		div#footerBranchHolder{
			background-color: #ffffff;
			border-top: 5px solid #A3862F;
			box-shadow: 0px 0px 20px -10px #A3862F;
		}
		div#footerLinkCon{
			background-image: url("../sources/system/footerWatermark.png");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: 66% 0;
		}
		div#footerLegalHolder{
			padding: 2vh 7.5vh;
			background-color: #000000;
		}
		div.footerBranchCon{
			opacity: 0;
			display: inline-block;
			width: 15.75%;
			height: auto;
			vertical-align: top;
			pointer-events: none;
			transform: translateX(10px);
			transition: opacity 0.5s, transform 0.5s;
		}
		.footerBranchCon.lunga{
			width: 18.75%;
		}
		.footerBranchCon.active{
			opacity: 1;
			pointer-events: auto;
			transform: translateX(0px);
			transition: opacity 0.5s, transform 0.5s;
		}
		span.footerBranchTitle{
			font-family: kBold;
			font-size: 1.2em;
			color: #A3862F;
		}
		span.footerBranchSubTitle{
			font-family: kBold;
			font-size: 0.8em;
			color: #00245D;
		}
		a.footerBranchLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 0.85em;
			color: #00245D;
			text-decoration: none;
			transition: opacity 0.3s;
		}
		.footerBranchLink:hover{
			opacity: 0.5;
			transition: opacity 0.3s;
		}
		div.footerSecCon{
			opacity: 0;
			display: inline-block;
			width: 17%;
			height: auto;
			vertical-align: top;
			pointer-events: none;
			transform: translateX(10px);
			transition: opacity 0.5s, transform 0.5s;
		}
		.footerSecCon.products{
			width: 21%;
		}
		.footerSecCon.explore{
			width: 24%;
		}
		.footerSecCon.regulated{
			float: right;
			width: 20%;
			font-family: kReg;
			font-size: 1em;
			color: #ffffff;
		}
		.footerSecCon.active{
			opacity: 1;
			pointer-events: auto;
			transform: translateX(0px);
			transition: opacity 0.5s, transform 0.5s;
		}
		span.footerSecTitle{
			font-family: bBold;
			font-size: 2em;
			color: #A3862F;
		}
		.footerSecTitle.regulated{
			font-family: kBold;
			font-size: 1em;
		}
		div.footerSecLinkHolder{
			display: inline-block;
			width: 80%;
			height: auto;
			line-height: 1.3em;
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.footerSecLinkHolder.disabled{
			opacity: 0.8;
			pointer-events: none;
		}
		a.footerSecLink{
			opacity: 1;
			display: inline-block;
			font-family: kReg;
			font-size: 0.95em;
			color: #ffffff;
			text-decoration: none;
			transform: translateX(-28px);
			transition: transform 0.3s, opacity 0.3s;
		}
		.footerSecLink:hover{
			opacity: 0.8;
			transform: translateX(0px);
			transition: transform 0.3s, opacity 0.3s;
		}
		div.footerSecLinkArrow{
			display: inline;
			vertical-align: sub;
			font-size: 2em;
			line-height: 0.5em;
			color: #A3862F;
		}
		div#footerLogo{
			margin-left: -2.8em;
			height: 6em;
      width: 13em;
			background-image: url("../sources/system/footerLogo.svg");
			background-attachment: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: top left;
    }
		div#footerCopy{
			display: inline-block;
			font-family: kReg;
			font-size: 0.9em;
			color: #ffffff;
		}
		div#footerLegalCon{
			display: inline-block;
			width: auto;
			height: 100%;
			float: right;
		}
		a.footerLegalLinks{
			color: #ffffff;
			font-family: kReg;
			font-size: 0.9em;
			text-decoration: none;
			margin-left: 1.5em;
			transition: color 0.3s;
		}
		a.footerLegalLinks.disabled{
			pointer-events: none;
			opacity: 0.5;
		}
		.footerLegalLinks:hover{
			color: #808080;
			transition: color 0.3s;
		}
  }
}

.uniBanner.ourprofile{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/about/ourprofile/ourprofileBanner.jpg");
}
.uniBanner.ourjourney{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/about/ourjourney/ourjourney.jpg");
}
.uniBanner.theteam{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,0.8)),
		url("../sources/about/theteam/theteam.jpg");
}
.uniBanner.corporate{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,0.8)),
		url("../sources/about/corporate/banner.jpg");
}
.uniBanner.investments{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,0.8)),
		url("../sources/products/banking/investments.jpg");
}
.uniBanner.treasury{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/treasury/treasury.jpg");
}
.uniBanner.forms{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/treasury/treasury.jpg");
}
.uniBanner.whistleblower{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/system/whistleblowerimage.jpg");
}

.uniBanner.lending{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/lending/lending.jpg");
}
.uniBanner.tradefinance{
	background-image:
		linear-gradient(
			to right,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/tradefinance/tradefinance.jpg");
}
.uniBanner.creditcards{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/creditcards/creditcards.jpg");
}
.uniBanner.paymentsolutions{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/products/paymentsolutions/banner.jpg");
}
.uniBanner.investorrelations{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/investorrelations/banner.jpg");
}
.uniBanner.events{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0) 35%,
			rgba(0,36,93,1)),
		url("../sources/vnews/events/banner.jpg");
}
.uniBanner.csr{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/vnews/csr/banner.jpg");
}
.uniBanner.esg{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/vnews/esg/banner.jpg");
}

.uniBanner.awards{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/about/awards/banner.jpg");
}
.uniBanner.cybersecurity{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/vnews/cybersecurity/banner.jpg");
}
.uniBanner.customercentricity{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/vnews/customercentricity/banner.jpg");
}
.uniBanner.contact{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/contact/banner.jpg");
}
.uniBanner.FAQs{
	background-image:
		linear-gradient(
			to left,
			rgba(255,255,255,0),
			rgba(0,36,93,1)),
		url("../sources/FAQs/banner.jpg");
}

.uniBannerTitle.ourprofile{
	background-image: url("../sources/about/ourprofile/title.svg");
}
.uniBannerTitle.ourjourney{
	background-image: url("../sources/about/ourjourney/title.svg");
}
.uniBannerTitle.theteam{
	background-image: url("../sources/about/theteam/title.svg");
}
.uniBannerTitle.corporate{
	background-image: url("../sources/about/corporate/title.svg");
}
.uniBannerTitle.investments{
	background-image: url("../sources/products/banking/title.svg");
}
.uniBannerTitle.treasury{
	background-image: url("../sources/products/treasury/title.svg");
}
.uniBannerTitle.forms{
	background-image: url("../forms/downloads.svg");
}
.uniBannerTitle.lending{
	background-image: url("../sources/products/lending/title.svg");
}

.uniBannerTitle.whistleblow{
	background-image: url("../sources/system/whistleblower.svg");
}
.uniBannerTitle.tradefinance{
	background-image: url("../sources/products/tradefinance/title.svg");
}
.uniBannerTitle.creditcards{
	background-image: url("../sources/products/creditcards/title.svg");
}
.uniBannerTitle.paymentsolutions{
	background-image: url("../sources/products/paymentsolutions/title.svg");
}
.uniBannerTitle.investorrelations{
	background-image: url("../sources/investorrelations/title.svg");
}
.uniBannerTitle.events{
	background-image: url("../sources/vnews/events/title.svg");
}
.uniBannerTitle.csr{
	background-image: url("../sources/vnews/csr/title.svg");
}
.uniBannerTitle.esg{
	background-image: url("../sources/vnews/esg/title.svg");
}
.uniBannerTitle.cybersecurity{
	background-image: url("../sources/vnews/cybersecurity/title.svg");
}
.uniBannerTitle.customercentricity{
	background-image: url("../sources/vnews/customercentricity/title.svg");
}
.uniBannerTitle.contact{
	background-image: url("../sources/contact/title.svg");
}
.uniBannerTitle.FAQs{
	background-image: url("../sources/FAQs/title.svg");
}

.uniImage.ourprofile{
	background-image: url("../sources/about/ourprofile/ourprofile.jpg");
}
.uniImage.corporate{
	background-image: url("../sources/about/corporate/corporate.jpg");
}

.uniInfoIcon.vision{
	background-image: url("../sources/about/ourprofile/vision.svg");
}
.uniInfoIcon.core{
	background-image: url("../sources/about/ourprofile/corevalues.svg");
}

.uniInfoIcon.currency{
	background-image: url("../sources/products/banking/multipleIcon.svg");
}
.uniInfoIcon.profitable{
	background-image: url("../sources/products/banking/profitableIcon.svg");
}
.uniInfoIcon.diverse{
	background-image: url("../sources/products/banking/diverseIcon.svg");
}

.uniInfoIcon.tailored{
	background-image: url("../sources/products/treasury/tailoredIcon.png");
}
.uniInfoIcon.forms{
	background-image: url("../forms/pdfIcon.png");
}
.uniInfoIcon.trends{
	background-image: url("../sources/products/treasury/trendsIcon.png");
}
.uniInfoIcon.expertise{
	background-image: url("../sources/products/treasury/expertiseIcon.png");
}

.uniInfoIcon.rates{
	background-image: url("../sources/products/lending/ratesIcon.svg");
}
.uniInfoIcon.lending{
	background-image: url("../sources/products/lending/lendingIcon.svg");
}
.uniInfoIcon.turnaround{
	background-image: url("../sources/products/lending/turnaroundIcon.svg");
}

.uniInfoIcon.global{
	background-image: url("../sources/products/tradefinance/globalIcon.svg");
}
.uniInfoIcon.transfers{
	background-image: url("../sources/products/tradefinance/transfersIcon.svg");
}
.uniInfoIcon.support{
	background-image: url("../sources/products/tradefinance/supportIcon.svg");
}

.uniInfoIcon.rewards{
	background-image: url("../sources/products/creditcards/rewardsIcon.svg");
}
.uniInfoIcon.premium{
	background-image: url("../sources/products/creditcards/premiumIcon.svg");
}
.uniInfoIcon.contactless{
	background-image: url("../sources/products/creditcards/contactlessIcon.svg");
}

.cardCon.VCBPLCGoldCard{
	background-image: url("../sources/products/creditcards/VCBPLCGoldCard.png");
}
.cardCon.VCBPLCSignatureCard{
	background-image: url("../sources/products/creditcards/VCBPLCSignatureCard.png");
}

.iconCon.rcc{
	background-image: url("../sources/products/paymentsolutions/rcc.svg");
}
.iconCon.paybill{
	background-image: url("../sources/products/paymentsolutions/paybill.svg");
}
.iconCon.ebanking{
	background-image: url("../sources/products/paymentsolutions/ebanking.svg");
}
.iconCon.cash{
	background-image: url("../sources/products/paymentsolutions/cash.svg");
}
.iconCon.courier{
	background-image: url("../sources/products/paymentsolutions/courier.svg");
}
.iconCon.local{
	background-image: url("../sources/products/paymentsolutions/local.svg");
}

/*Fonts*/
@font-face {
    font-family: 'kReg';
    src: url('fonts/klavika_regular_webfont.eot');
    src: url('fonts/klavika_regular_webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/klavika_regular_webfont.woff2') format('woff2'),
        url('fonts/klavika_regular_webfont.woff') format('woff'),
        url('fonts/klavika_regular_webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'kBold';
    src: url('fonts/klavika_bold_webfont.eot');
    src: url('fonts/klavika_bold_webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/klavika_bold_webfont.woff2') format('woff2'),
        url('fonts/klavika_bold_webfont.woff') format('woff'),
        url('fonts/klavika_bold_webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bBold';
    src: url('fonts/BebasNeueBold.eot');
    src: url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueBold.woff2') format('woff2'),
        url('fonts/BebasNeueBold.woff') format('woff'),
        url('fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bReg';
    src: url('fonts/BebasNeueRegular.eot');
    src: url('fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BebasNeueRegular.woff2') format('woff2'),
        url('fonts/BebasNeueRegular.woff') format('woff'),
        url('fonts/BebasNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akBold';
    src: url('fonts/akkopro-boldcondensed-webfont.eot');
    src: url('fonts/akkopro-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akkopro-boldcondensed-webfont.woff2') format('woff2'),
         url('fonts/akkopro-boldcondensed-webfont.woff') format('woff'),
         url('fonts/akkopro-boldcondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'akReg';
    src: url('fonts/akkopro-condensed-webfont.eot');
    src: url('fonts/akkopro-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akkopro-condensed-webfont.woff2') format('woff2'),
         url('fonts/akkopro-condensed-webfont.woff') format('woff'),
         url('fonts/akkopro-condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
		font-display: swap;
}
@font-face {
    font-family: 'akLight';
    src: url('fonts/akkopro-lightcondensed-webfont.eot');
    src: url('fonts/akkopro-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akkopro-lightcondensed-webfont.woff2') format('woff2'),
         url('fonts/akkopro-lightcondensed-webfont.woff') format('woff'),
         url('fonts/akkopro-lightcondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
		font-display: swap;
}