@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
	line-height: 24px;
  vertical-align: baseline;
}
@-ms-viewport {
  width: device-width;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display:block
}
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden], template {
display:none
}
a {
	background-color:transparent;
}
a:active, a:hover {
	 outline:0 
}
:focus {
	 outline:0; 
}
abbr[title] {
	border-bottom:1px dotted;
}
b, strong {
	font-weight:700;
}
dfn {
	font-style:italic
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.35em
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	display:block;
	height:1px;
	border:0;
	margin:1em 0;
	padding:0;
}
pre {
	overflow:auto
}
code, kbd, pre, samp {
	font-family:monospace, monospace;
	font-size:1em
}
button, input, optgroup, select, textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button, select {
	text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
	line-height:normal
}
input::-ms-clear {
	display: none;
}
input[type=checkbox], input[type=radio] {
	box-sizing:border-box;
	padding:0;
	border:0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=text], input[type=search] {
	-webkit-appearance: none;
	border-radius: 0;
	border:0;
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
textarea {
	overflow:auto;
	resize: vertical;
}
optgroup {
	font-weight:700;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td, th {
	padding:0;
	font-weight:normal;
}
html, body {
	overflow-y: auto;/*-webkit-overflow-scrolling: touch;*/
	margin-right: 0!important;
}
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	border:0;
	margin:0 auto;
}
body {
	border:0;
	font-size: 18px; /*1rem*/
	font-family:'Arial','Microsoft JhengHei','Helvetica','sans-serif';
	color:#000;
	background-color:#fff;
	margin:0 auto;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1
}
img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle
}
input {
/* 	outline:none; */
}
ul, ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:inherit;
}
a:hover, a.selected {
	text-decoration:none;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  /* outline: 0; */
}
strong {
	font-weight:700;
}
input[type=radio], input[type=checkbox] {
	border:0!important;
}
iframe {
	border:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 500;
	margin:0;
	padding:0;
}
object {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}

.compensate-for-scrollbar
{
    margin-right: 0 !important;
}/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Thin.ttf') format('truetype'), url("fonts/Roboto-Thin.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Thin.woff?v=2.137") format("woff");
  font-weight: 100;
  font-style: normal; }
/* END Thin */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Light.ttf') format('truetype'), url("fonts/Roboto-Light.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Light.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Regular.ttf') format('truetype'), url("fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Regular.ttf') format('truetype'), url("fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Medium.ttf') format('truetype'), url("fonts/Roboto-Medium.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Medium.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: normal; }
/* END Medium */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Bold.ttf') format('truetype'), url("fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Bold.ttf') format('truetype'), url("fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("fonts/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN RobotoCondensed Light */
@font-face {
  font-family: RobotoCondensed;
  src: url('fonts/RobotoCondensed-Light.ttf') format('truetype'), url("fonts/RobotoCondensed-Light.woff2?v=2.137") format("woff2"), url("fonts/RobotoCondensed-Light.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: normal; }
/* END RobotoCondensed Light */
/* BEGIN RobotoCondensed Regular */
@font-face {
  font-family: RobotoCondensed;
  src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url("fonts/RobotoCondensed-Regular.woff2?v=2.137") format("woff2"), url("fonts/RobotoCondensed-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal; }
/* END RobotoCondensed Regular */
/* BEGIN RobotoCondensed Bold */
@font-face {
  font-family: RobotoCondensed;
  src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url("fonts/RobotoCondensed-Bold.woff2?v=2.137") format("woff2"), url("fonts/RobotoCondensed-Bold.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: normal; }
/* END RobotoCondensed Bold */@charset "utf-8";
::selection {
	background-color: #157ea4;
	color: #ffffff;
}
*:focus-visible{
	outline: black solid 3px !important;
}
a {
	text-decoration:none;
}
a:hover, a.selected {
}
em {
	font-style:italic;
}
.videoWrap {
	position:relative;
}
.videoWrap iframe, .videoWrap video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.accessibility {
	height:0px;
	width:0px;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}
.hidden, .invisible {
	display:none;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.a_center {
	text-align:center !important;
}
.a_right {
	text-align:right !important;
}
.v_top {
	vertical-align:top !important;
}
.v_middle {
	vertical-align:middle !important;
}
.v_bottom {
	vertical-align:bottom !important;
}
.no_wrap {
	white-space:nowrap;
}
.no_padding {
	padding:0 !important;
}
.no_margin {
	margin:0 !important;
}
.mt50{ margin-top: 50px!important; }
#skipToContent {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#skipToContent a {
	font-size:100%;
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
	color:#000;
}
#skipToContent a:focus, #skipToContent a:active {
	display: inline-block;
	height: auto;
	left: 0;
	padding: 10px;
	top: 0;
	width: auto;
	z-index: 5000;
	background:#007cc1;
	color:#fff;
}
.accessibility, .hidden{
	height:0px;
	width:0px;
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:0;
	text-indent:-9999px;
	position:absolute;
}
#content .tblToBlkStyle .hideNews{ display:none!important;}
.urlTxt{
	word-break: break-all; 
	word-wrap: break-word;
}
/*.small_size {
	font-size:90%;
	line-height:110%;
}
.middle_size {
	font-size:100%;
	line-height:120%;
}
.large_size {
	font-size:110%;
	line-height:140%;
}*/
/*layout css starts*/
#wrapper {
	width: 100%;
	min-height: 100%;
	min-width: 320px;
	position: relative;
	overflow:hidden;
}
/*#wrapper.done #mainZone{
	opacity:1;
}
#mainZone{ 
	opacity:0;
	transition:opacity .2s ease 0s;
	-webkit-transition:opacity .2s ease 0s;	
}*/
#wrapperInner {
	background-color:#fff;
	position: relative;
	/*overflow:hidden;*/
	padding-top:55px;/*transition:padding-top .2s ease 0s;
	-webkit-transition:padding-top .2s ease 0s;*/
}
#wrapperInner:before{
	content: '';
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	height:1000px;
	/* background-image: url(../images/index-bg-1.jpg); */
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto auto;
	z-index:100;
	margin-left:-1px;		
}
#wrapperInner.hasAnnounce {
	padding-top:195px;
}
#headerZone {
	position:fixed;
	z-index:3000;
	width:100%;
	top:0;
	left:0;
}
#headerZone.fixed {
}
#headerZone .headerWrap {
	max-width:2000px;
	margin:0 auto;
	position:relative;
	padding:10px 40px;
	display:flex;
	background-color:transparent;
	/*transition:background-color .3s ease 0s;*/
}
#headerZone.fixed .headerWrap{
	background-color:rgba(19,109,142,.9);
}
#mainNavWrap {
	z-index:1800;
}
#mmenuCtrl {
	display: none;
	height: 40px;
	width: 40px;
	border-radius:50%;
	opacity:1;
	text-align:left;
}
#mmenuCtrl span {
	text-indent:-9999px;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width:30px;
	height:3px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	background-color:#fff;
}
#mmenuCtrl span:before, #mmenuCtrl span:after {
	content:'';
	height:3px;
	width:30px;
	background-color:#fff;
	display:block;
	position:absolute;
	display:block;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;	
}
#mmenuCtrl span:before {
	top:-10px;
}
#mmenuCtrl span:after {
	top:10px;
}
/*#mmenuCtrl:hover span, #mmenuCtrl:hover span:before, #mmenuCtrl:hover span:after, #mmenuCtrl.focus span, #mmenuCtrl.focus span:before, #mmenuCtrl.focus span:after {
	width:25px;
}*/
#mmenuCtrl:hover span:before {
	top:-9px;
}
#mmenuCtrl:hover span:after {
	top:9px;
}
#logoWrap{ /*display:inline-block;*/ display: flex; line-height:0;}
#logoWrap > a {
	display:inline-block;
	color:#fff;
	height:100%;
	/*max-width: 50%;*/
}
#logoWrap > a img{ margin-right:10px;}
#logoWrap > a > span {
	display:table;
	height:100%;
}
#logoWrap > a > span > span{
	display:table-cell;
	vertical-align:middle;
	height: 100%;
}
#logoWrap > a > span > span > span{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}
#logoWrap > a .hd{
	font-size:1.111em;
	font-weight:700;
}
#logoWrap > a .hd_m{ display:none; font-weight:700;}
/* #logoWrap > a .hd_m.itc{ font-size:.78em;} */
.fixed #logoWrap > a .hd{ font-size:0.889em;line-height: 18px;}
#logoWrap > a .subhd{
	font-size:0.778em;
	line-height: 18px;
}
.fixed #logoWrap > a .subhd{ font-size:0.667em;line-height: 18px;}
.fixed #logoWrap span{ line-height:18px;}
#logoITC{ padding-right:5px; }
#logoWrap img {
	transition:height .3s ease 0s;
	-webkit-transition:height .3s ease 0s;
}
#logoITC .hdcell{ max-width: 240px; }
#logoITC img {
	height:50px;
}
#logoITF img {
	height:90px;
}
.fixed #headerTop {
	padding:8px 30px;
}
.fixed #logoITC img {
	height:44px;
}
.fixed #logoITF img {
	height:60px;
}

/*trim logo*/
#logoITC span .hdcell{display:none;}
#logoITF span .imgcell{display:none;}

/*main menu css starts*/
#topNavWrap {
	/*position:relative;*/
	flex:1;
	padding-left:20px;
}
#topNav {
	padding-right:40px;
}
#topNav ul li {
	display:inline-block;
	float:left;
	padding-left:40px;
	margin-left:30px;
}
#topNav ul li:first-child {
	padding-left:0;
	margin-left:0;
}
#topNav ul li a {
	line-height:40px;
	text-transform:uppercase;
	position:relative;
	transition:color .3s ease 0s;
	-webkit-transition:color .3s ease 0s;
}
#topNav ul li a.selected, #topNav ul li a.focus, #topNav ul li a:hover {
	color:#f38995;
}
#topNav ul li a:before {
	content:'';
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	left:-35px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
#siteTools {
	z-index:1900;
	position:relative;
	margin:10px -10px 10px 0;
	transition:margin .3s ease 0s;
	-webkit-transition:margin .3s ease 0s;
}
#siteTools > ul {
	text-align:right;
}
#siteTools > ul > li {
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
	position:relative;
	line-height:24px;
