@charset "UTF-8";
/*
Theme Name: Studio Sans Limited
Author: Sun Law
Author URI: https://www.sans.hk/
Description:;
Version: 1.71
License: GNU General Public License v2 or later
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
  display: block; }

body {
  line-height: 1; }

ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

* {
  -webkit-text-size-adjust: none; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.4
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("font/vjs.eot");
  src: url("font/vjs.eot?#iefix") format("embedded-opentype"), url("font/vjs.woff") format("woff"), url("font/vjs.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  box-shadow: 0 0 2em #ffffff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  transform: rotate(-45deg); }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  transition: visibility 0.1s, opacity 0.1s; }

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em; }

/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  transition: all 0.4s; }

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  transition: all 0.2s; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.4); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  border-radius: 0.8em;
  /* box-shadow */
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  transition: all 0.4s; }

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em; }

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em; }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction,
   so hide the spinner in the case of an error */
.video-js.vjs-error .vjs-loading-spinner {
  /* using !important flag because currently the loading spinner
     uses hide()/show() instead of classes. The !important can be
     removed when that's updated */
  display: none !important;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  width: 100% !important;
  height: 100% !important;
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: #ffffff; }

.video-js .vjs-captions {
  color: #ffcc66; }

.vjs-tt-cue {
  display: block; }

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  transition-duration: 0.8s; }

.isotope {
  transition-property: height, width; }

.isotope .isotope-item {
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  transition-duration: 0s; }

/*-------------------------*/
/*-- 	    Reset     	 --*/
/*-------------------------*/
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html,
body {
  width: 100%;
  height: 100%; }

body {
  background: #fff;
  color: #000;
  font-size: 19px;
  line-height: 1.4;
  font-weight: 600;
  font-family: 'Muli', sans-serif;
  letter-spacing: .5px;
  color: rgba(0, 0, 0, 0.9); }
  body.fixed {
    height: 100vh;
    overflow: hidden; }

html[lang="zh-hant"] body {
  font-weight: 500; }

@media only screen and (max-width: 992px) {
  body {
    font-size: 18px; } }

@media only screen and (max-width: 576px) {
  body {
    font-size: 16px; } }

.wrapper {
  max-width: 1600px;
  margin: 0 auto; }

.inner-wrapper {
  padding: 0 58px; }

.site-content {
  min-height: 600px; }

h1 {
  font-size: 60px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 1rem; }

h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 1rem; }

h3 {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 1rem; }

h4 {
  font-size: 22px;
  line-height: 1.4; }

h5 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 1rem; }

h6 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 1rem; }

h1, h2, h3 {
  color: black;
  font-family: 'Montserrat', sans-serif; }

p {
  letter-spacing: .3px;
  margin-bottom: 1.4rem;
  line-height: 1.4; }

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 48px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 23px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 15px; }
  h6 {
    font-size: 15px; } }

@media only screen and (max-width: 576px) {
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 24px; }
  h3 {
    font-size: 20px; }
  h4 {
    font-size: 18px; }
  h5 {
    font-size: 14px;
    line-height: 1.1; }
  h6 {
    font-size: 14px; }
  p {
    word-spacing: -1.2px; } }

a {
  color: #222;
  transition: all 320ms cubic-bezier(0.23, 1, 0.38, 0.98);
  text-decoration: none; }
  a:hover {
    color: #666;
    text-decoration: none; }

img {
  width: 100%;
  height: auto; }

input {
  border: 0;
  padding: 0;
  margin: 0; }

table tr th,
table tr td {
  padding: 7px 0; }

sub,
sup {
  vertical-align: super !important;
  font-size: smaller;
  line-height: 0; }

sub {
  vertical-align: text-bottom;
  font-size: smaller; }

b, strong {
  color: #000;
  font-weight: 700; }

