@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,600,800,900");
@font-face {
  font-family: "Baskerville";
  font-weight: 400;
  src: url("../fonts/BaskervilleLight.ttf") format("truetype");
}
@font-face {
  font-family: "Baskerville Italic";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/BaskervilleItalicBT.ttf") format("truetype");
}

@font-face {
  font-family: "PingFang";
  font-weight: 400;
  src: url("../fonts/PingFangTC-Thin-14.ttf") format("truetype");
}

@font-face {
  font-family: "Glyphicons Halflings";

  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"),
    url("../fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")
      format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

a,
a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}
.sticky-menu a {
  color: white;
}
.sticky-menu a:hover {
  color: #333;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.bg-theme-1 {
  background-color: #f8f9ff !important;
}

.bg-theme-2 {
  background-color: #36384c !important;
}

.bg-theme-3 {
  background-color: #f0f1ff !important;
}

@-webkit-keyframes fadeIn_ol {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn_ol {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInTyping_ol {
  -webkit-animation-name: fadeInTyping_ol;
  animation-name: fadeInTyping_ol;
}

.fadeOutTyping_ol {
  -webkit-animation-name: fadeOutTyping_ol;
  animation-name: fadeOutTyping_ol;
}

.fadeInTyping_ol > .item:after {
  -webkit-animation-name: fadeInTyping_i_ol;
  animation-name: fadeInTyping_i_ol;
}

.fadeOutTyping_ol > .item:after {
  -webkit-animation-name: fadeOutTyping_i_ol;
  animation-name: fadeOutTyping_i_ol;
}

.home-block-4 .events-slider .owl-carousel .item {
  position: relative;
}

.home-block-4 .events-slider .owl-carousel .item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  background-color: #8b8f99;
}

.owl-carousel .animated > .item:after {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInTyping_ol {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInTyping_ol {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInTyping_i_ol {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

@keyframes fadeInTyping_i_ol {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

.fadeIn_ol {
  -webkit-animation-name: fadeIn_ol;
  animation-name: fadeIn_ol;
}

@-webkit-keyframes fadeOut_ol {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut_ol {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut_ol {
  -webkit-animation-name: fadeOut_ol;
  animation-name: fadeOut_ol;
}

@-webkit-keyframes fadeOutTyping_ol {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOutTyping_ol {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutTyping_i_ol {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes fadeOutTyping_i_ol {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

[class*="icon-"] {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, Microsoft Jhenghei,
    sans-serif;
  scroll-behavior: smooth;
  padding-top: 90px;
  letter-spacing: 0.03em;
}

body.home {
  padding-top: 0;
}

.container {
  max-width: 1256px;
  padding-left: 18px;
  padding-right: 18px;
}

.container-fluid {
  padding-left: 18px;
  padding-right: 18px;
}

.row {
  margin-left: -18px;
  margin-right: -18px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 18px;
  padding-right: 18px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 90px;
  transition: background-color 0.1s ease-out, color 0.1s ease-out;
  z-index: 99;
  color: #fff;
  font-size: 18px;
  background-color: #fff;
}

body.home header {
  background-color: rgba(0, 0, 0, 0);
}

body.home header.active,
body.home header:hover {
  background-color: #fff;
  color: #333;
}

header:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-bottom: 1px solid #ededed;
  transition: border-bottom 0.1s ease-out;
}

body:not(.home) header.attop:after {
  display: none;
}

body.home header:after {
  border-bottom: 1px solid #fff;
}

body.home header.active:after,
body.home header:hover:after {
  border-bottom: 1px solid #ededed;
}

.header-logo img {
  width: auto;
  height: 50px;
  margin-top: 20px;
  margin-right: 30px;
}

.menu-nav > ul {
  float: right;
}

.menu-nav > ul > li > a {
  line-height: 90px;
  margin: 0 17px;
  color: #333;
  transition: color 0.1s ease-out;
  position: relative;
  display: block;
}

.menu-nav > ul > li > a:hover {
  color: #d31345 !important;
}

.menu-nav > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: #d31345;
  height: 4px;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.menu-nav > ul > li:hover > a:after {
  opacity: 1;
}

body.home .menu-nav > ul > li > a {
  color: #fff;
}

body.home header.active .menu-nav > ul > li > a,
body.home header:hover .menu-nav > ul > li > a {
  color: #333;
}

.wrapper {
  overflow-x: hidden;
}

.menu-toggle {
  display: none;
}

.sub-menu {
  top: 90px;
  left: 0;
  right: 0;
  position: fixed;
  visibility: hidden;
  background-color: #fff;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.1s ease-out;
  padding: 40px 0 70px;
}

.header-search {
  position: fixed;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  overflow: hidden;
  background-color: #256cd2;
  transition: all 0.3s ease-out;
  z-index: 9;
}

.header-search.open {
  width: 330px;
  background-color: #d31345;
}

.header-search .btn-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-image: url(../images/h-search.png);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.header-search.open .btn-toggle {
  background-image: url(../images/h-cross.svg);
  background-size: 18px 18px;
}

.header-search input {
  position: absolute;
  top: 0;
  right: 105px;
  width: 200px;
  height: 90px;
  background: none;
  outline: none !important;
  border: 0;
  color: #fff;
  font-size: 18px;
}

.header-search button {
  display: none;
}

.header-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 0.5;
}
.header-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 0.5;
}
.header-search input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 0.5;
}
.header-search input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 0.5;
}

.footer-main {
  background-color: #d31345;
  color: #fff;
  font-size: 16px;
  padding: 90px 0;
}

footer a {
  color: #fff;
  transition: all 0.2s ease-out;
}
footer a.tx-black {
  color: #212529;
}

.footer-links {
  margin-bottom: 60px;
}

.footer-links a {
  display: block;
  font-weight: 200;
}

.footer-links .title {
  padding-bottom: 7px;
  margin-bottom: 18px;
  position: relative;
  font-weight: 400;
}

.footer-links .title:after {
  content: "";
  width: 70px;
  height: 1px;
  background-color: #fff;
  opacity: 0.4;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer-subscribe {
  padding-right: 0;
}

.footer-subscribe .form-group {
  position: relative;
  margin-bottom: 55px;
}

.footer-subscribe input {
  border: 0;
  background: #fff;
  outline: none !important;
  color: #d31345;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.footer-subscribe input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d31345;
}
.footer-subscribe input::-moz-placeholder {
  /* Firefox 19+ */
  color: #d31345;
}
.footer-subscribe input:-ms-input-placeholder {
  /* IE 10+ */
  color: #d31345;
}
.footer-subscribe input:-moz-placeholder {
  /* Firefox 18- */
  color: #d31345;
}

.footer-subscribe button {
  width: 220px;
  height: 60px;
  font-size: 16px;
  font-weight: 200;
  outline: none !important;
  box-shadow: none;
  border: 0;
  border: 1px solid #fff;
  color: #d31345;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.footer-subscribe .form-group button:hover {
  color: #fff;
  background: none;
}

.footer-links-2 {
  margin-bottom: 40px;
}

.footer-social .title {
  font-weight: 200;
  margin-bottom: 20px;
}

.footer-social a {
  margin-right: 40px;
}

.home-banner .owl-carousel {
  display: block !important;
}

.home-banner .item {
  height: 100vh;
  position: relative;
  color: #fff;
}

.home-banner .item > * {
  position: relative;
}

.home-banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*.home-banner .bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  opacity: 0.6;
}*/

.home-banner .container {
  height: 100%;
}

.home-banner .block-1 {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 50%;
  padding-right: 18px;
  transform: translateY(-50%);
}

.home-banner .item.right .block-1 {
  left: auto;
  right: 18px;
  text-align: right;
}

.home-banner .block-1 .title {
  font-size: 42px;
  font-weight: 600;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 10px;
  transition: all 0.7s ease-out;
  transition-delay: 1s;
  transform: translateY(-20px);
  opacity: 0;
}

.home-banner .owl-item.active .block-1 .title {
  transform: translateY(0);
  opacity: 1;
}

.home-banner .block-1 .line-1 {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.7s ease-out;
  transition-delay: 1s;
  transform: translateY(20px);
  opacity: 0;
  display: inline-block;
  padding: 10px 20px;
}

.home-banner .owl-item.active .block-1 .line-1 {
  transform: translateY(0);
  opacity: 1;
}

.home-banner .block-2 {
  position: absolute;
  right: 18px;
  bottom: 150px;
  width: 25%;
  font-size: 16px;
  font-weight: 200;
  padding-left: 18px;
  transition: all 0.7s ease-out;
  transition-delay: 1s;
  transform: translateX(20px);
  opacity: 0;
}

.home-banner .owl-item.active .block-2 {
  transform: translateX(0);
  opacity: 1;
}

.home-banner .block-2 p:last-child {
  margin-bottom: 0;
}

.home-banner .owl-dots {
  position: absolute;
  left: calc(50% + 316px);
  bottom: 37px;
  font-size: 0;
}

.home-banner .owl-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fff;
  margin: 3px;
}

.home-banner .owl-dot.active {
  opacity: 0.3;
}

.home-block-1 {
  background-color: #256cd2;
  color: #fff;
  overflow: hidden;
}

.home-block-1 .col {
  height: 200px;
}

.home-block-1 a {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  display: block;
  width: 150px;
  color: #fff;
  font-size: 25px;
  font-weight: 200;
}

.home-block-1 a:hover {
  color: #d31345;
}

.home-block-1 .col:nth-child(2) a {
  left: 40%;
  transform: translateX(-50%) translateY(-50%);
}

.home-block-1 .col:nth-child(3) a {
  left: 60%;
  transform: translateX(-50%) translateY(-50%);
}

.home-block-1 .col:nth-child(4) a {
  left: auto;
  right: 18px;
}

.home-block-1 .title {
  line-height: 1.2;
  transition: all 0.3s ease-out;
}

.home-block-1 .icon {
  line-height: 80px;
}

.home-block-1 .icon i {
  transition: all 0.3s ease-out;
}

.icon-b-1 {
  background-image: url(../images/icon-b-1.svg);
  width: 48px;
  height: 72px;
}

.icon-b-2 {
  background-image: url(../images/icon-b-2.svg);
  width: 52px;
  height: 52px;
}

.icon-b-3 {
  background-image: url(../images/icon-b-3.svg);
  width: 51px;
  height: 48px;
}

.icon-b-4 {
  background-image: url(../images/icon-b-4.svg);
  width: 43px;
  height: 50px;
}

/*a:hover .icon-b-1 {
  background-image: url(../images/icon-b-1_r.svg);
}

a:hover .icon-b-2 {
  background-image: url(../images/icon-b-2_r.svg);
}

a:hover .icon-b-3 {
  background-image: url(../images/icon-b-3_r.svg);
}

a:hover .icon-b-4 {
  background-image: url(../images/icon-b-4_r.svg);
}*/

.home-block-2 {
  padding: 0 0 130px;
}

.home-block-2 > .container {
  position: relative;
}

.is-title {
  font-size: 35px;
  font-weight: 400;
  line-height: 60px;
  color: #256cd2;
}

.is-title i {
  margin-left: 20px;
  position: relative;
  top: -2px;
}

.home-block-2 .is-title {
  background-color: #231f20;
  color: #fff;
  padding: 20px 0 5px;
  position: relative;
}

.home-block-2 .is-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(50% - 398px);
  background-color: #be1e2d;
  border-right: 30px solid #064f9b;
}

.home-block-2 .is-title .container {
  position: relative;
}

.btn-theme-1 {
  display: inline-block;
  width: 250px;
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  color: #8b8f99;
  border: 1px solid #8b8f99;
  border-radius: 3px;
  background: none;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease-out;
}

.btn-section-view-more {
  position: absolute;
  top: 0;
  right: 18px;
}

.icon-times {
  background-image: url(../images/times.svg);
  width: 11px;
  height: 10px;
  position: relative;
  top: -1px;
}

.btn-theme-1 .icon-times {
  transition: all 0.3s ease-out;
}

.btn-theme-1:hover .icon-times {
  background-image: url(../images/times_w.svg);
}

.btn-theme-1:hover {
  color: #fff;
  border-color: #8b8f99;
  background-color: #8b8f99;
}

.icon-s-1 {
  background-image: url(../images/icon-s-1.svg);
  width: 46px;
  height: 50px;
}

.icon-s-1-v2 {
  background-image: url(../images/icon-s-1-v2.svg);
  width: 46px;
  height: 50px;
}

.list-1 {
  margin: 0 -7px;
}

.list-1 > [class^="col"] {
  padding: 0 7px;
}

.home-block-2 .list-1 {
  margin-top: 65px;
}

.list-1.owl-carousel {
  width: auto;
}

.list-1.owl-carousel .owl-nav {
}

.list-1.owl-carousel .owl-nav > div {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22.4px 40.6px;
  width: 22.4px;
  height: 40.6px;
  transition: all 0.2s ease-out;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
}

.list-1.owl-carousel:hover .owl-nav > div {
  opacity: 1;
}

.list-1.owl-carousel .owl-nav > .owl-prev {
  background-image: url(../images/left-s3.svg);
  left: -4%;
}

.list-1.owl-carousel .owl-nav > .owl-next {
  background-image: url(../images/right-s3.svg);
  right: -4%;
}

.list-1 .list-item-wp {
  padding: 0 7px;
}

.list-1 .list-item {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin-bottom: 30px;
}

.list-1.owl-carousel .list-item {
  margin-top: 5px;
  margin-bottom: 5px;
}

.list-1 .list-item > .img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 90%;
}

.list-1 .list-item > .content {
  padding: 35px 30px;
  height: 200px;
  font-size: 25px;
  line-height: 1.2;
  transition: all 0.3s ease-out;
}

.list-1 .list-item:hover > .content {
  color: #d31345;
}

.list-1 .list-item > .content .title {
  color: #8b8f99;
  transition: all 0.3s ease-out;
}

.list-1 .list-item:hover > .content .title {
  color: #d31345;
}

.sub-menu .row {
  margin: 0;
}

.sub-menu .row > div {
  padding: 0;
}

.sm-title {
  color: #333;
}

.sm-title [class^="icon-"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}

.sm-title.long-icon [class^="icon-"] {
  width: 80px;
}

.icon-a1 {
  background-image: url(../images/a1_2.svg);
  background-size: 72px 40px;
  width: 72px;
  height: 40px;
}

.icon-a2 {
  background-image: url(../images/a2_2.svg);
  background-size: 72px 40px;
  width: 72px;
  height: 40px;
}

.icon-a3 {
  background-image: url(../images/a3_2.svg);
  background-size: 63px 40px;
  width: 63px;
  height: 40px;
}

.icon-a4 {
  background-image: url(../images/a4_2.svg);
  background-size: 80px 40px;
  width: 80px;
  height: 40px;
}

.sm-title .icon-a4 {
  width: 48px;
}

.icon-s1 {
  background-image: url(../images/s1.svg);
  background-size: 32px 49px;
  width: 32px;
  height: 49px;
}

.sm-title .icon-s1 {
  height: 49px;
}

.icon-s2 {
  background-image: url(../images/s2.svg);
  background-size: 34px 35px;
  width: 34px;
  height: 35px;
}

.icon-s3 {
  background-image: url(../images/s3.svg);
  background-size: 34px 33px;
  width: 34px;
  height: 33px;
}

.icon-s4 {
  background-image: url(../images/s4.svg);
  background-size: 30px 36px;
  width: 30px;
  height: 36px;
}

.icon-p1 {
  background-image: url(../images/p1.svg);
  background-size: 40px 37px;
  width: 40px;
  height: 37px;
}

.icon-p1-2 {
  background-image: url(../images/p1_2.svg);
  background-size: auto 100%;
  width: 110px;
  height: 57px;
}

.sm-title .icon-p1-2 {
  height: 35.625px;
}

.icon-p2 {
  background-image: url(../images/p2.svg);
  background-size: 42px 36px;
  width: 42px;
  height: 36px;
}

.icon-p2-2 {
  background-image: url(../images/p2_2.svg);
  background-size: auto 100%;
  width: 93px;
  height: 59px;
}

.sm-title .icon-p2-2 {
  height: 36.875px;
}

.sm-title .icon-p2 {
  width: 42px;
}

.icon-w1 {
  background-image: url(../images/w1.svg);
  background-size: 32px 38px;
  width: 32px;
  height: 38px;
}

.icon-w1-2 {
  background-image: url(../images/w1_2.svg);
  background-size: auto 100%;
  width: 107px;
  height: 56px;
}

.sm-title .icon-w1-2 {
  height: 35px;
}

.icon-w2 {
  background-image: url(../images/w2.png);
  background-size: auto 100%;
  width: 76px;
  height: 51px;
}

.icon-w2-2 {
  background-image: url(../images/w2_2.svg);
  background-size: auto 100%;
  width: 99px;
  height: 56px;
}

.icon-w2-3 {
  background-image: url(../images/w2_3.png);
  background-size: auto 100%;
  width: 76px;
  height: 51px;
}

.icon-w2-4 {
  background-image: url(../images/w2_4.png);
  background-size: auto 100%;
  width: 76px;
  height: 51px;
}

.sm-title .icon-w2-2 {
  height: 35px;
}

.icon-c1 {
  background-image: url(../images/c1_2.png);
  background-size: 30px 41px;
  width: 30px;
  height: 41px;
}

.sm-title .icon-c1 {
  height: 41px;
}

.icon-c2 {
  background-image: url(../images/c2_2.png);
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
}

.icon-c3 {
  background-image: url(../images/c3_2.png);
  background-size: 38px 23px;
  width: 38px;
  height: 23px;
}

.sub-menu .sm-title {
  margin-bottom: 5px;
  padding-top: 8px;
  padding-left: 55px;
}

.sub-menu .sm-title.long-icon,
.sub-menu .sm-title.long-icon + .sm-list {
  padding-left: 85px;
}

.sub-menu .sm-title a:hover {
  color: #d31345;
}

.sub-menu .sm-list {
  list-style: none;
  padding-left: 55px;
}

.sub-menu .sm-list a {
  color: #8b8f99;
}

.sub-menu .sm-list a:hover {
  color: #d31345;
}

.home-block-3 {
  background-color: #256cd2;
  padding: 65px 0;
  color: #fff;
}

.home-block-3 .col-6 {
  text-align: center;
}

.home-block-3 .col-6 + .col-6 {
  border-left: 1px solid #fff;
}
.home-block-3 .no {
  margin-bottom: 15px;
}

.home-block-3 big {
  display: inline-block;
  vertical-align: middle;
  font-size: 80px;
  font-weight: 200;
  line-height: 1;
  margin: 0 10px;
}

.home-block-3 small {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
}

.home-block-3 .title {
  font-size: 16px;
}

.home-block-3 .icon {
  margin-top: 30px;
  height: 60px;
  position: relative;
  margin-bottom: 10px;
}

.home-block-3 .icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.icon-h3-1 {
  background-image: url(../images/h3-1.svg);
  width: 64px;
  height: 52px;
}

.icon-h3-2 {
  background-image: url(../images/h3-2.svg);
  width: 56px;
  height: 58px;
}

.icon-h3-3 {
  background-image: url(../images/h3-3.svg);
  width: 54px;
  height: 55px;
}

.home-block-4 {
  background-color: #3b3b3b;
  padding: 60px 0 110px;
  position: relative;
}

.home-block-4 > .container {
  position: relative;
}

.icon-calendar {
  background-image: url(../images/calendar.svg);
  width: 46px;
  height: 46px;
}

.home-block-4 .is-title {
  margin-bottom: 55px;
  color: #fff;
}

.home-block-4 .row {
  margin: 0;
}

.home-block-4 .events-slider {
  background-color: #8b8f99;
  color: #fff;
  padding: 35px 20px 0;
  font-size: 16px;
  font-weight: 200;
}

.home-block-4 .events-slider .owl-nav {
  font-size: 0;
  position: absolute;
  right: 0;
  top: -30px;
}

.home-block-4 .events-slider .owl-nav > div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 29px;
  width: 16px;
  height: 29px;
  transition: all 0.2s ease-out;
  display: inline-block;
  cursor: pointer;
}

.home-block-4 .events-slider .owl-nav > div.disabled {
  filter: brightness(1000%);
  cursor: default;
}

.home-block-4 .events-slider .owl-nav > .owl-prev {
  background-image: url(../images/left-s2_w.svg);
  margin-right: 10px;
}

.home-block-4 .events-slider .owl-nav > .owl-next {
  background-image: url(../images/right-s2_w.svg);
}

.home-block-4 .events-calendar > bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-block-4 .events-calendar > bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  opacity: 0.5;
}

.home-block-4 .events-slider .title {
  font-size: 25px;
  font-weight: 400;
  padding: 0 20px;
}

.home-block-4 .events-slider .item-r {
  font-size: 16px;
  font-weight: 200;
  padding: 18px 20px;
}

.home-block-4 .events-slider .item-r + .item-r {
  border-top: 1px solid #fff;
}

.home-block-4 .events-slider .item-r .icon {
  margin-top: 15px;
  margin-bottom: 10px;
}

.home-block-4 .events-slider .item-r .date {
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

.home-block-4 .events-slider .item-r .date big {
  font-size: 75px;
}

.home-block-4 .events-slider .item-r .b {
  font-size: 25px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  margin-bottom: 15px;
  padding-right: 50px;
  color: #fff;
  transition: all 0.3s ease-out;
}

.home-block-4 .events-slider .item-r .b:hover {
  color: #d31345;
}

.home-block-4 .events-slider .item-r ul {
  font-weight: 400;
  margin-top: 10px;
  padding-left: 20px;
}

.home-block-4 .target-audience {
  margin-top: 15px;
  font-size: 16px;
  position: relative;
}

.home-block-4 .target-audience .title {
  margin-bottom: 15px;
}

.home-block-4 .target-audience > .item {
  border-left: 3px solid;
  line-height: 40px;
  padding-left: 15px;
  font-weight: 200;
}

.home-block-4 .target-audience > .item + .item {
  margin-top: 5px;
}

.icon-ec {
  background-image: url(../images/e-c.svg);
  width: 20px;
  height: 22px;
}

.icon-pc {
  background-image: url(../images/pc.svg);
  width: 20px;
  height: 21px;
}

#events-calendar {
  position: relative;
  color: #fff;
  height: 100%;
}

.clndr-table {
  width: 100%;
}

#events-calendar .clndr-table {
  margin-bottom: 40px;
}

.clndr-table td .content {
  border: 1px solid #fff;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.clndr-table td + td .content {
  border-left-color: rgba(0, 0, 0, 0);
}

.clndr-table tr + tr td .content {
  border-top-color: rgba(0, 0, 0, 0);
}

.clndr-table td inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}

