﻿body { margin: 0 auto; height: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; color: #252525; background-color: #ffffff; }
body, html {margin:0;padding:0; height: 100%; min-width:320px;} 

.lft { float: left; }
.rgt { float: right; }
.clr-bth { clear:both; height: 0px; }
.white { color: #fff !important; }
.highlight { color: #0047BB !important; }
.alt-bg { color: #fff; }
.grey-bg { background-color: #f4f4f4; }
.desktop-hide { display: none; }
.mobile-hide { display: block; }
.newsYearSel {text-decoration: underline; color: #4EC3E0;}

.bdr-top,
.bdr-bot { position: relative; }
.bdr-top:before { content: ""; position: absolute; top: -5px; height: 1px; width: 50px; border-bottom: 4px solid #0047BB; }
.bdr-bot:before { content: ""; position: absolute; bottom: -5px; height: 1px; width: 50px; border-bottom: 4px solid #0047BB; }
.bdr-top.center:before,
.bdr-bot.center:before { left: 0; right: 0; margin: auto; }

/*----- Global -----*/
p { margin: 1rem 0; }
img { display: block; max-width: 100%; margin: auto; }
/*--*/
h1 { font-weight: 300; line-height: 130%; font-size: 50px; margin: 25px 0 5px; padding: 0; color: #0047BB; }
h2 { font-weight: 300; line-height: 180%; font-size: 24px; margin: 20px 0 5px; padding: 0 0 5px; color: #0047BB; }
h3 { font-weight: 400; line-height: 180%; font-size:	18px; margin: 10px 0 20px; padding: 0; color: #0047BB; font-family: 'Roboto Medium'; position: relative; }
h3::before { content: ""; position: absolute; bottom: -5px; height: 1px; width: 50px; border-bottom: 4px solid #0047BB; }
h3.bdr-top::before { top: -5px; }
.alt-bg h1 { color:#fff; }
.alt-bg h3 { color:#fff; }
.alt-bg h3::before { border-bottom: 4px solid #fff; }
h3.bdr-side { display: table; white-space: nowrap; border-bottom: 0px; overflow: hidden; width: 100%; }
h3.bdr-side:before { left: -15px; }
h3.bdr-side:after { right: -15px; }
h3.bdr-side:before,
h3.bdr-side:after { border-top: 2px solid #0047BB; content: ''; display: table-cell; position: relative; top: 15px; width: 46%; }
h3.bdr-side .bdr-top,
h3.bdr-side .bdr-bot { position: initial; }
h4 { font-weight: bold; line-height: 180%; font-size: 16px; margin: 20px 0 5px; padding: 0; color: #252525; }
h4.red { color: #0047BB; }
h5 { font-weight: 400; line-height: 180%; font-size: 14px; margin: 10px 0 5px; padding: 0; color: #252525; }
h6 { font-weight: 400; line-height: 180%; font-size: 12px; margin: 5px 0 5px; padding: 0; color: #252525; }

/*--*/
/*--Anchor Styles--*/
/*Default Anchor Style*/
a { display: inline-block; color: #0047BB; transition: all 0.25s; text-decoration: none; font-family: 'Roboto Medium'; cursor: pointer; }
a:hover { transition: all 0.25s; text-decoration: none; color: #252525; }
 
/*Button Anchor Style*/
a.btnLink { font-family: 'Roboto Medium'; font-size: 14px; text-transform: uppercase; margin-top: 5px; display: inline-block; padding: 10px 30px; border: 1px solid #0047BB; background-color: #0047BB; color: #fff; transition: all 0.25s; text-decoration: none; cursor: pointer; }
a.btnLink:hover { transition: all 0.25s; background-color: #fff; color: #0047BB; }
.alt-bg a.btnLink { background-color: #fff; color: #0047BB; border: 1px solid #fff; }
.alt-bg a.btnLink:hover { background-color: #0047BB; color: #fff; }

.tbl-wrapper { overflow: auto; }
table { border-collapse: collapse; width: 100%; margin: 20px 0; }
table thead tr { border:1px solid #fff; background-color: #0047BB; }
table thead tr th,
table thead tr td { color: #ffffff; font-weight: bold; }
table tbody tr:nth-child(odd) { background-color: #ffffff; }
table tbody tr:nth-child(even) { background-color: #ebebeb; }
table tbody tr.no-color { background-color: transparent; }
table td { padding: 10px; vertical-align: top; }
table ul { margin: 0; padding-left: 15px; }
table.foot-note { font-size: 14px; margin-top: 0; }
table.foot-note tr { background-color:transparent; }
table.foot-note tr td { padding: 3px 0; vertical-align: top; }
table.foot-note tr td:first-child { padding-right:10px;}


.dnone {
    display: none;
    padding: 10px 0;
}


#btnConfirm, #btnBack {color: #fff !important; padding: 7px 20px; background-color: #0047BB;border:1px solid #0047BB; text-decoration: none !important; font-weight: 500; transition:all 0.25s; cursor: pointer; display:inline-block;}
#btnConfirm:hover, #btnBack:hover {color: #0047BB !important; background-color: transparent;border:1px solid #0047BB; transition:all 0.25s;}


/*----- Header -----*/
.top {
	position: relative;
	background-color: #FFF;
}
.top .head-cnt { width: 100%; position: relative; z-index: 4; background-color: #FFFFFF; box-shadow: 0px 0px 5px -2px #808080; }
.top.alt .head-cnt { /*position: absolute;*/ }
.top .head-cnt .wrapper { max-width: 1440px; width: 100%; margin: auto; }
/*.top.alt .head-cnt { position: absolute; left: 0; right: 0; top: 0; }*/

.top .logo { max-width: 350px; min-width: 200px; position: relative; z-index: 501; }

.top .navWrap { }
.top .navWrap .navCnt { max-width: 1440px; }
.top .smallMenuIcon { display:none;}
.top .wpMenuM1 ul.navbar { list-style: none; }
.top .wpMenuM1 ul.navbar > li { position: relative; text-align: center; vertical-align: top; }
.top .wpMenuM1 ul.navbar > li > a { color: #252525; font-weight: normal; font-family: 'Roboto'; line-height: 125%; text-decoration: none; transition: all 0.25s; padding: 0 15px 10px 15px; width: 100%; }
.top.alt .wpMenuM1 ul.navbar > li > a { /*color: #020202;*/ }
.top .wpMenuM1 ul.navbar > li:hover { transition: all 0.25s;  }
.top .wpMenuM1 ul.navbar > li.sel > a:before,
.top .wpMenuM1 ul.navbar > li:hover > a:before { content: ""; position: absolute; left: 15px; bottom: -8px; height: 1px; width: 50px; border-bottom: 4px solid #0047BB; z-index: 2; }
.top.alt .wpMenuM1 ul.navbar > li:hover > a:before,
.top.alt .wpMenuM1 ul.navbar > li.sel > a:before { border-bottom: 4px solid #0047BB; }
.top .wpMenuM1 ul.navbar > li:hover > a { text-decoration: none; transition: all 0.25s; color: #0047BB; }
.top .wpMenuM1 ul.navbar > li.sel {  }
.top .wpMenuM1 ul.navbar > li.sel > a { transition: all 0.25s; color: #0047BB; }
.top.alt .wpMenuM1 ul.navbar > li.sel > a { color: #0047BB; }

.top .wpMenuM1 ul.navbar > li > ul { display: none; position: static; list-style-type: none; }
.top .wpMenuM1 ul.navbar > li:hover > ul { padding: 10px 0; min-width: 250px; position: absolute; z-index: 1; top: 32px; left: 0; text-align: left; list-style: none; display: block; /*box-shadow: 0px 0px 5px -2px #808080;*/ background-color: #fff; }
.top .wpMenuM1 ul.navbar > li:hover > ul > li {  background-color: #fff; }
.top .wpMenuM1 ul.navbar > li:hover > ul > li > a { color: #020202; padding: 5px 15px; width: 100%; }

.top .wpMenuM1 ul.navbar > li > ul > li > a:hover,
.top .wpMenuM1 ul.navbar > li > ul > li.sel > a { color: #0047BB; text-decoration: none; }

.top .wpMenuM1 ul.navbar > li > ul > li > ul { list-style: none; padding-left: 30px; }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li { padding-right: 20px; }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li:before { content: url(../img/arrow.png); position: absolute; left: 15px; padding-top: 2px; }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li:hover:before { content: url(../img/arrow-hover.png); }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li > a { color: #020202; font-family: 'Roboto'; }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li > a:hover,
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li.sel > a { color: #0047BB; text-decoration: none; }
.top .wpMenuM1 ul.navbar > li > ul > li > ul > li > ul { list-style: none; padding-left: 10px; }


.top .menu-background { display: none; position: absolute; background-color: #FFF; width: 100%; margin: auto; z-index: 1; transition:all 0.25s; }

.top .wpSmallMenuM1 { display: none; }

/* Search */
.search-overlay { width: 100%; height: 100%; background-color: #000; position: absolute; z-index: 2; top: 0; transition: all 5s; opacity: 0.5; }
.top .search { cursor: pointer; display: inline-block; font-size: 18px; vertical-align: middle; position: relative; z-index: 5; padding-bottom: 10px; }
.top .search .src-icon { display: inline-block; vertical-align: middle;outline:none; background-image: url(../img/search-black.png); border: 0; min-width: 25px; min-height: 25px; background-repeat: no-repeat;  padding: 0px;  display: inline-block; background-color: transparent; cursor: pointer; background-size:contain; }
.top.alt .search .src-icon { background-image: url(../img/search-black.png); }
.top .src-div { width: 100%; position: absolute; z-index: 3; background: #fff; padding: 15px 0;transition:all 0.25s; display: none; top: 0; }
.top .wpSmallMenuM1 .src-div { position: relative; }
.top .src-div form.srcForm { width: 100%; text-align: center; margin: auto; box-sizing: border-box; max-width: 1440px; }
.top .src-div form.srcForm .srcBtn { vertical-align: middle; width: 10%; min-width: 100px; }
.top .src-div form.srcForm .srcTxb { border: 0; vertical-align: middle; outline: 0; font-size: 14px; width: 89%; max-width: calc(100% - 100px); height: 43px; color: #000; background-color: #fff; }
.top .srcTxb::-webkit-input-placeholder { color: #000; }
.top .srcTxb:-moz-placeholder { color: #000; opacity: 1; }
.top .srcTxb::-moz-placeholder { color: #000; opacity: 1; }

.top .srcBtn.btnLink{ font-family: 'Roboto Medium'; color: #fff; padding: 7px 20px; background-color: #0047BB;border:1px solid #0047BB; text-decoration: none; transition:all 0.25s; cursor: pointer;}
.top .srcBtn.btnLink:hover{  color: #0047BB; background-color: #fff; border:1px solid #0047BB; transition:all 0.25s;}

.gsc-search-box-tools .gsc-search-box .gsc-input { margin: 0; }
.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input { padding: 0 10px !important; }


.mid { position: relative; }
.mid ul,
.mid ol { margin-bottom: 30px; }
.mid ol li > a { display: block; }


/* Exception */
.mid .exception { width: 80%; max-width: 1920px; margin: 0 auto; box-sizing: border-box; }
.mid .exception h2 { border-bottom: 1px solid #111111; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; font-size: 24px; }
.mid .exception a,
.mid .exception p { font-size: 16px; }


/*----- Bottom -----*/
.bot { position: relative; }

/* Subscribe */
.bot .subscribe { position: relative; padding: 5% 10%; background-repeat: no-repeat; background-size: cover; }
.bot .subscribe .bnr-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.bot .subscribe .disclaimer { font-family: 'Roboto Medium'; font-style: italic; font-size: 14px; }

/* Footer */
.bot .footer { max-width: 1440px; margin: auto; width: 100%; }
.bot ul.navF1 { margin: 0; padding: 10px 0 5px 0; }
.bot ul.navF1 { font-size: 0; }
.bot ul.navF1 li { display: inline-block; vertical-align: middle; font-size: 0; }
.bot ul.navF1 li:before { font-size: 14px; content: "|"; display: inline-block; vertical-align: middle; padding: 0 15px 0 15px; }
.bot ul.navF1 li:first-child:before {content: ""; padding: 0 ; }
.bot ul.navF1 a { font-size: 14px; color: #252525; font-family: 'Roboto'; display: inline-block; vertical-align: middle; }
.bot ul.navF1 a:hover { text-decoration: none; color: #0047BB; }
.bot .copyright { vertical-align: middle; padding: 5px 0 10px 0; font-size: 14px; }

/* footer: social*/
.bot .linkedin{ text-align: right; width: 30%; float: right; border: solid 0px red; padding-bottom: 10px;}
.bot .linkedin span {display: inline-block; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.bot .linkedin img {display: inline-block; vertical-align: middle; padding-left: 5px; }
.bot .linkedin a:hover {opacity: .5;}

/* added 20200512: for hover effect*/
.mid .links { }
.mid .links .linksWrap { max-width: 1440px; margin: auto; }
.mid .links .link-item { text-align: center; }
.mid .links .link-item .title { margin:0px; }
.mid .links .link-item a { display: inline-block; vertical-align: middle; text-decoration: none; }
.mid .links .link-item .hover { display: none }
.mid .links .link-item a:hover .hover { display: inline-block; transition:all 0.25s; }
.mid .links .link-item a:hover .default { display: none; transition: all 0.25s; }
.mid .links .link-item a > * { transition: all 0.25s; }
.mid .links .link-item a:hover > * {color:#da2128; transition:all 0.25s;}
.mid .links a > *{display:inline-block; vertical-align:middle;}

@media screen and (max-width: 1180px) {
  .top .wpMenuM1 ul.navbar > li > a { font-size: 14px; }
}

@media screen and (max-width: 1100px) {
  .top .wpMenuM1 ul.navbar > li > a { padding: 0 10px 10px 10px; }
}

@media screen and (max-width: 991px) {
	.desktop-hide { display: block; }
	.mobile-hide { display: none; }
	
	h1 { font-size: 32px; }


  .top .wpSmallMenuM1 { display: block; }
  .top .wpSmallMenuM1 ul.flexnav { display: none; }
  .top .wpSmallMenuM1 ul.flexnav.flexnav-show { display: block; }

  .top .navWrap { border-top: 0; position: absolute; right: 0; top: 20px; }
  .top .navWrap .navCnt { position: relative; z-index: 3; }

  .top .smallMenuIcon { cursor: pointer; min-height: 43px; min-width: 50px; display: inline-block; z-index: 501; position: absolute; top: 10px; font-size: 0; right: 25px; }
  .top .smallMenuIcon > .touch-button { position: relative; min-height: 43px; min-width: 50px; display: inline-block; }
  .top .smallMenuIcon > .touch-button > .navicon { line-height: 100%; background-color: #0047BB; min-width: 50px; min-height: 3px; display: inline-block; position: relative; top: 20px; transition: all 0.25s; }
  .top .smallMenuIcon > .touch-button > .navicon:before { content: ""; display: inline-block; vertical-align: middle; font-size: 14px; background-color: #0047BB; height: 3px; width: 100%; position: absolute; top: -20px; transition: all 0.25s; right: 0; }
  .top .smallMenuIcon > .touch-button > .navicon:after { content: ""; display: inline-block; vertical-align: middle; font-size: 14px; background-color: #0047BB; height: 3px; width: 100%; position: absolute; bottom: -20px; transition: all 0.25s; right: 0; }
  .top .smallMenuIcon > .touch-button.active .navicon { transform: rotate(-45deg); }
  .top .smallMenuIcon > .touch-button.active .navicon:before { transform: rotate(90deg); top: 0px; }
  .top .smallMenuIcon > .touch-button.active .navicon:after { width: 0; opacity: 0; }

  .top .wpSmallMenuM1 { position: relative; top: 90px; font-family: 'Roboto Medium'; width: 100%; height: 88%; overflow: auto; }
  .top .wpSmallMenuM1 .menu ul.flexnav { display: none; }
  .top .wpSmallMenuM1 .menu ul.flexnav-show { display: block; }
  .top .wpSmallMenuM1 .menu > ul { list-style: none; padding: 0 0 10px 0; margin: 0; background: #ededed; }
  .top .wpSmallMenuM1 .menu ul li { display: list-item; position: relative; }
  .top .wpSmallMenuM1 .menu ul > li > a { color: #252525; font-size: 16px; padding: 7px 1.5rem; width: 100%; text-decoration: none; }
  .top .wpSmallMenuM1 .menu ul > li > a:hover { color: #0047BB; }
  .top .wpSmallMenuM1 .menu ul ul { padding: 0; margin: 0; display: none; }
  .top .wpSmallMenuM1 .menu ul ul > li > a { padding-left: 2rem; }
  .top .wpSmallMenuM1 .menu ul ul ul > li > a { padding-left: 3rem; }
  .top .wpSmallMenuM1 .menu ul li.item-with-ul .touch-button { transition: all 0.25s; cursor: pointer; text-align: center; height: 30px; position: absolute; color: #252525; top: 0px; right: 0; bottom: 0; display: flex; box-sizing: content-box; padding: 8px 1.5em 6px 1.5em; }
  .top .wpSmallMenuM1 .menu ul li.item-with-ul .touch-button .navicon { width: 35px; align-self: center; font-size: 0; }
  .top .wpSmallMenuM1 .menu ul li.item-with-ul .touch-button .navicon:before { content: '\25BC'; height: 16px; display: inline-block; line-height: 100%; font-size: 16px; font-style: normal; transform: scale(1, 0.8); font-weight: 100; width: 100%; }
  .top .wpSmallMenuM1 .menu ul > li > a:hover ~ .touch-button .navicon:before,
  .top .wpSmallMenuM1 .menu ul > li .touch-button:hover .navicon:before,
  .top .wpSmallMenuM1 .menu ul > li .touch-button:hover ~ a { color: #0047BB; }
  

	/* Mobile Search */
	.top .search { display: none !important; }
	.top .smallMenuIcon.active + .overlay-menu { position:fixed; top:0; left: 0; height:100%; width:100%; background-color:#ededed; overflow:auto; z-index:500; transition: all 0.25s; }
	.top .search-mobile { display: none; }
	.top .smallMenuIcon.active + .overlay-menu .search-mobile { display: block; }
	.top .search-mobile .src-icon { display: inline-block; vertical-align: middle;outline:none; background-image: url(../img/search.png); border: 0; min-width: 25px; min-height: 25px; background-repeat: no-repeat;  padding: 0px;  display: inline-block; background-color: transparent; cursor: pointer; background-size:contain; margin-right: 20px; margin-top: 10px; }
	.top .search-mobile .srcTxb { border: 0; vertical-align: middle; outline: 0; font-size: 14px; width: 89%; max-width: calc(100% - 100px); height: 43px; color: #252525; background-color: #ededed; }
	.top .srcTxb::-webkit-input-placeholder { color: #252525; }
	.top .srcTxb:-moz-placeholder { color: #252525; opacity: 1; }
	.top .srcTxb::-moz-placeholder { color: #252525; opacity: 1; }

	/* footer: social*/
	.bot .footer {text-align: center;}
	.bot .linkedin{ text-align: center; width:99%; border: solid 0px blue; margin-bottom: 10%; margin-top: 10px; padding-bottom: 10px; }
	.bot .linkedin span { }
	.bot .linkedin img {display: inline-block; vertical-align: middle; padding-left: 5px; }
	.bot .linkedin a:hover {opacity: .5;}
}

@media screen and (max-width: 640px) {
  .top .smallMenuIcon > .touch-button, .top .smallMenuIcon { min-height: 23px; min-width: 30px; /*background-color:#000000;*/}

  .top .smallMenuIcon > .touch-button > .navicon:before { top: -10px; }
  .top .smallMenuIcon > .touch-button > .navicon:after { bottom: -10px; }
  .top .smallMenuIcon > .touch-button > .navicon { min-width: 30px; top: 10px; }
  .top .wpSmallMenuM1 { top: 90px; }
  .top .smallMenuIcon{top:10px;}
}

@media screen and (max-width: 577px) {
  .top .wpSmallMenuM1 li.item-with-ul .touch-button { margin-right: 7px; }
  .top .wpSmallMenuM1 .menu ul > li > a { font-size: 16px; }
}

@media screen and (max-width: 480px) {
  .top .smallMenuIcon { top: 6px; }
  .top .wpSmallMenuM1 { top: 60px; }
}