::-webkit-input-placeholder {
  color: #4c4d4f; }

:-moz-placeholder {
  color: #4c4d4f; }

::-moz-placeholder {
  color: #4c4d4f; }

:-ms-input-placeholder {
  color: #4c4d4f; }

/*--------------------------------------------------------------
Global
--------------------------------------------------------------*/
.filter_wrapper {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 4rem; }
  .filter_wrapper .filter {
    min-width: 260px;
    margin-right: 1.5rem; }
    .filter_wrapper .filter .filter_label {
      opacity: .6; }
    .filter_wrapper .filter .dropdown {
      background-color: #127bc0; }
      .filter_wrapper .filter .dropdown .dropdown-toggle {
        width: 100%;
        padding: .5rem 1rem;
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        color: #FFF; }
        .filter_wrapper .filter .dropdown .dropdown-toggle:focus {
          border-radius: 0;
          background-color: #0e5d92; }
        .filter_wrapper .filter .dropdown .dropdown-toggle::after {
          margin-left: auto;
          border-top-color: #FFF;
          border-bottom-color: #FFF; }
      .filter_wrapper .filter .dropdown .dropdown-menu {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        transform: translate3d(0px, 44px, 0px) !important; }
        .filter_wrapper .filter .dropdown .dropdown-menu .dropdown-item {
          border-top: 1px solid #ddd;
          padding: .5rem 1rem;
          display: inline-block;
          white-space: inherit !important; }
          .filter_wrapper .filter .dropdown .dropdown-menu .dropdown-item.parents {
            pointer-events: none;
            color: #127bc0;
            font-size: 11px;
            font-weight: bold; }

@media only screen and (max-width: 576px) {
  .filter_wrapper {
    display: block;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 2rem; }
    .filter_wrapper .filter {
      max-width: 375px;
      margin-bottom: 1rem;
      margin-right: auto;
      margin-left: auto; } }

/*--------------------------------------------------------------
Global Slider
--------------------------------------------------------------*/
.gallery_slider_wrapper {
  width: 100%;
  max-width: 700px;
  position: relative;
  overflow: hidden; }
  .gallery_slider_wrapper ul.sliders {
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    margin-bottom: 1rem;
    background: #dce3eb;
    overflow: hidden;
    list-style-type: none; }
    .gallery_slider_wrapper ul.sliders li {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      opacity: 0;
      transition: .4s;
      list-style-type: none; }
      .gallery_slider_wrapper ul.sliders li:before {
        display: none; }
      .gallery_slider_wrapper ul.sliders li.active {
        opacity: 1; }
      .gallery_slider_wrapper ul.sliders li img {
        width: auto;
        height: 100%;
        position: absolute;
        top: -100%;
        left: -100%;
        bottom: -100%;
        right: -100%;
        margin: auto; }
      .gallery_slider_wrapper ul.sliders li p {
        height: 100%;
        position: relative;
        color: #fff;
        line-height: 21px;
        padding: 12px 0;
        z-index: 2; }
      .gallery_slider_wrapper ul.sliders li .caption_wrapper {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10rem 1rem 1rem 1rem;
        background: black;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(200, 200, 255, 0) 50%); }
        .gallery_slider_wrapper ul.sliders li .caption_wrapper h5 {
          margin-bottom: 0;
          color: #FFF; }
  .gallery_slider_wrapper .slide_control_left,
  .gallery_slider_wrapper .slide_control_right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    transition: .4s; }
    .gallery_slider_wrapper .slide_control_left:hover,
    .gallery_slider_wrapper .slide_control_right:hover {
      opacity: 1; }
    .gallery_slider_wrapper .slide_control_left:after, .gallery_slider_wrapper .slide_control_left:before,
    .gallery_slider_wrapper .slide_control_right:after,
    .gallery_slider_wrapper .slide_control_right:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      display: block;
      z-index: 0; }
    .gallery_slider_wrapper .slide_control_left:before,
    .gallery_slider_wrapper .slide_control_right:before {
      z-index: 1;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 80px 80px; }
    .gallery_slider_wrapper .slide_control_left.disabled,
    .gallery_slider_wrapper .slide_control_right.disabled {
      pointer-events: none; }
  .gallery_slider_wrapper .slide_control_left {
    left: 0; }
    .gallery_slider_wrapper .slide_control_left:before {
      background-position: left 1rem center;
      background-image: url("./assets/svg/icon-arrow-white-left.svg"); }
    .gallery_slider_wrapper .slide_control_left:after {
      background: black;
      background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); }
  .gallery_slider_wrapper .slide_control_right {
    right: 0; }
    .gallery_slider_wrapper .slide_control_right:before {
      background-position: right 1rem center;
      background-image: url("./assets/svg/icon-arrow-white-right.svg"); }
    .gallery_slider_wrapper .slide_control_right:after {
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%); }

@media only screen and (max-width: 1240px) {
  .gallery_slider_wrapper {
    max-width: 500px; } }

@media only screen and (max-width: 992px) {
  .gallery_slider_wrapper {
    max-width: 700px; } }

@media only screen and (max-width: 576px) {
  .gallery_slider_wrapper ul.sliders {
    height: 70vw; }
  .gallery_slider_wrapper .slide_control_left:before,
  .gallery_slider_wrapper .slide_control_right:before {
    background-size: 40px 40px; } }

.gallery_controller_wrapper {
  margin-top: .5rem; }
  .gallery_controller_wrapper ul.controller {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-left: -.1rem; }
    .gallery_controller_wrapper ul.controller li.dot {
      width: 80px;
      height: 80px;
      background: #ddd;
      margin: 1rem .2rem;
      transition: .34s;
      position: relative;
      overflow: hidden;
      border: 3px solid #FFF;
      cursor: pointer; }
      .gallery_controller_wrapper ul.controller li.dot:hover {
        opacity: .7; }
      .gallery_controller_wrapper ul.controller li.dot.round {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #ddd; }
        .gallery_controller_wrapper ul.controller li.dot.round.active {
          background-color: #127bc0; }
      .gallery_controller_wrapper ul.controller li.dot img {
        position: absolute;
        width: auto;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto; }
      .gallery_controller_wrapper ul.controller li.dot.active {
        border: 3px solid #127bc0; }

@media only screen and (max-width: 768px) {
  .gallery_controller_wrapper {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-bottom: .5rem; }
    .gallery_controller_wrapper ul.controller {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .gallery_controller_wrapper ul.controller li.dot {
        width: 58px;
        height: 58px; } }

.thumbnail_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .thumbnail_wrapper ul.thumbnails {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .thumbnail_wrapper ul.thumbnails li {
      width: calc(20% - .5rem);
      margin-right: .6rem;
      margin-bottom: .6rem;
      opacity: 1;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(0.23, 1, 0.38, 0.98);
      border-box: 2px solid #FFF; }
      .thumbnail_wrapper ul.thumbnails li:nth-child(5n) {
        margin-right: 0; }
      .thumbnail_wrapper ul.thumbnails li img {
        position: absolute;
        min-width: 100%;
        min-width: 100%;
        height: 100%;
        width: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
      .thumbnail_wrapper ul.thumbnails li:before {
        padding-top: 100%;
        content: '';
        display: block; }
      .thumbnail_wrapper ul.thumbnails li.active, .thumbnail_wrapper ul.thumbnails li:hover {
        opacity: 1;
        border: 2px solid #ec312e; }
      .thumbnail_wrapper ul.thumbnails li:hover {
        border: 2px solid #127bc0; }

@media only screen and (max-width: 992px) {
  .thumbnail_wrapper ul.thumbnails li {
    width: calc(14% - .5rem); }
    .thumbnail_wrapper ul.thumbnails li:nth-child(5n) {
      margin-right: .6rem; } }

@media only screen and (max-width: 576px) {
  .thumbnail_wrapper ul.thumbnails li {
    width: calc(20% - .5rem); }
    .thumbnail_wrapper ul.thumbnails li:nth-child(5n) {
      margin-right: 0; } }

/*--------------------------------------------------------------
Global Gallery
--------------------------------------------------------------*/
.section_container {
  background: #1059B4;
  padding-top: .1rem;
  padding-bottom: .1rem; }
  .section_container.white {
    background-color: #FFF; }

.gallery_groups_wrapper {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }
  .gallery_groups_wrapper .gallery_group {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
    .gallery_groups_wrapper .gallery_group .block_wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .gallery_groups_wrapper .gallery_group .block_wrapper .block-galleries {
        width: 800px;
        height: 580px;
        -ms-flex-order: 1;
            order: 1;
        position: relative; }
      .gallery_groups_wrapper .gallery_group .block_wrapper .block-titles {
        width: calc(100% - 800px - 3rem);
        margin-left: 0;
        -ms-flex-order: 2;
            order: 2;
        position: relative; }
        .gallery_groups_wrapper .gallery_group .block_wrapper .block-titles .block-heading {
          padding: 1.5rem 3rem 1.5rem 0; }
          .gallery_groups_wrapper .gallery_group .block_wrapper .block-titles .block-heading h4 {
            color: #127bc0;
            font-weight: 700; }
    .gallery_groups_wrapper .gallery_group .gallery_heading .section-heading {
      margin-top: 3rem;
      margin-bottom: 3rem;
      color: #127bc0;
      text-align: center; }
    .gallery_groups_wrapper .gallery_group .galleries {
      padding: 0; }
      .gallery_groups_wrapper .gallery_group .galleries .gallery {
        display: none; }
        .gallery_groups_wrapper .gallery_group .galleries .gallery.active {
          display: block; }
        .gallery_groups_wrapper .gallery_group .galleries .gallery .gallery_slider_wrapper {
          max-width: 800px;
          overflow: visible; }
          .gallery_groups_wrapper .gallery_group .galleries .gallery .gallery_slider_wrapper .sliders {
            overflow: hidden;
            height: 550px;
            margin-bottom: 0;
            box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); }
    .gallery_groups_wrapper .gallery_group ul.titles {
      padding: 0; }
      .gallery_groups_wrapper .gallery_group ul.titles li.title {
        padding: .75rem 3rem .75rem 1.5rem;
        color: rgba(0, 0, 0, 0.6);
        cursor: pointer;
        transition: .4s;
        position: relative;
        font-size: 16px;
        opacity: .4;
        transition: .3s; }
        .gallery_groups_wrapper .gallery_group ul.titles li.title:before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          background-image: url("./assets/svg/icon-chevron-blue.svg");
          background-repeat: no-repeat;
          background-size: 10px 10px;
          background-position: center center;
          margin-right: 10px;
          position: absolute;
          left: 0;
          top: 1.1rem;
          bottom: 0;
          margin: 0 auto; }
        .gallery_groups_wrapper .gallery_group ul.titles li.title.active {
          color: #000;
          opacity: 1; }
          .gallery_groups_wrapper .gallery_group ul.titles li.title.active:before {
            display: block; }
        .gallery_groups_wrapper .gallery_group ul.titles li.title:hover {
          color: #000;
          opacity: .6; }
    .gallery_groups_wrapper .gallery_group .row_description {
      margin: 0;
      margin-top: 3rem; }
      .gallery_groups_wrapper .gallery_group .row_description p {
        font-size: 15px;
        opacity: .8; }
      .gallery_groups_wrapper .gallery_group .row_description ul {
        margin-bottom: 1.4rem; }
        .gallery_groups_wrapper .gallery_group .row_description ul li {
          font-size: 15px; }

.gallery_groups_swiper_wrapper {
  margin-left: auto;
  margin-right: auto; }
  .gallery_groups_swiper_wrapper .gallery_group {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container {
      width: 100%;
      -ms-flex-order: 1;
          order: 1;
      position: relative;
      overflow: visible; }
      .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container:after {
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #d2e5f2;
        z-index: 2; }
      .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-heading {
        padding: 1.5rem 3rem 1.5rem 0; }
        .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-heading h4 {
          color: #127bc0;
          font-weight: 700; }
      .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-descritpoin {
        margin: 0;
        margin-top: 2rem;
        max-width: 700px;
        color: #FFF; }
        .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-descritpoin p {
          font-size: 15px;
          opacity: .8; }
        .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-descritpoin ul {
          margin-bottom: 1.4rem; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries-descritpoin ul li {
            font-size: 15px; }
      .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-left: -.5rem;
        margin-right: -.5rem; }
        .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery {
          width: calc(100% / 3 - 1rem);
          margin: 1.5rem .5rem; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery.swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide {
            opacity: .2; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
            overflow: hidden;
            height: 380px;
            margin-bottom: 0;
            overflow: hidden;
            position: relative;
            cursor: pointer; }
            .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper:hover img {
              transform: scale(1.1) translate(-45%, -45%); }
            .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper img {
              position: absolute;
              height: 100%;
              width: auto;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              transition: .3s; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .title {
            margin-top: 1rem;
            color: #FFF;
            font-weight: 900;
            font-size: 20px; }
            .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .title .button_access {
              margin-top: .5rem; }
    .gallery_groups_swiper_wrapper .gallery_group .block-titles {
      width: calc(100% - 800px - 3rem);
      margin-left: 0;
      -ms-flex-order: 2;
          order: 2;
      position: relative; }
    .gallery_groups_swiper_wrapper .gallery_group .gallery_heading .section-heading {
      margin-top: 3rem;
      margin-bottom: 3rem;
      color: #127bc0;
      text-align: center; }

@media only screen and (max-width: 1440px) {
  .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
    height: 300px; } }

@media only screen and (max-width: 1240px) {
  .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery {
    width: calc(100% / 2 - 1rem); }
    .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
      height: 380px; } }

@media only screen and (max-width: 992px) {
  .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery {
    width: calc(100% / 2 - 1rem); }
    .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
      height: 270px; } }

@media only screen and (max-width: 768px) {
  .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
    height: 200px; } }

@media only screen and (max-width: 576px) {
  .gallery_groups_swiper_wrapper .gallery_group {
    margin-top: 0;
    margin-bottom: 0; }
    .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container {
      max-width: 390px;
      margin-right: auto;
      margin-left: auto; }
      .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries {
        margin-left: 0;
        margin-right: 0; }
        .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery {
          width: 100%;
          margin: 1rem 0 1.5rem; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .gallery-wrapper {
            height: 260px; }
          .gallery_groups_swiper_wrapper .gallery_group .galleries-group-container .galleries .gallery .title {
            margin-top: .75rem; } }

/*--------------------------------------------------------------
Global Informatoin Table
--------------------------------------------------------------*/
.information_table_wrapper {
  margin-top: 4rem; }
  .information_table_wrapper .information_table {
    background-color: #FFF;
    padding: 1rem 2rem 1.5rem;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden; }
    .information_table_wrapper .information_table:before {
      width: 16px;
      height: 16px;
      background-color: rgba(0, 0, 0, 0.03);
      content: '';
      display: block;
      position: absolute;
      top: -10px;
      left: 35px;
      transform: rotate(45deg); }
    .information_table_wrapper .information_table table:first-child tr:first-child {
      border-top-width: 0; }
    .information_table_wrapper .information_table table tr {
      border-top: 1px solid rgba(18, 123, 192, 0.2); }
      .information_table_wrapper .information_table table tr td {
        padding: 1rem 1rem 1rem 0;
        text-align: left;
        vertical-align: middle; }
        .information_table_wrapper .information_table table tr td:first-child {
          font-weight: bold;
          width: 300px;
          color: #127bc0; }
        .information_table_wrapper .information_table table tr td span {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          height: 100%; }
        .information_table_wrapper .information_table table tr td img {
          max-width: 150px;
          max-height: 40px;
          width: auto;
          height: auto;
          display: inline-block;
          margin-right: 2rem; }
        .information_table_wrapper .information_table table tr td div {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          height: 100%; }
        .information_table_wrapper .information_table table tr td a {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }

@media only screen and (max-width: 1240px) {
  .information_table_wrapper .information_table table tr td:first-child {
    width: 45%;
    vertical-align: top; } }

@media only screen and (max-width: 992px) {
  .information_table_wrapper {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
    .information_table_wrapper .information_table {
      max-width: 700px; } }

@media only screen and (max-width: 576px) {
  .information_table_wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .information_table_wrapper .information_table {
      padding: 1rem 1rem 1.5rem; }
      .information_table_wrapper .information_table table tr td {
        width: 100%;
        padding: 0 0 1rem;
        display: block; }
        .information_table_wrapper .information_table table tr td:first-child {
          width: 100%;
          padding: .5rem 0 0; } }

.about_information_table_wrapper {
  margin-top: 4rem; }
  .about_information_table_wrapper .information_table {
    background-color: #FFF;
    padding: 1rem 2rem 1.5rem;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden; }
    .about_information_table_wrapper .information_table:before {
      width: 16px;
      height: 16px;
      background-color: rgba(0, 0, 0, 0.03);
      content: '';
      display: block;
      position: absolute;
      top: -10px;
      left: 35px;
      transform: rotate(45deg); }
    .about_information_table_wrapper .information_table table:first-child tr:first-child {
      border-top-width: 0; }
    .about_information_table_wrapper .information_table table tr {
      border-top: 1px solid rgba(18, 123, 192, 0.2); }
      .about_information_table_wrapper .information_table table tr:last-child {
        border-top: 0 solid rgba(18, 123, 192, 0.2); }
      .about_information_table_wrapper .information_table table tr td {
        padding: 1rem 1rem;
        text-align: left;
        vertical-align: middle;
        font-size: 16px;
        text-align: center;
        width: 28%; }
        .about_information_table_wrapper .information_table table tr td:first-child {
          font-weight: bold;
          width: 16%;
          color: #127bc0;
          -ms-flex-align: start;
              align-items: flex-start;
          text-align: left;
          vertical-align: top; }
        .about_information_table_wrapper .information_table table tr td img {
          max-height: 60px;
          max-width: 160px;
          margin-bottom: .5rem;
          width: auto;
          height: auto; }
        .about_information_table_wrapper .information_table table tr td a {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: justify;
              justify-content: space-between;
          height: 100%; }

@media only screen and (max-width: 992px) {
  .about_information_table_wrapper {
    margin-top: 2.5rem; }
    .about_information_table_wrapper .information_table {
      padding: 1rem 2rem 1.5rem; }
      .about_information_table_wrapper .information_table table tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: center;
            justify-content: center; }
        .about_information_table_wrapper .information_table table tr td {
          width: 33.33%; }
          .about_information_table_wrapper .information_table table tr td:first-child {
            width: 100%;
            text-align: center;
            padding: 1.5rem 1rem 1rem; } }

@media only screen and (max-width: 576px) {
  .about_information_table_wrapper {
    margin-top: 2rem; }
    .about_information_table_wrapper .information_table {
      padding: 1rem 1rem 1.5rem; }
      .about_information_table_wrapper .information_table table tr td {
        width: 100%; }
        .about_information_table_wrapper .information_table table tr td:first-child {
          width: 100%; }
        .about_information_table_wrapper .information_table table tr td.empty {
          display: none; } }

/*--------------------------------------------------------------
Global Button
--------------------------------------------------------------*/
.button_access {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px; }
  .button_access:hover:before {
    background-color: #127bc0;
    background-image: url("./assets/svg/icon-chevron-white.svg"); }
  .button_access:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    border: 1px solid #127bc0;
    background-image: url("./assets/svg/icon-chevron-blue.svg");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center center;
    margin-right: .75rem; }
  .button_access.small:before {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    background-size: 10px 10px; }
  .button_access.white {
    color: #FFF; }
    .button_access.white:before {
      border: 1px solid #FFF;
      background-image: url("./assets/svg/icon-chevron-white.svg"); }
    .button_access.white:hover:before {
      background-color: transparent; }

.hover_button_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: 8rem; }
  .hover_button_wrapper a.button {
    background: #127bc0;
    color: #FFF;
    padding: 1.5rem 2.5rem 1.5rem 2rem;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    text-decoration: none !important; }
    .hover_button_wrapper a.button h4 {
      color: #FFF;
      position: relative;
      z-index: 2;
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 700;
      transition: .32s;
      text-decoration: none; }
    .hover_button_wrapper a.button + .button {
      margin-left: 1rem; }
    .hover_button_wrapper a.button.white {
      background-color: #FFF; }
      .hover_button_wrapper a.button.white:before {
        border: 1px solid #127bc0;
        background-image: url("./assets/svg/icon-chevron-blue.svg"); }
      .hover_button_wrapper a.button.white:after {
        background-color: rgba(18, 123, 192, 0.2); }
      .hover_button_wrapper a.button.white h4 {
        color: #127bc0; }
    .hover_button_wrapper a.button:hover {
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
      .hover_button_wrapper a.button:hover:after {
        width: 100%;
        height: 100%; }
      .hover_button_wrapper a.button:hover:before {
        margin-right: 2rem; }
      .hover_button_wrapper a.button:hover h4 {
        padding-right: 1rem; }
    .hover_button_wrapper a.button:after {
      position: absolute;
      z-index: 1;
      width: 0%;
      height: 100%;
      background-color: #106ca9;
      content: '';
      display: block;
      left: 0;
      top: 0;
      transition: width 0.32s cubic-bezier(0.23, 1, 0.38, 0.98); }
    .hover_button_wrapper a.button:before {
      width: 40px;
      height: 40px;
      border-radius: 24px;
      border: 1px solid #FFF;
      background-image: url("./assets/svg/icon-chevron-white.svg");
      background-repeat: no-repeat;
      background-size: 12px 12px;
      background-position: center center;
      content: '';
      display: block;
      margin-right: 1rem;
      margin-left: 0;
      position: relative;
      z-index: 2;
      transition: .32s; }
    .hover_button_wrapper a.button.red {
      background-color: #ec312e; }
      .hover_button_wrapper a.button.red:after {
        background-color: #d41613; }
    .hover_button_wrapper a.button.small {
      padding: .5rem 1.5rem .5rem 1rem; }
      .hover_button_wrapper a.button.small:before {
        width: 24px;
        height: 24px;
        margin-right: .75rem; }
      .hover_button_wrapper a.button.small h4 {
        font-size: 14px; }
    .hover_button_wrapper a.button.video_toggle:before {
      background-image: url("./assets/svg/icon-play-white.svg"); }
  .hover_button_wrapper.blue {
    background-color: #1059B4; }

@media only screen and (max-width: 576px) {
  .hover_button_wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    .hover_button_wrapper a.button {
      margin-bottom: 1rem;
      max-width: 400px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      .hover_button_wrapper a.button + .button {
        margin-left: auto; } }

.play_btn {
  width: 106px;
  height: 106px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  background: url("./images/buttons/play.png") 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  z-index: 3;
  transition: .3s; }
  .play_btn.blue {
    background: url("./images/buttons/play-blue.png") no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .play_btn:hover {
    width: 126px;
    height: 126px; }

.pages_pagination {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .pages_pagination a:hover {
    opacity: .4; }
  .pages_pagination ul.page-numbers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .pages_pagination ul.page-numbers li {
      padding: 1rem 1.5rem; }
      .pages_pagination ul.page-numbers li.current {
        border-bottom: 1px solid #127bc0;
        display: block; }
    .pages_pagination ul.page-numbers .prev,
    .pages_pagination ul.page-numbers .next {
      display: block;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      background-position: center center; }
    .pages_pagination ul.page-numbers .prev {
      background-image: url("./assets/svg/icon-chevron-blue-left.svg"); }
    .pages_pagination ul.page-numbers .next {
      background-image: url("./assets/svg/icon-chevron-blue-right.svg"); }

.back_to_top_wrapper {
  position: fixed;
  right: 2rem;
  bottom: 4rem;
  z-index: 10; }
  .back_to_top_wrapper .back_to_top {
    width: 60px;
    height: 60px;
    border-radius: 40px;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    color: #127bc0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #FFF;
    background-image: url("./assets/svg/icon-chevron-blue-top.svg");
    background-position: center center;
    background-size: 22px 22px;
    background-repeat: no-repeat; }

@media only screen and (max-width: 768px) {
  .back_to_top_wrapper {
    right: 1.5rem;
    bottom: 1.5rem; }
    .back_to_top_wrapper .back_to_top {
      width: 50px;
      height: 50px; } }

/*--------------------------------------------------------------
Global UL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
.main {
  margin-top: 6.5rem;
  display: block;
  z-index: 90;
  overflow: hidden; }

@media only screen and (max-width: 576px) {
  .main {
    margin-top: 5.5rem; } }

.section_banner {
  height: 400px;
  background: #eee;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-size: cover; }
  .section_banner h1, .section_banner p {
    color: #FFF; }
  .section_banner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05); }
  .section_banner .banner_wrapper {
    max-width: calc( 1600px + 4rem);
    padding-left: 4rem;
    padding-right: 4rem;
    margin: auto auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
    .section_banner .banner_wrapper .banner_title {
      position: relative;
      z-index: 2;
      max-width: 700px;
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05), 4px 4px 8px rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 992px) {
  .section_banner {
    height: 300px; } }

@media only screen and (max-width: 576px) {
  .section_banner {
    height: 180px;
    background-size: 115% auto; }
    .section_banner .banner_wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
      .section_banner .banner_wrapper .banner_title h1 {
        font-size: 30px; } }

.section_wrapper {
  margin: 0 auto;
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  max-width: calc( 1600px + 4rem);
  padding-left: 4rem;
  padding-right: 4rem; }
  .section_wrapper .section_title {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .section_wrapper .section_heading {
    position: relative; }
    .section_wrapper .section_heading h1, .section_wrapper .section_heading h2, .section_wrapper .section_heading h3, .section_wrapper .section_heading h4 {
      text-align: center;
      color: #127bc0;
      margin-top: 2rem;
      margin-bottom: 2rem;
      font-weight: 600; }
    .section_wrapper .section_heading h3 {
      color: #FFF;
      text-transform: uppercase; }
    .section_wrapper .section_heading h4 {
      font-weight: 700; }
    .section_wrapper .section_heading .back-to {
      position: absolute;
      top: .5rem;
      left: 0; }
      .section_wrapper .section_heading .back-to.white {
        color: #FFF; }
        .section_wrapper .section_heading .back-to.white a {
          color: #FFF; }
          .section_wrapper .section_heading .back-to.white a h6 {
            opacity: .7;
            transition: .3s; }
          .section_wrapper .section_heading .back-to.white a:hover h6 {
            opacity: 1; }
  .section_wrapper.section_gallery .section_heading h3 {
    color: #FFF;
    margin-top: 3.5rem; }

@media only screen and (max-width: 1140px) {
  .section_wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 992px) {
  .section_wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-bottom: 2.5rem; } }

@media only screen and (max-width: 768px) {
  .section_wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 2rem; } }

@media only screen and (max-width: 576px) {
  .section_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 2rem; }
    .section_wrapper.section_gallery .section_heading h3 {
      color: #FFF;
      margin-top: 2rem; } }

.section_body_content {
  position: relative; }
  .section_body_content.center {
    text-align: center; }
  .section_body_content h2 {
    margin-bottom: 2rem;
    color: #0e5d92;
    font-weight: 500;
    letter-spacing: 0; }
  .section_body_content h3 {
    margin-bottom: 2rem;
    color: #127bc0;
    text-transform: uppercase; }
  .section_body_content h4 {
    font-weight: 700;
    color: #127bc0;
    margin-bottom: 1.4rem;
    margin-top: 4rem; }
  .section_body_content ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.4rem; }
    .section_body_content ul li {
      list-style-position: outside;
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 1rem;
      width: 48%; }
      .section_body_content ul li:before {
        content: "•";
        display: inline-block;
        color: #0e5d92;
        position: absolute;
        top: 0;
        left: 0; }
  .section_body_content + .section_body_content .body_content.body_content_with_hyperlink,
  .section_body_content + .section_body_content .body_content__secondary.body_content_with_hyperlink {
    margin-top: -1rem; }
  .section_body_content .body_content,
  .section_body_content .body_content__secondary {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative; }
    .section_body_content .body_content a,
    .section_body_content .body_content__secondary a {
      text-decoration: underline; }
    .section_body_content .body_content b, .section_body_content .body_content strong,
    .section_body_content .body_content__secondary b,
    .section_body_content .body_content__secondary strong {
      color: #127bc0; }
    .section_body_content .body_content.body_content_with_hyperlink a,
    .section_body_content .body_content__secondary.body_content_with_hyperlink a {
      position: relative;
      padding-right: 1.5rem;
      color: #1059B4; }
      .section_body_content .body_content.body_content_with_hyperlink a:hover,
      .section_body_content .body_content__secondary.body_content_with_hyperlink a:hover {
        color: #127bc0; }
      .section_body_content .body_content.body_content_with_hyperlink a:before,
      .section_body_content .body_content__secondary.body_content_with_hyperlink a:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(./assets/svg/icon-chevron-blue.svg);
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: center center;
        margin-right: 10px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto; }
    .section_body_content .body_content .information_table_wrapper,
    .section_body_content .body_content__secondary .information_table_wrapper {
      margin-top: 2rem; }
      .section_body_content .body_content .information_table_wrapper .information_table,
      .section_body_content .body_content__secondary .information_table_wrapper .information_table {
        border-top: 1px solid #127bc0; }
        .section_body_content .body_content .information_table_wrapper .information_table:before,
        .section_body_content .body_content__secondary .information_table_wrapper .information_table:before {
          background: #127bc0;
          display: none; }
  .section_body_content .hover_button_wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 0; }

@media only screen and (max-width: 1340px) {
  .section_body_content .body_content,
  .section_body_content .body_content__secondary {
    max-width: 750px; } }

@media only screen and (max-width: 576px) {
  .section_body_content .body_content ul li,
  .section_body_content .body_content__secondary ul li {
    text-align: left; }
  .section_body_content .hover_button_wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem; } }

.aside_video_content {
  position: absolute;
  top: 0;
  left: 4rem; }
  .aside_video_content .video-container {
    text-align: left; }
    .aside_video_content .video-container .video-wrapper {
      width: 200px;
      height: 150px;
      background-color: #ddd;
      position: relative;
      overflow: hidden;
      border-radius: 4px;
      box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.05); }
      .aside_video_content .video-container .video-wrapper.blue:before {
        background-image: url("./images/buttons/play-blue.png");
        background-repeat: no-repeat; }
      .aside_video_content .video-container .video-wrapper:hover:after {
        background-color: rgba(0, 0, 0, 0); }
      .aside_video_content .video-container .video-wrapper:hover:before {
        transform: scale(1.1); }
      .aside_video_content .video-container .video-wrapper:before {
        background: url("./images/buttons/play-white.png") no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        width: 70px;
        height: 70px;
        position: absolute;
        z-index: 2;
        content: '';
        margin: auto auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: .3s;
        cursor: pointer; }
      .aside_video_content .video-container .video-wrapper:after {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        z-index: 1;
        content: '';
        margin: auto auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: .3s; }
      .aside_video_content .video-container .video-wrapper img {
        position: absolute;
        width: auto;
        height: 100%;
        min-height: 100%;
        position: absolute;
        margin: auto auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      .aside_video_content .video-container .video-wrapper .video_toggle {
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    .aside_video_content .video-container h5 {
      margin-top: .5rem;
      color: #127bc0;
      max-width: 200px; }

@media only screen and (max-width: 1340px) {
  .aside_video_content {
    position: relative;
    width: 100%;
    left: 0; }
    .aside_video_content .video-container {
      text-align: center; }
      .aside_video_content .video-container .video-wrapper {
        width: 400px;
        height: 300px;
        margin-left: auto;
        margin-right: auto; }
      .aside_video_content .video-container h5 {
        width: 100%;
        max-width: 100%; } }

@media only screen and (max-width: 576px) {
  .aside_video_content {
    position: relative;
    width: 100%;
    left: 0; }
    .aside_video_content .video-container {
      text-align: left; }
      .aside_video_content .video-container .video-wrapper {
        width: 100%;
        height: 60vw; }
      .aside_video_content .video-container h5 {
        width: 100%;
        max-width: 100%; } }

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/
header {
  display: block;
  width: 100%;
  height: 6.5rem;
  top: 0;
  position: fixed;
  z-index: 100;
  background-color: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
  header a {
    color: #222;
    font-size: 16px; }
  header .menu_wrapper {
    max-width: calc( 1600px + 4rem);
    padding-left: 4rem;
    padding-right: 4rem;
    margin: 0 auto;
    height: 100%;
    position: relative; }
  header .menu_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
    header .menu_container .lang {
      margin-left: 5rem;
      font-size: 16px; }
      header .menu_container .lang a {
        color: #127bc0; }
    header .menu_container a.logo {
      width: 150px;
      height: 76px; }

@media only screen and (max-width: 1140px) {
  header .menu_wrapper {
    padding-left: 3rem;
    padding-right: 3rem; }
  header .menu_container .lang {
    margin-left: auto; }
  header .menu_container a.logo {
    width: 130px;
    height: auto; } }

@media only screen and (max-width: 992px) {
  header .menu_wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media only screen and (max-width: 768px) {
  header .menu_wrapper {
    padding-left: 2rem;
    padding-right: 2rem; } }

@media only screen and (max-width: 576px) {
  header {
    height: 5.5rem; }
    header .menu_wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    header .menu_container a.logo {
      width: 130px;
      height: 66px; }
    header .menu_container .lang {
      margin-left: auto; } }

.main-navigation {
  display: -ms-flexbox;
  display: flex;
  height: 100%; }
  .main-navigation .menu-main_menu-container,
  .main-navigation .menu-main_menu_zh-container,
  .main-navigation .menu-main_menu-chinese-traditional0-container {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
        align-items: center;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px; }
    .main-navigation .menu-main_menu-container ul#menu-main_menu,
    .main-navigation .menu-main_menu-container ul#menu-main_menu_zh,
    .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0,
    .main-navigation .menu-main_menu_zh-container ul#menu-main_menu,
    .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh,
    .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0,
    .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu,
    .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh,
    .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-align: center;
          align-items: center; }
      .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item.current_page_item a, .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item.current-page-ancestor a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current_page_item a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item.current-page-ancestor a {
        color: #0e5d92; }
      .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item.menu-item-has-children > a,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item.menu-item-has-children > a {
        pointer-events: none; }
      .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item,
      .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item,
      .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
            align-items: center;
        font-weight: 600; }
        .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item a,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item a,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item a {
          padding: 1rem 1.2rem;
          display: -ms-flexbox;
          display: flex;
          height: 100%;
          -ms-flex-align: center;
              align-items: center;
          color: rgba(0, 0, 0, 0.6); }
        .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item:hover > a,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item:hover > a,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover > a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item:hover > a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item:hover > a,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover > a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item:hover > a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item:hover > a,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover > a {
          color: #127bc0;
          background: rgba(18, 123, 192, 0.2); }
        .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu {
          opacity: 1;
          height: auto; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before {
            height: calc( 100% - 2.5rem); }
        .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu {
          position: absolute;
          width: auto;
          padding-top: 2.5rem;
          padding-bottom: 1rem;
          min-width: 260px;
          top: 4rem;
          left: 0rem;
          opacity: .2;
          transition: opacity .3s;
          overflow: hidden;
          height: 0; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu:before {
            content: '';
            display: block;
            position: absolute;
            width: calc( 100%);
            height: 0;
            left: 0;
            background: #106ca9;
            z-index: 1;
            box-shadow: 0 0 6px -5px rgba(0, 0, 0, 0.2);
            transition: .3s; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item {
            position: relative;
            z-index: 2; }
            .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover {
              background: #FFF; }
              .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item:hover a,
              .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item:hover a {
                color: #0e5d92;
                padding-left: 2rem;
                padding-right: 1rem; }
            .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu > li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu > li.menu-item a {
              color: #FFF;
              display: block;
              padding-top: 1rem;
              padding-bottom: 1rem;
              padding-left: 1.5rem;
              padding-right: 1.5rem;
              transition: .3s; }

@media only screen and (max-width: 1140px) {
  .main-navigation .menu-main_menu-container,
  .main-navigation .menu-main_menu_zh-container,
  .main-navigation .menu-main_menu-chinese-traditional0-container {
    max-width: 620px; } }

@media only screen and (max-width: 992px) {
  .main-navigation {
    left: -100vw;
    top: 5.5rem;
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    background-color: #FFF;
    box-shadow: 0 0 6px -6px rgba(0, 0, 0, 0.2);
    transition: all .3s ease; }
    .main-navigation.active {
      left: 0; }
    .main-navigation .menu-main_menu-container,
    .main-navigation .menu-main_menu_zh-container,
    .main-navigation .menu-main_menu-chinese-traditional0-container {
      height: auto;
      max-width: 100%; }
      .main-navigation .menu-main_menu-container ul#menu-main_menu,
      .main-navigation .menu-main_menu-container ul#menu-main_menu_zh,
      .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh,
      .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh,
      .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 {
        -ms-flex-direction: column;
            flex-direction: column;
        height: auto;
        width: 100%;
        border-top: 1px solid #ddd;
        min-height: calc(100vh - 5.5rem); }
        .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item {
          width: 100%;
          -ms-flex-align: start;
              align-items: flex-start; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item a,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item a,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item a,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item a,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item a,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item a,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item a,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item a,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item a {
            width: 100%;
            padding: 1rem 2.5rem; }
        .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item,
        .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item,
        .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item,
        .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item,
        .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item {
          -ms-flex-direction: column;
              flex-direction: column; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item:hover ul.sub-menu:before,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item:hover ul.sub-menu:before {
            height: 100%; }
          .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu,
          .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu {
            position: relative;
            top: 0;
            padding-top: 0;
            padding-bottom: 0;
            width: 100%; }
            .main-navigation .menu-main_menu-container ul#menu-main_menu > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh > li.menu-item ul.sub-menu li.menu-item a,
            .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 > li.menu-item ul.sub-menu li.menu-item a {
              padding: 1rem 2.5rem; } }

@media only screen and (max-width: 576px) {
  .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item a,
  .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item a,
  .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item a {
    padding: 1rem 1.5rem; }
  .main-navigation .menu-main_menu-container ul#menu-main_menu li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu-container ul#menu-main_menu_zh li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu-container ul#menu-main_menu-chinese-traditional0 li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu_zh li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu_zh-container ul#menu-main_menu-chinese-traditional0 li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu_zh li.menu-item > li.menu-item ul.sub-menu li.menu-item a,
  .main-navigation .menu-main_menu-chinese-traditional0-container ul#menu-main_menu-chinese-traditional0 li.menu-item > li.menu-item ul.sub-menu li.menu-item a {
    padding: 1rem 1.5rem; } }

.menu-toggle {
  width: 60px;
  height: 60px;
  background-size: red;
  margin-left: 20px;
  margin-right: -10px;
  display: none; }
  .menu-toggle .menu-toggle-wrapper {
    width: 40px;
    height: 40px;
    margin: 10px;
    position: relative; }
    .menu-toggle .menu-toggle-wrapper span {
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #127bc0;
      margin: auto auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transition: all .3s ease;
      transform-origin: center; }
      .menu-toggle .menu-toggle-wrapper span.start {
        top: 1.8rem;
        bottom: inherit; }
      .menu-toggle .menu-toggle-wrapper span.end {
        bottom: 1.8rem;
        top: inherit; }
  .menu-toggle.active .menu-toggle-wrapper span.start {
    top: 0;
    bottom: 0;
    transform: rotate(45deg); }
  .menu-toggle.active .menu-toggle-wrapper span.mid {
    width: 0; }
  .menu-toggle.active .menu-toggle-wrapper span.end {
    bottom: 0;
    top: 0;
    transform: rotate(-45deg); }

@media only screen and (max-width: 992px) {
  .menu-toggle {
    display: block; } }

/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/
.home .section_title {
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  color: #127bc0;
  padding-left: 4rem; }

.home .section_intro {
  min-height: 400px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden; }
  .home .section_intro:after {
    content: '';
    display: block;
    background-color: #000;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: .2;
    top: 0;
    left: 0; }
  .home .section_intro .slogan_wrapper {
    position: relative;
    z-index: 3;
    max-width: calc( 1600px + 4rem);
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto; }
    .home .section_intro .slogan_wrapper h1 {
      color: #FFF; }
  .home .section_intro .section_background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0%;
    background-position: center 30%;
    background-size: cover;
    background-image: url("./images/layout/DSC_7954-2.jpg"); }
  .home .section_intro h1 {
    font-family: Myriad Pro, sans-serif; }
    .home .section_intro h1 span:nth-child(1n) {
      font-weight: 300; }
    .home .section_intro h1 span:nth-child(2n) {
      font-weight: 600; }

.home .section_news {
  padding-top: 4rem;
  padding-bottom: 3rem;
  background-color: rgba(0, 0, 0, 0.06); }
  .home .section_news .news_wrapper {
    max-width: calc( 1600px + 4rem);
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .home .section_news .news_wrapper .news_items {
      margin-top: 2rem; }
      .home .section_news .news_wrapper .news_items .news_item {
        height: 240px; }
        .home .section_news .news_wrapper .news_items .news_item .button_access {
          color: inherit;
          opacity: .8; }

.home .section_project {
  padding-top: 4rem;
  padding-bottom: 3rem; }
  .home .section_project .project_wrapper {
    max-width: calc( 1600px + 4rem); }
    .home .section_project .project_wrapper .projects {
      margin-top: 2rem; }
      .home .section_project .project_wrapper .projects .project {
        border-bottom: 2px solid #ec312e !important; }
        .home .section_project .project_wrapper .projects .project .block_wrapper .block_info .button_access:before {
          border: 1px solid #ec312e !important;
          background-image: url("./assets/svg/icon-chevron-red.svg") !important; }

.home .section_video {
  position: relative;
  background: #2083d5;
  background: linear-gradient(49deg, #2083d5 0%, #04529c 99%);
  overflow: hidden;
  padding-top: 3.5rem; }
  .home .section_video:before {
    content: '';
    position: absolute;
    height: 12rem;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #FFF; }
  .home .section_video .section_title {
    color: #127bc0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    z-index: 2;
    margin-bottom: 3rem; }
    .home .section_video .section_title span {
      color: #ec312e; }
  .home .section_video .elementor-shape-top {
    position: absolute;
    left: -10%;
    top: 12rem;
    width: 100%;
    line-height: 0;
    direction: ltr; }
    .home .section_video .elementor-shape-top svg {
      width: calc(120% + 1.3px);
      height: 60px; }
    .home .section_video .elementor-shape-top .elementor-shape-fill {
      fill: #FFF; }
  .home .section_video .section_column_wrapper {
    padding-top: 0;
    padding-bottom: 6rem;
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: calc( 1600px + 4rem);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .home .section_video .about_us_wrapper {
    -ms-flex-order: 2;
        order: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    padding-top: 4rem;
    max-width: 1100px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .home .section_video .about_us_wrapper span {
      color: #ec312e; }
    .home .section_video .about_us_wrapper h2 {
      font-size: 34px;
      color: #FFF; }
    .home .section_video .about_us_wrapper p {
      color: #FFF; }
    .home .section_video .about_us_wrapper .block_left {
      width: 430px; }
    .home .section_video .about_us_wrapper .block_right {
      width: calc(100% - 430px - 2rem);
      padding-top: .5rem; }
  .home .section_video .video_cover_wrapper {
    width: 900px;
    height: 480px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -ms-flex-order: 1;
        order: 1;
    margin-top: .5rem; }
    .home .section_video .video_cover_wrapper img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto auto;
      width: 100%;
      height: auto;
      z-index: 1; }
  .home .section_video .hover_button_wrapper {
    position: relative;
    top: 1rem;
    right: 0;
    -ms-flex-pack: start;
        justify-content: flex-start; }

.home .section_career .section_title {
  margin-top: 4rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; }

.home .section_career .section_column_wrapper {
  margin-top: 2.5rem;
  margin-bottom: 7rem;
  padding-left: 4rem;
  padding-right: 4rem;
  margin-left: auto;
  margin-right: auto;
  max-width: calc( 1600px + 4rem);
  position: relative;
  text-align: center; }

.home .section_career h2 span {
  color: #ec312e; }

.home .section_career p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  position: relative; }
  .home .section_career p:before, .home .section_career p:after {
    display: inline-block;
    font-size: 20px;
    color: #127bc0;
    font-family: sans-serif;
    line-height: 22px; }
  .home .section_career p:before {
    margin-right: 10px;
    content: '“'; }
  .home .section_career p:after {
    margin-left: 10px;
    content: '”'; }

.home .section_career .join_us_wrapper {
  -ms-flex-order: 2;
      order: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-left: auto;
  margin-right: auto;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .home .section_career .join_us_wrapper .hover_button_wrapper {
    position: relative;
    left: 0;
    right: inherit;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .home .section_career .join_us_wrapper .block_left {
    width: 50%;
    text-align: left;
    -ms-flex-order: 2;
        order: 2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 4rem; }
    .home .section_career .join_us_wrapper .block_left p {
      max-width: 600px; }
  .home .section_career .join_us_wrapper .block_right {
    width: 50%;
    padding-top: .5rem;
    -ms-flex-order: 1;
        order: 1; }
    .home .section_career .join_us_wrapper .block_right img {
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 0, 0, 0.1);
      border-radius: 3px; }

.home .section_career .section_divider {
  overflow: hidden; }
  .home .section_career .section_divider.line {
    width: 50px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 3rem;
    background-color: #ec312e; }
  .home .section_career .section_divider.icon_with_line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative; }
    .home .section_career .section_divider.icon_with_line:after {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: '';
      display: block;
      background-color: #ddd;
      width: 1100px;
      height: 2px;
      margin: auto auto; }
    .home .section_career .section_divider.icon_with_line .icon {
      width: 48px;
      height: 48px;
      border-radius: 24px;
      border: 2px solid #ddd;
      position: relative;
      z-index: 2;
      background: url("./assets/svg/icon-job.svg");
      background-color: #FFF;
      background-position: center center;
      background-size: 30px 30px;
      background-repeat: no-repeat; }

.home .section_career a.apply {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #127bc0;
  border: 2px solid #127bc0;
  padding: 1rem 2.5rem;
  transition: .3s; }
  .home .section_career a.apply:hover {
    color: #FFF;
    background-color: #127bc0; }

.home .hover_button_wrapper {
  position: absolute;
  right: 4rem;
  top: 0; }

@media only screen and (max-width: 992px) {
  .home .section_title {
    padding-left: 1.6em; }
  .home .section_intro {
    min-height: 300px; }
    .home .section_intro .slogan_wrapper h1 {
      margin-bottom: 0;
      text-align: center; }
  .home .section_project {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    .home .section_project .hover_button_wrapper {
      right: 2.5rem; }
    .home .section_project .project_wrapper ul.projects {
      margin-top: 1.5rem; }
      .home .section_project .project_wrapper ul.projects.column-of-3 li {
        margin-top: 0;
        margin-bottom: 0; }
        .home .section_project .project_wrapper ul.projects.column-of-3 li:nth-child(3) {
          display: none; }
  .home .section_news {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    .home .section_news .hover_button_wrapper {
      right: 2.5rem; }
    .home .section_news .news_wrapper .news_items {
      margin-top: 1.5rem; }
      .home .section_news .news_wrapper .news_items.column-of-3 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: -.5rem;
        margin-right: -.5rem;
        width: auto; }
      .home .section_news .news_wrapper .news_items .news_item {
        margin-top: 0;
        margin-bottom: 0; }
        .home .section_news .news_wrapper .news_items .news_item:nth-child(3) {
          display: none; }
  .home .section_video .section_column_wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 4rem; }
  .home .section_video .video_cover_wrapper {
    width: calc(100%);
    height: 400px; }
  .home .section_video .about_us_wrapper .block_left {
    width: 48%; }
  .home .section_video .about_us_wrapper .block_right {
    width: 48%; }
  .home .section_career .section_title {
    margin-top: 2.5rem; }
  .home .section_career .section_column_wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-bottom: 4rem; }
  .home .section_career .join_us_wrapper .block_left {
    padding: 2rem 0 2rem 3rem; }
  .home .hover_button_wrapper {
    padding-bottom: 2rem; } }

@media only screen and (max-width: 768px) {
  .home .section_title {
    padding-left: 1.5em; }
  .home .section_news {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    .home .section_news .news_wrapper .news_items {
      margin-top: 1rem; }
      .home .section_news .news_wrapper .news_items.column-of-3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
    .home .section_news .hover_button_wrapper {
      right: 2rem; }
  .home .section_project {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    .home .section_project .hover_button_wrapper {
      right: 2rem; }
    .home .section_project .project_wrapper ul.projects {
      margin-top: 1rem; }
      .home .section_project .project_wrapper ul.projects.column-of-3 li:nth-child(3) {
        display: none; }
  .home .section_video {
    padding-top: 2rem; }
    .home .section_video .hover_button_wrapper {
      left: 0; }
    .home .section_video .section_title {
      margin-bottom: 2rem;
      padding-left: 0; }
    .home .section_video .section_column_wrapper {
      padding-left: 2rem;
      padding-right: 2rem;
      padding-bottom: 2rem; }
    .home .section_video .video_cover_wrapper {
      width: 100%;
      height: 55vw; }
    .home .section_video .about_us_wrapper {
      width: 100%;
      padding-top: 2rem; }
      .home .section_video .about_us_wrapper h2 {
        font-size: 24px;
        margin-bottom: 0; }
      .home .section_video .about_us_wrapper .block_right {
        margin-top: 0;
        width: 100%; }
  .home .section_career .section_title {
    margin-top: 1.5rem;
    margin-bottom: 0; }
  .home .section_career .section_divider.line {
    margin-bottom: 2rem; }
  .home .section_career .section_column_wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 3rem; }
    .home .section_career .section_column_wrapper .join_us_wrapper .block_left {
      width: 100%;
      padding: 1.5rem 0 0; }
      .home .section_career .section_column_wrapper .join_us_wrapper .block_left p {
        margin-bottom: 2rem; }
    .home .section_career .section_column_wrapper .join_us_wrapper .block_right {
      width: 100%; } }

@media only screen and (max-width: 576px) {
  .home .section_title {
    padding-left: 1.5rem; }
  .home .section_intro {
    min-height: 200px; }
  .home .section_news .hover_button_wrapper {
    width: calc(100% - 3rem); }
  .home .section_news .news_wrapper .news_items.column-of-3 .news_item {
    margin-bottom: 1.5rem; }
    .home .section_news .news_wrapper .news_items.column-of-3 .news_item:nth-child(3) {
      display: block; }
  .home .section_project .hover_button_wrapper {
    width: calc(100% - 3rem); }
  .home .section_project .project_wrapper ul.projects.column-of-3 li {
    margin-bottom: 1.5rem; }
    .home .section_project .project_wrapper ul.projects.column-of-3 li:nth-child(3) {
      display: block; }
  .home .section_video .section_column_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 2rem; }
  .home .section_career .section_column_wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .home .hover_button_wrapper {
    right: inherit;
    left: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
    position: relative;
    -ms-flex-pack: start;
        justify-content: flex-start; } }

/*-------------------------------------------------------------
Corporate Information
--------------------------------------------------------------*/
.about-us.main .section_banner,
.organisation-chart.main .section_banner,
.management-team.main .section_banner,
.publication.main .section_banner,
.contact-us.main .section_banner {
  background-image: url("./images/layout/CTB-2014.jpg"); }

.history.main .section_banner {
  background-image: url("./images/layout/Site-Formation-Kai-Tak-p14.jpg"); }

.message-from-our-md.main .section_banner {
  background-image: url("./images/layout/4-Viaducts-WesternWaters-DJI_0005-web.jpg"); }

.about-us .section_body_content .section_heading h3 {
  color: #127bc0; }

.about-us ul.company_mission {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem; }
  .about-us ul.company_mission li {
    width: 20%;
    list-style-position: none;
    padding-left: 0;
    margin-bottom: .5rem;
    text-align: center; }
    .about-us ul.company_mission li:before {
      display: none; }
    .about-us ul.company_mission li .icon {
      width: 90px;
      height: 90px;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: .5rem;
      border: 2px solid #127bc0;
      border-radius: 45px;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .about-us ul.company_mission li .icon img {
        width: 60px;
        height: 60px; }
    .about-us ul.company_mission li span,
    .about-us ul.company_mission li h5 {
      font-weight: 700;
      color: #127bc0; }

@media only screen and (max-width: 992px) {
  .about-us ul.company_mission {
    -ms-flex-pack: center;
        justify-content: center; }
    .about-us ul.company_mission li {
      width: 25%; } }

@media only screen and (max-width: 576px) {
  .about-us ul.company_mission li {
    width: 31%; } }

.message-from-our-md .section_body_content .body_content {
  position: relative; }
  .message-from-our-md .section_body_content .body_content img {
    width: 160px;
    position: absolute;
    top: 0;
    left: -220px; }

@media only screen and (max-width: 1240px) {
  .message-from-our-md .section_body_content .body_content img {
    left: 0;
    position: relative;
    padding-right: 1rem; }
    .message-from-our-md .section_body_content .body_content img.desktop {
      display: none; }
    .message-from-our-md .section_body_content .body_content img.mobile {
      display: block; } }

.organisation-chart .section_organisation_chart .body_content {
  max-width: 1400px; }

.company-chart {
  font-size: 10px;
  line-height: 12px;
  margin-top: -3rem; }
  .company-chart table .line_warp {
    height: 43px; }
  .company-chart table tr td {
    position: relative;
    text-align: center;
    vertical-align: top; }
    .company-chart table tr td span {
      font-size: 15px;
      color: #000;
      display: block; }
    .company-chart table tr td .logo {
      width: 100%;
      height: 78px;
      position: relative; }
      .company-chart table tr td .logo a {
        width: 100%;
        height: 100%;
        display: block; }
      .company-chart table tr td .logo img {
        width: 55%;
        height: auto;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 10px;
        bottom: 0px;
        margin: auto; }
    .company-chart table tr td .text_wrap {
      width: 100%;
      height: 40px;
      display: table; }
    .company-chart table tr td .text {
      width: 100%;
      height: 100%;
      margin-top: 13px;
      display: table-cell;
      vertical-align: middle; }
      .company-chart table tr td .text p {
        font-size: 12px;
        line-height: 14px;
        padding: 7px 17px;
        border-top: 1px solid #808285;
        border-bottom: 1px solid #808285;
        display: inline-block; }
    .company-chart table tr td .line {
      position: absolute;
      background: #808285; }
    .company-chart table tr td .h_r_line, .company-chart table tr td .h_l_line {
      width: 50%;
      height: 1px;
      bottom: 20px; }
    .company-chart table tr td .h_r_line {
      left: 0px; }
    .company-chart table tr td .h_l_line {
      right: 0px; }
    .company-chart table tr td .h_c_line {
      width: 100%;
      height: 1px;
      top: 33%;
      right: 0px; }
    .company-chart table tr td .h_line {
      width: 100%;
      height: 1px;
      bottom: 20px;
      left: 0px; }
    .company-chart table tr td .v_s_line, .company-chart table tr td .v_l_line, .company-chart table tr td .v_sl_line {
      width: 1px;
      margin: auto;
      left: 0px;
      right: 0px; }
    .company-chart table tr td .v_s_line {
      height: 20px;
      bottom: 0px; }
    .company-chart table tr td .v_l_line {
      height: 43px;
      bottom: 0px; }
    .company-chart table tr td .v_sl_line {
      height: 20px;
      bottom: 20px; }
  .company-chart .table_02 tr td .logo img {
    width: 100%;
    top: 0px; }
  .company-chart .table_03.ie-fix {
    margin-top: 15px; }
  .company-chart .table_03 tr td .logo img {
    width: 90%;
    top: 0px; }
  .company-chart .table_03 {
    margin: auto; }
  .company-chart .mobile_chart {
    display: none; }

.management_team_wrapper .department {
  margin-top: 4rem;
  margin-bottom: 4rem; }
  .management_team_wrapper .department:first-child h3 {
    display: none; }
  .management_team_wrapper .department .section_heading h3 {
    margin-bottom: 1rem;
    color: #127bc0; }
  .management_team_wrapper .department ul.directors,
  .management_team_wrapper .department ul.executives {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem;
    -ms-flex-pack: center;
        justify-content: center; }
    .management_team_wrapper .department ul.directors li,
    .management_team_wrapper .department ul.executives li {
      width: calc(100% / 7 - 1rem);
      margin: 1rem .5rem;
      padding: 1rem .5rem; }
      .management_team_wrapper .department ul.directors li img,
      .management_team_wrapper .department ul.executives li img {
        padding-bottom: 1rem; }
      .management_team_wrapper .department ul.directors li p,
      .management_team_wrapper .department ul.executives li p {
        margin-bottom: 0;
        font-weight: 700; }
      .management_team_wrapper .department ul.directors li span,
      .management_team_wrapper .department ul.executives li span {
        color: #808285;
        font-size: 15px; }
  .management_team_wrapper .department ul.executives {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .management_team_wrapper .department ul.executives li {
      width: calc(100% / 5 - 1rem);
      background: #FFF;
      padding: 1.5rem;
      box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.05); }

@media only screen and (max-width: 1240px) {
  .management_team_wrapper .department {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
    .management_team_wrapper .department ul.directors li,
    .management_team_wrapper .department ul.executives li {
      width: calc(100% / 5 - 1rem);
      padding: 0; }
    .management_team_wrapper .department ul.executives li {
      padding: 1rem .5rem;
      width: calc(100% / 4 - 1rem); } }

@media only screen and (max-width: 992px) {
  .management_team_wrapper .department {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
    .management_team_wrapper .department ul.directors li,
    .management_team_wrapper .department ul.executives li {
      width: calc(100% / 4 - 1rem);
      padding: 0; }
    .management_team_wrapper .department ul.executives li {
      padding: 1rem .5rem;
      width: calc(100% / 3 - 1rem); } }

@media only screen and (max-width: 576px) {
  .management_team_wrapper .department {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .management_team_wrapper .department ul.directors,
    .management_team_wrapper .department ul.executives {
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .management_team_wrapper .department ul.directors li,
      .management_team_wrapper .department ul.executives li {
        width: calc(100% / 2 - 1rem);
        padding: 0; }
    .management_team_wrapper .department ul.executives {
      margin-left: -.5rem;
      margin-right: -.5rem; }
      .management_team_wrapper .department ul.executives li {
        padding: 1rem .5rem;
        margin-bottom: 0; } }

.contact-us .section_body_content .body_content {
  width: 100%;
  max-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .contact-us .section_body_content .body_content h4 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 2rem; }
  .contact-us .section_body_content .body_content h4 strong {
    color: #127bc0; }
  .contact-us .section_body_content .body_content .column {
    width: 33.333%;
    margin-bottom: 1.5rem; }
    .contact-us .section_body_content .body_content .column:nth-child(1) {
      width: calc((100% - 600px) / 2); }
    .contact-us .section_body_content .body_content .column:nth-child(2) {
      width: calc((100% - 600px) / 2); }
    .contact-us .section_body_content .body_content .column:nth-child(3) {
      width: 600px; }

@media only screen and (max-width: 1240px) {
  .contact-us .section_body_content .body_content .column {
    text-align: left; }
    .contact-us .section_body_content .body_content .column:nth-child(1) {
      width: calc((100% - 400px) / 2 - 1rem);
      margin-right: 1rem; }
    .contact-us .section_body_content .body_content .column:nth-child(2) {
      width: calc((100% - 400px) / 2 - 1rem);
      margin-right: 1rem; }
    .contact-us .section_body_content .body_content .column:nth-child(3) {
      width: 400px; }
      .contact-us .section_body_content .body_content .column:nth-child(3) iframe {
        width: 100%; } }

@media only screen and (max-width: 992px) {
  .contact-us .section_body_content .body_content .column {
    width: 50%; }
    .contact-us .section_body_content .body_content .column:nth-child(1), .contact-us .section_body_content .body_content .column:nth-child(2) {
      width: 50%;
      margin-right: 0; }
    .contact-us .section_body_content .body_content .column:nth-child(3) {
      width: 100%;
      margin-right: 0; }
    .contact-us .section_body_content .body_content .column iframe {
      width: 100%;
      height: 70vw; } }

@media only screen and (max-width: 576px) {
  .contact-us .section_body_content .body_content .column {
    width: 100%; }
    .contact-us .section_body_content .body_content .column:nth-child(1), .contact-us .section_body_content .body_content .column:nth-child(2), .contact-us .section_body_content .body_content .column:nth-child(3) {
      width: 100%; }
    .contact-us .section_body_content .body_content .column iframe {
      width: 100%;
      height: 70vw; } }

/*--------------------------------------------------------------
Publication
--------------------------------------------------------------*/
.publication.main {
  background: rgba(0, 0, 0, 0.06); }

.section_publications .group_wrapper {
  margin-bottom: 2rem; }
  .section_publications .group_wrapper ul.publications {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .section_publications .group_wrapper ul.publications li.publication {
      width: 24%;
      margin-right: 1%;
      margin-bottom: 1.5rem;
      position: relative;
      background: #FFF; }
      .section_publications .group_wrapper ul.publications li.publication:hover {
        box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); }
        .section_publications .group_wrapper ul.publications li.publication:hover .thumb_wrapper img {
          transform: scale(1.1); }
      .section_publications .group_wrapper ul.publications li.publication .thumb_wrapper {
        position: relative;
        overflow: hidden; }
        .section_publications .group_wrapper ul.publications li.publication .thumb_wrapper:after {
          padding-top: 70%;
          content: "";
          display: block; }
        .section_publications .group_wrapper ul.publications li.publication .thumb_wrapper a {
          width: 100%;
          height: 100%;
          position: absolute;
          display: block; }
        .section_publications .group_wrapper ul.publications li.publication .thumb_wrapper img {
          width: auto;
          height: 100%;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto auto;
          transition: .3s; }
      .section_publications .group_wrapper ul.publications li.publication .block_info {
        padding: 2rem 1.5rem; }
        .section_publications .group_wrapper ul.publications li.publication .block_info .info_date {
          color: #127bc0; }
        .section_publications .group_wrapper ul.publications li.publication .block_info .short_title p {
          margin-bottom: 0; }

@media only screen and (max-width: 1140px) {
  .section_publications .group_wrapper ul.publications {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .section_publications .group_wrapper ul.publications li.publication {
      width: 32%; } }

@media only screen and (max-width: 768px) {
  .section_publications .group_wrapper ul.publications li.publication {
    width: 48%; } }

@media only screen and (max-width: 576px) {
  .section_publications .group_wrapper ul.publications li.publication {
    width: 100%;
    margin-right: 0; } }

/*--------------------------------------------------------------
Parent Company
--------------------------------------------------------------*/
.parent_company.main {
  background: rgba(0, 0, 0, 0.06); }
  .parent_company.main .section_banner {
    background-image: url("./images/layout/1-Parent-Company.jpg"); }

.column_gallery {
  margin-top: 1.5rem; }
  .column_gallery ul.items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem; }
    .column_gallery ul.items li.item {
      width: calc(25% - 2rem);
      margin: 1rem 1rem 2rem;
      position: relative;
      background: #FFF; }
      .column_gallery ul.items li.item .gallery_slider_wrapper:after {
        content: '';
        display: block;
        padding-top: 45%; }
      .column_gallery ul.items li.item .gallery_slider_wrapper .sliders {
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1; }
        .column_gallery ul.items li.item .gallery_slider_wrapper .sliders li img {
          width: 100%;
          height: auto; }
      .column_gallery ul.items li.item .gallery_slider_wrapper .slide_control_right:before,
      .column_gallery ul.items li.item .gallery_slider_wrapper .slide_control_left:before {
        background-size: 40px 40px; }
      .column_gallery ul.items li.item .gallery_slider_wrapper .gallery_controller_wrapper {
        bottom: 0;
        position: absolute;
        z-index: 2;
        padding-left: 1.5rem;
        padding-right: 1.5rem; }
        .column_gallery ul.items li.item .gallery_slider_wrapper .gallery_controller_wrapper ul.controller li.dot {
          display: none; }
          .column_gallery ul.items li.item .gallery_slider_wrapper .gallery_controller_wrapper ul.controller li.dot.active {
            display: block;
            opacity: 1 !important; }
          .column_gallery ul.items li.item .gallery_slider_wrapper .gallery_controller_wrapper ul.controller li.dot:first-child, .column_gallery ul.items li.item .gallery_slider_wrapper .gallery_controller_wrapper ul.controller li.dot:last-child {
            display: block;
            opacity: .8; }
      .column_gallery ul.items li.item .block_info {
        padding: 2rem 1.5rem; }
        .column_gallery ul.items li.item .block_info .info_location {
          color: #127bc0; }
        .column_gallery ul.items li.item .block_info .title {
          margin-bottom: .2rem; }
        .column_gallery ul.items li.item .block_info p {
          margin-bottom: 0;
          color: rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 992px) {
  .column_gallery ul.items li.item {
    width: calc(33.33% - 1rem);
    margin: 1rem .5rem 1.5rem; } }

@media only screen and (max-width: 768px) {
  .column_gallery ul.items li.item {
    width: calc(50% - 1rem);
    margin: 1rem .5rem 1rem; } }

@media only screen and (max-width: 576px) {
  .column_gallery ul.items {
    margin: 0;
    display: block; }
    .column_gallery ul.items li.item {
      width: 100%;
      margin: 1rem 0; } }

/*--------------------------------------------------------------
Projects
--------------------------------------------------------------*/
.our-projects .section_banner:before {
  opacity: .2; }

.our-projects .section_project_list {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 4rem;
  display: -ms-flexbox;
  display: flex; }
  .our-projects .section_project_list .project_wrapper {
    max-width: calc( 1600px + 4rem); }

.our-projects .category_wrapper {
  margin-top: 2rem; }
  .our-projects .category_wrapper ul.categories li.year, .our-projects .category_wrapper ul.categories li.category {
    display: none; }

@media only screen and (max-width: 576px) {
  .our-projects .section_project_list {
    margin-top: 3rem; } }

.project_wrapper {
  width: 100%;
  position: relative;
  max-width: 992px;
  margin: auto auto; }
  .project_wrapper h1 {
    padding: 1.5rem; }
  .project_wrapper ul.projects {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%;
    margin-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem; }
    .project_wrapper ul.projects li.project {
      width: calc(50% - 2rem);
      margin: 1rem .5rem 2.5em;
      padding: 0;
      background-color: rgba(0, 0, 0, 0.03);
      border-bottom: 2px solid #127bc0;
      box-shadow: 0 0 22px rgba(0, 0, 0, 0);
      transition: .4s; }
      .project_wrapper ul.projects li.project:hover {
        box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); }
        .project_wrapper ul.projects li.project:hover .image_wrapper img {
          transform: scale(1.1) translateX(-45%); }
      .project_wrapper ul.projects li.project .block_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        height: 100%; }
        .project_wrapper ul.projects li.project .block_wrapper .block_image {
          -ms-flex: 1;
              flex: 1;
          -ms-flex-order: 1;
              order: 1; }
        .project_wrapper ul.projects li.project .block_wrapper .block_info {
          -ms-flex: 1;
              flex: 1;
          -ms-flex-order: 2;
              order: 2;
          padding: 2rem 1.5rem;
          position: relative;
          margin-bottom: auto;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-positive: 1;
              flex-grow: 1; }
          .project_wrapper ul.projects li.project .block_wrapper .block_info .info_year_label {
            margin-bottom: .5rem;
            opacity: .5; }
          .project_wrapper ul.projects li.project .block_wrapper .block_info .info_year {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            margin-bottom: 0; }
            .project_wrapper ul.projects li.project .block_wrapper .block_info .info_year:before {
              content: "";
              display: inline-block;
              width: 40px;
              height: 1px;
              background: #222;
              margin-right: .75rem;
              opacity: .5; }
          .project_wrapper ul.projects li.project .block_wrapper .block_info .info_title {
            max-width: 100%;
            min-height: 120px; }
          .project_wrapper ul.projects li.project .block_wrapper .block_info .button_access {
            position: absolute;
            right: 2rem;
            bottom: 2rem; }
      .project_wrapper ul.projects li.project .image_wrapper {
        position: relative;
        overflow: hidden;
        display: block; }
        .project_wrapper ul.projects li.project .image_wrapper:after {
          content: "";
          display: block;
          padding-top: 95%; }
        .project_wrapper ul.projects li.project .image_wrapper img {
          transition: .3s;
          margin: 0;
          position: relative;
          position: absolute;
          top: 0;
          left: 50%;
          transition: .4s;
          transform: translateX(-50%);
          margin: auto auto;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: 100%; }
      .project_wrapper ul.projects li.project:nth-child(2n) {
        border-bottom: 2px solid #ec312e; }
        .project_wrapper ul.projects li.project:nth-child(2n) .block_wrapper .block_info .button_access:before {
          border: 1px solid #ec312e;
          background-image: url("./assets/svg/icon-chevron-red.svg"); }
    .project_wrapper ul.projects.column-of-3 li {
      width: calc(33.333% - 1rem); }

@media only screen and (max-width: 992px) {
  .project_wrapper ul.projects {
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
    .project_wrapper ul.projects.column-of-3 li {
      width: calc(50% - 1rem);
      margin: 1rem 0 1.5rem; } }

@media only screen and (max-width: 768px) {
  .project_wrapper ul.projects {
    display: -ms-flexbox;
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem; } }

@media only screen and (max-width: 576px) {
  .project_wrapper ul.projects {
    display: block;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .project_wrapper ul.projects.column-of-3 li {
      width: 100%;
      margin: 1rem 0 2rem; } }

.map_container {
  width: 100%;
  height: 400px;
  display: block;
  background-color: #127bc0;
  position: relative;
  overflow: hidden;
  transition: .6s;
  padding-right: 0; }
  .map_container.active {
    height: 800px;
    background-color: #ddd; }
    .map_container.active .section_banner {
      opacity: 0;
      pointer-events: none; }
    .map_container.active .section_wrapper {
      opacity: 1;
      pointer-events: inherit; }
    .map_container.active .legend-wrapper {
      opacity: 1; }
    .map_container.active .map_marker_wrapper {
      top: 7.5rem; }
      .map_container.active .map_marker_wrapper li {
        width: 8px;
        height: 8px;
        background-color: red;
        opacity: 1; }
        .map_container.active .map_marker_wrapper li.bytp {
          background-color: orange; }
    .map_container.active #map {
      margin-top: 0; }
  .map_container .section_banner {
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: transparent;
    height: 100%; }
    .map_container .section_banner:before {
      display: none; }
    .map_container .section_banner h3, .map_container .section_banner h4 {
      color: #127bc0;
      background: #FFF;
      padding: .5rem 2rem;
      margin-top: 2rem;
      font-size: 15px;
      display: inline-block;
      text-shadow: none;
      cursor: pointer;
      transition: .3s all ease; }
      .map_container .section_banner h3:hover, .map_container .section_banner h4:hover {
        background-color: #127bc0;
        color: #FFF; }
  .map_container .section_wrapper {
    position: absolute;
    margin: auto auto;
    top: 0;
    bottom: 0;
    left: calc((100vw - 300px ) * -1);
    right: 0;
    height: 100%;
    width: 300px;
    z-index: 3;
    color: #FFF;
    opacity: 0;
    pointer-events: none;
    transition: .3s; }
    .map_container .section_wrapper .map_title_wrapper {
      margin-top: 4rem;
      width: 500px; }
      .map_container .section_wrapper .map_title_wrapper h1, .map_container .section_wrapper .map_title_wrapper p {
        color: #333; }
    .map_container .section_wrapper .category_menu {
      margin-top: 4rem; }
      .map_container .section_wrapper .category_menu li {
        margin-bottom: .5rem; }
        .map_container .section_wrapper .category_menu li a {
          color: #666;
          font-size: 15px;
          transition: .3s; }
          .map_container .section_wrapper .category_menu li a:hover {
            color: #222; }
        .map_container .section_wrapper .category_menu li.active a {
          color: #000 !important;
          font-weight: 700 !important; }
      .map_container .section_wrapper .category_menu li.category,
      .map_container .section_wrapper .category_menu li.category-zh-hant,
      .map_container .section_wrapper .category_menu li.archive,
      .map_container .section_wrapper .category_menu li.archive-zh-hant {
        display: none; }
    .map_container .section_wrapper .map-notes {
      position: absolute;
      bottom: 2rem;
      color: #666;
      max-width: 300px; }
      .map_container .section_wrapper .map-notes p {
        font-size: 14px; }
  .map_container .legend-wrapper {
    position: absolute;
    margin: auto auto;
    top: auto;
    bottom: 9rem;
    left: 0;
    right: calc((100vw + 700px ) * -1);
    height: 54px;
    width: 300px;
    z-index: 3;
    color: #FFF;
    opacity: 0;
    pointer-events: none;
    transition: .3s; }
    .map_container .legend-wrapper .legend {
      padding: .5rem .5rem .5rem .75rem;
      width: 270px;
      background-color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      color: #000;
      margin-bottom: 1rem; }
      .map_container .legend-wrapper .legend > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      .map_container .legend-wrapper .legend .dot {
        margin-right: 1rem;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: red; }
        .map_container .legend-wrapper .legend .dot.legend-bypt {
          background-color: darkorange; }
  .map_container .sub_year_menu {
    pointer-events: none;
    position: absolute;
    width: 400px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.9);
    right: -400px;
    transition: .4s; }
    .map_container .sub_year_menu.show {
      right: 0;
      pointer-events: inherit; }
    .map_container .sub_year_menu .sub_menu_wrapper {
      padding: 2rem; }
      .map_container .sub_year_menu .sub_menu_wrapper li {
        display: block;
        padding: 1rem 0;
        font-size: 15px;
        border-bottom: 1px solid #222; }
        .map_container .sub_year_menu .sub_menu_wrapper li a {
          color: #127bc0; }
  .map_container .map_marker_wrapper {
    width: 1420px;
    height: 900px;
    display: block;
    position: absolute;
    top: -5rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto; }
    .map_container .map_marker_wrapper li {
      z-index: 2;
      width: 6px;
      height: 6px;
      border-radius: 14px;
      position: absolute;
      display: inline-block;
      transition: opacity 2s;
      transition-delay: .4s;
      cursor: pointer;
      background-color: #8eccf4;
      box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.5);
      opacity: .4;
      transition: .4s; }
      .map_container .map_marker_wrapper li.inactive {
        transform: scale(0); }
      .map_container .map_marker_wrapper li.bytp {
        background-color: #8eccf4; }
      .map_container .map_marker_wrapper li:hover {
        width: 12px;
        height: 12px;
        box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.75);
        z-index: 1000; }
        .map_container .map_marker_wrapper li:hover span {
          pointer-events: inherit;
          opacity: 1;
          transform: translate(0, 0);
          box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2); }
      .map_container .map_marker_wrapper li span {
        position: absolute;
        display: inline-block;
        background-color: #127bc0;
        border-radius: 4px;
        padding: .5rem 1rem;
        color: #FFF;
        font-size: 15px;
        min-width: 250px;
        top: -1rem;
        left: 2rem;
        pointer-events: none;
        opacity: 0;
        transition: .3s;
        transform: translate(2rem, -2rem);
        z-index: 2; }
      .map_container .map_marker_wrapper li a {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
        height: 100%; }
  .map_container #map {
    text-align: center;
    width: 100vw;
    margin-top: -300px;
    transition: .4s; }
    .map_container #map img {
      margin-top: 0;
      width: auto;
      width: 1076px;
      height: 770px;
      margin-left: auto;
      margin-right: auto;
      opacity: .3; }
    .map_container #map .macao_wrap {
      position: absolute;
      z-index: 1;
      width: 87px;
      height: 67px;
      margin: auto auto;
      left: 0;
      top: 0;
      right: -1250px;
      bottom: -660px;
      opacity: .7; }
      .map_container #map .macao_wrap p {
        position: absolute;
        font-size: 9px;
        text-align: center;
        z-index: 2;
        top: -16px;
        font-weight: 500; }
      .map_container #map .macao_wrap #macao {
        opacity: .4; }

@media screen and (min-width: 1600px) {
  .map_container .section_wrapper {
    left: calc((100vw - 300px ) * -1 + 0); } }

@media only screen and (max-width: 576px) {
  .map_container {
    height: 180px; }
    .map_container.active {
      height: 350px; }
      .map_container.active .map_marker_wrapper {
        top: 0; }
        .map_container.active .map_marker_wrapper li {
          width: 5px;
          height: 5px;
          border-radius: 3px; }
    .map_container .section_wrapper .category_menu {
      display: none; }
    .map_container .section_wrapper .map_title_wrapper {
      margin-top: 1rem; }
      .map_container .section_wrapper .map_title_wrapper h1 {
        font-size: 20px; }
      .map_container .section_wrapper .map_title_wrapper p {
        max-width: 200px;
        display: none; }
    .map_container .section_wrapper .map-notes {
      bottom: 0; }
    .map_container .section_banner h3, .map_container .section_banner h4 {
      margin-top: 0; }
    .map_container .map_marker_wrapper {
      width: 490px;
      height: 315px;
      top: 0;
      left: calc((490px - 375px) / -2);
      margin-top: 0; }
      .map_container .map_marker_wrapper li {
        width: 5px;
        height: 5px; }
    .map_container #map {
      margin-top: 0; }
      .map_container #map img {
        width: 375px;
        height: auto; } }

/*--------------------------------------------------------------
News & Awards
--------------------------------------------------------------*/
.main.news,
.main.awards {
  background-color: rgba(0, 0, 0, 0.03); }
  .main.news .section_banner,
  .main.awards .section_banner {
    background-image: url("./images/layout/photo-1522962172216-3cffc9debf30.jpeg"); }
  .main.news .section_filter .filter_wrapper,
  .main.awards .section_filter .filter_wrapper {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .main.news .section_news,
  .main.news .section_awards,
  .main.awards .section_news,
  .main.awards .section_awards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .main.news .news_wrapper,
  .main.news .awards_wrapper,
  .main.awards .news_wrapper,
  .main.awards .awards_wrapper {
    width: 100%;
    position: relative;
    max-width: 1280px;
    margin: 0 0 0 auto; }

.news_wrapper .news_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem; }
  .news_wrapper .news_items.column-of-3 .news_item {
    width: calc(33.333% - 1rem); }
  .news_wrapper .news_items .news_item {
    width: calc(50% - 2rem);
    margin: 1rem .5rem 3rem;
    padding: 0;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0);
    transition: .4s;
    background: #FFF;
    border-bottom: 2px solid #127bc0; }
    .news_wrapper .news_items .news_item:hover {
      box-shadow: 0 0 22px rgba(0, 0, 0, 0.1); }
      .news_wrapper .news_items .news_item:hover .block_image img {
        transform: scale(1.1) translateX(-50%); }
    .news_wrapper .news_items .news_item .block_wrapper .block_info {
      padding: 2rem 1.5rem;
      position: relative; }
      .news_wrapper .news_items .news_item .block_wrapper .block_info .info_date {
        color: #127bc0; }
      .news_wrapper .news_items .news_item .block_wrapper .block_info .info_title {
        min-height: 90px; }
      .news_wrapper .news_items .news_item .block_wrapper .block_info .button_access {
        margin-top: 1.5rem;
        margin-left: -.2rem; }
    .news_wrapper .news_items .news_item .block_wrapper .block_image {
      position: relative;
      overflow: hidden; }
      .news_wrapper .news_items .news_item .block_wrapper .block_image a {
        display: block; }
      .news_wrapper .news_items .news_item .block_wrapper .block_image:before {
        content: '';
        display: block;
        padding-top: 65%; }
      .news_wrapper .news_items .news_item .block_wrapper .block_image img {
        transition: .3s;
        margin: 0;
        position: relative;
        position: absolute;
        top: 0;
        left: 50%;
        transition: .4s;
        transform: translateX(-50%);
        margin: auto auto;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%; }

@media only screen and (max-width: 992px) {
  .news_wrapper .news_items.column-of-3 {
    padding-left: 0;
    padding-right: 0; }
    .news_wrapper .news_items.column-of-3 .news_item {
      width: calc(50% - 1.5rem); } }

@media only screen and (max-width: 768px) {
  .news_wrapper .news_items {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .news_wrapper .news_items.column-of-3 .news_item {
      width: calc(50% - 1rem); } }

@media only screen and (max-width: 576px) {
  .news_wrapper .news_items.column-of-3 {
    padding-left: 0;
    padding-right: 0; }
    .news_wrapper .news_items.column-of-3 .news_item {
      width: calc(100%);
      margin: 1rem 0 1rem; } }

.awards_wrapper ul.awards li.award {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .awards_wrapper ul.awards li.award.table_header b {
    color: #127bc0; }
  .awards_wrapper ul.awards li.award.table_header div.name_of_award:before {
    display: none; }
  .awards_wrapper ul.awards li.award.table_header div.year, .awards_wrapper ul.awards li.award.table_header div.name_of_award, .awards_wrapper ul.awards li.award.table_header div.project {
    padding-top: 1rem; }
  .awards_wrapper ul.awards li.award.table_child {
    background-color: #f8fcfe;
    font-size: 14px;
    border-top: 1px solid #d6edfa; }
    .awards_wrapper ul.awards li.award.table_child:nth-child(2n) {
      background: rgba(18, 123, 192, 0.2); }
  .awards_wrapper ul.awards li.award div {
    padding: 1.5rem 2rem; }
    .awards_wrapper ul.awards li.award div.year {
      width: 110px; }
    .awards_wrapper ul.awards li.award div.name_of_award {
      width: calc(45% - 110px);
      font-weight: 700;
      position: relative;
      padding-left: 2rem;
      padding-right: 0; }
      .awards_wrapper ul.awards li.award div.name_of_award:before {
        content: '';
        display: block;
        width: 50px;
        height: 50px;
        background-image: url("./assets/svg/icon-award.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 28px 28px;
        border: 1px solid #127bc0;
        position: absolute;
        margin: auto 0;
        left: 2.5rem;
        top: 0;
        bottom: 0;
        display: none; }
    .awards_wrapper ul.awards li.award div.project {
      width: 55%; }
      .awards_wrapper ul.awards li.award div.project p {
        margin-bottom: 0;
        opacity: .8; }

@media only screen and (max-width: 1440px) {
  .awards_wrapper ul.awards {
    margin-left: 2rem; } }

@media only screen and (max-width: 768px) {
  .awards_wrapper ul.awards {
    margin-left: 0; }
    .awards_wrapper ul.awards li.award.table_header {
      display: none; }
    .awards_wrapper ul.awards li.award div {
      padding: .5rem 1rem; }
      .awards_wrapper ul.awards li.award div.year {
        padding-bottom: 1rem; }
      .awards_wrapper ul.awards li.award div.name_of_award {
        width: 100%;
        padding-left: 1rem;
        padding-top: 1rem; }
      .awards_wrapper ul.awards li.award div.project {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%; } }

.section_sticky_filter {
  margin-top: 1rem;
  width: 70px;
  transition: .3s; }
  .section_sticky_filter.sticky {
    position: fixed;
    top: 7rem; }
  .section_sticky_filter .label {
    color: #127bc0; }
  .section_sticky_filter .filters {
    margin-top: .5rem; }
    .section_sticky_filter .filters .filter {
      font-size: 15px; }
      .section_sticky_filter .filters .filter a {
        padding-top: .5rem;
        padding-right: 1rem;
        display: block;
        font-size: 17px; }
        .section_sticky_filter .filters .filter a:hover {
          color: #127bc0; }

@media only screen and (max-width: 992px) {
  .section_sticky_filter {
    display: none; } }

/*--------------------------------------------------------------
Single Project & News
--------------------------------------------------------------*/
.single-projects-post,
.single-news-post {
  background-color: rgba(0, 0, 0, 0.03); }
  .single-projects-post .breadcrumb_wrapper,
  .single-news-post .breadcrumb_wrapper {
    margin-bottom: 1rem; }
    .single-projects-post .breadcrumb_wrapper span,
    .single-news-post .breadcrumb_wrapper span {
      margin-right: .5rem;
      color: #666; }
      .single-projects-post .breadcrumb_wrapper span a,
      .single-news-post .breadcrumb_wrapper span a {
        color: #127bc0; }
  .single-projects-post .back_to_previous,
  .single-news-post .back_to_previous {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

.single_project_wrapper,
.single_news_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .single_project_wrapper .project_content_wrapper,
  .single_news_wrapper .project_content_wrapper {
    -ms-flex-order: 1;
        order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: calc(100% - 700px);
    max-width: 650px;
    padding-right: 3rem; }
    .single_project_wrapper .project_content_wrapper .info_tax span,
    .single_news_wrapper .project_content_wrapper .info_tax span {
      margin-right: .5rem; }
    .single_project_wrapper .project_content_wrapper .info_title,
    .single_news_wrapper .project_content_wrapper .info_title {
      max-width: 600px;
      font-weight: 700; }
    .single_project_wrapper .project_content_wrapper .info_year,
    .single_news_wrapper .project_content_wrapper .info_year {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 0;
      color: #127bc0; }
      .single_project_wrapper .project_content_wrapper .info_year:before,
      .single_news_wrapper .project_content_wrapper .info_year:before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 1px;
        background: #127bc0;
        margin-right: .75rem;
        opacity: .5; }
    .single_project_wrapper .project_content_wrapper .info_description,
    .single_news_wrapper .project_content_wrapper .info_description {
      margin-top: 3rem;
      opacity: .7;
      text-align: justify; }
  .single_project_wrapper .gallery_slider_wrapper,
  .single_news_wrapper .gallery_slider_wrapper {
    -ms-flex-order: 2;
        order: 2; }
  .single_project_wrapper .project_content .video_image,
  .single_news_wrapper .project_content .video_image {
    position: relative; }
    .single_project_wrapper .project_content .video_image .play_btn,
    .single_news_wrapper .project_content .video_image .play_btn {
      width: 92px;
      height: 92px; }
    .single_project_wrapper .project_content .video_image ul,
    .single_news_wrapper .project_content .video_image ul {
      position: relative;
      overflow: hidden; }
      .single_project_wrapper .project_content .video_image ul li,
      .single_news_wrapper .project_content .video_image ul li {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0; }
        .single_project_wrapper .project_content .video_image ul li:first-child,
        .single_news_wrapper .project_content .video_image ul li:first-child {
          opacity: 1; }
        .single_project_wrapper .project_content .video_image ul li img,
        .single_news_wrapper .project_content .video_image ul li img {
          width: 100%;
          height: auto;
          position: absolute;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto; }

.single_news_wrapper .gallery_slider_wrapper ul.sliders {
  height: 500px; }

@media only screen and (max-width: 1240px) {
  .single_project_wrapper .project_content_wrapper,
  .single_news_wrapper .project_content_wrapper {
    width: calc(50% - 3rem);
    max-width: inherit;
    padding-right: 3rem; } }

@media only screen and (max-width: 992px) {
  .single_project_wrapper,
  .single_news_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .single_project_wrapper .project_content_wrapper,
    .single_news_wrapper .project_content_wrapper {
      width: 100%;
      -ms-flex-order: 2;
          order: 2;
      padding-right: 0;
      margin-top: 2.5rem; }
      .single_project_wrapper .project_content_wrapper .info_description,
      .single_news_wrapper .project_content_wrapper .info_description {
        margin-top: 2rem; }
    .single_project_wrapper .sliders,
    .single_news_wrapper .sliders {
      -ms-flex-order: 1;
          order: 1;
      width: 100%; } }

@media only screen and (max-width: 576px) {
  .single_news_wrapper .gallery_slider_wrapper ul.sliders {
    height: 60vw; } }

.seciton_other_project {
  padding-top: 5rem;
  padding-bottom: 3rem;
  background-color: #FFF; }
  .seciton_other_project .section_title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .seciton_other_project .section_title .fas {
      font-size: 32px;
      margin-right: 1rem;
      color: #127bc0; }

/*--------------------------------------------------------------
Core Strengths
--------------------------------------------------------------*/
.our-people.main .section_banner {
  background-image: url("./images/layout/2-Our-People_6-Working-with-us-1.jpg"); }

.partnership .section_banner {
  background-image: url("./images/layout/photo-1474631245212-32dc3c8310c6.jpeg"); }

.innovation .section_banner {
  background-image: url("./images/layout/2-DMA_095695.jpeg"); }

@media only screen and (max-width: 576px) {
  .innovation .section_banner {
    background-size: 150% auto; } }

.safety-initiatives.main .section_banner {
  background-image: url("./images/layout/2-Safety.jpg"); }

.safety-initiatives.main .section_container .section_wrapper .section_heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .safety-initiatives.main .section_container .section_wrapper .section_heading .back-to {
    -ms-flex-order: 1;
        order: 1;
    position: relative;
    margin-bottom: 0; }
  .safety-initiatives.main .section_container .section_wrapper .section_heading h3 {
    -ms-flex-order: 2;
        order: 2;
    margin-bottom: 0;
    margin-top: 1.5rem; }

.safety-initiatives.main .section_body_content .body_content {
  color: #FFF; }
  .safety-initiatives.main .section_body_content .body_content ul li {
    width: 100%; }
    .safety-initiatives.main .section_body_content .body_content ul li:before {
      color: #FFF; }

.safety-initiatives.main .section_diagram_safety {
  position: relative; }
  .safety-initiatives.main .section_diagram_safety .hover-mapping-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .safety-initiatives.main .section_diagram_safety .hover-mapping-wrapper .hover-mapping {
      width: 740px;
      height: 223px;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
      margin-top: 16.2rem;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .safety-initiatives.main .section_diagram_safety .hover-mapping-wrapper .hover-mapping .item {
        opacity: 0;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 163px;
        cursor: pointer;
        transition: .3s; }
        .safety-initiatives.main .section_diagram_safety .hover-mapping-wrapper .hover-mapping .item:hover {
          background-color: #FFF;
          opacity: .2;
          filter: brightness(100%); }
        .safety-initiatives.main .section_diagram_safety .hover-mapping-wrapper .hover-mapping .item a {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%; }

/*--------------------------------------------------------------
History & Innovation
--------------------------------------------------------------*/
.section_timeline {
  display: -ms-flexbox;
  display: flex; }
  .section_timeline .section_title {
    margin-bottom: 3rem;
    text-align: center;
    text-transform: uppercase; }

.timeline_wrapper {
  max-width: 1220px;
  margin-right: 0;
  margin-left: auto; }
  .timeline_wrapper ul.timeline_list li.item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    padding: 8rem 0 0;
    -ms-flex-pack: center;
        justify-content: center; }
    .timeline_wrapper ul.timeline_list li.item:first-child {
      padding-top: 0; }
      .timeline_wrapper ul.timeline_list li.item:first-child:before {
        top: 3.2rem; }
    .timeline_wrapper ul.timeline_list li.item:after {
      width: 1px;
      height: 100%;
      content: '';
      background-color: #127bc0;
      position: absolute;
      left: 0%;
      bottom: 0;
      z-index: 1; }
    .timeline_wrapper ul.timeline_list li.item:before {
      width: 10px;
      height: 10px;
      border-radius: 10px;
      content: '';
      background-color: #127bc0;
      position: absolute;
      left: -5px;
      top: 11.1rem;
      bottom: 0;
      margin: auto 0;
      z-index: 2;
      box-sizing: content-box; }
    .timeline_wrapper ul.timeline_list li.item .year {
      color: #127bc0;
      margin-bottom: 1rem;
      text-align: left;
      background: #FFF;
      margin-left: 6rem;
      margin-top: -0.75rem; }
    .timeline_wrapper ul.timeline_list li.item .blocks_wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      background-color: rgba(0, 0, 0, 0.03);
      box-shadow: 0 0 22px rgba(0, 0, 0, 0);
      position: relative;
      z-index: 3;
      transition: .3s;
      margin-left: 6rem; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper:after {
        width: 4rem;
        height: 1px;
        content: '';
        background-color: #127bc0;
        position: absolute;
        left: -6rem;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 1; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper:hover {
        box-shadow: 0 0 22px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1); }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper:hover .button_access {
          margin-left: 1rem; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider {
        -ms-flex-order: 2;
            order: 2;
        width: 55%;
        max-width: 600px;
        max-height: 600px; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper {
          max-width: 100%;
          max-height: 100%; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper ul.sliders {
            max-height: 600px;
            height: 600px;
            position: relative; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper ul.sliders li img {
              height: 100%;
              width: auto; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper ul.sliders .caption_wrapper {
              width: 100%;
              position: absolute;
              bottom: 0;
              left: 0;
              padding: 10rem 1rem 1rem 1rem;
              background: black;
              background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(200, 200, 255, 0) 50%);
              z-index: 2; }
              .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper ul.sliders .caption_wrapper h5 {
                margin-bottom: 0;
                color: #FFF; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_left,
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_right {
            opacity: .3; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_left:hover,
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_right:hover {
              opacity: 1; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_left.disabled,
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_right.disabled {
              opacity: 0; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper {
        -ms-flex-order: 1;
            order: 1;
        padding: 3rem 2rem;
        width: 45%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper ul.history_titles {
          margin-bottom: 2.5rem; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper ul.history_titles li.title {
            opacity: 0;
            transition: .3s;
            display: none; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper ul.history_titles li.title.active {
              opacity: 1;
              display: block; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper ul.history_descriptions li.description {
          opacity: 0;
          transition: .3s;
          display: none; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper ul.history_descriptions li.description.active {
            opacity: 1;
            display: block; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-top: auto; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb {
            width: calc(100% / 6 - .5rem);
            margin-bottom: .5rem;
            margin-right: .5rem;
            position: relative;
            overflow: hidden;
            transition: .2s;
            cursor: pointer;
            opacity: .8; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb:hover {
              box-shadow: 0 0 0 2px #127bc0; }
              .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb:hover img {
                transform: scale(1.1) translate(-45%, -45%); }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb.active {
              box-shadow: 0 0 0 2px #127bc0;
              opacity: 1; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb:after {
              content: '';
              padding-top: 100%;
              display: block; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb img {
              position: absolute;
              transform: translate(-50%, -50%);
              left: 50%;
              top: 50%;
              width: auto;
              height: auto;
              min-width: 100%;
              min-height: 100%;
              max-width: 150%;
              max-height: 150%;
              transition: .3s; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .label {
          margin-bottom: .5rem;
          color: #127bc0; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .button_access {
          margin-top: auto;
          transition: .4s; }

@media only screen and (max-width: 1240px) {
  .timeline_wrapper ul.timeline_list {
    margin-left: 2rem; }
    .timeline_wrapper ul.timeline_list li.item .year {
      margin-left: 3rem; }
    .timeline_wrapper ul.timeline_list li.item .blocks_wrapper {
      margin-left: 3rem; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper::after {
        left: -3rem;
        width: 3rem;
        top: .5rem; } }

@media only screen and (max-width: 768px) {
  .timeline_wrapper ul.timeline_list {
    margin-left: 0; }
    .timeline_wrapper ul.timeline_list li.item {
      padding: 3rem 0 0; }
      .timeline_wrapper ul.timeline_list li.item:first-child:before {
        top: 2.2rem; }
      .timeline_wrapper ul.timeline_list li.item:before {
        top: 5.1rem; }
      .timeline_wrapper ul.timeline_list li.item .year {
        margin-left: 2rem; }
      .timeline_wrapper ul.timeline_list li.item .blocks_wrapper {
        margin-left: 2rem;
        -ms-flex-direction: column;
            flex-direction: column; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper:after {
          left: -2rem;
          width: 2rem; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper {
          width: 100%;
          padding: 0 1rem 1rem 1rem;
          -ms-flex-order: 2;
              order: 2; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller {
            -ms-flex-order: 1;
                order: 1;
            margin-bottom: 1rem; }
            .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .thumbnail-controller .thumb {
              margin-left: 0;
              margin-right: 8px; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_info_wrapper .description {
            -ms-flex-order: 2;
                order: 2; }
        .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider {
          width: 100%;
          -ms-flex-order: 1;
              order: 1; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper ul.sliders {
            height: 70vw; }
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_left,
          .timeline_wrapper ul.timeline_list li.item .blocks_wrapper .block_gallery_slider .gallery_slider_wrapper .slide_control_right {
            opacity: 1;
            z-index: 100; } }

.section_innovation {
  background-color: #1059B4; }
  .section_innovation .innovation_wrapper .innovation_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .section_innovation .innovation_wrapper .innovation_list .item {
      width: 48%;
      background-color: #FFF;
      margin-bottom: 3rem; }
      .section_innovation .innovation_wrapper .innovation_list .item a {
        color: #FFF; }
      .section_innovation .innovation_wrapper .innovation_list .item.parent {
        background-color: transparent; }
        .section_innovation .innovation_wrapper .innovation_list .item.parent .block_info_wrapper {
          padding: 0; }
          .section_innovation .innovation_wrapper .innovation_list .item.parent .block_info_wrapper .title {
            font-size: 20px;
            font-weight: 900;
            margin-top: 1rem;
            color: #FFF; }
            .section_innovation .innovation_wrapper .innovation_list .item.parent .block_info_wrapper .title .button_access {
              margin-top: .5rem; }
        .section_innovation .innovation_wrapper .innovation_list .item.parent .block_gallery_slider:hover img {
          transform: scale(1.1); }
        .section_innovation .innovation_wrapper .innovation_list .item.parent .block_gallery_slider .gallery_slider_wrapper {
          position: relative; }
          .section_innovation .innovation_wrapper .innovation_list .item.parent .block_gallery_slider .gallery_slider_wrapper:before {
            padding-top: 66.666%;
            content: '';
            display: block; }
          .section_innovation .innovation_wrapper .innovation_list .item.parent .block_gallery_slider .gallery_slider_wrapper img {
            width: 100%;
            height: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto auto; }
      .section_innovation .innovation_wrapper .innovation_list .item p {
        color: #666; }
      .section_innovation .innovation_wrapper .innovation_list .item ol li, .section_innovation .innovation_wrapper .innovation_list .item ul li {
        color: #666;
        margin-bottom: 1rem;
        list-style-type: decimal;
        margin-left: 1.5rem; }
        .section_innovation .innovation_wrapper .innovation_list .item ol li b, .section_innovation .innovation_wrapper .innovation_list .item ol li strong, .section_innovation .innovation_wrapper .innovation_list .item ul li b, .section_innovation .innovation_wrapper .innovation_list .item ul li strong {
          color: #666; }
      .section_innovation .innovation_wrapper .innovation_list .item .block_info_wrapper {
        padding: 2rem 1.5rem; }
      .section_innovation .innovation_wrapper .innovation_list .item .block_gallery_slider .gallery_slider_wrapper {
        max-width: 100%; }
        .section_innovation .innovation_wrapper .innovation_list .item .block_gallery_slider .gallery_slider_wrapper img {
          width: 100%;
          transition: .4s; }

@media only screen and (max-width: 576px) {
  .section_innovation .innovation_wrapper .innovation_list .item {
    width: 100%;
    margin-bottom: 1.5rem; } }

/*--------------------------------------------------------------
Sustainability
--------------------------------------------------------------*/
.sustainability .section_banner {
  background-image: url("./images/layout/5-Sustainability.jpg"); }
  .sustainability .section_banner .banner_wrapper .banner_title {
    width: 500px; }

.certifications .section_banner,
.topsite .section_banner {
  background-image: url("./images/layout/5-TOPSITE_Certification.jpg"); }

.corporate-social-responsibility .section_banner {
  background-image: url("./images/layout/5-CSR.jpg"); }

.corporate-social-responsibility .body_content img {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem; }

.certifications {
  background-color: rgba(0, 0, 0, 0.03); }

.certificate_list ul.certificates {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem; }
  .certificate_list ul.certificates.column-three {
    -ms-flex-pack: center;
        justify-content: center; }
  .certificate_list ul.certificates li.certificate {
    margin: 1rem;
    width: calc(25% - 2rem); }
    .certificate_list ul.certificates li.certificate img {
      box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.05); }
    .certificate_list ul.certificates li.certificate .caption_wrapper {
      margin-top: 1rem; }

@media only screen and (max-width: 992px) {
  .certificate_list ul.certificates li.certificate {
    width: calc(33% - 2rem); } }

@media only screen and (max-width: 576px) {
  .certificate_list ul.certificates {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .certificate_list ul.certificates li.certificate {
      width: calc(100%);
      margin: 1rem 0; } }

/*--------------------------------------------------------------
Careers
--------------------------------------------------------------*/
.confucius-training-centre .section_banner {
  background-image: url("./images/layout/New-banner-1.jpg"); }

.training-scheme .section_banner {
  background-image: url("./images/layout/5-Graduate-Training-Programme.jpeg"); }

.training-scheme .section_wrapper .body_content ul li {
  width: 100%; }

.training-scheme .training-scheme-column-wrapper .section_body_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .training-scheme .training-scheme-column-wrapper .section_body_content .body_content {
    width: 40%;
    margin-left: 0; }
  .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper {
    max-width: 900px;
    width: 55%;
    margin-top: 2.5rem; }
    .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper ul.sliders {
      height: 400px; }
      .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper ul.sliders li img {
        width: 100%;
        height: auto; }
      .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper ul.sliders li .caption_wrapper {
        text-align: left; }
    .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.thumbnails {
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.thumbnails li {
        width: calc(100% / 9);
        min-height: 50px;
        margin-right: 0.6rem !important; }
        .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.thumbnails li:before {
          position: relative; }

@media only screen and (max-width: 1440px) {
  .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper ul.sliders {
    height: 320px; } }

@media only screen and (max-width: 1140px) {
  .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.sliders {
    height: 300px; }
  .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.thumbnails li {
    width: calc(100% / 7); } }

@media only screen and (max-width: 768px) {
  .training-scheme .training-scheme-column-wrapper .section_body_content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .training-scheme .training-scheme-column-wrapper .section_body_content .body_content {
      width: 100%;
      margin-top: 0;
      margin-bottom: 1rem; }
    .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper {
      width: 100%;
      margin-top: 0; }
      .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper ul.sliders {
        height: 50vw; }
      .training-scheme .training-scheme-column-wrapper .section_body_content .gallery_slider_wrapper .thumbnail_wrapper ul.thumbnails li {
        width: calc(100% / 5 - .5rem);
        margin-right: 0.5rem !important;
        min-height: 40px; } }

.work-with-us .section_banner {
  background-image: url("./images/layout/2-Our-People_6-Working-with-us.jpg"); }

.career_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .career_wrapper ul.jobs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #FFF;
    width: 550px;
    margin-right: auto; }
    .career_wrapper ul.jobs .filter_wrapper {
      margin-bottom: 1rem;
      margin-left: .5rem; }
      .career_wrapper ul.jobs .filter_wrapper .filter .dropdown .dropdown-menu {
        width: 300px; }
    .career_wrapper ul.jobs li.job {
      width: 100%;
      background-color: #FFF;
      padding: 2rem;
      border: 1px solid #ddd;
      margin: .5rem;
      border-radius: 6px;
      position: relative; }
      .career_wrapper ul.jobs li.job:after {
        content: '';
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        right: 2rem;
        bottom: 2rem;
        background-color: #127bc0;
        background-image: url("./assets/svg/icon-doc-white.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px 24px; }
      .career_wrapper ul.jobs li.job.active, .career_wrapper ul.jobs li.job:hover {
        box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        border: 1px solid #127bc0; }
      .career_wrapper ul.jobs li.job.hidden {
        display: none; }
      .career_wrapper ul.jobs li.job .job_content {
        display: none; }
      .career_wrapper ul.jobs li.job .job_info .title {
        color: #000;
        font-weight: bold;
        font-size: 18px; }
        .career_wrapper ul.jobs li.job .job_info .title h3, .career_wrapper ul.jobs li.job .job_info .title h4 {
          font-weight: bold; }
      .career_wrapper ul.jobs li.job .job_info .category {
        font-size: 13px;
        color: #127bc0; }
      .career_wrapper ul.jobs li.job .job_info .location {
        margin-top: 1rem; }
      .career_wrapper ul.jobs li.job .job_info .meta {
        font-size: 12px;
        margin-top: 1rem;
        opacity: .6; }
  .career_wrapper .job_content_containner {
    width: calc(100% - 550px - 1rem);
    height: auto;
    height: 630px;
    padding: 2rem;
    margin-top: .5rem;
    border: 1px solid #666;
    border-radius: 6px;
    position: relative;
    transition: .3s; }
    .career_wrapper .job_content_containner .title {
      border-bottom: 1px solid #666;
      padding-bottom: 1rem;
      color: #127bc0;
      font-weight: 900;
      font-size: 25px; }
    .career_wrapper .job_content_containner .job_content {
      font-size: 16px;
      height: 330px;
      overflow-y: scroll; }
      .career_wrapper .job_content_containner .job_content img {
        max-width: 300px;
        height: auto;
        display: none; }
      .career_wrapper .job_content_containner .job_content a {
        color: #127bc0 !important; }
        .career_wrapper .job_content_containner .job_content a span {
          color: #127bc0 !important; }
      .career_wrapper .job_content_containner .job_content h1, .career_wrapper .job_content_containner .job_content h2, .career_wrapper .job_content_containner .job_content h3 {
        font-size: inherit;
        font-weight: bold;
        margin-top: 2rem;
        margin-bottom: 1rem; }
      .career_wrapper .job_content_containner .job_content ul {
        margin-bottom: 2rem;
        margin-bottom: 1.4rem; }
        .career_wrapper .job_content_containner .job_content ul li {
          list-style-position: outside;
          position: relative;
          padding-left: 1.5rem;
          margin-bottom: 0rem; }
          .career_wrapper .job_content_containner .job_content ul li:before {
            content: "•";
            display: inline-block;
            color: #0e5d92;
            position: absolute;
            top: 0;
            left: 0; }
  .career_wrapper h5.remark {
    margin-top: .5rem;
    font-style: italic;
    text-align: left;
    font-size: 14px; }
  .career_wrapper .submit-button-wrapper {
    text-align: center;
    margin-top: 2rem; }
    .career_wrapper .submit-button-wrapper a.submit-form {
      margin-top: 0;
      margin-bottom: 1rem;
      background-color: #127bc0;
      color: #FFF !important;
      padding: 1rem 2rem;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      transition: .3s;
      text-transform: uppercase;
      font-size: 18px; }
      .career_wrapper .submit-button-wrapper a.submit-form:hover {
        background-color: #0e5d92; }
    .career_wrapper .submit-button-wrapper p a {
      color: #127bc0; }

@media only screen and (max-width: 1440px) {
  .career_wrapper .job_content_containner {
    height: 700px; } }

@media only screen and (max-width: 1240px) {
  .career_wrapper ul.jobs {
    width: 450px; }
  .career_wrapper .job_content_containner {
    width: calc(100% - 450px - 1rem);
    max-height: calc(100vh - 200px); } }

@media only screen and (max-width: 992px) {
  .career_wrapper ul.jobs {
    width: calc(50% - 1rem); }
  .career_wrapper .job_content_containner {
    width: calc(50%);
    max-height: calc(100vh - 100px);
    height: 800px; } }

@media only screen and (max-width: 768px) {
  .career_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .career_wrapper ul.jobs {
      width: 100%; }
      .career_wrapper ul.jobs .filter_wrapper {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0; }
      .career_wrapper ul.jobs li.job {
        margin-left: 0;
        margin-right: 0;
        padding: 1rem; }
        .career_wrapper ul.jobs li.job:after {
          right: 1rem;
          bottom: 1rem; }
        .career_wrapper ul.jobs li.job .job_info .meta {
          width: calc(100% - 3rem); }
    .career_wrapper .job_content_containner {
      margin-top: 3rem !important;
      width: 100%;
      padding: 1rem;
      height: auto;
      max-height: inherit; }
      .career_wrapper .job_content_containner .job_content {
        height: auto; } }

.nf-form-title h3 {
  margin-bottom: 0; }

.ninja-forms-form-wrap .nf-form-layout form .nf-before-form-content {
  font-size: 14px; }

.ninja-forms-form-wrap .nf-form-layout form .nf-form-content {
  padding: 0;
  margin-top: 3rem; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field h3 {
    margin-bottom: 0;
    text-align: left; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .hr-container {
    margin-top: 3rem;
    margin-bottom: 2rem; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .file_upload-wrap .nf-field-element button.nf-fu-fileinput-button {
    background-color: #127bc0; }
    .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .file_upload-wrap .nf-field-element button.nf-fu-fileinput-button:focus {
      color: #FFF;
      box-shadow: 0 0 0 0.2rem rgba(18, 123, 192, 0.5); }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .file_upload-wrap .nf-field-element .nf-fu-progress {
    display: none; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .file_upload-wrap .nf-field-element .files_uploaded p {
    text-align: left;
    font-size: 14px;
    margin-top: 1rem; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .list-radio-wrap .nf-field-element ul li::before {
    display: none; }
  .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .submit-container {
    margin-top: 2rem; }
    .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .submit-container .submit-wrap {
      text-align: center; }
      .ninja-forms-form-wrap .nf-form-layout form .nf-form-content nf-fields-wrap nf-field .submit-container .submit-wrap input[type="button"] {
        background-color: #0e5d92;
        padding: 0;
        font-size: 19px;
        width: 220px;
        height: 70px;
        line-height: 70px;
        font-weight: 700; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-29-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-30-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-31-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-32-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-33-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-34-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-35-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-36-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-59-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-60-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-67-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-69-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-70-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-72-container {
  display: none; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-29-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-30-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-31-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-32-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-33-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-34-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-35-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-36-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-59-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-60-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-67-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-69-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-70-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container.active,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-72-container.active {
    display: block; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-50-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-42-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-51-container {
  clear: inherit;
  width: 32%;
  float: left;
  margin-right: 2%; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-51-container {
  float: right;
  margin-right: 0; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-64-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-67-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-70-container {
  width: 185px;
  float: left;
  clear: inherit;
  margin-right: 2%; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-66-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container {
  width: 10px;
  float: left;
  clear: inherit;
  margin-right: 2%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-66-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container .nf-field-label {
    display: block;
    visibility: hidden; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-66-container .nf-field-element,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container .nf-field-element,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container .nf-field-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    margin-top: .5rem; }
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-66-container .nf-field-element p,
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-73-container .nf-field-element p,
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-74-container .nf-field-element p {
      margin-bottom: 0; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-65-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-69-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-72-container {
  width: calc(100% - 4% - 10px - 185px);
  float: right;
  clear: inherit;
  margin-right: 0%; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-75-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-80-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-76-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-81-container {
  width: 105px;
  float: left;
  clear: inherit;
  margin-right: 1%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-75-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-80-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-76-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-81-container .nf-field-label {
    display: none; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-85-container {
  width: 25px;
  float: left;
  clear: inherit;
  margin-right: 1%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-85-container .nf-field-label {
    display: none; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-85-container .nf-field-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    margin-top: .5rem; }
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-85-container .nf-field-element p {
      margin-bottom: 0; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-77-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-82-container {
  width: calc(50% - 105px - 105px - 10px - 10px - 1% - 1% - 1% - 1% - 25px / 2 - 1%);
  float: left;
  clear: inherit;
  margin-right: 1%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-77-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-82-container .nf-field-label {
    display: none; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-82-container {
  margin-right: 0 !important; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-78-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-79-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-83-container,
.ninja-forms-form-wrap .nf-form-layout form #nf-field-84-container {
  width: 10px;
  float: left;
  clear: inherit;
  margin-right: 1%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-78-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-79-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-83-container .nf-field-label,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-84-container .nf-field-label {
    display: none; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-78-container .nf-field-element,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-79-container .nf-field-element,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-83-container .nf-field-element,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-84-container .nf-field-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    margin-top: .5rem; }
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-78-container .nf-field-element p,
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-79-container .nf-field-element p,
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-83-container .nf-field-element p,
    .ninja-forms-form-wrap .nf-form-layout form #nf-field-84-container .nf-field-element p {
      margin-bottom: 0; }

.ninja-forms-form-wrap .nf-form-layout form #nf-field-86-container {
  margin-bottom: 10px; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-86-container .nf-field-label {
    display: block; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-86-container .nf-field-element {
    display: none; }

.ninja-forms-form-wrap .nf-form-layout form a.add-more {
  display: -ms-flexbox;
  display: flex;
  color: #127bc0;
  text-decoration: none;
  -ms-flex-align: center;
      align-items: center;
  transition: .3s; }
  .ninja-forms-form-wrap .nf-form-layout form a.add-more.hide {
    display: none !important; }
  .ninja-forms-form-wrap .nf-form-layout form a.add-more.active {
    display: -ms-flexbox !important;
    display: flex !important; }
  .ninja-forms-form-wrap .nf-form-layout form a.add-more.add-more-2 {
    display: none; }
  .ninja-forms-form-wrap .nf-form-layout form a.add-more:hover {
    color: #0e5d92; }
    .ninja-forms-form-wrap .nf-form-layout form a.add-more:hover:before {
      background-color: #0e5d92; }
  .ninja-forms-form-wrap .nf-form-layout form a.add-more:before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 20px;
    display: inline-block;
    background-color: #127bc0;
    background-size: 16px 16px;
    background-position: center center;
    background-image: url("./assets/svg/icon-plug-white.svg");
    background-repeat: no-repeat;
    margin-right: .5rem;
    transition: .3s; }

html[lang="en-us"] #nf-field-61-container {
  display: none; }

@media only screen and (max-width: 576px) {
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-50-container,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-42-container,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-51-container {
    width: 100%; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-85-container {
    float: none;
    clear: both;
    margin-bottom: 10px; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-77-container,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-82-container {
    width: calc(100% - 60px - 60px - 10px - 10px - 2% - 2% - 2% - 2%);
    margin-right: 0 !important; }
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-75-container,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-76-container,
  .ninja-forms-form-wrap .nf-form-layout form #nf-field-77-container {
    margin-bottom: 0; } }

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.footer {
  background: #FFF;
  background: #127bc0; }
  .footer .footer_wrapper {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    position: relative; }
    .footer .footer_wrapper .menu {
      padding-top: 2rem;
      border-top: 1px solid #127bc0;
      width: 100%;
      display: -ms-flexbox;
      display: flex; }
      .footer .footer_wrapper .menu > li.menu-item {
        width: calc(100% / 7);
        padding: 0 1.5rem 0 2.5rem;
        color: #FFF; }
        .footer .footer_wrapper .menu > li.menu-item:first-child {
          width: 30%; }
          .footer .footer_wrapper .menu > li.menu-item:first-child .sub-menu {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
                justify-content: space-between;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .footer .footer_wrapper .menu > li.menu-item:first-child .sub-menu li.menu-item {
              width: 50%;
              padding-right: 1.5rem; }
        .footer .footer_wrapper .menu > li.menu-item a {
          color: #FFF; }
        .footer .footer_wrapper .menu > li.menu-item > a {
          font-weight: 900; }
        .footer .footer_wrapper .menu > li.menu-item:first-child {
          padding-left: 0; }
        .footer .footer_wrapper .menu > li.menu-item:last-child {
          border-right-width: 0;
          padding-right: 0; }
        .footer .footer_wrapper .menu > li.menu-item .sub-menu {
          margin-top: 1rem; }
          .footer .footer_wrapper .menu > li.menu-item .sub-menu li.menu-item {
            margin-bottom: .5rem;
            transform: .3s;
            line-height: 1; }
            .footer .footer_wrapper .menu > li.menu-item .sub-menu li.menu-item:last-child {
              margin-bottom: 0; }
            .footer .footer_wrapper .menu > li.menu-item .sub-menu li.menu-item:hover {
              opacity: .7; }
    .footer .footer_wrapper .meta_wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding: 0 0 1.5rem;
      margin-top: -1rem; }
      .footer .footer_wrapper .meta_wrapper .block_credit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
            align-items: flex-end; }
        .footer .footer_wrapper .meta_wrapper .block_credit h6 {
          font-weight: bold;
          margin-right: 1rem;
          color: .7;
          color: #FFF; }
        .footer .footer_wrapper .meta_wrapper .block_credit a {
          color: #FFF; }
      .footer .footer_wrapper .meta_wrapper .block_partner_logos {
        text-align: right;
        margin-right: 2.5rem;
        display: -ms-flexbox;
        display: flex; }
        .footer .footer_wrapper .meta_wrapper .block_partner_logos img {
          height: 100px;
          width: auto;
          margin-left: 1.5rem; }

html[lang="zh-hant"] .footer .footer_wrapper .menu > li.menu-item .sub-menu {
  font-weight: 400;
  opacity: .9; }

@media only screen and (max-width: 1240px) {
  .footer .footer_wrapper .meta_wrapper {
    display: block;
    margin-top: 2rem; }
    .footer .footer_wrapper .meta_wrapper .block_credit {
      display: block; }
      .footer .footer_wrapper .meta_wrapper .block_credit h6 {
        margin-right: 0;
        margin-bottom: 0; }
    .footer .footer_wrapper .meta_wrapper .block_partner_logos {
      margin-top: 1rem; } }

@media only screen and (max-width: 992px) {
  .footer .footer_wrapper .menu-main_menu-container,
  .footer .footer_wrapper .menu-main_menu-chinese-traditional0-container {
    display: none; }
  .footer .footer_wrapper .meta_wrapper {
    padding: 1.5rem 0;
    margin-top: 0;
    display: block; }
    .footer .footer_wrapper .meta_wrapper .block_credit {
      width: 100%;
      display: block; }
      .footer .footer_wrapper .meta_wrapper .block_credit h6 {
        width: 100%;
        margin-right: 0; }
    .footer .footer_wrapper .meta_wrapper .block_partner_logos {
      width: 100%;
      text-align: left;
      margin-right: 0; }
      .footer .footer_wrapper .meta_wrapper .block_partner_logos img {
        margin-left: 0;
        margin-right: .75rem;
        height: 90px; } }

@media only screen and (max-width: 576px) {
  .footer .footer_wrapper .meta_wrapper .block_partner_logos img {
    height: 60px; } }

/*--------------------------------------------------------------
Video
--------------------------------------------------------------*/
.modals_video {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: -1;
  opacity: 0; }
  .modals_video.active {
    opacity: 1;
    z-index: 9999; }
    .modals_video.active .video_wrapper {
      display: block;
      opacity: 1; }
    .modals_video.active .video_bg {
      width: 100%; }
  .modals_video .video_wrapper {
    width: 90%;
    max-width: 1200px;
    z-index: 2;
    position: relative;
    opacity: 0;
    transition: .3s;
    transition-delay: .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.4); }
    .modals_video .video_wrapper .btn_close {
      position: absolute;
      right: -4rem;
      top: -4rem;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      border: 1px solid #FFF;
      background-size: 22px 22px;
      background-position: center center;
      background-image: url("./assets/svg/icon-cross-white.svg");
      background-repeat: no-repeat;
      cursor: pointer;
      transition: .3s; }
      .modals_video .video_wrapper .btn_close:hover {
        transform: scale(1.2); }
  .modals_video .video_bg {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    transition: .4s; }

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.modals_gallery,
.modals_gallery_with_description {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: -1;
  opacity: 0; }
  .modals_gallery.active,
  .modals_gallery_with_description.active {
    opacity: 1;
    z-index: 9999; }
    .modals_gallery.active .modals_wrapper,
    .modals_gallery_with_description.active .modals_wrapper {
      display: block;
      opacity: 1; }
    .modals_gallery.active .modals_bg,
    .modals_gallery_with_description.active .modals_bg {
      width: 100%; }
  .modals_gallery .modals_wrapper,
  .modals_gallery_with_description .modals_wrapper {
    width: 90%;
    max-width: 1200px;
    z-index: 2;
    position: relative;
    opacity: 0;
    transition: .3s;
    transition-delay: .3s;
    background: #FFF;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }
    .modals_gallery .modals_wrapper .btn_close,
    .modals_gallery_with_description .modals_wrapper .btn_close {
      position: absolute;
      right: -4rem;
      top: 0;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      border: 2px solid #127bc0;
      background-size: 22px 22px;
      background-position: center center;
      background-image: url("./assets/svg/icon-cross-blue.svg");
      background-repeat: no-repeat;
      cursor: pointer;
      transition: .3s;
      pointer-events: none; }
      .modals_gallery .modals_wrapper .btn_close:hover,
      .modals_gallery_with_description .modals_wrapper .btn_close:hover {
        transform: scale(1.2); }
    .modals_gallery .modals_wrapper .gallery_slider_wrapper,
    .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper {
      padding: 1rem;
      max-width: 1200px; }
      .modals_gallery .modals_wrapper .gallery_slider_wrapper .sliders,
      .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper .sliders {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        height: 700px;
        max-height: 800px;
        margin-bottom: 0; }
      .modals_gallery .modals_wrapper .gallery_slider_wrapper .gallery_controller_wrapper .controller .dot,
      .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper .gallery_controller_wrapper .controller .dot {
        margin: .5rem .1rem; }
  .modals_gallery .modals_bg,
  .modals_gallery_with_description .modals_bg {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    left: 0;
    top: 0;
    transition: .4s; }

@media only screen and (max-width: 1440px) {
  .modals_gallery .modals_wrapper .btn_close,
  .modals_gallery_with_description .modals_wrapper .btn_close {
    right: 0;
    top: -4rem; } }

@media only screen and (max-width: 992px) {
  .modals_gallery .modals_wrapper .gallery_slider_wrapper .sliders,
  .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper .sliders {
    height: 60vw; } }

@media only screen and (max-width: 768px) {
  .modals_gallery .modals_wrapper .btn_close,
  .modals_gallery_with_description .modals_wrapper .btn_close {
    right: 0;
    top: -4rem; }
  .modals_gallery .modals_wrapper .gallery_slider_wrapper,
  .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper {
    padding: 0; }
    .modals_gallery .modals_wrapper .gallery_slider_wrapper .sliders,
    .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper .sliders {
      height: 60vw; }
    .modals_gallery .modals_wrapper .gallery_slider_wrapper .gallery_controller_wrapper .controller .dot,
    .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper .gallery_controller_wrapper .controller .dot {
      margin: .3rem .1rem .3rem; } }

.modals_gallery_with_description.active .modals_wrapper {
  display: -ms-flexbox;
  display: flex; }

.modals_gallery_with_description .modals_wrapper {
  max-width: 1600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .modals_gallery_with_description .modals_wrapper .gallery_content {
    width: 500px;
    padding: 1.5rem 4rem 1rem 2rem; }
    .modals_gallery_with_description .modals_wrapper .gallery_content h3 {
      font-weight: bold;
      font-size: 35px; }
    .modals_gallery_with_description .modals_wrapper .gallery_content p {
      font-size: 19px !important; }
    .modals_gallery_with_description .modals_wrapper .gallery_content ol {
      margin-bottom: 2rem; }
      .modals_gallery_with_description .modals_wrapper .gallery_content ol li {
        font-size: 17px;
        list-style-type: decimal;
        margin-left: 1rem;
        margin-bottom: .5rem; }
  .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper {
    width: calc(100% - 500px); }

@media only screen and (max-width: 576px) {
  .modals_gallery_with_description .modals_wrapper .gallery_slider_wrapper {
    width: 100%;
    padding-top: 0; }
  .modals_gallery_with_description .modals_wrapper .gallery_content {
    width: 100%;
    padding: 1rem 1rem 0 1rem; }
    .modals_gallery_with_description .modals_wrapper .gallery_content h3 {
      font-size: 22px;
      margin-bottom: .5rem; }
    .modals_gallery_with_description .modals_wrapper .gallery_content p {
      font-size: 17px !important; } }

/*--------------------------------------------------------------
Diagram
--------------------------------------------------------------*/
.safety_diagram-container {
  margin-bottom: 4rem; }
  .safety_diagram-container .safety-diagram-wrapper .items {
    display: -ms-flexbox;
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    -ms-flex-pack: center;
        justify-content: center; }
    .safety_diagram-container .safety-diagram-wrapper .items .item {
      background-color: #127bc0;
      color: #FFF;
      text-align: center;
      margin: 1rem .5rem;
      position: relative;
      width: 33.3%;
      padding: 2rem;
      cursor: pointer;
      transition: .3s;
      background-size: cover; }
      .safety_diagram-container .safety-diagram-wrapper .items .item:hover .info-wrapper {
        background-color: rgba(0, 0, 0, 0.1); }
      .safety_diagram-container .safety-diagram-wrapper .items .item:nth-child(1) {
        background-image: url("./images/layout/safety-1-H-S-Initiatives.jpg"); }
      .safety_diagram-container .safety-diagram-wrapper .items .item:nth-child(2) {
        background-image: url("./images/layout/safety-2-Safety-Technologies.jpg"); }
      .safety_diagram-container .safety-diagram-wrapper .items .item:nth-child(3) {
        background-image: url("./images/layout/safety-3-Training.jpg"); }
      .safety_diagram-container .safety-diagram-wrapper .items .item:after {
        content: '';
        display: block;
        padding-top: 100%; }
      .safety_diagram-container .safety-diagram-wrapper .items .item .info-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto auto;
        color: #FFF;
        text-transform: uppercase;
        padding: 2rem;
        z-index: 1;
        -ms-flex-direction: column;
            flex-direction: column;
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.3); }
        .safety_diagram-container .safety-diagram-wrapper .items .item .info-wrapper a {
          color: #FFF; }
        .safety_diagram-container .safety-diagram-wrapper .items .item .info-wrapper p {
          font-size: 15px; }
      .safety_diagram-container .safety-diagram-wrapper .items .item .content {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -5%;
        right: 0;
        margin: auto;
        width: 110%;
        height: 110%;
        z-index: 2;
        transition: .3s;
        background-color: #127bc0;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        text-align: center;
        padding: 2rem;
        color: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        transform: scale(0.8);
        text-align: left; }
        .safety_diagram-container .safety-diagram-wrapper .items .item .content ul li {
          width: 100%; }
      .safety_diagram-container .safety-diagram-wrapper .items .item:hover .content {
        opacity: 1;
        transform: scale(1);
        pointer-events: inherit; }

.section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item {
    width: 20%;
    margin: .5rem;
    text-align: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(18, 123, 192, 0.2);
    position: relative; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:after {
      position: relative;
      content: '';
      padding-top: 100%;
      display: block; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:nth-child(1) {
      background-color: #ff6633; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:nth-child(2) {
      background-color: #66cc99; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:nth-child(3) {
      background-color: #999999; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:nth-child(4) {
      background-color: #669999; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:nth-child(5) {
      background-color: #ffcc33; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      padding: 1rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-direction: column;
          flex-direction: column; }
      .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper .icon {
        width: 60px;
        height: 60px;
        margin-bottom: .5rem; }
      .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper h4 {
        margin: 0;
        color: #FFF;
        font-size: 19px;
        font-weight: 900;
        min-height: 78px; }

@media only screen and (max-width: 1140px) {
  .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper h4 {
    font-size: 17px; } }

@media only screen and (max-width: 992px) {
  .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
      .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper .icon {
        width: 50px;
        height: 50px; }
      .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item .info-wrapper h4 {
        min-height: inherit; }
      .section_topsite_critiria .critiria-diagram-container .critiria-diagram-wrapper .items .item:after {
        height: 150px;
        padding-top: 0; } }

.section_topsite_12_areas {
  margin-top: 6rem;
  margin-bottom: 6rem; }
  .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item {
      width: 20%;
      margin: .5rem;
      text-align: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative;
      border-radius: 20px; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:after {
        position: relative;
        content: '';
        padding-top: 100%;
        display: block; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(1), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(2), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(3), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(4) {
        background-color: #d8eeee; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(1) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(2) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(3) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(4) .icon {
          background-color: #06b8b7; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(1) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(2) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(3) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(4) .popup-content {
          background-color: #06b8b7; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(5), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(6) {
        background-color: #deeee4; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(5) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(6) .icon {
          background-color: #6ac195; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(5) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(6) .popup-content {
          background-color: #6ac195; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(7), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(8) {
        background-color: #f1f5e0; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(7) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(8) .icon {
          background-color: #c7d95d; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(7) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(8) .popup-content {
          background-color: #c7d95d; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(9) {
        background-color: #e6ede4; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(9) .icon {
          background-color: #9ecb61; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(9) .popup-content {
          background-color: #9ecb61; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(10), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(11), .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(12) {
        background-color: #fdeee2; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(10) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(11) .icon, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(12) .icon {
          background-color: #f2934b; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(10) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(11) .popup-content, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(12) .popup-content {
          background-color: #f2934b; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .5rem;
        margin-top: 1rem;
        width: 60px;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        background-color: #ddd;
        border-radius: 40px;
        margin-bottom: 1rem; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .icon img {
          width: 40px;
          height: 40px;
          margin: 0;
          display: inline-block; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .info-wrapper {
        padding: 1rem;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 1rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-direction: column;
            flex-direction: column; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15%;
        right: 0;
        margin: auto;
        width: 130%;
        height: 130%;
        border-radius: 10px;
        z-index: 2;
        transition: .5s;
        background-color: #127bc0;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        text-align: center;
        padding: 2rem;
        color: #FFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        transform: scale(0.8);
        text-align: left;
        -ms-flex-direction: column;
            flex-direction: column;
        text-align: center; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content h4 {
          color: #FFF;
          margin-bottom: 2rem;
          min-height: inherit;
          margin-top: -1rem; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content p {
          font-size: 17px; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item h4, .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item p {
        color: #666; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item p {
        color: #FFF; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item h4 {
        font-size: 17px;
        margin: 0;
        min-height: 78px; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:hover .popup-content {
        opacity: 1;
        transform: scale(1);
        pointer-events: inherit; }

@media only screen and (max-width: 1240px) {
  .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item {
    width: calc(25% - 1rem); }
    .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content {
      width: 160%;
      height: 160%;
      left: -30%; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content h4 {
        margin-bottom: 1rem; } }

@media only screen and (max-width: 992px) {
  .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item {
    width: calc(33.333% - 1rem); } }

@media only screen and (max-width: 768px) {
  .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item {
    width: calc(50% - 1rem); } }

@media only screen and (max-width: 576px) {
  .section_topsite_12_areas {
    margin-top: 3rem;
    margin-bottom: 3rem; }
    .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items {
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item {
        width: 48%;
        margin-left: 0;
        margin-right: 0; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item h4 {
          font-size: 15px;
          line-height: 1.1; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .info-wrapper .icon {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          margin-top: 1rem;
          margin-bottom: 1rem;
          width: 45px;
          height: 45px;
          min-height: 45px; }
          .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .info-wrapper .icon img {
            width: 25px;
            height: 25px; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item:nth-child(2n) .popup-content {
          right: -1.5rem;
          left: inherit; }
        .section_topsite_12_areas .areas-12-diagram-container .areas-12-diagram-wrapper .items .item .popup-content {
          width: 220%;
          height: 220%;
          left: -1.5rem; } }

/*--------------------------------------------------------------
Notification
--------------------------------------------------------------*/
.popup_notification {
  position: fixed;
  z-index: 9999;
  max-width: 760px;
  width: calc(100vw);
  height: auto;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .popup_notification.hide {
    opacity: 0;
    transition: .6s all ease; }
  .popup_notification .popup_bg {
    position: absolute;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    box-shadow: 0 0 6px #000; }
  .popup_notification .popup_content {
    max-width: 100%;
    background-color: #ddd;
    padding: 1rem 2.5rem .5rem 1rem;
    color: #222;
    position: relative;
    z-index: 2;
    border-left: 2px solid #00A6E2;
    box-shadow: 0 0 4px #555; }
    .popup_notification .popup_content p {
      margin-bottom: .4rem;
      line-height: 1.4; }
      .popup_notification .popup_content p a {
        color: #00A6E2; }
  .popup_notification .btn-close {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 0;
    top: .2rem;
    z-index: 3;
    cursor: pointer; }
    .popup_notification .btn-close span {
      width: 16px;
      height: 2px;
      position: absolute;
      background-color: #00A6E2;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto auto;
      transform-origin: center; }
      .popup_notification .btn-close span:first-child {
        transform: rotate(45deg); }
      .popup_notification .btn-close span:last-child {
        transform: rotate(-45deg); }
    .popup_notification .btn-close:hover span {
      opacity: .8; }

@media screen and (max-width: 576px) {
  .popup_notification {
    width: calc(100vw - 2rem);
    left: 1rem;
    bottom: 1rem; } }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }