#mainZone {
  /*overflow: inherit;*/
}
#contentWrap {
  /* background-color: #fdfdfd; */
}
/*#contentZone {
  background-color: #fff;
}*/

#content {
  line-height: 1.556em;
  position: relative;
}

#content a {
  text-decoration: underline;
}

#content a:hover {
  text-decoration: none;
}

#content h2,
#content h3,
#content h4,
#content h5 {
  margin: 0 0 20px 0;
  font-weight: 400;
  line-height: 1.2;
}

#content h2 {
  padding: 0;
  color: #c81d20;
  font-size: 1.556em;
}
#content table ~ h2{ margin-top:50px;}
#content h3 {
  color: #783107;
  font-size: 1.333em;
  margin: 0 0 20px 0;
}

#content h4 {
  color: #347a09;
  font-size: 1.222em;
}

#content h5 {
  color: #487f78;
  font-size: 1em;
}

#content img {
  max-width: 100%;
  height: auto;
}

#content p {
  margin-bottom: 30px;
}

.mb_10{ margin-bottom: 0.25rem !important;}

#content p.note {
  font-weight: 600;
  margin-bottom: 15px;
}

#content p.stxt {
  font-weight: 400;
  font-size: 0.750em;
}

#content hr {
  line-height: 0;
  font-size: 0;
  margin: 55px 0;
  height: 1px;
  width: 100%;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

#content ul {
  margin: 0 0 30px;
}

#content ul.noBullet {
  margin-left: 0;
}

#content ul.noBullet li {
  padding-left: 0;
}

#content ul.noBullet li:before {
  display: none;
}

#content ul li {
  padding-left: 24px;
  margin-bottom: 10px;
  position: relative;
}

#content ul>li:before,
#content ol>li>ul>li:before {
  content: '';
  position: absolute;
  top: .55em;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #38baa9;
  z-index: 50;
}

#content ol>li>ul>li:before {
  left: 5px;
}

#content ul li ul,
#content ol li ul {
  margin: 10px 0;
}

#content ul li ul li {
  padding-left: 20px;
}

#content ul>li>ul>li:before,
#content ul>li>ol>li>ul>li:before {
  height: 2px;
  width: 8px;
  top: .75em;
  left: 2px;
  transform: rotate(0);
  background-color: #ae0b0b;
  border-radius: 0px;
}

#content ul>li>ul>li>ul>li:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: .6em;
  border: 2px solid #487f78;
  background-color:  transparent;
}

#content ul>li>ul>li>ul>li>ul>li:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 5px;
  top: .7em;
  border: none;
  background-color:  #000;
}

#content ul>li>ul>li>ul>li>ul>li>ul>li:before {
  height: 2px;
  border-radius: 0;
  top: .75em;
}

#content ol {
  list-style: decimal;
  margin: 0 0 30px 25px;
}

#content ol.lowerAlpha,
#content ol[type='a'] {
  list-style-type: lower-alpha;
}

#content ol.upperAlpha {
  list-style-type: upper-alpha;
}

#content ol.lowerRoman {
  list-style-type: lower-roman;
}

#content ol.upperRoman {
  list-style-type: upper-roman;
}

#content ol p {
  margin-bottom: 15px;
}

#content ol li {
  padding-left: 10px;
  margin-bottom: 10px;
}

#content ol li ol,
#content ul li ol {
  margin: 10px 0 10px 24px;
}

#content ol>li>ol>li {
  padding-left: 5px;
}

#content ol>li>ul>li {
  padding-left: 22px;
}

#content ol li ol li ol li {
  padding-left: 5px;
}

#content div.respTblWrap {
  clear: both;
  margin-bottom: 40px;
  position: relative;
}

#content div.respTblWrap>div {
  overflow-x: auto;
  width: 100%;
}

#content div.respTblWrap table {
  margin: 0;
  width: 100%;
}

#content div.respTblWrap table th {}

#content table.noStyle {
  border: none;
  width: auto;
}
#content table.noStyle td,
#content table.noStyle th {
  border: 0;
  background: transparent;
  padding: 0 5px 5px 0;
  vertical-align: top;
}

#content table.noStyle tr>td:first-child {
  padding-left: inherit;
}
#content table.noStyle th {
  color: inherit;
  /*font-weight: normal;  */
}
#content table {
  /* width: 100%; */
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 30px;
  padding: 0;
}
#content table tbody tr:last-child th,
#content table tbody tr:last-child td {
  border-bottom: none;
}
#content table tbody th, #content table tbody td{
  padding: 10px 15px;
  vertical-align: top;
}
#content table tbody th{  
  font-weight: 600;
  text-align: left;
  color: #487f78;
}

/*styleTable*/
#content table.styleTable {
	width: 100%;
  border-bottom: 2px solid #38baa9;
}
#content table.styleTable thead th {
  vertical-align: top;
  text-align: left;
  font-size: 1.111em;
  font-weight: 600;
  background-color: #487f78;
  color: #fff;
  padding: 10px 15px;
}
#content table.styleTable tbody th,
#content table.styleTable tbody td {
  border-bottom: 1px solid #c6d7d5;
}
#content table.styleTable tbody td.subthead{ color: #487f78; font-weight: 600; }
#content table.styleTable tbody td.subthead.bgcolor{ color: #7D6D0F;}
#content table.normalTable {
  width: 100%;
  border-top: 1px solid #c6d7d5;
  border-bottom: 1px solid #c6d7d5;
}

#content table.normalTable th {
  background: none;  
  text-align: left;
}

#content table.normalTable th,
#content table.normalTable td {
  padding: 5px 10px;
  border-bottom: 1px solid #c6d7d5;
}
#content table.normalTable th {
  font-weight: 600;
  color: #fff;
  background-color: #487f78;
}

#content .btn_common {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 8px 6px 8px 24px;
  border-radius: 24px;
  line-height: 20px;
  color: #fff !important;
  font-weight: 600;
}

#content .btn_common:before {
  content: '';
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #058752;
  transform: skewX(-30deg);
  transition: background-color 0.3s ease 0s;
}

#content .btn_common span {
  position: relative;
  z-index: 100;
  transition: color 0.3s ease 0s;
}

#content .btn_common:hover:before {
  background-color: #03563e;
}

#content table+p.remarks {
  margin-top: -15px;
}

#content .remarks {
  font-size: 0.778em;
  color: #6e6e6e;
}
#divSelectedYear{ line-height:44px!important;}
#whatsonYears{ float: right; }
#whatsonYears .custom-select{ min-width: 120px; }
#whatsonYears .selectWrap{
	display:flex;
}
#whatsonYears .btn-filter{
	display:block;
	text-align:center;
	color:#333;
	text-decoration:none;
	background-color:#e5d3bd;
	border-radius:50%;
	position:relative;
	width:44px;
	height:44px;
	line-height:44px;
	margin-left:10px;
	transition: background-color 0.5s ease 0s;
}
#whatsonYears .btn-filter:hover,
#whatsonYears .btn-filter.focus,
#whatsonYears .btn-filter:hover:after,
#whatsonYears .btn-filter.focus:after {
  background-color: #38baa9;
}
/* custom-select css, The container must be positioned relative: */
.custom-select {
  position: relative;
  /* font-family: Arial;*/
  min-width: 100px;
}

.custom-select select {
  display: none;
  /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  display: block;
  border: 1px solid #487f78;
  border-left-width: 0;
  border-top-width: 0;
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

/* style the items (options), including the selected item: */
.select-selected {
  border: 2px solid #9cd3cd;
  padding: 6px 25px 6px 8px;
  cursor: pointer;
  background-color: #fff;
	text-align:center;
}

.select-selected:hover,
.select-selected:focus {}

.select-items div {
  /*color: #ffffff;*/
  cursor: pointer;
}

.select-items div {
  padding: 8px;
  text-align: center;
  background: transparent;
  transition: background .3s ease 0s;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.select-items div:first-child {
  border-top: none;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f4f4f4;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 300px;
  overflow-y: auto;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*custom select ends*/

.hr {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .1);
}

#content a {
  color: #487f78;
}

#content a:hover {

}

.threeCols .item:first-child {
  margin-left: 0;
}

.f_right_img {
  float: right;
  margin: 0 0 30px 30px;
  line-height: 0;
 
}

.f_right_img img{
   box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.2);
}

.f_right_img.caption{
  line-height: 1.2em; 
}
.f_right_img.caption .caption{ display: block; font-size: 0.778em; padding-top: 10px; text-align: center; }
table th.date {
  min-width: 112px;
/*  width: 200px;*/
}

.fileLink {
  position: relative;
  display: inline-block;
  padding: 6px 20px 6px 60px;
  text-decoration: none !important;
}

.fileLink.link {
  padding: 6px 20px 6px 40px;
}

.fileLink:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #c81d20;
  transform: skewX(-30deg);
  transition: background-color .3s ease 0s;
}

.fileLink:hover:before {
  background-color: #f4d628;
}

.fileLink:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  z-index: 20;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.fileLink.pdf:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22M3.39%2C24h0a1.44%2C1.44%2C0%2C0%2C1-.88-.3%2C2.16%2C2.16%2C0%2C0%2C1-1-2c.16-1.48%2C2-3%2C5.45-4.61A61%2C61%2C0%2C0%2C0%2C10.4%2C7.3c-.91-2-1.79-4.54-1.15-6a1.73%2C1.73%2C0%2C0%2C1%2C1-1.1A4.33%2C4.33%2C0%2C0%2C1%2C11.21%2C0c.46%2C0%2C.86.59%2C1.15%2C1S13.24%2C2%2C12%2C7.13A28.91%2C28.91%2C0%2C0%2C0%2C16.66%2C14a18.18%2C18.18%2C0%2C0%2C1%2C3.06-.32c1.42%2C0%2C2.29.33%2C2.64%2C1a1.84%2C1.84%2C0%2C0%2C1-.35%2C2%2C2.44%2C2.44%2C0%2C0%2C1-2%2C1.09c-1.11%2C0-2.4-.7-3.83-2.08a44.07%2C44.07%2C0%2C0%2C0-8%2C2.56%2C25.7%2C25.7%2C0%2C0%2C1-2.17%2C3.87C5%2C23.39%2C4.19%2C24%2C3.39%2C24Zm2.43-4.66c-1.95%2C1.09-2.74%2C2-2.8%2C2.49%2C0%2C.09%2C0%2C.31.39.63C3.55%2C22.42%2C4.34%2C22.06%2C5.82%2C19.34Zm12.42-4c.75.57.93.85%2C1.41.85a1.35%2C1.35%2C0%2C0%2C0%2C1.11-.4%2C1.76%2C1.76%2C0%2C0%2C0%2C.21-.37c-.12-.06-.26-.18-1.07-.18A13.07%2C13.07%2C0%2C0%2C0%2C18.24%2C15.31Zm-6.8-6A64%2C64%2C0%2C0%2C1%2C9%2C16.2a46.42%2C46.42%2C0%2C0%2C1%2C5.92-1.84A30.77%2C30.77%2C0%2C0%2C1%2C11.44%2C9.33Zm-.55-7.69A2.17%2C2.17%2C0%2C0%2C0%2C11%2C4.56C11.84%2C2.64%2C10.92%2C1.63%2C10.89%2C1.64Z%22%2F%3E%3C%2Fsvg%3E');
}