/*	transition: background .3s ease 0s;
	-webkit-transition: background .3s ease 0s;*/
}
/*#siteTools > ul > li:before {
	content:'';
	width:1px;
	height:100%;
	background-color:rgba(255,255,255,.2);
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
	position:absolute;
	top:0;
	right:0;
}
#siteTools > ul > li:last-child:before {
	display:none;
}*/
#siteTools > ul > li > a {
	color:#fff;
	display:inline-block;
	vertical-align:top;
}
#siteTools > ul > li.hasSubnav:hover {
}
/*#siteTools > ul > li.hasSubnav > .subnav {
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	-wetransform:translateX(-50%);
	top: 100%;
	background-color:#03325c;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
	border-radius:45px;
}
#siteTools > ul > li.hasSubnav > .subnav > ul {
	margin:0 6px;
	max-height: 0;
	text-align:left;
	overflow: hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;
}
#siteTools > ul > li.hasSubnav:hover > .subnav > ul, #siteTools > ul > li.hasSubnav.active > .subnav > ul {
	max-height:200px;
}*/
#siteTools > ul > li.hasSubnav > .subnav > ul > li {
	display:inline-block;
	position:relative;
	text-align:center;
	/*margin-top:6px;*/
}
#siteTools > ul > li.hasSubnav > .subnav > ul > li > a {
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	color:#fff;
	border-radius:50%;
	font-size:0.889em;
}
#siteTools > ul > li.hasSubnav > .subnav > ul:not(.socialmeida) > li > a{
	background-color:#035676;
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
}
#siteTools > ul > li.hasSubnav > .subnav > ul:not(.socialmeida) > li > a.selected, #siteTools > ul > li.hasSubnav > .subnav > ul:not(.socialmeida) > li > a:hover, #siteTools > ul > li.hasSubnav > .subnav > ul:not(.socialmeida) > li > a.focus{ background-color:#008671;}
/*background-color:#1bc1ab;*/
#siteTools > ul > li > a.trigger {
	width:24px;
	height:24px;
	text-align:center;
	text-indent:-9999px;
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#toolShares{ display:none!important;}
#toolFontsize > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%09%3Cg%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20class%3D%22st0%22%20d%3D%22M7.69%2C15.82H3.58L2.8%2C18.4H0.31L4.54%2C5.88h2.17l4.26%2C12.51H8.48L7.69%2C15.82z%20M4.21%2C13.73h2.84L5.63%2C9.05L4.21%2C13.73z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20class%3D%22st0%22%20d%3D%22M15.58%2C14.39h-5.03L8.7%2C8.85l2.63-7.66h2.44l5.92%2C17.2h-2.84L15.58%2C14.39z%20M10.28%2C11.98h4.53l-2.27-7.14L10.28%2C11.98z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#toolFontsize:hover > a, #toolFontsize > a.focus {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%09%3Cg%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20class%3D%22st0%22%20d%3D%22M7.69%2C15.82H3.58L2.8%2C18.4H0.31L4.54%2C5.88h2.17l4.26%2C12.51H8.48L7.69%2C15.82z%20M4.21%2C13.73h2.84L5.63%2C9.05L4.21%2C13.73z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20class%3D%22st0%22%20d%3D%22M15.58%2C14.39h-5.03L8.7%2C8.85l2.63-7.66h2.44l5.92%2C17.2h-2.84L15.58%2C14.39z%20M10.28%2C11.98h4.53l-2.27-7.14L10.28%2C11.98z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#toolSearch > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20141.7%20141.7%22%20version%3D%221.1%22%20viewBox%3D%220%200%20141.7%20141.7%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M115.8%2C100.7l-3.1-3.1l-3.1-3.1c6.4-9.3%2C10.1-20.5%2C10.1-32.6c0-23.3-13.9-43.4-33.7-52.6c-1.4-0.7-2.8-1.2-4.3-1.8c-1.4-0.5-2.8-1-4.3-1.4C72.5%2C4.8%2C67.3%2C4%2C61.9%2C4C53%2C4%2C44.6%2C6%2C37.1%2C9.6c-7.2%2C3.4-13.6%2C8.3-18.8%2C14.3C9.4%2C34%2C4%2C47.3%2C4%2C61.9c0%2C21.2%2C11.4%2C39.7%2C28.4%2C49.8c2.8%2C1.7%2C5.8%2C3.1%2C8.9%2C4.3c6.4%2C2.4%2C13.3%2C3.8%2C20.6%2C3.8c2.4%2C0%2C4.7-0.1%2C7-0.4c9.4-1.1%2C18.1-4.5%2C25.6-9.7l3.1%2C3.1l3.1%2C3.1l18.8%2C18.8c2.1%2C2.1%2C4.8%2C3.1%2C7.6%2C3.1s5.5-1.1%2C7.6-3.1c4.2-4.2%2C4.2-11%2C0-15.1L115.8%2C100.7zM61.9%2C25.5c5.5%2C0%2C10.8%2C1.3%2C15.5%2C3.5c1.5%2C0.7%2C2.9%2C1.5%2C4.3%2C2.4c1.5%2C1%2C2.9%2C2.1%2C4.3%2C3.3c7.5%2C6.7%2C12.3%2C16.4%2C12.3%2C27.3S93.6%2C82.5%2C86%2C89.2c-1.3%2C1.2-2.8%2C2.3-4.3%2C3.3c-1.4%2C0.9-2.8%2C1.7-4.3%2C2.4c-4.7%2C2.2-10%2C3.5-15.5%2C3.5c-20.1%2C0-36.4-16.3-36.4-36.4C25.5%2C41.8%2C41.8%2C25.5%2C61.9%2C25.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#toolSearch.active > a, #toolSearch:hover > a, #toolSearch > a.focus {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20141.7%20141.7%22%20version%3D%221.1%22%20viewBox%3D%220%200%20141.7%20141.7%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20class%3D%22st0%22%20d%3D%22M115.8%2C100.7l-3.1-3.1l-3.1-3.1c6.4-9.3%2C10.1-20.5%2C10.1-32.6c0-23.3-13.9-43.4-33.7-52.6c-1.4-0.7-2.8-1.2-4.3-1.8c-1.4-0.5-2.8-1-4.3-1.4C72.5%2C4.8%2C67.3%2C4%2C61.9%2C4C53%2C4%2C44.6%2C6%2C37.1%2C9.6c-7.2%2C3.4-13.6%2C8.3-18.8%2C14.3C9.4%2C34%2C4%2C47.3%2C4%2C61.9c0%2C21.2%2C11.4%2C39.7%2C28.4%2C49.8c2.8%2C1.7%2C5.8%2C3.1%2C8.9%2C4.3c6.4%2C2.4%2C13.3%2C3.8%2C20.6%2C3.8c2.4%2C0%2C4.7-0.1%2C7-0.4c9.4-1.1%2C18.1-4.5%2C25.6-9.7l3.1%2C3.1l3.1%2C3.1l18.8%2C18.8c2.1%2C2.1%2C4.8%2C3.1%2C7.6%2C3.1s5.5-1.1%2C7.6-3.1c4.2-4.2%2C4.2-11%2C0-15.1L115.8%2C100.7zM61.9%2C25.5c5.5%2C0%2C10.8%2C1.3%2C15.5%2C3.5c1.5%2C0.7%2C2.9%2C1.5%2C4.3%2C2.4c1.5%2C1%2C2.9%2C2.1%2C4.3%2C3.3c7.5%2C6.7%2C12.3%2C16.4%2C12.3%2C27.3S93.6%2C82.5%2C86%2C89.2c-1.3%2C1.2-2.8%2C2.3-4.3%2C3.3c-1.4%2C0.9-2.8%2C1.7-4.3%2C2.4c-4.7%2C2.2-10%2C3.5-15.5%2C3.5c-20.1%2C0-36.4-16.3-36.4-36.4C25.5%2C41.8%2C41.8%2C25.5%2C61.9%2C25.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');	
}
#toolContact > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20class%3D%22st0%22%20d%3D%22M2.69%2C17.04c-1.26%2C0-2.29-0.99-2.29-2.2V5.16c0-1.21%2C1.03-2.2%2C2.29-2.2h14.62c1.26%2C0%2C2.29%2C0.99%2C2.29%2C2.2v9.69%09c0%2C1.21-1.03%2C2.2-2.29%2C2.2H2.69z%20M2.36%2C15.02l0.23%2C0.05l14.72%2C0.01l0.23-0.05l0.1-0.25V6.53l-6.59%2C5.56%09c-0.14%2C0.12-0.31%2C0.18-0.49%2C0.18l-1.12%2C0c-0.18%2C0-0.36-0.06-0.49-0.18L2.36%2C6.53V15.02z%20M10%2C10.33l6.39-5.42H3.61L10%2C10.33z%22%2F%3E%3C%2Fsvg%3E');
}
#toolContact:hover > a, #toolContact > a.focus {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20class%3D%22st0%22%20d%3D%22M2.69%2C17.04c-1.26%2C0-2.29-0.99-2.29-2.2V5.16c0-1.21%2C1.03-2.2%2C2.29-2.2h14.62c1.26%2C0%2C2.29%2C0.99%2C2.29%2C2.2v9.69%09c0%2C1.21-1.03%2C2.2-2.29%2C2.2H2.69z%20M2.36%2C15.02l0.23%2C0.05l14.72%2C0.01l0.23-0.05l0.1-0.25V6.53l-6.59%2C5.56%09c-0.14%2C0.12-0.31%2C0.18-0.49%2C0.18l-1.12%2C0c-0.18%2C0-0.36-0.06-0.49-0.18L2.36%2C6.53V15.02z%20M10%2C10.33l6.39-5.42H3.61L10%2C10.33z%22%2F%3E%3C%2Fsvg%3E');
}
#toolLangs > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M18.76%2C6.97l-0.04-0.11C17.4%2C3.2%2C13.9%2C0.73%2C10%2C0.73S2.6%2C3.2%2C1.28%2C6.85l-0.04%2C0.1C0.9%2C7.93%2C0.73%2C8.96%2C0.73%2C10c0%2C1.04%2C0.17%2C2.07%2C0.51%2C3.04l0.03%2C0.1C2.6%2C16.8%2C6.1%2C19.27%2C10%2C19.27s7.4-2.47%2C8.72-6.12l0.04-0.1c0.34-0.98%2C0.52-2.01%2C0.52-3.05C19.27%2C8.96%2C19.1%2C7.93%2C18.76%2C6.97z%20M8.43%2C13.7h3.14c-0.12%2C0.71-0.28%2C1.35-0.47%2C1.92c-0.46%2C1.39-0.97%2C1.82-1.1%2C1.82c-0.13%2C0-0.64-0.43-1.1-1.82C8.71%2C15.05%2C8.55%2C14.41%2C8.43%2C13.7z%20M11.57%2C6.3H8.43C8.55%2C5.59%2C8.71%2C4.95%2C8.9%2C4.38%09C9.36%2C2.99%2C9.87%2C2.56%2C10%2C2.56c0.1%2C0%2C0.6%2C0.32%2C1.1%2C1.82C11.29%2C4.95%2C11.45%2C5.59%2C11.57%2C6.3z%20M13.42%2C6.3c-0.2-1.29-0.51-2.41-0.89-3.3%09c1.65%2C0.6%2C3.04%2C1.77%2C3.92%2C3.3H13.42z%20M11.87%2C10c0%2C0.63-0.02%2C1.26-0.07%2C1.87H8.2C8.15%2C11.26%2C8.13%2C10.63%2C8.13%2C10%09c0-0.63%2C0.02-1.26%2C0.07-1.87h3.59C11.84%2C8.74%2C11.87%2C9.37%2C11.87%2C10z%20M7.47%2C3C7.08%2C3.89%2C6.78%2C5.01%2C6.58%2C6.3H3.55%09C4.43%2C4.77%2C5.82%2C3.6%2C7.47%2C3z%20M2.8%2C8.13h3.57C6.32%2C8.75%2C6.3%2C9.37%2C6.3%2C10c0%2C0.63%2C0.02%2C1.25%2C0.07%2C1.87H2.8%09C2.64%2C11.26%2C2.56%2C10.63%2C2.56%2C10C2.56%2C9.37%2C2.64%2C8.74%2C2.8%2C8.13z%20M6.58%2C13.7c0.2%2C1.29%2C0.51%2C2.41%2C0.89%2C3.3%09c-1.65-0.6-3.04-1.77-3.92-3.3H6.58z%20M12.53%2C17c0.38-0.88%2C0.69-2%2C0.89-3.3h3.03C15.57%2C15.23%2C14.18%2C16.4%2C12.53%2C17z%20M17.2%2C11.87h-3.57c0.04-0.61%2C0.07-1.24%2C0.07-1.87c0-0.63-0.02-1.26-0.07-1.87h3.57c0.16%2C0.61%2C0.24%2C1.24%2C0.24%2C1.87S17.36%2C11.26%2C17.2%2C11.87z%22%2F%3E%3C%2Fsvg%3E');
}
#toolLangs:hover > a, #toolLangs > a.focus {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20d%3D%22M18.76%2C6.97l-0.04-0.11C17.4%2C3.2%2C13.9%2C0.73%2C10%2C0.73S2.6%2C3.2%2C1.28%2C6.85l-0.04%2C0.1C0.9%2C7.93%2C0.73%2C8.96%2C0.73%2C10c0%2C1.04%2C0.17%2C2.07%2C0.51%2C3.04l0.03%2C0.1C2.6%2C16.8%2C6.1%2C19.27%2C10%2C19.27s7.4-2.47%2C8.72-6.12l0.04-0.1c0.34-0.98%2C0.52-2.01%2C0.52-3.05C19.27%2C8.96%2C19.1%2C7.93%2C18.76%2C6.97z%20M8.43%2C13.7h3.14c-0.12%2C0.71-0.28%2C1.35-0.47%2C1.92c-0.46%2C1.39-0.97%2C1.82-1.1%2C1.82c-0.13%2C0-0.64-0.43-1.1-1.82C8.71%2C15.05%2C8.55%2C14.41%2C8.43%2C13.7z%20M11.57%2C6.3H8.43C8.55%2C5.59%2C8.71%2C4.95%2C8.9%2C4.38%09C9.36%2C2.99%2C9.87%2C2.56%2C10%2C2.56c0.1%2C0%2C0.6%2C0.32%2C1.1%2C1.82C11.29%2C4.95%2C11.45%2C5.59%2C11.57%2C6.3z%20M13.42%2C6.3c-0.2-1.29-0.51-2.41-0.89-3.3%09c1.65%2C0.6%2C3.04%2C1.77%2C3.92%2C3.3H13.42z%20M11.87%2C10c0%2C0.63-0.02%2C1.26-0.07%2C1.87H8.2C8.15%2C11.26%2C8.13%2C10.63%2C8.13%2C10%09c0-0.63%2C0.02-1.26%2C0.07-1.87h3.59C11.84%2C8.74%2C11.87%2C9.37%2C11.87%2C10z%20M7.47%2C3C7.08%2C3.89%2C6.78%2C5.01%2C6.58%2C6.3H3.55%09C4.43%2C4.77%2C5.82%2C3.6%2C7.47%2C3z%20M2.8%2C8.13h3.57C6.32%2C8.75%2C6.3%2C9.37%2C6.3%2C10c0%2C0.63%2C0.02%2C1.25%2C0.07%2C1.87H2.8%09C2.64%2C11.26%2C2.56%2C10.63%2C2.56%2C10C2.56%2C9.37%2C2.64%2C8.74%2C2.8%2C8.13z%20M6.58%2C13.7c0.2%2C1.29%2C0.51%2C2.41%2C0.89%2C3.3%09c-1.65-0.6-3.04-1.77-3.92-3.3H6.58z%20M12.53%2C17c0.38-0.88%2C0.69-2%2C0.89-3.3h3.03C15.57%2C15.23%2C14.18%2C16.4%2C12.53%2C17z%20M17.2%2C11.87h-3.57c0.04-0.61%2C0.07-1.24%2C0.07-1.87c0-0.63-0.02-1.26-0.07-1.87h3.57c0.16%2C0.61%2C0.24%2C1.24%2C0.24%2C1.87S17.36%2C11.26%2C17.2%2C11.87z%22%2F%3E%3C%2Fsvg%3E');	
}
#toolHome > a {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M19.4%2C10.4l-3.6-3.6V2.4c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v2.5l-3.2-3.2c-0.4-0.4-1-0.4-1.3%2C0l-8.8%2C8.8%09c-0.4%2C0.4-0.4%2C1%2C0%2C1.3s1%2C0.4%2C1.3%2C0l0.6-0.6v6.7c0%2C0.5%2C0.4%2C1%2C1%2C1H8c0.5%2C0%2C1-0.4%2C1-1V14H11v3.8c0%2C0.5%2C0.4%2C1%2C1%2C1h4.5c0.5%2C0%2C1-0.4%2C1-1%09v-6.7l0.6%2C0.6c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3C19.8%2C11.4%2C19.8%2C10.8%2C19.4%2C10.4z%20M15.5%2C9.3v7.5H13v-3.8c0-0.5-0.4-1-1-1H8%09c-0.5%2C0-1%2C0.4-1%2C1v3.8H4.5V9.3c0%2C0%2C0-0.1%2C0-0.1L10%2C3.7L15.5%2C9.3C15.6%2C9.3%2C15.5%2C9.3%2C15.5%2C9.3z%22%2F%3E%3C%2Fsvg%3E');	
}
#toolHome > a:hover, #toolHome > a.focus {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28220%2C%20238%2C%20163%29%22%20d%3D%22M19.4%2C10.4l-3.6-3.6V2.4c0-0.5-0.4-1-1-1s-1%2C0.4-1%2C1v2.5l-3.2-3.2c-0.4-0.4-1-0.4-1.3%2C0l-8.8%2C8.8%09c-0.4%2C0.4-0.4%2C1%2C0%2C1.3s1%2C0.4%2C1.3%2C0l0.6-0.6v6.7c0%2C0.5%2C0.4%2C1%2C1%2C1H8c0.5%2C0%2C1-0.4%2C1-1V14H11v3.8c0%2C0.5%2C0.4%2C1%2C1%2C1h4.5c0.5%2C0%2C1-0.4%2C1-1%09v-6.7l0.6%2C0.6c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3s0.5-0.1%2C0.7-0.3C19.8%2C11.4%2C19.8%2C10.8%2C19.4%2C10.4z%20M15.5%2C9.3v7.5H13v-3.8c0-0.5-0.4-1-1-1H8%09c-0.5%2C0-1%2C0.4-1%2C1v3.8H4.5V9.3c0%2C0%2C0-0.1%2C0-0.1L10%2C3.7L15.5%2C9.3C15.6%2C9.3%2C15.5%2C9.3%2C15.5%2C9.3z%22%2F%3E%3C%2Fsvg%3E');	
}
#toolMobile{ display:none!important; padding:0!important;}
/* #toolSearch .searchForm{
	position:absolute;
	top: 100%;
	right: 0;
	background-color:#fff;
	width:240px;
	z-index:2000;
} */
#toolSearch .searchForm form .inputWrap {
	position:relative;