.clndr-table td inner > * {
  position: relative;
}

.clndr-table td inner:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  right: 4px;
  bottom: 4px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.clndr-table td inner .ev {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.clndr-table td inner .ev span {
  display: block;
  border-left: 3px solid;
  padding-left: 6px;
  margin-left: -6px;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 10.5px;
}

.event-list .clndr-table td inner .ev span {
  font-size: 14px;
}

.clndr-table td inner .ev .btn-mev {
  display: inline-block;
  text-align: center;
  width: 80px;
  line-height: 15px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 11px;
  margin-top: 10px;
}

.clndr-table td.today inner:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  right: 4px;
  bottom: 4px;
  background-color: #fff;
  opacity: 0.3;
}

.clndr-table td.event:hover inner:before {
  background-color: #d31345;
  opacity: 0.3;
}

.clndr-table td.header-day .content {
  border: 0;
  padding-bottom: 40%;
  text-align: center;
}

.clndr-table td.header-day:first-child .content inner,
.clndr-table td.header-day:last-child .content inner {
  color: #8b8f99;
}

.clndr-table td.adjacent-month .content inner {
  visibility: hidden;
}

.clndr-controls .month {
  padding: 35px 0 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
}

.clndr-control-button {
  display: none;
}

.event-day-detail {
  background-color: #f5f6f6;
}