.fileLink.pdf:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23563c16%22%20class%3D%22cls-1%22%20d%3D%22M3.39%2C24h0a1.44%2C1.44%2C0%2C0%2C1-.88-.3%2C2.16%2C2.16%2C0%2C0%2C1-1-2c.16-1.48%2C2-3%2C5.45-4.61A61%2C61%2C0%2C0%2C0%2C10.4%2C7.3c-.91-2-1.79-4.54-1.15-6a1.73%2C1.73%2C0%2C0%2C1%2C1-1.1A4.33%2C4.33%2C0%2C0%2C1%2C11.21%2C0c.46%2C0%2C.86.59%2C1.15%2C1S13.24%2C2%2C12%2C7.13A28.91%2C28.91%2C0%2C0%2C0%2C16.66%2C14a18.18%2C18.18%2C0%2C0%2C1%2C3.06-.32c1.42%2C0%2C2.29.33%2C2.64%2C1a1.84%2C1.84%2C0%2C0%2C1-.35%2C2%2C2.44%2C2.44%2C0%2C0%2C1-2%2C1.09c-1.11%2C0-2.4-.7-3.83-2.08a44.07%2C44.07%2C0%2C0%2C0-8%2C2.56%2C25.7%2C25.7%2C0%2C0%2C1-2.17%2C3.87C5%2C23.39%2C4.19%2C24%2C3.39%2C24Zm2.43-4.66c-1.95%2C1.09-2.74%2C2-2.8%2C2.49%2C0%2C.09%2C0%2C.31.39.63C3.55%2C22.42%2C4.34%2C22.06%2C5.82%2C19.34Zm12.42-4c.75.57.93.85%2C1.41.85a1.35%2C1.35%2C0%2C0%2C0%2C1.11-.4%2C1.76%2C1.76%2C0%2C0%2C0%2C.21-.37c-.12-.06-.26-.18-1.07-.18A13.07%2C13.07%2C0%2C0%2C0%2C18.24%2C15.31Zm-6.8-6A64%2C64%2C0%2C0%2C1%2C9%2C16.2a46.42%2C46.42%2C0%2C0%2C1%2C5.92-1.84A30.77%2C30.77%2C0%2C0%2C1%2C11.44%2C9.33Zm-.55-7.69A2.17%2C2.17%2C0%2C0%2C0%2C11%2C4.56C11.84%2C2.64%2C10.92%2C1.63%2C10.89%2C1.64Z%22%2F%3E%3C%2Fsvg%3E');
}

.fileLink span {
  position: relative;
  color: #fff;
  z-index: 100;
  display: inline-block;
  line-height: 30px;
  transition: color 0.3s ease 0s;
}

.fileLink:hover span {
  color: #563c16;
}

.fileIcon{
  position: relative;
  display: inline-block;
	width:40px;
	height:40px;
	border-radius:10px;
  text-decoration: none !important;
	background-color:#f4f4f4;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
	text-indent:-9999px;
	transition:background-color .3s ease 0s;
}
.fileIcon:hover{
	background-color:#058752;
}

.fileIcon.pdf:hover{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22M3.39%2C24h0a1.44%2C1.44%2C0%2C0%2C1-.88-.3%2C2.16%2C2.16%2C0%2C0%2C1-1-2c.16-1.48%2C2-3%2C5.45-4.61A61%2C61%2C0%2C0%2C0%2C10.4%2C7.3c-.91-2-1.79-4.54-1.15-6a1.73%2C1.73%2C0%2C0%2C1%2C1-1.1A4.33%2C4.33%2C0%2C0%2C1%2C11.21%2C0c.46%2C0%2C.86.59%2C1.15%2C1S13.24%2C2%2C12%2C7.13A28.91%2C28.91%2C0%2C0%2C0%2C16.66%2C14a18.18%2C18.18%2C0%2C0%2C1%2C3.06-.32c1.42%2C0%2C2.29.33%2C2.64%2C1a1.84%2C1.84%2C0%2C0%2C1-.35%2C2%2C2.44%2C2.44%2C0%2C0%2C1-2%2C1.09c-1.11%2C0-2.4-.7-3.83-2.08a44.07%2C44.07%2C0%2C0%2C0-8%2C2.56%2C25.7%2C25.7%2C0%2C0%2C1-2.17%2C3.87C5%2C23.39%2C4.19%2C24%2C3.39%2C24Zm2.43-4.66c-1.95%2C1.09-2.74%2C2-2.8%2C2.49%2C0%2C.09%2C0%2C.31.39.63C3.55%2C22.42%2C4.34%2C22.06%2C5.82%2C19.34Zm12.42-4c.75.57.93.85%2C1.41.85a1.35%2C1.35%2C0%2C0%2C0%2C1.11-.4%2C1.76%2C1.76%2C0%2C0%2C0%2C.21-.37c-.12-.06-.26-.18-1.07-.18A13.07%2C13.07%2C0%2C0%2C0%2C18.24%2C15.31Zm-6.8-6A64%2C64%2C0%2C0%2C1%2C9%2C16.2a46.42%2C46.42%2C0%2C0%2C1%2C5.92-1.84A30.77%2C30.77%2C0%2C0%2C1%2C11.44%2C9.33Zm-.55-7.69A2.17%2C2.17%2C0%2C0%2C0%2C11%2C4.56C11.84%2C2.64%2C10.92%2C1.63%2C10.89%2C1.64Z%22%2F%3E%3C%2Fsvg%3E');
}

.fileIcon.pdf{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23058752%22%20class%3D%22cls-1%22%20d%3D%22M3.39%2C24h0a1.44%2C1.44%2C0%2C0%2C1-.88-.3%2C2.16%2C2.16%2C0%2C0%2C1-1-2c.16-1.48%2C2-3%2C5.45-4.61A61%2C61%2C0%2C0%2C0%2C10.4%2C7.3c-.91-2-1.79-4.54-1.15-6a1.73%2C1.73%2C0%2C0%2C1%2C1-1.1A4.33%2C4.33%2C0%2C0%2C1%2C11.21%2C0c.46%2C0%2C.86.59%2C1.15%2C1S13.24%2C2%2C12%2C7.13A28.91%2C28.91%2C0%2C0%2C0%2C16.66%2C14a18.18%2C18.18%2C0%2C0%2C1%2C3.06-.32c1.42%2C0%2C2.29.33%2C2.64%2C1a1.84%2C1.84%2C0%2C0%2C1-.35%2C2%2C2.44%2C2.44%2C0%2C0%2C1-2%2C1.09c-1.11%2C0-2.4-.7-3.83-2.08a44.07%2C44.07%2C0%2C0%2C0-8%2C2.56%2C25.7%2C25.7%2C0%2C0%2C1-2.17%2C3.87C5%2C23.39%2C4.19%2C24%2C3.39%2C24Zm2.43-4.66c-1.95%2C1.09-2.74%2C2-2.8%2C2.49%2C0%2C.09%2C0%2C.31.39.63C3.55%2C22.42%2C4.34%2C22.06%2C5.82%2C19.34Zm12.42-4c.75.57.93.85%2C1.41.85a1.35%2C1.35%2C0%2C0%2C0%2C1.11-.4%2C1.76%2C1.76%2C0%2C0%2C0%2C.21-.37c-.12-.06-.26-.18-1.07-.18A13.07%2C13.07%2C0%2C0%2C0%2C18.24%2C15.31Zm-6.8-6A64%2C64%2C0%2C0%2C1%2C9%2C16.2a46.42%2C46.42%2C0%2C0%2C1%2C5.92-1.84A30.77%2C30.77%2C0%2C0%2C1%2C11.44%2C9.33Zm-.55-7.69A2.17%2C2.17%2C0%2C0%2C0%2C11%2C4.56C11.84%2C2.64%2C10.92%2C1.63%2C10.89%2C1.64Z%22%2F%3E%3C%2Fsvg%3E');
}

.fileIcon.doc:hover{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Layer_6%22%20data-name%3D%22Layer%206%22%3E%3Cg%20id%3D%22Icons%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22M20.32%2C0H9.88a2.24%2C2.24%2C0%2C0%2C0-1.6.67L2.07%2C6.9a2.29%2C2.29%2C0%2C0%2C0-.66%2C1.6V21.73A2.27%2C2.27%2C0%2C0%2C0%2C3.68%2C24H20.32a2.27%2C2.27%2C0%2C0%2C0%2C2.27-2.27V2.27A2.27%2C2.27%2C0%2C0%2C0%2C20.32%2C0ZM21%2C21.73a.67.67%2C0%2C0%2C1-.67.67H3.68A.67.67%2C0%2C0%2C1%2C3%2C21.73V9H9.39a1.07%2C1.07%2C0%2C0%2C0%2C1.07-1.06V1.6h9.86a.67.67%2C0%2C0%2C1%2C.67.67V21.73Z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20d%3D%22M15.19%2C20.67l-1.69-6-1.92%2C6h-.69s-2.57-7.67-2.78-8a1.06%2C1.06%2C0%2C0%2C0-.61-.42V12h3.81v.33a.82.82%2C0%2C0%2C0-.54.13.38.38%2C0%2C0%2C0-.14.29c0%2C.1%2C1.36%2C4.22%2C1.36%2C4.22l1.07-3.3a8%2C8%2C0%2C0%2C0-.5-1.08A1.12%2C1.12%2C0%2C0%2C0%2C12%2C12.3V12h3.87v.33a1.1%2C1.1%2C0%2C0%2C0-.58.14.42.42%2C0%2C0%2C0-.12.32c0%2C.13%2C1.3%2C4.18%2C1.3%2C4.18s1.18-3.77%2C1.18-3.93a.74.74%2C0%2C0%2C0-.15-.51.92.92%2C0%2C0%2C0-.6-.2V12h2.23v.33a1%2C1%2C0%2C0%2C0-.58.29c-.15.16-2.68%2C8.08-2.68%2C8.08Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.fileIcon.doc{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22Layer_6%22%20data-name%3D%22Layer%206%22%3E%3Cg%20id%3D%22Icons%22%3E%3Cpath%20fill%3D%22%23058752%22%20class%3D%22cls-1%22%20d%3D%22M20.32%2C0H9.88a2.24%2C2.24%2C0%2C0%2C0-1.6.67L2.07%2C6.9a2.29%2C2.29%2C0%2C0%2C0-.66%2C1.6V21.73A2.27%2C2.27%2C0%2C0%2C0%2C3.68%2C24H20.32a2.27%2C2.27%2C0%2C0%2C0%2C2.27-2.27V2.27A2.27%2C2.27%2C0%2C0%2C0%2C20.32%2C0ZM21%2C21.73a.67.67%2C0%2C0%2C1-.67.67H3.68A.67.67%2C0%2C0%2C1%2C3%2C21.73V9H9.39a1.07%2C1.07%2C0%2C0%2C0%2C1.07-1.06V1.6h9.86a.67.67%2C0%2C0%2C1%2C.67.67V21.73Z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23058752%22%20class%3D%22cls-1%22%20d%3D%22M15.19%2C20.67l-1.69-6-1.92%2C6h-.69s-2.57-7.67-2.78-8a1.06%2C1.06%2C0%2C0%2C0-.61-.42V12h3.81v.33a.82.82%2C0%2C0%2C0-.54.13.38.38%2C0%2C0%2C0-.14.29c0%2C.1%2C1.36%2C4.22%2C1.36%2C4.22l1.07-3.3a8%2C8%2C0%2C0%2C0-.5-1.08A1.12%2C1.12%2C0%2C0%2C0%2C12%2C12.3V12h3.87v.33a1.1%2C1.1%2C0%2C0%2C0-.58.14.42.42%2C0%2C0%2C0-.12.32c0%2C.13%2C1.3%2C4.18%2C1.3%2C4.18s1.18-3.77%2C1.18-3.93a.74.74%2C0%2C0%2C0-.15-.51.92.92%2C0%2C0%2C0-.6-.2V12h2.23v.33a1%2C1%2C0%2C0%2C0-.58.29c-.15.16-2.68%2C8.08-2.68%2C8.08Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.btnLoadMore {
  display: inline-block;
  padding: 0 25px 0 60px;
  position: relative;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 1em;
  line-height: 40px;
}

.btnLoadMore:hover {
  color: #563c16 !important;
}

.btnLoadMore:before {
  content: '';
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #03563e;
  transform: skewX(-30deg);
  transition: background-color .3s ease 0s;
}

.btnLoadMore:hover:before {
  background-color: #f4d628;
}

.btnLoadMore:after {
  content: '';
  z-index: 100;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20enable-background%3D%22new%200%200%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20%20fill%3D%22%23ffffff%22%20class%3D%22cls-1%22%20points%3D%2216%2010%2012%2010%2012%206%2010%206%2010%2010%206%2010%206%2012%2010%2012%2010%2016%2012%2016%2012%2012%2016%2012%2016%2010%22%2F%3E%3Cpath%20%20fill%3D%22%23ffffff%22%20class%3D%22cls-2%22%20d%3D%22M11%2C1.5A9.5%2C9.5%2C0%2C1%2C1%2C1.5%2C11%2C9.51%2C9.51%2C0%2C0%2C1%2C11%2C1.5M11%2C0A11%2C11%2C0%2C1%2C0%2C22%2C11%2C11%2C11%2C0%2C0%2C0%2C11%2C0Z%22%2F%3E%3C%2Fsvg%3E');
}

.btnLoadMore:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20enable-background%3D%22new%200%200%2022%2022%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20%20fill%3D%22%23563c16%22%20class%3D%22cls-1%22%20points%3D%2216%2010%2012%2010%2012%206%2010%206%2010%2010%206%2010%206%2012%2010%2012%2010%2016%2012%2016%2012%2012%2016%2012%2016%2010%22%2F%3E%3Cpath%20%20fill%3D%22%23563c16%22%20class%3D%22cls-2%22%20d%3D%22M11%2C1.5A9.5%2C9.5%2C0%2C1%2C1%2C1.5%2C11%2C9.51%2C9.51%2C0%2C0%2C1%2C11%2C1.5M11%2C0A11%2C11%2C0%2C1%2C0%2C22%2C11%2C11%2C11%2C0%2C0%2C0%2C11%2C0Z%22%2F%3E%3C%2Fsvg%3E');
}

.btnLoadMore span {
  z-index: 100;
  position: relative;
}

/*pagination*/
#content .pageNav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

#content .pageNav span {
  display: inline-block;
  height: 32px;
  margin: 0 5px;
}