/* 	padding:0 45px 0 10px;
	width:100%;
	text-align:left; */
}
#toolSearch input[type=search] {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#toolSearch .searchForm form .inputWrap label {
	position:absolute;
	left:0;
	top:0;
}
#toolSearch .searchForm form .inputWrap input {
	height:24px;
	color:#fff;
	padding:0 22px 0 10px;
	width:100%;
	display:inline-block;
	border-bottom:1px solid rgba(255,255,255,.3);
	transition:border-bottom-color .3s ease 0s;
	-webkit-transition:border-bottom-color .3s ease 0s;
	background:transparent;
	font-size:0.889em;
}
#toolSearch .searchForm form .inputWrap input::placeholder {
	opacity: 1;
	color: #fff;
}
#toolSearch .searchForm form .inputWrap input:focus {
	border-bottom:1px solid #dceea3;
}
#toolSearch .searchForm .btnSearch {
	position:absolute;
	text-align:left;
	width:22px;
	height:22px;
	display:block;
	right:0;
	top:50%;
	color:#fff;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-indent:-9999px;
}
#toolSearch .searchForm .btnSearch:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:12px;
	height:12px;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	transform-origin:top left;
	-webkit-transform-origin:top left;
	border:2px solid #fff;
	border-left-width:0;
	border-top-width:0;
	transition:border-color .3s ease 0s;
	-webkit-transition:border-color .3s ease 0s;
}
#toolSearch .searchForm .btnSearch:hover:before, #toolSearch .searchForm .btnSearch:focus:before {
	border-color:#dceea3;
}
#toolSearch .searchForm > div{ 
	visibility: hidden;
	position:relative;
	max-height: 0;
	text-align:left;
	overflow: hidden;
	transition:max-height .3s ease 0s;
	-webkit-transition:max-height .3s ease 0s;	
}
#toolSearch.active .searchForm > div{
	visibility: visible;
	max-height:200px;
}
#searchClose_m {
	display:none;
	position:absolute;
	text-indent:-9999px;
	width:50px;
	height:50px;
	top:50%;
	right:4px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