.event-day-detail .content {
  padding: 50px 0;
  position: relative;
}

.event-day-detail .btn-close {
  position: absolute;
  top: 50px;
  right: 35px;
  background-image: url(../images/d-cross.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  cursor: pointer;
  width: 22px;
  height: 22px;
}

.event-day-detail .e-date {
  font-size: 25px;
}

.event-day-detail .e-date span {
  color: #d31345;
  white-space: nowrap;
}

.event-day-detail .e-events ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
}

.event-day-detail .e-events ul li + li {
  margin-top: 10px;
}

.event-day-detail .e-events ul li a {
  display: inline-block;
  border-left: 3px solid;
  padding-left: 10px;
  line-height: 1.2;
}

.vendor-logo {
  padding: 40px 0 60px;
  background-color: #fff;
}

.vendor-logo .frame {
  height: 140px;
  line-height: 140px;
  overflow: hidden;
}

.vendor-logo .frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}

.vendor-logo .frame ul li {
  float: left;
  width: 227px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.vendor-logo .frame ul li img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
}

.vendor-logo .scrollbar {
  margin: 45px 0 0;
  height: 8px;
  line-height: 0;
  border-bottom: 1px solid #256cd2;
}

.vendor-logo .scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #256cd2;
  cursor: pointer;
}

.vendor-logo .scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

.page-banner {
  position: relative;
}

.page-banner img {
  width: 100%;
}

.page-banner .overlap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  opacity: 0.2;
}

.page-banner .title {
  position: absolute;
  left: calc(50vw - 622px);
  bottom: 80px;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

.paragraph-1 {
  padding: 60px 0;
  font-size: 16px;
}

.border-bottom {
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
}

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

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

.list-2 .list-item {
  padding: 50px 0;
  font-size: 16px;
}

.list-2 .list-item.long {
}

.list-2 .list-item .title {
  font-size: 25px;
  line-height: 1.2;
}

.list-2 .list-item .title small {
  font-size: 16px;
  display: block;
  margin-bottom: 25px;
}

.list-2 .list-item .s-cat {
  color: #8b8f99;
  font-size: 16px;
  position: absolute;
  left: 18px;
  bottom: 0;
}

.list-2 .list-item .title .img {
  width: 200px;
  max-width: 100%;
  text-align: center;
}

.list-2 .list-item .title a {
  color: #3b3b3b;
  transition: color 0.3s ease-out;
}

.list-2 .list-item .title a:hover {
  color: #d31345;
}

.list-2 .list-item .title a.text-red:hover {
  color: #256cd2 !important;
}

.list-2 .list-item .title a i {
  transition: all 0.3s ease-out;
  transform: scale(0.85);
  transform-origin: left top;
}

.list-2 .list-item .title a i img {
  max-width: 100%;
}

.list-2 .list-item .btn-learn-more {
  margin-top: 20px;
  width: 200px;
}

.list-2 .list-item .btn-learn-more i {
  margin-left: 5px;
}

.list-2 .list-item strong,
.list-2 .list-item b {
  font-size: 20px;
}

.list-2 .title i {
  margin-bottom: 10px;
}

.list-2 .icon-b-1,
.list-8 .icon-s1,
.event-d-content .cat-icon .icon-s1,
.list-9 .list-item a .icon-s1-v2,
.sm-title .icon-s1 {
  background-image: url(../images/icon-b-1_2.svg);
  background-size: auto 100%;
  width: 64px;
  height: 57.6px;
}

.list-9 .list-item a .icon-s1-v2 {
  width: 83px;
  height: 74px;
}

.sm-title .icon-s1 {
  height: 45px;
}

.list-2 .icon-b-2,
.list-8 .icon-s2,
.event-d-content .cat-icon .icon-s2,
.list-9 .list-item a .icon-s2-v2,
.sm-title .icon-s2 {
  background-image: url(../images/icon-b-2_2.svg);
  background-size: auto 100%;
  width: 72.8px;
  height: 52px;
}

.list-9 .list-item a .icon-s2-v2 {
  width: 94px;
  height: 68px;
}

.sm-title .icon-s2 {
  height: 41px;
}

.list-2 .icon-b-3,
.list-8 .icon-s3,
.event-d-content .cat-icon .icon-s3,
.list-9 .list-item a .icon-s3-v2,
.sm-title .icon-s3 {
  background-image: url(../images/icon-b-3_2.svg);
  background-size: auto 100%;
  width: 84.8px;
  height: 52.8px;
}

.list-9 .list-item a .icon-s3-v2 {
  width: 109px;
  height: 69px;
}

.sm-title .icon-s3 {
  height: 41px;
}

.list-2 .icon-b-4,
.list-8 .icon-s4,
.event-d-content .cat-icon .icon-s4,
.list-9 .list-item a .icon-s4-v2,
.sm-title .icon-s4 {
  background-image: url(../images/icon-b-4_2.svg);
  background-size: auto 100%;
  width: 66.4px;
  height: 55.2px;
}

.list-9 .list-item a .icon-s4-v2 {
  width: 85px;
  height: 71px;
}

.sm-title .icon-s4 {
  height: 43px;
}

.b-th {
  padding: 15px 0;
  border-top: 1px solid rgba(139, 143, 153, 0.4);
}

.icon-th-l {
  background-image: url(../images/th-l.svg);
  width: 7px;
  height: 10px;
  position: relative;
  top: -1.5px;
}

.b-th a {
  color: #8b8f99;
  line-height: 1.2;
}

.bg-grey {
  background-color: #ededed !important;
}

.bg-red {
  background-color: #d31345 !important;
}

.sl-head {
  font-size: 0;
}

.sl-head .f-title {
  display: none;
}

.sl-head a {
  display: inline-block;
  line-height: 80px;
  position: relative;
  margin-right: 55px;
  font-size: 18px;
  color: #3b3b3b;
}

.sl-head a.active {
  color: #333333;
}

.sl-head a.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #d31345;
  bottom: 0;
}

.vendor-head .content {
  margin-left: -10px;
  margin-right: -10px;
  font-size: 0;
}

.vendor-head a {
  display: inline-block;
  font-size: 16px;
  padding: 0 12px;
  line-height: 80px;
  color: #256cd2;
}

.vendor-head a.active {
  color: #d31345;
  font-weight: 600;
}

body.about #history {
  padding-bottom: 0;
}

body.about .paragraph-1 {
  padding: 60px 0;
}

body.about #mission {
  padding-top: 60px;
}

body.about #awards {
  padding-bottom: 60px;
}

body.about #awards > .container {
  position: relative;
}

body.about #awards .h2 {
  margin-top: 15px;
}

body.about .h2 [class^="icon-"] {
  position: relative;
  top: -4px;
}

body.about #awards > .container:after {
  content: "";
  position: absolute;
  border-top: 1px solid rgba(139, 143, 153, 0.4);
  top: 0;
  left: 18px;
  right: 18px;
}

.h2 {
  color: #256cd2;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 25px;
}

.h2.text-dark {
  color: #3b3b3b !important;
}

.h3 {
  color: #8b8f99;
  font-size: 20px;
  font-weight: 400;
  margin-top: 40px;
  margin-bottom: 20px;
}

.list-3 .list-item {
  min-height: 100px;
  line-height: 1.3;
  position: relative;
}

.list-3 .list-item:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
  bottom: 0;
  left: 18px;
  right: 18px;
}

.list-3 .list-item .left {
  padding-right: 30px;
}

.list-3 .list-item .title {
  font-weight: 900;
}

.list-3 .list-item .desc b {
  font-weight: 900;
}

.tab-block-1 {
  position: relative;
  color: #fff;
}

.tab-block-1:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background-color: #8b8f99;
}

.tab-block-1:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-color: #256cd2;
}

.tab-block-1 .left {
  position: relative;
  background-color: #8b8f99;
  padding-top: 40px;
  padding-left: 0;
  padding-bottom: 40px;
  z-index: 1;
}

.tab-block-1 .right {
  position: relative;
  background-color: #256cd2;
  padding-top: 40px;
  padding-left: 110px;
  padding-bottom: 40px;
  z-index: 1;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.7;
}

.tab-block-1 .nav li {
  display: block;
}

.tab-block-1 .nav li + li {
  margin-top: 14px;
}

.tab-block-1 .nav a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 11px 18px;
  width: 210px;
  transition: all 0.1s ease-out;
}

.tab-block-1 .nav li.active a {
  background-color: #d31345;
}

.tab-block-1 .right > div {
  display: none;
}

.btn-theme-2 {
  display: inline-block;
  width: 250px;
  max-width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 200;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  background: none;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease-out;
}

.icon-right-arrow {
  background-image: url(../images/right-a.svg);
  width: 10px;
  height: 10px;
  position: relative;
  top: -2px;
}