#content .pageNav span.show_m {
  display: none;
}

#content .pageNav a {
  display: inline-block;
  border: 0;
  font-size: 0.889em;
  margin: 0 3px;
  border-radius: 10px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  color: #03563e;
  background-color: #f0f8f5;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
}

#content .pageNav a:not(.disable):not(.arrow):hover {
  background-color: #f4d628;
}

#content .pageNav a.selected {
  background-color: #058752;
  color: #fff;
}

#content .pageNav a.arrow.disable {
  cursor: default;
  opacity: .3;
}

#content .pageNav a.arrow {
  position: relative;
  background: none;
  text-indent: -9999px;
  transition: opacity .3s ease 0s;
}

#content .pageNav a.arrow.btnPrev {
  margin-right: 30px;
}

#content .pageNav a.arrow.btnPrev span {
  margin-left: -5px;
}

#content .pageNav a.arrow.btnNext {
  margin-left: 30px;
}

#content .pageNav a.arrow span {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 20px solid #058752;
  opacity: 1;
  transform-origin: top left;
  transition: border-color 0.35s ease 0s;
}

#content .pageNav a.arrow:not(.disable):hover span {
  border-right-color: #f4d628;
}

#content .pageNav a.arrow span:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #fff;
}

#content .pageNav a.arrow:before {
  /* content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transition: border-color .3s ease 0s;
  border: 2px solid #fff;
  border-left-width: 0;
  border-top-width: 0;*/
}

#content .pageNav a.arrow.btnPrev:before {}

#content .pageNav a.arrow.btnNext span {
  transform: rotate(180deg) translate(-50%, -50%);
}

/*page nav ends*/

#content .btnBackWrap {
  margin: 50px 0;
  text-decoration: none !important;
  clear: both;
}

#content .btnBack {
  display: inline-block;
  line-height: 24px;
  position: relative;
  padding-left: 45px;
  text-decoration: none;
  color: #563c16;
}

.btnBack:before{
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: #38baa9;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .3s ease 0s;
}

#content .btnBack:hover:before {
  background-color: #487f78;
}

.btnBack:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  left: 13px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}

.staffListWrap{
  background-color: #f5f5f5;
  padding: 20px 15px 10px;
  margin-bottom: 30px;
}
.staffListWrap > ul:last-child{ margin-bottom: 0!important; }
.staffListWrap .staff{
  display: flex;
  width: 100%;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}
.staffListWrap .staff:before{
  content: '';
  position: absolute;
  top: .55em;
  left: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #38baa9;
  z-index: 50;  
}
.staffListWrap .staff > span:first-child{ width: 55%; padding-right: 20px; }
.staffListWrap .staff > span:last-child{}
#whatsonMain table.styleTable thead th:first-child, #whatsonMain table.styleTable tbody td:first-child{ padding: 10px 0 10px 15px; }
#whatsonMain table.styleTable th.date{
  width: 180px;
}
#newsWrap{
  display: flex;
}
#newsMain{ flex: 1; }
#newsGallery{
  width: 610px;
  padding-left: 30px;
  padding-top: 10px;
}
.galleryWrap{ width: 460px; margin: 0 auto; position:relative; z-index:100; }
.galleryWrap.f_right{ margin:0 0 30px 30px; }
.galleryWrap .gallerySwiper{
  box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.2);
}
.galleryWrap .swiperCtrls{
  padding: 10px 0;
  text-align: center;
}
.galleryWrap .swiper-slide{ width: 100%; height: 100%; }
.galleryWrap .imgWrap{ max-width: 430px; margin: 0 auto; text-align: center; padding: 1px; background-color: #fff; }
#newsGallery.galleryWrap .imgWrap{
  max-width: 580px; 
}
.galleryWrap .imgWrap > a{
  display: block;
  padding-top: 100%;
  line-height: 0;
  position: relative;
}
.galleryWrap .imgWrap > a:before{
  content: '';
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  width: 54px;
  height: 54px;
  background-color: #38baa9;
  border-radius: 50%;
  transition: background-color .3s ease 0s;
}
.galleryWrap .imgWrap > a:after{
  content: '';
  position: absolute;
  z-index: 10;
  bottom: 32px;
  right: 32px;
  width: 30px;
  height: 30px;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2030%2030%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M27.7%2C24.5l-6.1-6.1c1-1.7%2C1.6-3.6%2C1.6-5.7c0-5.9-4.8-10.8-10.8-10.8S1.7%2C6.7%2C1.7%2C12.6c0%2C5.9%2C4.8%2C10.8%2C10.8%2C10.8c2.3%2C0%2C4.4-0.7%2C6.2-1.9l6.1%2C6.1c0.4%2C0.4%2C1%2C0.6%2C1.5%2C0.6c0.6%2C0%2C1.1-0.2%2C1.5-0.6C28.5%2C26.7%2C28.5%2C25.3%2C27.7%2C24.5z%20M12.4%2C19.9c-4%2C0-7.3-3.3-7.3-7.3s3.3-7.3%2C7.3-7.3c4%2C0%2C7.3%2C3.3%2C7.3%2C7.3S16.5%2C19.9%2C12.4%2C19.9z%22%2F%3E%3C%2Fsvg%3E');
}
.galleryWrap .imgWrap > a:hover:before{
   background-color: #487f78;
}
.galleryWrap .imgWrap > a img{
  /* width: 100%; */
  max-width: inherit;
	max-height: 100%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);	
}
.galleryWrap .swiper-slide .caption{
  font-size: 0.778em;
  line-height: 1.4em;
  padding: 0 15px 15px;
}
.displayItems .item{
  display: flex;
  border-bottom: 2px solid #d6ece9;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.displayItems .item:last-child{ border-bottom: none; }
#content .displayItems .item .imgWrap{
  width: 25%;
  text-align: center;
}
#content .displayItems .item .details{ padding-left: 20px; flex: 1; }
#content .displayItems .item .details h2{
  color: #00463b;
  font-size: 1.111em;
  font-weight: 600;
  margin-bottom: 10px;
}
#content .displayItems .item .details p:last-child{  margin-bottom: 0; }