#searchClose_m:before {
	content:'';
	position:absolute;
}
#searchClose_m:before, #searchClose_m:after {
	content:'';
	height:2px;
	width:26px;
	display:block;
	background:#035676;
	position:absolute;
	top:22px;
	left:9px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
}
#searchClose_m:after {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
#searchClose_m:hover:before, #searchClose_m:hover:after{ background-color:#008671;}
.itcfasLogin{
	background-color:#fff;
	border-radius:20px;
	padding:0 16px 0 32px;
	font-weight:600;
	color:#157ea4!important;;
	display:inline-block;
	font-size:0.944em;
	position:relative;
	transition:background-color .3s ease 0s, color .3s ease 0s;
	-webkit-transition:background-color .3s ease 0s, color .3s ease 0s;
}
.itcfasLogin:hover{
	background-color:#dceea3;
}
.itcfasLogin:before{
	content:'';
	width:16px;
	height:20px;
	position:absolute;
	left:14px;
	top:50%;
	transform:translateY(-50%);
	background-size:65% 65%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2032%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%2818%2C%20107%2C%20140%29%22%20d%3D%22M30%2C16h-2v-4c0-6.6-5.4-12-12-12S4%2C5.4%2C4%2C12v4H2c-1.1%2C0-2%2C0.9-2%2C2v20c0%2C1.1%2C0.9%2C2%2C2%2C2h28c1.1%2C0%2C2-0.9%2C2-2V18%09C32%2C16.9%2C31.1%2C16%2C30%2C16z%20M18.11%2C29.52V35c0%2C1.1-0.9%2C2-2%2C2c-1.1%2C0-2-0.9-2-2v-5.38C12.29%2C28.88%2C11%2C27.09%2C11%2C25c0-2.76%2C2.24-5%2C5-5%09s5%2C2.24%2C5%2C5C21%2C27%2C19.81%2C28.72%2C18.11%2C29.52z%20M24%2C16H8v-4c0-4.4%2C3.6-8%2C8-8s8%2C3.6%2C8%2C8V16z%22%2F%3E%3C%2Fsvg%3E');
	transition:background .3s ease 0s;
	-webkit-transition:background .3s ease 0s;
}
/*.itcfasLogin:hover:before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2032%2040%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M30%2C16h-2v-4c0-6.6-5.4-12-12-12S4%2C5.4%2C4%2C12v4H2c-1.1%2C0-2%2C0.9-2%2C2v20c0%2C1.1%2C0.9%2C2%2C2%2C2h28c1.1%2C0%2C2-0.9%2C2-2V18%09C32%2C16.9%2C31.1%2C16%2C30%2C16z%20M18.11%2C29.52V35c0%2C1.1-0.9%2C2-2%2C2c-1.1%2C0-2-0.9-2-2v-5.38C12.29%2C28.88%2C11%2C27.09%2C11%2C25c0-2.76%2C2.24-5%2C5-5%09s5%2C2.24%2C5%2C5C21%2C27%2C19.81%2C28.72%2C18.11%2C29.52z%20M24%2C16H8v-4c0-4.4%2C3.6-8%2C8-8s8%2C3.6%2C8%2C8V16z%22%2F%3E%3C%2Fsvg%3E');
}*/
#mainNav {
	margin-right:-15px;
}
.fixed #mainNav{ margin-right:-10px;}
#mainNav > ul {
	display:flex;
	float:right;
}
#mainNav > ul > li {
	padding:0 15px;
	text-align:center;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
}
.fixed #mainNav > ul > li {
	padding:0 10px;
}
#mainNav > ul {
}
#mainNav > ul > li > a {
	display:table;
	width:100%;
	height:100%;
	position:relative;
	color:#fff;
	transition:padding .3s ease 0s, color .3s ease 0s;
	-webkit-transition:padding .3s ease 0s, color .3s ease 0s;
}
#mainNav > ul > li > a > span {
	display:table-cell;	
	padding:12px 2px;
	line-height:1.1em;
	font-size:0.95em;
	font-weight:700;
	vertical-align:bottom;
	text-align:center;
	position: relative;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;	
}
#mainNav > ul > li > a > span:before{
	content: '';
	position: absolute;
	height: 2px;
	bottom: 2px;
	left: 50%;
	transform:translateX(-50%);
	width: 0;
	background-color: #dceea3;
}
#mainNav > ul > li.selected > a > span:before {
	width: 100%;
}
.fixed #mainNav > ul > li > a > span {
	/*padding:8px 0 0;*/
}
#mainNav > ul > li.selected > a, #mainNav > ul > li:hover > a, #mainNav > ul > li > a.focus{
	color:#dceea3;
}
#mainNav > ul > li > a:before{
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;  
	border-bottom: 12px solid #b3e700;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	display:none;
}
#mainNav > ul > li.hasSubnav.active > a:before, #mainNav > ul > li.hasSubnav.focused > a:before{
	display:block;
}
/* #mainNav > ul > li.hasSubnav > a:before{
	display:block;
	opacity:0;
	transition:opacity .5s ease 0s;
} */
/* #mainNav > ul > li.hasSubnav:hover > a:before{
	opacity:1;
} */
#mainNav > ul > li > .subnav {
	width:100%;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 100%;
	background-color:#fff;
	transition:padding .3s ease 0s;
	-webkit-transition:padding .3s ease 0s;
	/*overflow:hidden;*/
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 0px;	
}
#mainNav > ul > li > .subnav > .subnavWrap{
	font-weight:300;
	max-height: 0;
	text-align:left;
	overflow: hidden;
	transition:max-height .5s ease 0s;
	-webkit-transition:max-height .5s ease 0s;	
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain{
	border-top:10px solid #b3e700;
	padding:30px 40px 20px;
	display:flex;
}
#mainNav > ul > li.active > .subnav > .subnavWrap, #mainNav > ul > li.hasSubnav.focused > .subnav > .subnavWrap{
	max-height: 1000px;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList{
	width: 100%
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li{
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
	width:calc((99.9% - 40px)/3);
	margin-left:20px;
	float: left;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li:nth-child(3n+1){
	margin-left: 0;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li:before{
	content: "";
	position:absolute;
	border-radius:50%;
	width:6px;
	height:6px;
	background-color:#ffc100;
	position:absolute;
	top:.475em;
	left:6px;
	transition:background-color .3s ease 0s;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li a{
	color:#157ea4;
	margin-bottom:10px;
	font-weight:700;
	transition: color .3s ease 0s;
	transition:color .3s ease 0s;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li a:hover, #mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavList li.selected a{
	color:#007758;
	text-decoration: underline;
}
/*subnavCol for programme sections*/
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol{
	width:calc((99.9% - 40px)/3);
	margin-left:20px;	
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol:first-child{ margin-left:0;}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .sechd {
	color:#157ea4;
	margin-bottom:10px;
	font-weight:700;
	transition: color .3s ease 0s;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul{ margin-bottom:20px;}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul:last-child{ margin-bottom: 10px; }
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li {
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li:before{
	content: "";
	position:absolute;
	border-radius:50%;
	width:6px;
	height:6px;
	background-color:#ffc100;
	position:absolute;
	top:.475em;
	left:6px;
	transition:background-color .3s ease 0s;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li a{
	transition:color .3s ease 0s;
	background:#fff;
}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li.selected a, #mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li:hover a{ color:#157ea4; text-decoration:underline;}
#mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li.selected:before, #mainNav > ul > li > .subnav > .subnavWrap > .subnavMain .subnavCol ul > li:hover:before{
	background-color:#157ea4;
}

#mainNav > ul > li > .subnav {
	/*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;*/
}
/*main menu css ends*/
/*mobile menu css starts*/
#mBgLayer {
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	z-index:3000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#mobileNavWrap {
	/*background-color:#fff;*/
	-webkit-transition: right 0.5s ease 0s;
	transition: right 0.5s ease 0s;
	position: fixed;
	/*width: 320px;*/
	max-width: calc(100% - 40px);
	width:400px;
	height: 100%;
	top: 0;
	left: auto;
	right: -99.99%;
	opacity: 1;
	z-index: 9999;
	display:none;
}
.showMMenu #mobileNavWrap {
	display:block;
}
#mobileNavWrap #mobileNavInner {
	background-color:#fff;
	height: 100%;
	right:0;
	top:0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	width: 100%;
	/*-webkit-overflow-scrolling: touch;*/
}
.showMMenu #mobileNavWrap {
	display:block;
}
.showMMenu #mmenuCtrl {
	cursor:default;
}
#mobiletopnav {
	padding:0 25px;
	background-color:#037f5d;
}
#mobilenavInner {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}
#mobileNavWrap.show {
	right: 0;
}
#mmenuClose {
	position:absolute;
	right:20px;
	top:17px;	
	text-indent:-9999px;
	width:40px;
	height:40px;
	display:inline-block;
}
#mmenuClose:before, #mmenuClose:after {
	content:'';
	height:3px;
	width:30px;
	display:block;
	background:#157ea4;
	border-radius:10px;
	position:absolute;
	top:50%;
	left:50%;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	transform-origin:left top;
	-webkit-transform-origin:left top;
	transition:width .3s ease 0s;
}
#mmenuClose:hover:before, #mmenuClose:hover:after {
	width:34px;
}
#mmenuClose:after {
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
}
#mobilenav_top {
	padding:20px;
	position:relative;
	line-height:0;
	background-color:#f3f9df;
}
#mobilenav_top .itcfasLogin{
	line-height:30px;
	border:1px solid rgba(21,126,164,.15);
}
#mobilenav_top a.fontsize {
	display: inline-block;
	margin-left: 10px;
	width:24px;
	height:24px;
	text-align:center;
	text-indent:-9999px;
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%09%3Cg%3E%3Cpath%20fill%3D%22%23157ea4%22%20class%3D%22st0%22%20d%3D%22M7.69%2C15.82H3.58L2.8%2C18.4H0.31L4.54%2C5.88h2.17l4.26%2C12.51H8.48L7.69%2C15.82z%20M4.21%2C13.73h2.84L5.63%2C9.05L4.21%2C13.73z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23157ea4%22%20class%3D%22st0%22%20d%3D%22M15.58%2C14.39h-5.03L8.7%2C8.85l2.63-7.66h2.44l5.92%2C17.2h-2.84L15.58%2C14.39z%20M10.28%2C11.98h4.53l-2.27-7.14L10.28%2C11.98z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	transition:background .2s ease 0s;
}
#mobilenav_top a.fontsize:hover{
	background-size:22px 22px;
}
#mobileMenu{ padding:20px; position: relative; height:calc(100vh - 72px);}
#mobileMenu a {
	font-size:1.125em;
}
#mainNav_m .subnav{
	right:0;
	visibility:hidden;
}
#mainNav_m > ul > li, #mainNav_m .subnav > ul > li {
	border-bottom:1px solid #b3e700;
}
#mainNav_m > ul > li > a, #mainNav_m > ul > li > .subnav > ul > li > a, #mainNav_m .linkWrap a:not(.arrow){
	padding:15px 40px 15px 8px;
	display:block;
	line-height:1.2em;
	color:#444;
	position:relative;
}
#mainNav_m .linkWrap{
	position: relative;
}
#mainNav_m .linkWrap > .arrow {
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	transform:translateY(-50%);
	right:0px;
	text-indent:-9999px;
	cursor:pointer;
}
#mainNav_m > ul > li.hasChild > a{ padding:15px 40px 15px 8px; position:relative;}
#mainNav_m  .linkWrap > .arrow:before {
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	border:none;
	border: 10px transparent solid;
	border-right-width: 0;
	border-left-color: #f0c900;
	border-left-width: 12px;
}
#mainNav_m .linkWrap > .arrow {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width: 40px; 
	height:100%;
	display:block;
}
#mainNav_m ul > li.selected > a, #mainNav_m li.selected > .linkWrap > a:not(.arrow), #mainNav_m ul > li.active > a, #mainNav_m  ul > li.active > .linkWrap > a:not(.arrow), #mainNav_m .subnav > ul > li.selected{
	background-color:#f0facc;
}
#mainNav_m > ul > li.selected > a, #mainNav_m li.selected > .linkWrap > a, #mainNav_m li.active > .linkWrap > a {
	color:#157ea4;
}
#mainNav_m > ul > li .subnav {
	position:absolute;
	top:0;
	right:calc(-100% - 20px);
	width:100%;
	height:100%;
	padding:0 20px;	
	z-index:2900;
	background-color: #fff;
	transition:right .5s ease 0s;
	-webkit-transition:right .5s ease 0s;
}
#mainNav_m > ul > li > .subnav > ul > li > .subnav{
	z-index:3000;
}
#mainNav_m > ul > li .subnav.subnavOpened {
	visibility: visible;
	right:0;
}
/*lv 2*/
#mainNav_m > ul > li > .subnav > ul > li.hasChild > a{ position:relative;}
#mainNav_m > ul > li > .subnav > ul > li.hasChild > a:after{
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	border:none;
	border: 10px transparent solid;
	border-right-width: 0;
	border-left-color: #f0c900;
	border-left-width: 12px;	
}
#mainNav_m > ul > li > .subnav > ul > li:before {
}
#mainNav_m .subnav > ul > li > a:not(.arrow) {
	display:block;
	padding:15px 15px 15px 8px; 
}
#mainNav_m .subnav > ul > li.selected > a {
	color:#157ea4;
}
#mainNav_m .subnav > ul > li > .arrow{
	position:absolute;
	z-index:1000;
	right:5px;
	top:15px;
	width:24px;
	height:24px;
	text-indent:-9999px;
	display: none;
}
#mainNav_m .subnav > ul > li.hasChild > .arrow{ display: block; }
#mainNav_m .subnav > ul > li > .arrow:before{
	content:'';
	width: 0;
	height: 0;
	border: 8px transparent solid;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	display:block;
	border-bottom-width:0;
	border-top-color:#b3e700;
	-webkit-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
