@import url("../fonts/stylesheet.css");
@import url("https://fonts.googleapis.com/css?family=Prompt:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto");
.content-width {
  width: 1396px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

.content-width2 {
  width: 1190px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }
  @media (min-width: 1300px) {
    .content-width2 {
      width: 1300px; } }

.content-width2a {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
  padding-bottom: 1em; }
  @media (max-width: 768px) {
    .content-width2a {
      padding-bottom: 1em; } }

.content-width3 {
  width: 805px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

.content-width3a {
  width: 958px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

.content-width4 {
  width: 705px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

.content-width5 {
  width: 630px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

.font-en {
  font-family: "Roboto", sans-serif !important; }

.font-body {
  font-family: "DB Helvethaica X", sans-serif !important; }

a {
  text-decoration: none;
  color: #515151;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  a.active, a:hover {
    text-decoration: none; }

p {
  font-family: "DB Helvethaica X", sans-serif; }

body.grayscale {
  -webkit-filter: grayscale(0.75);
  filter: grayscale(0.75); }
body.no-scroll {
  overflow: hidden; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.clear {
  clear: both; }
  .clear::after {
    content: '';
    display: block;
    clear: both; }

.fleft {
  float: left; }

.fright {
  float: right; }

/*.btn{
	height: 2.38888em;
	width: 7.33333em;
	background: $BgBtn;
	box-shadow: 2px 2px 4px 0 rgba($LightGray,0.75);
	color: $FontColor2;
	line-height: 1.8em;
	border: solid 1px $BgBtn;
	@include border-radius(0);
	@include transition(all 0.3s ease);
	&.noshadow{
		box-shadow: none;
	}
	&:hover{
		background-color: $FontColor2;
		color: $BgBtn;
	}
	&.large{
		font-size: 1.2em;
	}
}*/
.combo-style1 {
  border: 1px solid #ADACB9;
  background-color: #ffffff;
  color: #232325;
  font-size: 1.1111em;
  height: 1.95em;
  padding: 0 1em; }

.combo-style2 {
  background-color: #3F3A69;
  color: #ffffff;
  border: solid 1px rgba(255, 255, 255, 0.5); }

.f-large {
  font-size: 1.95em; }

.rotate180before::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.no-event {
  pointer-events: none; }

.bg-white {
  background: white; }

.owl-carousel.off {
  display: block; }

/*CSS3 pseudo class for positioning curves*/
.star {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  background: #F6F6F6;
  overflow: hidden;
  z-index: 2;
  animation: glitter 4.5s linear 0s infinite normal;
  -webkit-animation: glitter 4.5s linear 0s infinite normal;
  -moz-animation: glitter 4.5s linear 0s infinite normal;
  -ms-animation: glitter 4.5s linear 0s infinite normal;
  -o-animation: glitter 4.5s linear 0s infinite normal;
  margin: 0; }

.star-top,
.star-bottom {
  position: relative;
  display: block;
  margin: 0; }

.star-top:before,
.star-top:after,
.star-bottom:before,
.star-bottom:after {
  content: "";
  width: 48px;
  height: 48px;
  background: #212121;
  border-radius: 50%;
  position: absolute; }

.star-top:before {
  top: -24px;
  left: -24px; }

.star-top:after {
  bottom: -24px;
  left: 24px; }

.star-bottom:before {
  top: 24px;
  left: -24px; }

.star-bottom:after {
  top: 24px;
  left: 24px; }

@-moz-keyframes moveleft {
  0% {
    -moz-transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%); } }
@-webkit-keyframes moveleft {
  0% {
    -webkit-transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(-100%); } }
@keyframes moveleft {
  0% {
    -moz-transform: translateX(100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(100%);
    /* Firefox bug fix */
    transform: translateX(100%); }
  100% {
    -moz-transform: translateX(-100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-100%);
    /* Firefox bug fix */
    transform: translateX(-100%); } }
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite; }

.scrollbar-path-vertical, .scrollbar-path-horizontal {
  background-color: transparent; }

.scrollbar-path-vertical {
  -webkit-box-shadow: none;
  box-shadow: none; }

.scrollbar-handle {
  background-color: #E1E1E1; }

.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
  -webkit-border-radius: 3.5px;
  -moz-border-radius: 3.5px;
  -ms-border-radius: 3.5px;
  border-radius: 3.5px;
  width: 5px; }

.scrollbar-content {
  width: 100%; }

.opa-0 {
  opacity: 0 !important; }

.h20px {
  height: 20px !important; }

html, body {
  color: #232325;
  font-family: "DB Helvethaica X", sans-serif;
  min-height: 100%;
  width: 100%; }

.fixed {
  position: fixed !important;
  z-index: 200 !important;
  width: 100%;
  transition: position .3s;
  top: 0; }

#demo {
  position: absolute;
  top: -2px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  width: 1366px;
  height: auto;
  z-index: 1; }
  #demo + .wrapper {
    position: relative;
    z-index: 2;
    opacity: 0.5; }

header.registration {
  position: fixed;
  width: 100%; }
  header.registration + .registration-content-wrapper {
    padding-top: 3em; }

.registration-content-wrapper {
  background-color: #FAFAFA; }
  .registration-content-wrapper::after {
    content: '';
    display: block;
    height: 1px; }

body.no-main-menu header.registration img.logo {
  border-right: 0; }
body.no-main-menu header.registration .main-menu {
  display: none; }
body.no-main-menu header.registration + .registration-content-wrapper {
  padding-top: 4.1875em; }

/*public*/
header.public.fixed + .main-content-wrapper {
  margin-top: 129px; }

header.public {
  position: relative;
  z-index: 200;
  /** menu desktop*/ }
  header.public .header-mobile {
    display: none; }
    @media (max-width: 1200px) {
      header.public .header-mobile {
        display: flex; } }
  header.public .wrapper-box-menu {
    display: block; }
    @media (max-width: 1200px) {
      header.public .wrapper-box-menu {
        display: none !important; } }
  @media (max-width: 1186px) {
    header.public .wrapper-th {
      display: none !important; } }
  header.public .header-mobile-0 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88364d+0,21347a+100 */
    background: #88364d;
    /* Old browsers */
    background: -moz-linear-gradient(left, #88364d 0%, #21347a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #88364d 0%, #21347a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #88364d 0%, #21347a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88364d', endColorstr='#21347a',GradientType=1 );
    /* IE6-9 */
    height: 3.125em; }
    header.public .header-mobile-0 .flag-container {
      margin-left: 15px; }
    header.public .header-mobile-0 .font-sizing {
      margin-right: 3px; }
  header.public .header-mobile {
    background-color: #ffffff;
    box-shadow: 6px 3px 11px 5px rgba(17, 21, 40, 0.07); }
    header.public .header-mobile .header-mobile-logo {
      padding-left: 15px;
      padding-top: 10px; }
      header.public .header-mobile .header-mobile-logo img {
        height: 4.5em;
        margin-bottom: 0.25em;
        width: auto; }
    header.public .header-mobile .header-mobile-content {
      font-size: 1.74em;
      width: 100%; }
      header.public .header-mobile .header-mobile-content .fi-search {
        font-size: 0.75em; }
        header.public .header-mobile .header-mobile-content .fi-search::before {
          position: relative;
          top: -2px; }
      header.public .header-mobile .header-mobile-content a {
        color: #98284B; }
      header.public .header-mobile .header-mobile-content #headingOne:not(.collapsed) i::before {
        content: '\e80c'; }
      header.public .header-mobile .header-mobile-content .header-content-tool {
        position: relative; }
        header.public .header-mobile .header-mobile-content .header-content-tool div {
          position: relative;
          z-index: 2;
          display: flex;
          align-items: center; }
        header.public .header-mobile .header-mobile-content .header-content-tool-content {
          float: left;
          width: 100%;
          height: 50px;
          padding-left: 70px;
          background: url("../images/shape-curve-2.svg") top left no-repeat; }
          header.public .header-mobile .header-mobile-content .header-content-tool-content::after {
            content: "";
            height: 48px;
            width: calc(100% - 70px);
            position: absolute;
            margin-left: 70px;
            top: 0;
            left: 0;
            background-color: #98284B; }
          header.public .header-mobile .header-mobile-content .header-content-tool-content .header-tools-link {
            display: block;
            position: relative;
            z-index: 4;
            margin-right: 1rem;
            padding: 0 .5rem;
            border-radius: 20px;
            line-height: 1.5rem;
            border: 1px solid white; }
            @media (max-width: 600px) {
              header.public .header-mobile .header-mobile-content .header-content-tool-content .header-tools-link {
                display: none; } }
            header.public .header-mobile .header-mobile-content .header-content-tool-content .header-tools-link a {
              font-size: 1.25rem;
              color: white !important; }
        header.public .header-mobile .header-mobile-content .header-content-tool .flag-container {
          margin-left: 0; }
          header.public .header-mobile .header-mobile-content .header-content-tool .flag-container img {
            height: 1em;
            width: 1.5em; }
          header.public .header-mobile .header-mobile-content .header-content-tool .flag-container a {
            margin-left: .1em;
            opacity: 0.26;
            color: white;
            font-size: 1.375rem;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            float: left; }
            header.public .header-mobile .header-mobile-content .header-content-tool .flag-container a:hover, header.public .header-mobile .header-mobile-content .header-content-tool .flag-container a.active {
              opacity: 1; }
            header.public .header-mobile .header-mobile-content .header-content-tool .flag-container a:last-child {
              margin-right: .5em; }
          header.public .header-mobile .header-mobile-content .header-content-tool .flag-container span {
            margin: 0 .5rem;
            color: white; }
      header.public .header-mobile .header-mobile-content .header-content-tool-content2 a:last-child {
        margin-left: .2em;
        margin-right: .5em; }
  header.public #searchformMobile {
    padding: 2em 0 2.5em; }
    header.public #searchformMobile input[type=text] {
      background: transparent;
      color: rgba(35, 35, 37, 0.9);
      font-style: italic;
      border: 0;
      border-bottom: solid 1px #232325;
      font-size: 1.375em;
      font-weight: 300;
      width: 13.545em;
      max-width: 75%;
      -webkit-appearance: none;
      border-radius: 0; }
      header.public #searchformMobile input[type=text]::-webkit-input-placeholder {
        color: #232325;
        font-style: "italic"; }
      header.public #searchformMobile input[type=text]::-moz-placeholder {
        color: #232325;
        font-style: "italic"; }
      header.public #searchformMobile input[type=text]:-ms-input-placeholder {
        color: #232325;
        font-style: "italic"; }
      header.public #searchformMobile input[type=text]:-moz-placeholder {
        color: #232325;
        font-style: "italic"; }
    header.public #searchformMobile input[type=submit] {
      font-family: "clicknext";
      border: 0;
      background: transparent;
      color: #232325;
      position: relative;
      top: 0.25em;
      font-size: 1.5em;
      cursor: pointer; }
  header.public #searchAccordion {
    position: fixed;
    top: 8.125em;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #ffffff;
    z-index: 2; }
    header.public #searchAccordion .search-form-wrapper {
      height: 100%; }
  header.public #mobileMenu {
    position: fixed;
    top: 5.2em;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow-y: auto;
    background-color: #ffffff;
    z-index: -1; }
    header.public #mobileMenu ul a {
      display: block;
      font-size: 1.5em;
      color: #232325;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding: 0.75rem 1rem;
      margin: 0 auto;
      max-width: 18.25rem;
      /*&:hover{
      	background-color: #265DC8;
      	color: $FontColor2;
      }*/ }
    header.public #mobileMenu .menu-item-has-children {
      cursor: pointer; }
      header.public #mobileMenu .menu-item-has-children > a, header.public #mobileMenu .menu-item-has-children span {
        position: relative; }
        header.public #mobileMenu .menu-item-has-children > a::after, header.public #mobileMenu .menu-item-has-children span::after {
          position: absolute;
          content: '\e99e';
          font-family: "clicknext";
          color: #A8AAB2;
          right: 0px;
          top: 0;
          font-size: 1.5em; }
        header.public #mobileMenu .menu-item-has-children > a.expanded::after, header.public #mobileMenu .menu-item-has-children span.expanded::after {
          content: '\e9a1'; }
        header.public #mobileMenu .menu-item-has-children > a.expanded + .sub-menu, header.public #mobileMenu .menu-item-has-children span.expanded + .sub-menu {
          height: auto; }
    header.public #mobileMenu .sub-menu {
      height: 0;
      overflow: hidden;
      background-color: #F4F4F4; }
      header.public #mobileMenu .sub-menu a {
        padding-left: 2rem;
        background-color: #F4F4F4;
        /*&:hover{
        	background-color: #265DC8;
        	color: $FontColor2;
        }*/ }
    header.public #mobileMenu .btn-style2 {
      margin-top: 3em; }
    header.public #mobileMenu .btn-style3 {
      margin-top: 0.875em;
      max-width: 18em;
      color: white; }
      header.public #mobileMenu .btn-style3:before {
        background-color: transparent; }
  header.public .wrapper-menu {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    background: white;
    box-shadow: 6px 3px 11px 2px rgba(17, 21, 40, 0.09); }
    header.public .wrapper-menu .header-logo {
      width: 15%;
      float: left; }
      header.public .wrapper-menu .header-logo .logo {
        display: block;
        text-align: center;
        margin-top: 1rem;
        margin-left: 1rem; }
        header.public .wrapper-menu .header-logo .logo img {
          width: 200px; }
    header.public .wrapper-menu .header-content {
      width: 85%;
      float: left;
      position: relative;
      /*padding-left: 5%;*/ }
      header.public .wrapper-menu .header-content .header-tools {
        display: flex;
        align-items: center;
        margin-top: -1px;
        position: relative;
        width: 100%;
        justify-content: flex-end;
        height: 50px;
        padding-left: 70px;
        background: url("../images/shape-curve-2.svg") top left no-repeat; }
        header.public .wrapper-menu .header-content .header-tools::after {
          content: "";
          height: 48px;
          width: calc(100% - 70px);
          position: absolute;
          margin-left: 70px;
          top: 0;
          left: 0;
          background-color: #98284B; }
        header.public .wrapper-menu .header-content .header-tools-link {
          display: block;
          position: relative;
          z-index: 4;
          margin-right: 2rem;
          padding: 0 .5rem;
          border-radius: 20px;
          border: 1px solid white; }
          header.public .wrapper-menu .header-content .header-tools-link a {
            font-size: 1.25rem;
            color: white !important; }
        header.public .wrapper-menu .header-content .header-tools .search-form-wrapper {
          position: relative;
          z-index: 1; }
          header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=text] {
            background: transparent;
            color: rgba(255, 255, 255, 0.9);
            font-style: italic;
            border: 0;
            border-bottom: solid 1px #ffffff;
            font-size: 1.375em;
            font-weight: 400;
            width: 13.545em;
            outline: none;
            -webkit-appearance: none;
            border-radius: 0; }
            header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=text]::-webkit-input-placeholder {
              color: #ffffff;
              font-style: "italic"; }
            header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=text]::-moz-placeholder {
              color: #ffffff;
              font-style: "italic"; }
            header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=text]:-ms-input-placeholder {
              color: #ffffff;
              font-style: "italic"; }
            header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=text]:-moz-placeholder {
              color: #ffffff;
              font-style: "italic"; }
          header.public .wrapper-menu .header-content .header-tools .search-form-wrapper input[type=submit] {
            font-family: "clicknext";
            border: 0;
            background: transparent;
            color: #ffffff;
            position: absolute;
            top: 0.25em;
            right: 0;
            cursor: pointer; }
        header.public .wrapper-menu .header-content .header-tools .flag-container {
          margin-left: 2.4375em;
          display: flex;
          align-items: center;
          z-index: 1; }
          header.public .wrapper-menu .header-content .header-tools .flag-container img {
            height: 1.375em;
            width: 2.0625em; }
          header.public .wrapper-menu .header-content .header-tools .flag-container a {
            color: white;
            opacity: 0.26;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            font-size: 1.375em; }
            header.public .wrapper-menu .header-content .header-tools .flag-container a:hover, header.public .wrapper-menu .header-content .header-tools .flag-container a.active {
              opacity: 1; }
          header.public .wrapper-menu .header-content .header-tools .flag-container span {
            margin: 0 .5em;
            color: white; }
          header.public .wrapper-menu .header-content .header-tools .flag-container a + a {
            margin-left: 0.8125em; }
        header.public .wrapper-menu .header-content .header-tools .font-sizing {
          margin: 0 1.25em;
          margin-top: 0.3125em;
          z-index: 1; }
          header.public .wrapper-menu .header-content .header-tools .font-sizing a {
            display: inline-block;
            color: #ffffff;
            font-size: 1.5rem;
            line-height: 1.375rem;
            padding: 0 0.75rem;
            color: #ffffff;
            text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.5); }
            header.public .wrapper-menu .header-content .header-tools .font-sizing a + a {
              font-size: 1.9375rem;
              border-left: solid 1px #ffffff; }
      header.public .wrapper-menu .header-content .header-wrap-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px; }
        header.public .wrapper-menu .header-content .header-wrap-menu ul {
          margin-left: auto;
          font-size: 1.375rem;
          list-style: none;
          width: 80%;
          z-index: 101; }
          @media (min-width: 1400px) {
            header.public .wrapper-menu .header-content .header-wrap-menu ul {
              width: 100%; } }
          header.public .wrapper-menu .header-content .header-wrap-menu ul li {
            padding: 0.927rem 0;
            position: relative;
            text-align: center; }
            header.public .wrapper-menu .header-content .header-wrap-menu ul li a {
              color: black; }
            header.public .wrapper-menu .header-content .header-wrap-menu ul li::after {
              position: absolute;
              height: 0.15em;
              width: calc(100% + 1.5rem);
              bottom: 0.5em;
              left: -0.75em;
              background-color: #98284B;
              content: '';
              opacity: 0;
              pointer-events: none;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            header.public .wrapper-menu .header-content .header-wrap-menu ul li.current_page_item::after, header.public .wrapper-menu .header-content .header-wrap-menu ul li:hover::after {
              opacity: 1; }
            header.public .wrapper-menu .header-content .header-wrap-menu ul li ul {
              visibility: hidden;
              display: none;
              width: 300px;
              position: absolute;
              top: 0px;
              left: 300px;
              background-color: #FFFFFF;
              box-shadow: 1px 5px 6px 0 rgba(0, 0, 0, 0.5); }
              header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li {
                padding: 0.315em;
                background-color: #FFFFFF;
                text-align: left;
                border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
                header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li:hover {
                  background-color: #98284B; }
                  header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li:hover a {
                    color: white; }
                  header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li:hover ul > li > a {
                    color: black; }
                  header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li:hover ul > li:hover a {
                    color: white; }
                header.public .wrapper-menu .header-content .header-wrap-menu ul li ul li::after {
                  opacity: 0 !important; }
        header.public .wrapper-menu .header-content .header-wrap-menu > ul > li > ul {
          top: 2.2em;
          left: -2.2em; }
        header.public .wrapper-menu .header-content .header-wrap-menu li:hover > ul {
          visibility: visible;
          display: block;
          box-shadow: 1px 5px 6px 0 rgba(0, 0, 0, 0.5); }
          header.public .wrapper-menu .header-content .header-wrap-menu li:hover > ul li {
            padding: 0.315em 0.5em;
            line-height: 1em;
            background-color: #F4F4F4; }
        header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .btn-style3 {
          width: 7em;
          height: 40px;
          margin-right: 1.5em;
          background-color: #98284B;
          color: white; }
          header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .btn-style3:before {
            background-color: transparent; }
          header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .btn-style3 span {
            font-size: 1.375rem;
            line-height: 2.2rem; }
        header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .sub-menu {
          margin-top: .3em; }
          header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .sub-menu li {
            padding: 0.315em 0; }
            header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .sub-menu li a {
              padding: 0;
              font-size: 1.375rem; }
              header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .sub-menu li a:hover {
                color: white !important; }
            header.public .wrapper-menu .header-content .header-wrap-menu .with-sub-menu .sub-menu li:after {
              display: none; }
  header.public:after {
    content: "";
    display: block;
    clear: both; }
  header.public .header-footer {
    position: relative;
    float: left;
    width: 100%; }
    header.public .header-footer-wrapper {
      position: relative;
      float: left;
      width: 100%; }
      header.public .header-footer-wrapper-left {
        display: block;
        margin-top: -1px;
        position: absolute;
        background: url("../images/shape-curve-4.svg") top right no-repeat;
        width: 200px;
        height: 45px;
        float: left;
        z-index: 2; }
        header.public .header-footer-wrapper-left::after {
          content: "";
          height: 39.3px;
          width: calc(200px - 70px);
          position: absolute;
          left: 0;
          background-color: white;
          box-shadow: 0px 4px 4px -2px rgba(17, 21, 40, 0.08); }
      header.public .header-footer-wrapper-right {
        left: 200px;
        position: absolute;
        display: block;
        float: left; }
        header.public .header-footer-wrapper-right .header-breadcrumb .breadcrumb {
          padding: .5rem 0; }
    header.public .header-footer .fb-live-wrapper {
      background: #0b4680 url(../images/bg_fb_popup.png) center center no-repeat;
      z-index: 1;
      position: relative;
      background-size: cover; }
      @media (max-width: 1249px) {
        header.public .header-footer .fb-live-wrapper {
          background-size: cover; } }
      header.public .header-footer .fb-live-wrapper > div {
        min-height: 4.75em;
        padding: 1em 15px; }
        @media (max-width: 1249px) {
          header.public .header-footer .fb-live-wrapper > div {
            padding-left: 10em; } }
        @media (max-width: 767px) {
          header.public .header-footer .fb-live-wrapper > div {
            padding-left: 0em;
            padding: 1em 15px; } }
      header.public .header-footer .fb-live-wrapper .close-btn {
        color: #ffffff;
        position: absolute;
        top: 1.125em;
        right: 2.375em;
        width: 15px;
        height: 15px; }
      header.public .header-footer .fb-live-wrapper img {
        height: 30px; }
    header.public .header-footer .fb-live-topic div {
      color: #ffffff;
      line-height: 1.1em; }
      header.public .header-footer .fb-live-topic div:first-child {
        font-size: 1.25em;
        font-weight: 400; }
      header.public .header-footer .fb-live-topic div:last-child {
        font-size: 1.5em; }

.with-sub-menu {
  position: relative;
  padding: 0.927em 0; }
  .with-sub-menu:hover .sub-menu {
    opacity: 1;
    pointer-events: painted; }
  .with-sub-menu .sub-menu {
    box-shadow: 1px 5px 6px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    pointer-events: none;
    opacity: 0;
    min-width: 10em;
    margin-top: 1em;
    right: 0px;
    z-index: 160;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #FFFFFF; }
    .with-sub-menu .sub-menu::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      pointer-events: none;
      background: transparent;
      box-shadow: 6px 3px 11px 5px rgba(17, 21, 40, 0.07);
      overflow: hidden;
      background-color: rgba(0, 0, 0, 0.1); }
    .with-sub-menu .sub-menu li {
      padding: 0.315em 0;
      background-color: #FFFFFF;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .with-sub-menu .sub-menu li:hover {
        background-color: #98284B; }
        .with-sub-menu .sub-menu li:hover a {
          color: white !important; }
      .with-sub-menu .sub-menu li a {
        font-size: 1.3em;
        display: block;
        text-align: center; }

footer {
  background: #FFFFFF; }
  footer #footer1 h2 {
    font-size: 1.625em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
  footer #footer1 h3 {
    font-size: 1.5em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
  footer #footer1 div.addr {
    font-size: 1.3em;
    padding-left: 1.3em;
    position: relative;
    line-height: 1.15em;
    margin-bottom: 0.3em; }
    footer #footer1 div.addr a {
      color: #232325; }
    footer #footer1 div.addr i {
      color: #98284B;
      position: absolute;
      display: inline-block;
      width: 1.5rem;
      margin-right: 5px;
      text-align: center;
      left: 0; }
      footer #footer1 div.addr i.fi-mail-alt {
        font-size: 0.8em; }
        footer #footer1 div.addr i.fi-mail-alt::before {
          margin-top: 0.15em; }
      footer #footer1 div.addr i.fi-phone {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH"; }
        footer #footer1 div.addr i.fi-phone::before {
          margin-top: 0.05em; }
  footer #footer1 .footer-logo {
    max-width: 100%;
    height: 129px;
    width: auto; }
  footer #footer1 .social-list {
    margin-top: 1em; }
    footer #footer1 .social-list li {
      display: inline-block; }
      footer #footer1 .social-list li + li {
        margin-left: 0.625em; }
  footer #footer2 {
    border-top: 1px solid #E1E1E1; }
    footer #footer2 ul {
      padding: 0.7em 0 0.2em; }
    footer #footer2 .copyright {
      font-size: 1.125em;
      color: #232325;
      padding-bottom: 0.5em; }
    footer #footer2 a {
      padding: 0 0.5rem;
      color: #232325;
      font-size: 1.125em; }
      footer #footer2 a:hover {
        color: #232325; }
    footer #footer2 li + li {
      position: relative; }
      footer #footer2 li + li::before {
        content: '|';
        position: absolute;
        left: 0; }
    footer #footer2 li:first-child a {
      padding-left: 0; }
    footer #footer2 li:last-child a {
      padding-right: 0; }