/*accordion*/
.accordionWrap {
  margin:0 0 40px;
  overflow:hidden;
}
.accordionItem {
  position:relative;
  margin-bottom:5px;
  border: 1px solid #38baa9;
}
.accordionItem .accordionTitle > a {
  position:relative;  
  padding:14px 60px 12px 20px;
  min-height:50px;
  line-height:1.2em;
  display:block;
  color:#487f78 !important;
  text-decoration:none !important;
  position:relative;
  transition:color .3s ease 0s, background-color .3s ease 0s;
  border:none;
  text-align:left;
}
.accordionItem .accordionTitle a.focus{ color:rgba(255,255,255,.75) !important;}
.accordionItem .accordionTitle a:before, .accordionItem .accordionTitle a:after {
  content:'';
  height:20px;
  width:2px;
  display:block;
  background-color:#487f78;
  position:absolute;
  top:16px;
  right:30px;
  transform-origin:center center;
  transition:transform .3s ease 0s, background-color .3s ease 0s;
}
.accordionItem .accordionTitle a:after {
  transform:rotate(90deg);
}
.accordionItem.active .accordionTitle > a:before {
  transform:rotate(90deg);
  -webkit-transform:rotate(-90deg);
}
.accordionItem .accordionTitle:hover a:before {
}
.accordionItem.active .accordionTitle > a, .accordionItem .accordionTitle > a:hover, .accordionItem .accordionTitle > a.focus{
  background-color:#487f78;
  color:#fff !important;
}
.accordionItem.active .accordionTitle > a:before, .accordionItem .accordionTitle > a:hover:before, .accordionItem .accordionTitle > a.focus:before, .accordionItem.active .accordionTitle > a:after, .accordionItem .accordionTitle > a:hover:after, .accordionItem .accordionTitle > a.focus:after{
  background-color:#FFF;
}
.accordionItem .accordionContent{ }
.accordionItem .accordionContent .accordionMain {
  padding:20px 20px 20px 20px;
  background-color:#f5f5f5;
}
.accordionItem .accordionContent .accordionMain:before,
.accordionItem .accordionContent .accordionMain:after {
  display: table;
  content: " ";
}
.accordionItem .accordionContent .accordionMain:after {
  clear: both;
}
#content .accordionItem .accordionContent .accordionMain a{
  color: #437972;
}
.accordionItem .accordionMain ul:last-child, .accordionItem .accordionMain ol:last-child, .accordionItem .accordionMain p:last-child {
  margin-bottom:0!important;
}
.accordionItem .accordionMain h2:first-child {
  margin-top:0!important;
}
.accordionItem .accordionMain h2 {
  font-size:1.111em!important;
}
.accordionItem .accordionMain h3 {
  font-size:1em!important;
  margin-top:0!important;
}
.accordionItem .accordionMain h4 {
  font-size:1em!important;
  margin-top:0!important;
}
/*accordion ends*/
#content .btnMore {
  position:relative;
  display:inline-block;
  padding:10px 0;
  border-radius:10px;
  color:#333;
  text-decoration: none;
}
#content .btnMore:before{
  content: "";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  display:block;
  border-radius:50%;
  background-color:#38baa9;
  transition:background-color .3s ease 0s;
}
#content .btnMore span{ 
  color:#333;
  display: block;
  padding-right: 36px;
  position: relative;
  transition:color .3s ease 0s;
}
#content .btnMore span:before, #content .btnMore span:after{
  content:'';
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  transform-origin: top center;
  width:13px;
  height:2px;
  background-color:#fff;
  transition:background-color .3s ease 0s;
}
#content .btnMore span:after{
  transform:rotate(90deg) translateY(-50%);  
}
#content .btnMore:hover:before, #content .btnMore.focus:before{
  background-color:#487f78;
}
#content .btnMore:hover span, #content .btnMore.focus span{ color: #487f78; }
.photosWrap{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 30px;
}
.photosWrap .photoItem{
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.photosWrap .photoItem .imgWrap{
  line-height: 0;
	border:1px solid #e2e2e2;
}
.photosWrap .photoItem .imgWrap > img{
  width: 100%;
}
.photosWrap .photoItem .caption{
  padding: 15px;
  font-size: 0.778em;
  line-height: 1.2em;
}
.locate_routes{
  display: flex;
  flex-wrap: wrap;
  clear: both; 
  margin: 40px 0;  
}
.locate_routes a.wordBreak{
  word-break: break-all;
}
.locate_routes > div{
  width: 50%;
  position: relative;
  margin-bottom: 20px;
  padding:0 15px 0 95px;
  min-height: 84px;
  display: flex;
  /* align-items: center;  */
}
.locate_routes > div.locate > div{ display:inline-block;}
.locate_routes > div p{ margin-bottom: 10px!important; }
.locate_routes > div:before{
  content: '';
  position: absolute;
  width: 84px;
  height: 84px;
  border: 2px solid #38baa9;
  border-radius: 50%;
  left: 0;
  top: 0;
}
.locate_routes > div:after{
  content: '';
  position: absolute;
  width: 84px;
  height: 84px;
  left: 0;
  top: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 65% auto;
}
.locate_routes > div.relatedInfo:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M57.3%2C23.6L42.9%2C4.9c-0.2-0.2-0.5-0.4-0.8-0.4H20.8c-7.7%2C0-14%2C6.3-14%2C14V60c0%2C7.7%2C6.3%2C14%2C14%2C14h17.8c0.6%2C0%2C1-0.4%2C1-1s-0.4-1-1-1H20.8c-6.6%2C0-12-5.4-12-12V18.6c0-6.6%2C5.4-12%2C12-12h20.5v11.1c0%2C4.7%2C3.9%2C8.6%2C8.6%2C8.6h5.3%09c0.1%2C0%2C0.1%2C0%2C0.2%2C0v9c0%2C0.6%2C0.4%2C1%2C1%2C1s1-0.4%2C1-1V24.2C57.5%2C24%2C57.4%2C23.8%2C57.3%2C23.6z%20M50%2C24.2c-3.6%2C0-6.6-3-6.6-6.6V8.8l11.9%2C15.5%09H50z%22%2F%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M35.7%2C28.2H18.1c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h17.5c0.6%2C0%2C1%2C0.4%2C1%2C1S36.2%2C28.2%2C35.7%2C28.2z%22%2F%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M40.2%2C40.6h-22c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h22c0.6%2C0%2C1%2C0.4%2C1%2C1S40.7%2C40.6%2C40.2%2C40.6z%22%2F%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M33.2%2C53.1h-15c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h15c0.6%2C0%2C1%2C0.4%2C1%2C1S33.7%2C53.1%2C33.2%2C53.1z%22%2F%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M57.8%2C50.4c-0.2-0.2-0.5-0.4-0.8-0.5c-0.6-0.3-1.2-0.3-1.8%2C0c-0.3%2C0.1-0.6%2C0.3-0.8%2C0.5c-0.2%2C0.2-0.4%2C0.5-0.5%2C0.8c-0.4%2C0.9-0.2%2C1.9%2C0.5%2C2.6c0.4%2C0.4%2C1.1%2C0.7%2C1.7%2C0.7c0.3%2C0%2C0.6-0.1%2C0.9-0.2c0.3-0.1%2C0.6-0.3%2C0.8-0.5%09c0.7-0.7%2C0.9-1.7%2C0.5-2.6C58.1%2C50.9%2C58%2C50.6%2C57.8%2C50.4z%22%2F%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M56.1%2C56.8c-1.3%2C0-2.4%2C1.1-2.4%2C2.4V64c0%2C1.3%2C1.1%2C2.4%2C2.4%2C2.4s2.4-1.1%2C2.4-2.4v-4.8C58.4%2C57.9%2C57.4%2C56.8%2C56.1%2C56.8z%22%2F%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M55.8%2C75.5c-9.6%2C0-17.4-7.8-17.4-17.4s7.8-17.4%2C17.4-17.4S73.2%2C48.4%2C73.2%2C58S65.4%2C75.5%2C55.8%2C75.5zM55.8%2C42.6c-8.5%2C0-15.4%2C6.9-15.4%2C15.4c0%2C8.5%2C6.9%2C15.4%2C15.4%2C15.4S71.2%2C66.6%2C71.2%2C58C71.2%2C49.5%2C64.3%2C42.6%2C55.8%2C42.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.locate_routes > div.locate:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st0%22%20d%3D%22M48.4%2C53h16.5l1.3%2C3.5L34%2C67.9L22.5%2C53h9.1l-1.3-2.1H14.4c-0.4%2C0-0.8%2C0.3-1%2C0.7l-8.4%2C22c-0.2%2C0.5%2C0.1%2C1.1%2C0.6%2C1.3C5.8%2C75%2C5.9%2C75%2C6%2C75H74c0.6%2C0%2C1-0.5%2C1-1c0-0.1%2C0-0.3-0.1-0.4h0l-8.4-22c-0.2-0.4-0.5-0.7-1-0.7H49.7L48.4%2C53zM33.9%2C70.1L33.9%2C70.1l19.2-6.8l7.5%2C9.7H25.9L33.9%2C70.1zM15.1%2C53h4.8l12%2C15.6l-12.2%2C4.3H7.5L15.1%2C53zM63.2%2C72.9l-8-10.4l11.7-4.2l5.6%2C14.6H63.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st1%22%20d%3D%22M48.7%2C24.1c0-4.8-3.9-8.7-8.7-8.7s-8.7%2C3.9-8.7%2C8.7c0%2C4.8%2C3.9%2C8.7%2C8.7%2C8.7C44.8%2C32.8%2C48.7%2C28.9%2C48.7%2C24.1zM33.4%2C24.1c0-3.7%2C3-6.6%2C6.6-6.6c3.7%2C0%2C6.6%2C3%2C6.6%2C6.6c0%2C3.7-3%2C6.6-6.6%2C6.6C36.3%2C30.8%2C33.4%2C27.8%2C33.4%2C24.1z%22%2F%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st1%22%20d%3D%22M50%2C50.5c6.1-10.1%2C9.2-19%2C9.2-26.3C59.1%2C13.6%2C50.6%2C5%2C40%2C5c-10.6%2C0-19.1%2C8.6-19.1%2C19.1c0%2C7.3%2C3%2C16.2%2C9.2%2C26.3c0.1%2C0.2%2C5.1%2C7.8%2C5.2%2C7.9c0%2C0%2C4.2%2C6%2C4.7%2C6C40.9%2C64.4%2C50%2C50.5%2C50%2C50.5zM22.9%2C24.1c0-9.4%2C7.6-17.1%2C17.1-17.1c9.4%2C0%2C17.1%2C7.6%2C17.1%2C17.1l0%2C0c0.1%2C14.6-13.6%2C32.7-17.1%2C37C36.5%2C56.8%2C22.9%2C38.8%2C22.9%2C24.1L22.9%2C24.1z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.locate_routes > div.routes:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M33.7%2C12.2C30.6%2C9%2C26.3%2C7.3%2C21.8%2C7.3S13.1%2C9%2C9.9%2C12.2C6.8%2C15.4%2C5%2C19.6%2C5%2C24.1c0%2C9.1%2C8.6%2C16.7%2C13.2%2C20.7c0.6%2C0.6%2C1.2%2C1.1%2C1.6%2C1.5c0.6%2C0.5%2C1.3%2C0.8%2C2%2C0.8c0.7%2C0%2C1.4-0.3%2C2-0.8c0.4-0.4%2C1-0.9%2C1.6-1.5c4.6-4.1%2C13.2-11.6%2C13.2-20.7C38.7%2C19.6%2C36.9%2C15.4%2C33.7%2C12.2zM23.9%2C43.1c-0.7%2C0.6-1.2%2C1.1-1.7%2C1.5c-0.2%2C0.2-0.6%2C0.2-0.8%2C0c-0.5-0.4-1-0.9-1.7-1.5c-4.3-3.8-12.4-10.9-12.4-19c0-8%2C6.5-14.5%2C14.5-14.5c8%2C0%2C14.5%2C6.5%2C14.5%2C14.5C36.3%2C32.2%2C28.3%2C39.3%2C23.9%2C43.1z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M21.8%2C16.1c-4.1%2C0-7.4%2C3.3-7.4%2C7.4s3.3%2C7.4%2C7.4%2C7.4s7.4-3.3%2C7.4-7.4S25.9%2C16.1%2C21.8%2C16.1zM21.8%2C28.6c-2.8%2C0-5.1-2.3-5.1-5.1s2.3-5.1%2C5.1-5.1s5.1%2C2.3%2C5.1%2C5.1S24.6%2C28.6%2C21.8%2C28.6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M64.4%2C72.6c-0.7%2C0-1.4-0.3-1.9-0.8c-0.2-0.2-0.5-0.5-0.9-0.8c-2.7-2.4-7.8-6.9-7.8-12.5c0-2.8%2C1.1-5.5%2C3.1-7.5c2-2%2C4.7-3.1%2C7.5-3.1s5.5%2C1.1%2C7.5%2C3.1v0c2%2C2%2C3.1%2C4.7%2C3.1%2C7.5c0%2C5.6-5.1%2C10.1-7.8%2C12.5c-0.4%2C0.3-0.7%2C0.6-0.9%2C0.8C65.8%2C72.3%2C65.1%2C72.6%2C64.4%2C72.6zM64.4%2C50.4c-2.2%2C0-4.3%2C0.9-5.8%2C2.4c-1.5%2C1.5-2.4%2C3.6-2.4%2C5.8c0%2C4.5%2C4.5%2C8.5%2C7%2C10.7c0.4%2C0.3%2C0.7%2C0.6%2C0.9%2C0.8c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1s0.2%2C0%2C0.3-0.1c0.3-0.2%2C0.6-0.5%2C0.9-0.8c2.4-2.1%2C7-6.1%2C7-10.7c0-2.2-0.9-4.3-2.4-5.8C68.7%2C51.2%2C66.6%2C50.4%2C64.4%2C50.4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M56.5%2C72.7H29.7c-5.7%2C0-10.4-4.7-10.4-10.4S24%2C51.9%2C29.7%2C51.9h1.6L42%2C52c2.4%2C0%2C4.4-2%2C4.4-4.4c0-2.4-2-4.4-4.4-4.4h-8.8v-3H42c4.1%2C0%2C7.4%2C3.3%2C7.4%2C7.4c0%2C4.1-3.3%2C7.4-7.4%2C7.4l-10.7-0.1h-1.6c-4.1%2C0-7.4%2C3.3-7.4%2C7.4s3.3%2C7.4%2C7.4%2C7.4h26.8V72.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.locate_routes > div.openHours:after{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23487F78%22%20class%3D%22st0%22%20d%3D%22M19.3%2C10.9h7.5V8.7c0-0.9%2C0.4-1.8%2C1-2.4c0.6-0.6%2C1.5-1%2C2.4-1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.6%2C0.6%2C1%2C1.5%2C1%2C2.4v2.2H41V8.7c0-0.9%2C0.4-1.8%2C1-2.4c0.6-0.6%2C1.5-1%2C2.4-1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.6%2C0.6%2C1%2C1.5%2C1%2C2.4v2.2h7.5V8.7c0-0.9%2C0.4-1.8%2C1-2.4c0.6-0.6%2C1.5-1%2C2.4-1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.6%2C0.6%2C1%2C1.5%2C1%2C2.4v2.2h1.1c1.6%2C0%2C3%2C0.6%2C4.1%2C1.7c1%2C1%2C1.7%2C2.5%2C1.7%2C4.1v10.7c0%2C0.6-0.5%2C1-1%2C1s-1-0.5-1-1v-3H39.6c-0.6%2C0-1-0.5-1-1c0-0.6%2C0.5-1%2C1-1h27.3v-5.7c0-1-0.4-1.9-1.1-2.6c-0.7-0.7-1.6-1.1-2.6-1.1h-1.1v2.2c0%2C0.9-0.4%2C1.8-1%2C2.4c-0.6%2C0.6-1.5%2C1-2.4%2C1c-0.9%2C0-1.8-0.4-2.4-1c-0.6-0.6-1-1.5-1-2.4V13h-7.5v2.2c0%2C0.9-0.4%2C1.8-1%2C2.4c-0.6%2C0.6-1.5%2C1-2.4%2C1c-0.9%2C0-1.8-0.4-2.4-1c-0.6-0.6-1-1.5-1-2.4V13h-7.5v2.2c0%2C0.9-0.4%2C1.8-1%2C2.4c-0.6%2C0.6-1.5%2C1-2.4%2C1c-0.9%2C0-1.8-0.4-2.4-1c-0.6-0.6-1-1.5-1-2.4V13h-7.5v2.2c0%2C0.9-0.4%2C1.8-1%2C2.4c-0.6%2C0.6-1.5%2C1-2.4%2C1c-0.9%2C0-1.8-0.4-2.4-1c-0.6-0.6-1-1.5-1-2.4V13h-1.1c-1%2C0-1.9%2C0.4-2.6%2C1.1c-0.7%2C0.7-1.1%2C1.6-1.1%2C2.6v5.7h27.3c0.6%2C0%2C1%2C0.5%2C1%2C1c0%2C0.6-0.5%2C1-1%2C1H7.7v30.3c0%2C0.6-0.5%2C1-1%2C1c-0.6%2C0-1-0.5-1-1v-38c0-1.6%2C0.6-3%2C1.7-4.1c1-1%2C2.5-1.7%2C4.1-1.7h1.1V8.7c0-0.9%2C0.4-1.8%2C1-2.4c0.6-0.6%2C1.5-1%2C2.4-1c0.9%2C0%2C1.8%2C0.4%2C2.4%2C1c0.6%2C0.6%2C1%2C1.5%2C1%2C2.4L19.3%2C10.9zM66.9%2C47.5v-2.7V32c0-0.6%2C0.5-1%2C1-1s1%2C0.5%2C1%2C1v12.8v4.8M48.4%2C66.6h-4.1H10.9c-1.5%2C0-2.8-0.6-3.8-1.6c-1-1-1.6-2.3-1.6-3.8v-2c0-0.6%2C0.5-1%2C1-1s1%2C0.5%2C1%2C1v2c0%2C0.9%2C0.4%2C1.7%2C1%2C2.3c0.6%2C0.6%2C1.4%2C1%2C2.3%2C1h33.4h3.2M49.4%2C28.8h12.1c0.6%2C0%2C1%2C0.5%2C1%2C1v12.1c0%2C0.6-0.5%2C1-1%2C1H49.4c-0.6%2C0-1-0.5-1-1V29.8C48.4%2C29.2%2C48.8%2C28.8%2C49.4%2C28.8L49.4%2C28.8zM60.5%2C30.8H50.4v10.1h10.1V30.8zM31.2%2C46.1h12.1c0.6%2C0%2C1%2C0.5%2C1%2C1v12.1c0%2C0.6-0.5%2C1-1%2C1H31.2c-0.6%2C0-1-0.5-1-1V47.1C30.2%2C46.5%2C30.6%2C46.1%2C31.2%2C46.1L31.2%2C46.1zM42.3%2C48.1H32.2v10.1h10.1V48.1zM31.2%2C28.8h12.1c0.6%2C0%2C1%2C0.5%2C1%2C1v12.1c0%2C0.6-0.5%2C1-1%2C1H31.2c-0.6%2C0-1-0.5-1-1V29.8C30.2%2C29.2%2C30.6%2C28.8%2C31.2%2C28.8L31.2%2C28.8zM42.3%2C30.8H32.2v10.1h10.1V30.8zM13%2C46.1h12.1c0.6%2C0%2C1%2C0.5%2C1%2C1v12.1c0%2C0.6-0.5%2C1-1%2C1H13c-0.6%2C0-1-0.5-1-1V47.1C12%2C46.5%2C12.5%2C46.1%2C13%2C46.1zM24.1%2C48.1H14.1v10.1h10.1V48.1zM13%2C28.8h12.1c0.6%2C0%2C1%2C0.5%2C1%2C1v12.1c0%2C0.6-0.5%2C1-1%2C1H13c-0.6%2C0-1-0.5-1-1V29.8C12%2C29.2%2C12.5%2C28.8%2C13%2C28.8L13%2C28.8zM24.1%2C30.8H14.1v10.1h10.1V30.8zM58.7%2C7.4c-0.4%2C0-0.7%2C0.2-0.9%2C0.4c-0.2%2C0.2-0.4%2C0.6-0.4%2C0.9v3.2v3.2c0%2C0.4%2C0.2%2C0.7%2C0.4%2C0.9c0.2%2C0.2%2C0.6%2C0.4%2C0.9%2C0.4c0.4%2C0%2C0.7-0.2%2C0.9-0.4c0.2-0.2%2C0.4-0.6%2C0.4-0.9v-3.2V8.7c0-0.4-0.2-0.7-0.4-0.9C59.4%2C7.5%2C59%2C7.4%2C58.7%2C7.4zM16.8%2C7.8c-0.2-0.2-0.6-0.4-0.9-0.4c-0.4%2C0-0.7%2C0.2-0.9%2C0.4c-0.2%2C0.2-0.4%2C0.6-0.4%2C0.9v3.2v3.2c0%2C0.4%2C0.2%2C0.7%2C0.4%2C0.9c0.2%2C0.2%2C0.6%2C0.4%2C0.9%2C0.4c0.4%2C0%2C0.7-0.2%2C0.9-0.4s0.4-0.6%2C0.4-0.9v-3.2V8.7C17.2%2C8.3%2C17.1%2C8%2C16.8%2C7.8zM30.1%2C7.4c-0.4%2C0-0.7%2C0.2-0.9%2C0.4c-0.2%2C0.2-0.4%2C0.6-0.4%2C0.9v3.2v3.2c0%2C0.4%2C0.2%2C0.7%2C0.4%2C0.9c0.2%2C0.2%2C0.6%2C0.4%2C0.9%2C0.4c0.4%2C0%2C0.7-0.2%2C0.9-0.4c0.2-0.2%2C0.4-0.6%2C0.4-0.9v-3.2V8.7c0-0.4-0.2-0.7-0.4-0.9C30.8%2C7.5%2C30.5%2C7.4%2C30.1%2C7.4zM44.4%2C7.4c-0.4%2C0-0.7%2C0.2-0.9%2C0.4c-0.2%2C0.2-0.4%2C0.6-0.4%2C0.9v3.2v3.2c0%2C0.4%2C0.2%2C0.7%2C0.4%2C0.9c0.2%2C0.2%2C0.6%2C0.4%2C0.9%2C0.4c0.4%2C0%2C0.7-0.2%2C0.9-0.4s0.4-0.6%2C0.4-0.9v-3.2V8.7c0-0.4-0.2-0.7-0.4-0.9C45.1%2C7.5%2C44.8%2C7.4%2C44.4%2C7.4z%22%2F%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M46.3%2C65c-0.5-1.5-0.8-3.1-0.8-4.8c0-1.5%2C0.2-2.9%2C0.6-4.2c0.4-1.4%2C1.1-2.7%2C1.9-3.9c0.3-0.5%2C1-0.6%2C1.4-0.3c0.5%2C0.3%2C0.6%2C1%2C0.3%2C1.4c-0.7%2C1-1.2%2C2.1-1.6%2C3.3c-0.3%2C1.1-0.5%2C2.4-0.5%2C3.6c0%2C3.4%2C1.4%2C6.5%2C3.6%2C8.8c2.2%2C2.2%2C5.3%2C3.6%2C8.8%2C3.6c3.4%2C0%2C6.5-1.4%2C8.8-3.6c2.2-2.2%2C3.6-5.3%2C3.6-8.8c0-3.4-1.4-6.5-3.6-8.8c-2.2-2.2-5.3-3.6-8.8-3.6c-1.3%2C0-2.6%2C0.2-3.8%2C0.6c-1.2%2C0.4-2.4%2C1-3.4%2C1.8c-0.5%2C0.3-1.1%2C0.2-1.4-0.2c-0.3-0.5-0.2-1.1%2C0.2-1.4c1.2-0.9%2C2.6-1.6%2C4-2c1.4-0.5%2C2.9-0.7%2C4.5-0.7c2%2C0%2C4%2C0.4%2C5.7%2C1.2l2.1%2C1.1c0.9%2C0.6%2C1.7%2C1.2%2C2.4%2C2c2.6%2C2.6%2C4.2%2C6.2%2C4.2%2C10.2s-1.6%2C7.6-4.2%2C10.2c-2.6%2C2.6-6.2%2C4.2-10.2%2C4.2c-4%2C0-7.6-1.6-10.2-4.2c-1-1-1.8-2.1-2.5-3.4%22%2F%3E%3Cpath%20fill%3D%22%2338BAA9%22%20class%3D%22st1%22%20d%3D%22M60.1%2C50.8c0-0.6%2C0.5-1%2C1-1c0.6%2C0%2C1%2C0.5%2C1%2C1v9c0%2C0.3-0.1%2C0.5-0.3%2C0.7l-6.3%2C7.4c-0.4%2C0.4-1%2C0.5-1.4%2C0.1c-0.4-0.4-0.5-1-0.1-1.4l6.1-7.1L60.1%2C50.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.mediaContBox{
  clear: both;   
  margin-bottom: 30px;
  padding: 25px;
  display: flex;
  background-color: #f5f5f5;
}
.mediaContBox .mediaWrap{
  width: 40%;
  position: relative;
}
.mediaContBox .detailWrap{
  flex: 1;
  padding-left: 30px;
}
.mediaContBox .mediaWrap a{
  display: block;
  position: relative;
}
.mediaContBox .mediaWrap a:before, .mediaContBox .mediaWrap a:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
}
.mediaContBox .mediaWrap a:before{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #38baa9;
  z-index: 100;
  transition: background-color .3s ease 0s;
}
.mediaContBox .mediaWrap a:hover:before{
  background-color: #487f78;
}
.mediaContBox .mediaWrap a:after{
  height: 0;
  width: 0;
  display: block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;  
  border-left: 16px solid #fff;  
  z-index: 110;
  margin-left: 2px;
}
.mediaContBox .detailWrap .title{
  color: #783107;
  font-size: 1.333em;
  margin: 0 0 20px 0;  
}

.mainTrails{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.mainTrails .trail{
  margin-left: 20px;
  margin-bottom: 30px;
}

.mainTrails .trail > a{
  display: block;
  text-decoration: none!important;
}
.mainTrails .trail > a > span{ display: block; }
.mainTrails .trail > a > span.img img{ width: 100%; }
.mainTrails .trail > a > span.title{
  padding: 25px 35px 25px 20px;
  display: flex;
  align-items: center;
  height: 150px;
  position: relative;
  text-transform: uppercase;
  transition: background .3s ease 0s;
}
.mainTrails .trail:first-child > a > span.title{
  background-color: #a89519;
}
.mainTrails .trail:first-child > a:hover > span.title{
  background-color: #958416;
}
.mainTrails .trail:nth-child(2) > a > span.title{
  background-color: #a82919;
}
.mainTrails .trail:nth-child(2) > a:hover > span.title{
  background-color: #8b2215;
}
.mainTrails .trail:nth-child(3) > a > span.title{
  background-color: #487f78;
}
.mainTrails .trail:nth-child(3) > a:hover > span.title{
  background-color: #3c6963;
}
.mainTrails .trail:nth-child(4) > a > span.title{
  background-color: #83462a;
}
.mainTrails .trail:nth-child(4) > a:hover > span.title{
  background-color: #6c3a23;
}
.mainTrails .trail:nth-child(5) > a > span.title{
  background-color: #316698;
}
.mainTrails .trail:nth-child(5) > a:hover > span.title{
  background-color: #29547e;
}
.mainTrails .trail > a > span.title:before{
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-45deg);
  display: block;
  border: 2px solid #fff;
  border-left-width: 0;
  border-top-width: 0; 
}
.mainTrails .trail > a > span.title > span{
  display: block;
  color: #fff;
  /* font-size: 1.111em; */
  font-weight: 600;
  line-height: 1.1em;
}

.otherTrails{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;  
}
.otherTrails .trail{
  margin-left: 30px;
  margin-bottom: 30px;
}

.otherTrails .trail > a{
  display: flex;
  align-items: center;
  width: 100%;
}
.otherTrails .trail > a > span{
  display: block;
}
.otherTrails .trail > a > span.img{
  width: 200px;
  border: 1px solid #c9c9c9;
}
.otherTrails .trail > a > span.title{
   width: calc(99.99% - 200px);
   padding: 20px;
}
.btnWrap{
  margin: 40px 0;
}
#content .btnWrap a{
  display: inline-block;
  text-decoration: none;
  background-color: #487f78;
  color: #fff;
}
.applyForm{
  padding: 15px 50px 15px 20px;
}

