﻿@charset "UTF-8";

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

html {
  border: 0;
  margin: 0 auto;
  padding: 0;
  min-height: 100vh;
}

body {
  font-family: "微軟正黑體", Microsoft JhengHei, Microsoft YaHei, 新細明體, Arial, Helvetica, sans-serif;
  font-variant-ligatures: none;
  font-size: 18px;
  color: #333;
  font-variant-ligatures: none;
  line-height: 1.2;
  font-weight: 400;
  min-height: 100vh;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

*:focus-visible {
  outline: black solid 2px !important;
}

#skipToContent {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 5000;
}

#skipToContent a {
  background: #fff;
  font-size: 100%;
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

#skipToContent a:focus,
#skipToContent a:active {
  display: inline;
  height: auto;
  left: 0;
  padding: 4px;
  top: 0;
  width: 180px;
  z-index: 1000;
  background: #005295;
  color: #fff;
}

.videoWrap,
.youtubeWrap {
  position: relative;
}

.youtubeWrap iframe,
.videoWrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accessibility {
  height: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
}

.hiddenLabel,
.hidden,
.invisible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: inline;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

.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;
}

object {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  -moz-transition: width 0.25s ease 0s;
  -o-transition: width 0.25s ease 0s;
  -webkit-transition: width 0.25s ease;
  -webkit-transition-delay: 0s;
  transition: width 0.25s ease 0s;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(51, 51, 51, .8);
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(51, 51, 51, .8);
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(51, 51, 51, .8);
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(51, 51, 51, .8);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(51, 51, 51, .8);
}

::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(51, 51, 51, .8);
}

input:focus::-moz-placeholder {
  color: rgba(51, 51, 51, 1);
}

input:focus:-ms-input-placeholder {
  color: rgba(51, 51, 51, 1);
}

input:focus::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 1);
}

strong{
  font-weight: 600;
}

.container {
  width: 100%;
  padding: 0 50px;
  margin: 0 auto;
  max-width: 1800px;
}

#wrapper {
  width: 100%;
  min-width: 320px;
  position: relative;
  /* overflow-x: hidden;*/
}

#wrapperInner {
  position: relative;
  overflow: hidden;
}

#headerZone {
  position: relative;
  z-index: 3000;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}

.showMMenu #headerZone{
  box-shadow: none;
}

#headerZone.fixed {
  position: fixed;
}

#headerTop {
/*  max-width: 1600px;*/
  display: flex;
}

#logoWrap {
  padding: 10px 0;
  line-height: 0;
  flex: 1;
}

#logoWrap a {
  display: inline-block;
  line-height: 0;
  width: 256px;
  height: 84px;
}

#logoWrap a img {
  max-width: 100%;
}

#logoAMO {
  width: 385px;
  height: 80px;
  margin-right: 48px;
}

/*top menu css starts*/
#mmenuCtrl:before {
  content: '';
  width: 1px;
  height: 24px;
  position: absolute;
  background-color: #ccc;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#mmenuCtrl {
  display: none;
  opacity: 1;
  text-align: left;
  align-items: center;
  justify-content: center;
  float: right;
  height: 84px;
  width: 80px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000;
}

#mmenuCtrl a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  
}
#mmenuCtrl.active{
  background-color: #e5d3bd;
}

#mmenuCtrl span {
  text-indent: -9999px;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 24px;
  height: 3px;
  background-color: #38baa9;
}

#mmenuCtrl span:before,
#mmenuCtrl span:after {
  content: '';
  height: 3px;
  width: 24px;
  background-color: #38baa9;
  display: block;
  position: absolute;
  display: block;
  transition: transform .25s ease 0s;
  -webkit-transition: transform .25s ease 0s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
}

#mmenuCtrl span:before {
  top: -8px;
}

#mmenuCtrl span:after {
  top: 8px;
}

/*#mmenuCtrl:hover span, #mmenuCtrl:hover span:before, #mmenuCtrl:hover span:after, #mmenuCtrl.focus span, #mmenuCtrl.focus span:before, #mmenuCtrl.focus span:after {
  width:25px;
}*/
#mmenuCtrl:hover span:before {
  /*top:-9px;*/
}

#mmenuCtrl:hover span:after {
  /*top:9px;*/
}

#mmenuCtrl.active {}

#mmenuCtrl.active span {
  background: transparent !important;
  width: 24px;
}

#mmenuCtrl.active span:before,
#mmenuCtrl.active span:after {
  top: 0;
  width: 24px;
  background-color: #487f78;
}

#mmenuCtrl.active span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#mmenuCtrl.active span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#topNavWrap {
  display: flex;
  justify-content: right;
  align-items: center;
}

#toolQuicklinks .dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 360px;
  color: #fff;
  z-index: 100;
  transition: opacity .3s ease 0s;
  background-color: #487f78;
  opacity: 0;
  pointer-events: none;
}

#toolQuicklinks .dropdown ul {
  transition: max-height .3s ease 0s;
  max-height: 0;
  overflow: hidden;
}

#toolQuicklinks.active .dropdown {
  pointer-events: visible;
  opacity: 1;
  /*box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);*/
}

#toolQuicklinks.active .dropdown ul {
  max-height: 300px;
}

#toolQuicklinks .dropdown:before {
  content: '';
  position: absolute;
  top: -8px;
  right: 24px;
  height: 0;
  width: 0;
  display: block;
  border: 8px transparent solid;
  border-bottom-color: #487f78;
  border-top-width: 0;
}

#toolQuicklinks .dropdown ul li {
  /* border-bottom: 1px solid rgba(255, 255, 255, .2); */
}

#toolQuicklinks .dropdown ul li:last-child {
  border-bottom: none;
}

#toolQuicklinks .dropdown ul li a {
	display:none;
  color: #fff;
  background-color: #487f78;
  line-height: 1.2em;
  padding: 12px 20px;
  transition: background-color .3s ease 0s, color .3s ease 0s;
  -webkit-transition: background-color .3s ease 0s, color .3s ease 0s;
}
#toolQuicklinks.active .dropdown ul li a{ display:block; border-bottom:1px solid rgba(255, 255, 255, .2);}

#toolQuicklinks .dropdown ul li a:hover,
#toolQuicklinks .dropdown ul li a.focus {
  /* color: #e6d3be; */
	color: #333;
	background-color:#e5d3bd;
}

#siteTools {
  text-align: right;
  z-index: 1900;
 /* position: relative;*/
  display: flex;
  margin-right: -20px;
}

#siteTools:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}

.fixed #siteTools {
  margin-bottom: 0;
}

#siteTools>ul {
  text-align: right;
  display: flex;
  position: relative;
  align-items: center;
}

#siteTools>ul>li {
  display: flex;
  position: relative;
  line-height: 35px;
  text-align: left;
  font-size: 1em;
}

#siteTools>ul>li>a {
  display: block;
  height: 100%;
  position: relative;
  padding: 3px;
  margin: 0 12px;
}

#siteTools>ul>li>a>span {
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 30px;
}

#siteTools .subnav {
  position: absolute;
  background-color: #487f78;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease 0s, transform .3s ease 0s;
}

#siteTools .subnav:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #487f78;
  top: -10px;
}

#toolSearch .subnav:before {
  right: 20px;
}

#siteTools .subnav a,
#siteTools .subnav form {
  display: none;
}

#siteTools>ul>li.active>.subnav a,
#siteTools>ul>li.active>.subnav form {
  display: block;
}

#siteTools>ul>li.active>.subnav {
  opacity: 1;
  pointer-events: visible;
  /*box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);*/
}
#siteTools .socialmeida{ width: 192px; }
#siteTools .socialmeida a{ background-size: 25px 25px; }

#toolHome>a>span,
#toolLangs>a>span,
#toolFontsize>a>span,
#toolShare>a>span,
#toolSearch>a>span {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  transition: background .3s ease 0s;
}

#toolQuicklinks:before {
  content: '';
  width: 1px;
  height: 20px;
  position: absolute;
  background-color: #ccc;
  top: 50%;
  transform: translateY(-50%);
}

#toolQuicklinks a.trigger {
  text-align: left;
  align-items: center;
  float: right;
  height: 44px;
  position: relative;
  padding: 0;
  height: 40px;
  width: 40px;
  display: block;
  position: relative;
}

#toolQuicklinks a.trigger span {
  text-indent: -9999px;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 24px;
  height: 3px;
  background-color: #38baa9;
  transition: background-color .3s ease 0s;
}

#toolQuicklinks a.trigger:hover span, #toolQuicklinks.active a.trigger span{ background-color: #487f78; }
#toolQuicklinks a.trigger:hover span:before,
#toolQuicklinks a.trigger:hover span:after,
#toolQuicklinks.active a.trigger span:before,
#toolQuicklinks.active a.trigger span:after{
  background-color: #487f78;
}
#toolQuicklinks a.trigger span:before,
#toolQuicklinks a.trigger span:after {
  content: '';
  height: 3px;
  width: 24px;
  background-color: #38baa9;
  display: block;
  position: absolute;
  display: block;
  transition: transform .25s ease 0s;
  -webkit-transition: transform .25s ease 0s;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transition: background-color .3s ease 0s;
}

#toolQuicklinks a.trigger span:before {
  top: -8px;  
}

#toolQuicklinks a.trigger span:after {
  top: 8px;
}
#toolLangs .subnav{ width:48px;}
#toolLangs .subnav,
#toolShare .subnav {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translate(-50%, 10px);
  color: #fff;
  z-index: 100;
}

#toolShare .subnav{ display: flex; }
.blankTPL  #toolShare .subnav{ display: block; }
.blankTPL  #siteTools .socialmeida{ width: inherit; }
#toolLangs .subnav:before,
#toolShare .subnav:before {
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

#toolLangs.active .subnav:before,
#toolShare.active .subnav:before {
  opacity: 1;
}

#toolLangs .subnav>a,
#toolShare .subnav>a {
  padding: 10px;
  width: 48px;
  color: #fff;
  line-height: 24px;
  text-align: center;
  transition: background-color .3s ease 0s;  
}

#toolLangs .subnav>a{
  border-top: 1px solid rgba(255, 255, 255, .2);
}

#toolShare .subnav>a:hover{
  background-color: #38baa9;
}

#toolLangs .subnav>a:first-child,
#toolShare .subnav>a:first-child{
  border: none;
}

#toolLangs .subnav>a.selected,
#toolLangs .subnav>a:hover,
#toolLangs .subnav>a.focus {
  color: #333;
  background-color: #38baa9;
}

#toolLangs.active .subnav,
#toolShare.active .subnav {
  opacity: 1;
  transform: translate(-50%, 0);
}