.btn-circle {
  display: inline-block;
  width: 2.8125rem;
  height: 2.8125rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #232325;
  border: solid 1px #232325;
  text-align: center;
  color: #ffffff;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative; }
  .btn-circle i {
    font-size: 1.5em;
    line-height: 2em; }
    .btn-circle i::before {
      line-height: 1.8em; }
  .btn-circle:hover {
    background-color: #ffffff;
    color: #232325; }

.btn-style2, .btn-style3 {
  width: 100%;
  max-width: 16.25em;
  height: 2.8125em;
  display: inline-block;
  text-align: center;
  color: #232325;
  position: relative;
  -webkit-border-radius: 1.40625em;
  -moz-border-radius: 1.40625em;
  -ms-border-radius: 1.40625em;
  border-radius: 1.40625em;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88364d+0,21347a+100 */
  background: #98284B;
  /* Old browsers */ }
  .btn-style2::before, .btn-style3::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    -webkit-border-radius: 1.40625em;
    -moz-border-radius: 1.40625em;
    -ms-border-radius: 1.40625em;
    border-radius: 1.40625em;
    background-color: #ffffff;
    pointer-events: none;
    z-index: 1;
    opacity: 1;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn-style2 span, .btn-style3 span {
    position: relative;
    z-index: 2;
    font-size: 1.5em;
    line-height: 1.9em; }
  .btn-style2:hover, .btn-style2.is-load, .btn-style3:hover, .btn-style3.is-load {
    color: #ffffff; }
    .btn-style2:hover::before, .btn-style2.is-load::before, .btn-style3:hover::before, .btn-style3.is-load::before {
      opacity: 0; }

.btn-style3 {
  background: #98284B; }

.breadcrumb {
  background-color: transparent;
  padding: 1.5rem 0;
  font-size: 1em;
  margin-bottom: 0;
  font-size: 1.25em; }
  @media (max-width: 1200px) {
    .breadcrumb {
      transition: all .3s;
      padding: 1.5rem 0 0 0; } }
  .breadcrumb .breadcrumb-item {
    color: #ABADB5; }
    .breadcrumb .breadcrumb-item a {
      color: #ABADB5; }
      .breadcrumb .breadcrumb-item a:hover {
        color: #232325; }
    .breadcrumb .breadcrumb-item.active {
      color: #98284B; }
      .breadcrumb .breadcrumb-item.active a {
        color: #98284B; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: '>';
      color: #ABADB5; }

.archive-template {
  margin-bottom: 3em; }
  .archive-template img {
    max-width: 100%;
    height: auto; }
  .archive-template .search-tool {
    background-color: #98284B;
    border: solid 1px #F0F0F0;
    margin: 0em 0 2.5em;
    text-align: center; }
  .archive-template button {
    border: 0;
    font-size: 1.5em;
    height: 1.8em;
    width: auto;
    min-width: 6em;
    line-height: 1.3em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    border-radius: 1em;
    background-color: #ffffff;
    color: #98284B;
    border: 1px solid #98284B; }
    .archive-template button:hover {
      background-color: transparent;
      color: #232325; }
    .archive-template button::after {
      position: relative;
      top: 3px; }
  .archive-template .dropdown-menu {
    font-size: 1.5em;
    text-align: center;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .archive-template .dropdown-item {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .archive-template .dropdown-item:hover {
      background-color: #98284B;
      color: #ffffff; }
  .archive-template #meetingTypeMenuButton + .dropdown-menu .dropdown-item {
    pointer-events: none; }
    .archive-template #meetingTypeMenuButton + .dropdown-menu .dropdown-item.collapsed {
      pointer-events: painted; }
  .archive-template .calendar {
    width: 100%;
    max-width: 245px;
    margin: 0 auto;
    margin-bottom: 1.25em; }
    .archive-template .calendar th {
      color: #70747C;
      font-weight: 400;
      color: #707070;
      text-shadow: 0.5px 0px 0px rgba(112, 112, 112, 0.8); }
      .archive-template .calendar th.month-name {
        text-align: left;
        color: #232325;
        font-size: 1.25em;
        padding-left: 0.6em; }
    .archive-template .calendar th, .archive-template .calendar td {
      text-align: center; }
    .archive-template .calendar td {
      color: #303030;
      color: #303030;
      text-shadow: 0.5px 0px 0px rgba(48, 48, 48, 0.8);
      position: relative; }
      .archive-template .calendar td span {
        position: relative;
        z-index: 2; }
      .archive-template .calendar td.event {
        cursor: pointer; }
        .archive-template .calendar td.event::before {
          position: absolute;
          content: '';
          width: 26px;
          height: 26px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          background-color: #98284B;
          left: 50%;
          top: 50%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 1;
          opacity: 0;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .archive-template .calendar td.event.active, .archive-template .calendar td.event:hover {
          color: #ffffff; }
          .archive-template .calendar td.event.active::before, .archive-template .calendar td.event:hover::before {
            opacity: 1;
            background-color: #98284B !important; }
        .archive-template .calendar td.event::after {
          position: absolute;
          content: '';
          width: 5px;
          height: 5px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          background-color: #98284B;
          top: calc(50% + 5px);
          left: calc(50% + 6px);
          z-index: 3; }
      .archive-template .calendar td.today::before {
        position: absolute;
        content: '';
        width: 26px;
        height: 26px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-color: #E0E0E0;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1;
        opacity: 1 !important; }

.single-template {
  /*min-height: 60rem;*/ }
  .single-template h1 {
    font-size: 2.92em;
    margin-bottom: .5em;
    line-height: 1em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
    @media (max-width: 768px) {
      .single-template h1 {
        font-size: 1.75em !important; } }
  .single-template .main-content {
    margin-top: 5rem; }
    @media (max-width: 1200px) {
      .single-template .main-content {
        transition: all .3s;
        margin-top: 1.5rem; } }
    @media (max-width: 600px) {
      .single-template .main-content {
        padding-top: 1rem;
        margin-top: 0rem; }
        .single-template .main-content iframe {
          width: 100%; } }
  .single-template .single-header h1 {
    margin-top: -10px; }
  .single-template .date-group {
    padding-right: 1.3125em;
    white-space: nowrap;
    line-height: 1.75em;
    color: #A81543; }
    .single-template .date-group div {
      font-size: 2.25em;
      text-align: center;
      display: block; }
      @media (max-width: 991px) {
        .single-template .date-group div {
          float: left;
          margin-right: .1em !important;
          line-height: normal !important;
          font-size: 1.8em !important; } }
    .single-template .date-group div:first-child {
      font-size: 3.75em;
      color: #98284B;
      text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8);
      margin-right: 0;
      line-height: .5em; }
    .single-template .date-group div:last-child {
      font-size: 1.875em; }
    @media (max-width: 991px) {
      .single-template .date-group {
        padding-right: 0;
        margin-right: 0; } }
  .single-template .main-content-inner-0 img {
    margin: 0 auto;
    max-width: 100%;
    height: auto; }
  .single-template .main-content-inner-0 .feature-image {
    margin-left: -15px;
    margin-right: -15px; }
  .single-template .main-content-inner {
    /*margin-bottom: 3em;*/
    font-size: 1.25em; }
    .single-template .main-content-inner ul {
      background: none; }
      .single-template .main-content-inner ul li {
        display: flex;
        padding: 0; }
        .single-template .main-content-inner ul li:nth-child(2) {
          padding-top: 0em; }
        .single-template .main-content-inner ul li:before {
          content: "\2022";
          /* Add content: \2022 is the CSS Code/unicode for a bullet */
          color: #98284B;
          /* Change the color */
          font-weight: bold;
          /* If you want it to be bold */
          display: inline-block;
          /* Needed to add space between the bullet and the text */
          width: .5rem;
          /* Also needed for space (tweak if needed) */
          margin-right: .5rem;
          /* Also needed for space (tweak if needed) */ }
    .single-template .main-content-inner img {
      margin: 0 auto;
      max-width: 100%;
      height: auto; }
    .single-template .main-content-inner .feature-image {
      margin-bottom: 1em;
      margin-left: -15px;
      margin-right: -15px; }
    .single-template .main-content-inner div {
      font-size: 1.375rem;
      font-weight: 400; }
    .single-template .main-content-inner p {
      font-weight: 400;
      margin-bottom: 0.75em;
      color: #232325;
      font-size: 1.375rem; }
    .single-template .main-content-inner h3 {
      /*font-size: 2em;*/
      margin-bottom: .5rem;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
    .single-template .main-content-inner:after {
      content: "";
      display: block;
      clear: both; }
  .single-template .main-content-tags {
    position: relative;
    display: flex;
    padding: 2.3em 15px; }
    @media (max-width: 600px) {
      .single-template .main-content-tags {
        display: block; } }
    .single-template .main-content-tags::before {
      content: '';
      display: block;
      height: 1px;
      top: 0;
      left: 15px;
      right: 15px;
      position: absolute;
      background-color: #E1E1E1; }
    .single-template .main-content-tags div {
      color: #232325;
      font-size: 1.25em;
      display: block;
      margin-right: 1.9em; }
    .single-template .main-content-tags ul {
      display: block; }
    .single-template .main-content-tags li {
      display: inline-block;
      font-size: 1.25em;
      height: 2em;
      margin-top: 0.5em;
      max-width: 300px;
      margin-right: 0.7em; }
      .single-template .main-content-tags li a {
        color: #98284B;
        background-color: #FFFFFF;
        border: 1px solid #98284B;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        -ms-border-radius: 1em;
        border-radius: 1em;
        height: 2em;
        padding: 0.35em 1em;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap; }
        .single-template .main-content-tags li a:hover {
          background-color: #98284B;
          color: #FFFFFF; }
      .single-template .main-content-tags li:last-child {
        margin-right: 0; }
  .single-template .meeting-header {
    background: #27438C url(../images/bg_meeting_header.png) center center no-repeat;
    background-size: cover;
    padding-bottom: 3.375em;
    color: #ffffff; }
    .single-template .meeting-header .breadcrumb {
      margin-bottom: 0; }
      .single-template .meeting-header .breadcrumb li::before {
        color: #FFFFFF !important; }
      .single-template .meeting-header .breadcrumb li a, .single-template .meeting-header .breadcrumb li span {
        color: #FFFFFF !important; }
    .single-template .meeting-header .meeting-header-content {
      font-size: 0.65em; }
      .single-template .meeting-header .meeting-header-content h1 {
        color: #ffffff; }
    .single-template .meeting-header .event-coming-clock-wrapper {
      text-align: center; }
    .single-template .meeting-header h2 {
      font-size: 1.75rem;
      text-align: center;
      color: #ffffff;
      text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8); }
    .single-template .meeting-header h1 {
      margin: 0 auto;
      margin-top: 0.5em;
      text-align: center;
      width: calc(100% - 30px);
      max-width: 44.375rem; }
    .single-template .meeting-header #event_coming_clock {
      max-width: 100%;
      margin-top: 2.5em;
      border: solid 1px #ffffff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      color: #ffffff;
      padding: 1.115em 0; }
      .single-template .meeting-header #event_coming_clock > div {
        font-size: 1.7em;
        line-height: 0.8em; }
        .single-template .meeting-header #event_coming_clock > div:nth-child(odd) {
          padding: 0 1.18em; }
        .single-template .meeting-header #event_coming_clock > div:nth-child(even) > div {
          padding-bottom: 0.4em; }
        .single-template .meeting-header #event_coming_clock > div > div {
          font-size: 2.24em;
          line-height: 0.8em; }
  .single-template .main-content-location {
    background-color: #F8F8F8;
    font-size: 1.5em;
    padding: 0.92em 0; }
    .single-template .main-content-location i {
      color: #A8AAB2;
      margin-right: 8px; }
      .single-template .main-content-location i img {
        height: 1.3em;
        opacity: 0.5; }
    .single-template .main-content-location .main-content-location-row > div {
      padding-right: 1em; }
      .single-template .main-content-location .main-content-location-row > div:last-child {
        padding-right: 0; }
    .single-template .main-content-location button {
      border: 0;
      font-size: 1em;
      background-color: transparent;
      color: #ffffff;
      box-shadow: none;
      border-radius: 22.5px;
      background-color: #98284B; }
      .single-template .main-content-location button::after {
        position: relative;
        top: 3px; }
    .single-template .main-content-location .dropdown-menu {
      font-size: 1em;
      text-align: center;
      padding: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      min-width: 11.5rem; }
    .single-template .main-content-location .dropdown-item {
      width: 100%;
      border-radius: 2px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .single-template .main-content-location .dropdown-item:hover {
        background-color: #98284B;
        color: #ffffff; }

.category-template {
  font-size: 0.85em; }
  .category-template .main-content {
    padding-top: 5rem; }
    @media (max-width: 1200px) {
      .category-template .main-content {
        transition: all .3s;
        padding-top: 1.5rem; } }
    @media (max-width: 600px) {
      .category-template .main-content {
        padding-top: 1rem; }
        .category-template .main-content iframe {
          width: 100%; } }
  .category-template h1 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .category-template select {
    color: #666666;
    font-size: 1.5em;
    height: 2em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0.58em;
    border: 1px solid #E1E1E1;
    width: 15em; }
  .category-template a.btn-style2 {
    margin-left: auto;
    width: 11.69em;
    height: 2.75em; }
    .category-template a.btn-style2 span {
      font-size: 1.25em;
      line-height: 2.2em;
      position: relative; }
    .category-template a.btn-style2 i {
      position: absolute;
      display: inline-block;
      height: 32px;
      width: 32px;
      left: -2em;
      top: -12px;
      opacity: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .category-template a.btn-style2 i img {
        display: inline-block;
        width: 100%;
        height: 100%; }
    .category-template a.btn-style2.is-load {
      pointer-events: none; }
      .category-template a.btn-style2.is-load i {
        opacity: 1; }

.thumb-news {
  position: relative;
  margin-bottom: 30px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .thumb-news.new .content {
    position: relative; }
    .thumb-news.new .content::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      background: transparent url(../images/new_tag.png) right top no-repeat;
      background-size: contain;
      width: 37px;
      height: 44px;
      pointer-events: none; }
  .thumb-news img {
    width: 100%;
    height: auto;
    border: 1px solid #E1E1E1;
    border-bottom: 0; }
  .thumb-news .content {
    border: 1px solid #E1E1E1;
    background: #ffffff;
    border-top: 0;
    padding: 1.34em; }
    .thumb-news .content h2 {
      text-align: left;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 2.75rem;
      /* Fallback for non-webkit */
      font-size: 1.375rem;
      line-height: 1;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 2.62rem;
      overflow: hidden; }
    .thumb-news .content::before {
      content: '';
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 0;
      background: #98284B;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .thumb-news a {
    display: inline-block;
    color: #232325;
    width: 100%; }
  .thumb-news:hover a {
    box-shadow: 0 2px 16px 0 rgba(70, 69, 76, 0.26); }
  .thumb-news:hover .content::before {
    opacity: 1; }

.hilight-news {
  margin: 3.25em 0;
  border: 1px solid #E1E1E1;
  box-shadow: 3px 10px 16px 0 rgba(70, 68, 78, 0.23);
  background-color: #FFFFFF;
  width: 100%;
  position: relative; }
  .hilight-news.new::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url(../images/new_tag.png) right top no-repeat;
    width: 50px;
    height: 65px;
    pointer-events: none; }
  .hilight-news img {
    width: 100%;
    height: auto; }
  .hilight-news .content {
    padding: 2.5em 3.875em 2.5em calc(3.875em - 15px); }
    .hilight-news .content h2 {
      font-size: 2em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
      @media (max-width: 600px) {
        .hilight-news .content h2 {
          font-size: 1.75em; } }
    .hilight-news .content p {
      font-size: 1.5em;
      color: #232325;
      font-weight: 400;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 4.05em;
      /* Fallback for non-webkit */
      font-size: 1.5em;
      line-height: 1.4;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .hilight-news .content a.btn-style2 {
      margin-left: auto;
      width: 7.4em;
      height: 2.2em; }
      .hilight-news .content a.btn-style2 span {
        font-size: 1.25em;
        line-height: 1.75em; }

#news_list .new {
  display: block; }
  #news_list .new::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 0;
    background: transparent url(../images/new_tag.png) right top no-repeat;
    width: 50px;
    height: 65px;
    pointer-events: none; }

.recent-list-wrapper {
  background: #F2F3F4 url(../images/cover_news1366@2x.png) center center no-repeat;
  background-size: cover;
  padding: 2.8125em 0;
  position: relative;
  overflow: hidden; }
  .recent-list-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    margin-bottom: 1em; }
  .recent-list-wrapper .owl-theme .owl-dots .owl-dot.active span, .recent-list-wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #98284B; }

#frm_search_tool {
  font-size: 1.2em;
  padding: 0.88em 0; }
  #frm_search_tool label {
    margin-bottom: 0;
    color: #ffffff; }
  #frm_search_tool input[type=text] {
    background-color: #ffffff;
    border: 1px solid #E1E1E1;
    padding: 0 0.95em;
    height: 2em;
    width: 100%;
    margin-bottom: 0.8em;
    border-radius: 3px; }
    #frm_search_tool input[type=text]::-webkit-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool input[type=text]::-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool input[type=text]:-ms-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool input[type=text]:-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
  #frm_search_tool select {
    background-color: #ffffff;
    border: 1px solid #E1E1E1;
    padding: 0 0.95em;
    height: 2em;
    width: 100%;
    border-radius: 3px; }
    #frm_search_tool select::-webkit-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool select::-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool select:-ms-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool select:-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
  #frm_search_tool input[type=submit] {
    height: 2em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    border-radius: 1em;
    background-color: #98284B;
    color: #ffffff;
    text-align: center;
    border: solid 1px #ffffff;
    max-width: 7em; }

.frm_search_tool_search input[type=submit] {
  padding: 0 1em; }

#frm_search_tool_media {
  font-size: 1.2em;
  padding: 0.88em 0; }
  @media (max-width: 1104px) {
    #frm_search_tool_media {
      padding-top: 2.75em; } }
  @media (max-width: 600px) {
    #frm_search_tool_media {
      padding-top: 1.5em; } }
  #frm_search_tool_media label {
    margin-bottom: 0;
    color: #ffffff; }
  #frm_search_tool_media input[type=text] {
    background-color: #ffffff;
    border: 1px solid #E1E1E1;
    padding: 0 0.95em;
    height: 2em;
    width: 100%;
    border-radius: 3px;
    color: #A8AAB2; }
    #frm_search_tool_media input[type=text]::-webkit-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media input[type=text]::-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media input[type=text]:-ms-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media input[type=text]:-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    @media (max-width: 768px) {
      #frm_search_tool_media input[type=text] {
        margin-bottom: .3em; } }
  #frm_search_tool_media select {
    background-color: #ffffff;
    border: 1px solid #E1E1E1;
    padding: 0 0.95em;
    height: 2em;
    width: 100%;
    border-radius: 3px;
    color: #A8AAB2; }
    #frm_search_tool_media select::-webkit-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media select::-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media select:-ms-input-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    #frm_search_tool_media select:-moz-placeholder {
      color: #A8AAB2;
      font-style: normal; }
    @media (max-width: 768px) {
      #frm_search_tool_media select {
        margin-bottom: .3em; } }
  #frm_search_tool_media input[type=submit] {
    height: 2em;
    -webkit-border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    -ms-border-radius: 0.1875em;
    border-radius: 0.1875em;
    background-color: #98284B;
    color: #ffffff;
    text-align: center;
    border: solid 1px #ffffff; }

.frm-search-wrapper-media {
  background-color: #F8F8F8; }

.register {
  width: 100%;
  display: block; }
  .register-header i {
    background-color: #98294C;
    color: white !important; }
  .register-header span {
    font-size: 1.375em; }
  @media (max-width: 600px) {
    .register-header {
      font-size: 1em; } }
  .register-open {
    color: #98294C;
    font-size: 1.25em; }
    @media (max-width: 600px) {
      .register-open {
        font-size: 1.5em; } }
    .register-open div:first-child {
      margin-right: 1em; }
    @media (max-width: 600px) {
      .register-open div {
        width: 50%; } }
  .register-close {
    color: #696b75;
    font-size: 1.25em; }
    @media (max-width: 600px) {
      .register-close {
        font-size: 1.5em; } }
    .register-close div:first-child {
      margin-right: 1em; }
    @media (max-width: 600px) {
      .register-close div {
        width: 50%; } }
  @media (max-width: 600px) {
    .register-button a {
      margin-top: .5em;
      width: 100%; } }
  .register-button input[type=button] {
    height: 2em;
    -webkit-border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    -ms-border-radius: 0.1875em;
    border-radius: 0.1875em;
    cursor: pointer;
    background-color: #98284B;
    color: #ffffff;
    text-align: center;
    border: solid 1px #ffffff;
    width: 100%;
    max-width: 10em; }
    @media (max-width: 600px) {
      .register-button input[type=button] {
        max-width: 100%;
        font-size: 1.5em; } }

#popupEvent {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 3px 10px 16px 0 rgba(70, 68, 78, 0.23);
  font-size: 0.8em;
  width: 32em;
  border: 1px solid #A81543;
  border-radius: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 90vw;
  max-height: 80vh;
  z-index: 3;
  opacity: 0;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 1.875em 2.375em; }
  #popupEvent.active {
    pointer-events: painted;
    opacity: 1;
    z-index: 200; }
  #popupEvent i {
    color: #A8AAB2;
    margin-right: 0.5em;
    font-size: 1em; }
  #popupEvent .fi-location {
    color: #F9BEB2;
    margin-right: 0px; }
  #popupEvent .fi-cancel {
    color: #A81543 !important;
    font-size: 1.75em;
    margin-right: 0; }
  #popupEvent .close-btn {
    position: absolute;
    right: 1em;
    top: 1em; }
  #popupEvent li > a > div:first-child {
    font-size: 1.5em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
  #popupEvent li > a > div:nth-child(2) {
    font-size: 1.875em;
    line-height: 1em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  #popupEvent li > a > div:nth-child(3) {
    font-size: 1.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    margin-top: 1em; }
    #popupEvent li > a > div:nth-child(3) i {
      font-size: 1.2em; }
  #popupEvent li + li {
    margin-top: 2em; }
  #popupEvent li .footer_li {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #popupEvent li .footer_li > div {
      font-size: 1.5em;
      text-align: left; }
    #popupEvent li .footer_li_i_detail {
      font-size: 1.5em;
      line-height: 1em; }
      #popupEvent li .footer_li_i_detail i {
        color: #98284B;
        font-size: 1em;
        padding: .4em .4em .375em .5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #98284B;
        text-align: center;
        position: relative;
        margin-right: 0; }