.docentServices{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;   
}
.docentServices .service{
  margin-left: 30px;
  margin-bottom: 30px;
}
.docentServices .service a{
  display: block;
}
.docentServices .service a > span{
  display: block;
}
.docentServices .service a > span.title{ padding: 10px 0; }
.docentServices .service a > span.img img{
  width: 100%;
  border: 0 solid #38baa9;
  transition: border-width .3s ease 0s;
}
.docentServices .service a:hover > span.img img{
  border-width: 10px;
}
.trailsMapWrap{
  margin-bottom: 30px;
  clear: both;
}
.trailsMapWrap .mapWrap{
  overflow-x: auto;
  width: 100%;  
}
.trailsMapWrap .mapWrap img{ max-width: inherit!important; }

.trailsMapList{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px; 
  direction: rtl;
}
.trailsMapList.secIndex{
  display: block;
}
.trailsMapList.secIndex > div{
  width: 100%!important;
  max-width: inherit!important;
}

.trailsMapList.secIndex >.trailsList{
  display: flex;
  flex-wrap: wrap;
}

.trailsMapList.secIndex >.trailsList .trail > div:last-child{ padding-right: 10px; }

.trailsMapList > div{
  direction: ltr;
}
.trailsMapList .trailImg{
  width: 300px;
}
.trailsMapList .trailImg a img{ width: 100%; }
.trailsMapList .trailsList{
  flex: 1;
  padding-right: 20px;
}