.btn-theme-2 .icon-right-arrow {
  transition: all 0.3s ease-out;
  margin-left: 35px;
  margin-right: -10px;
}

.btn-theme-2:hover .icon-right-arrow {
  background-image: url(../images/right-a_b.svg);
}

.btn-theme-2:hover {
  color: #256cd2;
  border-color: #fff;
  background-color: #fff;
}

.tab-block-1 .btn-theme-2 {
  margin-top: 25px;
}

.acw-list-groups {
  margin-top: 60px;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}

.acw-list-groups li {
  display: inline-block;
  margin-right: 60px;
  margin-bottom: 15px;
}

.acw-list-groups li a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 5px;
  border-bottom: 2px solid #d31345;
}

.cta-1 {
  background-color: #3b3b3b;
  padding: 30px 0;
  text-align: center;
}

.cta-1 .btn-theme-2:hover {
  color: #fff !important;
  border-color: #8b8f99;
  background-color: #8b8f99;
}

.cta-1 .btn-theme-2:focus {
  color: #fff;
}

.cta-1 .btn-theme-2 .icon-right-arrow {
  margin-left: 15px;
}

.cta-1 .btn-theme-2:hover .icon-right-arrow {
  background-image: url(../images/right-a.svg);
}

.list-4 .h2 {
  margin-bottom: 50px;
}

.list-4 .list-item + .list-item {
  margin-top: 30px;
}

.list-4 .list-item .left {
  font-size: 14px;
  font-weight: 800;
}

.list-4 .list-item .right {
}

.list-4 .list-item .title {
  font-weight: 400;
}

.list-4 .list-item .desc {
  color: #8b8f99;
}

.icon-email {
  background-image: url(../images/email.svg);
  width: 16px;
  height: 12px;
}

.icon-facebook {
  background-image: url(../images/facebook.svg);
  width: 8px;
  height: 15px;
}

.icon-linkedin {
  background-image: url(../images/linkedin.svg);
  width: 15px;
  height: 15px;
}

.icon-twitter {
  background-image: url(../images/twitter.svg);
  width: 16px;
  height: 13px;
}

.icon-whatsapp {
  background-image: url(../images/whatsapp.svg);
  width: 16px;
  height: 16px;
}

.icon-wechat {
  background-image: url(../images/wechat.svg);
  width: 18px;
  height: 16px;
}

.icon-weibo {
  background-image: url(../images/weibo.svg);
  width: 18px;
  height: 15px;
}

.solution-d-brand {
  margin-bottom: 15px;
}

.solution-d-brand .h2 {
  margin-bottom: 0;
  font-weight: 600;
}

.solution-d-img {
  /*position: absolute;
  top: 0;
  right: 18px;*/
}

.solution-d-img img {
  max-width: 300px;
}

.solution-d-main .social {
  margin-bottom: 45px;
  font-size: 0;
}

.solution-d-main .social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1.5px solid #3b3b3b;
  border-radius: 100%;
  opacity: 0.2;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: all 0.1s ease-out;
}

.solution-d-main .social a:hover {
  opacity: 1;
  background-color: #3b3b3b;
}

.solution-d-main .social a i {
  position: relative;
  top: -1px;
  transition: all 0.1s ease-out;
}

.solution-d-main .social a:hover .icon-email {
  background-image: url(../images/email_w.svg);
}

.solution-d-main .social a:hover .icon-facebook {
  background-image: url(../images/facebook_w.svg);
}

.solution-d-main .social a:hover .icon-linkedin {
  background-image: url(../images/linkedin_w.svg);
}

.solution-d-main .social a:hover .icon-twitter {
  background-image: url(../images/twitter_w.svg);
}

.solution-d-main .social a:hover .icon-whatsapp {
  background-image: url(../images/whatsapp_w.svg);
}

.solution-d-main .social a:hover .icon-wechat {
  background-image: url(../images/wechat_w.svg);
}

.solution-d-main .social a:hover .icon-weibo {
  background-image: url(../images/weibo_w.svg);
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-block-1 {
  position: relative;
}

.solution-d-main .video-block-1 {
  margin-top: 70px;
}

.video-block-1 .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.video-block-1 .mask:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
}

.icon-video-play {
  background-image: url(../images/video-play.svg);
  width: 60px;
  height: 70px;
}

.video-block-1 .mask .icon-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.video-block-1 .mask .icon-video-play:hover {
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.product-label {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

.solution-d-main .product-label {
  margin-top: 70px;
}

.product-label a {
  color: #be202e;
  font-size: 16px;
}

.product-label li + li {
  margin-top: 10px;
}

.product-label a:after {
  content: "";
  display: inline-block;
  background-image: url(../images/down-a_r.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -1.5px;
}

.label-title {
  margin-bottom: 25px;
}

.label-title span {
  display: inline-block;
  background-color: #be202e;
  padding: 8px 30px;
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.2;
}

.solution-d-block {
  padding: 60px 0 0;
}

.solution-d-block .h2 {
  font-weight: 400;
}

.img-block {
  padding: 60px 0;
  background-color: #ededed;
}

.solution-d-block .img-block {
  margin-top: 40px;
}

.img-block .slider {
  position: relative;
}

.img-block .slider .owl-nav {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.img-block .slider .owl-nav > div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 29px;
  width: 16px;
  height: 29px;
  transition: all 0.2s ease-out;
  display: inline-block;
  cursor: pointer;
}

.img-block .slider .owl-nav > div.disabled {
  filter: brightness(1000%);
  cursor: default;
}

.img-block .slider .owl-nav > .owl-prev {
  background-image: url(../images/left-s.svg);
  margin-right: 40px;
}

.img-block .slider .owl-nav > .owl-next {
  background-image: url(../images/right-s.svg);
}

.img-block .slider .thumbs {
  margin-top: 10px;
  margin-right: 90px;
  width: calc(100% - 90px);
}

.img-block .slider .thumbs .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 56.25%;
}

.fes-block-1 {
  padding: 60px 0 0;
  background-color: #fff;
}

.fes-block-1 .item {
  text-align: center;
  margin-bottom: 70px;
  padding: 0 90px;
}

.fes-block-1 .item .title {
  font-weight: 600;
}

.fes-block-1 .item .icon {
  height: 90px;
  margin-bottom: 30px;
  position: relative;
}

.fes-block-1 .item .icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.text-black {
  color: #333 !important;
}

.text-dark {
  color: #3b3b3b !important;
}

.footer-subscribe-success {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  font-weight: 400;
  color: #212529;
}

.to-top {
  display: block;
  position: fixed;
  width: 50px;
  height: 50px;
  right: 18px;
  bottom: 30px;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(../images/h-down_w.svg);
  background-size: 20px 11.43px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  transform: rotate(180deg);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.to-top.open {
  opacity: 1;
  visibility: visible;
}

.to-top:hover {
  background-color: #8b8f99;
}

.contact-content {
  padding: 60px 0;
}

.contact-content .h2 {
  font-size: 25px;
  line-height: 1;
}

.contact-content .nav {
  margin-bottom: 30px;
}

.contact-content .nav a {
  font-size: 20px;
  margin-right: 25px;
}

.contact-content .nav a.active {
  color: #d31345;
}

.contact-content .tab-content {
  margin-top: 50px;
}

.btn-theme-1 .icon-right-arrow {
  background-image: url(../images/right-a_g.svg);
  margin-left: 10px;
  transition: all 0.3s ease-out;
}

.btn-theme-1:hover .icon-right-arrow {
  background-image: url(../images/right-a.svg);
}

#contact-map {
  height: 700px;
}

.contact-content .address {
  font-size: 20px;
  line-height: 1.2;
}

.contact-content .item {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 30px;
}

.contact-content .item b {
  display: block;
  font-weight: 400;
}

.contact-content .item span {
  color: #8b8f99;
}

.contact-content .item span a {
  color: inherit;
}

.form-1 {
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #212529;
  padding: 5px 0 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
  transition: all 0.3s ease-out;
}

.form-1:focus {
  border-bottom-color: #256cd2;
}

textarea.form-1 {
  height: 140px;
  resize: none;
}

.form-1::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d31345;
}
.form-1::-moz-placeholder {
  /* Firefox 19+ */
  color: #d31345;
}
.form-1:-ms-input-placeholder {
  /* IE 10+ */
  color: #d31345;
}
.form-1:-moz-placeholder {
  /* Firefox 18- */
  color: #d31345;
}

.form-wp {
  position: relative;
}

.form-wp ph {
  display: block;
  position: absolute;
  color: #d31345;
  font-size: 16px;
  font-weight: 300;
  top: 5px;
  left: 0;
  transition: all 0.3s ease;
}

.form-wp.typed ph {
  font-size: 14px;
  left: auto;
  right: 0;
  opacity: 1 !important;
  color: #8b8f99;
}

.contact-content .btn-theme-1 {
  margin-top: 5px;
  width: 100%;
  cursor: pointer;
}

.contact-content .tab-pane > .row > .col-lg-4 {
  margin-bottom: 80px;
}

.career-benefit .item + .item {
  margin-top: 40px;
}

.list-5 {
  padding: 60px 0;
}

.career .list-5 {
  padding-top: 0;
}

.list-5 .title {
  font-size: 20px;
  font-weight: 300;
  color: #256cd2;
  margin-bottom: 80px;
}

.list-5 .sub-title {
  font-size: 25px;
  margin-bottom: 30px;
}

.career .list-5 .sub-title {
  padding-top: 60px;
  border-top: 1px solid rgba(139, 143, 153, 0.4);
}

.list-5 .list-item + .list-item {
  margin-top: 20px;
}

.list-5 button.btn-theme-1 {
  border-color: rgba(139, 143, 153, 0.4);
  width: 100%;
  text-align: left;
  padding: 25px 70px 25px 50px;
  cursor: pointer;
  background-image: url(../images/m-cross_w.svg);
  background-size: 25px 25px;
  background-position: calc(100% - 30px) center;
  background-repeat: no-repeat;
  font-size: 20px;
  font-weight: 400;
  height: auto;
  line-height: 1.3;
  color: #fff !important;
  border-radius: 8px;
  background-color: #256cd2;
}

.list-5 button.btn-theme-1:hover {
  background-color: #dc3545;
}

.list-5 button.btn-theme-1[aria-expanded="true"] {
  background-color: #dc3545;
}

.list-5 .list-item .content {
  padding: 75px 0 70px;
  font-size: 16px;
}

.list-5 .list-item .content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 10px;
}

.list-5 .list-item .content ul li {
  padding-left: 15px;
  position: relative;
}

.list-5 .list-item .content ul li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.h4 {
  font-size: inherit;
  font-weight: 600;
}

.list-5 .list-item .content .h4 {
  margin-bottom: 35px;
}

.list-5 .list-item .content .item {
  margin-bottom: 50px;
}

.list-6 {
  padding: 60px 0;
}

.partners .list-6 {
  padding: 0;
  margin-top: -10px;
}

.list-6 .list-item {
  font-size: 16px;
  padding-bottom: 115px;
}

.list-6 .list-item .icon {
  height: 110px;
}

.list-6 .list-item .icon img {
  width: 68px;
  height: auto;
}

.list-6 .list-item .text {
}

.list-6 .list-item .title {
  font-size: 20px;
  color: #8b8f99;
  border-top: 1px solid rgba(139, 143, 153, 0.4);
  padding-top: 35px;
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
}

.list-7 {
  padding: 60px 0;
}

body.search .list-7 {
  padding-top: 10px;
}

.list-7 .nav-head {
  padding-bottom: 10px;
  white-space: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
}

.list-7 .nav-head a {
  font-size: 16px;
  margin-right: 20px;
}

.list-7 .nav-head a.active {
  color: #d31345;
  font-weight: 600;
}

.list-7 .list-item {
  padding: 50px 0 57px;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
}

.list-7 .list-item .img {
  padding-right: 0;
}

.list-7 .list-item .img img {
  width: 100%;
}

.list-7 .list-item .title,
.list-7 .list-item .title:focus {
  font-size: 25px;
  line-height: 1.1;
  color: #dc3545;
  margin-bottom: 25px;
  display: block;
  transition: all 0.3s ease-out;
}

.list-7 .list-item .title:hover {
  color: #256cd2;
}

.list-7 .list-item .middle {
  padding-left: 25px;
  padding-right: 50px;
}

.list-7 .list-item .desc {
  font-size: 16px;
}

.list-7 .list-item .date {
  font-size: 16px;
  margin-bottom: 25px;
}

.list-7 .list-item .logo img {
  max-width: 100%;
}

.btn-prev.btn-theme-1 .icon-right-arrow {
  transform: rotate(180deg);
}

.pager-1 {
  margin-top: 50px;
}

.pager-1 .btn-theme-1 {
  font-size: 16px;
  font-weight: 300;
  color: #8b8f99;
}

.pager-1 .btn-theme-1:hover {
  color: #fff;
}

.pager-1 .btn-theme-1[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.pager-1 .btn-page {
  width: 27px;
  padding: 0;
  margin: 0 9px;
}

.pager-1 .btn-page.nob {
  border: 0;
  background: none !important;
  color: #000 !important;
}

.normal-content .h2:not(:first-child) {
  margin-top: 60px;
}

.thank-you .paragraph-1 {
  padding: 100px 0;
}

.thank-you .h2 {
  font-size: 25px;
  color: #dc3545;
}

.thank-you .btn-theme-1 {
  width: 400px;
  margin-top: 90px;
}

.er-content .h2 {
  font-size: 25px;
  margin-bottom: 40px;
}

.er-content {
  padding: 60px 0;
}

.er-content .form-1 {
  margin-bottom: 60px;
}

select.form-1 {
  background-image: url(../images/select_down.svg);
  background-size: 22px 13px;
  background-repeat: no-repeat;
  background-position: 100% center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-1::-ms-expand {
  display: none;
}

.er-content .btn-submit {
  width: 100%;
  cursor: pointer;
  margin-top: 8px;
}

.form-radio {
  padding-bottom: 30px;
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 50px;
  position: relative;
}

.form-radio:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25px;
  right: 25px;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
}

.form-radio .label {
  color: #d31345;
  font-size: 16px;
  font-weight: 300;
  transition: all 0.3s ease;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 30px;
}

.form-radio label {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 20px;
  position: relative;
}

.form-radio-block label {
  display: block;
}

.form-radio label input {
  position: absolute;
  opacity: 0;
  border: 0;
  top: 0;
  left: 0;
  padding: 0;
  width: 17px;
  height: 17px;
  background: none;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-radio label box {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 1px solid #707070;
  transition: all 0.3s ease-out;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.form-radio label input:checked ~ box {
  background-color: #707070;
}

.er-content .form-1,
.er-content .form-wp ph,
.er-content .form-radio .label,
.er-content .form-radio label {
  font-size: 20px;
  font-weight: 400;
}

.er-content .form-wp + .form-radio {
  margin-top: -10px;
}

.er-content .form-radio + .form-radio {
  margin-top: 0;
}

.error-msg {
  position: absolute;
  top: 100%;
  display: none;
  color: #d31345;
}

.error-msg.open {
  display: block;
}

.event-list .home-block-4 {
  padding: 15px 0 30px;
}

.event-list #events-calendar {
  height: auto;
}

.event-list #events-calendar .clndr-table {
  margin-bottom: 25px;
}

.event-list .home-block-4 .target-audience .title {
  margin-bottom: 10px;
}

.event-list .home-block-4 .target-audience > .item {
  display: inline-block;
  margin-right: 50px;
}

.event-list .home-block-4 .target-audience {
  color: #fff;
}

.clndr-control-button {
  display: block;
  font-size: 0;
}

.clndr-previous-button {
  background-image: url(../images/left-s_w.svg);
  background-size: 17px 27px;
  background-position: center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  display: block;
  position: absolute;
  top: 26px;
  left: 28%;
  cursor: pointer;
}

.clndr-next-button {
  background-image: url(../images/right-s_w.svg);
  background-size: 17px 27px;
  background-position: center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  display: block;
  position: absolute;
  top: 26px;
  right: 28%;
  cursor: pointer;
}

.event-list .clndr-table td .content {
  padding-bottom: 77.78%;
}

.clndr-table td.header-day .content {
  padding-bottom: 30%;
}

.list-8 .col.left {
  flex: 0 0 calc(100% - 600px);
  max-width: calc(100% - 600px);
  border-right: 1px solid rgba(139, 143, 153, 0.4);
  min-height: 500px;
  padding: 0;
}

.list-8 .col.right {
  flex: 0 0 600px;
  max-width: 600px;
  padding: 0;
}

.list-8 .col.left .ml {
  margin-left: calc(50vw - 628px + 18px);
}

.list-8 .list-head {
  height: 100px;
  line-height: 100px;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
  font-size: 20px;
  color: #8b8f99;
}

.list-8 .list-head .nav a {
  display: inline-block;
  margin-right: 35px;
  color: #3b3b3b;
  position: relative;
}

.list-8 .list-head .nav a.active {
  color: #333333;
}

.list-8 .list-head .nav a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #d31345;
  height: 4px;
}

.list-8 .col.right .list-head {
  padding-left: 50px;
}

.list-8 .col.right .content > ul {
  list-style: none;
  padding: 0 40px 40px;
}

.list-8 .col.right .content > ul > li {
  width: 414px;
  max-width: 100%;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
}

.list-8 .col.right .content > ul > li > a {
  display: block;
  height: 80px;
  line-height: 20px;
  padding: 30px 0 30px 60px;
  position: relative;
}

.list-8 .col.right .content > ul > li > a.active {
  color: #d31345;
}

.list-8 .col.right .content > ul > li > a i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.6);
  transform-origin: left center;
}

.list-8 .col.right .content > ul > li.by-brands > a {
  color: #8b8f99;
}

.list-8 .col.right .content > ul > li.by-brands > a i {
  display: inline-block;
  background-image: url(../images/right-s.svg);
  background-size: 6px 12px;
  background-position: center;
  background-repeat: no-repeat;
  width: 6px;
  height: 12px;
}

.list-8 .col.right .content > ul > li.by-brands > a[aria-expanded="true"] {
  color: #d31345;
}

.list-8 .col.right .content > ul > li.by-brands > a[aria-expanded="true"] i {
  transform: translateY(-50%) rotate(90deg) scale(0.6);
}

.list-8 .col.right .content .sub-m > ul {
  list-style: none;
  padding: 0 55px 30px 60px;
}

.list-8 .col.right .content .sub-m > ul:before,
.list-8 .col.right .content .sub-m > ul:after {
  content: "";
  display: table;
  clear: both;
}

.list-8 .col.right .content .sub-m > ul > li {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  padding-right: 10px;
}

.list-8 .col.right .content .sub-m > ul > li a {
  color: #8b8f99;
}

.list-8 .col.right .content .sub-m > ul > li a.active {
  color: #d31345;
}

.list-8 .col.left .content {
  padding-right: 40px;
  padding-bottom: 60px;
}

.list-8 .nav-year {
  padding: 30px 0;
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
  line-height: 20px;
  font-size: 0;
}

.list-8 .nav-year a {
  font-size: 16px;
  margin-right: 20px;
}

.list-8 .nav-year a.active {
  color: #d31345;
  font-weight: 600;
}

.list-8 .list-item {
  border-bottom: 1px solid rgba(139, 143, 153, 0.4);
  padding: 50px 0 30px;
}

.list-8 .list-item .dtv {
  padding-left: 45px;
  position: relative;
  margin-top: 20px;
}

.list-8 .list-item .dtv [class^="icon-"] {
  width: 30px;
  position: absolute;
  top: -2px;
  left: -5px;
}

.list-8 .list-item .col-3 {
  flex: 0 0 200px;
  max-width: 200px;
}

.list-8 .list-item .col-9 {
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);
  padding-right: 180px;
}

.list-8 .list-item .type {
  position: absolute;
  bottom: 0;
  color: #8b8f99;
}

.list-8 .list-item .type span {
}

.list-8 .list-item .type img {
  width: auto;
  height: auto;
  max-width: 40px;
  max-height: 40px;
  margin-right: 20px;
  vertical-align: bottom;
}

.list-8 .list-item .brand-logo {
  position: absolute;
  top: 0;
  right: 30px;
  width: 125px;
}

.list-8 .list-item .brand-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 40px;
  margin-bottom: 10px;
}

.list-8 .list-item .brand-logo .more {
  display: none;
}

.list-8 .list-item .sub-title {
  color: #8b8f99;
  margin-bottom: 10px;
}

.list-8 .list-item .title {
  font-size: 25px;
  line-height: 1.1;
  color: #dc3545;
  display: block;
  width: 500px;
  max-width: 100%;
  margin-bottom: 30px;
  transition: all 0.3s ease-out;
}

.list-8 .list-item .title:hover {
  color: #256cd2;
}

.list-8 .list-item .cat-icon i {
  margin-right: 0;
  transform: scale(0.85);
  transform-origin: left top;
  width: 73.8px;
}

.list-8 .list-item .cat-icon i img {
  max-width: 100%;
}

.event-detail .b-th {
  padding: 55px 0;
}

.event-d-content .cat-icon {
  font-size: 16px;
  color: #dc3545;
  margin-bottom: 35px;
}

.event-d-content .cat-icon i {
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.event-d-content .left .item {
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 1.3;
}

.event-d-content .left .item b {
  font-weight: 600;
}

.event-d-content .left .item img {
  margin-top: 15px;
  display: block;
  max-width: 150px;
}

.event-d-content .left .item.audience > div {
  border-left: 3px solid;
  padding-left: 10px;
}

.event-d-content .social {
  margin-bottom: 30px;
  font-size: 0;
  text-align: right;
}

.event-d-content .social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1.5px solid #3b3b3b;
  border-radius: 100%;
  opacity: 0.2;
  text-align: center;
  margin-left: 7px;
  margin-bottom: 5px;
  transition: all 0.1s ease-out;
}

.event-d-content .social a:hover {
  opacity: 1;
  background-color: #3b3b3b;
}

.event-d-content .social a i {
  position: relative;
  top: -1px;
  transition: all 0.1s ease-out;
}

.event-d-content .social a:hover .icon-email {
  background-image: url(../images/email_w.svg);
}

.event-d-content .social a:hover .icon-facebook {
  background-image: url(../images/facebook_w.svg);
}

.event-d-content .social a:hover .icon-linkedin {
  background-image: url(../images/linkedin_w.svg);
}

.event-d-content .social a:hover .icon-twitter {
  background-image: url(../images/twitter_w.svg);
}

.event-d-content .social a:hover .icon-whatsapp {
  background-image: url(../images/whatsapp_w.svg);
}

.event-d-content .social a:hover .icon-wechat {
  background-image: url(../images/wechat_w.svg);
}

.event-d-content .social a:hover .icon-weibo {
  background-image: url(../images/weibo_w.svg);
}

.icon-calendar2 {
  background-image: url(../images/clndr.svg);
  width: 41px;
  height: 41px;
}

.event-d-content .event-head {
  position: relative;
  padding-top: 30px;
  margin-top: 30px;
}

.event-d-content .event-head > .icon-calendar2 {
  position: static;
  vertical-align: bottom;
  margin-right: 10px;
}

.event-d-content .event-head > .icon-calendar2 img {
  width: 100%;
}

.event-d-content .event-head .h2 {
  color: #dc3545;
  font-size: 30px;
  font-weight: 400;
  margin-top: 10px;
}

.event-d-content .event-head .sub-title {
  color: #8b8f99;
  display: inline-block;
  vertical-align: bottom;
}

.event-d-content .event-head .date {
  color: #8b8f99;
  margin-bottom: 30px;
}

.event-d-content .right {
  padding-bottom: 40px;
}

.event-d-content .content {
  font-size: 16px;
}

.event-d-content .content p {
  margin-bottom: 1.5em;
}

.event-d-content .right .btns {
  margin-top: 75px;
  margin-bottom: 120px;
}

.event-d-content .right .btns a + a {
  margin-left: 17px;
}

.btn-theme-1.btn-blue {
  color: #fff;
  border-color: #256cd2;
  background-color: #256cd2;
}

.btn-theme-1.btn-blue:hover {
  border-color: #d31345;
  background-color: #d31345;
}

.btn-theme-1.btn-blue .icon-right-arrow {
  background-image: url(../images/right-a.svg);
}

.btn-theme-1.btn-blue .icon-times {
  background-image: url(../images/times_w.svg);
}

.event-p-content {
  padding: 80px 0 130px;
  border-top: 1px solid rgba(139, 143, 153, 0.4);
}