#mainNav_m .subnav > ul > li.selected > .arrow:before, #mainNav_m .subnav > ul > li.active > .arrow:before{
	-webkit-transform:translate(-50%, -50%) rotate(180deg);
	transform:translate(-50%, -50%) rotate(180deg);	
}
#mainNav_m .subnav > ul > li > ul{ display: none; margin-top:5px; }
#mainNav_m .subnav > ul > li.selected > ul{ display:block;}
#mainNav_m .subnav > ul > li > ul > li{
	position:relative; 
	padding-left: 8px;
}
#mainNav_m .subnav > ul > li > ul > li:before {
	content: '';
	position: absolute;
	height:6px;
	width:6px;
	left:0;
	top:.875em;
	transform:rotate(0);
	-ms-transform:rotate(0);
	-webkit-transform:rotate(0);
	background-color:#b3e700;
}
#mainNav_m .subnav > ul > li > ul > li > a{
	display: inline-block;
	padding:5px 10px;
}
#mainNav_m .subnav > ul > li > ul > li.selcted > a{

}
#mainNav_m .subnav .secTitle{ font-size: 1.1em; font-weight: 700; padding: 15px 10px; background-color: #b3e700;}
#mainNav_m .subnav .navBack{
	position: relative;
	display: inline-block;
	padding-left:30px;
	line-height: 60px;
}
#mainNav_m .subnav .navBack:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%) rotate(180deg);
	width:20px;
	height:20px;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto auto;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28179%2C%20231%2C%200%29%22%20d%3D%22M8.78%2C50h17.08L50%2C24.88L25.7%2C0H8.62l18.25%2C18.74L0%2C18.83v12.45l26.91-0.1L8.78%2C50z%22%2F%3E%3C%2Fsvg%3E');		
}
/*mobile menu css ends*/
/*#wrapperInner .mainBg{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	height:1000px;
	background-image: url(images/index-bg-1.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto auto;
	z-index:100;
	margin-left:-1px;	
}*/
#floatingPanel {
	position:fixed;
	z-index:2000;
	right:0;
	bottom:95px;
}
#floatingPanel.fixed{ position: absolute; bottom: 95px;}
.home #floatingPanel.fixed{ bottom: 115px; }
#mainZone {
	position:relative;
	max-width:2000px;
	margin:0 auto;
	width: 100%;
}
#backtotop {
	position:fixed;
	right:0;
	bottom:30px;
	width:60px;
	height:60px;
	border:1px solid #cdcdcd;
	border-right:none;
	border-bottom-left-radius:50%;
	border-top-left-radius:50%;
	opacity: 0;
	-webkit-transition: background-color 0.5s ease 0s, opacity .3s ease 0s;
	transition: background-color 0.5s ease 0s, opacity .3s ease 0s;
	z-index: 1000;
	text-indent:-9999px;
	background-color:#e8e8e8;
	visibility:hidden;
}
#backtotop:hover, #backtotop.focus {
	background-color:#007758;
}
#wrapper.showMMenu #backtotop {
	visibility:hidden;
}
#backtotop:before {
	content:'';
	height:16px;
	width:16px;
	display:block;
	border:3px solid #157ea4;
	border-left-width:0;
	border-bottom-width:0;
	transform-origin:left top;
	-webkit-transform-origin:left top;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%;
	margin-top:4px;
	transition:border-color .3s ease 0s;
}
#backtotop:hover:before,#backtotop.focus:before{
	border-color:#ffc100;
}
#backtotop.fixed {
	position: absolute;
	bottom:30px;
}
.home #backtotop.fixed { bottom: 50px; }
#backtotop.active {
	/*opacity:1;*/
	opacity:0.85;
	visibility:visible;
}
/*footerZone*/
#footerZone {
	z-index:2000;
	position:relative;
	background-color:#fff;
	color:#444;
	max-width:2000px;
	margin:0 auto;	
}
#footerMainWrap{
	border-top:1px solid #ccc;
	padding:30px 40px;
	font-size:0.778em;	
}
#footerMain {
	display:table;
	width:100%;
}
#footerMain .footerLeft > *{display:inline-block; vertical-align:middle;}
#footerMain .itcLogo{ margin-right:30px; width:170px;}
#footerMain .itcLogo img{ max-width:100%;}
#footerMain .fLeftCont{ padding-left:30px; position:relative;}
#footerMain .fLeftCont:before{
	content:'';
	width:1px;
	height:100%;
	position:absolute;
	background-color:#ccc;
	left:0;
	top:0;
}
#footerNav {
	overflow:hidden;
}
#footerNav ul {
	display:inline-block;
	overflow:hidden;
}
#footerNav li {
	display:inline-block;
	float:left;
	position:relative;
	padding-right:21px;
	margin-bottom:5px;
}
#footerNav li:last-child {
	padding-right:0;
}
#footerNav li:last-child:before {
	display: none;
}
#footerNav li:before {
	content:'';
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:1px;
	height:12px;
	background-color:#444;
}
#footerNav li:first-child:before {
}
#footerNav li a {
	line-height:100%;
	color:#0645ad;
	transition: border 0.3s ease 0s;
	-webkit-transition: border 0.3s ease 0s;
	border-bottom:1px solid transparent;
}
#footerNav li a:hover, #footerNav li a.focus, #footerNav li.selected a {
	border-bottom:1px solid #0645ad;
}
#footerMain > div {
	display:table-cell;
	vertical-align:middle;
	float:none;
}
#footerMain .others {
}
#footerMain .others > div {
	display:inline-block;
	margin-bottom:0px;
}
#footerMain .others > div:first-child{ padding-right:40px;}
#footerMain .others > div > span {
	padding-right:5px;
}
#footerMain .footerRight{ text-align:right;}
#footerMain .footerRight a{ display:inline-block; margin-left:20px;}
/*swiper*/
.swiperWrap {
	position:relative;
}
.swiperWrap > a {
	margin-top:0;
	transition:margin-top .3s ease 0s;
	-webkit-transition:margin-top .3s ease 0s;
}
.swiperWrap .swiper-play {
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:33px;
	height:33px;
	background-color:#fff;
	border-radius:50%;
	z-index:10;
}
.swiperWrap .swiper-play:hover {
	background-color:#d3f696;
}
.swiperWrap .swiper-arrow {
	color:#fff;
	position:absolute!important;
	width:60px;
	height:40px;
	top:50%;
	transform:translateY(-50%)!important;
	-webkit-transform:translateY(-50%)!important;
	cursor:pointer;
	z-index:1500;
	font-size:0;
	line-height:0;
	display:block;
	overflow:hidden;
	opacity:.7;
	border:none!important;
	transition:opacity .3s ease 0s!important;
	-webkit-transition:opacity .3s ease 0s!important;
}
.swiperWrap .swiper-arrow:before {
/*	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);*/
}
/*.swiperWrap .swiperNext:before {
	right:-60px;
}
.swiperWrap .swiperPrev:before {
	left:-60px;
}*/
.swiperWrap .swiper-arrow span {
	width:36px;
	height:36px;
	position:absolute;
	top:50%;
	display:block;
	border:2px solid #157ea4;
	border-left-width:0;
	border-top-width:0;
	opacity:1;
}
.swiperWrap .swiper-arrow:not(.swiper-button-disabled):hover, .swiperWrap .swiper-arrow:not(.swiper-button-disabled).focus {
	opacity:1;
}
.swiperWrap .swiper-arrow.swiper-button-disabled:before {
	background-color: #e0dfdf;
}
.swiperWrap .swiper-arrow.swiper-button-disabled span {
/*opacity:.3!important;*/
}
.swiperWrap .swiperNext {
	right:0;
}
.swiperWrap .swiperPrev {
	left:0;
}
.swiperWrap .swiperPrev span {
	left:17px;
	transform:translateY(-50%) rotate(135deg);
	-webkit-transform:translateY(-50%) rotate(135deg);
	transition:left .3s ease 0s;
	-webkit-transition:left .3s ease 0s;
}
.swiperWrap .swiperPrev:not(.swiper-button-disabled):hover span, .swiperWrap .swiperPrev:not(.swiper-button-disabled).focus span {
	left:10px;
}
.swiperWrap .swiperNext span {
	right:17px;
	transform:translateY(-50%) rotate(-45deg);
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transition:right .3s ease 0s;
	-webkit-transition:right .3s ease 0s;
}
.swiperWrap .swiperNext:not(.swiper-button-disabled):hover span, .swiperWrap .swiperNext:not(.swiper-button-disabled).focus span {
	right:10px;
}
.swiperPaging {
	display:inline-block;
	vertical-align:top; /*float:left;*/
	padding:0 5px;
}
.swiperPaging > a {
	display:inline-block;
	height:20px;
	width:24px;
	position:relative;
	vertical-align:top;
	text-indent:-9999px;
	opacity:1;
}
.swiperPaging > a:before {
	content:'';
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.swiperPaging > a:hover:before {
	opacity: .7;
}
.swiperPaging .swiper-pagination-bullet-active:before {
	background-color:#ffd12f;
}
.swiperPaging .swiper-pagination-bullet, .swiperPaging .swiper-pagination-bullet-active {
	background:none;
}
.swiper-button-disabled {
	/*cursor:default!important;*/
	visibility:hidden;
}
/*swiper*/

#preloader {
	width: 105%;
	height:105%;
	text-align:center;
	position:fixed;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	z-index:5500;
	opacity:1;
	transition:opacity 1s ease 0s;
	-webkit-transition:opacity 1s ease 0s;
	background: #157ea4;
}
#preloader.hide {
	opacity:0;
}
#preloader .loaderWrap, #searchLoader {
	position:absolute;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width: 140px;
	height: 140px;
	text-align:center;
}
#preloader .loader , #searchLoader .loader{
	margin-top:20px;
	position:relative;
	width: 80px;
	height: 80px;
	display:inline-block;
}
#preloader .loader:before , #searchLoader .loader:before{
	content:'';
	box-sizing: border-box;
	display:block;
	position:absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 10px solid rgba(255, 255, 255, 0.4);
	border-top-color: #ffc100;	
}
.animate #preloader .loader:before, .animate #searchLoader .loader:before{
	animation: spin 1s infinite linear;
}
#searchLoader .loader:before{
	border: 10px solid rgba(179, 231, 0, 0.08);
	border-top-color: #007758;
}
#preloader .txt{
	color:#fff;
}
#searchLoader .txt{ color:#007758;}
@keyframes spin {
 100% {
 transform: rotate(360deg);
}
}


/*animation*/
@-moz-keyframes spinToRight {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spinToRight {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinToRight {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
 @-moz-keyframes spinToLeft {
100% {
-moz-transform: rotate(-360deg);
}
}
@-webkit-keyframes spinToLeft {
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes spinToLeft {
100% {
-webkit-transform: rotate(-360deg);
transform:rotate(-360deg);
}
}
/*animation ends*/


/*********** chart **********/
.chart-zone{
	position: relative;
	opacity: 1;
	/* transform: translateX(0); */
	transition: all 1.5s ease 0s;
}
.chart-zone.ani{
	opacity: 0;
	/* transform: translateX(-600px); */
}
.chart-inner{
	position: relative;
	width: 100%;
	max-width: 570px;
	margin: 0 auto;
}
.chart-summary{
	position: absolute;
	width: 50%;
	padding-bottom: 50%;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
	z-index:999;
}
.chart-summary>div{
	display: flex;
    height: 100%;
	width: 100%;
	position: absolute;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	padding: 30px;
}
.chart-summary>div div{
	text-align: center;
	color: #555555;
	width: 100%;
}
.chart-summary>div div.t-num{
	color: #0094a4;
	font-size: 2.778em;
	font-weight: 700;
	line-height: 1em;
}
.chart-container{
	position: relative;
}
.legend-wrap{
	margin: 0 auto;
	width: 100%;
	max-width: 1117px;
}
.legend{
	display: block;
	text-align: center;	
}
#statisticsMain .legend{ color: #fff;}
.legend>li{
	display: inline-block;
	position: relative;
	/*font-size: 0.8em;*/
	margin: 0 15px 5px!important;
	line-height: 16px;
	padding:0 0 0 22px!important;
}
.legend>li:before{ display: none; }
.legend>li > span{
	display: inline-block;
	vertical-align: top;
}
.legend>li > span:first-child{
	position: absolute;
	left: 0;
	top: .275em;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.legend>li > span.label{
	color: #fff;
}
#itfStats .legend>li > span.label{
	color: #444;
}
.chartjs-tooltip{
	min-width: 250px;
	background-color: rgba(255,255,255,0.8);
	position: relative;
	padding: 10px;
	font-size: 0.889em;
	font-family: Roboto;
	border-radius: 5px;
	box-shadow: 0px 3px 20px 5px rgba(0,0,0,0.2);
}
.chartjs-tooltip.flip:before{
	left: auto;
    right: 16px;
    transform: scalex(-1);
}
.chartjs-tooltip:before{
	content: '';
	position: absolute;
	left: 16px;
	bottom: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: rgba(255,255,255,0.8) transparent transparent transparent;
}
.inner-tooltip>div{
	line-height: 1.2;
}
.inner-tooltip>div.num{
	font-weight: 700;
}
.inner-tooltip>div.btn{
	text-align: right;
}
.inner-tooltip>div a{
	color: #0094a4;
	font-weight: 700;
	display: inline-block;
	padding-right: 30px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%280%2C%20148%2C%20164%29%22%20d%3D%22M8.78%2C50h17.08L50%2C24.88L25.7%2C0H8.62l18.25%2C18.74L0%2C18.83v12.45l26.91-0.1L8.78%2C50z%22%2F%3E%3C%2Fsvg%3E');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	transition:color .3s ease 0s, background .3s ease 0s;
}
.inner-tooltip>div a:hover{
	color: #007758;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%280%2C%20119%2C%2088%29%22%20d%3D%22M8.78%2C50h17.08L50%2C24.88L25.7%2C0H8.62l18.25%2C18.74L0%2C18.83v12.45l26.91-0.1L8.78%2C50z%22%2F%3E%3C%2Fsvg%3E');
}
.chart-zone-detail{
	display: none;
	/* transform: translateX(500px);
	opacity: 0;
	transition: transform 0.5s ease 0s, opacity 0.25s ease 0s; */
}
.chart-zone-detail.shown{
	display: block;
}
.chart-zone .title{
	font-size: 1.111em;
	font-weight:700;
	padding-bottom:5px;
}
.chart-zone-detail .title{
	font-size: 1.111em;
	font-weight: 700;
	border-bottom: 1px solid #0094a4;
	padding-bottom: 10px;
}
.chart-zone-detail .sub-title{
	font-size: 0.889em;
	padding-top: 10px;
}
.chart-zone-detail .backBtnWrap{
	position: absolute;
	left: -150px;
	top: 50%;
	transform: translateY(-50%);
}
.chart-zone-detail .backBtnWrap a{
	display: block;
	color: #fff;
	font-weight: 700;
}
.chart-zone-detail .backBtnWrap .btnBack:before{
	border-color:#ffec4a;
}
.tabWrap {
  display: none;
  opacity: 0;
 transition: opacity 0.25s ease 0s;
}
.tabWrap.shownOp {
  opacity: 1;
}
/*project search*/
#projSearch .searchForm{
	background-color:#fff;
	border-radius:40px;
	position:relative;
	overflow:hidden;	
}
#projSearch .inputWrap{
	width:100%;
	padding:20px 120px 20px 50px;
	width:100%;
}
#projSearch .inputWrap input{
	border:none;
	background:none;
	color:#007758;
	line-height:40px;
	height: 40px;
	width:100%;
}
#btnProjSearch{
	color:#fff!important;
	position:absolute!important;
	right:0;
	top:0;
	display:inline-block;
	width:120px;
	height:80px;
	background-color:#007758;
	text-indent:-9999px;
	transition:background-color .3s ease 0s;
}
#btnProjSearch:hover{ background-color:#157ea4;}
#btnProjSearch:before{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% 100%;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22rgb%28255%2C%20255%2C%20255%29%22%20d%3D%22M17.7%2C19.02c-0.43%2C0-0.84-0.19-1.08-0.52l-2.73-3.2l-0.24%2C0.13c-1.31%2C0.74-2.8%2C1.13-4.32%2C1.13%09c-4.6%2C0-8.35-3.5-8.35-7.8c0-4.3%2C3.75-7.8%2C8.35-7.8c4.6%2C0%2C8.35%2C3.5%2C8.35%2C7.8c0%2C1.69-0.58%2C3.3-1.67%2C4.66l-0.17%2C0.21l2.95%2C3.46%09c0.19%2C0.25%2C0.27%2C0.56%2C0.22%2C0.87c-0.05%2C0.32-0.24%2C0.61-0.53%2C0.8C18.25%2C18.94%2C17.98%2C19.02%2C17.7%2C19.02z%20M9.31%2C3.41%09c-3.16%2C0-5.73%2C2.4-5.73%2C5.35s2.57%2C5.35%2C5.73%2C5.35c3.16%2C0%2C5.73-2.4%2C5.73-5.35S12.47%2C3.41%2C9.31%2C3.41z%22%2F%3E%3C%2Fsvg%3E');
}