#toolHome>a>span {
  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%235F8F89%22%20class%3D%22st0%22%20d%3D%22M28.1%2C13.7L17.4%2C2.9c0%2C0%2C0%2C0-0.1-0.1c-1.3-1.2-3.3-1.2-4.6%2C0c0%2C0%2C0%2C0-0.1%2C0.1L1.9%2C13.7c-0.6%2C0.6-0.6%2C1.5%2C0%2C2c0.6%2C0.6%2C1.5%2C0.6%2C2%2C0L4%2C15.6v7.9C4%2C26%2C6%2C28%2C8.5%2C28h3.7c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-8h2.8v8c0%2C0.8%2C0.6%2C1.4%2C1.4%2C1.4h3.6c2.5%2C0%2C4.5-2%2C4.5-4.5c0-0.8-0.6-1.4-1.4-1.4c-0.8%2C0-1.4%2C0.6-1.4%2C1.4c0%2C0.9-0.7%2C1.7-1.7%2C1.7h-2.2v-8c0-0.8-0.6-1.4-1.4-1.4h-5.7c-0.8%2C0-1.4%2C0.6-1.4%2C1.4v8H8.5c-0.9%2C0-1.7-0.7-1.7-1.7V12.7L14.7%2C5c0.2-0.2%2C0.6-0.2%2C0.8%2C0l7.7%2C7.7v5.6c0%2C0.8%2C0.6%2C1.4%2C1.4%2C1.4c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-2.8l0.1%2C0.1c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.4%2C0%2C0.7-0.1%2C1-0.4c0.3-0.3%2C0.4-0.6%2C0.4-1C28.6%2C14.3%2C28.4%2C14%2C28.1%2C13.7z%22%2F%3E%3C%2Fsvg%3E');
}
#toolHome>a:hover>span {
  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%2338baa9%22%20class%3D%22st0%22%20d%3D%22M28.1%2C13.7L17.4%2C2.9c0%2C0%2C0%2C0-0.1-0.1c-1.3-1.2-3.3-1.2-4.6%2C0c0%2C0%2C0%2C0-0.1%2C0.1L1.9%2C13.7c-0.6%2C0.6-0.6%2C1.5%2C0%2C2c0.6%2C0.6%2C1.5%2C0.6%2C2%2C0L4%2C15.6v7.9C4%2C26%2C6%2C28%2C8.5%2C28h3.7c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-8h2.8v8c0%2C0.8%2C0.6%2C1.4%2C1.4%2C1.4h3.6c2.5%2C0%2C4.5-2%2C4.5-4.5c0-0.8-0.6-1.4-1.4-1.4c-0.8%2C0-1.4%2C0.6-1.4%2C1.4c0%2C0.9-0.7%2C1.7-1.7%2C1.7h-2.2v-8c0-0.8-0.6-1.4-1.4-1.4h-5.7c-0.8%2C0-1.4%2C0.6-1.4%2C1.4v8H8.5c-0.9%2C0-1.7-0.7-1.7-1.7V12.7L14.7%2C5c0.2-0.2%2C0.6-0.2%2C0.8%2C0l7.7%2C7.7v5.6c0%2C0.8%2C0.6%2C1.4%2C1.4%2C1.4c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-2.8l0.1%2C0.1c0.3%2C0.3%2C0.6%2C0.4%2C1%2C0.4c0.4%2C0%2C0.7-0.1%2C1-0.4c0.3-0.3%2C0.4-0.6%2C0.4-1C28.6%2C14.3%2C28.4%2C14%2C28.1%2C13.7z%22%2F%3E%3C%2Fsvg%3E');
}
#toolLangs>a>span {
  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%20%20fill%3D%22%235F8F89%22%20id%3D%22icon-Lang%22%20class%3D%22st0%22%20d%3D%22M28.2%2C13.4c-0.2-2.2-1.1-4.2-2.4-6c-2.1-2.8-5.2-4.7-8.6-5.2C16.5%2C2.1%2C15.7%2C2.1%2C15%2C2h-0.1c-0.7%2C0.1-1.4%2C0.1-2%2C0.2C6%2C3.2%2C1.1%2C9.4%2C1.8%2C16.4c0.3%2C3.2%2C1.8%2C6.1%2C4.2%2C8.2c2.8%2C2.6%2C6.6%2C3.8%2C10.4%2C3.4c2.9-0.2%2C5.7-1.5%2C7.9-3.6C27.3%2C21.6%2C28.8%2C17.5%2C28.2%2C13.4z%20M25.4%2C20.1c-0.4-0.6-0.7-1.3-1-2.1c-0.3-1-0.9%2C0-1%2C0.6s-0.5%2C1.1-1.4%2C0.2c-0.9-1-1-0.8-1.3-0.8s-0.8%2C0.6-0.7%2C3.7c0.1%2C2.2%2C1%2C2.5%2C1.5%2C2.7C16.2%2C27.9%2C9%2C26.4%2C5.4%2C21.1c-0.2-0.3-0.4-0.6-0.5-0.9c-2.1-3.9-1.6-8.6%2C1.2-12c0.1%2C0.5%2C0.1%2C0.9%2C0.2%2C1.4c0.1%2C1.2%2C0.1%2C2.4-0.2%2C3.6c-0.1%2C0.3%2C0%2C0.5%2C0%2C0.8c0.1%2C0.2%2C0.2%2C0.3%2C0.4%2C0.3c0.2%2C0%2C0.3-0.1%2C0.4-0.3c0.1-0.2%2C0.1-0.5%2C0.1-0.8c0-0.2%2C0-0.4%2C0-0.6c0.2%2C0.1%2C0.3%2C0.2%2C0.4%2C0.3c0.3%2C0.3%2C0.6%2C0.6%2C0.8%2C0.9c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.3%2C0.3%2C0.7%2C0.4%2C1c0.1%2C0.1%2C0.1%2C0.3%2C0.1%2C0.5c0.1%2C0.3%2C0.4%2C0.5%2C0.7%2C0.5c0.3%2C0%2C0.6%2C0.2%2C0.6%2C0.5c0%2C0%2C0%2C0.1%2C0%2C0.1c-0.1%2C0-0.2%2C0-0.3%2C0c-0.4%2C0-0.7%2C0.2-0.7%2C0.6c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.9%2C0.4%2C1.8%2C1.1%2C2.4c0.2%2C0.2%2C0.4%2C0.4%2C0.6%2C0.5c0.4%2C0.4%2C0.6%2C1%2C0.4%2C1.5c-0.1%2C0.3-0.2%2C0.6-0.3%2C0.8c-0.1%2C0.3%2C0%2C0.6%2C0%2C0.9c0.1%2C0.3%2C0%2C1%2C0.4%2C0.9c0.6-0.1%2C0.9%2C0%2C0.9-0.6c0-0.1%2C0-0.2%2C0-0.2c0-0.9%2C0.4-1.8%2C1-2.5c0.4-0.2%2C0.8-0.5%2C1.1-0.8c0.5-0.4%2C0.7-1%2C0.5-1.6c-0.2-0.5%2C0-1.1%2C0.5-1.5c0.5-0.4%2C0.7-0.9%2C0.7-1.5c0-0.5-0.4-1-0.9-1c0%2C0-0.1%2C0-0.1%2C0c-0.3%2C0.1-0.5%2C0.1-0.8%2C0.2c-0.4%2C0.1-0.7%2C0.3-1.1%2C0.4c-0.5%2C0.1-0.9-0.2-1.1-0.7c-0.2-0.3-0.3-0.4-0.6-0.2c-0.3%2C0.2-0.6%2C0.4-0.9%2C0.5c-0.2%2C0.2-0.5%2C0.1-0.7-0.1c0%2C0%2C0%2C0%2C0%2C0c-0.2-0.1-0.3-0.3-0.5-0.4c-0.1-0.1-0.3-0.1-0.4-0.2c-0.2-0.1-0.3-0.3-0.3-0.5c0.1-0.2%2C0.2-0.4%2C0.4-0.4c0.3-0.1%2C0.6-0.2%2C1-0.2c0.2%2C0%2C0.3-0.1%2C0.5-0.1c0.2-0.1%2C0.2-0.2%2C0-0.4c-0.1-0.1-0.2-0.1-0.3-0.2c-0.5-0.2-1-0.4-1.5-0.6c-0.1%2C0-0.2-0.1-0.3-0.2c-0.3-0.2-0.3-0.4-0.1-0.7c0.8-1%2C2.2-1.1%2C3.2-0.3c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.3c0.3%2C0.4%2C0.6%2C0.9%2C0.9%2C1.3c0.3%2C0.3%2C0.6%2C0.6%2C0.9%2C0.9c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.2-0.1%2C0.3-0.4%2C0.1-0.6c0%2C0%2C0%2C0%2C0%2C0c-0.1-0.2-0.2-0.4-0.4-0.6c-0.7-0.9-0.5-2.2%2C0.4-2.9c0.1-0.1%2C0.2-0.1%2C0.2-0.2c0.5-0.2%2C0.9-0.6%2C1-1c-0.2%2C0.1-0.4%2C0.1-0.6%2C0.2c-1%2C0.3-0.3-0.4%2C0.1-0.5c0.3-0.1-0.2-0.3-0.2-0.3c0%2C0%2C0.3-0.1%2C0.7-0.3c0.3-0.1%2C0.5-0.2%2C0.7-0.4c0.1-0.1%2C0.2-0.3%2C0.3-0.5l-0.1-0.1c-0.3%2C0-0.5%2C0.1-0.8%2C0.1c-0.4%2C0-0.5%2C0-0.6-0.5c0-0.2-0.2-0.4-0.4-0.4c-0.1%2C0-0.1%2C0-0.2%2C0.1c-0.2%2C0.1-0.4%2C0.2-0.5%2C0.4c-0.2%2C0.2-0.6%2C0.2-0.8%2C0C14.1%2C7.1%2C14%2C7%2C14%2C6.9c-0.1-0.3-0.2-0.3-0.5-0.2c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.4%2C0.2-0.7%2C0.3c-0.2%2C0.1-0.5%2C0.1-0.7-0.1C11.7%2C7%2C11.8%2C6.7%2C12%2C6.5c0.3-0.2%2C0.6-0.4%2C0.9-0.5c0.4-0.2%2C0.9-0.4%2C1.3-0.7c0.3-0.2%2C0.4-0.5%2C0.3-0.8c0-0.2-0.2-0.3-0.4-0.3c-0.1%2C0-0.1%2C0-0.2%2C0.1c-0.2%2C0.1-0.4%2C0.3-0.7%2C0.4c-0.2%2C0.1-0.4%2C0.1-0.6%2C0c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1%2C0.1-0.2%2C0.2-0.2c0.6-0.1%2C1.2-0.2%2C1.7-0.2c0.1%2C0%2C0.2%2C0%2C0.2%2C0.1c0.4%2C0.4%2C0.9%2C0.7%2C1.5%2C0.9c0.5%2C0.1%2C0.5%2C0.1%2C0.6-0.4c0.6-0.3%2C1.3-0.3%2C1.8%2C0c0.3%2C0.2%2C0.7%2C0.5%2C0.9%2C0.8c0.1%2C0.1%2C0%2C0.3%2C0%2C0.4c0%2C0.2-0.1%2C0.4-0.2%2C0.5c-0.1%2C0.3%2C0.1%2C0.5%2C0.3%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0c0.1%2C0%2C0.2%2C0%2C0.4%2C0c0.2-0.1%2C0.4%2C0%2C0.4%2C0.2c0%2C0.1%2C0%2C0.2%2C0%2C0.2c0%2C0.5%2C0%2C0.5%2C0.5%2C0.5c0.2%2C0%2C0.3%2C0%2C0.5%2C0.1c0.1%2C0%2C0.2%2C0.1%2C0.2%2C0.2c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.1c0.1-0.1%2C0.2-0.3%2C0.2-0.4c0-0.1%2C0-0.1%2C0-0.2c0.1-0.3%2C0.2-0.3%2C0.4-0.1c0.4%2C0.4%2C0.7%2C0.8%2C1.1%2C1.2C24%2C8.8%2C23.9%2C9.3%2C24%2C9.7c0.1%2C0.5%2C0%2C0.9-0.2%2C1.3c-0.2%2C0.4-0.4%2C0.8-0.5%2C1.2c-0.2%2C0.4%2C0%2C0.8%2C0.3%2C1c0.1%2C0.1%2C0.2%2C0.1%2C0.4%2C0.1c0.4%2C0%2C0.7%2C0.3%2C0.8%2C0.7c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.8%2C0.5%2C1.5%2C1.2%2C1.8c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.2C26.4%2C17.5%2C26%2C18.9%2C25.4%2C20.1L25.4%2C20.1z%22%2F%3E%3C%2Fsvg%3E');
}
#toolLangs>a:hover>span {
  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%20%20fill%3D%22%2338baa9%22%20id%3D%22icon-Lang%22%20class%3D%22st0%22%20d%3D%22M28.2%2C13.4c-0.2-2.2-1.1-4.2-2.4-6c-2.1-2.8-5.2-4.7-8.6-5.2C16.5%2C2.1%2C15.7%2C2.1%2C15%2C2h-0.1c-0.7%2C0.1-1.4%2C0.1-2%2C0.2C6%2C3.2%2C1.1%2C9.4%2C1.8%2C16.4c0.3%2C3.2%2C1.8%2C6.1%2C4.2%2C8.2c2.8%2C2.6%2C6.6%2C3.8%2C10.4%2C3.4c2.9-0.2%2C5.7-1.5%2C7.9-3.6C27.3%2C21.6%2C28.8%2C17.5%2C28.2%2C13.4z%20M25.4%2C20.1c-0.4-0.6-0.7-1.3-1-2.1c-0.3-1-0.9%2C0-1%2C0.6s-0.5%2C1.1-1.4%2C0.2c-0.9-1-1-0.8-1.3-0.8s-0.8%2C0.6-0.7%2C3.7c0.1%2C2.2%2C1%2C2.5%2C1.5%2C2.7C16.2%2C27.9%2C9%2C26.4%2C5.4%2C21.1c-0.2-0.3-0.4-0.6-0.5-0.9c-2.1-3.9-1.6-8.6%2C1.2-12c0.1%2C0.5%2C0.1%2C0.9%2C0.2%2C1.4c0.1%2C1.2%2C0.1%2C2.4-0.2%2C3.6c-0.1%2C0.3%2C0%2C0.5%2C0%2C0.8c0.1%2C0.2%2C0.2%2C0.3%2C0.4%2C0.3c0.2%2C0%2C0.3-0.1%2C0.4-0.3c0.1-0.2%2C0.1-0.5%2C0.1-0.8c0-0.2%2C0-0.4%2C0-0.6c0.2%2C0.1%2C0.3%2C0.2%2C0.4%2C0.3c0.3%2C0.3%2C0.6%2C0.6%2C0.8%2C0.9c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.5c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.3%2C0.3%2C0.7%2C0.4%2C1c0.1%2C0.1%2C0.1%2C0.3%2C0.1%2C0.5c0.1%2C0.3%2C0.4%2C0.5%2C0.7%2C0.5c0.3%2C0%2C0.6%2C0.2%2C0.6%2C0.5c0%2C0%2C0%2C0.1%2C0%2C0.1c-0.1%2C0-0.2%2C0-0.3%2C0c-0.4%2C0-0.7%2C0.2-0.7%2C0.6c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.9%2C0.4%2C1.8%2C1.1%2C2.4c0.2%2C0.2%2C0.4%2C0.4%2C0.6%2C0.5c0.4%2C0.4%2C0.6%2C1%2C0.4%2C1.5c-0.1%2C0.3-0.2%2C0.6-0.3%2C0.8c-0.1%2C0.3%2C0%2C0.6%2C0%2C0.9c0.1%2C0.3%2C0%2C1%2C0.4%2C0.9c0.6-0.1%2C0.9%2C0%2C0.9-0.6c0-0.1%2C0-0.2%2C0-0.2c0-0.9%2C0.4-1.8%2C1-2.5c0.4-0.2%2C0.8-0.5%2C1.1-0.8c0.5-0.4%2C0.7-1%2C0.5-1.6c-0.2-0.5%2C0-1.1%2C0.5-1.5c0.5-0.4%2C0.7-0.9%2C0.7-1.5c0-0.5-0.4-1-0.9-1c0%2C0-0.1%2C0-0.1%2C0c-0.3%2C0.1-0.5%2C0.1-0.8%2C0.2c-0.4%2C0.1-0.7%2C0.3-1.1%2C0.4c-0.5%2C0.1-0.9-0.2-1.1-0.7c-0.2-0.3-0.3-0.4-0.6-0.2c-0.3%2C0.2-0.6%2C0.4-0.9%2C0.5c-0.2%2C0.2-0.5%2C0.1-0.7-0.1c0%2C0%2C0%2C0%2C0%2C0c-0.2-0.1-0.3-0.3-0.5-0.4c-0.1-0.1-0.3-0.1-0.4-0.2c-0.2-0.1-0.3-0.3-0.3-0.5c0.1-0.2%2C0.2-0.4%2C0.4-0.4c0.3-0.1%2C0.6-0.2%2C1-0.2c0.2%2C0%2C0.3-0.1%2C0.5-0.1c0.2-0.1%2C0.2-0.2%2C0-0.4c-0.1-0.1-0.2-0.1-0.3-0.2c-0.5-0.2-1-0.4-1.5-0.6c-0.1%2C0-0.2-0.1-0.3-0.2c-0.3-0.2-0.3-0.4-0.1-0.7c0.8-1%2C2.2-1.1%2C3.2-0.3c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.3c0.3%2C0.4%2C0.6%2C0.9%2C0.9%2C1.3c0.3%2C0.3%2C0.6%2C0.6%2C0.9%2C0.9c0.2%2C0.1%2C0.4%2C0.1%2C0.6%2C0c0.2-0.1%2C0.3-0.4%2C0.1-0.6c0%2C0%2C0%2C0%2C0%2C0c-0.1-0.2-0.2-0.4-0.4-0.6c-0.7-0.9-0.5-2.2%2C0.4-2.9c0.1-0.1%2C0.2-0.1%2C0.2-0.2c0.5-0.2%2C0.9-0.6%2C1-1c-0.2%2C0.1-0.4%2C0.1-0.6%2C0.2c-1%2C0.3-0.3-0.4%2C0.1-0.5c0.3-0.1-0.2-0.3-0.2-0.3c0%2C0%2C0.3-0.1%2C0.7-0.3c0.3-0.1%2C0.5-0.2%2C0.7-0.4c0.1-0.1%2C0.2-0.3%2C0.3-0.5l-0.1-0.1c-0.3%2C0-0.5%2C0.1-0.8%2C0.1c-0.4%2C0-0.5%2C0-0.6-0.5c0-0.2-0.2-0.4-0.4-0.4c-0.1%2C0-0.1%2C0-0.2%2C0.1c-0.2%2C0.1-0.4%2C0.2-0.5%2C0.4c-0.2%2C0.2-0.6%2C0.2-0.8%2C0C14.1%2C7.1%2C14%2C7%2C14%2C6.9c-0.1-0.3-0.2-0.3-0.5-0.2c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.4%2C0.2-0.7%2C0.3c-0.2%2C0.1-0.5%2C0.1-0.7-0.1C11.7%2C7%2C11.8%2C6.7%2C12%2C6.5c0.3-0.2%2C0.6-0.4%2C0.9-0.5c0.4-0.2%2C0.9-0.4%2C1.3-0.7c0.3-0.2%2C0.4-0.5%2C0.3-0.8c0-0.2-0.2-0.3-0.4-0.3c-0.1%2C0-0.1%2C0-0.2%2C0.1c-0.2%2C0.1-0.4%2C0.3-0.7%2C0.4c-0.2%2C0.1-0.4%2C0.1-0.6%2C0c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1%2C0.1-0.2%2C0.2-0.2c0.6-0.1%2C1.2-0.2%2C1.7-0.2c0.1%2C0%2C0.2%2C0%2C0.2%2C0.1c0.4%2C0.4%2C0.9%2C0.7%2C1.5%2C0.9c0.5%2C0.1%2C0.5%2C0.1%2C0.6-0.4c0.6-0.3%2C1.3-0.3%2C1.8%2C0c0.3%2C0.2%2C0.7%2C0.5%2C0.9%2C0.8c0.1%2C0.1%2C0%2C0.3%2C0%2C0.4c0%2C0.2-0.1%2C0.4-0.2%2C0.5c-0.1%2C0.3%2C0.1%2C0.5%2C0.3%2C0.6c0.1%2C0%2C0.1%2C0%2C0.2%2C0c0.1%2C0%2C0.2%2C0%2C0.4%2C0c0.2-0.1%2C0.4%2C0%2C0.4%2C0.2c0%2C0.1%2C0%2C0.2%2C0%2C0.2c0%2C0.5%2C0%2C0.5%2C0.5%2C0.5c0.2%2C0%2C0.3%2C0%2C0.5%2C0.1c0.1%2C0%2C0.2%2C0.1%2C0.2%2C0.2c0.2%2C0.2%2C0.5%2C0.3%2C0.8%2C0.1c0.1-0.1%2C0.2-0.3%2C0.2-0.4c0-0.1%2C0-0.1%2C0-0.2c0.1-0.3%2C0.2-0.3%2C0.4-0.1c0.4%2C0.4%2C0.7%2C0.8%2C1.1%2C1.2C24%2C8.8%2C23.9%2C9.3%2C24%2C9.7c0.1%2C0.5%2C0%2C0.9-0.2%2C1.3c-0.2%2C0.4-0.4%2C0.8-0.5%2C1.2c-0.2%2C0.4%2C0%2C0.8%2C0.3%2C1c0.1%2C0.1%2C0.2%2C0.1%2C0.4%2C0.1c0.4%2C0%2C0.7%2C0.3%2C0.8%2C0.7c0%2C0.1%2C0%2C0.1%2C0%2C0.2c0%2C0.8%2C0.5%2C1.5%2C1.2%2C1.8c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.2C26.4%2C17.5%2C26%2C18.9%2C25.4%2C20.1L25.4%2C20.1z%22%2F%3E%3C%2Fsvg%3E');
}
#toolFontsize>a>span {
  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%235F8F89%22%20class%3D%22st0%22%20d%3D%22M6.9%2C10.5L0.5%2C27.4h2.3l1.5-4.5h7.1l1.5%2C4.5h2.3L8.8%2C10.5C8.8%2C10.5%2C6.9%2C10.5%2C6.9%2C10.5z%20M5.1%2C21.2L8%2C13.4l2.9%2C7.8H5.1z%20M19.8%2C2.5h-2.9l-4.3%2C11.4l1.5%2C4.2l4.2-11.5l4.3%2C11.7h-8.3l1.1%2C2.8h8.3l2.5%2C6.6h3.4L19.8%2C2.5z%22%2F%3E%3C%2Fsvg%3E');
}