.monthly-event-wrapper a.btn-style2 {
  margin-left: auto;
  width: 11.69em;
  height: 2.75em; }
  .monthly-event-wrapper a.btn-style2 span {
    font-size: 1.25em;
    line-height: 2.2em;
    position: relative; }
  .monthly-event-wrapper a.btn-style2 i {
    position: absolute;
    display: inline-block;
    height: 32px;
    width: 32px;
    left: -2em;
    top: -12px;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .monthly-event-wrapper a.btn-style2 i img {
      display: inline-block;
      width: 100%;
      height: 100%; }
  .monthly-event-wrapper a.btn-style2.is-load {
    pointer-events: none; }
    .monthly-event-wrapper a.btn-style2.is-load i {
      opacity: 1; }
.monthly-event-wrapper .monthly_filter_wrapper a {
  font-size: 1.25em;
  color: #A8AAB2;
  text-align: center; }
  .monthly-event-wrapper .monthly_filter_wrapper a.active, .monthly-event-wrapper .monthly_filter_wrapper a:hover {
    color: #98284B; }
    .monthly-event-wrapper .monthly_filter_wrapper a.active span::after, .monthly-event-wrapper .monthly_filter_wrapper a:hover span::after {
      opacity: 1; }
  .monthly-event-wrapper .monthly_filter_wrapper a span {
    display: inline-block;
    position: relative;
    padding: 0 0 0.5em; }
    .monthly-event-wrapper .monthly_filter_wrapper a span::after {
      content: '';
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      height: 4px;
      width: calc(100% + 30px);
      bottom: 0;
      left: -15px;
      opacity: 0;
      background-color: #98284B; }
.monthly-event-wrapper .monthly_list_wrapper .no-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  width: 100%;
  padding: 1.3em 3em;
  border: 1px solid #E1E1E1;
  position: relative;
  text-align: center;
  font-size: 1.5em;
  line-height: 3em; }
.monthly-event-wrapper .monthly_list_wrapper .list-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  width: 100%;
  padding: 1.3em 2em;
  border: 1px solid #E1E1E1;
  position: relative;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item > a {
    flex: 1; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item::before {
    content: '';
    position: absolute;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #98284B; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item.active, .monthly-event-wrapper .monthly_list_wrapper .list-item:hover {
    box-shadow: 3px 6px 6px 0 rgba(169, 168, 174, 0.23); }
    .monthly-event-wrapper .monthly_list_wrapper .list-item.active::before, .monthly-event-wrapper .monthly_list_wrapper .list-item:hover::before {
      opacity: 1; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item i {
    color: #A8AAB2;
    margin-right: 0.5em;
    font-size: 0.8em; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item .fi-location {
    color: #F9BEB2; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item .ic-detail {
    color: #98284B;
    font-size: 1.25em;
    padding: .4375em .4375em .2em .4375em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #98284B;
    text-align: center;
    position: relative;
    margin-right: 0; }
    .monthly-event-wrapper .monthly_list_wrapper .list-item .ic-detail:hover {
      background-color: #98284B;
      color: #ffffff; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item span.badge {
    color: #98284B;
    background-color: #FCD4CB;
    font-weight: 400;
    margin-left: 1rem; }
  .monthly-event-wrapper .monthly_list_wrapper .list-item a > div {
    margin-right: 1em; }
    .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:first-child {
      font-size: 1.5em;
      color: #98284B;
      text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
    .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(2) {
      font-size: 1.75em;
      line-height: 1em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
    .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(3) {
      font-size: 1.25em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
      margin-top: 1em; }
      .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(3) i {
        font-size: 1.2em; }
        .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(3) i img {
          height: 1.1em; }
    .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(4) {
      font-size: 1.25em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
      .monthly-event-wrapper .monthly_list_wrapper .list-item a > div:nth-child(4) i {
        font-size: 1.2em; }

@media screen and (min-width: 768px) {
  .monthly-calendar-home {
    min-height: 14.625em; } }
.monthly-calendar-home-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  padding: 1.3em 2em;
  border: 1px solid #E1E1E1;
  position: relative;
  margin-left: 1px; }
  .monthly-calendar-home-item a div:first-child {
    font-size: 1.25em;
    color: #A81543;
    line-height: 2.2em; }
  .monthly-calendar-home-item a div:nth-child(2) {
    font-size: 1.5em !important;
    font-weight: 500;
    color: #232325;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 1.05em;
    /* Fallback for non-webkit */
    font-size: 1.25em;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .monthly-calendar-home-item a div:nth-child(3) {
    font-size: 1.25em;
    color: #EAB0A2;
    line-height: 1.25em; }
  .monthly-calendar-home-item::before {
    content: '';
    position: absolute;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #98284B; }
  .monthly-calendar-home-item.active, .monthly-calendar-home-item:hover {
    box-shadow: 3px 6px 6px 0 rgba(169, 168, 174, 0.23); }
    .monthly-calendar-home-item.active::before, .monthly-calendar-home-item:hover::before {
      opacity: 1; }

.monthly-calendar-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  padding: 1.3em 2em;
  border: 1px solid #E1E1E1;
  position: relative; }
  .monthly-calendar-item a div:first-child {
    font-size: 1.5em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(0, 70, 174, 0.8); }
  .monthly-calendar-item a div:nth-child(2) {
    font-size: 1.375em;
    line-height: 1.2em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 1.8em;
    /* Fallback for non-webkit */
    font-size: 1.25em;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .monthly-calendar-item a div:nth-child(3) {
    font-size: 1.25em;
    color: #F9BEB2;
    text-shadow: 0.5px 0px 0px rgba(101, 101, 101, 0.8); }
  .monthly-calendar-item::before {
    content: '';
    position: absolute;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #98284B; }
  .monthly-calendar-item.active, .monthly-calendar-item:hover {
    box-shadow: 3px 6px 6px 0 rgba(169, 168, 174, 0.23); }
    .monthly-calendar-item.active::before, .monthly-calendar-item:hover::before {
      opacity: 1; }

.home-template .home-meeting-wrapper {
  background: url(../images/bg_index_right.png) right top no-repeat, url(../images/bg_index_left.png) left top no-repeat, linear-gradient(0deg, #F2F2F4 0%, #FFFFFF 100%);
  background-size: contain; }
  @media (max-width: 768px) {
    .home-template .home-meeting-wrapper {
      background: none;
      margin-top: 1.9em; } }
  @media (max-width: 600px) {
    .home-template .home-meeting-wrapper {
      background: none;
      margin-top: 3em; } }
  .home-template .home-meeting-wrapper h2 {
    font-size: 2em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    margin-bottom: 0.59375em; }
  .home-template .home-meeting-wrapper #meeting_coming {
    margin-bottom: 3em; }
  .home-template .home-meeting-wrapper .meeting-list {
    height: 23.1875em;
    display: block; }
    @media (max-width: 600px) {
      .home-template .home-meeting-wrapper .meeting-list {
        display: none; } }
  .home-template .home-meeting-wrapper .meeting-list-item {
    padding: 1.1875em 0;
    border-bottom: 1px solid #E1E1E1; }
    .home-template .home-meeting-wrapper .meeting-list-item a {
      color: #252523 !important; }
    .home-template .home-meeting-wrapper .meeting-list-item:first-child {
      padding-top: 0; }
    .home-template .home-meeting-wrapper .meeting-list-item:last-child {
      border-bottom: 0; }
    .home-template .home-meeting-wrapper .meeting-list-item .content {
      padding-left: 1.625em;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
      .home-template .home-meeting-wrapper .meeting-list-item .content h3, .home-template .home-meeting-wrapper .meeting-list-item .content h4 {
        font-size: 1.5em;
        margin-bottom: 0;
        line-height: 1em; }
      .home-template .home-meeting-wrapper .meeting-list-item .content h4 {
        margin-bottom: 0.3em;
        color: #98284B;
        text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
    .home-template .home-meeting-wrapper .meeting-list-item .no-entry {
      width: 100%;
      text-align: center;
      font-size: 1.25em;
      padding: 2em 0; }
  .home-template .home-meeting-wrapper .meeting-list-slide {
    display: none; }
    @media (max-width: 600px) {
      .home-template .home-meeting-wrapper .meeting-list-slide {
        display: block; } }
    .home-template .home-meeting-wrapper .meeting-list-slide-item .wrap .thumb img {
      object-fit: cover;
      height: 8em; }
      @media (max-width: 600px) {
        .home-template .home-meeting-wrapper .meeting-list-slide-item .wrap .thumb img {
          height: 10em; } }
    .home-template .home-meeting-wrapper .meeting-list-slide-item .wrap .content h3 {
      line-height: 1em;
      font-size: 1.4em;
      color: black; }
    .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-item {
      margin-right: 10px; }
      .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-item .list-item > img {
        width: 100%; }
    @media (max-width: 600px) {
      .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-item.active {
        width: 280px !important; } }
    .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0;
      margin: 0;
      font-size: 1.5em; }
      .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-prev, .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-next {
        position: absolute;
        font-family: "clicknext";
        color: #ABADB5;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: bold;
        background: transparent !important; }
      .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-prev {
        left: 10px; }
        @media (max-width: 600px) {
          .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-prev {
            left: 0px; } }
      .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-next {
        right: 10px; }
        @media (max-width: 600px) {
          .home-template .home-meeting-wrapper .meeting-list-slide.owl-theme .owl-nav button.owl-next {
            right: 0px; } }
.home-template .meeting-coming-list {
  /*background: #1D4CAB url(../images/bg_upcomingevent.png) center center no-repeat;
  background-size: cover;*/
  height: 23.1875em; }
  .home-template .meeting-coming-list a {
    color: #FFFFFF !important;
    display: block;
    padding-top: 15%;
    width: 80%;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .home-template .meeting-coming-list a {
        padding-top: 20%; } }
  .home-template .meeting-coming-list.owl-carousel .owl-stage-outer, .home-template .meeting-coming-list.owl-carousel .owl-stage, .home-template .meeting-coming-list.owl-carousel .owl-item {
    height: 100%; }
  .home-template .meeting-coming-list.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin: 0;
    font-size: 1.5em; }
    .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-prev, .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-next {
      position: absolute;
      font-family: "clicknext";
      color: #FFFFFF;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: bold;
      background: transparent !important; }
    .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-prev {
      left: 10px; }
    .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-next {
      right: 10px; }
  .home-template .meeting-coming-list .meeting-coming-item {
    position: relative; }
    .home-template .meeting-coming-list .meeting-coming-item a {
      width: 100%;
      padding: 0; }
      .home-template .meeting-coming-list .meeting-coming-item a .meeting-coming-item-bg img {
        object-fit: cover;
        height: 417px;
        width: 100%; }
      .home-template .meeting-coming-list .meeting-coming-item a .meeting-coming-item-detail {
        position: absolute;
        top: 35%;
        bottom: 0;
        width: 100%;
        color: #ffffff;
        font-size: 1.5rem;
        background: linear-gradient(180deg, transparent 0%, #98284B 100%);
        line-height: 1em; }
        .home-template .meeting-coming-list .meeting-coming-item a .meeting-coming-item-detail p {
          color: #ffffff;
          margin: 0;
          /*background: rgba(152, 40, 75, 0.9);*/
          text-align: center;
          width: 100%;
          padding: 3% 4%;
          text-align: left;
          bottom: 0;
          position: absolute; }
        .home-template .meeting-coming-list .meeting-coming-item a .meeting-coming-item-detail .location {
          text-align: center;
          font-size: 1.75em;
          font-weight: 400; }
          .home-template .meeting-coming-list .meeting-coming-item a .meeting-coming-item-detail .location i {
            margin-right: 5px;
            font-size: .7em; }
.home-template .home-calendar-wrapper {
  padding: 2.5em 0 0em; }
  @media (max-width: 576px) {
    .home-template .home-calendar-wrapper {
      background-size: 80%;
      background-position: top -50px right 0px; } }
  .home-template .home-calendar-wrapper .btn-style2 {
    width: 9em;
    height: 2.5em;
    margin-right: 0.5em; }
    .home-template .home-calendar-wrapper .btn-style2 span {
      line-height: 1.65em; }
  .home-template .home-calendar-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    margin-bottom: 0.59375em; }
  .home-template .home-calendar-wrapper .home-calendar-header .menu-mobile {
    display: none; }
  @media (max-width: 600px) {
    .home-template .home-calendar-wrapper .home-calendar-header [class^="col-"] {
      float: left; }
    .home-template .home-calendar-wrapper .home-calendar-header h2 {
      font-size: 1.65em;
      margin-bottom: 0; }
    .home-template .home-calendar-wrapper .home-calendar-header h3 {
      font-size: 1.25em;
      margin: 0; }
    .home-template .home-calendar-wrapper .home-calendar-header .menu-mobile {
      display: flex;
      justify-content: start;
      align-items: center; } }
  .home-template .home-calendar-wrapper .home-calendar-menu {
    display: flex;
    justify-content: start;
    align-items: center; }
    @media (max-width: 600px) {
      .home-template .home-calendar-wrapper .home-calendar-menu {
        display: none; } }
  .home-template .home-calendar-wrapper #calendar_events {
    margin-bottom: 3em; }
    .home-template .home-calendar-wrapper #calendar_events .datepicker table {
      width: 100%; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table .datepicker-switch {
        pointer-events: none; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table .icon-arrow-left::before, .home-template .home-calendar-wrapper #calendar_events .datepicker table .icon-arrow-right::before {
        font-style: normal;
        color: #9C9C9C;
        font-family: "clicknext"; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table .icon-arrow-left::before {
        content: '\e9a3'; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table .icon-arrow-right::before {
        content: '\e9a4'; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table th {
        font-family: "Tahoma", sans-serif;
        font-size: 1em;
        height: 2.85em;
        font-weight: 400; }
        .home-template .home-calendar-wrapper #calendar_events .datepicker table th.dow {
          color: #9B9B9B; }
      .home-template .home-calendar-wrapper #calendar_events .datepicker table td {
        font-size: 1.25em;
        height: 2.3em;
        position: relative; }
        .home-template .home-calendar-wrapper #calendar_events .datepicker table td.day.active {
          background-color: #1E3F8E; }
          .home-template .home-calendar-wrapper #calendar_events .datepicker table td.day.active i {
            background-color: #FFFFFF;
            border: solid 1px #1E3F8E; }
        .home-template .home-calendar-wrapper #calendar_events .datepicker table td.day .event-group i {
          display: none;
          position: absolute;
          width: 10px;
          height: 10px;
          background-color: #1E3F8E;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          border: solid 1px #ffffff;
          left: 65%;
          top: 65%; }
        .home-template .home-calendar-wrapper #calendar_events .datepicker table td.day .event-group.e1 i:first-child {
          display: inline-block; }
  .home-template .home-calendar-wrapper #event_list {
    height: 100%;
    max-height: 20em;
    margin-bottom: 3em; }
    .home-template .home-calendar-wrapper #event_list.en {
      max-height: 23em; }
    .home-template .home-calendar-wrapper #event_list .no-item {
      margin-bottom: 10px;
      background-color: #ffffff;
      width: 100%;
      padding: 1.3em 3em;
      position: relative;
      text-align: center;
      font-size: 1.5em;
      line-height: 3em; }
    .home-template .home-calendar-wrapper #event_list .list-item {
      margin-bottom: 10px;
      background-color: #ffffff;
      width: 100%;
      padding: 1.3em 2em;
      border: 1px solid #E1E1E1;
      position: relative;
      font-size: 0.8em; }
      .home-template .home-calendar-wrapper #event_list .list-item::before {
        content: '';
        position: absolute;
        opacity: 0;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 5px;
        top: 0;
        left: 0;
        bottom: 0;
        background: linear-gradient(180deg, #E11E30 0%, #0243A2 100%); }
      .home-template .home-calendar-wrapper #event_list .list-item.active, .home-template .home-calendar-wrapper #event_list .list-item:hover {
        box-shadow: 3px 6px 6px 0 rgba(169, 168, 174, 0.23); }
        .home-template .home-calendar-wrapper #event_list .list-item.active::before, .home-template .home-calendar-wrapper #event_list .list-item:hover::before {
          opacity: 1; }
      .home-template .home-calendar-wrapper #event_list .list-item i {
        color: #A8AAB2;
        margin-right: 0.5em;
        font-size: 0.8em; }
      .home-template .home-calendar-wrapper #event_list .list-item a > div:first-child {
        font-size: 1.875em;
        line-height: 1em;
        color: #232325;
        text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
      .home-template .home-calendar-wrapper #event_list .list-item a > div:nth-child(2) {
        font-size: 1.5em;
        color: #232325;
        text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
        margin-top: 0.5em; }
        .home-template .home-calendar-wrapper #event_list .list-item a > div:nth-child(2) i {
          font-size: 1.2em; }
  .home-template .home-calendar-wrapper #article_list .list-item {
    margin-bottom: 1.6875em; }
    .home-template .home-calendar-wrapper #article_list .list-item a h3 {
      font-size: 1.5em;
      color: #232325;
      margin-bottom: 0;
      line-height: 0.95em; }
    .home-template .home-calendar-wrapper #article_list .list-item div:first-child {
      margin-right: 1.625em; }
      .home-template .home-calendar-wrapper #article_list .list-item div:first-child span {
        display: inline-block;
        width: 1.59375em;
        height: 1.59375em;
        border: 1px solid #E1E1E1;
        color: #98284B;
        font-size: 2em;
        line-height: 1.59375em;
        text-align: center; }
  .home-template .home-calendar-wrapper #montlycalendar .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin: 0;
    font-size: 1.5em; }
    .home-template .home-calendar-wrapper #montlycalendar .owl-nav button.owl-prev, .home-template .home-calendar-wrapper #montlycalendar .owl-nav button.owl-next {
      position: absolute;
      font-family: "clicknext";
      color: #F9BEB2;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: bold;
      background: transparent !important; }
    .home-template .home-calendar-wrapper #montlycalendar .owl-nav button.owl-prev {
      left: 10px; }
    .home-template .home-calendar-wrapper #montlycalendar .owl-nav button.owl-next {
      right: 10px; }

.public-relation-wrapper {
  margin-bottom: 1.5em; }
  .public-relation-wrapper .public-relation-header {
    padding: 1.875em 0 1.3em; }
  .public-relation-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .public-relation-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .public-relation-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .public-relation-wrapper #home_public-relation_list .list-item img {
    width: 100%;
    height: auto; }
  .public-relation-wrapper #home_public-relation_list .list-item:first-child img {
    width: 100%; }

.video-album-wrapper {
  margin-bottom: 1.5em;
  position: relative;
  overflow: hidden; }
  .video-album-wrapper .video-album-header {
    padding: 1.875em 0 1.3em; }
  .video-album-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .video-album-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .video-album-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .video-album-wrapper #home_video_album_list {
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .video-album-wrapper #home_video_album_list .list-item {
      padding: 0 7.5px 15px; }
      .video-album-wrapper #home_video_album_list .list-item img {
        width: 100%;
        height: auto; }
      .video-album-wrapper #home_video_album_list .list-item:first-child .video-album-cover span {
        display: block;
        text-align: center; }
      .video-album-wrapper #home_video_album_list .list-item .video-album-cover {
        overflow: hidden;
        position: relative;
        text-align: center; }
        .video-album-wrapper #home_video_album_list .list-item .video-album-cover::after {
          content: '';
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          position: absolute;
          pointer-events: none;
          background: linear-gradient(179.52deg, rgba(197, 13, 35, 0.5) 0%, #840E33 100%);
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .video-album-wrapper #home_video_album_list .list-item .video-album-cover span {
          display: block;
          position: absolute;
          color: #ffffff;
          opacity: 0;
          width: 100%;
          padding: 0 1em;
          font-size: 1.5em;
          z-index: 1;
          line-height: 1em;
          top: 50%;
          text-align: left;
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .video-album-wrapper #home_video_album_list .list-item .video-album-cover i {
          position: absolute;
          color: #ffffff;
          width: 2em;
          height: 2em;
          display: inline-block;
          right: 1em;
          top: 1em;
          opacity: 0;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          z-index: 1;
          border: solid 1px #ffffff;
          text-align: center;
          line-height: 2.5em; }
          .video-album-wrapper #home_video_album_list .list-item .video-album-cover i::before {
            font-size: 1.5em;
            margin-left: 0.1em; }
      .video-album-wrapper #home_video_album_list .list-item a:hover .video-album-cover::after {
        opacity: 1; }
      .video-album-wrapper #home_video_album_list .list-item a:hover .video-album-cover i, .video-album-wrapper #home_video_album_list .list-item a:hover .video-album-cover span {
        opacity: 1; }

.other-news-wrapper {
  margin-top: 3em;
  margin-bottom: 3em; }
  @media (max-width: 600px) {
    .other-news-wrapper {
      margin-top: 0em; } }
  .other-news-wrapper .other-news-header {
    padding: 1.875em 0 1.3em; }
  .other-news-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .other-news-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .other-news-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .other-news-wrapper #home_other_news_list .list-item div:first-child {
    margin-right: 15px; }
  .other-news-wrapper #home_other_news_list .list-item div:last-child {
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    height: 3em !important;
    overflow: hidden;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 4.2em;
    /* Fallback for non-webkit */
    font-size: 1.4em;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .other-news-wrapper #home_other_news_list .list-item img {
    width: auto;
    height: 4em; }
  .other-news-wrapper #home_other_news_list.owl-theme .owl-nav {
    position: absolute;
    top: -2.3em;
    right: 0;
    margin: 0;
    font-size: 1.5em; }
    .other-news-wrapper #home_other_news_list.owl-theme .owl-nav button.owl-prev, .other-news-wrapper #home_other_news_list.owl-theme .owl-nav button.owl-next {
      font-family: "clicknext";
      color: #A8AAB2;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      font-weight: bold;
      background: transparent !important; }

.infographic-wrapper {
  padding: 1.5em 0 4em;
  background-color: #F2F3F4;
  position: relative;
  overflow: hidden;
  background: url(../images/bg_index1_right@2x.png) right -50px top no-repeat, url(../images/bg_index1_left@2x.png) left -100px top no-repeat, #98284B;
  background-size: contain; }
  @media (max-width: 1396px) {
    .infographic-wrapper {
      background: #98284B url(../images/bg_section3__parallax2.png) no-repeat;
      background-position: center bottom;
      background-size: 180%; } }
  @media (max-width: 768px) {
    .infographic-wrapper {
      padding: 1em 0;
      margin-bottom: 0em; } }
  @media (max-width: 600px) {
    .infographic-wrapper {
      background: none; } }
  .infographic-wrapper .infographic-header {
    padding: 1em 0 1.3em; }
    @media (max-width: 768px) {
      .infographic-wrapper .infographic-header {
        padding: 0; } }
  .infographic-wrapper h2 {
    font-size: 2.25em;
    white-space: nowrap;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    color: white; }
    @media (max-width: 600px) {
      .infographic-wrapper h2 {
        color: black; } }
  .infographic-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em;
    background-color: transparent;
    border: 1px solid white;
    color: white;
    background-color: transparent; }
    .infographic-wrapper .btn-style2::before {
      background-color: transparent; }
    .infographic-wrapper .btn-style2 span {
      line-height: 1.6em; }
  .infographic-wrapper #home_infographic_list {
    margin: 0 auto; }
    .infographic-wrapper #home_infographic_list .list-item {
      padding: 0;
      min-height: 150px;
      margin-bottom: 1rem;
      width: calc((100% - 2 * 1rem  ) / 3 );
      margin-right: 1rem;
      margin-bottom: 15px; }
      .infographic-wrapper #home_infographic_list .list-item:nth-child(3) {
        margin-right: 0rem; }
      .infographic-wrapper #home_infographic_list .list-item img {
        width: 100%;
        height: auto; }
      .infographic-wrapper #home_infographic_list .list-item a {
        position: relative;
        min-height: 100%; }
      .infographic-wrapper #home_infographic_list .list-item img {
        object-fit: cover;
        height: 400px;
        width: 100%; }
        @media (max-width: 768px) {
          .infographic-wrapper #home_infographic_list .list-item img {
            height: 22rem; } }
      @media (max-width: 768px) {
        .infographic-wrapper #home_infographic_list .list-item {
          max-width: 100%;
          margin-top: 0px;
          padding-top: 1.5em; } }
      @media (max-width: 600px) {
        .infographic-wrapper #home_infographic_list .list-item {
          width: 100%;
          margin-right: 0;
          background: none; }
          .infographic-wrapper #home_infographic_list .list-item:first-child {
            padding-bottom: 1.5em;
            background: #98284B url(../images/bg_section3__parallax.png) center center no-repeat;
            background-size: cover; } }
      .infographic-wrapper #home_infographic_list .list-item div:first-child {
        height: 400px;
        display: block; }
        @media (max-width: 768px) {
          .infographic-wrapper #home_infographic_list .list-item div:first-child {
            height: 22rem; } }
      .infographic-wrapper #home_infographic_list .list-item div:last-child {
        position: absolute;
        top: 35%;
        bottom: 0;
        width: 100.3%;
        color: #ffffff;
        background: linear-gradient(180deg, transparent 0%, #000000 100%);
        line-height: 1em; }
        @media (max-width: 768px) {
          .infographic-wrapper #home_infographic_list .list-item div:last-child {
            left: 0px;
            right: 0px; } }
        .infographic-wrapper #home_infographic_list .list-item div:last-child span {
          position: absolute;
          display: block;
          width: 100%;
          bottom: 1rem;
          padding: 0 1.3rem;
          padding-bottom: 0.75em;
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 4.5rem;
          /* Fallback for non-webkit */
          font-size: 1.5rem;
          line-height: 1;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }

.info-album-wrapper {
  margin-bottom: 1.5em;
  background-color: #FFFF;
  display: block;
  width: 100%; }
  .info-album-wrapper:after {
    display: block;
    clear: both;
    content: ""; }
  .info-album-wrapper .info-album-header {
    padding: 1em 0 1.3em; }
  .info-album-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .info-album-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .info-album-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .info-album-wrapper .list-item {
    display: block;
    width: calc((100% - 3 * 2rem)/4);
    margin-right: 2rem;
    margin-bottom: 2rem;
    float: left;
    position: relative; }
    .info-album-wrapper .list-item:nth-child(4n+4) {
      margin-right: 0rem; }
    .info-album-wrapper .list-item .title {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 2.75rem;
      /* Fallback for non-webkit */
      font-size: 1.375rem;
      line-height: 1;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media (max-width: 990px) {
      .info-album-wrapper .list-item {
        width: calc((100% - 2 * 2rem)/3); }
        .info-album-wrapper .list-item:nth-child(4n+4) {
          margin-right: 2rem; }
        .info-album-wrapper .list-item:nth-child(3n+3) {
          margin-right: 0rem; } }
    @media (max-width: 600px) {
      .info-album-wrapper .list-item {
        width: calc((100% - 1 * 2rem)/2); }
        .info-album-wrapper .list-item:nth-child(4n+4), .info-album-wrapper .list-item:nth-child(3n+3) {
          margin-right: 2rem; }
        .info-album-wrapper .list-item:nth-child(2n+2) {
          margin-right: 0rem; } }
    .info-album-wrapper .list-item::after {
      content: "";
      display: block;
      clear: both; }
    .info-album-wrapper .list-item .info-album-cover {
      position: relative; }
      .info-album-wrapper .list-item .info-album-cover::after {
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        pointer-events: none;
        background: linear-gradient(179.52deg, rgba(197, 13, 35, 0.5) 0%, #840E33 100%);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .info-album-wrapper .list-item .info-album-cover i {
        position: absolute;
        color: #ffffff;
        width: 5.25em;
        height: 5.25em;
        display: inline-block;
        left: 50%;
        top: 50%;
        opacity: 0;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
        border: solid 2px #ffffff;
        text-align: center;
        line-height: 6em; }
        .info-album-wrapper .list-item .info-album-cover i::before {
          font-size: 2.2em; }
    .info-album-wrapper .list-item a:hover .info-album-cover::after {
      opacity: 1; }
    .info-album-wrapper .list-item a:hover .info-album-cover i {
      opacity: 1; }
    .info-album-wrapper .list-item img {
      width: 100%;
      height: auto; }

.photo-album-wrapper {
  margin-bottom: 1.5em;
  background-color: #FFFF; }
  .photo-album-wrapper .photo-album-header {
    padding: 1em 0 1.3em; }
  .photo-album-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .photo-album-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .photo-album-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .photo-album-wrapper #home_photo_album_list .list-item img {
    width: 100%;
    height: auto; }
  .photo-album-wrapper #home_photo_album_list .list-item .photo-album-cover {
    position: relative; }
    .photo-album-wrapper #home_photo_album_list .list-item .photo-album-cover::after {
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      position: absolute;
      pointer-events: none;
      background: linear-gradient(179.52deg, rgba(197, 13, 35, 0.5) 0%, #840E33 100%);
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .photo-album-wrapper #home_photo_album_list .list-item .photo-album-cover i {
      position: absolute;
      color: #ffffff;
      width: 5.25em;
      height: 5.25em;
      display: inline-block;
      left: 50%;
      top: 50%;
      opacity: 0;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      border: solid 2px #ffffff;
      text-align: center;
      line-height: 6em; }
      .photo-album-wrapper #home_photo_album_list .list-item .photo-album-cover i::before {
        font-size: 2.2em; }
  .photo-album-wrapper #home_photo_album_list .list-item a:hover .photo-album-cover::after {
    opacity: 1; }
  .photo-album-wrapper #home_photo_album_list .list-item a:hover .photo-album-cover i {
    opacity: 1; }

.album-wrapper {
  margin-bottom: 1.5em;
  background-color: #FFFF; }
  .album-wrapper:after {
    display: block;
    clear: both;
    content: ""; }
  .album-wrapper .album-header {
    padding: 1em 0 1.3em; }
  .album-wrapper h2 {
    font-size: 2.25em;
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
  .album-wrapper .btn-style2 {
    width: 6em;
    height: 2.5em;
    margin-right: 0.5em;
    font-size: 0.875em; }
    .album-wrapper .btn-style2 span {
      line-height: 1.8em; }
  .album-wrapper .list-item {
    display: block;
    width: calc((100% - 2 * 2rem)/3);
    margin-right: 2rem;
    margin-bottom: 2rem;
    float: left;
    position: relative; }
    .album-wrapper .list-item:nth-child(3n+3) {
      margin-right: 0rem; }
    .album-wrapper .list-item .title {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 2.75rem;
      /* Fallback for non-webkit */
      font-size: 1.375rem;
      line-height: 1;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media (max-width: 990px) {
      .album-wrapper .list-item {
        width: calc((100% - 1 * 2rem)/2); }
        .album-wrapper .list-item:nth-child(3n+3) {
          margin-right: 2rem; }
        .album-wrapper .list-item:nth-child(2n+2) {
          margin-right: 0rem; } }
    @media (max-width: 600px) {
      .album-wrapper .list-item {
        width: calc((100% - 1 * 1rem)/2);
        margin-right: 1rem;
        margin-bottom: 1rem; }
        .album-wrapper .list-item:nth-child(3n+3) {
          margin-right: 1rem !important; }
        .album-wrapper .list-item:nth-child(2n+2) {
          margin-right: 0rem; } }
    .album-wrapper .list-item img {
      width: 100%;
      height: 230px;
      object-fit: cover; }
      @media (max-width: 600px) {
        .album-wrapper .list-item img {
          height: 150px; } }
    .album-wrapper .list-item .album-cover {
      position: relative; }
      .album-wrapper .list-item .album-cover::after {
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        pointer-events: none;
        background: linear-gradient(179.52deg, rgba(197, 13, 35, 0.5) 0%, #840E33 100%);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .album-wrapper .list-item .album-cover i {
        position: absolute;
        color: #ffffff;
        width: 5.25em;
        height: 5.25em;
        display: inline-block;
        left: 50%;
        top: 50%;
        opacity: 0;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
        border: solid 2px #ffffff;
        text-align: center;
        line-height: 6em; }
        .album-wrapper .list-item .album-cover i::before {
          font-size: 2.2em; }
    .album-wrapper .list-item a:hover .album-cover::after {
      opacity: 1; }
    .album-wrapper .list-item a:hover .album-cover i {
      opacity: 1; }

.gallery-album .list-item img {
  width: 100%;
  height: 300px !important;
  object-fit: cover; }

.home-announce-wrapper {
  background: #ABADB5 url(../images/bg_annoucement_map@2x.png) right center no-repeat;
  background-size: cover;
  color: #ffffff;
  padding: 1.25em 0 1.25em;
  /*margin-bottom: 1em;*/ }
  .home-announce-wrapper .date-group {
    width: 5.75em;
    height: 5.75em;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-right: 3em;
    background-color: #98284B;
    flex: 1;
    box-sizing: border-box; }
    .home-announce-wrapper .date-group > div {
      text-align: center;
      color: #ffffff;
      text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8); }
      .home-announce-wrapper .date-group > div:first-child {
        margin-top: 0.3em;
        font-size: 3.25em;
        line-height: 0.6em; }
      .home-announce-wrapper .date-group > div:last-child {
        font-size: 2.5em;
        line-height: 0.8em; }
  .home-announce-wrapper .content h2 {
    font-size: 2em;
    margin: 0; }
  .home-announce-wrapper .content p {
    font-size: 1.5em;
    margin: 0;
    font-weight: 400; }
  .home-announce-wrapper #home_announce_list {
    width: calc(100% - 60px);
    margin: 0 auto; }
    .home-announce-wrapper #home_announce_list .list-item .item {
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media (max-width: 600px) {
        .home-announce-wrapper #home_announce_list .list-item .item {
          display: block !important; } }
      @media (max-width: 600px) {
        .home-announce-wrapper #home_announce_list .list-item .item .date-group-wrapper {
          text-align: center; } }
      @media (max-width: 600px) {
        .home-announce-wrapper #home_announce_list .list-item .item .date-group-wrapper .date-group {
          margin-right: 0; } }
      @media (max-width: 600px) {
        .home-announce-wrapper #home_announce_list .list-item .item .content {
          margin-top: 1em; }
          .home-announce-wrapper #home_announce_list .list-item .item .content h2, .home-announce-wrapper #home_announce_list .list-item .item .content p {
            line-height: 1em; } }
    .home-announce-wrapper #home_announce_list.owl-theme .owl-nav {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0;
      margin: 0;
      font-size: 1.5em; }
      .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-prev, .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-next {
        position: absolute;
        font-family: "clicknext";
        color: #FFFFFF;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: bold;
        background: transparent !important; }
      .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-prev {
        left: -30px; }
      .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-next {
        right: -30px; }