/*cross sign style*/
.btnCross{
	position: absolute;;
	right: 10px;
	top: 10px;
	text-indent:-9999px;
	width:40px;
	height:40px;
	display:inline-block;	
}
.btnCross:before, .btnCross:after {
	content:'';
	height:2px;
	width:20px;
	display:block;
	background:#157ea4;
	position:absolute;
	top:50%;
	left:50%;
	transform:rotate(-45deg) translate(-50%, -50%);
	-webkit-transform:rotate(-45deg) translate(-50%, -50%);
	transform-origin:left top;
	-webkit-transform-origin:left top;
	transition:width .3s ease 0s;
}
.btnCross:hover:before, .btnCross:hover:after {
	width:24px;
}
.btnCross:after {
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
}
/*cross sign style ends*/
#footerMain .lastRevDate{ margin-right:40px;}
#animationSwitch{
	display:inline-block;
	text-decoration:underline;
}
#animationSwitch:hover{ text-decoration:none;}

/*footnotes box*/
.fancybox-content {max-width: 80%; font-weight:300;}
.fancybox-content p {margin-bottom: 25px;}
.fancybox-content ol, .fancybox-content ul{margin: 0 0 30px 25px;}
.fancybox-content ul{list-style:disc;}
.fancybox-content ol li, .fancybox-content ul li{padding-left: 10px; margin-bottom: 10px;}
.fancybox-content h2{
	padding: 0;
	font-size: 1.444em;
	line-height:110%;
	color:#136d8e;
	font-weight:500;
	margin: 0 0 20px 0;}