#toolFontsize>a:hover>span {
  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%2338baa9%22%20class%3D%22st0%22%20d%3D%22M6.9%2C10.5L0.5%2C27.4h2.3l1.5-4.5h7.1l1.5%2C4.5h2.3L8.8%2C10.5C8.8%2C10.5%2C6.9%2C10.5%2C6.9%2C10.5z%20M5.1%2C21.2L8%2C13.4l2.9%2C7.8H5.1z%20M19.8%2C2.5h-2.9l-4.3%2C11.4l1.5%2C4.2l4.2-11.5l4.3%2C11.7h-8.3l1.1%2C2.8h8.3l2.5%2C6.6h3.4L19.8%2C2.5z%22%2F%3E%3C%2Fsvg%3E');
}

#toolShare>a>span {
  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%235F8F89%22%20d%3D%22M22.4%2C19.5c-1%2C0-1.9%2C0.4-2.7%2C1L11.8%2C16c0.1-0.4%2C0.1-0.6%2C0.1-1c0-0.3%2C0-0.6-0.1-1l7.9-4.5c0.8%2C0.6%2C1.7%2C1%2C2.7%2C1c2.3%2C0%2C4.3-1.9%2C4.3-4.3c0-2.3-1.9-4.1-4.3-4.1c-2.3%2C0-4.3%2C1.9-4.3%2C4.3c0%2C0.3%2C0%2C0.6%2C0.1%2C1l-7.8%2C4.4c-0.8-0.6-1.8-1-2.9-1c-2.3%2C0-4.3%2C1.9-4.3%2C4.3s1.9%2C4.3%2C4.3%2C4.3c1%2C0%2C1.9-0.4%2C2.7-1l7.9%2C4.5c-0.1%2C0.4-0.1%2C0.6-0.1%2C1c0%2C2.3%2C1.9%2C4.3%2C4.3%2C4.3c2.3%2C0%2C4.3-1.9%2C4.3-4.3C26.5%2C21.3%2C24.7%2C19.5%2C22.4%2C19.5z%22%2F%3E%3C%2Fsvg%3E');
}