.social-side {
  position: absolute;
  right: 40px;
  top: 0;
  -moz-transform: translateX(calc(100% + 4.3125em));
  -o-transform: translateX(calc(100% + 4.3125em));
  -ms-transform: translateX(calc(100% + 4.3125em));
  -webkit-transform: translateX(calc(100% + 4.3125em));
  transform: translateX(calc(100% + 4.3125em)); }
  @media (max-width: 1190px) {
    .social-side {
      position: relative;
      flex-direction: row !important;
      float: right;
      transform: none !important;
      font-size: 1.5rem; } }
  @media (max-width: 1190px) {
    .social-side {
      right: 0; } }
  .social-side a {
    margin-bottom: 10px; }
    .social-side a:last-child {
      margin-bottom: 0; }
      @media (max-width: 1190px) {
        .social-side a:last-child {
          margin-left: 5px; } }
    .social-side a i {
      display: inline-block;
      width: 2.625rem;
      height: 2.625rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      color: #ffffff;
      text-align: center;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .social-side a i::before {
        font-size: 1.7rem;
        line-height: 2.8rem; }
      .social-side a i.fi-facebook {
        border: solid 1px #3B5998;
        background-color: #3B5998; }
      .social-side a i.fi-twitter {
        border: solid 1px #55ACEE;
        background-color: #55ACEE; }
      .social-side a i.fi-gplus {
        border: solid 1px #DC4E41;
        background-color: #DC4E41; }
      .social-side a i:hover {
        background-color: #ffffff; }
        .social-side a i:hover.fi-facebook {
          color: #3B5998; }
        .social-side a i:hover.fi-twitter {
          color: #55ACEE; }
        .social-side a i:hover.fi-gplus {
          color: #DC4E41; }

.arrow {
  color: #D6D6D6;
  font-size: 1.5rem;
  margin: 5px;
  padding: 4px 7px;
  cursor: pointer;
  font-family: "clicknext";
  font-weight: 600; }
  .arrow:hover {
    color: #98284B !important; }

.grey-wrapper {
  position: relative; }
  .grey-wrapper-bgleft {
    width: 50%;
    position: absolute;
    z-index: 0;
    height: 100%;
    background: url(../images/bg_info_left.png) no-repeat;
    background-size: contain;
    background-position: bottom -10px left;
    left: 0; }
    @media (max-width: 768px) {
      .grey-wrapper-bgleft {
        width: 100%;
        float: left;
        background-size: 50%;
        background-position: bottom 40px left; } }
    @media (max-width: 576px) {
      .grey-wrapper-bgleft {
        width: 100%;
        float: left;
        background-size: 80%;
        background-position: bottom 0px left; } }
  .grey-wrapper-bgright {
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: url(../images/bg_right4.png) no-repeat;
    background-size: 50%;
    right: 0;
    margin-top: -2.8em;
    background-position: top  right; }
  .grey-wrapper-bgright1 {
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: url(../images/bg_right6.png) no-repeat;
    background-size: 80%;
    right: 0;
    margin-top: -2.8em;
    background-position: top -50px right; }
    @media (min-width: 1200px) {
      .grey-wrapper-bgright1 {
        background-size: 60%;
        background-position: top -80px right; } }
    @media (max-width: 768px) {
      .grey-wrapper-bgright1 {
        width: 100%;
        float: left;
        background-size: 50%;
        background-position: top -20px right; } }
    @media (max-width: 576px) {
      .grey-wrapper-bgright1 {
        width: 100%;
        float: left;
        background-size: 80%;
        background-position: top 0px right; } }
  .grey-wrapper-bgright2 {
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: url(../images/bg_right6.png) no-repeat;
    background-size: 80%;
    right: 0;
    margin-top: -2.8em;
    background-position: top  right; }
    @media (max-width: 768px) {
      .grey-wrapper-bgright2 {
        width: 80%; } }
    @media (max-width: 576px) {
      .grey-wrapper-bgright2 {
        width: 100%; } }

.bg-content-newsLeft {
  width: 50%;
  position: absolute;
  z-index: 0;
  height: 100%;
  background: url(../images/bg_left4.png) no-repeat;
  background-size: 80%;
  background-position: center left;
  left: 0; }
.bg-content-newsLeft1 {
  width: 50%;
  position: absolute;
  z-index: 0;
  height: 100%;
  background: url(../images/bg_left4.png) no-repeat;
  background-size: 80%;
  background-position: top 200px left;
  left: 0; }
.bg-content-newsRight {
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: url(../images/bg_right5.png) no-repeat;
  background-size: 50px;
  right: 0;
  margin-top: -2.8em;
  background-position: center  right; }

.display_desktop {
  display: block; }
  @media (max-width: 768px) {
    .display_desktop {
      display: none; } }
.display_mobile {
  display: none; }
  @media (max-width: 768px) {
    .display_mobile {
      display: block; } }

.home-bg-left {
  background: url(../images/bg_section2@2x.png) left top no-repeat;
  background-size: 30%;
  background-position: left top;
  z-index: -1; }
  @media (max-width: 1290px) {
    .home-bg-left {
      background-size: 40%;
      background-position: left -80px top; } }
  @media (max-width: 768px) {
    .home-bg-left {
      background: none; } }

/***for email newsleter**/
.es_lablebox {
  display: none; }

.es_form_container {
  margin-top: 1em;
  display: inline-block; }
  @media (max-width: 768px) {
    .es_form_container {
      float: none;
      margin: 0 auto;
      display: block;
      text-align: center;
      margin-top: 1em; }
      .es_form_container > * {
        display: inline-block; } }
  @media (max-width: 600px) {
    .es_form_container {
      float: left;
      margin-top: 1em;
      text-align: left;
      width: 100%; } }
  .es_form_container form {
    width: 100%;
    display: flex; }
    .es_form_container form::after {
      content: "";
      display: block;
      clear: both; }
  .es_form_container::after {
    content: "";
    display: block;
    clear: both; }

.es_textbox {
  float: left;
  width: 180px; }
  @media (max-width: 768px) {
    .es_textbox {
      width: calc(100% - 87px); } }
  .es_textbox .es_textbox_class {
    height: 38px;
    background-color: #F4F4F4;
    padding: 5px;
    color: #636363;
    font-size: 1.25em;
    border: 1px solid #ECEBEB;
    border-radius: 2px;
    width: 100%; }
    .es_textbox .es_textbox_class:focus {
      outline: none; }

.es_button {
  float: left;
  padding: 0; }
  .es_button .es_submit_button {
    background-color: #98284B;
    color: #ffffff;
    border: none;
    height: 38px;
    width: 87px;
    font-size: 1.25em;
    border-radius: 2px; }

/***for email newsleter**/
/***header content news **/
.category-breadcrumb {
  display: none; }
  @media (max-width: 1200px) {
    .category-breadcrumb {
      display: block; } }
  .category-breadcrumb .breadcrumb {
    left: 15px;
    position: relative;
    word-break: break-all;
    width: calc(100% - 15px); }

.breadcrumb_meeting .breadcrumb {
  color: #FFF; }
.breadcrumb_meeting .breadcrumb-item {
  color: #FFF; }
  .breadcrumb_meeting .breadcrumb-item a {
    color: #FFF; }
    .breadcrumb_meeting .breadcrumb-item a:hover {
      color: #FFF; }
  .breadcrumb_meeting .breadcrumb-item.active {
    color: white; }
  .breadcrumb_meeting .breadcrumb-item + .breadcrumb-item::before {
    content: '>';
    color: #FFF; }

.category-breadcrumb-meeting {
  position: relative;
  display: none; }
  @media (max-width: 1200px) {
    .category-breadcrumb-meeting {
      display: block; } }
  .category-breadcrumb-meeting .breadcrumb {
    left: 15px;
    position: absolute;
    word-break: break-all;
    width: calc(100% - 15px);
    padding-top: .5rem;
    color: #FFF; }
  .category-breadcrumb-meeting .breadcrumb-item {
    color: #FFF; }
    .category-breadcrumb-meeting .breadcrumb-item a {
      color: #FFF; }
      .category-breadcrumb-meeting .breadcrumb-item a:hover {
        color: #FFF; }
    .category-breadcrumb-meeting .breadcrumb-item.active {
      color: #98284B; }
    .category-breadcrumb-meeting .breadcrumb-item + .breadcrumb-item::before {
      content: '>';
      color: #FFF; }

.main-content-header {
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  padding-top: 3em; }
  @media (max-width: 1100px) {
    .main-content-header {
      padding-top: 0em; } }
  .main-content-header-left {
    margin-right: .5em; }
    .main-content-header-left h1 {
      float: left;
      font-size: 3.5em;
      line-height: 3rem; }
  .main-content-header-center {
    background: #A8AAB2;
    width: 1px;
    height: 3em; }
  .main-content-header-right {
    color: #A8AAB2;
    line-height: 1em;
    font-size: 1.5em;
    margin-left: .5em; }
  .main-content-header-search {
    display: block; }
    .main-content-header-search h2 {
      text-align: center;
      font-size: 3em;
      line-height: .8em;
      margin: 0; }
      @media (max-width: 600px) {
        .main-content-header-search h2 {
          font-size: 2rem; } }
    .main-content-header-search h3 {
      text-align: center;
      font-size: 2.5em;
      margin: 0; }
      @media (max-width: 600px) {
        .main-content-header-search h3 {
          font-size: 2rem; } }
  .main-content-header-meeting {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    padding-top: 3em; }
    @media (max-width: 1100px) {
      .main-content-header-meeting {
        padding-top: 0em; } }
    .main-content-header-meeting-left {
      margin-right: .5em; }
      .main-content-header-meeting-left h2 {
        font-size: 4em;
        line-height: .8em;
        margin: 0; }
        @media (max-width: 600px) {
          .main-content-header-meeting-left h2 {
            font-size: 2rem; } }
      .main-content-header-meeting-left h3 {
        font-size: 2.5em;
        margin: 0; }
        @media (max-width: 600px) {
          .main-content-header-meeting-left h3 {
            font-size: 2rem; } }
    .main-content-header-meeting-center {
      background: #A8AAB2;
      width: 1px;
      height: 5.5em; }
      @media (max-width: 600px) {
        .main-content-header-meeting-center {
          height: 4em; } }
    .main-content-header-meeting-right {
      color: #A8AAB2;
      line-height: 1em;
      font-size: 1.5em;
      margin-left: .5em; }
      @media (max-width: 600px) {
        .main-content-header-meeting-right {
          font-size: 1.2rem; } }

.subcategories {
  display: block;
  text-align: center;
  min-height: 2.75em; }
  .subcategories > li {
    display: inline-block;
    padding: 0 .5em;
    font-size: 1.5em; }
    .subcategories > li a {
      color: black; }
      .subcategories > li a:hover:after {
        content: '';
        height: 0.125em;
        background: #98284B;
        display: block;
        margin-top: 0.0625em; }
      .subcategories > li a:visited, .subcategories > li a:active {
        color: black; }
  .subcategories .actived:hover:after {
    content: '';
    margin-top: 0em;
    background: none;
    display: block; }
  .subcategories .actived:after {
    content: '';
    height: 0.125em;
    background: #98284B;
    display: block;
    margin-top: 0.0625em; }

/***header content news **/
.wrapper-archive-meeting, .wrapper-archive-search {
  background: url(../images/header_meeting@2x.png) center center no-repeat;
  background-size: cover;
  display: block;
  padding-top: 3em;
  padding-bottom: 3em; }
  @media (max-width: 768px) {
    .wrapper-archive-meeting, .wrapper-archive-search {
      padding-bottom: 1em; } }
  @media (max-width: 990px) {
    .wrapper-archive-meeting, .wrapper-archive-search {
      padding-top: 1em; } }

/***official-partner-wrapper**/
.official-partner-wrapper-flex {
  display: flex;
  align-items: center;
  flex-direction: row; }
  @media (max-width: 600px) {
    .official-partner-wrapper-flex {
      display: block;
      padding: 0;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.02) 100%); } }
.official-partner-wrapper-left {
  color: #A8AAB2;
  width: 10em;
  float: left; }
  @media (max-width: 600px) {
    .official-partner-wrapper-left {
      width: 100%;
      float: none;
      padding: .5em 15px 0; } }
  .official-partner-wrapper-left div {
    font-size: 1.275em;
    line-height: 1.5rem; }
    .official-partner-wrapper-left div:first-child {
      font-size: 2em; }
.official-partner-wrapper-right {
  float: left;
  width: calc(100% - 10em);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, transparent 100%);
  height: 93px; }
  @media (max-width: 600px) {
    .official-partner-wrapper-right {
      width: 100%;
      background: auto;
      padding: 0 15px; } }
  .official-partner-wrapper-right img {
    float: left;
    display: block; }
    @media (max-width: 600px) {
      .official-partner-wrapper-right img {
        display: none; } }
  .official-partner-wrapper-right .official-partner-content {
    float: left;
    width: calc(100% - 5em);
    height: 93px;
    padding: 0 1.5em; }
    @media (max-width: 768px) {
      .official-partner-wrapper-right .official-partner-content {
        width: calc(100% - 5.125em); } }
    @media (max-width: 600px) {
      .official-partner-wrapper-right .official-partner-content {
        width: 100%;
        padding: 0; } }
    .official-partner-wrapper-right .official-partner-content.owl-theme .owl-item {
      margin-right: 10px; }
      .official-partner-wrapper-right .official-partner-content.owl-theme .owl-item .list-item > img {
        width: 100%; }
    .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 0;
      margin: 0;
      font-size: 1.5em; }
      .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-prev, .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-next {
        position: absolute;
        font-family: "clicknext";
        color: #ABADB5;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: bold;
        background: transparent !important; }
      .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-prev {
        left: 10px; }
        @media (max-width: 600px) {
          .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-prev {
            left: 0px; } }
      .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-next {
        right: 10px; }
        @media (max-width: 600px) {
          .official-partner-wrapper-right .official-partner-content.owl-theme .owl-nav button.owl-next {
            right: 0px; } }
.official-partner-wrapper .list-item {
  display: flex;
  height: 93px;
  align-items: center;
  justify-content: center; }
  .official-partner-wrapper .list-item img {
    max-height: 92px;
    width: 100%; }
.official-partner-wrapper:after {
  content: "";
  clear: both;
  display: block; }

/***official-partner-wrapper**/
.admin-content-wrapper, .media-content-wrapper, .dao-content-wrapper, .registration-content-wrapper {
  min-height: 100%;
  background: #f2efef url("../images/bg-admin.png") center center repeat;
  background-size: contain;
  background-attachment: fixed;
  display: block; }
  @media (max-width: 600px) {
    .admin-content-wrapper, .media-content-wrapper, .dao-content-wrapper, .registration-content-wrapper {
      background: none; } }

.admin-content-wrapper, .dao-content-wrapper {
  padding-top: 3em; }

.bluesky-text {
  color: #62C3E3 !important; }
  .bluesky-text.b {
    font-weight: bold; }

.red-text {
  color: #f00 !important; }

.gray-text {
  color: #949494 !important; }
  .gray-text.b {
    font-weight: bold; }

.header-url {
  width: 100%;
  background-color: #98284B;
  color: white;
  position: relative; }
  .header-url h2 {
    font-size: 1.5em;
    padding: .1em .5em;
    margin-bottom: 0;
    line-height: 1.5em; }
  .header-url .arrow-dropdown {
    width: 40px;
    padding-top: 10px;
    cursor: pointer; }
    .header-url .arrow-dropdown i {
      font-size: 1.3em;
      font-weight: 600; }
      @media (max-width: 600px) {
        .header-url .arrow-dropdown i {
          font-size: 1em; } }
    @media (max-width: 600px) {
      .header-url .arrow-dropdown {
        width: 25px;
        padding-top: 8px; } }

.content-url {
  width: 100%;
  font-size: 1.375em;
  line-height: 1em;
  opacity: 1;
  overflow: hidden;
  background-color: white;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s  ease-in-out;
  -o-transition: max-height 0.5s  ease-in-out;
  transition: max-height 0.5s  ease-in-out; }
  .content-url .icon {
    text-align: right; }
    .content-url .icon i {
      color: #98284B;
      border: 2px solid #98284B;
      border-radius: 50%;
      padding: 4px 6px 3px 6px; }
      @media (max-width: 768px) {
        .content-url .icon i {
          font-size: 0.8em;
          padding: 1px 5px 1px 5px; } }
      @media (max-width: 768px) {
        .content-url .icon i::before {
          font-size: 0.8em; } }

.about-asean {
  padding-top: 5em; }
  @media (max-width: 600px) {
    .about-asean {
      padding-top: 2em; } }
  .about-asean .header h1 {
    text-align: center;
    margin-bottom: 0; }
  .about-asean .header h1 {
    font-size: 4em;
    line-height: 0.9em; }
    @media (max-width: 600px) {
      .about-asean .header h1 {
        font-size: 3em; } }
    .about-asean .header h1 span {
      font-size: 1.5em; }
      .about-asean .header h1 span:first-child {
        font-size: 2em;
        color: #98284B; }
  .about-asean .wrap_thumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 4%;
    position: relative; }
    @media (max-width: 600px) {
      .about-asean .wrap_thumb {
        margin-bottom: 0; } }
    .about-asean .wrap_thumb .asean-thumb {
      width: 28%;
      margin: 0 2%; }
      @media (max-width: 768px) {
        .about-asean .wrap_thumb .asean-thumb {
          width: 40%; } }
      @media (max-width: 600px) {
        .about-asean .wrap_thumb .asean-thumb {
          width: 100%;
          margin-bottom: 1em; } }
      .about-asean .wrap_thumb .asean-thumb .image {
        width: 100%;
        height: 22rem; }
        @media (max-width: 768px) {
          .about-asean .wrap_thumb .asean-thumb .image {
            height: 20rem; } }
        .about-asean .wrap_thumb .asean-thumb .image img {
          width: 100%;
          height: 22rem;
          object-fit: cover; }
          @media (max-width: 768px) {
            .about-asean .wrap_thumb .asean-thumb .image img {
              height: 20rem; } }
      .about-asean .wrap_thumb .asean-thumb .content {
        width: 100%;
        padding-top: 1em; }
        .about-asean .wrap_thumb .asean-thumb .content a {
          color: black;
          text-decoration: none !important; }
        .about-asean .wrap_thumb .asean-thumb .content .head_title {
          font-size: 2em;
          font-weight: 600;
          color: #98284B; }
        .about-asean .wrap_thumb .asean-thumb .content .title {
          font-size: 1.5em;
          line-height: 1em;
          padding-bottom: .2em; }
        .about-asean .wrap_thumb .asean-thumb .content .text {
          font-size: 1.25em; }
        .about-asean .wrap_thumb .asean-thumb .content .readmore {
          padding-top: .5em;
          font-size: 1.5em;
          color: #98284B !important;
          text-align: left; }
    .about-asean .wrap_thumb::after {
      clear: both;
      display: block;
      content: ""; }
    .about-asean .wrap_thumb .three {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row-reverse; }
      .about-asean .wrap_thumb .three .image {
        width: 28%;
        height: 22rem; }
        @media (max-width: 768px) {
          .about-asean .wrap_thumb .three .image {
            width: 40%;
            height: 20rem; } }
        @media (max-width: 600px) {
          .about-asean .wrap_thumb .three .image {
            width: 100%; } }
        .about-asean .wrap_thumb .three .image img {
          width: 100%;
          height: 22rem;
          object-fit: cover; }
          @media (max-width: 768px) {
            .about-asean .wrap_thumb .three .image img {
              height: 20rem; } }
      .about-asean .wrap_thumb .three .content {
        width: 50%;
        float: right; }
        @media (max-width: 600px) {
          .about-asean .wrap_thumb .three .content {
            width: 100%;
            float: left; } }
      @media (max-width: 600px) {
        .about-asean .wrap_thumb .three {
          width: 100%;
          display: block; } }
  .about-asean::after {
    clear: both;
    display: block;
    content: ""; }

@media (max-width: 600px) {
  .single-about {
    display: flex;
    flex-direction: column-reverse; } }
.single-about [class^="col-"] {
  float: left; }
  @media (max-width: 768px) {
    .single-about [class^="col-"] {
      padding-left: 0px;
      padding-right: 0px; } }
.single-about-left {
  width: 25%;
  float: left; }
  @media (max-width: 990px) {
    .single-about-left {
      width: 35%; } }
  @media (max-width: 768px) {
    .single-about-left {
      width: 100%; } }
.single-about-right {
  width: 71%;
  padding-left: 4%;
  float: left; }
  @media (max-width: 990px) {
    .single-about-right {
      width: 61%; } }
  @media (max-width: 768px) {
    .single-about-right {
      width: 100%;
      padding-left: 0; } }
@media (max-width: 768px) {
  .single-about-arrangement-page {
    flex-direction: column; }
    .single-about-arrangement-page .side-bar-head {
      background-color: transparent !important;
      color: #98284B !important;
      padding: .8rem 0 !important;
      font-size: 1.75rem !important; }
      .single-about-arrangement-page .side-bar-head:after {
        border: none !important; }
    .single-about-arrangement-page .single-about-left {
      margin-bottom: 2rem; }
    .single-about-arrangement-page .single-about-leftmenu {
      display: none; } }
.single-about-arrangement-page .select_arrangememt {
  width: 100%;
  padding: .2rem;
  font-size: 1.375rem;
  display: none; }
  @media (max-width: 768px) {
    .single-about-arrangement-page .select_arrangememt {
      display: block; } }
.single-about .single-header {
  color: #98284B; }
.single-about .side-bar-head {
  background-color: #98284B;
  color: white;
  font-size: 1.5rem;
  line-height: 1.2rem;
  position: relative;
  border-bottom: none;
  padding: 0.8rem 1rem; }
  @media (max-width: 768px) {
    .single-about .side-bar-head {
      font-size: 1.5rem; } }
  .single-about .side-bar-head:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #98284B;
    position: absolute;
    bottom: -10px; }
.single-about .side-bar-head + ul > li:first-child {
  padding-top: .5rem; }
.single-about-leftmenu {
  background-color: #F4F4F4; }
  .single-about-leftmenu li {
    display: block;
    border-bottom: 2px white solid; }
    .single-about-leftmenu li:nth-child(2) {
      /*padding-top: 1em;*/ }
    .single-about-leftmenu li h3 {
      font-size: 1.375rem;
      line-height: 1em; }
    .single-about-leftmenu li a span {
      color: #98284B;
      font-size: 1.375em;
      line-height: 1em; }
    .single-about-leftmenu li a h3 {
      margin-bottom: 0;
      font-size: 1.375rem;
      line-height: 1em;
      color: #232325; }
    .single-about-leftmenu li a:hover {
      color: #98284B; }
  .single-about-leftmenu li.current-menu-item {
    border-left: 4px solid #98284B; }
    .single-about-leftmenu li.current-menu-item span, .single-about-leftmenu li.current-menu-item h3 {
      color: #98284B; }
  .single-about-leftmenu li.current-menu-parent a.expanded {
    border-left: 4px solid #98284B; }
  .single-about-leftmenu-fifty li {
    padding: 0.5rem 1rem; }
    .single-about-leftmenu-fifty li span:first-child {
      color: #656565;
      font-size: 1.1rem; }
  .single-about-leftmenu-fifty li.current-menu-item, .single-about-leftmenu-fifty li.actived {
    border-left: 4px solid #98284B; }
    .single-about-leftmenu-fifty li.current-menu-item span, .single-about-leftmenu-fifty li.current-menu-item h3, .single-about-leftmenu-fifty li.actived span, .single-about-leftmenu-fifty li.actived h3 {
      color: #98284B !important; }
  .single-about-leftmenu-arrangement li {
    cursor: pointer; }
  .single-about-leftmenu-arrangement li.actived {
    color: #98284B; }
  .single-about-leftmenu-asean li {
    padding: 0;
    color: #232325;
    font-size: 1.375rem; }
    .single-about-leftmenu-asean li > a {
      display: block;
      padding: 0rem 1rem;
      color: #232325; }
      .single-about-leftmenu-asean li > a i {
        font-size: 1rem; }
    .single-about-leftmenu-asean li > a.actived {
      border-left: 4px solid #98284B; }
      .single-about-leftmenu-asean li > a.actived h3 {
        color: #98284B; }
  .single-about-leftmenu-asean .menu-item-has-children {
    cursor: pointer; }
    .single-about-leftmenu-asean .menu-item-has-children > a {
      display: flex;
      justify-content: space-between; }
    .single-about-leftmenu-asean .menu-item-has-children > a, .single-about-leftmenu-asean .menu-item-has-children span {
      position: relative; }
      .single-about-leftmenu-asean .menu-item-has-children > a::after, .single-about-leftmenu-asean .menu-item-has-children span::after {
        position: absolute;
        content: '\e99e';
        font-family: "clicknext";
        color: #A8AAB2;
        right: 10px;
        top: 0;
        font-size: 1.375rem; }
      .single-about-leftmenu-asean .menu-item-has-children > a.expanded::after, .single-about-leftmenu-asean .menu-item-has-children span.expanded::after {
        content: '\e9a1'; }
      .single-about-leftmenu-asean .menu-item-has-children > a.expanded + .sub-menu, .single-about-leftmenu-asean .menu-item-has-children span.expanded + .sub-menu {
        height: auto;
        transition: height 0.5s ease-in; }
  .single-about-leftmenu-asean .sub-menu {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-out; }
    .single-about-leftmenu-asean .sub-menu li {
      border: none;
      color: #232325; }
      .single-about-leftmenu-asean .sub-menu li:first-child {
        padding: 0;
        background-color: transparent !important;
        color: #232325; }
        .single-about-leftmenu-asean .sub-menu li:first-child:after {
          border: none !important; }
      .single-about-leftmenu-asean .sub-menu li:nth-child(2) {
        padding-top: 0em; }
      .single-about-leftmenu-asean .sub-menu li a:hover h3 {
        color: #98284B; }
      .single-about-leftmenu-asean .sub-menu li a h3.actived {
        color: #98284B; }
      .single-about-leftmenu-asean .sub-menu li .sub-leftmenu li {
        padding: 1rem; }
        .single-about-leftmenu-asean .sub-menu li .sub-leftmenu li:ntd-child(2) {
          padding-top: 0em; }
    .single-about-leftmenu-asean .sub-menu li.current-menu-item a {
      color: #98284B !important; }
.single-about .main-content-inner p {
  font-size: 1.375rem; }
.single-about .downloadbtn {
  padding: .5em 0;
  background: #98284B url("../images/bg_download@2x.png") right no-repeat;
  background-size: contain;
  color: white;
  margin-top: 1em; }
  .single-about .downloadbtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    text-decoration: none; }
    .single-about .downloadbtn a div {
      margin-left: .5em; }
      .single-about .downloadbtn a div span {
        font-size: 1.25rem;
        display: block;
        line-height: 1em;
        width: 100%; }
        .single-about .downloadbtn a div span:first-child {
          font-size: 1.5rem; }
        .single-about .downloadbtn a div span::after {
          clear: both;
          display: block;
          content: ""; }
.single-about::after {
  clear: both;
  display: block;
  content: ""; }
.single-about-relation p {
  font-size: 1.25em;
  font-weight: 400; }
  @media (max-width: 600px) {
    .single-about-relation p {
      font-size: 1.2em; } }
.single-about-relation .map {
  background-color: #FEF7F5;
  width: 100%;
  display: block;
  text-align: center;
  padding: 2em 0; }
  @media (max-width: 600px) {
    .single-about-relation .map {
      padding: 0; } }
  .single-about-relation .map:after {
    content: "";
    display: block;
    clear: both; }
  .single-about-relation .map h2 {
    text-align: center; }
  @media (max-width: 600px) {
    .single-about-relation .map {
      background-color: transparent;
      height: auto; } }
  .single-about-relation .map .image-map {
    display: block; }
    @media (max-width: 600px) {
      .single-about-relation .map .image-map {
        display: none; } }
    .single-about-relation .map .image-map img {
      width: 100%;
      max-width: 1065px;
      margin: 0 auto;
      display: inline-block; }
    .single-about-relation .map .image-map map > area {
      outline: none; }
.single-about-relation .relation-content {
  margin-top: -10px; }
  @media (max-width: 600px) {
    .single-about-relation .relation-content {
      display: flex;
      flex-direction: column;
      margin-top: 10px; } }
  .single-about-relation .relation-content .country {
    display: none; }
    @media (max-width: 600px) {
      .single-about-relation .relation-content .country {
        display: block; } }
    .single-about-relation .relation-content .country select {
      width: 100%;
      background-color: #ECECEC;
      border: none;
      outline: none;
      height: 2rem;
      padding: 0 1rem;
      font-size: 1.5rem; }
  .single-about-relation .relation-content .menu {
    display: block;
    text-align: center; }
    .single-about-relation .relation-content .menu span {
      display: inline-block;
      padding: .5em 0;
      text-align: center;
      width: 10em;
      background-color: #D9DADD;
      font-size: 1.375em;
      cursor: pointer;
      position: relative;
      color: white; }
      @media (max-width: 600px) {
        .single-about-relation .relation-content .menu span {
          width: calc(50% - 15px);
          padding: .2rem 0;
          font-size: 1.25em; } }
      .single-about-relation .relation-content .menu span:nth-child(2) {
        margin-left: 0.5em; }
      .single-about-relation .relation-content .menu span:hover {
        background-color: #98284B; }
      .single-about-relation .relation-content .menu span:hover:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #98284B;
        left: 45%;
        bottom: -10px;
        z-index: 2; }
    .single-about-relation .relation-content .menu .actived {
      background-color: #98284B;
      color: white; }
      .single-about-relation .relation-content .menu .actived:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #98284B;
        left: 45%;
        bottom: -10px;
        z-index: 2; }
  .single-about-relation .relation-content .content-tab {
    margin-top: 1em; }
    .single-about-relation .relation-content .content-tab h2, .single-about-relation .relation-content .content-tab span {
      text-align: center;
      width: 100%;
      display: block; }
    @media (max-width: 600px) {
      .single-about-relation .relation-content .content-tab h2 {
        font-size: 1.5rem; } }
    .single-about-relation .relation-content .content-tab img {
      max-width: 100%; }
    .single-about-relation .relation-content .content-tab ul {
      background: none; }
      .single-about-relation .relation-content .content-tab ul li {
        font-size: 1.375em;
        padding: 0;
        display: flex;
        text-align: left; }
        .single-about-relation .relation-content .content-tab ul li:before {
          content: "\2022";
          /* Add content: \2022 is the CSS Code/unicode for a bullet */
          color: #98284B;
          /* Change the color */
          font-weight: bold;
          /* If you want it to be bold */
          display: inline-block;
          /* Needed to add space between the bullet and the text */
          width: .5rem;
          /* Also needed for space (tweak if needed) */
          font-size: 1.375rem;
          margin-right: .5rem;
          /* Also needed for space (tweak if needed) */ }
    .single-about-relation .relation-content .content-tab .group {
      margin-bottom: 1rem; }
      .single-about-relation .relation-content .content-tab .group h2 {
        position: relative; }
        .single-about-relation .relation-content .content-tab .group h2 img {
          width: 60px;
          background: white; }
          @media (max-width: 600px) {
            .single-about-relation .relation-content .content-tab .group h2 img {
              width: 40px; } }
        .single-about-relation .relation-content .content-tab .group h2 span {
          background: white;
          padding: 0 1rem;
          width: auto;
          text-align: left; }
          @media (max-width: 600px) {
            .single-about-relation .relation-content .content-tab .group h2 span {
              padding: 0 .5rem; } }
        .single-about-relation .relation-content .content-tab .group h2:after {
          width: 100%;
          content: "";
          position: absolute;
          top: 50%;
          z-index: -1;
          border-bottom: #d1d1d1 2px solid; }
      .single-about-relation .relation-content .content-tab .group ul > li span {
        text-align: left; }
  .single-about-relation .relation-content .dimension {
    display: none; }

.header-title-about {
  color: #98284B !important; }

.single-about.single-about-asean {
  padding-bottom: 15rem;
  background: url("../images/bg_aboutasean_footer.png") bottom no-repeat;
  background-size: contain; }
  @media (max-width: 768px) {
    .single-about.single-about-asean {
      padding-bottom: 5rem; } }
  .single-about.single-about-asean .asean-symbols {
    padding-bottom: 2.5em;
    display: block; }
    .single-about.single-about-asean .asean-symbols .header {
      text-align: center;
      display: block; }
      .single-about.single-about-asean .asean-symbols .header:first-child {
        font-size: 1.5em;
        line-height: 1em; }
      .single-about.single-about-asean .asean-symbols .header:nth-child(2) {
        font-size: 1.2em;
        color: #003C97; }
    .single-about.single-about-asean .asean-symbols-image.desktop {
      margin: 2em 0;
      position: relative;
      text-align: center;
      max-width: 100%;
      display: block; }
      @media (max-width: 1350px) {
        .single-about.single-about-asean .asean-symbols-image.desktop {
          display: none; } }
      .single-about.single-about-asean .asean-symbols-image.desktop img {
        width: 350px;
        padding: .5rem; }
      .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th {
        position: absolute;
        width: 15rem; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th:first-child {
          right: 0; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th:nth-child(2) {
          right: 0;
          top: 7rem; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th:nth-child(3) {
          left: 0;
          top: 7rem; }
          .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th:nth-child(3) span {
            color: #003C97; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th > span {
          display: block;
          font-size: 1.2rem !important;
          line-height: 1.5rem;
          text-align: left !important;
          color: black !important; }
          .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-th > span:first-child {
            font-size: 1.5rem !important;
            font-weight: 600 !important; }
      .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en {
        position: absolute;
        width: 15rem; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en:first-child {
          right: 0;
          top: -3rem; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en:nth-child(2) {
          right: 0;
          top: 7.5rem; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en:nth-child(3) {
          left: 2.5rem;
          top: 7rem; }
          .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en:nth-child(3) span {
            color: #003C97; }
        .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en > span {
          display: block;
          font-size: 1.2rem !important;
          line-height: 1.5rem;
          text-align: left !important;
          color: black !important; }
          .single-about.single-about-asean .asean-symbols-image.desktop .box-symbols-en > span:first-child {
            font-size: 1.5rem !important;
            font-weight: 600 !important; }
    .single-about.single-about-asean .asean-symbols-image.mobile {
      display: none; }
      @media (max-width: 1350px) {
        .single-about.single-about-asean .asean-symbols-image.mobile {
          display: block; } }
      .single-about.single-about-asean .asean-symbols-image.mobile .image {
        width: 30%;
        margin: 1em auto; }
        @media (max-width: 600px) {
          .single-about.single-about-asean .asean-symbols-image.mobile .image {
            width: 50%; } }
      .single-about.single-about-asean .asean-symbols-image.mobile > div {
        width: 100%;
        margin-bottom: 1rem; }
        .single-about.single-about-asean .asean-symbols-image.mobile > div > span {
          display: block;
          font-size: 1.2rem !important;
          text-align: center;
          color: black !important; }
          .single-about.single-about-asean .asean-symbols-image.mobile > div > span:first-child {
            font-size: 1.5rem !important;
            font-weight: 600 !important; }
            .single-about.single-about-asean .asean-symbols-image.mobile > div > span:first-child span {
              color: #003C97; }
          .single-about.single-about-asean .asean-symbols-image.mobile > div > span:nth-child(2) {
            font-size: 1.5rem !important;
            text-align: left; }
  .single-about.single-about-asean .asean-color {
    margin-bottom: 1em; }
    .single-about.single-about-asean .asean-color span {
      text-align: center;
      display: block; }
      .single-about.single-about-asean .asean-color span:first-child {
        font-size: 1.5em;
        line-height: 1em; }
      .single-about.single-about-asean .asean-color span:nth-child(2) {
        font-size: 1.2em;
        color: #232325; }
    .single-about.single-about-asean .asean-color-image {
      margin: 1.5em 0;
      position: relative;
      text-align: center;
      max-width: 100%; }
    .single-about.single-about-asean .asean-color-description .color {
      width: calc((100% - 3 * 1em) / 4);
      margin-right: 1em;
      display: block;
      float: left; }
      .single-about.single-about-asean .asean-color-description .color:last-child {
        margin-right: 0; }
      @media (max-width: 768px) {
        .single-about.single-about-asean .asean-color-description .color {
          width: calc((100% - 3 * 1em) / 4);
          margin-right: 1em; } }
      @media (max-width: 600px) {
        .single-about.single-about-asean .asean-color-description .color {
          width: calc((100% - 1 * 1em) / 2);
          text-align: center; }
          .single-about.single-about-asean .asean-color-description .color:nth-child(2n+2) {
            margin-right: 0; } }
      .single-about.single-about-asean .asean-color-description .color span {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px #A8AAB2 solid; }
        @media (max-width: 600px) {
          .single-about.single-about-asean .asean-color-description .color span {
            margin: 0 auto; } }
      .single-about.single-about-asean .asean-color-description .color div {
        padding-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: 1em; }
        .single-about.single-about-asean .asean-color-description .color div:nth-child(2) {
          font-weight: 600; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.main-content-carousel {
  position: relative; }
  .main-content-carousel .owl-dots .owl-dot {
    outline: none; }
    .main-content-carousel .owl-dots .owl-dot span:hover {
      background: #98284B; }
  .main-content-carousel .owl-dots .owl-dot.active {
    outline: none; }
    .main-content-carousel .owl-dots .owl-dot.active span {
      background: #98284B; }
  .main-content-carousel:before {
    content: "";
    display: block;
    clear: both; }

.contact-page h2, .contact-page h3 {
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .contact-page h2, .contact-page h3 {
      font-size: 1.725em; } }
.contact-page h2 {
  color: #98284B; }
.contact-page span {
  font-size: 1.5em; }
  @media (max-width: 768px) {
    .contact-page span {
      font-size: 1.25em; } }
.contact-page .addr {
  font-size: 1.5em; }
  @media (max-width: 768px) {
    .contact-page .addr {
      font-size: 1.25em;
      margin: .5em 0; } }
  .contact-page .addr:not(:first-child) {
    padding-top: .5em; }
  .contact-page .addr i {
    color: #98284B;
    padding: 10px 12px;
    border: 1px solid #98284B;
    border-radius: 50%;
    margin-right: .5em;
    font-size: .7em; }
  .contact-page .addr a {
    color: black !important; }
  .contact-page .addr:after {
    content: "";
    display: block;
    clear: both; }
.contact-page #map {
  margin-top: 1.5em;
  height: 400px; }

.gallery .main-content-header {
  padding: 2em 0 2em; }
.gallery .image img {
  width: 100%; }
.gallery .title {
  margin-top: .5em;
  font-size: 1.25em;
  line-height: 1.25rem; }

.main-content-wrapper {
  position: relative; }
  .main-content-wrapper .bg-left {
    background: url("../images/bg-left.svg") no-repeat;
    width: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    z-index: -1;
    background-position: top 100px left 0px; }
    @media (max-width: 1396px) {
      .main-content-wrapper .bg-left {
        background-position: top 50px left -200px;
        background-size: 400px; } }
    @media (max-width: 768px) {
      .main-content-wrapper .bg-left {
        background: none; } }
  .main-content-wrapper .bg-right {
    background: url("../images/bg-right.svg") no-repeat;
    width: 50%;
    height: 100%;
    right: 0;
    position: absolute;
    z-index: -1;
    background-position: top 5em right 0px; }
    @media (max-width: 1396px) {
      .main-content-wrapper .bg-right {
        background-position: top 50px right -100px;
        background-size: 300px; } }
    @media (max-width: 768px) {
      .main-content-wrapper .bg-right {
        background: none; } }
  .main-content-wrapper .bg-left1 {
    background: url("../images/bg-left.png") no-repeat;
    width: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    z-index: -1;
    background-position: top 100px left -250px; }
    @media (max-width: 1396px) {
      .main-content-wrapper .bg-left1 {
        background-position: top 50px left -120px;
        background-size: 400px; } }
    @media (max-width: 768px) {
      .main-content-wrapper .bg-left1 {
        background: none; } }
    .main-content-wrapper .bg-left1:after {
      content: "";
      display: block;
      background: url("../images/bg-left.png") no-repeat;
      width: 50%;
      height: 100%;
      left: 0;
      position: absolute;
      background-position: top 2000px left -350px; }
      @media (max-width: 1396px) {
        .main-content-wrapper .bg-left1:after {
          background-position: top 2000px left -150px;
          background-size: 400px; } }
  .main-content-wrapper .bg-right1 {
    background: url("../images/bg-right.png") no-repeat;
    width: 50%;
    height: 100%;
    right: 0;
    position: absolute;
    z-index: -1;
    background-position: top right -150px; }
    @media (max-width: 1396px) {
      .main-content-wrapper .bg-right1 {
        background-size: 400px; } }
    @media (max-width: 768px) {
      .main-content-wrapper .bg-right1 {
        background: none; } }
    .main-content-wrapper .bg-right1:after {
      content: "";
      display: block;
      background: url("../images/bg-right.png") no-repeat;
      width: 50%;
      height: 100%;
      right: 0;
      position: absolute;
      background-position: top 1000px right -200px; }
      @media (max-width: 1396px) {
        .main-content-wrapper .bg-right1:after {
          background-size: 400px; } }

.other-link {
  display: block; }

.single-content {
  font-size: 1.375rem; }
  .single-content ul {
    background: none;
    font-size: 1.375rem; }
    .single-content ul li {
      padding: 0;
      display: flex; }
      .single-content ul li:nth-child(2) {
        padding-top: 0em; }
      .single-content ul li:before {
        content: "\2022";
        /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #98284B;
        /* Change the color */
        font-weight: bold;
        /* If you want it to be bold */
        display: inline-block;
        /* Needed to add space between the bullet and the text */
        width: .5rem;
        /* Also needed for space (tweak if needed) */
        font-size: 1.375rem;
        margin-right: .5rem;
        /* Also needed for space (tweak if needed) */ }
  .single-content table {
    border-spacing: 0;
    border-collapse: separate;
    font-size: 1.25em !important;
    padding: 0;
    height: auto  !important; }
    .single-content table p, .single-content table span {
      font-size: inherit !important; }
    .single-content table tr, .single-content table td {
      padding: 0px; }
  .single-content-chairman h3 {
    margin-bottom: 0; }
  .single-content .head-bg {
    width: 100%;
    background: #98284B url("../images/Title_bg.png") right no-repeat;
    background-size: contain;
    color: white;
    margin-top: 1em;
    font-size: 1.65rem !important;
    padding-left: 1.25rem; }
  .single-content .lyric-bg {
    width: 100%;
    background: url("../images/lyric.png") top center no-repeat;
    background-size: auto;
    text-align: left;
    margin: 0px auto;
    max-width: 100%; }
    @media (max-width: 600px) {
      .single-content .lyric-bg {
        background-size: 100%; } }
    .single-content .lyric-bg .lyric {
      text-align: left;
      margin: 0px auto;
      width: 400px;
      max-width: 100%;
      padding-top: 3rem;
      padding-left: 5rem;
      color: #232325; }

@media (max-width: 600px) {
  .more {
    height: 20em;
    overflow: hidden; } }

.readmore {
  margin-top: 1em;
  display: block;
  text-align: center;
  cursor: pointer;
  display: none; }
  .readmore span {
    padding: 1px 40px;
    font-size: 1.25em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #98284B;
    display: inline-block; }
  @media (max-width: 600px) {
    .readmore {
      display: block; } }

.search-list .list-item {
  margin-bottom: 10px;
  background-color: #ffffff;
  width: 100%;
  padding: 1.3em 2em;
  border: 1px solid #E1E1E1;
  position: relative;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .search-list .list-item::before {
    content: '';
    position: absolute;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 5px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #98284B; }
  .search-list .list-item.active, .search-list .list-item:hover {
    box-shadow: 3px 6px 6px 0 rgba(169, 168, 174, 0.23); }
    .search-list .list-item.active::before, .search-list .list-item:hover::before {
      opacity: 1; }
  .search-list .list-item .content {
    display: block;
    color: #232325; }
    .search-list .list-item .content h3 {
      margin-bottom: 0em;
      font-size: 1.65em;
      color: #98284B;
      font-weight: 600; }
    .search-list .list-item .content i {
      color: #A8AAB2;
      margin-right: 0.5em;
      font-size: 0.8em; }
    .search-list .list-item .content .fi-location {
      color: #F9BEB2; }
    .search-list .list-item .content span.badge {
      color: white;
      background-color: #98284B;
      font-weight: 400;
      margin-top: .5em;
      font-size: 1.25em; }
    .search-list .list-item .content div {
      margin-right: 1em;
      font-size: 1.5em; }
  .search-list .list-item .ic-detail {
    color: #98284B;
    font-size: 1.25em;
    padding: .4375em .4375em .2em .4375em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #98284B;
    text-align: center;
    position: relative;
    margin-right: 0; }
    .search-list .list-item .ic-detail:hover {
      background-color: #98284B;
      color: #ffffff; }

.navigation {
  justify-content: center; }
  .navigation .screen-reader-text {
    display: none; }
  .navigation .page-numbers {
    background-color: #E1E1E1;
    padding: .1rem .5rem;
    font-weight: 400;
    font-size: 1.2em;
    color: #232325;
    margin: 0 .2rem; }
    .navigation .page-numbers:hover {
      color: white;
      background-color: #98284B;
      color: #ffffff; }
    .navigation .page-numbers i {
      font-size: .7em;
      font-weight: 600; }
  .navigation .current {
    background-color: #98284B;
    color: #ffffff; }

.notfound {
  display: block;
  padding-top: 2em; }
  .notfound p, .notfound h3, .notfound h2 {
    text-align: center; }
    .notfound p img, .notfound h3 img, .notfound h2 img {
      max-width: 70%; }
  .notfound h3 {
    color: #ABADB5;
    margin-bottom: 0;
    font-size: 2.2em; }
  .notfound h2 {
    color: #98284B;
    margin-bottom: 0; }

.key-concept .logo {
  text-align: center; }
  @media (max-width: 768px) {
    .key-concept .logo img {
      max-width: 60%; } }
.key-concept .slogan {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  margin: 0 auto;
  background: url("../images/slogan-bg.png") repeat; }
  .key-concept .slogan-th > ul {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .2em; }
    .key-concept .slogan-th > ul li {
      font-size: 1.8rem;
      font-weight: 600;
      color: #98284B;
      padding: 0em .2em; }
      @media (max-width: 992px) {
        .key-concept .slogan-th > ul li {
          font-size: 1.5rem; } }
      .key-concept .slogan-th > ul li:before {
        display: none; }
  .key-concept .slogan-en > ul {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .2em; }
    .key-concept .slogan-en > ul li {
      font-size: 1.8rem;
      font-weight: 600;
      color: #98284B;
      padding: 0em .2em; }
      @media (max-width: 992px) {
        .key-concept .slogan-en > ul li {
          font-size: 1.375rem; } }
      @media (max-width: 600px) {
        .key-concept .slogan-en > ul li {
          font-size: 1.25rem; } }
      .key-concept .slogan-en > ul li:before {
        display: none; }
  @media (max-width: 990px) {
    .key-concept .slogan-arrow {
      display: none; } }
  .key-concept .slogan-arrow .slogan-arrow-item {
    display: flex;
    align-items: center; }
  .key-concept .slogan-arrow ul {
    position: relative;
    display: flex;
    align-items: center; }
    .key-concept .slogan-arrow ul li {
      width: 200px;
      font-size: 1.5rem;
      color: #98284B;
      line-height: 1em;
      text-align: center;
      position: relative; }
      .key-concept .slogan-arrow ul li:nth-child(3) {
        background: none;
        position: relative; }
      .key-concept .slogan-arrow ul li:not(:nth-child(3)) span {
        background: white;
        position: absolute;
        z-index: 2;
        top: -15px;
        width: 100%;
        left: 0; }
      .key-concept .slogan-arrow ul li:first-child {
        background: white;
        z-index: 4;
        padding-right: 0; }
      .key-concept .slogan-arrow ul li:before {
        display: none; }
    .key-concept .slogan-arrow ul:after {
      width: 90%;
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 1;
      border-bottom: #D8D8D8 4px solid; }
.key-concept .slogan-row {
  display: flex;
  padding: 2em 0; }
  @media (max-width: 992px) {
    .key-concept .slogan-row {
      display: block; } }
  .key-concept .slogan-row .slogan-items {
    width: calc(100%/ 3);
    float: left;
    display: block; }
    .key-concept .slogan-row .slogan-items:after {
      content: "";
      display: block;
      clear: both; }
    .key-concept .slogan-row .slogan-items h2 {
      font-size: 1.75rem; }
    @media (max-width: 992px) {
      .key-concept .slogan-row .slogan-items {
        width: 100%; } }
    .key-concept .slogan-row .slogan-items:first-child {
      color: #96284B; }
      .key-concept .slogan-row .slogan-items:first-child .slogan-items-box {
        color: white;
        background-color: #96284B; }
    .key-concept .slogan-row .slogan-items:nth-child(3) {
      color: #55022D; }
      .key-concept .slogan-row .slogan-items:nth-child(3) .slogan-items-box {
        color: white;
        background-color: #55022D; }
    .key-concept .slogan-row .slogan-items:last-child {
      margin-right: 0rem;
      color: #FABEAF; }
      .key-concept .slogan-row .slogan-items:last-child .slogan-items-box {
        color: #55022D;
        background-color: #FABEAF; }
        .key-concept .slogan-row .slogan-items:last-child .slogan-items-box ul > li:before {
          color: #55022D !important; }
    .key-concept .slogan-row .slogan-items p, .key-concept .slogan-row .slogan-items h2 {
      text-align: center;
      padding-bottom: 0;
      margin-bottom: 0rem; }
    .key-concept .slogan-row .slogan-items p {
      width: 90%;
      margin: 0 auto;
      margin-top: .5em; }
    .key-concept .slogan-row .slogan-items .des {
      margin-bottom: 1rem; }
      @media (min-width: 992px) {
        .key-concept .slogan-row .slogan-items .des-th {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 4.125rem;
          /* Fallback for non-webkit */
          font-size: 1.375rem;
          line-height: 1;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media (min-width: 992px) {
        .key-concept .slogan-row .slogan-items .des-en {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 3.75rem;
          /* Fallback for non-webkit */
          font-size: 1.25rem;
          line-height: 1;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media (max-width: 992px) {
        .key-concept .slogan-row .slogan-items .des {
          font-size: 1.375rem;
          line-height: 1.25rem; } }
    .key-concept .slogan-row .slogan-items h2 {
      margin-top: .5em;
      font-weight: 600;
      line-height: 1em; }
    .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box {
      height: 12rem;
      position: relative; }
      @media (max-width: 1070px) {
        .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box-en {
          height: 15rem; } }
      @media (max-width: 1031px) {
        .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box-th {
          height: 15rem; } }
      @media (max-width: 992px) {
        .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box {
          height: 100%;
          padding: 1em 0; } }
      @media (max-width: 768px) {
        .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box p {
          font-size: 1.5em; } }
      .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box ul {
        padding: .5em 0;
        background: none; }
        .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box ul li {
          font-size: 1.375rem;
          line-height: 1.25rem;
          padding-bottom: .3em;
          padding: .3rem 1.5rem;
          display: flex; }
          @media (max-width: 1270px) {
            .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box ul li {
              font-size: 1.25rem; } }
          @media (max-width: 768px) {
            .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box ul li {
              font-size: 1.375rem; } }
          .key-concept .slogan-row .slogan-items div.wrap .slogan-items-box ul li:before {
            content: "\2022";
            /* Add content: \2022 is the CSS Code/unicode for a bullet */
            color: white;
            /* Change the color */
            font-weight: bold;
            /* If you want it to be bold */
            display: inline-block;
            /* Needed to add space between the bullet and the text */
            width: .5rem;
            /* Also needed for space (tweak if needed) */
            font-size: 1.25rem;
            margin-right: .5rem;
            /* Also needed for space (tweak if needed) */
            position: absolute;
            left: .5rem; }
  .key-concept .slogan-row .plus {
    display: flex;
    align-items: flex-end;
    margin-bottom: 5em;
    padding: .5em;
    height: auto; }
    .key-concept .slogan-row .plus img {
      height: 20px; }
      @media (max-width: 600px) {
        .key-concept .slogan-row .plus img {
          height: 30px; } }
    @media (max-width: 992px) {
      .key-concept .slogan-row .plus {
        margin-bottom: 0em;
        justify-content: center;
        padding: 1em; } }

body.lang-en .only-th {
  display: none; }

body.lang-th .only-en {
  display: none; }

.symbols-title {
  color: #98284B; }

#captcha_code {
  cursor: pointer; }

.priority-group {
  display: flex;
  margin-bottom: 2rem; }
  @media (max-width: 996px) {
    .priority-group {
      display: block;
      margin-bottom: 0rem; }
      .priority-group:not(:first-child) {
        margin: 2rem 0; } }
  .priority-group .left {
    width: 342px;
    max-width: 100%;
    min-height: 260px;
    float: left;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 2rem;
    color: white; }
    .priority-group .left .wrapp {
      display: block; }
      .priority-group .left .wrapp h3, .priority-group .left .wrapp p {
        color: white;
        line-height: 1.8rem; }
    @media (max-width: 996px) {
      .priority-group .left {
        width: 100%;
        height: 300px; } }
  .priority-group .right {
    width: calc(100% - 342px);
    padding: 1rem;
    max-width: 100%;
    line-height: 2rem;
    float: left;
    background-color: #F4F4F4; }
    @media (max-width: 996px) {
      .priority-group .right {
        width: 100%; } }
    .priority-group .right > ul li {
      display: flex; }
  .priority-group:after {
    content: "";
    display: block;
    clear: both; }

.future .left {
  background: url("../images/banner_future.png");
  background-size: cover; }
.future .right li:before {
  color: #96284B !important; }

.effective .left {
  background: url("../images/banner_effective.png");
  background-size: cover; }
  .effective .left .wrapp h3, .effective .left .wrapp p {
    color: #61082B; }
.effective .right li:before {
  color: #ECAB9A !important; }

.sustainable .left {
  background: url("../images/banner_sustainability.png");
  background-size: cover; }
.sustainable .right li:before {
  color: #899EBF !important; }

.priority-group-image {
  display: flex;
  margin-bottom: 2rem; }
  @media (max-width: 996px) {
    .priority-group-image {
      display: block;
      margin-bottom: 0rem; }
      .priority-group-image:not(:first-child) {
        margin: 2rem 0; } }
  .priority-group-image .left {
    width: 342px;
    max-width: 100%;
    min-height: 260px;
    float: left;
    position: relative;
    text-align: center;
    color: white; }
    .priority-group-image .left .wrapp {
      position: absolute;
      bottom: 0;
      padding: .5rem;
      display: block;
      width: 100%;
      min-height: 90px; }
      .priority-group-image .left .wrapp h3, .priority-group-image .left .wrapp p {
        color: white;
        margin-bottom: 0; }
    @media (max-width: 996px) {
      .priority-group-image .left {
        width: 100%;
        height: 300px; } }
  .priority-group-image .right {
    width: calc(100% - 342px);
    padding: 1rem;
    max-width: 100%;
    line-height: 2rem;
    float: left;
    background-color: #F4F4F4; }
    @media (max-width: 996px) {
      .priority-group-image .right {
        width: 100%; } }
    .priority-group-image .right > ul li {
      display: flex; }
    .priority-group-image .right p {
      margin-bottom: 0px !important; }
  .priority-group-image:after {
    content: "";
    display: block;
    clear: both; }

.futureImage .left {
  background: url("../images/img_banner1.png");
  background-size: cover; }
  .futureImage .left .wrapp {
    background-color: #96284B; }
.futureImage .right {
  background: url("../images/bg_banner1.svg") right no-repeat;
  background-size: cover; }
  .futureImage .right li:before {
    color: #96284B !important; }

.effectiveImage .left {
  background: url("../images/img_banner2.png");
  background-size: cover; }
  .effectiveImage .left .wrapp {
    background-color: #ECAB9A; }
    .effectiveImage .left .wrapp h3, .effectiveImage .left .wrapp p {
      color: #61082B; }
.effectiveImage .right {
  background: url("../images/bg_banner2.svg") right no-repeat;
  background-size: cover; }
  .effectiveImage .right li:before {
    color: #ECAB9A !important; }

.sustainableImage .left {
  background: url("../images/img_banner3.png");
  background-size: cover; }
  .sustainableImage .left .wrapp {
    background-color: #55022d; }
.sustainableImage .right {
  background: url("../images/bg_banner3.svg") right no-repeat;
  background-size: cover; }
  .sustainableImage .right li:before {
    color: #899EBF !important; }

.document_wrapper {
  width: 100%;
  display: block; }
  .document_wrapper .doc_wrap {
    width: calc( (100% - 2 * 1rem) / 3);
    float: left;
    display: block;
    margin-right: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
    border: 1px solid #E1E1E1;
    background-color: #FFFFFF; }
    @media (max-width: 1024px) {
      .document_wrapper .doc_wrap {
        width: calc( (100% - 1 * 1rem) / 2); } }
    @media (max-width: 768px) {
      .document_wrapper .doc_wrap {
        width: 100%;
        margin-right: 0rem; } }
    @media (min-width: 1025px) {
      .document_wrapper .doc_wrap:nth-child(3n+3) {
        margin-right: 0rem; } }
    @media (max-width: 1024px) {
      .document_wrapper .doc_wrap:nth-child(2n+2) {
        margin-right: 0rem; } }
    .document_wrapper .doc_wrap .thumbnail {
      width: 100%;
      height: 15rem;
      cursor: pointer; }
      .document_wrapper .doc_wrap .thumbnail img {
        height: 15rem;
        width: 100%;
        object-fit: cover; }
    .document_wrapper .doc_wrap .doc_content {
      padding: 5%;
      display: block;
      cursor: pointer; }
      .document_wrapper .doc_wrap .doc_content .title {
        text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
        font-size: 1.5rem !important;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 4.125rem;
        /* Fallback for non-webkit */
        font-size: 1.375rem;
        line-height: 1;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 4.3rem !important;
        cursor: pointer; }
      .document_wrapper .doc_wrap .doc_content .downloadBtn {
        margin-top: 1rem; }
        .document_wrapper .doc_wrap .doc_content .downloadBtn a {
          color: #98284B !important; }
        .document_wrapper .doc_wrap .doc_content .downloadBtn span {
          font-size: 1.375rem;
          margin-left: .5rem; }
    .document_wrapper .doc_wrap:hover {
      box-shadow: 0 2px 16px 0 rgba(70, 69, 76, 0.26); }
    .document_wrapper .doc_wrap:hover:after {
      opacity: 1; }
    .document_wrapper .doc_wrap:after {
      content: "";
      opacity: 0;
      width: 100%;
      background: #55022D;
      display: block;
      clear: both;
      height: .3rem; }
  .document_wrapper:after {
    content: "";
    display: block;
    clear: both; }
  .document_wrapper .knowledge {
    background: #ffe1d9 url("../images/vector.png") no-repeat;
    background-size: contain;
    background-position: bottom -80px right -30px;
    width: calc( (100% - 1 * 2rem) / 2);
    float: left;
    display: block;
    margin-right: 2rem;
    margin-bottom: 1rem;
    cursor: pointer;
    padding: 1.5rem;
    border-left: 5px solid #98284B; }
    .document_wrapper .knowledge:nth-child(2n+2) {
      margin-right: 0; }
    @media (max-width: 768px) {
      .document_wrapper .knowledge {
        width: 100%;
        margin-right: 0rem; } }
    .document_wrapper .knowledge .title {
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
      font-size: 1.5rem !important;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 4.125rem;
      /* Fallback for non-webkit */
      font-size: 1.375rem;
      line-height: 1;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 4.3rem !important;
      cursor: pointer;
      color: #98284B; }
    .document_wrapper .knowledge .downloadBtn a > span {
      color: #61082b;
      margin-left: 1rem; }
    .document_wrapper .knowledge:before {
      content: "";
      width: 2px;
      background-color: #61082b;
      height: 100%;
      display: block; }
    .document_wrapper .knowledge:hover {
      box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.2); }

ol {
  font-size: 1.375rem; }

.owl-theme .owl-dots .owl-dot span {
  width: 7px;
  height: 7px; }

.btn-show-mobile {
  display: none; }
  @media (max-width: 600px) {
    .btn-show-mobile {
      display: block; }
      .btn-show-mobile .btn-style2 {
        width: 9em;
        font-size: 0.875rem; } }

.btn-hide-mobile {
  display: block; }
  @media (max-width: 600px) {
    .btn-hide-mobile {
      display: none; } }

.meeting_schedule h3 {
  color: #98284B; }
.meeting_schedule h4 {
  font-size: 1.375rem; }
.meeting_schedule .programe .programe_name {
  width: 100%;
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.5rem;
  display: flex;
  justify-content: space-between;
  cursor: pointer; }
  .meeting_schedule .programe .programe_name i {
    font-size: 1rem; }
.meeting_schedule .programe .schedule_list {
  cursor: pointer;
  display: block;
  font-size: 1.25rem;
  margin: 1rem 0; }
  .meeting_schedule .programe .schedule_list .date {
    background-color: #F4F4F4;
    font-size: 1.375rem;
    padding: 0 2%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .meeting_schedule .programe .schedule_list .date i {
      font-size: 1rem; }
  .meeting_schedule .programe .schedule_list .schedule_detail {
    margin-left: 2%;
    display: block;
    padding: 0.5rem 0; }
    @media (max-width: 600px) {
      .meeting_schedule .programe .schedule_list .schedule_detail {
        border-bottom: 1px solid #CCC; } }
    .meeting_schedule .programe .schedule_list .schedule_detail .time {
      width: 10rem;
      display: block;
      float: left; }
      @media (max-width: 600px) {
        .meeting_schedule .programe .schedule_list .schedule_detail .time {
          width: 100%;
          color: #98284B;
          font-weight: 600;
          margin-top: 1rem; } }
    .meeting_schedule .programe .schedule_list .schedule_detail .detail {
      width: calc(100% - 15rem);
      float: left;
      display: block; }
      @media (max-width: 600px) {
        .meeting_schedule .programe .schedule_list .schedule_detail .detail {
          width: 100%; } }
      .meeting_schedule .programe .schedule_list .schedule_detail .detail .title {
        font-weight: 600; }
      .meeting_schedule .programe .schedule_list .schedule_detail .detail .detail__section span:first-child {
        color: #98284B;
        font-weight: 600;
        margin-right: .3rem; }
      .meeting_schedule .programe .schedule_list .schedule_detail .detail .detail__section ul {
        list-style-type: disc;
        padding-inline-start: 0;
        margin-left: 2rem; }
      .meeting_schedule .programe .schedule_list .schedule_detail .detail .detail-attach div {
        width: 150px; }
        .meeting_schedule .programe .schedule_list .schedule_detail .detail .detail-attach div img {
          width: 100%; }
        .meeting_schedule .programe .schedule_list .schedule_detail .detail .detail-attach div span {
          color: #98284B; }
    .meeting_schedule .programe .schedule_list .schedule_detail:after {
      content: "";
      display: block;
      clear: both; }
    .meeting_schedule .programe .schedule_list .schedule_detail span {
      display: block; }
  @media (max-width: 600px) {
    .meeting_schedule .programe .schedule_list li:last-child .schedule_detail {
      border-bottom: none; } }

.admin_location h3 {
  color: #98284B; }
.admin_location h4 {
  font-size: 1.375rem; }
.admin_location #loaction-map {
  width: 100%;
  height: 20rem;
  display: block; }
.admin_location .location-title {
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .admin_location .location-title i {
    font-size: 1rem; }
.admin_location .location-detail {
  margin-bottom: 1em; }
  .admin_location .location-detail .location-image {
    text-align: center; }
    .admin_location .location-detail .location-image img {
      max-width: 90%; }
  .admin_location .location-detail .location-des {
    margin: 1em 0;
    font-size: inherit;
    font-size: 1.25rem; }
  .admin_location .location-detail .location-map {
    height: 20em; }
.admin_location .location-list {
  padding: .3em 0;
  border-bottom: 2px solid #f4f4f4;
  cursor: pointer; }
  @media (max-width: 600px) {
    .admin_location .location-list h4 {
      font-size: 1.375rem; }
    .admin_location .location-list span > img {
      width: 30px; } }

.admin_arrangement h3 {
  color: #98284B; }
.admin_arrangement h4 {
  font-size: 1.375rem; }
.admin_arrangement table {
  width: 100% !important; }
.admin_arrangement table, .admin_arrangement tr, .admin_arrangement td {
  border-width: 1px; }
.admin_arrangement-list {
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .admin_arrangement-list i {
    font-size: 1rem; }
.admin_arrangement-detail {
  font-size: 1.375rem;
  margin-bottom: .5rem; }
  .admin_arrangement-detail p {
    margin-bottom: 0; }
  .admin_arrangement-detail p, .admin_arrangement-detail span {
    font-size: inherit !important; }
  .admin_arrangement-detail .subtitle {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F4F4F4;
    color: #98284B;
    padding: 0 2%;
    border-bottom: 2px solid white;
    margin-bottom: 0.5rem; }
    .admin_arrangement-detail .subtitle i {
      font-size: 1rem; }
    .admin_arrangement-detail .subtitle-detail {
      padding: 0 2%;
      margin-bottom: 1rem;
      display: none; }
  .admin_arrangement-detail .files-list a {
    padding: 0 2%;
    margin-bottom: .5rem; }
    .admin_arrangement-detail .files-list a i {
      border: 1px solid #98284B;
      border-radius: 50%;
      padding: 0.4rem 0.55rem 0.1rem;
      font-size: 1rem;
      color: #98284B; }

.admin_useful h3 {
  color: #98284B; }
.admin_useful h4 {
  font-size: 1.375rem; }
.admin_useful .useful_title {
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .admin_useful .useful_title i {
    font-size: 1rem; }
.admin_useful .useful_content {
  font-size: 1.375rem;
  margin-bottom: 1rem; }
  .admin_useful .useful_content p {
    margin-bottom: 0; }
  .admin_useful .useful_content .subtitle {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F4F4F4;
    color: #98284B;
    padding: 0 2%;
    border-bottom: 2px solid white;
    margin-bottom: 0.5rem; }
    .admin_useful .useful_content .subtitle i {
      font-size: 1rem; }
    .admin_useful .useful_content .subtitle-detail {
      padding: 0 2%;
      margin-bottom: 1rem;
      display: none; }
  .admin_useful .useful_content .subfile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f4f4f4;
    padding: 0 2%; }
    .admin_useful .useful_content .subfile i {
      font-size: 1rem; }
    .admin_useful .useful_content .subfile-detail a {
      padding: 0 2%;
      margin: .5rem 0; }
      .admin_useful .useful_content .subfile-detail a i {
        border: 1px solid #98284B;
        border-radius: 50%;
        padding: 0.4rem 0.55rem 0.1rem;
        font-size: 1rem;
        color: #98284B; }
        @media (max-width: 600px) {
          .admin_useful .useful_content .subfile-detail a i {
            padding: 0.4rem 0.5rem 0.1rem;
            font-size: .9rem; } }
      @media (max-width: 600px) {
        .admin_useful .useful_content .subfile-detail a h4 {
          font-size: 1.375rem; } }

.admin_question h3 {
  color: #98284B; }
.admin_question h4 {
  font-size: 1.375rem; }
.admin_question .question_title {
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  margin-bottom: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .admin_question .question_title i {
    font-size: 1rem; }
.admin_question .question_content {
  font-size: 1.375rem;
  margin-bottom: 1rem; }
  .admin_question .question_content p {
    margin-bottom: 0; }
  .admin_question .question_content .subfile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f4f4f4;
    padding: 0 2%; }
    .admin_question .question_content .subfile i {
      font-size: 1rem; }
    .admin_question .question_content .subfile-detail a {
      padding: 0 2%;
      margin: .5rem 0; }
      .admin_question .question_content .subfile-detail a i {
        border: 1px solid #98284B;
        border-radius: 50%;
        padding: 0.4rem 0.55rem 0.1rem;
        font-size: 1rem;
        color: #98284B; }
        @media (max-width: 600px) {
          .admin_question .question_content .subfile-detail a i {
            padding: 0.4rem 0.5rem 0.1rem;
            font-size: .9rem; } }
      @media (max-width: 600px) {
        .admin_question .question_content .subfile-detail a h4 {
          font-size: 1.375rem; } }

.admin_floor {
  width: 100%;
  display: block; }
  .admin_floor h3 {
    color: #98284B; }
  .admin_floor h4 {
    font-size: 1.375rem; }
  .admin_floor .floor-list {
    width: calc((100% - 2 * 2rem) / 3  );
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem; }
    .admin_floor .floor-list:nth-of-type(3n+3) {
      margin-right: 0; }
      @media (max-width: 768px) {
        .admin_floor .floor-list:nth-of-type(3n+3) {
          margin-right: 2rem; } }
    @media (max-width: 768px) {
      .admin_floor .floor-list {
        width: calc((100% - 1 * 2rem) / 2  ); }
        .admin_floor .floor-list:nth-of-type(2n+2) {
          margin-right: 0; } }
    .admin_floor .floor-list img {
      width: 100%;
      height: 12rem;
      object-fit: cover; }
      @media (max-width: 768px) {
        .admin_floor .floor-list img {
          height: 8rem; } }
    .admin_floor .floor-list span {
      margin-top: .5rem;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 2.75rem;
      /* Fallback for non-webkit */
      font-size: 1.375rem;
      line-height: 1;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .admin_floor:after {
    content: "";
    display: block;
    clear: both; }

.admin_contact_point h3 {
  color: #98284B; }
.admin_contact_point h4 {
  font-size: 1.375rem; }
.admin_contact_point .contact_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  margin-bottom: .5rem;
  cursor: pointer; }
  .admin_contact_point .contact_title i {
    font-size: 1rem; }
.admin_contact_point .list_contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f4f4f4;
  margin: .5rem 0;
  padding: 0 2%;
  font-size: 1.375rem; }
  .admin_contact_point .list_contact i {
    font-size: 1rem; }
  .admin_contact_point .list_contact-detail {
    padding: 1% 2%;
    font-size: 1.375rem;
    border-bottom: 1px solid  #CCC; }
    .admin_contact_point .list_contact-detail:last-child {
      border-bottom: none; }
    .admin_contact_point .list_contact-detail p {
      margin-bottom: 0; }
    .admin_contact_point .list_contact-detail div h4 {
      color: #98284B;
      width: 10rem; }
      @media (max-width: 600px) {
        .admin_contact_point .list_contact-detail div h4 {
          width: 8rem; } }
    .admin_contact_point .list_contact-detail div ul {
      width: calc(100% - 10rem); }
      @media (max-width: 600px) {
        .admin_contact_point .list_contact-detail div ul {
          width: calc(100% - 8rem); } }
      .admin_contact_point .list_contact-detail div ul li {
        word-break: break-word; }
    .admin_contact_point .list_contact-detail div:last-child {
      border-bottom: none; }

.admin_file_upload h3 {
  color: #98284B; }
.admin_file_upload h4 {
  font-size: 1.375rem; }
.admin_file_upload .file_upload_title {
  width: 100%;
  background-color: #98284B;
  color: white;
  padding: 0 2%;
  font-size: 1.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .admin_file_upload .file_upload_title i {
    font-size: 1rem; }
.admin_file_upload .file_upload_content .files-list a {
  padding: 0 2%;
  margin: .5rem 0; }
  .admin_file_upload .file_upload_content .files-list a i {
    border: 1px solid #98284B;
    border-radius: 50%;
    padding: 0.4rem 0.55rem 0.1rem;
    font-size: 1rem;
    color: #98284B; }
    @media (max-width: 600px) {
      .admin_file_upload .file_upload_content .files-list a i {
        padding: 0.4rem 0.5rem 0.1rem;
        font-size: .9rem; } }
  @media (max-width: 600px) {
    .admin_file_upload .file_upload_content .files-list a h4 {
      font-size: 1.375rem; } }

.post-views-icon:before {
  content: '\f177'; }

.post-views-label {
  display: none; }

.photo-album-wrapper #home_photo_album_list .list-item .photo-album-cover span {
  position: absolute;
  color: #ffffff;
  display: inline-block;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  text-align: center;
  line-height: 1.2em;
  font-size: 1.5em;
  width: calc(100% - 30px); }
.photo-album-wrapper #home_photo_album_list .list-item a:hover .photo-album-cover span {
  opacity: 1; }

.ig-list img {
  width: 100%;
  height: auto; }
.ig-list .item {
  padding: 5px;
  padding-bottom: 20px; }
  .ig-list .item h3 {
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 0;
    padding: 0 0.5rem;
    font-size: 1.3em;
    padding-top: 0.75rem; }
  .ig-list .item p {
    margin-bottom: 1.5rem;
    font-weight: 300;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5em; }
  .ig-list .item a:hover {
    text-decoration: none; }
  .ig-list .item .photo-album-cover {
    position: relative; }
    .ig-list .item .photo-album-cover::after {
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      position: absolute;
      pointer-events: none;
      background: linear-gradient(179.52deg, rgba(197, 13, 35, 0.5) 0%, #840E33 100%);
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .ig-list .item .photo-album-cover i {
      position: absolute;
      color: #ffffff;
      width: 5.25em;
      height: 5.25em;
      display: inline-block;
      left: 50%;
      top: 50%;
      opacity: 0;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      border: solid 2px #ffffff;
      text-align: center;
      line-height: 6em; }
      .ig-list .item .photo-album-cover i::before {
        font-size: 2.2em; }
  .ig-list .item a:hover .photo-album-cover::after {
    opacity: 1; }
  .ig-list .item a:hover .photo-album-cover i {
    opacity: 1; }

.mfp-counter {
  font-size: 1em; }

.gallery-album2 .list-item img {
  width: 100%;
  height: 300px !important;
  object-fit: cover; }

.header-url {
  position: relative; }
  .header-url .arrow-dropdown {
    position: absolute;
    width: 100%;
    height: 100%; }

.header-fcolor {
  color: #96284B; }

.fs-medium {
  font-size: 1.2em; }

.file-upload {
  position: relative;
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 150px; }

.file-upload input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer; }

.file-preview img {
  width: 100%;
  max-width: 300px;
  height: auto; }

.file-preview .ibenic_file_preview {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.ibenic_file_delete {
  position: absolute;
  width: 100%;
  top: 98%;
  left: 0;
  padding: 0.5em;
  text-align: center;
  color: white;
  background-color: red; }

header.registration {
  z-index: 3;
  background-color: white;
  box-shadow: 6px 3px 11px 2px rgba(17, 21, 40, 0.09); }
  header.registration .content-left {
    width: 50%; }
    @media (max-width: 600px) {
      header.registration .content-left {
        width: 100%; } }
    header.registration .content-left .header-registration-logo {
      overflow: hidden;
      position: relative;
      z-index: 2;
      padding: .5em 0; }
      header.registration .content-left .header-registration-logo .logo {
        position: relative;
        z-index: 2;
        height: auto;
        width: 130px; }
        @media (max-width: 600px) {
          header.registration .content-left .header-registration-logo .logo {
            width: 100%; } }
        header.registration .content-left .header-registration-logo .logo img {
          position: absolute;
          width: 90%;
          left: 50%;
          top: 55%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media (max-width: 990px) {
            header.registration .content-left .header-registration-logo .logo img {
              width: 100%; } }
    header.registration .content-left .main-menu {
      font-size: 1.2em;
      padding: 0 1em;
      color: #ffffff; }
      @media (max-width: 600px) {
        header.registration .content-left .main-menu {
          width: 100%; } }
      header.registration .content-left .main-menu a {
        color: black;
        font-size: 1.2em; }
      header.registration .content-left .main-menu .main-menu-item {
        display: inline-block;
        padding: 0.5em;
        position: relative; }
        @media (max-width: 600px) {
          header.registration .content-left .main-menu .main-menu-item {
            padding: 0; } }
        header.registration .content-left .main-menu .main-menu-item::after {
          position: absolute;
          height: 3px;
          bottom: 0;
          left: 0;
          right: 0;
          width: 80%;
          opacity: 0;
          margin-left: auto;
          margin-right: auto;
          background-color: #98284B;
          content: '';
          pointer-events: none;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        header.registration .content-left .main-menu .main-menu-item.active::after, header.registration .content-left .main-menu .main-menu-item:hover::after {
          opacity: 1; }
        header.registration .content-left .main-menu .main-menu-item i {
          color: #ffffff;
          display: inline-block;
          margin-right: 5px;
          font-style: normal; }
          header.registration .content-left .main-menu .main-menu-item i.btn-circle {
            background-color: #FFFFFF;
            color: #98284B;
            text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8);
            border: 0;
            width: 19px;
            height: 19px;
            line-height: 1em;
            margin-right: 7px; }
  header.registration .content-right {
    width: 50%; }
    @media (max-width: 600px) {
      header.registration .content-right {
        width: auto; } }
  header.registration .content-right.menu-lang {
    color: black; }
    header.registration .content-right.menu-lang span {
      font-size: 1.2em;
      margin: 0 10px; }
    header.registration .content-right.menu-lang a {
      font-size: 1.2em; }
    header.registration .content-right.menu-lang a.active {
      color: #98284B; }
  header.registration .regis-top-link {
    font-size: 1.2em; }
    header.registration .regis-top-link a {
      color: #A8AAB2;
      padding: 0 12px; }
      header.registration .regis-top-link a.active, header.registration .regis-top-link a:hover {
        color: #98284B; }
      header.registration .regis-top-link a + a {
        border-left: 1px solid #979797; }
  header.registration .role-name {
    font-size: 1.75em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8);
    padding: 0 0.5em 0 0.25em; }

.registration-content-wrapper.status-0 {
  background-color: #ffffff; }

.login-box {
  width: 27.375em;
  max-width: 100%;
  padding: 15px;
  margin: 5em auto;
  display: block; }
  .login-box h1 {
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8);
    font-size: 2.375em;
    margin: 0; }
  .login-box h2 {
    color: #232325;
    text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
    font-size: 1.95em;
    margin: 0; }
  .login-box h3 {
    font-size: 1.25em;
    font-weight: 300;
    color: #A8AAB2; }
  .login-box .form-group:first-child {
    content: ''; }
  .login-box .form-input {
    width: 100%; }
  .login-box #frmLoginStatus {
    font-size: 1.2em;
    color: #A8AAB2; }
  .login-box .forgot-password-container {
    text-align: right;
    font-size: 1.1em;
    color: #A8AAB2; }
    .login-box .forgot-password-container a {
      color: #A2A2A2; }
      .login-box .forgot-password-container a:hover {
        color: #98284B; }
    .login-box .forgot-password-container i {
      width: 15px;
      height: 15px;
      background-color: #A2A2A2;
      color: #ffffff;
      line-height: 15px;
      border: none;
      font-style: normal;
      margin-right: 5px; }

.form-group {
  position: relative;
  margin: 1.0625em 0; }
  .form-group i {
    color: #A8AAB2;
    position: absolute;
    left: 0;
    top: 50%;
    width: 2.5em;
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .form-group i + input {
      padding-left: 2em; }
  .form-group input[type=submit] {
    background: #0555CD;
    color: #ffffff;
    text-align: center;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }

.form-input {
  padding: 0.21em 0.6667em;
  border: 1px solid #E1E1E1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 1.5em;
  width: 100%; }
  .form-input::-webkit-input-placeholder {
    color: #A8AAB2;
    font-style: normal; }
  .form-input::-moz-placeholder {
    color: #A8AAB2;
    font-style: normal; }
  .form-input:-ms-input-placeholder {
    color: #A8AAB2;
    font-style: normal; }
  .form-input:-moz-placeholder {
    color: #A8AAB2;
    font-style: normal; }

input[type=submit] {
  cursor: pointer; }

.regis-top-user {
  font-size: 1.5625em; }
  .regis-top-user .role {
    color: black; }
  .regis-top-user .flag {
    height: 0.96em;
    width: auto;
    margin-right: 0.5em;
    margin-top: -4px; }
  .regis-top-user .uname {
    margin-left: 0.75em;
    cursor: pointer;
    color: #666666; }
    .regis-top-user .uname .dropdown-toggle::after {
      content: '\e99e';
      font-family: "clicknext";
      border: 0;
      width: 1em;
      height: auto;
      vertical-align: bottom; }
    .regis-top-user .uname .dropdown-menu {
      font-size: 0.8em; }

.meetings-list-box {
  padding: 3em 0 2em; }
  .meetings-list-box .meeting-list {
    box-shadow: 0 3px 7px 6px rgba(0, 0, 0, 0.04);
    background-color: #ffffff; }
  .meetings-list-box .admin-list {
    background-color: #ffffff;
    border: 1px solid #E7E7E7; }
    .meetings-list-box .admin-list .list-item {
      background: none !important; }
  .meetings-list-box .list-header {
    border-bottom: 1px solid #DEDEDE;
    padding: 1.25em 2.125em;
    color: #98284B; }
    .meetings-list-box .list-header h3 {
      font-size: 2em; }
  .meetings-list-box .list-item {
    background-image: url(../images/item-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 1em 0; }
    .meetings-list-box .list-item + .list-item {
      border-top: 1px solid #E8E8E8; }
    .meetings-list-box .list-item > div > div:first-child {
      text-align: right;
      padding-right: 1.75em; }
      @media (max-width: 600px) {
        .meetings-list-box .list-item > div > div:first-child {
          text-align: left;
          padding-right: 0em;
          padding: 0 0.875em; } }
      .meetings-list-box .list-item > div > div:first-child > div {
        line-height: 0.75em; }
        .meetings-list-box .list-item > div > div:first-child > div:nth-child(odd) {
          color: #98284B;
          font-size: 2.25em;
          font-weight: bold; }
          @media (max-width: 600px) {
            .meetings-list-box .list-item > div > div:first-child > div:nth-child(odd) {
              float: left; } }
        .meetings-list-box .list-item > div > div:first-child > div:nth-child(even) {
          color: #A8AAB2;
          font-size: 2.25em; }
          @media (max-width: 600px) {
            .meetings-list-box .list-item > div > div:first-child > div:nth-child(even) {
              float: left;
              margin-left: .2em;
              margin-right: .2em; } }
    .meetings-list-box .list-item > div > div:nth-child(2) {
      border-left: 1px solid #CFD0D5;
      border-right: 1px solid #CFD0D5;
      padding: 0 0.875em; }
      @media (max-width: 600px) {
        .meetings-list-box .list-item > div > div:nth-child(2) {
          border-left: none;
          border-right: none; } }
    .meetings-list-box .list-item > div > div:last-child {
      padding-left: 0.5em; }
    .meetings-list-box .list-item .title {
      font-size: 1.5em;
      line-height: 1em;
      font-weight: 600; }
      @media (max-width: 480px) {
        .meetings-list-box .list-item .title {
          margin-top: .5em; } }
      .meetings-list-box .list-item .title a {
        color: #232325;
        text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
        .meetings-list-box .list-item .title a:hover {
          color: #98284B;
          text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
    .meetings-list-box .list-item .type {
      font-size: 1.375em;
      color: #98284B;
      text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
    .meetings-list-box .list-item .location {
      color: 1.125em;
      font-size: 1.17em;
      color: #A8AAB2; }
    .meetings-list-box .list-item .regis-title span {
      font-size: 1.375em; }
    .meetings-list-box .list-item .approve-status > div {
      margin: 0 0.25em;
      text-align: center; }
      .meetings-list-box .list-item .approve-status > div:first-child {
        font-size: 3.75em;
        line-height: 1em; }
      .meetings-list-box .list-item .approve-status > div:last-child {
        color: #737373;
        font-size: 1.5em;
        line-height: 1em;
        font-size: bold; }
    .meetings-list-box .list-item .approve-status.pending {
      color: #FF7000; }
    .meetings-list-box .list-item .approve-status.approve {
      color: #98284B; }
    .meetings-list-box .list-item .regis-begin, .meetings-list-box .list-item .regis-end {
      font-size: 1.25em;
      line-height: 1.2em; }
      .meetings-list-box .list-item .regis-begin span:first-child, .meetings-list-box .list-item .regis-end span:first-child {
        display: inline-block;
        width: 2.8em; }
    .meetings-list-box .list-item .regis-begin {
      color: #98284B;
      margin-top: 0.3em; }
    .meetings-list-box .list-item .regis-end {
      color: #FF7000; }
    .meetings-list-box .list-item .regis-time, .meetings-list-box .list-item .regis-status {
      font-size: 1.25em;
      line-height: 1.2em; }
      .meetings-list-box .list-item .regis-time span, .meetings-list-box .list-item .regis-status span {
        color: #A8AAB2;
        text-shadow: 0.5px 0px 0px rgba(168, 170, 178, 0.8); }
    .meetings-list-box .list-item .regis-status {
      margin-top: 0.5em; }
    .meetings-list-box .list-item i {
      width: 1.2em;
      height: 1.2em;
      text-align: center;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      color: #A8AAB2;
      display: inline-block;
      margin-right: 0.5em; }
      .meetings-list-box .list-item i::before {
        line-height: 1em; }
      .meetings-list-box .list-item i.no-bg {
        background-color: transparent;
        color: #98284B;
        font-size: 1.1em; }
  .meetings-list-box .style2 {
    padding: 2em 0; }
    .meetings-list-box .style2 > div > div:first-child {
      text-align: left;
      padding-left: 1.75em;
      padding-right: 0; }
      .meetings-list-box .style2 > div > div:first-child div {
        float: left; }
        .meetings-list-box .style2 > div > div:first-child div:nth-child(2) {
          margin: 0 .1em; }
    .meetings-list-box .style2 .regis-title {
      color: #98284B;
      font-weight: 600; }
    .meetings-list-box .style2 .regis-begin, .meetings-list-box .style2 .regis-end {
      color: black; }

.meetings-list-box-header {
  padding-bottom: 0; }

#registration_all_container {
  margin-bottom: 5em; }

.my-tab-container {
  box-shadow: 0 2px 4px 0 rgba(189, 189, 189, 0.5); }
  .my-tab-container .my-tab-menu {
    position: relative;
    z-index: 1; }
    .my-tab-container .my-tab-menu > li {
      white-space: nowrap;
      height: 3.25em;
      display: block;
      text-align: center;
      width: 100%;
      background-color: white;
      min-width: 10em;
      position: relative;
      pointer-events: none;
      color: #98284B;
      z-index: 2; }
      .my-tab-container .my-tab-menu > li span {
        font-size: 1.375em;
        font-weight: 400;
        white-space: nowrap;
        line-height: 2.5em;
        position: relative;
        z-index: 1; }
      .my-tab-container .my-tab-menu > li.collapsed {
        z-index: 1;
        cursor: pointer;
        font-weight: 400;
        pointer-events: painted;
        color: #A8AAB2;
        border-bottom: 2px solid #A8AAB2; }
        .my-tab-container .my-tab-menu > li.collapsed:hover {
          z-index: 2;
          color: #98284B; }
        .my-tab-container .my-tab-menu > li.collapsed::after {
          opacity: 0; }
      .my-tab-container .my-tab-menu > li::after {
        position: absolute;
        height: 3px;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 1;
        margin-left: auto;
        margin-right: auto;
        background-color: #98284B;
        color: #98284B;
        content: '';
        pointer-events: none;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .my-tab-container .my-tab-content {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 20em;
    background-color: #FFFFFF; }
    .my-tab-container .my-tab-content #tab_regis_mgnt .regis-mgnt-nobody {
      padding: 3.25em 0; }
      .my-tab-container .my-tab-content #tab_regis_mgnt .regis-mgnt-nobody > div {
        text-align: center;
        padding: 0 15px; }
        .my-tab-container .my-tab-content #tab_regis_mgnt .regis-mgnt-nobody > div + div {
          border-left: solid 1px #C6C6C6;
          height: 12.125em; }
      .my-tab-container .my-tab-content #tab_regis_mgnt .regis-mgnt-nobody h3 {
        margin-top: 1em;
        color: #A8AAB2;
        font-size: 2.5em;
        font-weight: 300; }
      .my-tab-container .my-tab-content #tab_regis_mgnt .regis-mgnt-nobody a {
        margin-top: 0.3em;
        display: inline-block; }
    .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper {
      padding: 1.4375em 2.375em; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper h2 {
        font-size: 2.375em;
        margin-bottom: 0; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper h3 {
        font-size: 1.375em;
        color: #646464;
        font-weight: 300; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper form {
        width: 34.1875em;
        max-width: 100%;
        margin: 2.8em auto;
        text-align: center; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper textarea {
        width: 100%;
        display: block;
        font-size: 1.75em;
        margin-bottom: 1.6em;
        border: 1px solid #E8E8E8;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        height: 8em;
        padding: 0.6em 0.8em; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper button {
        background-color: #98284B;
        color: #ffffff;
        border: 0;
        font-size: 1.25em;
        padding: 0.75em 1em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer; }
        .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper button i {
          margin-right: 0.7em; }
      .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper .blue-btn {
        min-width: 5em;
        width: auto;
        display: inline-block;
        height: 40px;
        font-size: 1.25em;
        position: relative;
        padding-left: 1em;
        line-height: 1.9em; }
        .my-tab-container .my-tab-content .tab-invite .tab-invite-wrapper .blue-btn i {
          position: absolute;
          left: 15px;
          line-height: 2em; }
    .my-tab-container .my-tab-content .tab-invite .invite-list {
      padding: 0 0.5em; }
      .my-tab-container .my-tab-content .tab-invite .invite-list button {
        background-color: #98284B;
        color: #ffffff;
        border: 0;
        font-size: 1.25em;
        padding: 0.75em 1em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer; }
        .my-tab-container .my-tab-content .tab-invite .invite-list button i {
          margin-right: 0.7em; }

.paging {
  padding: 1em 0; }
  .paging div {
    width: calc(100% /3); }
    .paging div ul {
      cursor: pointer;
      text-align: center;
      display: block; }
      .paging div ul li {
        font-size: 1.5em;
        line-height: 1em;
        float: left;
        padding: 0 .2em; }
        .paging div ul li:hover {
          color: #98284B;
          text-decoration: underline; }
        .paging div ul li i {
          font-size: .9em;
          line-height: .9em; }
    .paging div:last-child {
      padding-right: 1em;
      padding-top: .5em;
      float: right; }

.blue-link {
  font-size: 1.5em;
  color: #98284B;
  text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
  .blue-link i {
    margin-right: 0.25em; }

table {
  width: 100%; }
  table.style1 img {
    max-width: 100px;
    height: auto; }
  table.style1 th {
    background-color: #F5F5F8;
    color: #A8ACB4;
    font-weight: 400;
    font-size: 1.25em;
    padding: 0.25em 0.8em;
    text-align: center;
    line-height: 1em; }
    table.style1 th.active {
      color: #98284B; }
  table.style1 td {
    text-align: center;
    font-size: 1.25em;
    border-bottom: 1px solid #EFEFF2;
    padding: 0.5em 0.8em;
    line-height: 1em; }
  table.style1 a {
    color: #98284B; }
    table.style1 a.red {
      color: #F72828; }
  table.style1 input, table.style1 select {
    height: 1.85em;
    padding: 0 10px;
    border: 1px solid #E1E1E1;
    border-radius: 3px; }
  table.style1 input[type=text], table.style1 input[type=email] {
    width: 100%; }
  table.style1 .my-pagination {
    border: 0; }
    table.style1 .my-pagination td {
      padding-top: 1em;
      padding-bottom: 1em;
      border: 0 !important;
      font-size: 1.6em; }
      table.style1 .my-pagination td span, table.style1 .my-pagination td a {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        line-height: 1.5em;
        margin: 0 10px; }
      table.style1 .my-pagination td a {
        color: #949494; }
      table.style1 .my-pagination td span, table.style1 .my-pagination td a:hover {
        color: #ffffff;
        background: #8F2A4C; }
  table .left {
    text-align: left !important; }
  table .right {
    text-align: right !important; }
  table .center {
    text-align: center !important; }
  table .orange {
    color: #FF7000; }
  table .med {
    font-size: 1.25em; }
  table .lar {
    font-size: 1.4em; }
  table .blue {
    color: #98284B; }
  table .completed {
    color: #45A9FC; }
    table .completed i {
      width: 18px;
      height: 18px;
      top: 3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #45A9FC;
      display: inline-block;
      position: relative;
      margin: 0 5px; }
      table .completed i::before {
        font-size: 0.6em;
        color: #ffffff;
        position: absolute;
        left: 50%;
        top: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  table .rejected {
    color: #F72828; }
    table .rejected i {
      width: 18px;
      height: 18px;
      top: 3px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #F72828;
      display: inline-block;
      position: relative;
      margin: 0 5px; }
      table .rejected i::before {
        font-size: 0.45em;
        font-weight: bold;
        color: #ffffff;
        position: absolute;
        left: 50%;
        top: 46%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.registration-form-container {
  background-color: #ffffff; }

.participant-form-wrapper, .arrangement-form-wrapper, .notification-form-wrapper {
  padding: 2.875em 0; }
  .participant-form-wrapper .content-header, .arrangement-form-wrapper .content-header, .notification-form-wrapper .content-header {
    background-color: #E8E8E8;
    color: #646464;
    text-align: center;
    padding: 4em 2em 2.8125em; }
    .participant-form-wrapper .content-header h3, .arrangement-form-wrapper .content-header h3, .notification-form-wrapper .content-header h3 {
      font-size: 2em;
      letter-spacing: 2px;
      font-weight: 300;
      color: #646464;
      text-shadow: 0.5px 0px 0px rgba(100, 100, 100, 0.8);
      margin-bottom: 0; }
    .participant-form-wrapper .content-header .b, .arrangement-form-wrapper .content-header .b, .notification-form-wrapper .content-header .b {
      text-shadow: none;
      font-weight: bold; }
    .participant-form-wrapper .content-header h2, .arrangement-form-wrapper .content-header h2, .notification-form-wrapper .content-header h2 {
      font-size: 3em;
      text-shadow: 12px 10px 4px 0 rgba(0, 0, 0, 0.06);
      margin-top: -0.2em;
      letter-spacing: 2px;
      font-weight: bold; }
    .participant-form-wrapper .content-header h4, .arrangement-form-wrapper .content-header h4, .notification-form-wrapper .content-header h4 {
      font-size: 1.875em; }
  .participant-form-wrapper .photo-upload, .arrangement-form-wrapper .photo-upload, .notification-form-wrapper .photo-upload {
    display: inline-block;
    width: 164px;
    overflow-x: hidden; }
    .participant-form-wrapper .photo-upload .photo, .arrangement-form-wrapper .photo-upload .photo, .notification-form-wrapper .photo-upload .photo {
      display: block;
      width: 100%;
      height: 188px;
      background-color: #ffffff;
      background-image: url(../images/participant-photo-cover.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    .participant-form-wrapper .photo-upload .upload span, .arrangement-form-wrapper .photo-upload .upload span, .notification-form-wrapper .photo-upload .upload span {
      display: block; }
    .participant-form-wrapper .photo-upload .upload-btn-wrapper, .arrangement-form-wrapper .photo-upload .upload-btn-wrapper, .notification-form-wrapper .photo-upload .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: block; }
      .participant-form-wrapper .photo-upload .upload-btn-wrapper input[type=file], .arrangement-form-wrapper .photo-upload .upload-btn-wrapper input[type=file], .notification-form-wrapper .photo-upload .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        cursor: pointer; }
      .participant-form-wrapper .photo-upload .upload-btn-wrapper .btn, .arrangement-form-wrapper .photo-upload .upload-btn-wrapper .btn, .notification-form-wrapper .photo-upload .upload-btn-wrapper .btn {
        display: block;
        color: #ffffff;
        background-color: #98284B;
        font-size: 1em;
        line-height: 33px;
        height: 33px;
        padding: 0;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
    .participant-form-wrapper .photo-upload + .instruction, .arrangement-form-wrapper .photo-upload + .instruction, .notification-form-wrapper .photo-upload + .instruction {
      width: 237px;
      margin-top: 0.5em; }
  .participant-form-wrapper .instruction, .arrangement-form-wrapper .instruction, .notification-form-wrapper .instruction {
    color: #949494;
    font-size: 1.125em;
    line-height: 1.2em; }
    .participant-form-wrapper .instruction span, .arrangement-form-wrapper .instruction span, .notification-form-wrapper .instruction span {
      color: #98284B; }
  .participant-form-wrapper .group, .arrangement-form-wrapper .group, .notification-form-wrapper .group {
    padding: 1em 0; }
    .participant-form-wrapper .group h2, .arrangement-form-wrapper .group h2, .notification-form-wrapper .group h2 {
      font-size: 2.3em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8);
      letter-spacing: 1px;
      margin-top: 1em; }
    .participant-form-wrapper .group .group-row, .arrangement-form-wrapper .group .group-row, .notification-form-wrapper .group .group-row {
      margin-bottom: 0.5em; }
      .participant-form-wrapper .group .group-row > *, .arrangement-form-wrapper .group .group-row > *, .notification-form-wrapper .group .group-row > * {
        margin-right: 10px; }
        .participant-form-wrapper .group .group-row > *:last-child, .arrangement-form-wrapper .group .group-row > *:last-child, .notification-form-wrapper .group .group-row > *:last-child {
          margin-right: 0; }
      .participant-form-wrapper .group .group-row.row3 > div, .arrangement-form-wrapper .group .group-row.row3 > div, .notification-form-wrapper .group .group-row.row3 > div {
        width: calc(33% - 7px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row3 > div, .arrangement-form-wrapper .group .group-row.row3 > div, .notification-form-wrapper .group .group-row.row3 > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row3 > div > *, .arrangement-form-wrapper .group .group-row.row3 > div > *, .notification-form-wrapper .group .group-row.row3 > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.row2 > div, .arrangement-form-wrapper .group .group-row.row2 > div, .notification-form-wrapper .group .group-row.row2 > div {
        width: 40%; }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2 > div, .arrangement-form-wrapper .group .group-row.row2 > div, .notification-form-wrapper .group .group-row.row2 > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row2 > div > *, .arrangement-form-wrapper .group .group-row.row2 > div > *, .notification-form-wrapper .group .group-row.row2 > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.row2a > div:nth-child(1), .arrangement-form-wrapper .group .group-row.row2a > div:nth-child(1), .notification-form-wrapper .group .group-row.row2a > div:nth-child(1) {
        width: calc(33% - 7px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2a > div:nth-child(1), .arrangement-form-wrapper .group .group-row.row2a > div:nth-child(1), .notification-form-wrapper .group .group-row.row2a > div:nth-child(1) {
            width: 100%; } }
      .participant-form-wrapper .group .group-row.row2a > div:nth-child(2), .arrangement-form-wrapper .group .group-row.row2a > div:nth-child(2), .notification-form-wrapper .group .group-row.row2a > div:nth-child(2) {
        width: calc(66% - 3.5px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2a > div:nth-child(2), .arrangement-form-wrapper .group .group-row.row2a > div:nth-child(2), .notification-form-wrapper .group .group-row.row2a > div:nth-child(2) {
            width: 100%; } }
      .participant-form-wrapper .group .group-row.row2a > div > *, .arrangement-form-wrapper .group .group-row.row2a > div > *, .notification-form-wrapper .group .group-row.row2a > div > * {
        width: 100%; }
      .participant-form-wrapper .group .group-row.row2b > div, .arrangement-form-wrapper .group .group-row.row2b > div, .notification-form-wrapper .group .group-row.row2b > div {
        width: calc(50% - 8.5px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2b > div, .arrangement-form-wrapper .group .group-row.row2b > div, .notification-form-wrapper .group .group-row.row2b > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row2b > div > *, .arrangement-form-wrapper .group .group-row.row2b > div > *, .notification-form-wrapper .group .group-row.row2b > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.row2c > div, .arrangement-form-wrapper .group .group-row.row2c > div, .notification-form-wrapper .group .group-row.row2c > div {
        width: calc(30% - 8.5px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2c > div, .arrangement-form-wrapper .group .group-row.row2c > div, .notification-form-wrapper .group .group-row.row2c > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row2c > div > *, .arrangement-form-wrapper .group .group-row.row2c > div > *, .notification-form-wrapper .group .group-row.row2c > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.row2d > div, .arrangement-form-wrapper .group .group-row.row2d > div, .notification-form-wrapper .group .group-row.row2d > div {
        width: calc(30% - 8.5px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row2d > div, .arrangement-form-wrapper .group .group-row.row2d > div, .notification-form-wrapper .group .group-row.row2d > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row2d > div > *, .arrangement-form-wrapper .group .group-row.row2d > div > *, .notification-form-wrapper .group .group-row.row2d > div > * {
          width: 100%; }
        .participant-form-wrapper .group .group-row.row2d > div > input, .arrangement-form-wrapper .group .group-row.row2d > div > input, .notification-form-wrapper .group .group-row.row2d > div > input {
          width: calc(100% - 15px); }
      .participant-form-wrapper .group .group-row.row1 > div, .arrangement-form-wrapper .group .group-row.row1 > div, .notification-form-wrapper .group .group-row.row1 > div {
        width: calc(80% + 10px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row1 > div, .arrangement-form-wrapper .group .group-row.row1 > div, .notification-form-wrapper .group .group-row.row1 > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row1 > div > *, .arrangement-form-wrapper .group .group-row.row1 > div > *, .notification-form-wrapper .group .group-row.row1 > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.row1f > div, .arrangement-form-wrapper .group .group-row.row1f > div, .notification-form-wrapper .group .group-row.row1f > div {
        width: calc(100% - 7px); }
        @media (max-width: 768px) {
          .participant-form-wrapper .group .group-row.row1f > div, .arrangement-form-wrapper .group .group-row.row1f > div, .notification-form-wrapper .group .group-row.row1f > div {
            width: 100%; } }
        .participant-form-wrapper .group .group-row.row1f > div > *, .arrangement-form-wrapper .group .group-row.row1f > div > *, .notification-form-wrapper .group .group-row.row1f > div > * {
          width: 100%; }
      .participant-form-wrapper .group .group-row.sep, .arrangement-form-wrapper .group .group-row.sep, .notification-form-wrapper .group .group-row.sep {
        position: relative;
        margin-top: 2em; }
        .participant-form-wrapper .group .group-row.sep h3, .arrangement-form-wrapper .group .group-row.sep h3, .notification-form-wrapper .group .group-row.sep h3 {
          font-size: 1.8em;
          display: inline-block;
          background-color: #ffffff;
          color: #98284B;
          padding-right: 10px;
          position: relative;
          z-index: 1; }
        .participant-form-wrapper .group .group-row.sep::before, .arrangement-form-wrapper .group .group-row.sep::before, .notification-form-wrapper .group .group-row.sep::before {
          content: '';
          z-index: 0;
          position: absolute;
          background-color: #E1E1E1;
          display: block;
          height: 1px;
          width: 100%;
          left: 0;
          top: calc(50% - 0.5px); }
    .participant-form-wrapper .group label, .arrangement-form-wrapper .group label, .notification-form-wrapper .group label {
      display: block;
      font-size: 1.5em;
      color: #656565;
      margin-bottom: 0; }
      .participant-form-wrapper .group label.required::after, .arrangement-form-wrapper .group label.required::after, .notification-form-wrapper .group label.required::after {
        content: '*';
        color: red; }
    .participant-form-wrapper .group span, .arrangement-form-wrapper .group span, .notification-form-wrapper .group span {
      color: red; }
  .participant-form-wrapper select, .participant-form-wrapper input[type=email], .participant-form-wrapper input[type=text], .participant-form-wrapper input[type=file], .arrangement-form-wrapper select, .arrangement-form-wrapper input[type=email], .arrangement-form-wrapper input[type=text], .arrangement-form-wrapper input[type=file], .notification-form-wrapper select, .notification-form-wrapper input[type=email], .notification-form-wrapper input[type=text], .notification-form-wrapper input[type=file] {
    height: 2em;
    font-size: 1.5em;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0.5em;
    font-weight: 300;
    color: #656565;
    margin-bottom: 0.15em; }
    .participant-form-wrapper select::-webkit-input-placeholder, .participant-form-wrapper input[type=email]::-webkit-input-placeholder, .participant-form-wrapper input[type=text]::-webkit-input-placeholder, .participant-form-wrapper input[type=file]::-webkit-input-placeholder, .arrangement-form-wrapper select::-webkit-input-placeholder, .arrangement-form-wrapper input[type=email]::-webkit-input-placeholder, .arrangement-form-wrapper input[type=text]::-webkit-input-placeholder, .arrangement-form-wrapper input[type=file]::-webkit-input-placeholder, .notification-form-wrapper select::-webkit-input-placeholder, .notification-form-wrapper input[type=email]::-webkit-input-placeholder, .notification-form-wrapper input[type=text]::-webkit-input-placeholder, .notification-form-wrapper input[type=file]::-webkit-input-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .participant-form-wrapper select::-moz-placeholder, .participant-form-wrapper input[type=email]::-moz-placeholder, .participant-form-wrapper input[type=text]::-moz-placeholder, .participant-form-wrapper input[type=file]::-moz-placeholder, .arrangement-form-wrapper select::-moz-placeholder, .arrangement-form-wrapper input[type=email]::-moz-placeholder, .arrangement-form-wrapper input[type=text]::-moz-placeholder, .arrangement-form-wrapper input[type=file]::-moz-placeholder, .notification-form-wrapper select::-moz-placeholder, .notification-form-wrapper input[type=email]::-moz-placeholder, .notification-form-wrapper input[type=text]::-moz-placeholder, .notification-form-wrapper input[type=file]::-moz-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .participant-form-wrapper select:-ms-input-placeholder, .participant-form-wrapper input[type=email]:-ms-input-placeholder, .participant-form-wrapper input[type=text]:-ms-input-placeholder, .participant-form-wrapper input[type=file]:-ms-input-placeholder, .arrangement-form-wrapper select:-ms-input-placeholder, .arrangement-form-wrapper input[type=email]:-ms-input-placeholder, .arrangement-form-wrapper input[type=text]:-ms-input-placeholder, .arrangement-form-wrapper input[type=file]:-ms-input-placeholder, .notification-form-wrapper select:-ms-input-placeholder, .notification-form-wrapper input[type=email]:-ms-input-placeholder, .notification-form-wrapper input[type=text]:-ms-input-placeholder, .notification-form-wrapper input[type=file]:-ms-input-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .participant-form-wrapper select:-moz-placeholder, .participant-form-wrapper input[type=email]:-moz-placeholder, .participant-form-wrapper input[type=text]:-moz-placeholder, .participant-form-wrapper input[type=file]:-moz-placeholder, .arrangement-form-wrapper select:-moz-placeholder, .arrangement-form-wrapper input[type=email]:-moz-placeholder, .arrangement-form-wrapper input[type=text]:-moz-placeholder, .arrangement-form-wrapper input[type=file]:-moz-placeholder, .notification-form-wrapper select:-moz-placeholder, .notification-form-wrapper input[type=email]:-moz-placeholder, .notification-form-wrapper input[type=text]:-moz-placeholder, .notification-form-wrapper input[type=file]:-moz-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .participant-form-wrapper select.medium, .participant-form-wrapper input[type=email].medium, .participant-form-wrapper input[type=text].medium, .participant-form-wrapper input[type=file].medium, .arrangement-form-wrapper select.medium, .arrangement-form-wrapper input[type=email].medium, .arrangement-form-wrapper input[type=text].medium, .arrangement-form-wrapper input[type=file].medium, .notification-form-wrapper select.medium, .notification-form-wrapper input[type=email].medium, .notification-form-wrapper input[type=text].medium, .notification-form-wrapper input[type=file].medium {
      min-width: 14em;
      max-width: 100%; }
      @media (max-width: 600px) {
        .participant-form-wrapper select.medium, .participant-form-wrapper input[type=email].medium, .participant-form-wrapper input[type=text].medium, .participant-form-wrapper input[type=file].medium, .arrangement-form-wrapper select.medium, .arrangement-form-wrapper input[type=email].medium, .arrangement-form-wrapper input[type=text].medium, .arrangement-form-wrapper input[type=file].medium, .notification-form-wrapper select.medium, .notification-form-wrapper input[type=email].medium, .notification-form-wrapper input[type=text].medium, .notification-form-wrapper input[type=file].medium {
          min-width: 100%; } }
  .participant-form-wrapper input[type=file], .arrangement-form-wrapper input[type=file], .notification-form-wrapper input[type=file] {
    padding: 0 2px;
    padding-top: 2px; }
  .participant-form-wrapper .input-text, .arrangement-form-wrapper .input-text, .notification-form-wrapper .input-text {
    height: 2em;
    line-height: 2em;
    font-size: 1.5em;
    padding: 0 0.5em;
    font-weight: 300;
    margin-bottom: 0.15em;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #E1E1E1; }
  .participant-form-wrapper .more-detail, .arrangement-form-wrapper .more-detail, .notification-form-wrapper .more-detail {
    color: #98284B;
    font-size: 1.125em; }

.participant-form-wrapper, #participant_tab_container {
  padding: 0; }

.gray-btn, .blue-btn, .white-btn, .red-btn, .red1-btn {
  width: 10rem;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  text-align: center;
  font-size: 1.25em;
  color: #FFFFFF;
  text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8);
  height: 3rem;
  margin-bottom: 0.5em;
  cursor: pointer;
  line-height: 2em;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .gray-btn.medium, .blue-btn.medium, .white-btn.medium, .red-btn.medium, .red1-btn.medium {
    font-size: 1.3125em;
    height: 2.5rem;
    font-weight: 300;
    text-shadow: none; }

.red-btn-passport {
  width: auto;
  height: auto;
  font-size: .8em;
  padding: 0 .2em; }
  .red-btn-passport i {
    font-size: .8em;
    margin-left: .2em; }

.blue-btn {
  border: solid 1px #0555CD;
  color: #FFFFFF;
  background-color: #0555CD; }
  .blue-btn:hover {
    background-color: #FFFFFF;
    color: #0555CD; }

.red-btn {
  border: solid 1px #98284B;
  color: #FFFFFF;
  background-color: #98284B; }
  .red-btn:hover {
    background-color: #FFFFFF;
    color: #98284B; }

.gray-btn {
  border: solid 1px #A8AAB2 !important;
  color: #FFFFFF !important;
  background-color: #A8AAB2 !important; }
  .gray-btn:hover {
    background-color: #FFFFFF !important;
    color: #A8AAB2 !important; }

.white-btn {
  border: solid 1px #98284B;
  color: #98284B;
  background-color: #FFFFFF; }
  .white-btn:hover {
    background-color: #98284B;
    color: #FFFFFF; }

.red1-btn {
  border: solid 1px #D80017;
  color: #D80017;
  background-color: #FFFFFF; }
  .red1-btn:hover {
    background-color: #D80017;
    color: #FFFFFF; }

.bootstrap-datetimepicker-widget {
  width: auto !important; }

.fa-chevron-left::before {
  content: '\e99f';
  font-family: "clicknext"; }

.fa-chevron-right::before {
  content: '\e9a0';
  font-family: "clicknext"; }

.fa-arrow-up::before {
  content: '\e9a5';
  font-weight: bold;
  font-family: "clicknext"; }

.fa-arrow-down::before {
  content: '\e9a2';
  font-weight: bold;
  font-family: "clicknext"; }

input.datepicker, input.timepicker {
  padding-right: 1.7em !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center; }

input.datepicker {
  background-image: url(../images/ic-calendar.png); }

input.timepicker {
  background-image: url(../images/ic-clock.png); }

.my-modal {
  position: fixed;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: -200%;
  z-index: 1050;
  opacity: 0;
  pointer-events: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .my-modal.active {
    opacity: 1;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: painted;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .my-modal .modal-box {
    box-shadow: 3px 8px 11px 10px rgba(0, 0, 0, 0.11);
    width: 40.9375em;
    /*height: 34.0625em;*/
    max-width: 80vw;
    max-height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    background-image: url(../images/item-bg.png);
    background-position: right top;
    background-repeat: no-repeat; }
  .my-modal h2 {
    color: #585858;
    font-size: 3.375em;
    text-align: center;
    margin-top: 0.8em; }
  .my-modal .warning-text {
    color: #949494;
    font-size: 1.25em;
    text-align: center;
    line-height: 0.9em;
    margin: 2em 0; }
  .my-modal .circle {
    display: block;
    margin: 0 auto;
    width: 11.5625em;
    height: 11.5625em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    border: solid 8px #232325;
    margin-top: 2.2em; }
    .my-modal .circle span {
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 4.6875em;
      line-height: 1em; }

@keyframes anim-dotdotdot {
  0% {
    content: ''; }
  25% {
    content: '.'; }
  50% {
    content: '..'; }
  75% {
    content: '...'; } }
#modal_registration_success .process-text {
  display: block;
  position: absolute;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  left: 40%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0; }
  #modal_registration_success .process-text span {
    display: inline-block;
    width: 1.8em;
    text-align: left;
    position: absolute; }
    #modal_registration_success .process-text span::before {
      content: '';
      animation: anim-dotdotdot 1.2s linear infinite;
      letter-spacing: 3px;
      margin-left: 5px; }
#modal_registration_success .success-text, #modal_registration_success .failed-text, #modal_registration_success .warning-text, #modal_registration_success .circle, #modal_registration_success .fi-ok-1, #modal_registration_success button {
  display: none; }
#modal_registration_success.success .process-text {
  display: none; }
#modal_registration_success.success .success-text, #modal_registration_success.success .warning-text, #modal_registration_success.success .circle, #modal_registration_success.success button {
  display: block; }
#modal_registration_success.success .fi-ok-1 {
  display: inline-block; }
#modal_registration_success.failed .process-text {
  display: none; }
#modal_registration_success.failed .failed-text, #modal_registration_success.failed .circle, #modal_registration_success.failed button {
  display: block; }
#modal_registration_success.failed button {
  margin-top: 3em; }
#modal_registration_success.failed .warning-text {
  display: block; }
#modal_registration_success.modal-warn.success .warning-text {
  display: block;
  font-size: 2em;
  color: green;
  border: solid 1px green;
  padding: 1em;
  border-radius: 5px; }
#modal_registration_success.modal-warn.failed .warning-text {
  display: block;
  font-size: 2em;
  color: red;
  border: solid 1px red;
  padding: 1em;
  border-radius: 5px; }

.participant-review-wrapper {
  /*margin-top: -2em;*/
  background-color: #ffffff; }
  .participant-review-wrapper .content-header {
    background-color: #E8E8E8;
    color: #646464;
    text-align: center;
    padding: 4em 2em 2.8125em; }
    .participant-review-wrapper .content-header h3 {
      font-size: 2em;
      letter-spacing: 2px;
      font-weight: 300;
      color: #646464;
      text-shadow: 0.5px 0px 0px rgba(100, 100, 100, 0.8);
      margin-bottom: 0; }
      .participant-review-wrapper .content-header h3.b {
        font-size: 2.2em;
        text-shadow: none;
        font-weight: bold; }
    .participant-review-wrapper .content-header .b {
      text-shadow: none;
      font-weight: bold; }
    .participant-review-wrapper .content-header h2 {
      font-size: 3em;
      text-shadow: 12px 10px 4px 0 rgba(0, 0, 0, 0.06);
      margin-bottom: 0;
      letter-spacing: 2px;
      font-weight: bold; }
    .participant-review-wrapper .content-header h4 {
      font-size: 1.875em; }
  .participant-review-wrapper .cotent-body {
    padding: 2em 0; }
    .participant-review-wrapper .cotent-body .photo-cover {
      display: block;
      width: 10.25em;
      height: auto;
      margin: 0 auto;
      margin-bottom: 2em; }
    .participant-review-wrapper .cotent-body h2 {
      text-align: center;
      font-size: 2.3em;
      color: #232325;
      text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }
    .participant-review-wrapper .cotent-body > div {
      font-size: 1.5em; }
      .participant-review-wrapper .cotent-body > div > div {
        padding-top: 0.2em;
        padding-bottom: 0.2em; }
    .participant-review-wrapper .cotent-body h3 {
      text-align: left;
      color: #949494;
      position: relative;
      font-weight: 2.0625em;
      padding-top: 0.4em;
      padding-bottom: 0.4em; }
      .participant-review-wrapper .cotent-body h3 span {
        padding-right: 15px;
        position: relative;
        z-index: 1;
        background-color: #ffffff; }
      .participant-review-wrapper .cotent-body h3::before {
        content: '';
        height: 1px;
        width: 100%;
        top: 50%;
        left: 0;
        position: absolute;
        z-index: 0;
        background-color: #949494; }
    .participant-review-wrapper .cotent-body .blue-btn {
      border: solid 1px #98284B;
      background-color: #98284B;
      color: #ffffff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      font-size: 0.8em;
      padding: 0 0.75em;
      cursor: pointer;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .participant-review-wrapper .cotent-body .blue-btn i {
        margin-left: 0.5em; }
        .participant-review-wrapper .cotent-body .blue-btn i::before {
          position: relative;
          top: 2px; }
      .participant-review-wrapper .cotent-body .blue-btn:hover {
        color: #98284B;
        background-color: #ffffff; }
  .participant-review-wrapper .review-tools {
    text-align: center;
    padding-bottom: 2.5em; }

.btn-red, .btn-red1, .btn-gray, .btn-white, .btn-blue {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.5em;
  min-width: 7em;
  text-align: center;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 0 .2em; }

.btn-blue {
  background-color: #98284B;
  color: #ffffff;
  border: solid 1px #98284B; }
  .btn-blue:hover {
    color: #98284B;
    background-color: #ffffff; }

.btn-red {
  background-color: #DF0C0C;
  color: #ffffff;
  border: solid 1px #DF0C0C; }
  .btn-red:hover {
    color: #DF0C0C;
    background-color: #ffffff; }

.btn-red1 {
  background-color: #98284B;
  color: #ffffff;
  border: solid 1px #98284B; }
  .btn-red1:hover {
    color: #98284B;
    background-color: #ffffff; }

.btn-gray {
  background-color: #A8AAB2;
  color: #ffffff;
  border: solid 1px #A8AAB2; }
  .btn-gray:hover {
    color: #232325;
    background-color: #ffffff; }

.btn-white {
  background-color: #ffffff;
  color: #98284B;
  border: solid 1px #98284B; }
  .btn-white:hover {
    color: #ffffff;
    background-color: #98284B; }

.loading-text {
  text-align: center;
  padding: 3em 0;
  font-size: 1.2em; }

table.table-with-sort th {
  padding: 0.6em 0.8em; }
  table.table-with-sort th:not([data-sort=""]) {
    position: relative;
    cursor: pointer; }
    table.table-with-sort th:not([data-sort=""]).asc, table.table-with-sort th:not([data-sort=""]).desc {
      color: #98284B; }
    table.table-with-sort th:not([data-sort=""]):hover {
      color: #98284B; }
      table.table-with-sort th:not([data-sort=""]):hover.asc span::after, table.table-with-sort th:not([data-sort=""]):hover.desc span::after {
        color: #98284B; }
    table.table-with-sort th:not([data-sort=""]) span {
      margin-left: 5px;
      position: relative; }
      table.table-with-sort th:not([data-sort=""]) span::before, table.table-with-sort th:not([data-sort=""]) span::after {
        position: absolute;
        font-size: 0.8em;
        font-family: "clicknext"; }
      table.table-with-sort th:not([data-sort=""]) span::before {
        margin-top: -4px;
        content: '\e9a1'; }
      table.table-with-sort th:not([data-sort=""]) span::after {
        margin-top: 4px;
        content: '\e99e'; }
    table.table-with-sort th:not([data-sort=""]).asc span::after {
      color: #A8ACB4; }
    table.table-with-sort th:not([data-sort=""]).desc span::before {
      color: #A8ACB4; }

.document-checking-box {
  position: relative;
  background-color: white;
  box-shadow: 6px 8px 8px 9px rgba(218, 218, 218, 0.6);
  width: 53.125em;
  max-width: 80%;
  padding-top: 2.1875em;
  padding-bottom: 4.3125em;
  margin: 0 auto;
  margin-top: -9em; }
  .document-checking-box .container {
    width: 36.75em;
    margin: 0 auto;
    padding: 0 15px; }
  .document-checking-box h2 {
    font-size: 2.1875em;
    color: #98284B;
    text-shadow: 0.5px 0px 0px rgba(152, 40, 75, 0.8); }
  .document-checking-box p, .document-checking-box label {
    font-size: 1.5em;
    line-height: 1.15em;
    color: #656565; }
  .document-checking-box label {
    margin-left: 5px;
    margin-right: 1em; }
  .document-checking-box strong {
    color: #232325; }
  .document-checking-box textarea {
    width: 100%;
    height: 6em;
    padding: 4px 15px;
    font-size: 1.5em;
    border: 1px solid #E8E8E8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #F3F3F3;
    margin-bottom: 2em;
    margin-top: 0.5em; }
  .document-checking-box strong {
    font-weight: 400;
    -webkit-border-radius: #232325;
    -moz-border-radius: #232325;
    -ms-border-radius: #232325;
    border-radius: #232325; }

.dao-tool {
  padding: 1.75em 1.25em; }
  .dao-tool .dropdown {
    width: 25%; }
    .dao-tool .dropdown button {
      height: 2em;
      width: 7em;
      line-height: 2em;
      margin-bottom: 0;
      outline: none;
      padding-left: .6em; }
      .dao-tool .dropdown button::after {
        vertical-align: middle; }
    .dao-tool .dropdown i {
      font-family: "clicknext1";
      font-style: inherit; }
  .dao-tool .search {
    width: 75%; }
    .dao-tool .search form {
      width: 100%; }
      .dao-tool .search form input[type=text], .dao-tool .search form select {
        background-color: #ffffff;
        border: 1px solid #E1E1E1;
        padding: 0 0.5em;
        height: 2em;
        width: 50%;
        border-radius: 3px;
        color: #656565;
        margin-right: .5em;
        font-size: 1.25em; }
      .dao-tool .search form button[type=submit] {
        height: 2em;
        width: 8em;
        margin-bottom: 0em;
        line-height: 1em; }
        .dao-tool .search form button[type=submit] i {
          font-size: .65em; }

#modal_dao_list .modal-box, #modal_dao_support_list .modal-box, #modal_dao_support_list .modal-box, #modal_dao_form .modal-box {
  width: 990px;
  height: 950px;
  max-width: calc(100% - 30px); }

#modal_dao_form .modal-box {
  overflow-y: auto; }

#modal_arrangement_form .modal-box {
  height: 28em;
  overflow-y: auto;
  overflow-x: hidden; }

.modal-table .dao-tool {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6em; }
.modal-table .table-wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  top: 6em;
  bottom: 6em;
  overflow-y: auto; }
.modal-table .dao-submit {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6em; }
.modal-table .dao-head {
  height: 6em; }

.dao-form-wrapper {
  box-shadow: 0 3px 7px 6px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  margin-bottom: 2.875em; }
  .dao-form-wrapper .dao-head {
    color: #98284B;
    font-size: 2.0625em;
    font-weight: 300;
    padding: 0.4em 0.96em;
    border-bottom: 1px solid #DEDEDE; }
  .dao-form-wrapper .participant-form-wrapper .group h2 {
    text-align: left; }
  .dao-form-wrapper button {
    width: 10.625rem;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    text-align: center;
    font-size: 1.5em;
    color: #FFFFFF;
    text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8);
    height: 3rem;
    margin: 0;
    margin-bottom: 0.5em;
    cursor: pointer;
    line-height: 2em;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: solid 1px #A81543;
    color: #FFFFFF;
    background: #98284B; }
    .dao-form-wrapper button.medium {
      font-size: 1.3125em;
      height: 2.5rem;
      font-weight: 300;
      text-shadow: none; }
    .dao-form-wrapper button:hover {
      background: #FFFFFF;
      color: #98284B; }
  .dao-form-wrapper a {
    font-size: 1.5em; }

.attach-list {
  margin-top: 0.5em; }
  .attach-list a {
    padding: 0 0.5em;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    text-align: center;
    font-size: 1em;
    color: #FFFFFF;
    text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8);
    cursor: pointer;
    line-height: 1.5em;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: solid 1px #0555CD;
    color: #0555CD;
    background-color: #FFFFFF; }
    .attach-list a:hover {
      background-color: #0555CD;
      color: #FFFFFF; }
    .attach-list a i {
      position: relative;
      top: 2px;
      margin-left: 0.2em; }

#tbl_allMeeting th {
  color: #2A2B2D; }
#tbl_allMeeting td {
  font-size: 1.25em;
  border-bottom: 1px solid #EFEFF2;
  padding: 0.8em;
  line-height: 1em; }
#tbl_allMeeting .b {
  color: #232325;
  text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }

#tbl_pending_table td {
  padding-top: 0.8em;
  padding-bottom: 0.8em; }
#tbl_pending_table .b {
  color: #232325;
  text-shadow: 0.5px 0px 0px rgba(35, 35, 37, 0.8); }

.admin-registration .participant-review-wrapper {
  margin-top: -3.25em; }
.admin-registration .participant-form-wrapper {
  margin-top: -3.25em; }

.sub-menu-dao {
  background-color: #98284B;
  margin-bottom: 1.5em;
  color: white;
  font-size: 1.375em; }
  .sub-menu-dao ul li {
    padding: .2em 1em;
    cursor: pointer; }
    .sub-menu-dao ul li:hover, .sub-menu-dao ul li.active {
      background-color: rgba(0, 0, 0, 0.17); }
    .sub-menu-dao ul li a {
      color: #ffffff; }

#modal_registration_success .modal-box {
  width: 884px;
  max-width: 90%;
  text-align: center;
  padding: 3em; }
  #modal_registration_success .modal-box h2 {
    margin-top: 0; }
  #modal_registration_success .modal-box .circle {
    width: 4em;
    height: 4em;
    margin-top: 0;
    border: 4px solid black; }
    #modal_registration_success .modal-box .circle span {
      font-size: 2em; }
  #modal_registration_success .modal-box .warning-text {
    margin: 1em; }
  #modal_registration_success .modal-box button {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto; }

.date_horizontal div {
  float: left;
  margin: 0 1px; }

.frm-search-wrapper {
  padding: 2.5em 0em 1em 0em;
  background-color: #F8F8F8; }
  .frm-search-wrapper #frm_search_meeting input[type=text], .frm-search-wrapper #frm_search_meeting select {
    background-color: #ffffff;
    border: 1px solid #E1E1E1;
    padding: 0 0.5em;
    height: 2em;
    width: 50%;
    border-radius: 3px;
    color: #A8AAB2;
    margin-right: .5em;
    font-size: 1.25em; }
  .frm-search-wrapper #frm_search_meeting button[type=submit] {
    height: 2em;
    width: 8em;
    margin-bottom: 0em;
    line-height: 1em; }

.form-photo {
  max-width: 200px;
  height: auto;
  margin-bottom: 0.75em; }

.form-id-card {
  max-width: 350px;
  height: auto;
  margin-bottom: 0.75em; }

#modal_decline_form .modal-box {
  padding: 2em; }
  #modal_decline_form .modal-box h3 {
    color: #98284B;
    font-size: 2.1875em;
    margin-bottom: 0; }
  #modal_decline_form .modal-box div {
    font-size: 1.5em; }
    #modal_decline_form .modal-box div:nth-child(2) {
      color: #656565 !important; }
  #modal_decline_form .modal-box textarea {
    resize: none;
    width: 100%;
    height: 5em;
    padding: 1em;
    border: 1px solid #E8E8E8;
    outline: none;
    border-radius: 10px;
    background-color: #F3F3F3; }
  #modal_decline_form .modal-box button {
    font-size: 1em;
    height: 2em; }

.toggle-active, .toggle-inactive {
  display: inline-block;
  width: 35px;
  height: 20px;
  -webkit-border-radius: 12.5px;
  -moz-border-radius: 12.5px;
  -ms-border-radius: 12.5px;
  border-radius: 12.5px;
  background-color: #62C3E3;
  position: relative;
  vertical-align: bottom; }
  .toggle-active span, .toggle-inactive span {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 17px;
    top: 2px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }

.toggle-inactive {
  background-color: #949494; }
  .toggle-inactive span {
    left: 2px; }

.arrangement-list > li {
  padding: 8px 30px;
  font-size: 1.4em;
  border-bottom: solid 1px #E1E1E1; }
.arrangement-list .toggle-wrapper {
  margin-right: 0.25em;
  font-weight: 400;
  width: 100px;
  display: inline-block; }
.arrangement-list .toggle-active, .arrangement-list .toggle-inactive {
  vertical-align: middle; }

.arrangement-sublist {
  border: solid 1px #E1E1E1;
  margin: 15px;
  display: block; }
  .arrangement-sublist li {
    padding: 8px 30px;
    border-top: solid 1px #E1E1E1; }
    .arrangement-sublist li:first-child {
      border-top: 0; }
  .arrangement-sublist .trash-item {
    color: #949494;
    font-size: 0.75em;
    padding: 0 0.25em; }
    .arrangement-sublist .trash-item:hover {
      color: red; }
  .arrangement-sublist .edit-item {
    color: #949494;
    font-size: 0.8em;
    padding: 0 0.25em; }
    .arrangement-sublist .edit-item:hover {
      color: #0056b3; }

.circle-btn {
  display: inline-block;
  width: 1.075em;
  height: 1.075em;
  background-color: #98294C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  position: relative;
  vertical-align: middle;
  border: solid 1px #98294C;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .circle-btn i {
    font-size: 0.9em;
    position: relative;
    top: -0.18em; }
  .circle-btn:hover {
    color: #98294C;
    background-color: #ffffff; }

#modal_arrangement_add_title .modal-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 2em 3.125em;
  margin: 0 auto; }
  #modal_arrangement_add_title .modal-box form {
    width: 31.875em;
    margin: 0 auto; }
  #modal_arrangement_add_title .modal-box h3 {
    color: #98284B;
    font-weight: bold; }
  #modal_arrangement_add_title .modal-box .form-group label {
    display: block;
    font-size: 1.3em;
    color: #949494; }
  #modal_arrangement_add_title .modal-box .form-group input[type=text] {
    display: block; }
  #modal_arrangement_add_title .modal-box .red-btn {
    background-color: #98284B; }

.form-arrangement {
  /*.acf-table{
     .acf-row{
         &:nth-child(even){
             tr,td{
              background-color: $LightGray !important;
             }
             
         }
     } 
  }*/ }
  .form-arrangement .acf-field-5c04faddfd860, .form-arrangement .acf-field-5c219e6a6058d {
    display: none; }
  .form-arrangement #content, .form-arrangement .acf-fields, .form-arrangement .acf-fields > .acf-tab-wrap {
    background-color: white; }
  .form-arrangement .acf-tab-group {
    border-top: none !important;
    border-bottom: none !important; }
    .form-arrangement .acf-tab-group li a {
      background: transparent !important;
      font-size: 1.375em;
      border: none !important;
      font-weight: 400;
      text-align: center; }
    .form-arrangement .acf-tab-group li.active {
      border-bottom: 5px #98284B solid; }
      .form-arrangement .acf-tab-group li.active a {
        background: transparent !important;
        color: #98284B; }
  .form-arrangement .acf-field-group .acf-input .acf-fields ul {
    display: flex;
    justify-content: space-between;
    background-color: #f2efef;
    padding: .2em 0; }
    .form-arrangement .acf-field-group .acf-input .acf-fields ul li a {
      background: white;
      font-size: 1.375em;
      border: none;
      text-align: center; }
    .form-arrangement .acf-field-group .acf-input .acf-fields ul li:last-child {
      margin: 0 0 0 0; }
    .form-arrangement .acf-field-group .acf-input .acf-fields ul li.active {
      border-bottom: none; }
  .form-arrangement input[type="text"] {
    font-size: 1.2em !important;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300;
    color: #656565;
    margin-bottom: 0.15em;
    height: 1.75em; }
  .form-arrangement label {
    font-size: 1.2em; }
  .form-arrangement table th {
    font-size: 1.1em; }
  .form-arrangement .acf-field-5c056035f237a, .form-arrangement .acf-field-5c6e7b08f28cf {
    background-color: #f2efef; }
  .form-arrangement .acf-fields.-border {
    border: none; }
  .form-arrangement .acf-form-submit {
    text-align: center; }
    .form-arrangement .acf-form-submit input[type="submit"] {
      width: 10rem;
      background-color: #98284B;
      display: inline-block;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      border: 0;
      text-align: center;
      font-size: 1.25em;
      color: #FFFFFF;
      text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8);
      height: 3rem;
      margin-bottom: 0.5em;
      cursor: pointer;
      line-height: 2em;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .form-arrangement .acf-button {
    padding: 0 .5rem;
    background-color: #98284B;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    text-align: center;
    font-size: 1em;
    color: #FFFFFF;
    text-shadow: 0.5px 0px 0px rgba(255, 255, 255, 0.8);
    cursor: pointer;
    line-height: 2em;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .form-arrangement .acf-button a {
      color: white; }
  .form-arrangement .acf-repeater .acf-row-handle {
    vertical-align: top !important;
    font-size: 1.2em;
    color: black;
    width: 40px;
    background: white !important; }

.regis-mgnt-tool {
  padding: 1.8125em 1.3125em; }
  .regis-mgnt-tool button {
    background-color: #98284B;
    color: #ffffff;
    border: solid 1px #98284B;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.25em;
    padding: 0 0.8em;
    height: 2em; }
    .regis-mgnt-tool button.big {
      height: 3em;
      padding: 0 1.5em;
      min-width: 9em; }
    .regis-mgnt-tool button i {
      margin-right: 8px; }
    .regis-mgnt-tool button:hover {
      background-color: #ffffff;
      color: #98284B; }
    .regis-mgnt-tool button + button {
      margin-left: 1em; }
  .regis-mgnt-tool input {
    height: 2em;
    font-size: 1.25em;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0.5em;
    font-weight: 300;
    color: #656565;
    margin-bottom: 0.15em; }
    .regis-mgnt-tool input + select {
      margin-left: 1em; }
    .regis-mgnt-tool input[type=button] {
      color: #ffffff; }
      .regis-mgnt-tool input[type=button]:hover {
        color: #98284B;
        border: solid 1px #98284B; }
  .regis-mgnt-tool select {
    height: 2em;
    font-size: 1.25em;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0 0.5em;
    font-weight: 300;
    color: #656565;
    margin-bottom: 0.15em; }
    .regis-mgnt-tool select::-webkit-input-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .regis-mgnt-tool select::-moz-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .regis-mgnt-tool select:-ms-input-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .regis-mgnt-tool select:-moz-placeholder {
      color: #B8B8B8;
      font-style: normal; }
    .regis-mgnt-tool select + select {
      margin-left: 1em; }
    .regis-mgnt-tool select + button {
      margin-left: 1em; }

.admin_export_tab {
  background-color: #ffffff; }

.table-wrapper-wrapper {
  overflow-x: auto; }

.mw-250px {
  max-width: 250px; }

.admin-registration .report-review .participant-review-wrapper {
  margin-top: 0 !important; }

.expired {
  background-color: rgba(255, 0, 0, 0.1); }

.admin-notification-wrapper {
  background: #fff; }

.notification-form-wrapper textarea {
  min-height: 2em;
  font-size: 1.5em;
  font-weight: 300;
  color: #656565;
  margin-bottom: 0.15em;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  border-image: initial;
  border-radius: 3px;
  padding: 0px 0.5em; }

.modal-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  z-index: 4; }
  .modal-container::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute; }
  .modal-container .notification-form-wrapper {
    background-color: #ffffff;
    width: 500px;
    max-width: calc(100% - 30px);
    position: absolute;
    left: 50%;
    top: 2em;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 25px; }
    .modal-container .notification-form-wrapper.loading::after {
      opacity: 0.7; }
    .modal-container .notification-form-wrapper::after {
      content: '';
      display: block;
      background-color: #000000;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      pointer-events: none; }

.lh23em {
  line-height: 2.3em; }

@media (min-width: 576px) {
  #frm_search_tool input[type=text] {
    width: calc(100% - 8em);
    margin-bottom: 0; } }
@media (min-width: 768px) {
  /*header.public{
      font-size: 0.8em;
      position: fixed;
      .header-logo{
          width: 19em;
          .logo{
              
              margin-left: 1em;
          }
      }
      .header-content {
          width: calc(100% - 12em);
      }
     
      
      .header-content-menu-group{
          .btn-style2{
              width: 11em;
              font-size: .8em;
              height: auto;
          }
          .btn-style3{
              width: 6em;
              font-size: .8em;
              height: auto;
          }
      }
  }*/
  footer #footer2 ul {
    padding: 0.7em 0; }
  footer #footer2 .copyright {
    padding-bottom: 0; }
  footer #footer2 a {
    padding: 0 1.5rem; }

  .category-template {
    font-size: 1em; }

  .hilight-news .content {
    padding: 2.5em 3.875em 2.5em calc(3.875em - 15px); }

  .thumb-news .content {
    padding: 1.34em 2.625em 2em; }

  .single-template h1 {
    font-size: 2.25em; }
  .single-template .single-header {
    font-size: 1em; }
  .single-template .main-content-inner-0 {
    /*margin-top: 3.75em;*/ }
    .single-template .main-content-inner-0 .feature-image {
      margin-left: 0;
      margin-right: 0; }
  .single-template .main-content-inner .feature-image {
    margin-bottom: 2.1875em;
    margin-left: 0;
    margin-right: 0; }
  .single-template .main-content-inner p {
    margin-bottom: 1em; }
  .single-template .main-content-tags div {
    display: inline-block; }
  .single-template .main-content-tags ul {
    display: inline-block;
    max-width: calc(100% - 5em); }
  .single-template .meeting-header .meeting-header-content {
    font-size: 1em; }

  #frm_search_tool {
    font-size: 1.5em; }
    #frm_search_tool input[type=text] {
      width: calc(100% - 6em); }

  #popupEvent {
    font-size: 1em;
    top: 40%; }

  .monthly-event-wrapper .monthly_list_wrapper .list-item {
    font-size: 1em;
    padding: 1.3em 3em; }

  .home-template .home-meeting-wrapper {
    padding-top: 4em; }
  .home-template .fb-live-wrapper img {
    height: auto; }
  .home-template .fb-live-topic {
    margin-left: 2.3125em; }

  .video-album-wrapper #home_video_album_list .list-item:first-child img {
    width: calc(100% + 22px); } }
@media (min-width: 1180px) {
  /* header.public{
       font-size: 1em;
       .header-logo{
           width: 15em;
       }
       .header-content {
           width: calc(100% - 15em);
           
       }
      
     
       .header-content-menu-group{
           .btn-style2{
               width: 11em;
           }
           .btn-style3{
               width: 6.5em;
           }
       }
   }
   */ }
@media (min-width: 1396px) {
  .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-prev, .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-next {
    color: #A8AAB2; }
  .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-prev {
    left: -25px; }
  .home-template .meeting-coming-list.owl-theme .owl-nav button.owl-next {
    right: -25px; }

  .home-announce-wrapper #home_announce_list {
    width: 100%; }
    .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-prev, .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-next {
      color: #FFFFFF;
      font-size: 1.5em; }
    .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-prev {
      left: -40px; }
    .home-announce-wrapper #home_announce_list.owl-theme .owl-nav button.owl-next {
      right: -40px; } }
/********/
@media (min-width: 768px) {
  .login-box h1 {
    font-size: 2.375em; }
  .login-box h2 {
    font-size: 2.5em; }
  .login-box h3 {
    font-size: 1.58em; } }

/*# sourceMappingURL=style.css.map */