.fancybox-content a{
	color: #0645ad;
    /* border-bottom: 1px solid #0645ad; */
    text-decoration: underline;
    cursor: pointer;
    position: relative;
}@charset "utf-8";
/* Extra large devices (large desktops, 1300px and up)*/
@media screen and (min-width: 2000px) {
}
@media screen and (max-width: 1649.98px) {
	#footerMain .footerLeft .fLeftCont{ 
		display:block;
		padding-left:0;
		margin-top:5px;
	}
	#footerMain .fLeftCont:before{ display:none;}	
}
@media screen and (max-width: 1579.98px) {
	#logoWrap > a .hd{ font-size:0.889em;}
	#logoWrap > a .subhd{ font-size:0.667em; line-height: 16px;}
	#logoWrap span{ line-height:18px;}
	#mainNav > ul > li{ padding:0 10px;}
	#siteTools{ margin:10px -10px 10px 0;}	

}
@media screen and (max-width: 1279.98px) {
/****** common starts******/
#logoWrap > a .subhd{ display: none; }
/****** common ends******/
/****** home starts******/

/****** home ends******/

/*  20220322 by sally */
#content #event-search > .form-row{
	flex-wrap: wrap;
	padding: 25px 50px 25px;
}
#content #event-search > .form-row > .form-col{
	flex: 0 1 100% !important;
}
#content #event-search > .form-row > .form-col:first-child{
	margin-bottom: 20px;
}
#content #event-search > .form-row > .form-col .form-row{
	padding-right: 0;
}

}
@media screen and (min-width: 1200px) and (max-width: 1999.98px) {

}
/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
#insideVisual{
	height:319px;
	max-width:660px;
}	
#visualMain {
	width:528px;
}
#visualMain .imgWrap {
	width:528px;
	height:528px;
}
#visualMain:before, #visualMain:after, #visualMain .imgWrap:before {
	width:616px;
	height:616px;
}
#visualMain:before, #visualMain:after {
	margin-left:-308px;
	margin-top:-308px;
}
.imgCircle{
	width:360px;
	height:360px;
}
.twoColsWrap.access .detailsCol{ font-size: 1.222em; padding: 20px;}
}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
/****** common starts******/
/****** common ends******/
/****** home starts******/
/****** home ends******/
/****** content starts******/
/****** content ends******/
}
@media screen and (min-width: 1100px) {
	html{ overflow-y:scroll!important;}
	#toolLangs{ padding:0!important;}
	#toolLangs .trigger, #toolLangs .subnav .selected{ display:none!important;}
	#toolLangs > .subnav > ul > li{ float:left; margin-left:5px;}
	#toolLangs > .subnav > ul > li:first-child{ margin-left:0;}
	#toolLangs .subnav{ margin-top:-3px;}
	#footerMain .footerRight{ white-space:nowrap;}
	#mobileNavWrap, #mBgLayer {
		display:none !important;
	}		
	.fixed #siteTools{ margin:0px -10px 0px 0;}		
	html{ overflow:auto!important;}
	#toolSearch .searchForm{
		display:none;
		vertical-align:top;
		max-width:0;
		overflow:hidden;
		transition:max-width;
	}
	#toolSearch.active .searchForm{
		display: inline-block;
	}
	#toolSearch .searchForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: rgba(255,255,255,.5);
	}
	#toolSearch.active .searchForm{ max-width:300px;}
	#toolSearch .searchForm form .inputWrap{ border-bottom:1px solid #b7b7b7;}
	/* 3 lines with ... */
	/* #whatsnewSwiper .newsItemGrp .newsItem .details .intro, #whatsnewSwiper .newsItemGrp .newsItem .details a .hd  { */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* -webkit-box-orient: vertical; */
	/* } */
	/* #whatsnewSwiper .newsItemGrp .newsItem  .details .intro{ */
	/* -webkit-line-clamp: 3; */
	/* max-height: 96px; */
	/* } */
	/* #whatsnewSwiper .newsItemGrp .newsItem .details a .hd  { */
	/* -webkit-line-clamp: 2; */
	/* max-height: 48px; */
	/* } */
}
@media screen and (max-width: 1099.98px) {	
	#toolSearch .searchForm{
		z-index:2000;
		background-color:#fff;
		position:fixed;
		width:100%;
		top:0;
		left: 0;
	}
	#toolSearch .searchForm form{
		width:70%;
		margin:0 auto;
	}
	#toolSearch .searchForm form .inputWrap{ padding: 15px 0 20px;}
	#toolSearch .searchForm form .inputWrap input{
		border-bottom:1px solid #157ea4;
		height:40px;
		color:inherit;
	}
	#toolSearch .searchForm form .inputWrap input::placeholder {
		opacity: 1;
		color:#000;
	}	
	#searchClose_m { display:block;}	
	#toolSearch .searchForm .btnSearch:before{ border-color:#035676;}
	#toolSearch .searchForm .btnSearch:hover:before, #toolSearch .searchForm .btnSearch:focus:before {
		border-color:#008671;
	}
	#toolSearch .searchForm form .inputWrap input:focus{ border-bottom:1px solid #035676; }
	#siteTools > ul > li.hasSubnav > .subnav {
		position: absolute;
		left: 50%;
		transform:translateX(-50%);
		-wetransform:translateX(-50%);
		top: 100%;
		background-color:#03325c;
		transition:padding .3s ease 0s;
		-webkit-transition:padding .3s ease 0s;
		border-radius:45px;
	}
	#siteTools > ul > li.hasSubnav > .subnav > ul {
		margin:0 6px;
		max-height: 0;
		text-align:left;
		overflow: hidden;
		transition:max-height .3s ease 0s;
		-webkit-transition:max-height .3s ease 0s;
	}
	#siteTools > ul > li.hasSubnav:hover > .subnav > ul, #siteTools > ul > li.hasSubnav.active > .subnav > ul, #siteTools > ul > li.hasSubnav.focused > .subnav > ul {
		max-height:200px;
	}
	#siteTools > ul > li.hasSubnav > .subnav > ul > li:last-child{ margin-bottom:6px;}
	#siteTools > ul > li.hasSubnav > .subnav > ul > li{ margin-top:6px;}

	#wrapperInner{ padding-top: 80px; }
	#mainNavWrap{ display:none;}
	#toolMobile{ display:inline-block!important;}
	#toolFontsize,#toolContact, #toolITCFAS{ display:none!important;}
	#siteTools{ margin-right:0!important;}	
	#siteTools > ul > li{ line-height:40px;}
	#siteTools > ul > li > a.trigger{ width:40px; height:40px; background-size:30px 30px;}
	#logoITC{ padding-right: 0; }
	#logoITC img{ height:44px!important;}
	#logoITC .hdcell{ display: none; }
	#logoITF img{ height:60px;}
	#footerMain, #footerMain > div{ display:block;}
	#footerMain .footerRight{ margin-top:20px;}
	
	/*content*/
	.fundingItems .item, .pgrmsWrap .pgrmItem{
		flex:1 calc((99%/2) - 20px);
		max-width:calc((99% - 40px) / 2);
		width:calc((99% - 40px) / 2);
	}
	#fundSuggestions .fundingItems, .fundingItems.pgrmsSub{
		width: calc(100% + 30px);
		margin-left: -15px;
	}
	#fundSuggestions .fundingItems .item, .fundingItems.pgrmsSub .item{
		flex:1 calc((99%/2) - 30px);
		margin:0 15px 30px;
		max-width:calc((99% - 60px) / 2);
		width:calc((99% - 60px) / 2);
	}
	#statDetail .rowItem .dirWrap .dirProg{ width:calc(100% - 330px);}
	#statDetail .rowItem .dirWrap .dirProj{ width:150px;}
	#statDetail .rowItem .dirWrap .dirFund{ width:180px;}
	#statDetail .rowItem.dirHead .dirWrap .dirFund span{ margin-left:0px; display: block;}
	
	.PubItems .item, .pgrmsWrap .pgrmItem{
		flex:1 calc((99%/2) - 20px);
		max-width:calc((99% - 40px) / 2);
		width:calc((99% - 40px) / 2);
	}
	
	/*  20220322 by sally */
	#content #event-calendar{
		flex-wrap: wrap;
		justify-content: center;
	}
	#content #event-calendar #calendar-wrap{
		flex: 0 1 100%;
		min-width: 0;
		max-width: 500px;
	}
	#content #event-calendar #list-view-wrap{
		flex: 0 1 100%;
		padding-left: 0;
		height: 400px;
		margin-top: 30px;
	}
	#content #event-calendar #list-view-wrap #event-list{
		width: 100%;
	}
	#content #event-search > .form-row > .form-col .form-col{
		flex: 0 1 100%;
		min-width: 0;
	}
	#content #event-search > .form-row > .form-col .form-col:nth-child(even) label{
		padding-left: 0;
	}
	#content #search-result a{
		flex: 0 1 48%;
		min-width: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
		margin-left: 20px !important;
		margin-bottom: 20px;
	}
	#content #search-result a:first-child,
	#content #search-result a:nth-child(2n+1){
		margin-left: 0 !important;
	}
	.threeTxtBlks{ display: block; }	
	.threeTxtBlks > div{ width: 100%!important; margin-right: 0!important;}
	.threeTxtBlks > ul.shortCut > li{width:100%; float:none;}
	
}
/* Large devices (Desktops, 995px and up) */
@media screen and (min-width: 992px) {
/****** common starts******/
/****** common ends******/
/****** home starts******/
/****** home ends******/
/****** content starts******/
/****** content ends******/	

/*  20220322 by sally */
#content #search-result a:first-child,
#content #search-result a:nth-child(3n+1){
	margin-left: 0;
}



}
/* Medium devices (Tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
/****** common starts******/
#wrapperInner{ padding-top: 80px; }
.chart-zone-detail .backBtnWrap{ left: -80px; }
/****** common ends******/
/****** home starts******/
/****** home ends******/
/****** content starts******/
#secTitleWrap{
	min-width:inherit;
	padding:30px 100px 30px 40px;
	margin-left:-20px;
}
#secTitleWrap::after{ width:40px; height:40px;}
#breadcrumbWrap{ padding:0 20px;}
#breadcrumb{ padding:15px 0 10px;}
#tabListWrap{ text-align:center;}
#tabListWrap ul li span{ padding:8px 20px;}
.imgCircle{
	width:260px;
	height:260px;
}
.twoColsWrap{ display: block; }
.twoColsWrap > div{ width: 100%;}
.formItemWrap .formTable .coordinatorWrap .infoInputs > div{ width:calc((99.99% - 10px)/2); }
.formItemWrap .formTable .fromtoInputs .fromtoItem{ width:calc((99.99% - 10px)/2); }
.formItemWrap .formTable .fromtoInputs .fromtoItem > div > input{ width: 100%; }
.formItemWrap .formTable .fromtoInputs .fromtoItem > div{display: block;}
#content .fileLink{
	line-height: 24px;
	padding-left:34px; 
}
#content .fileLink:before{
	width: 26px;
	height: 26px;
}
/*css for showing shadow to indicate that table is scrollable*/
	/* #content .tableResponsive table{margin-bottom:0;} */
	.tableResponsive.addScrollShadow table{
		border-collapse: collapse;
			border-spacing: 0;
			display: inline-block;
			max-width: 100%;
			overflow-x: auto;
			vertical-align: top;
		 /* white-space: nowrap;*/
		-webkit-overflow-scrolling: touch;
	}
	.tableResponsive.addScrollShadow{ margin-bottom:20px; overflow-x:inherit;}
	.tableResponsive.addScrollShadow table{
		z-index: 5;
		position: relative;
	}
	.tableResponsive.addScrollShadow{
		position: relative;
	}
	.tableResponsive.addScrollShadow:before{
		position: absolute;
		content: '';
		width: 30px;
		height: 100%;
		left: 0;
		bottom: 0;
		background: radial-gradient(at left 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		background: -webkit-radial-gradient(at left 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		background: -ms-radial-gradient(at left 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		z-index: 1;
		opacity: 0;
	}
	.tableResponsive.scrollLeft:before{
		z-index: 6;
		opacity: 1;
	}
	.tableResponsive.addScrollShadow:after{
		position: absolute;
		content: '';
		width: 30px;
		height: 100%;
		right: 0;
		bottom: 0;
		background: radial-gradient(at right 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		background: -webkit-radial-gradient(at right 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		background: -ms-radial-gradient(at right 50%, rgba(0,119,87,0.3) 0%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
		z-index: 1;
		opacity: 0;
	}
	.tableResponsive.scrollRight:after{
		z-index: 6;
		opacity: 1;
	}
	/*table shadow ends*/
.twoTxtBlks{ display: block; }	
.twoTxtBlks > div{ width: 100%!important; margin-right: 0!important;}

.twoTxtBlks > ul.shortCut > li{width:100%; float:none;}

#portfoList .item .details table th{ width: 170px; }
#portfoList .item .logo .imgWrap{
	width:202px;
}
#portfoList .item .details{
	width:calc(100% - 202px);
	padding-left: 20px;
}
.govSearchFormWrap{ margin-bottom:10px;}
.govSearchFormWrap .sortWrap{ float:none; width:100%; text-align:left; margin-top:20px;}
.advertorials{margin: 0 10px 10px 0; flex-shrink: 0; flex-grow: 1; width: 320px;}
/****** content ends******/	
}
/*Between Tablets and Mobile */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
/****** common starts******/

/****** common ends******/
/****** home starts******/

/****** home ends******/
/****** content starts******/

/****** content ends******/
}
@media screen and (min-width: 768px) {
/****** common starts******/
#fundGuideWrap .guideLists .guideName{ padding-right:10px;}
/****** content ends******/
}
/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
/****** common starts******/
body {
	font-size:16px;
}
/*html * {
	line-height:22px;
}*/
#wrapperInner{ padding-top: 72px; }
.chart-zone-detail .btnBack{
	padding-left:0;
}

.chart-zone-detail .chart-summary{
	top: calc(50% - 12px);
}

.chart-zone-detail .backBtnWrap{ 
	width: 100%;
	left:0;
	padding-left:0;
    text-align: center;
	position:relative;
	
}
.chart-zone-detail .backBtnWrap .btnBack:before{ 
    width: 14px;
    height: 14px;
	left: 40%;
}
.chart-zone-detail .legend-wrap{
	margin-top: 20px;
}

.chart-zone-detail .title, .chart-zone-detail .sub-title{
	font-size: 0.8em;
	line-height: 1.2em;
}
.chart-zone-detail .chart-summary > div div.t-num{
	font-size: 1.2em;
}
.chart-zone-detail .title{padding-bottom:5px;}
.chart-zone-detail .sub-title{padding-top:5px;}
.chart-zone-detail .chart-summary > div div.t-num{padding-top:5px}

#logoWrap{ max-width:calc(100% - 136px);}
#headerZone .headerWrap{ padding:10px 20px;}
#topNavWrap{ padding-left:0; width:136px; flex:auto;}
#logoITF img{ height:50px!important;}
#logoITC img {
	height:36px!important;
}
#logoWrap > a .hd{ font-size:.78em!important; line-height:1.1em;}
#siteTools > ul > li{ line-height:30px; padding:0 5px!important;;}
#siteTools > ul > li > a.trigger{ width:30px; height:30px; background-size:24px 24px;}
#mmenuCtrl {
	height: 32px;
	width: 32px;
}
#mmenuCtrl span, #mmenuCtrl span:before, #mmenuCtrl span:after{ width:26px;}
#footerMainWrap{ padding:20px;}
#footerNav{ margin-bottom:5px;}
.swiperWrap .swiper-arrow {
	width:40px;
	height:30px;
}
.swiperWrap .swiper-arrow span {
	width:20px;
	height:20px;
}
.chart-summary > div{ padding:20px;}
.chart-zone .title{ font-size:1em; line-height: 20px;}
.chart-summary > div div.t-num{ font-size:1.625em;}
.chartjs-tooltip{
    position: absolute;
    right: 0!important;
    left: 0!important;
    /* top: 1920px!important; */
    width: calc(100% - 40px);
    margin: 20px;
	/* display: none!important; */
}
.chartjs-tooltip:before{display:none;}
.chart-zone{
	/* display: block!important; */
	/* opacity: 1!important; */
}
.legend{
	text-align: left;
}
.legend>li{
	display: list-item;
}
.legend>li > span{ line-height: 16px;}
.legend>li > span:first-child{
	top: 0;
	width: 12px;
	height: 12px;
}
.legend-wrap{ text-align: center; }
.legend-wrap .legend{ display: inline-block; }
#projSearchBox #projSearchMain{/* padding:20px 0 0;*/}
#projSearch .btnWrap{ text-align:center;}
#projSearch .inputWrap{
	width:100%;
	padding:10px 80px 10px 30px;
	width:100%;
}
#projSearchMain .btnWrap.advSearch{ margin-top: 30px; }
#btnProjSearch{
	width:80px;
	height:60px;
}
#btnProjSearch:before{ width:30px; height:30px;}
/****** common ends******/
/****** home starts******/
/****** home ends******/
/****** content starts******/
#breadcrumb ul li{line-height: 18px; }
#breadcrumb ul li > a, #breadcrumb ul li.cur_page span{ line-height: inherit; }
#tabListWrap ul li span{ padding:8px 16px;}
#content h1, .h1_headline{ font-size: 1.875em; margin-bottom: 20px;}
.h1_headline{ margin-top: 30px; }
#contentWrap{ padding:40px 20px 170px;}
#insideVisual{
	height:200px;
	max-width:400px;
	padding-top: 25px;
}
#insideVisualWrap{ max-width: 420px }
#visualMain {
	width:317px;
}
#visualMain .imgWrap {
	width:318px;
	height:318px;
}
#visualMain:before, #visualMain:after, #visualMain .imgWrap:before {
	width:370px;
	height:370px;
}
#visualMain:before, #visualMain:after {
	margin-left:-185px;
	margin-top:-185px;
}
#secTitleWrap{
	padding:20px 68px 20px 20px;
}
#secTitleWrap:after{ width:30px; height:30px; right:20px;}
.accordionItem .accordionTitle a{ padding:15px 48px 15px 25px;}
.accordionItem .accordionTitle a:before, .accordionItem .accordionTitle a:after{ right:25px;}
#fiveFundings .accordionItem .accordionTitle a:before, #fiveFundings .accordionItem .accordionTitle a:after, #itfStats .accordionItem .accordionTitle a:before, #itfStats .accordionItem .accordionTitle a:after{ right:28px;}
.accordionItem .accordionContent .accordionMain{ padding:20px;}
.fundingItems, .pgrmsWrap{ display:block; width:100%!important; margin-left:0!important;}
.fundingItems .item, .pgrmsWrap .pgrmItem{
	flex:auto;
	width:100%!important;
	margin:0 0 30px!important;
	max-width:inherit!important;
}
.PubItems, .pgrmsWrap{ display:block; width:100%!important; margin-left:0!important;}
.PubItems .item, .pgrmsWrap .pgrmItem{
	flex:auto;
	width:100%!important;
	margin:0 0 30px!important;
	max-width:inherit!important;
}
#qnaList.accordionWrap .accordionItem .accordionTitle a{ padding: 15px 40px 15px 60px; }
.imgCircle.f_right{ float: none; margin:0 auto 20px; }
.contactBox{ padding: 30px 20px 20px; }
.contactBox ul li{
	line-height: 30px;
	background-size: 24px 24px;
	margin:0 10px;
	padding-left: 34px!important;
	font-size: 1.125em;
}
#content table thead th{ font-size:1.250em; padding:15px; }
#searchResultTbl tbody tr td a.rowlink > span{ padding:12px 15px; }

#searchResultTbl th.p_ref{min-width: 180px; width: 180px;}
#searchResultTbl th.p_title{min-width: 150px; width: 150px;}
#searchResultTbl th.p_coord{min-width: 150px; width: 150px;}
#searchResultTbl th.p_fund{min-width: 150px; width: 150px;}

#searchResultTbl tbody tr td a > span.refno{min-width: 180px; width: 180px;}
#searchResultTbl tbody tr td a > span.title{min-width: 150px; width: 150px;}
#searchResultTbl tbody tr td a > span.lead{min-width: 150px; width: 150px;}
#searchResultTbl tbody tr td a > span.fund{min-width: 150px; width: 150px;}

#searchResultTbl th.p_ref.TSSSU{min-width: 180px;}
#searchResultTbl th.p_fund.TSSSU{min-width: 170px;}
#searchResultTbl tbody tr td a > span.refno.TSSSU{min-width: 180px;}
#searchResultTbl tbody tr td a > span.fund.TSSSU{min-width: 170px;}