#toolShare>a:hover>span {
  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%2338baa9%22%20d%3D%22M22.4%2C19.5c-1%2C0-1.9%2C0.4-2.7%2C1L11.8%2C16c0.1-0.4%2C0.1-0.6%2C0.1-1c0-0.3%2C0-0.6-0.1-1l7.9-4.5c0.8%2C0.6%2C1.7%2C1%2C2.7%2C1c2.3%2C0%2C4.3-1.9%2C4.3-4.3c0-2.3-1.9-4.1-4.3-4.1c-2.3%2C0-4.3%2C1.9-4.3%2C4.3c0%2C0.3%2C0%2C0.6%2C0.1%2C1l-7.8%2C4.4c-0.8-0.6-1.8-1-2.9-1c-2.3%2C0-4.3%2C1.9-4.3%2C4.3s1.9%2C4.3%2C4.3%2C4.3c1%2C0%2C1.9-0.4%2C2.7-1l7.9%2C4.5c-0.1%2C0.4-0.1%2C0.6-0.1%2C1c0%2C2.3%2C1.9%2C4.3%2C4.3%2C4.3c2.3%2C0%2C4.3-1.9%2C4.3-4.3C26.5%2C21.3%2C24.7%2C19.5%2C22.4%2C19.5z%22%2F%3E%3C%2Fsvg%3E');
}

#toolSearch>a>span {
  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%235F8F89%22%20class%3D%22st0%22%20d%3D%22M25%2C26.6c-0.5%2C0-1-0.3-1.4-0.6L20%2C21.9L19.8%2C22c-1.7%2C0.9-3.6%2C1.4-5.6%2C1.4C8.1%2C23.5%2C3.4%2C19%2C3.4%2C13.4S8.1%2C3.4%2C14.1%2C3.4s10.7%2C4.5%2C10.7%2C10.1c0%2C2.2-0.8%2C4.3-2.2%2C6.1l-0.3%2C0.3l3.7%2C4.5c0.5%2C0.1%2C0.5%2C0.6%2C0.5%2C1c-0.1%2C0.4-0.3%2C0.8-0.6%2C1C25.6%2C26.5%2C25.3%2C26.6%2C25%2C26.6zM14.1%2C5.6c-4.6%2C0-8.2%2C3.5-8.2%2C7.7S9.6%2C21%2C14.1%2C21s8.2-3.3%2C8.2-7.5C22.3%2C9.1%2C18.7%2C5.6%2C14.1%2C5.6z%22%2F%3E%3C%2Fsvg%3E');
}

#toolSearch>a:hover>span {
  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%2338baa9%22%20class%3D%22st0%22%20d%3D%22M25%2C26.6c-0.5%2C0-1-0.3-1.4-0.6L20%2C21.9L19.8%2C22c-1.7%2C0.9-3.6%2C1.4-5.6%2C1.4C8.1%2C23.5%2C3.4%2C19%2C3.4%2C13.4S8.1%2C3.4%2C14.1%2C3.4s10.7%2C4.5%2C10.7%2C10.1c0%2C2.2-0.8%2C4.3-2.2%2C6.1l-0.3%2C0.3l3.7%2C4.5c0.5%2C0.1%2C0.5%2C0.6%2C0.5%2C1c-0.1%2C0.4-0.3%2C0.8-0.6%2C1C25.6%2C26.5%2C25.3%2C26.6%2C25%2C26.6zM14.1%2C5.6c-4.6%2C0-8.2%2C3.5-8.2%2C7.7S9.6%2C21%2C14.1%2C21s8.2-3.3%2C8.2-7.5C22.3%2C9.1%2C18.7%2C5.6%2C14.1%2C5.6z%22%2F%3E%3C%2Fsvg%3E');
}

#toolSearch {
  position: relative;
}

#toolSearch .searchForm {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 360px;
  background-color: #487f78;
  padding: 15px;
  color: #fff;
  z-index: 100;
  transform: translateY(10px);
  transition: transform .3s ease 0s;
}

#toolSearch.active .searchForm {
  display: block;
  transform: translateY(0);
}

#toolSearch input[type=search] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toolSearch ::placeholder {
  color: rgba(255, 255, 255, .8);
}

#toolSearch .searchForm form .inputWrap {
  position: relative;
}

#toolSearch .searchForm form .inputWrap label {
  position: absolute;
  left: 0;
  top: 0;
}

#toolSearch .searchForm form .inputWrap input {
  height: 40px;
  color: #fff;
  padding: 0 22px 0 0;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  transition: border-bottom-color .3s ease 0s;
  -webkit-transition: border-bottom-color .3s ease 0s;
  background: transparent;
}

#toolSearch .searchForm form .inputWrap input:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

#toolSearch .searchForm .btnSearch {
  position: absolute;
  text-align: left;
  width: 22px;
  height: 22px;
  color: #fff;
  display: block;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-indent: -9999px;
  transition: right .3s ease 0s;
}

#toolSearch .searchForm .btnSearch:hover{
  right: 0;
}

#toolSearch .searchForm .btnSearch:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}

#toolSearch .searchForm .advSearch {
  text-align: right;
  margin-top: 5px;
}

#toolSearch .searchForm .advSearch a {
  color: #fff;
}

#toolSearch .searchForm .advSearch a:hover {
  text-decoration: underline;
}

#toolSearch a.trigger:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #0073aa;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

#toolSearch a.trigger.active:before {
  display: block;
}

#toolShare .shareWrap {
  left: 0;
  position: absolute;
}

#toolShare.active .shareWrap {
  display: block;
}

#toolShare .shareWrap>ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease 0s;
}

#toolShare.active .shareWrap>ul {
  max-height: 260px;
}

#toolShare.active .shareWrap>ul li:first-child {
  border: none;
}

#toolShare.active .shareWrap>ul li {
  border-top: 1px solid #fff;
  /*padding: 10px 0;*/
  line-height: 30px;
}

#toolShare.active .shareWrap>ul a {
  color: #03563e;
  padding: 10px 10px 10px 40px;
  position: relative;
  display: block;
  background-position: 15px 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  transition: background-color .3s ease 0s, color .3s ease 0s;
}

#toolShare.active .shareWrap>ul a:hover {}