.event-p-content .owl-carousel .owl-nav > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  width: 26px;
  height: 52px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.event-p-content .owl-carousel .owl-nav > div.disabled {
  opacity: 0.3;
}

.event-p-content .desc {
  margin-top: 60px;
  font-size: 16px;
}

.event-p-content .owl-carousel .owl-nav .owl-prev {
  left: -90px;
  background-image: url(../images/p-left.svg);
}

.event-p-content .owl-carousel .owl-nav .owl-next {
  right: -90px;
  background-image: url(../images/p-right.svg);
}

.icon-ser1 {
  background-image: url(../images/ser1_2.png);
  width: 52.6px;
  height: 52.5px;
}

.icon-ser2 {
  background-image: url(../images/ser2_2.png);
  width: 52.6px;
  height: 52.5px;
}

.icon-ser3 {
  background-image: url(../images/ser3_2.png);
  width: 52.6px;
  height: 52.5px;
}

.icon-ser4 {
  background-image: url(../images/background_icon_update2.png);
  width: 40px;
  height: 40px;
}

.normal-content .h2 [class^="icon-"] {
  position: relative;
  top: -2px;
}

.ispace {
  margin-right: 20px;
}

.icon-cer1 {
  background-image: url(../images/cer1_2.png);
  width: 49.4px;
  height: 40.1px;
}

.icon-cer2 {
  background-image: url(../images/cer2_2.png);
  width: 52.6px;
  height: 52.5px;
}

.icon-cer3 {
  background-image: url(../images/cer3_2.png);
  width: 52.6px;
  height: 52.5px;
}

.icon-cer4 {
  background-image: url(../images/cer4_2.png);
  width: 52.5px;
  height: 52.5px;
}

.career .h2 [class^="icon-"] {
  position: relative;
  top: -2px;
}

.icon-e-date {
  background-image: url("../images/date icon.png");
  width: 21.99px;
  height: 25px;
}

.icon-e-time {
  background-image: url("../images/time icon.png");
  width: 25px;
  height: 25px;
}

.icon-e-venue {
  background-image: url("../images/address icon.png");
  width: 17.5px;
  height: 25px;
}

.list-9 {
  margin-top: 60px;
}

.list-9 .list-item a {
  color: #3b3b3b;
  text-align: center;
  display: block;
  padding: 50px 10px 35px;
  margin-top: 15px;
  font-size: 23px;
  transition: color 0.3s ease-out;
}

.list-9 .list-item a:hover {
  color: #d31345;
}

.list-9 .list-item a span {
  display: block;
  padding: 0 50px;
  line-height: 1.2;
}

.icon-s1-v2 {
  background-image: url("../images/icon-s1-v2.svg");
  width: 49px;
  height: 76px;
}

.icon-s2-v2 {
  background-image: url("../images/icon-s2-v2.svg");
  width: 52px;
  height: 59px;
}

.icon-s3-v2 {
  background-image: url("../images/icon-s3-v2.svg");
  width: 67px;
  height: 48px;
}

.icon-s4-v2 {
  background-image: url("../images/icon-s4-v2.svg");
  width: 49px;
  height: 53px;
}

.list-9.row {
  margin-left: -11px;
  margin-right: -11px;
}

.list-9.row .list-item {
  padding: 0 11px;
}

.list-9 .list-item a [class^="icon-"] {
  display: block;
  margin: auto;
  margin-bottom: 15px;
  background-size: 100% auto;
  background-position: center bottom;
  height: 75px;
}

/*.list-9 .list-item a .icon-s1-v2 {
  background-size: auto 76px;
}

.list-9 .list-item a .icon-s2-v2 {
  background-size: auto 59px;
}

.list-9 .list-item a .icon-s3-v2 {
  background-size: auto 48px;
}

.list-9 .list-item a .icon-s4-v2 {
  background-size: auto 53px;
}*/

.events-slider-2 .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -65px;
  text-align: center;
}

.events-slider-2 .owl-dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 5px;
  border-radius: 100%;
  background-color: #8b8f99;
  transition: all 0.3s ease-out;
}

.events-slider-2 .owl-dot.active {
  opacity: 0.3;
}

.events-slider-2 .owl-nav > div {
  position: absolute;
  top: 50%;
  font-size: 0;
  width: 20px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

.events-slider-2 .owl-nav > .owl-prev {
  left: 0;
  background-image: url("../images/es2-left.svg");
}

.events-slider-2 .owl-nav > .owl-next {
  right: 0;
  background-image: url("../images/es2-right.svg");
}

.events-slider-2 .item {
  padding: 10px 50px;
}

.events-slider-2 .item .inner {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.events-slider-2 .item .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.events-slider-2 .item .info {
  padding: 45px 30px;
}

.events-slider-2 .item .type {
  color: #8b8f99;
  margin-bottom: 10px;
}

.events-slider-2 .item .title {
  color: #256cd2;
  font-size: 32px;
  line-height: 1.2;
  transition: all 0.3s ease-out;
  display: block;
  margin-bottom: 25px;
}

.events-slider-2 .item .title:hover {
  color: #d31345;
}

.events-slider-2 .item .info .dtv {
  padding-left: 30px;
  position: relative;
  margin-top: 5px;
}

.events-slider-2 .item .info .dtv:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  transition: all 0.5s ease-out;
  transition-delay: 0.5s;
}

.events-slider-2 .owl-item.active .item .info .dtv:after {
  width: 0;
  opacity: 0;
}

.icon-date2 {
  background-image: url("../images/date2.svg");
  width: 20px;
  height: 21px;
}

.icon-clock2 {
  background-image: url("../images/clock2.svg");
  width: 20px;
  height: 20px;
}

.icon-address2 {
  background-image: url("../images/address2.svg");
  width: 20px;
  height: 21px;
}

.events-slider-2 .item .info .dtv [class^="icon-"] {
  position: absolute;
  top: 0;
  left: 0;
}

.events-slider-2 .item .info .btn-theme-1 {
  width: 200px;
  margin-top: 75px;
}

.icon-calendar3 {
  background-image: url(../images/calendar2.svg);
  width: 46px;
  height: 48px;
}

.wechat-qr {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  transition: all 0.3s ease;
}

.wechat-qr.open {
  visibility: visible;
  opacity: 1;
}

.wechat-qr bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.5;
}

.wechat-qr .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  padding: 30px 20px;
  width: 240px;
  text-align: center;
  transition: all 0.3s ease;
  background: #fff;
}

.wechat-qr.open .inner {
  transform: translate(-50%, -50%);
}

.wechat-qr .inner img {
  width: 100%;
  margin-bottom: 10px;
}

.wechat-qr .inner .btn-close {
  position: absolute;
  top: 6px;
  right: 10px;
  opacity: 0.5;
  font-size: 1.2em;
  transition: all 0.3s ease;
}

.wechat-qr .inner .btn-close:hover {
  opacity: 1;
}

.header-social {
  position: fixed;
  top: 15px;
  right: 150px;
  font-size: 0;
}

.header-social a {
  display: inline-block;
  vertical-align: middle;
  color: #333 !important;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 60px;
  text-align: center;
}

.header-social a img {
  width: 30px;
}

body.home .header-social a {
  color: #fff !important;
}

body.home header.active .header-social a,
body.home header:hover .header-social a {
  color: #3d3d3d !important;
}

body.home header .header-social a:hover {
  color: #d31345 !important;
}

/** Updated 20210219 **/
ul.sm-list-02 {
  list-style-type: none;
  position: fixed;
  top: 150px;
  right: 0px;
  z-index: 80;
  line-height: 35px;
  float: left;
  background-color: #d60e43;
  padding: 10px 15px;
  color: #fff;
}

img.mewe-icon-02 {
  width: 40px;
}

svg.bi.bi-envelope-open,
svg.bi.bi-newspaper,
.fa.fa-facebook,
.fa.fa-linkedin,
svg.bi.bi-youtube {
  color: #fff;
  text-decoration: none;
}

svg.bi.bi-envelope-open:hover,
svg.bi.bi-newspaper:hover,
.fa.fa-facebook:hover,
.fa.fa-linkedin:hover,
svg.bi.bi-youtube:hover {
  color: #000;
  text-decoration: none;
}

.sticky-menu a {
  color: white;
}
.sticky-menu a:hover {
  color: #333;
}