a.btnEnlarge{ display: block; position: relative;}
a.btnEnlarge:before{
  content: '';
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  width: 54px;
  height: 54px;
  background-color: #38baa9;
  border-radius: 50%;
  transition: background-color .3s ease 0s;
}
a.btnEnlarge:after{
  content: '';
  position: absolute;
  z-index: 10;
  bottom: 32px;
  right: 32px;
  width: 30px;
  height: 30px;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2030%2030%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M27.7%2C24.5l-6.1-6.1c1-1.7%2C1.6-3.6%2C1.6-5.7c0-5.9-4.8-10.8-10.8-10.8S1.7%2C6.7%2C1.7%2C12.6c0%2C5.9%2C4.8%2C10.8%2C10.8%2C10.8c2.3%2C0%2C4.4-0.7%2C6.2-1.9l6.1%2C6.1c0.4%2C0.4%2C1%2C0.6%2C1.5%2C0.6c0.6%2C0%2C1.1-0.2%2C1.5-0.6C28.5%2C26.7%2C28.5%2C25.3%2C27.7%2C24.5z%20M12.4%2C19.9c-4%2C0-7.3-3.3-7.3-7.3s3.3-7.3%2C7.3-7.3c4%2C0%2C7.3%2C3.3%2C7.3%2C7.3S16.5%2C19.9%2C12.4%2C19.9z%22%2F%3E%3C%2Fsvg%3E');
}
a.btnEnlarge:hover:before{
   background-color: #487f78;
}
.trailsList .trail{ display: flex; margin-bottom: 15px; }
.trailsList .trail > div:first-child{
  width: 44px;
  display: block;
}
.trailsList .trail > div:first-child span{
  display: inline-block;
  width: 34px;
  height: 34px;
  position: relative;
  border: 1px solid #38baa9;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  font-size: 0.778em;
}
.trailsList .trail.selected > div:first-child span{
  background-color: #487f78;
  color: #fff!important;
}
.trailsList .trail > div:last-child{ flex: 1; }
#content .trailsList .trail > div > ul{
  margin: 10px;
}

.newsletterWrap{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;   
}
.newsletterWrap > .item{
  margin-left: 30px;
  margin-bottom: 30px;
}
.newsletterWrap > .item > a{
  display: block;
}
.newsletterWrap > .item > a > span { 
  display: block; 
  text-align: center;
}
.newsletterWrap > .item > a > span.img{
  padding-top: calc((620/437)*100%);
  position: relative;
  overflow: hidden;
}
.newsletterWrap > .item > a > span.img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
  transform: scale(1) translate(-50%,-50%);
  transition: transform .3s ease 0s;
}
.newsletterWrap > .item > a > span.img:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  border: 0 solid #38baa9;
  transition: border-width .3s ease 0s;
}
.newsletterWrap > .item > a:hover > span.img:before{
  border-width: 5px;
}
.newsletterWrap > .item > a:hover > span:first-child img{
  transform: scale(1.1) translate(-50%,-50%);

}
.newsletterWrap > .item > a > span:last-child{
  padding: 10px;
}

table.bulletin a{
  word-break: break-all;
}