.socialmeida a{
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
  background-color: #487f78;
  text-indent: -9999px;
}
.socialmeida a.btn_fb {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M36.3%2C11h-5.8c-1.6%2C0-2.7%2C1.3-2.7%2C3v2.6h8.3L34.8%2C25h-7v22.6h-8.5V25h-5.7v-8.4h5.7v-4.3h0c0.1-4.9%2C1.9-9.6%2C10.1-9.9v0h6.8V11z%22%2F%3E%3C%2Fsvg%3E');
}
.socialmeida a.btn_whatsapp {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M40.5%2C9.5c-4.1-4.1-9.6-6.4-15.4-6.4c-12%2C0-21.7%2C9.7-21.7%2C21.7c0%2C3.8%2C1%2C7.6%2C2.9%2C10.9L3.2%2C46.9l11.5-3c3.2%2C1.7%2C6.7%2C2.6%2C10.4%2C2.6h0c12%2C0%2C21.7-9.7%2C21.7-21.7C46.8%2C19%2C44.6%2C13.6%2C40.5%2C9.5zM25.1%2C42.9L25.1%2C42.9c-3.2%2C0-6.4-0.9-9.2-2.5L15.2%2C40l-6.8%2C1.8l1.8-6.7l-0.4-0.7C8%2C31.5%2C7%2C28.2%2C7%2C24.8c0-9.9%2C8.1-18%2C18.1-18c4.8%2C0%2C9.4%2C1.9%2C12.8%2C5.3s5.3%2C7.9%2C5.3%2C12.8C43.1%2C34.8%2C35%2C42.9%2C25.1%2C42.9z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M36%2C30c-0.1-0.2-0.5-0.4-1-0.6c-0.5-0.3-3.2-1.6-3.7-1.8c-0.5-0.2-0.9-0.3-1.2%2C0.3c-0.4%2C0.5-1.4%2C1.8-1.7%2C2.1c-0.3%2C0.4-0.6%2C0.4-1.2%2C0.1c-0.5-0.3-2.3-0.8-4.4-2.7c-1.6-1.4-2.7-3.2-3-3.8c-0.3-0.5%2C0-0.8%2C0.2-1.1c0.6-0.7%2C1.2-1.5%2C1.4-1.9c0.2-0.4%2C0.1-0.7%2C0-1c-0.1-0.3-1.2-2.9-1.7-4c-0.4-1.1-0.9-0.9-1.2-0.9c-0.3%2C0-0.7%2C0-1%2C0c-0.4%2C0-0.9%2C0.1-1.4%2C0.7c-0.5%2C0.5-1.9%2C1.9-1.9%2C4.5c0%2C2.7%2C1.9%2C5.2%2C2.2%2C5.6c0.3%2C0.4%2C3.8%2C5.8%2C9.3%2C8.2c1.3%2C0.6%2C2.3%2C0.9%2C3.1%2C1.1c1.3%2C0.4%2C2.5%2C0.4%2C3.4%2C0.2c1-0.2%2C3.2-1.3%2C3.7-2.6C36.2%2C31.3%2C36.2%2C30.2%2C36%2C30z%22%2F%3E%3C%2Fsvg%3E');
}
.socialmeida a.btn_youtube {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M45.8%2C14.6c-0.5-1.9-2-3.3-3.8-3.8c-3.4-0.9-17-0.9-17-0.9s-13.6%2C0-17%2C0.9c-1.8%2C0.5-3.3%2C2-3.8%2C3.9C3.3%2C18%2C3.3%2C25%2C3.3%2C25s0%2C7.1%2C0.9%2C10.4c0.5%2C1.9%2C2%2C3.3%2C3.8%2C3.8c3.4%2C0.9%2C17%2C0.9%2C17%2C0.9s13.6%2C0%2C17-0.9c1.9-0.5%2C3.3-2%2C3.8-3.8c0.9-3.4%2C0.9-10.4%2C0.9-10.4S46.7%2C18%2C45.8%2C14.6z%20M20.7%2C31.5v-13L32%2C25L20.7%2C31.5z%22%2F%3E%3C%2Fsvg%3E');
}
.socialmeida a.btn_instagram {
  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%22M36.3%2C11.2c-1.4%2C0-2.5%2C1.1-2.5%2C2.5s1.1%2C2.5%2C2.5%2C2.5c1.4%2C0%2C2.5-1.1%2C2.5-2.5C38.8%2C12.3%2C37.7%2C11.2%2C36.3%2C11.2z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M46%2C16.3c-0.1-2.2-0.5-3.8-1-5.1c-0.5-1.4-1.4-2.7-2.4-3.7c-1.1-1.1-2.3-1.9-3.7-2.4c-1.3-0.5-2.9-0.9-5.1-1c-2.2-0.1-3-0.1-8.7-0.1s-6.4%2C0-8.7%2C0.1c-2.2%2C0.1-3.8%2C0.5-5.1%2C1C9.8%2C5.5%2C8.5%2C6.4%2C7.4%2C7.4C6.4%2C8.5%2C5.5%2C9.8%2C5%2C11.2c-0.5%2C1.3-0.9%2C2.9-1%2C5.1c-0.1%2C2.2-0.1%2C3-0.1%2C8.7s0%2C6.4%2C0.1%2C8.7c0.1%2C2.2%2C0.5%2C3.8%2C1%2C5.1c0.5%2C1.4%2C1.4%2C2.7%2C2.4%2C3.7c1.1%2C1.1%2C2.3%2C1.9%2C3.7%2C2.4c1.3%2C0.5%2C2.9%2C0.9%2C5.1%2C1c2.2%2C0.1%2C3%2C0.1%2C8.7%2C0.1c5.7%2C0%2C6.4%2C0%2C8.7-0.1c2.2-0.1%2C3.8-0.5%2C5.1-1c2.8-1.1%2C5.1-3.3%2C6.2-6.2c0.5-1.3%2C0.9-2.9%2C1-5.1c0.1-2.2%2C0.1-3%2C0.1-8.7S46.1%2C18.6%2C46%2C16.3zM42.2%2C33.5c-0.1%2C2.1-0.4%2C3.2-0.7%2C3.9c-0.7%2C1.8-2.2%2C3.3-4%2C4c-0.7%2C0.3-1.9%2C0.6-3.9%2C0.7c-2.2%2C0.1-2.9%2C0.1-8.5%2C0.1c-5.6%2C0-6.3%2C0-8.5-0.1c-2.1-0.1-3.2-0.4-3.9-0.7c-0.9-0.3-1.7-0.9-2.4-1.6c-0.7-0.7-1.2-1.5-1.6-2.4c-0.3-0.7-0.6-1.9-0.7-3.9c-0.1-2.2-0.1-2.9-0.1-8.5c0-5.6%2C0-6.3%2C0.1-8.5c0.1-2.1%2C0.4-3.2%2C0.7-3.9c0.3-0.9%2C0.9-1.7%2C1.6-2.4c0.7-0.7%2C1.5-1.2%2C2.4-1.6c0.7-0.3%2C1.9-0.6%2C3.9-0.7c2.2-0.1%2C2.9-0.1%2C8.5-0.1c5.6%2C0%2C6.3%2C0%2C8.5%2C0.1c2.1%2C0.1%2C3.2%2C0.4%2C3.9%2C0.7c0.9%2C0.3%2C1.7%2C0.9%2C2.4%2C1.6c0.7%2C0.7%2C1.2%2C1.5%2C1.6%2C2.4c0.3%2C0.7%2C0.6%2C1.9%2C0.7%2C3.9c0.1%2C2.2%2C0.1%2C2.9%2C0.1%2C8.5C42.3%2C30.6%2C42.3%2C31.3%2C42.2%2C33.5z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M25%2C14.2c-6%2C0-10.8%2C4.8-10.8%2C10.8S19%2C35.8%2C25%2C35.8c6%2C0%2C10.8-4.8%2C10.8-10.8S31%2C14.2%2C25%2C14.2z%20M25%2C32c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7S28.9%2C32%2C25%2C32z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.socialmeida a.btn_weibo {
  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%22M35.8%2C24.4c2.5%2C0.8%2C5.2%2C2.6%2C5.2%2C5.9c0%2C5.4-7.8%2C12.2-19.5%2C12.2c-8.9%2C0-18-4.3-18-11.4c0-3.7%2C2.4-8%2C6.4-12.1c5.4-5.4%2C11.7-7.9%2C14.1-5.5c1%2C1%2C1.1%2C2.9%2C0.5%2C5c-0.3%2C1.1%2C1%2C0.5%2C1%2C0.5c4.4-1.8%2C8.2-1.9%2C9.6%2C0.1c0.7%2C1.1%2C0.7%2C2.6%2C0%2C4.3C34.8%2C24%2C35.2%2C24.2%2C35.8%2C24.4L35.8%2C24.4zM21.6%2C39.9c7.1-0.7%2C12.5-5.1%2C12.1-9.7c-0.5-4.7-6.6-7.9-13.7-7.2C12.8%2C23.6%2C7.4%2C28%2C7.8%2C32.7C8.3%2C37.4%2C14.4%2C40.6%2C21.6%2C39.9zM13.6%2C30.3c1.5-3%2C5.3-4.7%2C8.7-3.8c3.5%2C0.9%2C5.3%2C4.2%2C3.9%2C7.4c-1.5%2C3.3-5.6%2C5-9.2%2C3.9C13.5%2C36.8%2C12.1%2C33.4%2C13.6%2C30.3zM16.4%2C35.4c1.1%2C0.5%2C2.6%2C0%2C3.3-1.1c0.7-1.1%2C0.3-2.4-0.8-2.9c-1.1-0.5-2.5%2C0-3.2%2C1.1C15%2C33.6%2C15.3%2C34.9%2C16.4%2C35.4zM20.7%2C31.9c0.4%2C0.2%2C1%2C0%2C1.2-0.5c0.2-0.4%2C0.1-0.9-0.3-1.1c-0.4-0.2-0.9%2C0-1.2%2C0.5C20.2%2C31.2%2C20.3%2C31.7%2C20.7%2C31.9zM40.4%2C20.7c-0.2%2C0.7-1%2C1.2-1.8%2C0.9c-0.7-0.2-1.2-1-0.9-1.8c0%2C0%2C0%2C0%2C0%2C0c0.3-0.9%2C0.1-1.9-0.6-2.7c-0.7-0.7-1.6-1-2.6-0.8c-0.8%2C0.2-1.5-0.3-1.7-1.1c-0.2-0.8%2C0.3-1.5%2C1.1-1.7c3-0.6%2C5.9%2C1.3%2C6.6%2C4.3C40.7%2C18.8%2C40.7%2C19.8%2C40.4%2C20.7zM32.7%2C7.8c4-0.8%2C8.1%2C0.5%2C10.8%2C3.5c2.7%2C3%2C3.6%2C7.3%2C2.4%2C11.1c-0.3%2C0.9-1.2%2C1.3-2.1%2C1.1c0%2C0%2C0%2C0%2C0%2C0c-0.9-0.3-1.3-1.2-1.1-2.1c1.4-4.3-1-8.8-5.2-10.2c-1.4-0.4-2.8-0.5-4.2-0.2c-0.9%2C0.1-1.7-0.5-1.9-1.4C31.4%2C8.9%2C31.9%2C8.1%2C32.7%2C7.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.socialmeida a.btn_twitter {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2050%2050%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20class%3D%22st0%22%20d%3D%22M43.8%2C12.6c-0.9%2C0.4-1.8%2C0.7-2.7%2C0.9c1-1%2C1.8-2.2%2C2.2-3.5l0%2C0c0.1-0.4-0.3-0.7-0.6-0.5l0%2C0c-1.3%2C0.8-2.7%2C1.3-4.1%2C1.7c-0.1%2C0-0.2%2C0-0.3%2C0c-0.3%2C0-0.5-0.1-0.7-0.3c-1.5-1.3-3.5-2.1-5.5-2.1c-0.9%2C0-1.8%2C0.1-2.7%2C0.4c-2.7%2C0.8-4.8%2C3.1-5.5%2C5.8c-0.2%2C1-0.3%2C2.1-0.2%2C3.1c0%2C0.1%2C0%2C0.2-0.1%2C0.2c-0.1%2C0.1-0.1%2C0.1-0.2%2C0.1c0%2C0%2C0%2C0%2C0%2C0c-5.9-0.6-11.3-3.4-15.1-8.1l0%2C0c-0.2-0.2-0.6-0.2-0.7%2C0.1l0%2C0c-0.7%2C1.3-1.1%2C2.7-1.1%2C4.2c0%2C2.3%2C0.9%2C4.4%2C2.5%2C6c-0.7-0.2-1.3-0.4-1.9-0.7l0%2C0c-0.3-0.2-0.6%2C0-0.7%2C0.4l0%2C0c0%2C3.4%2C1.9%2C6.4%2C4.9%2C7.7c-0.1%2C0-0.1%2C0-0.2%2C0c-0.5%2C0-0.9%2C0-1.4-0.1l0%2C0c-0.3-0.1-0.6%2C0.2-0.5%2C0.6l0%2C0c1%2C3%2C3.5%2C5.2%2C6.6%2C5.7c-2.6%2C1.7-5.5%2C2.6-8.7%2C2.6l-1%2C0c-0.3%2C0-0.6%2C0.2-0.6%2C0.5c-0.1%2C0.3%2C0.1%2C0.6%2C0.3%2C0.7c3.5%2C2%2C7.5%2C3.1%2C11.6%2C3.1c3.6%2C0%2C6.9-0.7%2C9.9-2.1c2.8-1.3%2C5.2-3.1%2C7.2-5.4c1.9-2.2%2C3.4-4.7%2C4.4-7.4c1-2.6%2C1.5-5.4%2C1.5-8.1V18c0-0.4%2C0.2-0.8%2C0.5-1.1c1.3-1%2C2.4-2.3%2C3.3-3.7l0%2C0C44.6%2C12.9%2C44.2%2C12.4%2C43.8%2C12.6L43.8%2C12.6z%22%2F%3E%3C%2Fsvg%3E');
}
#mobileMenu .shareWrap {
  padding: 30px 0 0;
}

#mobileMenu .shareWrap .txt {
  line-height: 40px;
  padding: 0 10px 0 0;
  position: relative;
}