#content table td{ padding:12px 15px; }
#fundGuideWrap .guideItem .pgrmName{ font-size:1.250em; padding:12px 20px;line-height:1.2em;}
#fundGuideWrap .guideLists{ padding:0 10px; }
#fundGuideWrap .guideLists .guide{ padding:15px 96px 15px 10px;}
#fundGuideWrap .guideLists .guide > .guideCur{ min-width: 90px;}
#fundGuideWrap .guideLists .guide > .guideCur a.file{ padding-left:28px; }
#fundGuideWrap .guideLists .guide > .guideCur a.file:before{
	/*top:0;
	transform:translateX(-50%);
	left:50%;*/
	width:24px;
	height: 24px; 
}
.tblToBlkStyle thead{ display:none;}
.tblToBlkStyle table{ border-top:4px solid #157ea4;}
.tblToBlkStyle table{ border-radius:0!important;}
.tblToBlkStyle table, .tblToBlkStyle tbody, .tblToBlkStyle tr, .tblToBlkStyle td{ display:block; width:100%;}
.tblToBlkStyle tr{ border-bottom:1px solid rgba(60,195,194,.5);}
#content .tblToBlkStyle table td{ padding:8px 15px;}
.tblToBlkStyle table tbody > tr > td{ border:none!important;}
.tblToBlkStyle table tbody > tr > td:first-child{ padding-top:20px!important;}
.tblToBlkStyle table tbody > tr > td:last-child{ padding-bottom:20px!important;}
#itfStats .chart-zone{ margin:0 auto; }
#itfStats .chart-inner{
	/*width: calc(100% + 40px);*/
	/*margin-top: -20px;
	margin-left:-20px;
	max-width:inherit;*/
}
.btnTxtVer{ top: 10px;}
.formItemWrap .formTable .inputWrap > label, .formItemWrap .formTable .inputWrap > input, .formItemWrap .formTable .inputWrap .selectWrap, .formItemWrap .formTable .inputWrap .coordinatorWrap, .formItemWrap .formTable .inputWrap .fromtoInputs, .formItemWrap .formTable .inputWrap > label, .formItemWrap .formTable .inputWrap > span.labelTxt{
		width: 100%!important;
		display:block;
		float:none;
	}	
.formItemWrap .formTable .formRow.col-2 > div{ padding:10px 0 0 0!important; display:block; width:100%;}
.formItemWrap .formTable .formRow:first-child > div{ padding-top:10px!important;}
.formItemWrap .formTable .formRow:first-child > div:first-child{ padding-top:0px!important;}
.formItemWrap .formTable .fromtoInputs .fromtoItem > label{ line-height: inherit; }	
#advSearchForm .btnWrap > a{
	padding: 10px 20px 12px 45px;
	margin-right: 10px;
}
#advSearchForm .btnWrap > a:before{
	width: 22px;
	height: 22px;
	left: 15px;
}
#content table thead th{ font-size: 1.083em; line-height: 1.2em;}
#fiveFundings .accordionItem .accordionTitle a:before, #fiveFundings .accordionItem .accordionTitle a:after, #itfStats .accordionItem .accordionTitle a:before, #itfStats .accordionItem .accordionTitle a:after{
	height:20px;
	width:3px;
	margin-top: -12px;
}
.accordionItem .accordionTitle a{ font-size: 1.250em; }
#content .btnWrap .btn_common{
	padding: 14px 25px;
	line-height: 22px;
}
.btnLink{ padding-right:50px!important; }
#secTitle{ font-size: 1.5em; }
#resultsFoundWrap, #resultsFoundWrap > .resultWrap{ display: block; }
#resultsFoundWrap > .resultWrap{ padding: 60px 0 0; height:auto; }
#triggerSearchBox{ transform: none; top: 0; bottom: inherit; }
#resultsFoundWrap.searchAgain .resultWrap{ padding: 0 0 0 15px; }
#resultsFoundWrap > .resultWrap{ padding-left: 15px; }
#enquiryDirectory .rowItem .dirWrap{ display:block;}
#enquiryDirectory .rowItem .dirWrap > div{ width:100%!important; }
#enquiryDirectory .rowItem .dirWrap > div:not(.dirChannel){ padding:5px 15px 0;}
#enquiryDirectory .rowItem.dirHead{ padding:0; border-top:4px solid #157ea4; border-radius:0;}
#enquiryDirectory .rowItem.dirHead .dirWrap{ display:none;}
#enquiryDirectory .rowItem .dirWrap.sub .dirChannel{ padding-left:15px; padding-top:15px;}
#enquiryDirectory .mobile{ display:inline; padding-right:10px;}

#coinvestment .rowItem .dirWrap{ display:block;}
#coinvestment .rowItem .dirWrap > div{ width:100%!important; }
#coinvestment .rowItem .dirWrap > div:not(.dirChannel){ padding:5px 15px 0;}
#coinvestment .rowItem.dirHead{ padding:0; border-top:4px solid #157ea4; border-radius:0;}
#coinvestment .rowItem.dirHead .dirWrap{ display:none;}
#coinvestment .rowItem .dirWrap.sub .dirChannel{ padding-left:15px; padding-top:15px;}
#coinvestment .mobile{ display:inline; padding-right:10px;}

#statDetail .rowItem .dirWrap{ display:block;}
#statDetail .rowItem .dirWrap > div{ width:100%!important; }
#statDetail .rowItem .dirWrap > div:not(.dirProg){ padding:5px 15px 0;}
#statDetail .rowItem.dirHead{ padding:0; border-top:4px solid #157ea4; border-radius:0;}
#statDetail .rowItem.dirHead .dirWrap{ display:none;}
#statDetail .rowItem .dirWrap .dirProg{ font-weight: 500;}
#statDetail .rowItem .dirWrap.sub .dirProg{ padding-left:15px; padding-top:15px;}
#statDetail .mobile{ display:inline; padding-right:10px;}

#statDetail .statsTbl thead tr:first-child th:first-child{min-width: 160px;}

.pageGoWrap{ position:relative;}
.pagenav{ padding:0 0 10px;}
.hide_m{ display:none!important; }

.pagenav a, .pageGoWrap .btnGo{ width:32px; height:32px;}
.pagenav a span, .pageGoWrap .btnGo span{ line-height:32px;}
.pageGoWrap label{ line-height:32px;}
.pageGoWrap input#pageGoInput{ height:32px;}
.pagenav .first:before{margin-left: -2px;}
.pagenav .first:after{ left:9px;}
.pagenav .last:before{ margin-left:-11px;}
.pagenav .last:after{ right:10px;}
.twoColsWrap .detailsCol:nth-of-type(1){ padding-bottom: 0; }
.contactBox .addr{ padding-top: 20px; }

#itfStats .tabMenu ul li{ margin: 0 2px 0 0; }
#itfStats .tabMenu ul li:last-child{ margin:0; }
#itfStats .tabMenu ul li a{ padding:10px 5px; }

#content .searchForm .btnWrap{ min-width: 280px; }
#content .searchForm .btnWrap > a{ padding:10px 25px 10px 50px; }
#content .searchForm .btnWrap > a:before{ width: 24px; height: 24px; }

#portfoList .item{ display: block; padding-bottom: 20px; margin-bottom: 20px; }
#portfoList .item > div{ width: 100%!important; }
#portfoList .item .details{ padding:20px 0 0;  }
#portfoList .item .details table th{  }

#projectProfile table tbody th, #projectProfile table td{padding: 12px 10px;}

#universityEnquiry thead{display:none;}
#universityEnquiry tbody tr:first-child {border-top: 4px solid #157ea4;}
#universityEnquiry tbody tr{display:block; width:100%; border-bottom: 1px solid rgba(60,195,194,.5);}
#universityEnquiry tbody > tr > td{display:inline-block; width:100%; border-bottom:0 !important;}

#govSearchForm{ display:block;}
#govSearchForm .inputWrap{ width:100%;}
#content .paging .pageBtn.d-none{
	display: none!important;
}

/* 20220322 by sally */
#content .btn-wrap a.back-btn{ padding-left: 40px; }
#content .btn-wrap a.back-btn:before{
	width: 30px;
    height: 30px;
	margin-top: -15px;
}
#content .btn-wrap a.back-btn:after{
	width: 10px;
    height: 10px;
	left: 12px;
    margin-top: -5px;
}
#content #event-calendar #calendar-wrap .ui-datepicker{
	padding-bottom: 50px;
}
#content #event-calendar #calendar-wrap .ui-datepicker-calendar td.hasEvent:before{
	width: 76.03%;
    padding-top: 76.03%;
	margin-left: -36%;
}
.mCSB_inside > .mCSB_container{
	margin-right: 35px;
}
#content #event-calendar #list-view-wrap{
	height: 300px;
}
#content #event-calendar #list-view-wrap .list-item{
	padding: 20px 15px;
}
#content #event-calendar{
	margin-bottom: 45px;
}
#content #event-search h2 span{
	padding: 12px 20px 11px;
    border-radius: 20px 20px 0 0;
}
#content #event-search > .form-row{
	padding: 15px 20px 15px;
	border-radius: 0 0 20px 20px;
}
#content #event-search #event-search-btn{
	max-width: 140px;
    padding: 10px 30px 10px 55px;
	background-size: 20px 20px;
}
#content #search-result a{
	min-width: calc((100% - 10px) / 2);
    margin-left: 10px !important;
    margin-bottom: 10px;
	border-radius: 20px;
	padding: 20px 20px 45px;
}
#content #search-result a{
	font-size: 1.222em;
}
#searchResultZone .resultWrap .pos{ min-width:30px;}
/****** content ends******/
}
@media screen and (max-width: 650px) { 
/* 20220322 by sally */
#content #search-result a{
	flex: 0 1 100%;
	min-width: 0;
	max-width: none;
	margin-left: 0 !important;
}
#content #event-search > .form-row > .form-col .form-col label{
	width: 100%;
	margin-bottom: 5px;
}
#content #event-search input, #content #event-search .jcf-select{
	max-width: none;
}
#content #event-search input.date-picker{
	max-width: calc((100% - 44px) / 2);
}

}


@media screen and (max-width: 540px) { 
/* 20220322 by sally */
#content #event-calendar #calendar-wrap .ui-datepicker-calendar tbody tr:first-child td{
	padding-top: 13px;
}
#content #event-calendar #calendar-wrap .ui-datepicker-calendar td.hasEvent:before{
	bottom: auto;
    top: 50%;
    margin-top: -36%;
}
}



@media screen and (max-width: 575.98px) { 
	#logoWrap > a .hd, #logoWrap > a .subhd{ display:none;}
	#logoWrap > a .hd_m{ display:block;}
	#fundGuideWrap .guideLists .guide{ padding:15px 10px 15px 10px;}
	#fundGuideWrap .guideLists .guide > .guideCur{ position:initial; display:inline-block; padding:5px 0;}
	#content #event-calendar #calendar-wrap .ui-datepicker-title .jcf-select, #calendar-wrap select.ui-datepicker-month, #calendar-wrap select.ui-datepicker-year, #content #event-calendar #calendar-wrap .ui-datepicker-title .jcf-select.jcf-select-ui-datepicker-year{
		width: 120px;
	}
}
@media screen and (max-width: 400px) {
	#content .btnWrap .btnGSPEvent{padding: 6px 30px;}
	#content #event-calendar #calendar-wrap .ui-datepicker-title .jcf-select, #calendar-wrap select.ui-datepicker-month, #calendar-wrap select.ui-datepicker-year, #content #event-calendar #calendar-wrap .ui-datepicker-title .jcf-select.jcf-select-ui-datepicker-year{
		width: 100px;
	}
	#content #event-calendar #calendar-wrap .ui-datepicker .ui-datepicker-next{
		right: 16px;
	}
	#content #event-calendar #calendar-wrap .ui-datepicker .ui-datepicker-prev{
		left: 16px;
	}
}
@media screen and (max-width: 359.98px) {
	#logoWrap > a .hd, #logoWrap > a .hd_m{ display:none!important;}
	/*tooltips box*/
	.fancybox-content {max-width: 300px;}
	#projSearchBox{ padding:25px 15px;}
	#content .searchForm .btnWrap{ min-width:100%;}
	#content .searchForm .btnWrap > a{ padding:8px 15px 8px 40px; margin-right:8px;}
	#content .searchForm .btnWrap > a:before { width:20px; height:20px; left:15px;}

}