/*AMO Forms*/
.mandatory {
  color:#ff0000;
	font-size:24px;
}
sup.mandatory{ top:-0.1em;}
form input[type="text"] {
  color:#333;
  background-color:#fff;
  width:100%;
  padding:0 10px;
  border:1px solid #ddd;
  line-height:48px;
  height:50px;
  transition:border-color 0.25s ease-in-out;
  -webkit-transition:border-color 0.25s ease-in-out;
}
form input[type=text]:focus {
  border:1px solid #167f39;
}
form textarea {
  color:#767676;
  width:100%;
  padding:10px;
  border:1px solid #ddd;
  -webkit-border-radius:2px;
  border-radius:2px;
  transition:border-color 0.25s ease-in-out;
  resize: none;
  height:120px;
}
form textarea:focus {
  border:1px solid #167f39;
}
div.error_msg {
  color:#f00;
  margin-bottom:20px;
  font-weight:700;
}
.formItemWrap{ padding:40px 30px; background-color: #f5f5f5; margin-bottom: 40px;}
#content .formItemWrap a{ color: #333; }
.formItemWrap table p{ margin-bottom: 10px!important; }
.formItemWrap input[type="text"] {
  color:#333;
  background-color:#fff;
  width:100%;
  padding:6px 10px;
  border:1px solid #c2c2c2;
  transition:border-color 0.25s ease-in-out;
}
.formItemWrap .formInfo input[type="text"]{ border-color:#555;}
.formItemWrap input[type="text"]:focus, .formItemWrap input[type="text"]:focus-visible {
  border:1px solid #487f78!important;
  outline: none!important;
}
.formItemWrap input[type="text"]:disabled {
  background-color: transparent;
  opacity: 0.5;
}
.formItemWrap .formTable input[type="text"]:-ms-input-placeholder {
  color:#767676;
}
.formItemWrap .formTable + h3{ margin-top: 50px!important; }
.formItemWrap .formTable{
  display:table;
  width:100%;
  margin: 0 auto 10px;; 
}
.formItemWrap .formTable:last-child{ margin-bottom:0;}
.formItemWrap .formTable .formRow{
  display: table-row;
}
.formItemWrap .formTable .formRow .formCell{ display:table-cell; padding-top:10px; }
.formItemWrap .formTable .formRow:first-child .formCell{ padding-top:0;}
.formItemWrap .formTable .inputWrap{ width:100%;}
.formItemWrap .formTable .formRow.col-2 > div{
  width:50%;
}
/*.formItemWrap .formTable .formRow.col-3 > div{
  width:33.33%;
}*/
.formItemWrap .formTable .formRow.col-2 > div:first-child{
  padding-right: 15px;
}
.formItemWrap .formTable .formRow.col-2 > div:last-child{
  padding-left: 15px;
}
.formItemWrap .formTable .formRow.col-3 > div:first-child{ padding-left:0;}
.formItemWrap .formTable .formRow.col-3 > div{ padding-left:20px;}
.formItemWrap .formTable .formRow.addr-col-3 > div{ padding-left:20px;}
.formItemWrap .formTable .formRow.addr-col-3 > div:first-child{ padding-left:0;}
.formItemWrap .formTable .formRow.addr-col-3 > div:first-child, .formItemWrap .formTable .formRow.addr-col-3 > div:nth-child(2){ width:22%;}
.formItemWrap .formTable .formRow.addr-col-3 > div:first-child label, .formItemWrap .formTable .formRow.addr-col-3 > div:nth-child(2) label{ width:80px;}
.formItemWrap .formTable .formRow.addr-col-3 > div:first-child input, .formItemWrap .formTable .formRow.addr-col-3 > div:nth-child(2) input{ width:calc(99.99% - 80px);}
.formItemWrap .formTable .formRow.addr-col-3 > div:last-child{ width:56%;}
.formItemWrap .formTable .formRow.addr-col-3 > div:last-child label{ width:180px;}
.formItemWrap .formTable .formRow.addr-col-3 > div:last-child input{width:calc(99.99% - 180px);}
.formItemWrap .formTable .formRow.col-4 > div{ width:25%; padding-left:20px;}
.formItemWrap .formTable .formRow.col-4 > div:first-child{ padding-left:0;}
.formItemWrap .formTable .formRow.col-4 > div label, .formItemWrap .formTable .formRow.col-4 > div input{ width:100%;}
.formItemWrap .formTable .formRow.col-4 > div label{ padding-bottom:5px;}
.formItemWrap em{font-size: 0.875em; font-weight:500;}

/*.formItemWrap .formTable .formRow.HKIDPassNoRow label, .formItemWrap .formTable .formRow.col-addrBuilding label{ width:250px;}
.formItemWrap .formTable .formRow.HKIDPassNoRow input, .formItemWrap .formTable .formRow.col-addrBuilding input{width:calc(99.99% - 250px);}*/
.formItemWrap .formTable .col-2 .inputWrap.noLabel .checkBoxWrap{ width:100%;}
.formItemWrap .formTable .inputWrap:before, .formItemWrap .formTable .inputWrap:after{
  display: table;
  content: " ";
}
.formItemWrap .formTable .inputWrap:after{
  clear: both;
}
/*.formItemWrap .formTable .inputWrap label, .formItemWrap .formTable .inputWrap input{ float:left;}*/
.formItemWrap .formTable .inputWrap input, .formItemWrap .formTable .inputWrap .captchaBlock, .formItemWrap .formTable .inputWrap .checkBoxWrap, .formItemWrap .formTable .inputWrap .dropdownWrap{
  width: calc(99.9% - 260px);
  display:inline-block;
  /*float:right; */
}
.formItemWrap .formTable .inputWrap > label{
  padding: 10px 5px 5px 0;
  /*display: inline-block;*/
  width: 260px;
  float:left;
  color: #467670;
  font-weight: 600;
  line-height: 1.167em;
}
.formItemWrap .formTable .inputWrap > label > span{
  font-weight: 400;
  font-size: 0.875em;
}
.formItemWrap .formTable .checkBoxWrap label{ display:inline-block; width:auto; padding:8px 20px; position:relative; line-height: 20px;}
.formItemWrap .formTable .checkBoxWrap label:last-child{ padding-right:0;}
.formItemWrap .formTable .checkBoxWrap label input{}
.formItemWrap .formTable .checkBoxWrap label:hover, #stepPayment .accordFormMain td label:hover, #content .formItemWrap .formTable .checkBoxWrap label:hover a{ color:#487f78;}
.formItemWrap .formTable .checkBoxWrap .otherInput{ margin-bottom: 15px; }
.formItemWrap .formTable .checkBoxWrap .otherInput label{
  padding-left: 0!important;
}
.formItemWrap .formTable .checkBoxWrap .otherInput input{ display: inline-block; vertical-align: top; }
.formItemWrap .checkBox{  
  position:relative;
  padding-right:20px;
  margin-bottom:5px;
  display:inline-block;
  vertical-align: top;
  /* min-width:120px;  */
}
.formItemWrap.applyDeclaration .checkBoxWrap > label{ flex: 1; }
.formItemWrap .checkBox.solo{ min-width: inherit; margin: 0; padding: 0; }
.formItemWrap .checkBox.solo .checkmark{ top: 0; left: 50%; transform: translateX(-50%); }
.formItemWrap .checkBox label{ cursor:pointer; display:inline-block;}
.formItemWrap .checkBoxWrap .checkBox.check label{ padding-left:30px; }
.formItemWrap .checkBox label.focus{}

/* Create a custom checkbox */
.formItemWrap .checkBox input{
  position:absolute;
  opacity:0;
  left: 0;
  cursor:pointer;
}
.formItemWrap .checkBox .checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  transition: all 0.25s ease 0s;
}
.formItemWrap .checkBox.radio{ margin-bottom: 0; }
.formItemWrap .checkBox.radio .checkmark{ border-radius: 50%; }
/* On mouse-over, add a grey background color */
.checkBox:hover input ~ .checkmark {
  /* background-color: #ccc; */
}
.checkBox label {
  transition: color 0.25s ease 0s;
}
.checkBox label:hover {
  color: #148347;
}
/*.checkBoxWrap.green:hover{
  color: #666;
}*/

/* When the checkbox is checked, add a blue background */
.checkBox input:checked ~ .checkmark {
  /* background-color: #2196F3; */
  border-color: #38baa9;
}
/*.checkBoxWrap.green input:checked ~ .checkmark{
  border-color: #a1b500;
}*/
.checkBox input:checked ~ .text{
  color: #38baa9;
}
/*.checkBoxWrap.green input:checked ~ .text{
  color: #666;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.checkBox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBox input:checked ~ .checkmark:after {
  opacity: 1;
}

/* Style the checkmark/indicator */
.checkBox.radio .checkmark{ border-radius: 50%; }
.checkBoxWrap .checkBox.radio input:checked ~ .checkmark {
  border-color: #38baa9;
}
.checkBox.radio .checkmark:after {
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #38baa9;
  content: '';
  position: absolute;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: all 0.25s ease 0s;
}
.formItemWrap .formTable .checkBoxWrap .checkBox.radio label{
  padding: 8px 20px 8px 30px;
}
.checkBox.check .checkmark:after {
  content: '';
  position: absolute;
  height: 6px;
  width: 12px;
  top: 50%;
  left: 50%;
  border-left: 2px solid #38baa9;
  border-bottom: 2px solid #38baa9;
  transform: rotate(-45deg) translate(-50%,-50%);
  opacity: 0;
  transition: all 0.25s ease 0s;
  transform-origin: top left;
}

/*custom form item*/
#applicant{ width: calc(49.9% - 275px); }
.requestTable thead th{
  vertical-align: middle!important;
}
.requestTable thead th, .requestTable tbody td{
  padding: 15px!important;
}
.requestTable .inputWrap{ /*margin-right: 15px;*/ }
.requestTable tr td:last-child .inputWrap{ margin-right: 0; }
.requestTable .inputWrap.papersize{ /*width: 80px; margin-right: 0; */display: inline-block; }
.requestTable .inputWrap.papersize input{ text-align: center; }
#content .formItemWrap div.respTblWrap{ margin-bottom:0; }
.amoForm .btnWrap{
  text-align:center;
}
.amoForm .btnWrap > a {
  line-height: 50px;
  min-width:160px;
  position: relative;
  text-align:center;
  display: inline-block;
  padding: 0 50px 0 30px;
  margin:0 8px;
  text-decoration: none !important;
  color: #fff;
  background-color:#487f78;
  transition: background 0.3s, color 0.3s;
}
.amoForm .btnWrap > a:before{
  content:'';
  position:absolute;  
  top:50%;
  right:40px;  
}
.amoForm .btnWrap > a:hover{
  background-color:#38baa9!important;
}
.amoForm a#btnSubmit:before{
  width:10px;
  height:10px;
  border:2px solid #fff;
  border:2px solid #fff;
  border-left-width:0;
  border-bottom-width:0;
  transform:rotate(45deg) translateY(-50%);
}
.amoForm a#btnReset:before{
  width: 20px;
  height: 20px;
  transform:translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M8.5%2C30.1c0.3%2C0.3%2C0.7%2C0.3%2C1%2C0l5.9-7.2c0.3-0.3%2C0.1-0.6-0.3-0.6H12c-0.4%2C0-0.7-0.3-0.6-0.8C13%2C14.1%2C19.5%2C8.6%2C27.3%2C8.6c9%2C0%2C16.3%2C7.3%2C16.3%2C16.3s-7.3%2C16.3-16.3%2C16.3c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2c11.1%2C0%2C20.2-9.1%2C20.2-20.2S38.4%2C4.8%2C27.3%2C4.8C17.3%2C4.8%2C9%2C12%2C7.4%2C21.5c-0.1%2C0.4-0.5%2C0.8-0.9%2C0.8H2.9c-0.4%2C0-0.6%2C0.3-0.3%2C0.6L8.5%2C30.1z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.captchaWrap{
  display:flex;
  align-items:center;
  margin-bottom: 10px;
}
#captchaImg{ border:1px solid #ddd; line-height:0; display:inline-block; height:80px; overflow:hidden;}
#captchaImg img{ height:100%;}
#captchaCtrls{ padding-left:10px;}
#captchaCtrls > div > a{
  width:38px;
  height:38px;
  display:block;
  text-indent:-9999px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color:#e5d3bd;
  transition:background-color .3s ease 0s;
}
#captchaCtrls  a:hover{ background-color:#38baa9;}
#captchaPlay:hover{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M26.8%2C8.8c-0.8-0.4-1.7-0.4-2.5%2C0c0%2C0-0.1%2C0.1-0.1%2C0.1l-9.5%2C8H7.3c-0.6%2C0-1%2C0.5-1%2C1v13.4c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3l7.4%2C0l9.5%2C8.7c0.1%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.4%2C0.2%2C0.8%2C0.4%2C1.3%2C0.4c0.4%2C0%2C0.8-0.1%2C1.2-0.3c0.8-0.5%2C1.3-1.3%2C1.3-2.2V11C28.1%2C10%2C27.6%2C9.2%2C26.8%2C8.8zM15.1%2C26.8c-0.6%2C0-1%2C0.5-1%2C1v2.5l-5.8%2C0V18.9h5.8v2.5c0%2C0.6%2C0.5%2C1%2C1%2C1s1-0.5%2C1-1v-3.1l9.3-7.9c0.2-0.1%2C0.4%2C0%2C0.4%2C0c0.2%2C0.1%2C0.3%2C0.3%2C0.3%2C0.5V39c0%2C0.2-0.1%2C0.4-0.3%2C0.5%09c-0.1%2C0-0.2%2C0.1-0.4%2C0l-9.4-8.6v-3.1C16.1%2C27.3%2C15.7%2C26.8%2C15.1%2C26.8z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M34.1%2C11.3c-0.5-0.2-1.1%2C0.1-1.3%2C0.6c-0.2%2C0.5%2C0.1%2C1.1%2C0.6%2C1.3c4.9%2C1.7%2C8.2%2C6.2%2C8.2%2C11.4c0%2C5.2-3.3%2C9.7-8.2%2C11.4c-0.5%2C0.2-0.8%2C0.8-0.6%2C1.3c0.1%2C0.4%2C0.5%2C0.7%2C1%2C0.7c0.1%2C0%2C0.2%2C0%2C0.3-0.1c5.7-1.9%2C9.5-7.3%2C9.5-13.3%09C43.7%2C18.6%2C39.8%2C13.3%2C34.1%2C11.3z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M37.3%2C24.6c0-4.4-2.9-8.2-7.1-9.4c-0.5-0.1-1.1%2C0.2-1.2%2C0.7c-0.1%2C0.3%2C0%2C0.5%2C0.1%2C0.8c0.1%2C0.2%2C0.3%2C0.4%2C0.6%2C0.5c3.3%2C1%2C5.7%2C4.1%2C5.7%2C7.5c0%2C3.5-2.3%2C6.6-5.7%2C7.5c-0.3%2C0.1-0.5%2C0.2-0.6%2C0.5c-0.1%2C0.2-0.2%2C0.5-0.1%2C0.8c0.1%2C0.4%2C0.5%2C0.7%2C1%2C0.7%09c0.1%2C0%2C0.2%2C0%2C0.3%2C0C34.4%2C32.9%2C37.3%2C29%2C37.3%2C24.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#captchaPlay{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23333333%22%20class%3D%22st0%22%20d%3D%22M26.8%2C8.8c-0.8-0.4-1.7-0.4-2.5%2C0c0%2C0-0.1%2C0.1-0.1%2C0.1l-9.5%2C8H7.3c-0.6%2C0-1%2C0.5-1%2C1v13.4c0%2C0.3%2C0.1%2C0.5%2C0.3%2C0.7c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3l7.4%2C0l9.5%2C8.7c0.1%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.4%2C0.2%2C0.8%2C0.4%2C1.3%2C0.4c0.4%2C0%2C0.8-0.1%2C1.2-0.3c0.8-0.5%2C1.3-1.3%2C1.3-2.2V11C28.1%2C10%2C27.6%2C9.2%2C26.8%2C8.8zM15.1%2C26.8c-0.6%2C0-1%2C0.5-1%2C1v2.5l-5.8%2C0V18.9h5.8v2.5c0%2C0.6%2C0.5%2C1%2C1%2C1s1-0.5%2C1-1v-3.1l9.3-7.9c0.2-0.1%2C0.4%2C0%2C0.4%2C0c0.2%2C0.1%2C0.3%2C0.3%2C0.3%2C0.5V39c0%2C0.2-0.1%2C0.4-0.3%2C0.5c-0.1%2C0-0.2%2C0.1-0.4%2C0l-9.4-8.6v-3.1C16.1%2C27.3%2C15.7%2C26.8%2C15.1%2C26.8z%22%2F%3E%3Cpath%20fill%3D%22%23333333%22%20class%3D%22st0%22%20d%3D%22M34.1%2C11.3c-0.5-0.2-1.1%2C0.1-1.3%2C0.6c-0.2%2C0.5%2C0.1%2C1.1%2C0.6%2C1.3c4.9%2C1.7%2C8.2%2C6.2%2C8.2%2C11.4c0%2C5.2-3.3%2C9.7-8.2%2C11.4c-0.5%2C0.2-0.8%2C0.8-0.6%2C1.3c0.1%2C0.4%2C0.5%2C0.7%2C1%2C0.7c0.1%2C0%2C0.2%2C0%2C0.3-0.1c5.7-1.9%2C9.5-7.3%2C9.5-13.3C43.7%2C18.6%2C39.8%2C13.3%2C34.1%2C11.3z%22%2F%3E%3Cpath%20fill%3D%22%23333333%22%20class%3D%22st0%22%20d%3D%22M37.3%2C24.6c0-4.4-2.9-8.2-7.1-9.4c-0.5-0.1-1.1%2C0.2-1.2%2C0.7c-0.1%2C0.3%2C0%2C0.5%2C0.1%2C0.8c0.1%2C0.2%2C0.3%2C0.4%2C0.6%2C0.5c3.3%2C1%2C5.7%2C4.1%2C5.7%2C7.5c0%2C3.5-2.3%2C6.6-5.7%2C7.5c-0.3%2C0.1-0.5%2C0.2-0.6%2C0.5c-0.1%2C0.2-0.2%2C0.5-0.1%2C0.8c0.1%2C0.4%2C0.5%2C0.7%2C1%2C0.7c0.1%2C0%2C0.2%2C0%2C0.3%2C0C34.4%2C32.9%2C37.3%2C29%2C37.3%2C24.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#refreshCode{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23333333%22%20transform%3D%22translate%28128%20128%29%20scale%280.72%200.72%29%22%3E%3Cg%20fill%3D%22%23333333%22%20transform%3D%22translate%28-175.05%20-175.05000000000004%29%20scale%283.89%203.89%29%22%3E%3Cpath%20fill%3D%22%23333333%22%20class%3D%22st0%22%20d%3D%22M13.1%2C9.9c-0.2-0.1-0.5%2C0-0.6%2C0.2c-0.8%2C1.7-2.4%2C2.8-4.3%2C2.8c-2.2%2C0-4-1.5-4.5-3.5L4%2C9.7c0.2%2C0.2%2C0.4%2C0.2%2C0.6%2C0c0.2-0.2%2C0.2-0.4%2C0-0.6L3.4%2C7.9c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0.1c0%2C0%2C0%2C0%2C0%2C0l0%2C0l0%2C0L1.8%2C9.3C1.7%2C9.5%2C1.7%2C9.8%2C1.9%2C9.9C2%2C10%2C2.1%2C10%2C2.2%2C10c0.1%2C0%2C0.3-0.1%2C0.4-0.2l0.3-0.4c0.5%2C2.5%2C2.8%2C4.4%2C5.4%2C4.4c2.2%2C0%2C4.2-1.3%2C5.1-3.3C13.4%2C10.2%2C13.3%2C10%2C13.1%2C9.9z%22%2F%3E%3Cpath%20fill%3D%22%23333333%22%20class%3D%22st0%22%20d%3D%22M14.5%2C6.5c-0.2-0.1-0.5-0.1-0.6%2C0.1L13.7%2C7c-0.5-2.5-2.8-4.4-5.4-4.4C6%2C2.7%2C4%2C4%2C3.1%2C6C3%2C6.2%2C3.1%2C6.5%2C3.4%2C6.6c0.2%2C0.1%2C0.5%2C0%2C0.6-0.2c0.8-1.7%2C2.4-2.8%2C4.3-2.8c2.2%2C0%2C4%2C1.5%2C4.5%2C3.5l-0.3-0.3c-0.2-0.2-0.4-0.2-0.6%2C0c-0.2%2C0.2-0.2%2C0.4%2C0%2C0.6l1.2%2C1.2c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0-0.1c0%2C0%2C0%2C0%2C0%2C0l0.9-1.3C14.8%2C6.9%2C14.7%2C6.7%2C14.5%2C6.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#refreshCode:hover{
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23ffffff%22%20transform%3D%22translate%28128%20128%29%20scale%280.72%200.72%29%22%3E%3Cg%20fill%3D%22%23ffffff%22%20transform%3D%22translate%28-175.05%20-175.05000000000004%29%20scale%283.89%203.89%29%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M13.1%2C9.9c-0.2-0.1-0.5%2C0-0.6%2C0.2c-0.8%2C1.7-2.4%2C2.8-4.3%2C2.8c-2.2%2C0-4-1.5-4.5-3.5L4%2C9.7c0.2%2C0.2%2C0.4%2C0.2%2C0.6%2C0c0.2-0.2%2C0.2-0.4%2C0-0.6L3.4%2C7.9c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0.1c0%2C0%2C0%2C0%2C0%2C0l0%2C0l0%2C0L1.8%2C9.3C1.7%2C9.5%2C1.7%2C9.8%2C1.9%2C9.9C2%2C10%2C2.1%2C10%2C2.2%2C10c0.1%2C0%2C0.3-0.1%2C0.4-0.2l0.3-0.4c0.5%2C2.5%2C2.8%2C4.4%2C5.4%2C4.4c2.2%2C0%2C4.2-1.3%2C5.1-3.3C13.4%2C10.2%2C13.3%2C10%2C13.1%2C9.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M14.5%2C6.5c-0.2-0.1-0.5-0.1-0.6%2C0.1L13.7%2C7c-0.5-2.5-2.8-4.4-5.4-4.4C6%2C2.7%2C4%2C4%2C3.1%2C6C3%2C6.2%2C3.1%2C6.5%2C3.4%2C6.6c0.2%2C0.1%2C0.5%2C0%2C0.6-0.2c0.8-1.7%2C2.4-2.8%2C4.3-2.8c2.2%2C0%2C4%2C1.5%2C4.5%2C3.5l-0.3-0.3c-0.2-0.2-0.4-0.2-0.6%2C0c-0.2%2C0.2-0.2%2C0.4%2C0%2C0.6l1.2%2C1.2c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0-0.1c0%2C0%2C0%2C0%2C0%2C0l0.9-1.3C14.8%2C6.9%2C14.7%2C6.7%2C14.5%2C6.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#captchaCtrls > div:first-child{ margin-bottom:4px;}
#declare_purpose, #captcha_code{ width: 100%; }
.amoForm table thead th{ font-size: 0.889em!important; line-height: 1.167em; }
.amoForm .formItemWrap table{ margin-bottom: 0!important; } 
/*AMO eForms end*/
.amoForm .appDetailsTable, #content table.appDetailsTable thead th{ text-align: center!important; }
#content .amoForm hr {
  margin: 30px 0 22px;
  border-top-color: #c4c4c4;
}
.docentDetailsWrap{ margin-bottom: 40px; }
.docentDetailsWrap .docentTitle{
  background-color: #487f78;
  padding: 12px 20px;
  color: #fff;
}
.docentDetailsWrap .docentDetails{
  padding: 20px;
  background-color: #f5f5f5;
}