#mobileMenu .shareWrap>div {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

#mobileMenu .socialmedia>a {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
  text-indent: -9999px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

#mobileMenu .socialmedia>a.btnFB {
  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%2018%2018%22%20enable-background%3D%22new%200%200%2018%2018%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2218px%22%20width%3D%2218px%22%3E%3Cpath%20fill%3D%22%23177a57%22%20class%3D%22cls-1%22%20d%3D%22M15.75%2C0H2.25A2.25%2C2.25%2C0%2C0%2C0%2C0%2C2.25v13.5A2.25%2C2.25%2C0%2C0%2C0%2C2.25%2C18H9V11.81H6.75V9H9V6.75a3.37%2C3.37%2C0%2C0%2C1%2C3.37-3.37h2.26V6.19H13.5c-.62%2C0-1.13-.06-1.13.56V9h2.82l-1.13%2C2.81H12.37V18h3.38A2.25%2C2.25%2C0%2C0%2C0%2C18%2C15.75V2.25A2.25%2C2.25%2C0%2C0%2C0%2C15.75%2C0Z%22%2F%3E%3C%2Fsvg%3E');
}

.fixed #mainNav>ul>li>a>span {
   padding:10px 0; 
}

#mainNavWrap {
  position: relative;
}

#mainNav{
  background: linear-gradient(to top, rgba(238,238,238,.8) 0%, rgba(255,255,255,0) 30%);
}
#mainNav>ul {
  position: relative;
  z-index: 100;
  display: flex;
  justify-content: center;
}

#mainNav>ul>li {
  position: relative;
  min-width: 50px;
  padding: 0 10px;
  text-align: center;
  transition: padding .3s ease 0s;
  -webkit-transition: padding .3s ease 0s;
}

#mainNav>ul>li:before{
  content: '';
  background-color: #e8e8e8;
  width: 1px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#mainNav>ul>li:first-child:before{ display: none; }

#mainNav>ul>li>a {
  color: #222;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  width: 100%;
  transition: padding .3s ease 0s, color .3s ease 0s;
  -webkit-transition: padding .3s ease 0s, color .3s ease 0s;
}

#mainNav>ul>li.hasSubnav>a:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background-color: #33ac9c;
  display: block;
  opacity: 0;
  transition: opacity .3s ease 0s;  
}

#mainNav>ul>li.active>a:before {
  opacity: 1;
}

#mainNav>ul>li>a>span {
  text-align: center;
  width: 100%;
  font-size: 1.222em;
	font-weight:600;
  padding: 15px 0;
  transition: padding .3s ease 0s;
}

#mainNav>ul>li.hasSubnav>a:hover:before,
#mainNav>ul>li.hasSubnav.active>a:before {
  opacity: 1;
}

#mainNav>ul>li.selected>a,
#mainNav>ul>li.active>a,
#mainNav>ul>li>a:hover,
#mainNav>ul>li>a.focus {
  color: #487f78;
}

#mainNav>ul>li>.subnav {
  position: absolute;
  left: 10px;
  top: 100%;
  z-index: 10;
  pointer-events: none;
}
#mainNav>ul>li>.subnav>ul{
  position: relative;
}
/*#mainNav>ul>li>.subnav>ul:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  height: 4px;
  width: 140px;
  background-color: #33ac9c;
  display: block;
  opacity: 0;
  transition: opacity .3s ease 0s;
}*/

#mainNav>ul>li.active>.subnav {
  pointer-events: visible;
}

/*#mainNav>ul>li.active>.subnav>ul:before {
  opacity: 1;
}*/

#mainNav>ul>li>.subnav.alignRight {
  left: inherit;
  right: 0;
}

#mainNav>ul>li>.subnav>ul {
  width: 300px;
  background-color: #e5d3bd;  
  opacity: 0;
  transform: translate(0, 10px);
  transition: opacity .3s ease 0s, transform .3s ease 0s;
}

#mainNav>ul>li.active>.subnav>ul {
  opacity: 1;
  transform: translate(0, 0);
}

#mainNav .subnav>ul>li {
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  position: relative;
}

#mainNav .subnav>ul>li:last-child {
  border-bottom: none;
}

#mainNav>ul>li>.subnav>ul>li>a {
  background-color: #e5d3bd;
}

#mainNav>ul>li .subnav>ul>li.active>a,
#mainNav>ul>li .subnav>ul>li.selected>a,
#mainNav>ul>li .subnav>ul>li>a:hover,
#mainNav>ul>li .subnav>ul>li>a:focus {
  background-color: #487f78;
	color: #fff;
}

#mainNav>ul>li>.subnav>ul>li:first-child {
  border-top: none;
}

#mainNav .subnav>ul>li>a {
  position: relative;
  display: block;
  padding: 12px 15px;
  text-align: left;
  color: #333;
  line-height: 24px;
  transition: background-color .3s ease 0s, color .3s ease 0s;
}

/* #mainNav .subnav>ul>li.active>a,
#mainNav .subnav>ul>li.selected>a,
#mainNav .subnav>ul>li>a:hover,
#mainNav .subnav>ul>li>a.focus {
  color: #fff;
} */

#mainNav .subnav>ul>li.selected>a:before,
#mainNav .subnav>ul>li>a:hover:before,
#mainNav .subnav>ul>li>a.focus:before {
  opacity: 1;
  height: 100%;
}

#mainNav>ul>li>.subnav>ul>li>.subnav {
  position: absolute;
  width: 200px;
  left: 100%;
  top: 0;
  opacity:0;
  pointer-events:none;
  z-index: 100;
}
#mainNav>ul>li>.subnav>ul>li>.subnav.alignLeft{
  left: inherit;
  right: 100%;
}
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav > a{
  padding-right: 30px;
}
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav:hover>.subnav,
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>a.focus+.subnav,
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav.active>a+.subnav {
  opacity:1;
  pointer-events:visible;
}
#mainNav>ul>li>.subnav>ul>li.hasSubnav>.subnav {
  width: 300px;
  background-color: #e5d3bd;
}
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>a:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(-45deg);
  display: block;
  border: 2px solid #000;
  border-left-width: 0;
  border-top-width: 0;
  transition: transform 0.3s ease 0s,border-color 0.3s ease 0s;
}
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav:hover>a:before,
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav>a.focus:before,
#mainNav>ul>li.hasSubnav>.subnav>ul>li.hasSubnav.active>a:before {
  border-color: #fff;
}
/*mainNav css ends*/
#mainZone {
  position: relative;
  min-height: 1000px;
}

#footerMain {
  display: table;
  width: 100%;
  color: #555666;
  font-size: 0.833em;
}

#footerMain>div {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}
#footerLeft{
  padding: 35px 0;
}
#footerRight { text-align: right;}

#footerRight a{
  display: inline-block;
  margin-left: 20px;
  line-height: 0;
  vertical-align: middle;
}

#footerRight a:first-child{ margin-left: 0; }
#footerMain ul#footerNav li {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

#footerMain ul#footerNav li:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: rgba(102, 102, 102, .3);
}

#footerMain ul#footerNav li:last-child {
  padding-right: 0;
  margin-right: 0;
}

#footerMain ul#footerNav li:last-child:before {
  display: none;
}

#footerMain ul#footerNav li a:hover {
  text-decoration: underline;
}

#footerMain .wcaglogo a {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  line-height: 0;
}

#footerMain .footerLeft p {
  margin-bottom: 10px;
}

#footerMain .wcagLogo {
  padding-left: 30px;
  text-align: right;
  width: 118px;
}

#footerMain .wcagLogo>a {
  display: block;
}

#footerMain .wcagLogo img {
  max-width: 100%;
}

/*mobile menu css starts*/
#mBgLayer {
  position: fixed;
  width: 100%;
  height: 100%;
  /*background-color: #000;
  opacity: 0.5;*/
  z-index: 4000;
  left: 0;
  top: 0;
}

#mmenuClose {
  position:absolute;
  top:-84px;
  right:0;
  width:84px;
  height:84px;
  display:inline-block;
  text-indent:-9999px;
  z-index:5000;
  background-color: #e5d3bd;
}
#mmenuClose:before, #mmenuClose:after {
  content:'';
  height:3px;
  width:34px;
  display:block;
  background:#FFF;
  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:after {
  transform:rotate(45deg) translate(-50%, -50%);
  -webkit-transform:rotate(45deg) translate(-50%, -50%);
}
#mmenuClose:hover:before, #mmenuClose:hover:after, #mmenuClose.focus:before, #mmenuClose.focus:after{ width: 38px; }

#mobileNavWrap {
  position: fixed;
  width: 100%;
  height: calc(100% - 84px);
  top: -100%;
  opacity: 1;
  z-index: 2999;
  display: none;
  background: #fff;
  -webkit-transition: top 0.5s ease 0s;
  transition: top 0.5s ease 0s;  
}

.showMMenu #mobileNavWrap {
  display: block;
}

#mobileNavWrap.show {
  top: 84px;
}
#mobileNav {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}

#mobileNav .shareWrap{
  padding: 40px 20px;
  text-align: center;
}

#mobileNav .shareWrap .socialmeida a{ 
  margin: 0 8px; 
  background-color: #487f78;
	color:#fff;
  border-radius: 50%;
}
/*.showMMenu #mmenuCtrl a {
  cursor: default;
}
*/
#mobilenav_top {
  padding: 0 30px 0 20px;
  background-color: #037957;
  position: relative;
}

#mobileMenu {
  background-color: #e5d3bd;  
}

#mobileMenu a {
  font-size: 1.125em;
}

#mainNav_m>li>a:not(.arrow) {
  padding: 15px 0;
  display: inline-block;
  position: relative;
}

#mainNav_m .hasSubnav {
  position: relative;
}

#mainNav_m .hasSubnav>a.arrow {
  /* display: block; */
  position: absolute;
  width: 40px;
  height: 40px;
  top: 3px;
  right: 10px;
  text-indent: -9999px;
  cursor: pointer;
}

#mainNav_m .hasSubnav.selected>a.arrow {
  display: none;
}

#mainNav_m>li.hasSubnav.active>a.arrow {
  top: 5px;
}

#mainNav_m>li.hasSubnav>a {
  padding: 15px 40px 15px 0;
  position: relative;
}

#mainNav_m li.hasSubnav>a.arrow:before {
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  border: 2px solid #000;
  border-left-width: 0;
  border-top-width: 0;
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}

#mainNav_m li.hasSubnav.active>a.arrow:before {
  transform: translate(-50%, -50%) rotate(45deg);
  border-color: #fff;
}
#mobileMenu .others_m{ border-top: 1px solid #fff; }
#mainNav_m>li, #mobileMenu .others_m>li{
  transition: background .3s ease 0s;
  border-bottom: 1px solid #fff;
}
#mainNav_m>li:last-child, #mobileMenu .others_m>li:last-child{
  border-bottom: none;
}
#mainNav_m>li.selected, #mainNav_m>li.active{
  background-color: #f5f5f5;  
}
#mainNav_m>li.selected>a:not(.arrow), #mainNav_m>li.active>a:not(.arrow){
  color: #fff;
  background-color: #487f78;
}
#mainNav_m>li>.subnav>ul>li.selected>a{ color: #437972; }
#mainNav_m>li.selected>.subnav>ul {
  max-height: 1000px;
}

#mainNav_m>li>.subnav>ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease 0s;
  -webkit-transition: max-height .3s ease 0s;
}

#mainNav_m>li.active>.subnav>ul {
  max-height: 2000px;
}
#mainNav_m>li>.subnav>ul>li{
  /*border-bottom: 1px solid rgba(72, 127, 120, .3);*/
}
#mainNav_m>li>.subnav>ul>li:last-child {
  border-bottom: none;
}

#mainNav_m>li>.subnav>ul>li>a {
  padding: 12px 15px;
  display: none;
  position: relative;
}
#mainNav_m>li>.subnav>ul>li.active > .subnav > ul > li > a.arrow, #mainNav_m>li>.subnav>ul>li.selected > .subnav > ul > li > a.arrow{
	display:block;	
}

#mainNav_m>li>.subnav>ul>li.hasSubnav>a:before,
#mainNav_m>li>.subnav>ul>li.hasSubnav>a:after {
  /*  content: '';
  position: absolute;
  right: 18px;
  top: 22px;
  width: 12px;
  height: 2px;
  display: none;
  background-color: #262626;
  transition: transform .3s ease 0s;*/
}

#mainNav_m>li>.subnav>ul>li.hasSubnav.active>a:before,
#mainNav_m>li>.subnav>ul>li.hasSubnav.active>a:after {
  /*background-color: #fff !important;*/
}

#mainNav_m>li.hasSubnav>.subnav>ul>li>a {
  display: none;
  /*position: relative;
  font-size: 0.875em;*/
}
#mainNav_m>li.active>.subnav>ul>li>a, #mainNav_m>li.selected>.subnav>ul>li>a{
	display:block;	
}

/*#mainNav_m>li>.subnav>ul>li>a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #487f78;
  position: absolute;
  top: 18px;
  left: 16px;
  transition: background-color .3s ease 0s;
}

#mainNav_m>li>.subnav>ul>li.li.hasSubnav>a:before,
#mainNav_m>li>.subnav>ul>li.li.hasSubnav>a:after {
  display: block;
}

#mainNav_m>li>.subnav>ul>li.li.hasSubnav>a:after {
  transform: rotate(90deg);
}

#mainNav_m>li>.subnav>ul>li.active>a:after {
  transform: rotate(0);
}*/

#mainNav_m>li>.subnav>ul>li.active>a {
  color: #487f78;
}

#mainNav_m>li>.subnav>ul>li.li.hasSubnav>.subnav>ul {
  border-left: 2px solid #262626;
}

#mainNav_m>li>.subnav>ul>li.li.hasSubnav>.subnav>ul>li {
  padding: 8px 0 8px 10px;
}

#mainNav_m>li>.subnav>ul>li>.subnav {
  /*display: none;*/
  padding: 0 15px;
  background-color: #fff;
  overflow: hidden;
}
#mainNav_m>li>.subnav>ul>li .subnav>ul{
  max-height: 0;
  transition: max-height .3s ease 0s;
}
#mainNav_m>li>.subnav>ul>li.hasSubnav.active >.subnav>ul, #mainNav_m>li>.subnav>ul>li >.subnav>ul >li.hasSubnav.active >.subnav>ul, #mainNav_m>li>.subnav>ul>li.hasSubnav.selected >.subnav>ul, #mainNav_m>li>.subnav>ul>li >.subnav>ul >li.hasSubnav.selected >.subnav>ul{
  max-height: 1000px;
}
#mainNav_m>li>.subnav>ul>li.hasSubnav>.subnav>ul>li>a:not(.arrow) {
  padding: 12px 15px 12px 24px;
  display: none;
  position: relative;
}
#mainNav_m>li>.subnav>ul>li.active>.subnav>ul>li>a:not(.arrow), #mainNav_m>li>.subnav>ul>li.selected>.subnav>ul>li>a:not(.arrow){
	display:inline-block;
}
#mainNav_m>li>.subnav>ul>li.hasSubnav>.subnav>ul>li>a.arrow{ display:none;}
#mainNav_m>li>.subnav>ul>li.active>.subnav>ul>li>a.arrow, #mainNav_m>li>.subnav>ul>li.selected>.subnav>ul>li>a.arrow{ display:block;}
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li.active>a:not(.arrow), #mainNav_m>li>.subnav>ul>li>.subnav>ul>li.selected>a:not(.arrow){
  color: #487f78;
}
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li>a:not(.arrow):before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #037957;
  border-radius: 50%;
  left: 10px;
  top: 1em;
}

#mainNav_m>li>.subnav li.hasSubnav.active>a.arrow:before{
  border-color: #037957;
}

#mainNav_m>li.hasSubnav.selected>.subnav>ul>li.hasSubnav.selected>.subnav {
  display: block;
}
#mobileMenu .others_m>li a:not(.arrow), #mainNav_m>li>a:not(.arrow) {
  line-height: 1.2em;
  padding: 15px;
  display: block;
}

#mainNav_m>li>.subnav>ul>li>.subnav>ul>li>.subnav {
  padding: 0 0 0 15px;
  overflow: hidden;
}
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li.hasSubnav>.subnav>ul>li>a:not(.arrow) {
  padding: 10px 0 10px 24px;
  display: none;
  position: relative;
}
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li.active>.subnav>ul>li>a:not(.arrow), #mainNav_m>li>.subnav>ul>li>.subnav>ul>li.selected>.subnav>ul>li>a:not(.arrow){ display:inline-block;}
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li>.subnav>ul>li.selected>a:not(.arrow){ color: #487f78; }
#mainNav_m>li>.subnav>ul>li>.subnav>ul>li>.subnav>ul>li>a:not(.arrow):before {
  content: '';
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: #037957;
  left: 10px;
  top: 1em;
}
/*mobile menu css ends*/

#backtotop {
  position: fixed;
  right: 50px;
  bottom: 25px;
  width: 60px;
  height: 60px;
  border-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: #e5d3bd;
  visibility: hidden;
}

#backtotop:hover,
#backtotop.focus,
#backtotop:hover:after,
#backtotop.focus:after {
  background-color: #38baa9;
}

#wrapper.showMMenu #backtotop {
  visibility: hidden;
}

#backtotop:before {
  content: '';
  height: 16px;
  width: 16px;
  display: block;
  border: 2px solid #000;
  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: #fff;
}

#backtotop.fixed {
  position: absolute;
  bottom: 25px;
}

#backtotop.active {
  opacity: 1;
  visibility: visible;
}




/*breadcrumb*/
#breadcrumb {
  font-size: 0.778em;
  line-height: 1em;
  padding: 20px 0;
  margin-bottom: 10px;
  text-align: right;
}

#breadcrumb .navHome {
  padding-left: 0;
  margin-right: 0px;
}

#breadcrumb .navHome+li {}

/*#breadcrumb .navHome>a {
  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%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23757575%22%20class%3D%22cls-1%22%20d%3D%22M8%2C1%2C.07%2C8.89v1H2V15h5V11.9H9.07V15h5V9.86h1.89v-1Z%22%2F%3E%3C%2Fsvg%3E');
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 16px;
  text-indent: -9999px;
  text-align: left;
  display: inline-block;

}*/

#breadcrumb ul {
  color: #6e6e6e;
}

#breadcrumb ul li {
  display: inline-block;
  padding: 0 0 0 15px;
  margin-bottom: 5px;
  margin-right: 5px;
  position: relative;
}

#breadcrumb ul li:first-child {
  margin-left: 0;
}

#breadcrumb ul li:first-child>a:before {
  display: none;
}

#breadcrumb ul li>a {
  position: relative;
  color: #666;
  text-decoration: underline;
}

#breadcrumb ul li.cur_page span {
  position: relative;
  color: #487f78;
}

#breadcrumb ul li>a:hover {
  text-decoration: none;
}

#breadcrumb ul li a:before,
#breadcrumb ul li.cur_page span:before {
  border: 1px solid rgba(0, 0, 0, .2);
  content: "";
  background: none;
  height: 5px;
  top: .55em;
  left: -12px;
  width: 5px;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-bottom: none;
  border-left: none;
  transition: transform .25s ease 0s;
  -webkit-transition: -webkit-transform .25s ease 0s;
}

#mainContent {
  width: 100%;
  padding: 0 0 80px 0;
  position: relative;
  min-height: 460px;
}

.blankTPL #mainContent{
  padding: 50px 0 80px 0;
}

#leftNav {
  position: relative;
  width: 100%;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
}

#leftNav>ul>li {
  position: relative;
  padding: 2px 0;
  border-bottom: 1px solid #e3e7eb;
}