.docentDetailsWrap .docentDetails table:last-child, .docentDetailsWrap .docentDetails p:last-child{ margin-bottom: 0!important; }
.notesWrap{
  padding: 20px;
  font-size: 0.889em;
  background-color: #f5f5f5;
}
.notesWrap{ margin-bottom: 40px;}
.notesWrap p:last-child, .notesWrap table:last-child, .notesWrap ol:last-child, .notesWrap ul:last-child{ margin-bottom: 0!important; }
.enquiryWrap{
  margin-bottom: 30px;
  font-size: 0.889em;  
}
.enquiryWrap p{ margin-bottom: 5px!important; }
.enquiryWrap .enquirySpan > span{
  display: inline-block;
  margin-right: 50px;
}
.enquiryWrap .enquirySpan > span:last-child{ margin-right: 0; }
.redNote{ color: #ae0b0b; }

.err{ outline:#ff0000 solid 1px !important; border: 1px solid #ff0000!important; }

.videoWrap{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.videoWrap > div{
  margin: 0 0 20px 20px;
  position: relative;
  overflow: hidden;
}
.videoWrap  a{
  display:block; 
  text-decoration:none!important;
}
.videoWrap  a span{ display: block; }
.videoWrap  a .img{
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}
.videoWrap  a .img:before, .videoWrap  a .img:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
}
.videoWrap  a .img:before{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #38baa9;
  z-index: 100;
  transition: background-color .3s ease 0s;
}
.videoWrap  a:hover .img:before{
  background-color: #487f78;
}
.videoWrap  a .img:after{
  height: 0;
  width: 0;
  display: block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;  
  border-left: 16px solid #fff; 
  z-index: 110;
  margin-left: 2px;
}
.videoWrap  a .img img{
  position: absolute;
  top: 50%;
  left: 50%;
	width:100%;
  transform-origin: 0 0;
  transform: scale(1) translate(-50%,-50%);
  transition: transform .3s ease 0s;
}
.videoWrap  a:hover .img img{
  transform: scale(1.1) translate(-50%,-50%);
}
.videoWrap  a .details{
  padding: 15px;
  font-size: 0.778em;
  line-height: 1.2em;
}
/*monumentsMap */
#mapContainer{
  height:450px;
  background-color:#f6f6f6;
  /* padding:10px; */
	margin-bottom: 40px;
	border:1px solid #c9c9c9;
}
.leaflet-touch .leaflet-bar a{ text-decoration: none!important;}

.DMLinks,
.ThemeLinks{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;	
}
.DMLinks > a{
  display: flex;
  align-items: center;
  line-height: 1.3em;
  width: calc((100% - 60px)/4);
  position: relative;
  text-decoration: none!important;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 20px;
  transition: background-color .3s ease 0s;
}
.DMLinks > a:nth-child(4n+1){
  margin-left: 0;
}
.ThemeLinks > a{
  display: flex;
  align-items: center;
  line-height: 1.3em;
  width: calc((100% - 20px)/2);
  position: relative;
  text-decoration: none!important;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 20px;
  transition: background-color .3s ease 0s;
}
.ThemeLinks > a:nth-child(2n+1){
  margin-left: 0;
}
.DMLinks > a:before,
.ThemeLinks > a:before{
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%) rotate(-45deg);
  display: block;
  border: 2px solid #333;
  border-left-width: 0;
  border-top-width: 0; 
}
.DMLinks > a > span,
.ThemeLinks > a > span{
  display: block;
  color: #333;
  padding-right: 10px;
}
.DMLinks > a.hki,
.ThemeLinks > a.theme1{
  background-color: rgba(216,133,36,.8);
}
.DMLinks > a.hki:hover, .DMLinks > a.hki.focus,
.ThemeLinks > a.theme1:hover, .ThemeLinks > a.theme1.focus{
  background-color: rgba(229,154,43,.8);
}
.DMLinks > a.kln,
.ThemeLinks > a.theme2{
  background-color: rgba(221,85,88,.8);
}
.DMLinks > a.kln:hover, .DMLinks > a.kln.focus,
.ThemeLinks > a.theme2:hover, .ThemeLinks > a.theme2.focus{
  background-color: rgba(233,100,104,.8);
}
.DMLinks > a.nt,
.ThemeLinks > a.theme3{
  background-color: rgba(56,186,169,.8);
}
.DMLinks > a.nt:hover, .DMLinks > a.nt.focus,
.ThemeLinks > a.theme3:hover, .ThemeLinks > a.theme3.focus{
  background-color: rgba(66,205,190,.8);
}
.DMLinks > a.island,
.ThemeLinks > a.theme4{
  background-color: rgba(217,185,68,.8);
}
.DMLinks > a.island:hover, .DMLinks > a.island.focus,
.ThemeLinks > a.theme4:hover, .ThemeLinks > a.theme4.focus{
  background-color: rgba(230,204,80,.8);
}
.fancybox-caption{ font-size:18px;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{ background-color: #f5f5f5; }
.leaflet-popup-content{ padding: 20px; margin: 0; min-width:200px; }
.leaflet-container a.leaflet-popup-close-button{ text-decoration: none!important; }
#mapSAIContainer{
  height:600px;
  background-color:#f6f6f6;
  margin-bottom: 40px;
  border:1px solid #c9c9c9;
}
#mapSAIContainer .leaflet-popup-content > span{ display: block; }
#mapSAIContainer .name{ font-size: 18px; color: #487f78; font-weight: 600; line-height: 1.2em; margin-bottom:5px; }
#mapSAIContainer .district{ font-size: 16px; }
#content.wcmseditor .galleryWrap .swiper-wrapper{ display:block;}
/*tab menu*/
.tabContainer .tabMenu {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.tabContainer .tabMenu ul {
  display: flex;
  margin: 0 !important;
  position:relative;
}

.tabContainer .tabMenu ul li {
  position: relative;
  min-height: 50px;
  padding: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.tabContainer .tabMenu ul li:before{ display: none; }
.tabContainer .tabMenu ul li:last-child{ margin-right: 0; }
.tabContainer .tabMenu ul li a {
  display: block;
  color: #000 !important;
  text-decoration: none !important;
  padding: 5px 30px;  
  position: relative;
  height: 100%;
  border: none!important;
  transition: background-color .3s ease 0s!important;
}
.tabContainer .tabMenu ul li.selected a, .tabContainer .tabMenu ul li a:hover{
  background-color: #487f78;
}
.tabContainer .tabMenu ul li a span {
  z-index: 100;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: left;
  height: 100%;
  font-size: 1.111em;
}
.tabContainer .tabMenu ul li.selected a:before {
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #38baa9;
}
.tabContainer .tabMenu ul li.selected a:after {
  content: '';  
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 8px solid #487f78;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  z-index: 50;
  margin-left: -4px;
  transition: transform 0.3s ease 0s;
}
.tabContainer .tabMenu ul li.selected a span, .tabContainer .tabMenu ul li a:hover span {
  color: #fff;
}

.tabContainer .tabContent {}
/*inside tab menu ends*/

.orgchartWrap img{ width:100%;}

#content .two-col-list{ margin-bottom:25px;}
#content .two-col-list ol{ margin-bottom:0;}

.amoForm.qrcode div.btnWrap > a {
  min-width: 200px;
}
.amoForm.qrcode-gba div.btnWrap > a {
  min-width: 500px;
  line-height: inherit;
  margin-bottom: 30px;  
  padding-top: 10px;
  padding-bottom: 10px;
}
.amoForm.qrcode div.btnWrap > a:before,
.amoForm.qrcode-gba div.btnWrap > a:before {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border: 2px solid #fff;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: rotate(45deg) translateY(-50%);
}
.amoForm.qrcode-gba .accordionItem:first-child.active .accordionTitle > a,
.amoForm.qrcode-gba .accordionItem:first-child .accordionTitle > a:hover,
.amoForm.qrcode-gba .accordionItem:first-child .accordionTitle > a.focus,
.amoForm.qrcode-gba .accordionItem:first-child .accordionTitle > a,
.amoForm.qrcode-gba .accordionItem:nth-child(2).active .accordionTitle > a,
.amoForm.qrcode-gba .accordionItem:nth-child(2) .accordionTitle > a:hover,
.amoForm.qrcode-gba .accordionItem:nth-child(2) .accordionTitle > a.focus,
.amoForm.qrcode-gba .accordionItem:nth-child(2) .accordionTitle > a {
  background-color: #BD3A2E;
  color: #fff !important;
}
.amoForm.qrcode-gba .accordionItem:first-child,
.amoForm.qrcode-gba .accordionItem:nth-child(2) {
  border-color: #BD3A2E;
}
.amoForm.qrcode-gba .accordionItem:nth-child(3).active .accordionTitle > a,
.amoForm.qrcode-gba .accordionItem:nth-child(3) .accordionTitle > a:hover,
.amoForm.qrcode-gba .accordionItem:nth-child(3) .accordionTitle > a.focus,
.amoForm.qrcode-gba .accordionItem:nth-child(3) .accordionTitle > a {
  background-color: #217863;
  color: #fff !important;
}
.amoForm.qrcode-gba .accordionItem:nth-child(3) {
  border-color: #217863;
}
.amoForm.qrcode-gba .accordionItem .accordionTitle > a:before, .amoForm.qrcode-gba .accordionItem .accordionTitle > a:after{
  background-color:#FFF;
}