/*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 {
  position: absolute !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #e5d3bd;
  top: 50%;
  transform: translateY(-50%) !important;
  cursor: pointer;
  z-index: 1500;
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  opacity: 1;
  border: none !important;
  transition: opacity .3s ease 0s, background-color .3s ease 0s, left .3s ease 0s, right .3s ease 0s;
}

.swiperWrap .swiper-arrow span {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;  
  display: block;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  border-top: none;
  border-left: none;
}

.swiperWrap .swiperNext {
  right: 20px;
}

.swiperWrap .swiperPrev {
  left: 20px;
}

.swiperWrap .swiper-arrow:not(.swiper-button-disabled):hover,
.swiperWrap .swiper-arrow:not(.swiper-button-disabled).focus{
  background-color: #38baa9;
}

.swiperWrap .swiperPrev span {
  transform: translate(-50%,-50%) rotate(135deg) skew(5deg,5deg);
  margin-left: 4px;
}

.swiperWrap .swiperPrev:not(.swiper-button-disabled):hover,
.swiperWrap .swiperPrev:not(.swiper-button-disabled).focus{
  left: 15px;
}

.swiperWrap .swiperNext span {
  transform: translate(-50%,-50%) rotate(-45deg) skew(5deg,5deg);
  margin-left: -4px;
}

.swiperWrap .swiperNext:not(.swiper-button-disabled):hover,
.swiperWrap .swiperNext:not(.swiper-button-disabled).focus {
  right: 15px;
}

.swiperPaging {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

.swiperPaging>a {
  display: inline-block;
  height: 40px;
  width: 28px;
  position: relative;
  vertical-align: top;
  text-indent: -9999px;
  opacity: 1;
}

.swiperPaging>a:before {
  content: '';
  position: absolute;
  background-color: #487f78;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.swiperPaging>a:not(.swiper-pagination-bullet-active):hover:before {
  background-color: #ae0b0b;
}

.swiperPaging .swiper-pagination-bullet-active:before {
  background-color: #ae0b0b;
}

.swiperPaging .swiper-pagination-bullet,
.swiperPaging .swiper-pagination-bullet-active {
  background: none;
}

.swiper-button-disabled {
  cursor: default !important;
  /*visibility:hidden;*/
  opacity: .2 !important;
}

.btnPlay {
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  width: 34px;
  height: 40px;
  z-index: 10;
  transition: background-color .3s ease 0s;
}

.btnPlay:before {
  left: 11px;
}

.btnPlay:after {
  right: 11px;
}

.btnPlay:before,
.btnPlay:after {
  position: absolute;
  width: 4px;
  height: 15px;
  background-color: #487f78;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  /*transition: background-color .3s ease 0s;*/
}

.btnPlay:hover:before,
.btnPlay:hover:after,
.btnPlay:focus:before,
.btnPlay:focus:after {
  background-color: #ae0b0b;
}

.btnPlay.stop:before {
  border-bottom: 7px solid transparent;
  border-left: 10px solid #487f78;
  border-top: 7px solid transparent;
  content: "";
  background: none !important;
  height: 0;
  top: 50%;
  left: 50%;
  width: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.btnPlay.stop:hover:before, .btnPlay.stop:focus:before {
  border-bottom: 7px solid transparent;
  border-left: 10px solid #ae0b0b;
  border-top: 7px solid transparent;
}

.btnPlay.stop::after {
  display: none;
}
/*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: #fff;
  display: none;
}

#preloader.hide {
  opacity: 0;
  z-index: 2500;
}

#preloader .loaderWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  text-align: center;
}

#preloader .loader {}

#preloader .loader>span {
  display: block;
}

#preloader .loader>span:before {
  content: " ";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

#preloader .loader>span:nth-child(1) {
  animation-delay: .5s;
}

#preloader .loader>span:nth-child(1):before {
  background: #9b4997;
}

#preloader .loader>span:nth-child(2) {
  animation-delay: 1s;
}

#preloader .loader>span:nth-child(2):before {
  background: #ef7a00;
}

#preloader .loader>span:nth-child(3) {
  animation-delay: 1.5s;
}

#preloader .loader>span:nth-child(3):before {
  background: #79bc28;
}

#preloader .loader>span:nth-child(4) {
  animation-delay: 2s;
}

#preloader .loader>span:nth-child(4):before {
  background: #e72510;
}

#preloader .loader>span:nth-child(5) {
  animation-delay: 2.5s;
}

#preloader .loader>span:nth-child(5):before {
  background: #0090d2;
}

#preloader .loader>span {
  animation: spinner 3s infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#footerZone {
  background-color: #fff;
  border-top: 4px solid #38baa9;
}

.fancybox-content {
  max-width: 800px;
}

#pageTitle {
  position: relative;
  padding: 0 0 10px;
  margin-bottom: 30px;
  text-align: left;
  color: #487f78;  
  border-bottom: 4px solid #38baa9;
}

#pageTitle h1{
  font-size: 2em;
  line-height: 1.1em;
  font-weight: 400;
}

#contentWrap{
  position: relative;
}

#contentWrap > .container{
  display: flex;
  position: relative;
  z-index: 20;
  max-width: 1540px;
}
#contentWrap:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 50%);
  z-index: 10;
}
#insideVisualWrap{ overflow: hidden; }
#insideVisual{
  display: flex;
  height: 300px;
}
#secTitleWrap{
	z-index:100;
  width: 40%;
  /* min-width: 430px; */
	position:relative;
	background-color:#fff;
}
#secTitle {
  font-size: 2.778em;
  color: #487f78;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 100%;
}
#secTitle > div{ padding: 30px 0; }
#insideVisualImg{ position: relative; line-height: 0; /* width:60%; */ }
#insideVisualImg img{
  position: absolute;
  line-height: 0;
  top: 0;
  left: 0;
	height:100%;
}
.hasLeftNav #leftNavWrap{
  width: 330px;
  padding-top: 60px;
}
#mainContent{ width: 100%;}
.hasLeftNav #mainContent{
  width: calc(100% - 330px);
  padding-left: 100px;
}
#leftNav {
  margin-bottom: 30px;
  position:relative;
  width:100%;
  transition:all .3s ease 0s;
  -webkit-transition:all .3s ease 0s;
}

#leftNav.moving {
  position:fixed;
  top:100px;
}
#leftNav.stopFloating {
  position:absolute;
  top:inherit !important;
  bottom:30px;
}
#leftNav > ul > li {
  position:relative;
  padding: 2px 0;
  border-bottom:1px solid rgba(0, 0, 0, .2);
}
#leftNav > ul > li > ul{ display:none; overflow:hidden;}
#leftNav > ul > li.selected > ul{ display:block;}
#leftNav li.hasSubnav > .arrow{
  display:block;
  position:absolute;
  width:40px;
  height:40px;
  top:6px;
  right:8px;
  text-indent:-9999px;
  cursor:pointer;
  z-index:1000;
  background:none;
  transition:border-color .3s ease 0s;
  -webkit-transition:border-color .3s ease 0s;
}
#leftNav li.hasSubnav > a:not(.arrow){ padding-right:45px!important;}
/*#leftNav > ul > li.hasSubnav > a:after{
  content:'';
  width:14px;
  height:14px;
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%) rotate(-45deg);
  -webkit-transform:translateY(-50%) rotate(-45deg);
  display:block;
  border:2px solid #487f78;
  border-left-width:0;
  border-top-width:0;
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}*/
#leftNav li.hasSubnav.selected > .arrow{ display:none;}
#leftNav li.hasSubnav > .arrow:before {
  content:'';
  width:14px;
  height:14px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  -webkit-transform:translate(-50%,-50%) rotate(45deg);
  display:block;
  border:2px solid #487f78;
  border-left-width:0;
  border-top-width:0;
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
#leftNav > ul > li.hasSubnav.selected > .arrow:before, #leftNav > ul > li.hasSubnav.active > .arrow:before, #leftNav > ul > li.hasSubnav > a:hover + .arrow:before{ border-color: #fff!important; }
#leftNav li.hasSubnav.active > .arrow:before{
  transform:translate(-50%,-50%) rotate(-135deg);
  -webkit-transform:translate(-50%,-50%) rotate(-135deg); 
}
#leftNav > ul > li:first-child{ border-top:none;}
#leftNav > ul > li > a:not(.arrow) {
  display:block;
  position:relative;
  transition:color .3s ease 0s, background-color .3s ease 0s;
  -webkit-transition:color .3s ease 0, background-color .3s ease 0s;
  padding:12px 30px 12px 18px;
  font-size:1em;
  color: #487f78;
  line-height:1.3em;
}
#leftNav > ul > li.selected > a:not(.arrow), #leftNav > ul > li.active > a:not(.arrow), #leftNav > ul > li > a:not(.arrow):hover {
  background-color: #487f78;
  color: #fff;
}
#leftNav > ul > li > ul > li{ 
  position:relative;
  background-color: #f5f5f5;
  transition: background-color .3s ease 0s;
}
#leftNav > ul > li > ul > li > a:not(.arrow):before{
  content:'';
  width:8px;
  height:8px;
  border-radius: 50%;
  background-color:#38baa9;
  position:absolute;
  top:1.15em;
  left:20px;  
}
#leftNav > ul > li > ul > li.selected > a:not(.arrow):before, #leftNav > ul > li > ul > li:hover > a:not(.arrow):before{
  background-color:#487f78;
}
#leftNav > ul > li > ul > li > a:not(.arrow){
  padding:15px 15px 0px 40px;
  display:inline-block;
  color: #437972;
  position: relative;
  transition:color .3s ease 0s;
  -webkit-transition:color .3s ease 0s;
}
#leftNav > ul > li > ul > li:last-child > a:not(.arrow){
  padding:15px 15px 15px 40px;
}
#leftNav > ul > li > ul > li.hasSubnav:last-child > a:not(.arrow){
	padding:15px 15px 0 40px;
}
#leftNav > ul > li > ul > li.hasSubnav:last-child{
	padding-bottom:15px;
}
#leftNav > ul > li > ul > li.selected a, #leftNav > ul > li > ul > li > a:hover{
  color: #000;
}
#leftNav > ul > li > ul > li > ul{ display:none; overflow:hidden; margin:0 20px;}
#leftNav > ul > li > ul > li.selected > ul{ display:block;}
#leftNav > ul > li > ul > li > ul>li{
	padding:10px 0 0;
}
#leftNav > ul > li > ul > li > ul>li>a:not(.arrow){	
	position:relative;
	padding:0 0 0 35px;
	display:inline-block;
}
#leftNav > ul > li > ul > li > ul>li>a:hover, #leftNav > ul > li > ul > li > ul>li>a.focus, #leftNav > ul > li > ul > li > ul>li.selected>a{
	text-decoration:underline;
}
#leftNav > ul > li > ul > li > ul>li:last-child{
	padding-bottom:0;
}
#leftNav > ul > li > ul > li > ul>li>a:not(.arrow):before {
  content: '';
  position: absolute;
  width: 6px;
  height: 2px;
  background-color: #037957;
  left: 20px;
  top: 10px;
}
#lastRevDate {
  text-align: left;
  color: #6e6e6e;
  font-size: 0.833em;
  padding: 10px 20px;
}

/*.fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-button--close*/
.fancybox-button{
  background-color: #38baa9;
  color: #000;
}
.fancybox-close-small{
  right: 0;
}