@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-BlackWide.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-BlackWideItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-BoldWide.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-BoldWideItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ExtraBoldWide.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ExtraBoldWideItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ExtraLightWide.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ExtraLightWideItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-HeavyWide.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-LightWide.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-HeavyWideItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-LightWideItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-MediumWide.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-MediumWideItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-SemiBoldWide.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-SemiBoldWideItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ThinWide.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-ThinWideItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-Wide.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-WideItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "FC Iconic";
  src: url("../font/FCIconic/FCIconic-BlackWideItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
.text-xs {
  font-size: 12px;
}

.text-sm {
  font-size: 14px;
}

.text-base {
  font-size: 16px;
}

.text-md {
  font-size: 20px;
}

.text-lg {
  font-size: 24px;
}

.text-xl {
  font-size: 30px;
}

.text-2xl {
  font-size: 36px;
}

.text-3xl {
  font-size: 42px;
}

.text-4xl {
  font-size: 48px;
}

.fw-light {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

@media (max-width: 1440px) {
  .text-4xl {
    font-size: 44px;
  }
  .text-3xl {
    font-size: 36px;
  }
  .text-2xl {
    font-size: 32px;
  }
  .text-xl {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .text-4xl {
    font-size: 40px;
  }
  .text-3xl {
    font-size: 32px;
  }
  .text-2xl {
    font-size: 28px;
  }
  .text-xl {
    font-size: 26px;
  }
  .text-md {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .text-4xl {
    font-size: 36px;
  }
  .text-3xl {
    font-size: 28px;
  }
  .text-2xl {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .text-4xl {
    font-size: 32px;
  }
  .text-3xl {
    font-size: 26px;
  }
  .text-2xl {
    font-size: 22px;
  }
  .text-xl {
    font-size: 20px;
  }
  .text-lg {
    font-size: 18px;
  }
  .text-md {
    font-size: 16px;
  }
  .text-base {
    font-size: 14px;
  }
  .text-sm {
    font-size: 13px;
  }
}
.text-primary {
  color: #56bed6 !important;
}

.text-gray {
  color: #91a6c4 !important;
}

.text-light {
  color: #fff !important;
}

.text-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(#60d0fa), to(#62d5d8));
  background: linear-gradient(to right, #0081dc, #60d0fa, #62d5d8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.bg-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(#60d0fa), to(#62d5d8));
  background: linear-gradient(to right, #0081dc, #60d0fa, #62d5d8);
}

.border-primary {
  border-color: #56bed6 !important;
}

@font-face {
  font-family: "feather";
  src: url("../font/feather.eot?t=1501841394106"); /* IE9*/
  src: url("../font/feather.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../font/feather.woff?t=1501841394106") format("woff"), url("../font/feather.ttf?t=1501841394106") format("truetype"), url("../font/feather.svg?t=1501841394106#feather") format("svg"); /* iOS 4.1- */
}
.feather, .selected-search .item-list .btn::after, .select2-container--default .select2-selection--multiple:before, .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before, .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove::before, .checkbox-control input[type=checkbox]:checked ~ .icon:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before {
  content: "\e81b";
}

.icon-alert-circle:before {
  content: "\e81c";
}

.icon-activity:before {
  content: "\e81d";
}

.icon-alert-triangle:before {
  content: "\e81e";
}

.icon-align-center:before {
  content: "\e81f";
}

.icon-airplay:before {
  content: "\e820";
}

.icon-align-justify:before {
  content: "\e821";
}

.icon-align-left:before {
  content: "\e822";
}

.icon-align-right:before {
  content: "\e823";
}

.icon-arrow-down-left:before {
  content: "\e824";
}

.icon-arrow-down-right:before {
  content: "\e825";
}

.icon-anchor:before {
  content: "\e826";
}

.icon-aperture:before {
  content: "\e827";
}

.icon-arrow-left:before {
  content: "\e828";
}

.icon-arrow-right:before {
  content: "\e829";
}

.icon-arrow-down:before {
  content: "\e82a";
}

.icon-arrow-up-left:before {
  content: "\e82b";
}

.icon-arrow-up-right:before {
  content: "\e82c";
}

.icon-arrow-up:before {
  content: "\e82d";
}

.icon-award:before {
  content: "\e82e";
}

.icon-bar-chart:before {
  content: "\e82f";
}

.icon-at-sign:before {
  content: "\e830";
}

.icon-bar-chart-2:before {
  content: "\e831";
}

.icon-battery-charging:before {
  content: "\e832";
}

.icon-bell-off:before {
  content: "\e833";
}

.icon-battery:before {
  content: "\e834";
}

.icon-bluetooth:before {
  content: "\e835";
}

.icon-bell:before {
  content: "\e836";
}

.icon-book:before {
  content: "\e837";
}

.icon-briefcase:before {
  content: "\e838";
}

.icon-camera-off:before {
  content: "\e839";
}

.icon-calendar:before {
  content: "\e83a";
}

.icon-bookmark:before {
  content: "\e83b";
}

.icon-box:before {
  content: "\e83c";
}

.icon-camera:before {
  content: "\e83d";
}

.icon-check-circle:before {
  content: "\e83e";
}

.icon-check:before {
  content: "\e83f";
}

.icon-check-square:before {
  content: "\e840";
}

.icon-cast:before {
  content: "\e841";
}

.icon-chevron-down:before {
  content: "\e842";
}

.icon-chevron-left:before {
  content: "\e843";
}

.icon-chevron-right:before {
  content: "\e844";
}

.icon-chevron-up:before {
  content: "\e845";
}

.icon-chevrons-down:before {
  content: "\e846";
}

.icon-chevrons-right:before {
  content: "\e847";
}

.icon-chevrons-up:before {
  content: "\e848";
}

.icon-chevrons-left:before {
  content: "\e849";
}

.icon-circle:before {
  content: "\e84a";
}

.icon-clipboard:before {
  content: "\e84b";
}

.icon-chrome:before {
  content: "\e84c";
}

.icon-clock:before {
  content: "\e84d";
}

.icon-cloud-lightning:before {
  content: "\e84e";
}

.icon-cloud-drizzle:before {
  content: "\e84f";
}

.icon-cloud-rain:before {
  content: "\e850";
}

.icon-cloud-off:before {
  content: "\e851";
}

.icon-codepen:before {
  content: "\e852";
}

.icon-cloud-snow:before {
  content: "\e853";
}

.icon-compass:before {
  content: "\e854";
}

.icon-copy:before {
  content: "\e855";
}

.icon-corner-down-right:before {
  content: "\e856";
}

.icon-corner-down-left:before {
  content: "\e857";
}

.icon-corner-left-down:before {
  content: "\e858";
}

.icon-corner-left-up:before {
  content: "\e859";
}

.icon-corner-up-left:before {
  content: "\e85a";
}

.icon-corner-up-right:before {
  content: "\e85b";
}

.icon-corner-right-down:before {
  content: "\e85c";
}

.icon-corner-right-up:before {
  content: "\e85d";
}

.icon-cpu:before {
  content: "\e85e";
}

.icon-credit-card:before {
  content: "\e85f";
}

.icon-crosshair:before {
  content: "\e860";
}

.icon-disc:before {
  content: "\e861";
}

.icon-delete:before {
  content: "\e862";
}

.icon-download-cloud:before {
  content: "\e863";
}

.icon-download:before {
  content: "\e864";
}

.icon-droplet:before {
  content: "\e865";
}

.icon-edit-2:before {
  content: "\e866";
}

.icon-edit:before {
  content: "\e867";
}

.icon-edit-1:before {
  content: "\e868";
}

.icon-external-link:before {
  content: "\e869";
}

.icon-eye:before {
  content: "\e86a";
}

.icon-feather:before {
  content: "\e86b";
}

.icon-facebook:before {
  content: "\e86c";
}

.icon-file-minus:before {
  content: "\e86d";
}

.icon-eye-off:before {
  content: "\e86e";
}

.icon-fast-forward:before {
  content: "\e86f";
}

.icon-file-text:before {
  content: "\e870";
}

.icon-film:before {
  content: "\e871";
}

.icon-file:before {
  content: "\e872";
}

.icon-file-plus:before {
  content: "\e873";
}

.icon-folder:before {
  content: "\e874";
}

.icon-filter:before {
  content: "\e875";
}

.icon-flag:before {
  content: "\e876";
}

.icon-globe:before {
  content: "\e877";
}

.icon-grid:before {
  content: "\e878";
}

.icon-heart:before {
  content: "\e879";
}

.icon-home:before {
  content: "\e87a";
}

.icon-github:before {
  content: "\e87b";
}

.icon-image:before {
  content: "\e87c";
}

.icon-inbox:before {
  content: "\e87d";
}

.icon-layers:before {
  content: "\e87e";
}

.icon-info:before {
  content: "\e87f";
}

.icon-instagram:before {
  content: "\e880";
}

.icon-layout:before {
  content: "\e881";
}

.icon-link-2:before {
  content: "\e882";
}

.icon-life-buoy:before {
  content: "\e883";
}

.icon-link:before {
  content: "\e884";
}

.icon-log-in:before {
  content: "\e885";
}

.icon-list:before {
  content: "\e886";
}

.icon-lock:before {
  content: "\e887";
}

.icon-log-out:before {
  content: "\e888";
}

.icon-loader:before {
  content: "\e889";
}

.icon-mail:before {
  content: "\e88a";
}

.icon-maximize-2:before {
  content: "\e88b";
}

.icon-map:before {
  content: "\e88c";
}

.icon-map-pin:before {
  content: "\e88e";
}

.icon-menu:before {
  content: "\e88f";
}

.icon-message-circle:before {
  content: "\e890";
}

.icon-message-square:before {
  content: "\e891";
}

.icon-minimize-2:before {
  content: "\e892";
}

.icon-mic-off:before {
  content: "\e893";
}

.icon-minus-circle:before {
  content: "\e894";
}

.icon-mic:before {
  content: "\e895";
}

.icon-minus-square:before {
  content: "\e896";
}

.icon-minus:before {
  content: "\e897";
}

.icon-moon:before {
  content: "\e898";
}

.icon-monitor:before {
  content: "\e899";
}

.icon-more-vertical:before {
  content: "\e89a";
}

.icon-more-horizontal:before {
  content: "\e89b";
}

.icon-move:before {
  content: "\e89c";
}

.icon-music:before {
  content: "\e89d";
}

.icon-navigation-2:before {
  content: "\e89e";
}

.icon-navigation:before {
  content: "\e89f";
}

.icon-octagon:before {
  content: "\e8a0";
}

.icon-package:before {
  content: "\e8a1";
}

.icon-pause-circle:before {
  content: "\e8a2";
}

.icon-pause:before {
  content: "\e8a3";
}

.icon-percent:before {
  content: "\e8a4";
}

.icon-phone-call:before {
  content: "\e8a5";
}

.icon-phone-forwarded:before {
  content: "\e8a6";
}

.icon-phone-missed:before {
  content: "\e8a7";
}

.icon-phone-off:before {
  content: "\e8a8";
}

.icon-phone-incoming:before {
  content: "\e8a9";
}

.icon-phone:before {
  content: "\e8aa";
}

.icon-phone-outgoing:before {
  content: "\e8ab";
}

.icon-pie-chart:before {
  content: "\e8ac";
}

.icon-play-circle:before {
  content: "\e8ad";
}

.icon-play:before {
  content: "\e8ae";
}

.icon-plus-square:before {
  content: "\e8af";
}

.icon-plus-circle:before {
  content: "\e8b0";
}

.icon-plus:before {
  content: "\e8b1";
}

.icon-pocket:before {
  content: "\e8b2";
}

.icon-printer:before {
  content: "\e8b3";
}

.icon-power:before {
  content: "\e8b4";
}

.icon-radio:before {
  content: "\e8b5";
}

.icon-repeat:before {
  content: "\e8b6";
}

.icon-refresh-ccw:before {
  content: "\e8b7";
}

.icon-rewind:before {
  content: "\e8b8";
}

.icon-rotate-ccw:before {
  content: "\e8b9";
}

.icon-refresh-cw:before {
  content: "\e8ba";
}

.icon-rotate-cw:before {
  content: "\e8bb";
}

.icon-save:before {
  content: "\e8bc";
}

.icon-search:before {
  content: "\e8bd";
}

.icon-server:before {
  content: "\e8be";
}

.icon-scissors:before {
  content: "\e8bf";
}

.icon-share-2:before {
  content: "\e8c0";
}

.icon-share:before {
  content: "\e8c1";
}

.icon-shield:before {
  content: "\e8c2";
}

.icon-settings:before {
  content: "\e8c3";
}

.icon-skip-back:before {
  content: "\e8c4";
}

.icon-shuffle:before {
  content: "\e8c5";
}

.icon-sidebar:before {
  content: "\e8c6";
}

.icon-skip-forward:before {
  content: "\e8c7";
}

.icon-slack:before {
  content: "\e8c8";
}

.icon-slash:before {
  content: "\e8c9";
}

.icon-smartphone:before {
  content: "\e8ca";
}

.icon-square:before {
  content: "\e8cb";
}

.icon-speaker:before {
  content: "\e8cc";
}

.icon-star:before {
  content: "\e8cd";
}

.icon-stop-circle:before {
  content: "\e8ce";
}

.icon-sun:before {
  content: "\e8cf";
}

.icon-sunrise:before {
  content: "\e8d0";
}

.icon-tablet:before {
  content: "\e8d1";
}

.icon-tag:before {
  content: "\e8d2";
}

.icon-sunset:before {
  content: "\e8d3";
}

.icon-target:before {
  content: "\e8d4";
}

.icon-thermometer:before {
  content: "\e8d5";
}

.icon-thumbs-up:before {
  content: "\e8d6";
}

.icon-thumbs-down:before {
  content: "\e8d7";
}

.icon-toggle-left:before {
  content: "\e8d8";
}

.icon-toggle-right:before {
  content: "\e8d9";
}

.icon-trash-2:before {
  content: "\e8da";
}

.icon-trash:before {
  content: "\e8db";
}

.icon-trending-up:before {
  content: "\e8dc";
}

.icon-trending-down:before {
  content: "\e8dd";
}

.icon-triangle:before {
  content: "\e8de";
}

.icon-type:before {
  content: "\e8df";
}

.icon-twitter:before {
  content: "\e8e0";
}

.icon-upload:before {
  content: "\e8e1";
}

.icon-umbrella:before {
  content: "\e8e2";
}

.icon-upload-cloud:before {
  content: "\e8e3";
}

.icon-unlock:before {
  content: "\e8e4";
}

.icon-user-check:before {
  content: "\e8e5";
}

.icon-user-minus:before {
  content: "\e8e6";
}

.icon-user-plus:before {
  content: "\e8e7";
}

.icon-user-x:before {
  content: "\e8e8";
}

.icon-user:before {
  content: "\e8e9";
}

.icon-users:before {
  content: "\e8ea";
}

.icon-video-off:before {
  content: "\e8eb";
}

.icon-video:before {
  content: "\e8ec";
}

.icon-voicemail:before {
  content: "\e8ed";
}

.icon-volume-x:before {
  content: "\e8ee";
}

.icon-volume-2:before {
  content: "\e8ef";
}

.icon-volume-1:before {
  content: "\e8f0";
}

.icon-volume:before {
  content: "\e8f1";
}

.icon-watch:before {
  content: "\e8f2";
}

.icon-wifi:before {
  content: "\e8f3";
}

.icon-x-square:before {
  content: "\e8f4";
}

.icon-wind:before {
  content: "\e8f5";
}

.icon-x:before {
  content: "\e8f6";
}

.icon-x-circle:before {
  content: "\e8f7";
}

.icon-zap:before {
  content: "\e8f8";
}

.icon-zoom-in:before {
  content: "\e8f9";
}

.icon-zoom-out:before {
  content: "\e8fa";
}

.icon-command:before {
  content: "\e8fb";
}

.icon-cloud:before {
  content: "\e8fc";
}

.icon-hash:before {
  content: "\e8fd";
}

.icon-headphones:before {
  content: "\e8fe";
}

.icon-underline:before {
  content: "\e8ff";
}

.icon-italic:before {
  content: "\e900";
}

.icon-bold:before {
  content: "\e901";
}

.icon-crop:before {
  content: "\e902";
}

.icon-help-circle:before {
  content: "\e903";
}

.icon-paperclip:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

.icon-tv:before {
  content: "\e906";
}

.icon-wifi-off:before {
  content: "\e907";
}

.icon-minimize:before {
  content: "\e88d";
}

.icon-maximize:before {
  content: "\e908";
}

.icon-gitlab:before {
  content: "\e909";
}

.icon-sliders:before {
  content: "\e90a";
}

.icon-star-on:before {
  content: "\e90b";
}

.icon-heart-on:before {
  content: "\e90c";
}

body {
  font-family: "FC Iconic";
  background-color: #fff;
  color: #122d58;
  line-height: 1;
  font-weight: 400;
  font-size: 16px;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: antialiased;
}

.container {
  width: 1226px;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.breadcrumb-block {
  margin-bottom: 30px;
}

.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.breadcrumb li {
  position: relative;
}
.breadcrumb li + li:before {
  display: inline;
  content: "/";
  position: relative;
  margin: auto;
  padding: 0;
}
.breadcrumb li.active {
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb .link {
  color: #122d58;
  font-size: 15px;
  line-height: 24px;
}
.breadcrumb .link:hover {
  color: #56bed6;
}
.breadcrumb li + li {
  margin-left: 5px;
}

.btn {
  background: none;
  position: relative;
  padding: 0 20px;
  min-width: 120px;
  height: 44px;
  line-height: 42px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 400;
  border-radius: 30px;
  top: 0;
}
.btn.fluid {
  min-width: inherit;
  width: 100%;
}
.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-xs {
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 15px;
  min-width: 80px;
}
.btn.btn-sm {
  height: 35px;
  line-height: 33px;
  font-size: 14px;
  border-radius: 35px;
  min-width: 100px;
}
.btn.btn-md {
  height: 48px;
  line-height: 46px;
}
.btn.btn-lg {
  height: 60px;
  line-height: 58px;
  font-size: 24px;
  min-width: 240px;
}
.btn.btn-radius {
  border-radius: 20px;
}
.btn.disabled {
  pointer-events: none;
}
.btn:hover {
  -webkit-box-shadow: 0 3px 6px rgba(90, 163, 180, 0.4);
          box-shadow: 0 3px 6px rgba(90, 163, 180, 0.4);
  top: -2px;
}
.btn span.icon {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.btn span.icon.left {
  margin: 0 5px 0 0;
}
.btn span.icon img {
  display: inline-block;
}
.btn img.icon {
  position: relative;
  margin-left: 2px;
  top: -2px;
  height: 24px;
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  background: none;
  height: auto;
  line-height: 1;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
  text-decoration: underline;
}

.link-primary {
  color: #56bed6;
}
.link-primary:hover {
  color: #56bed6;
  text-decoration: underline !important;
}

.link-dark {
  color: #000;
}
.link-dark:hover {
  color: #000;
  text-decoration: underline !important;
}

.link-default {
  color: #122d58;
}
.link-default:hover {
  color: #122d58;
  text-decoration: underline !important;
}

.btn-linkedin {
  background-color: #0089d1;
  color: #fff;
  text-align: left;
  padding-left: 70px;
  overflow: hidden;
  border: none;
  position: relative;
}
.btn-linkedin.btn-md {
  line-height: 54px;
}
.btn-linkedin .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 54px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.15);
}
.btn-linkedin:hover {
  color: #fff;
}

.btn-facebook {
  background-color: #fff;
  border-color: #1877f2;
  color: #1877f2;
  font-weight: 500;
}
.btn-facebook.btn-md {
  line-height: 54px;
}
.btn-facebook .icon,
.btn-facebook img.icon {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0;
}
.btn-facebook:hover {
  color: #1877f2;
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #56bed6;
  border-color: transparent;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.actitve:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover {
  color: #fff;
  background-color: #56bed6;
  border-color: transparent;
}

.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary.disabled,
.btn-primary.disabled:hover {
  color: #91a6c4;
  background-color: #eaf4ff;
  border-color: transparent;
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ffc400;
  border-color: transparent;
}

.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.actitve:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover {
  color: #fff;
  background-color: #ffc400;
  border-color: transparent;
}

.btn-secondary:disabled,
.btn-secondary:disabled:hover,
.btn-secondary.disabled,
.btn-secondary.disabled:hover {
  color: #fff;
  background-color: #ffc400;
  border-color: transparent;
  opacity: 0.5;
}

.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff0000;
  border-color: transparent;
}

.btn-danger:hover,
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.actitve:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.btn-danger:focus:hover,
.btn-danger.focus:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: transparent;
}

.btn-danger:disabled,
.btn-danger:disabled:hover,
.btn-danger.disabled,
.btn-danger.disabled:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: transparent;
  opacity: 0.5;
}

.btn-gray,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active,
.show > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #6481a9;
  border-color: transparent;
}

.btn-gray:hover,
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray:active:focus,
.btn-gray.actitve:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.btn-gray:focus:hover,
.btn-gray.focus:hover {
  color: #fff;
  background-color: #6481a9;
  border-color: transparent;
}

.btn-gray:disabled,
.btn-gray:disabled:hover,
.btn-gray.disabled,
.btn-gray.disabled:hover {
  color: #fff;
  background-color: #6481a9;
  border-color: transparent;
  opacity: 0.5;
}

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #56bed6;
  background-color: rgba(86, 190, 214, 0.07);
  border-color: #56bed6;
}

.btn-outline-primary:hover,
.btn-outline-primary:active:hover,
.btn-outline-primary.active:hover,
.btn-outline-primary:active:focus,
.btn-outline-primary.actitve:focus,
.btn-outline-primary:active.focus,
.btn-outline-primary.active.focus,
.btn-outline-primary:focus:hover,
.btn-outline-primary.focus:hover {
  color: #fff;
  background-color: #56bed6;
  border-color: transparent;
}

.btn-outline-primary:disabled,
.btn-outline-primary:disabled:hover,
.btn-outline-primary.disabled,
.btn-outline-primary.disabled:hover {
  color: #56bed6;
  background-color: rgba(86, 190, 214, 0.07);
  border-color: #56bed6;
  opacity: 0.5;
}

.btn-outline-danger,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #ff0000;
  background-color: transparent;
  border-color: #ff0000;
}

.btn-outline-danger:hover,
.btn-outline-danger:active:hover,
.btn-outline-danger.active:hover,
.btn-outline-danger:active:focus,
.btn-outline-danger.actitve:focus,
.btn-outline-danger:active.focus,
.btn-outline-danger.active.focus,
.btn-outline-danger:focus:hover,
.btn-outline-danger.focus:hover {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000;
}

.btn-outline-danger:disabled,
.btn-outline-danger:disabled:hover,
.btn-outline-danger.disabled,
.btn-outline-danger.disabled:hover {
  color: #ff0000;
  background-color: transparent;
  border-color: #ff0000;
  opacity: 0.5;
}

@media (max-width: 1440px) {
  .btn {
    font-size: 15px;
  }
  .btn.btn-lg {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .btn {
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
  }
  .btn span.left {
    margin-right: 2px;
  }
  .btn.btn-md {
    height: 46px;
    line-height: 44px;
  }
  .btn.btn-lg {
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 15px;
  }
}
#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #56bed6;
  color: transparent;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  font-size: 18px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.08984 16.9201-6.52-6.52c-.769997-.77002-.769997-2.03002 0-2.80002l6.52-6.52' stroke='%23ffffff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
          box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#topBtn:hover {
  -webkit-transform: translateY(-10px) rotate(90deg);
          transform: translateY(-10px) rotate(90deg);
}

.editor-content {
  font-size: 16px;
  line-height: 1.4em;
  color: #122d58;
}
.editor-content p {
  margin-bottom: 20px;
}
.editor-content p:last-child {
  margin-bottom: 0;
}
.editor-content p {
  font-weight: inherit;
}
.editor-content img {
  height: auto !important;
}
.editor-content ol,
.editor-content ul {
  padding-left: 20px;
}
.editor-content ol {
  list-style-type: decimal;
}
.editor-content ul {
  list-style-type: disc;
}
.editor-content .title {
  font-size: 30px;
  margin-bottom: 20px;
}
.editor-content .title * {
  font-size: inherit !important;
  margin-bottom: 0;
}
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
  font-size: inherit;
}
.editor-content a {
  color: #007aff;
}

@media (max-width: 1440px) {
  .editor-content .title {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .editor-content .title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .editor-content {
    font-size: 14px;
  }
  .editor-content p {
    margin-bottom: 15px;
  }
  .editor-content .title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .editor-content .title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .editor-content .title {
    font-size: 18px;
  }
}
.form-default.form-2 .block-control {
  display: block;
  border: none;
}
.form-default.form-2 .control-label {
  line-height: 1.4em;
  padding: 0;
  margin-bottom: 15px;
}
.form-default.form-2 .form-control {
  padding: 0 20px;
  border: 1px solid #eeeeee;
}
.form-default.form-2 .form-control:focus {
  border-color: #e1e1e1;
}
.form-default.form-2 textarea.form-control {
  padding: 15px 20px;
}
.form-default.form-2 .select2-container--default .select2-selection--single {
  background: #fff;
}

.form-default .form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-default .accept {
  margin-top: 20px;
  margin-bottom: 30px;
}

.form-default .block-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
}

.form-default [data-toggle=pass-status] {
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 0;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  outline: none;
}

.form-default .control-label {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #122d58;
  line-height: 52px;
  padding: 0 20px;
  cursor: text;
}
.form-default .control-label .require {
  color: #ff0000;
}

.form-default .form-control {
  line-height: 1.2em;
  padding: 10px 40px 10px 0;
  font-weight: 300;
  font-size: 16px;
  color: #122d58;
  height: 44px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-default .form-control::-webkit-input-placeholder {
  color: #91a6c4;
  opacity: 1; /* Firefox */
}
.form-default .form-control::-moz-placeholder {
  color: #91a6c4;
  opacity: 1; /* Firefox */
}
.form-default .form-control:-ms-input-placeholder {
  color: #91a6c4;
  opacity: 1; /* Firefox */
}
.form-default .form-control::-ms-input-placeholder {
  color: #91a6c4;
  opacity: 1; /* Firefox */
}
.form-default .form-control::placeholder {
  color: #91a6c4;
  opacity: 1; /* Firefox */
}
.form-default .form-control::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #91a6c4;
}

.form-default textarea.form-control {
  height: inherit;
}

.form-default .form-note {
  position: absolute;
  top: 100%;
  left: 20px;
  margin-top: 4px;
  font-size: 14px;
  color: #999;
}

.form-default .form-control:focus {
  border-color: transparent;
  font-weight: 300;
}

.form-default .has-error .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-default .has-success .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-default .floating-label {
  color: #333;
  font-size: 14px;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 9px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.form-default .form-control:focus ~ .floating-label,
.form-default .form-control:not(:focus):valid ~ .floating-label {
  color: #333;
  font-size: 12px;
  left: 0;
  top: -22px;
}

.form-default .pass ~ .form-control-feedback {
  right: 45px;
}

.form-control-feedback {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-size: 100%;
}

.form-control-feedback:before {
  display: none;
}

.form-control-feedback.glyphicon-remove {
  background: url("../img/icon/cancel.png") center no-repeat;
  background-size: 16px;
}

textarea ~ .form-control-feedback {
  top: 25px;
}

.form-default .radio-list li + li {
  margin-left: 40px;
}

.form-default .checkbox-list li + li {
  margin-left: 40px;
}

.form-default .select2-container--default .select2-selection--single {
  height: 44px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
}
.form-default .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 18px;
  color: #122d58;
  font-weight: 300;
  padding-left: 20px;
  padding-right: 40px;
  line-height: 42px;
}
.form-default .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 18px;
  color: #91a6c4;
  font-weight: 300;
  line-height: 42px;
}
.form-default .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 40px;
  height: 44px;
}
.form-default .select2-container--default .select2-selection--single .select2-selection__arrow b {
  color: #122d58;
  margin: -10px 0 0 -15px;
}
.form-default .select2-container--default .select2-selection--multiple {
  background: #fff;
  height: 44px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
}
.form-default .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 40px;
}
.form-default .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding-left: 15px;
}
.form-default .select2-container--default .select2-search--inline .select2-search__field {
  line-height: 42px;
  font-size: 18px;
  color: #4e677c;
  font-weight: 300;
}
.form-default .select2-container--default .select2-selection--multiple .select2-selection__choice {
  height: 30px;
  background-color: #56bed6;
  border-color: #eeeeee;
  padding: 0 10px;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.form-default .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 8px;
  font-weight: normal;
}
.form-default .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove::before {
  color: #ffffff;
}
.form-default .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #eeeeee;
}
.form-default .select2-container--default .select2-selection--multiple::before {
  right: 15px;
}

.radio-control {
  position: relative;
  display: inline-block;
  min-height: 34px;
  padding-left: 0;
}
.radio-control.radio-md .icon {
  width: 24px;
  height: 24px;
  top: 6px;
}
.radio-control.radio-md .title {
  color: #122d58;
  font-size: 18px;
  font-weight: 400;
  padding-left: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.radio-control.radio-md input[type=radio]:checked ~ .icon:before {
  width: 12px;
  height: 12px;
}
.radio-control.radio-lg .icon {
  width: 40px;
  height: 40px;
  top: 0;
}
.radio-control.radio-lg .title {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  padding-left: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.radio-control.radio-lg input[type=radio]:checked ~ .icon:before {
  width: 24px;
  height: 24px;
}

.radio-control .icon {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 50%;
}

.radio-control .title {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  color: #707070;
  padding-left: 30px;
  line-height: 1.2em;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.radio-control input[type=radio] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.radio-control input[type=radio]:checked ~ .icon {
  border-color: transparent;
  border-color: #56bed6;
}

.radio-control input[type=radio]:checked ~ .icon:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #56bed6;
  border-radius: 50%;
}

.radio-label {
  position: absolute;
  bottom: 100%;
  line-height: 1em;
  font-size: 20px;
  color: #6bb953;
  font-weight: 500;
}

.option-btn {
  margin: 0;
  padding: 0;
}
.option-btn input[type=radio],
.option-btn input[type=checkbox] {
  display: none;
}
.option-btn input[type=radio] ~ .btn,
.option-btn input[type=checkbox] ~ .btn {
  height: auto;
  line-height: 1.1em;
  font-size: 14px;
  font-weight: 500;
  border-radius: 35px;
  min-width: 80px;
  width: 100%;
  padding: 9px 10px;
  color: #91a6c4;
  background-color: #eaf4ff;
  border-color: transparent;
}
.option-btn input[type=radio]:checked ~ .btn,
.option-btn input[type=checkbox]:checked ~ .btn {
  color: #56bed6;
  background-color: rgba(86, 190, 214, 0.07);
  border-color: #56bed6;
}

.checkbox-control {
  position: relative;
  display: inline-block;
}
.checkbox-control.checkbox-md .icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
}
.checkbox-control.checkbox-md .title {
  color: #122d58;
  font-size: 18px;
  font-weight: 400;
  padding-left: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.checkbox-control.checkbox-md input[type=checkbox]:checked ~ .icon:before {
  line-height: 22px;
  font-size: 18px;
}
.checkbox-control.checkbox-lg .icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}
.checkbox-control.checkbox-lg .title {
  color: #000;
  padding-left: 60px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.checkbox-control.checkbox-lg input[type=checkbox]:checked ~ .icon:before {
  line-height: 38px;
  font-size: 20px;
}
.checkbox-control.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.checkbox-control .icon {
  width: 18px;
  height: 18px;
  border: 1px solid #56bed6;
  background-color: #fff;
  position: absolute;
  top: 6px;
  left: 0;
  border-radius: 5px;
}

.checkbox-control .title {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  color: #707070;
  padding-left: 30px;
  line-height: 1.2em;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

.checkbox-control input[type=checkbox] {
  margin-top: 0;
  position: absolute;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.checkbox-control input[type=checkbox]:checked ~ .icon {
  border-color: transparent;
  background-color: #56bed6;
  text-align: center;
  color: #fff;
}

.checkbox-control input[type=checkbox]:checked ~ .icon:before {
  position: relative;
  content: "\e83f";
  font-size: 16px;
  line-height: 18px;
}

.has-feedback .form-control ~ .help-block {
  font-size: 14px;
  margin-top: 5px;
}

.has-feedback .form-control ~ .help-block ul {
  margin: 0;
}

.has-feedback .select-control ~ .help-block {
  font-size: 14px;
  margin-top: 5px;
}

.has-feedback .select-control ~ .help-block ul {
  margin: 0;
}

.has-error .form-control,
.has-danger .form-control {
  border-color: #ff3a44 !important;
}

.has-error .checkbox-control .icon,
.has-danger .checkbox-control .icon {
  border-color: #ff3a44 !important;
}

.has-error .checkbox-control .title,
.has-danger .checkbox-control .title {
  color: #ff3a44 !important;
}

.help-block.with-errors {
  color: #ff3a44;
}

@media (max-width: 1440px) {
  .form-default .control-label {
    font-size: 16px;
  }
  .form-default .form-control {
    font-size: 16px;
  }
  .form-default .accept .form-group {
    margin-bottom: 10px;
  }
  .form-default.form-2 .control-label {
    margin-bottom: 10px;
  }
  .checkbox-control input[type=checkbox]:checked ~ .icon::before {
    font-size: 14px;
    line-height: 16px;
    top: -2px;
  }
  .checkbox-control.checkbox-lg .title {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .checkbox-control.checkbox-lg .icon {
    width: 34px;
    height: 34px;
  }
  .checkbox-control.checkbox-lg input[type=checkbox]:checked ~ .icon:before {
    line-height: 32px;
  }
  .radio-control.radio-lg .title {
    font-size: 18px;
  }
  .radio-control.radio-lg .icon {
    width: 34px;
    height: 34px;
  }
  .form-default .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  }
  .form-default .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 16px;
  }
  .form-default .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .form-default .accept {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .form-default .control-label {
    font-size: 15px;
  }
  .checkbox-control.checkbox-lg .title {
    font-size: 16px;
    padding-left: 40px;
  }
  .checkbox-control.checkbox-lg .icon {
    width: 30px;
    height: 30px;
    top: 1px;
  }
  .checkbox-control.checkbox-lg input[type=checkbox]:checked ~ .icon:before {
    line-height: 28px;
  }
  .radio-control.radio-md .icon {
    width: 22px;
    height: 22px;
    top: 5px;
  }
  .radio-control.radio-md .title {
    font-size: 16px;
  }
  .checkbox-control.checkbox-md .icon {
    width: 22px;
    height: 22px;
    border-radius: 7px;
  }
  .checkbox-control.checkbox-md .title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .form-default .control-label {
    line-height: 44px;
    padding: 0 15px;
    font-size: 14px;
  }
  .form-default .form-control {
    height: 40px;
    font-size: 14px;
  }
  .form-default [data-toggle=pass-status] {
    right: 3px;
    font-size: 14px;
  }
  .form-default .pass ~ .form-control-feedback {
    right: 30px;
  }
  .form-control-feedback {
    right: 7px;
    background-size: 14px !important;
  }
  .form-default.form-2 .control-label {
    margin-bottom: 8px;
  }
  .form-default.form-2 .form-control {
    padding: 0 15px;
  }
  .form-default .select2-container--default .select2-selection--single {
    height: 40px;
  }
  .form-default .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 38px;
    padding-left: 15px;
  }
  .form-default .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    line-height: 38px;
  }
  .form-default .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 38px;
    height: 40px;
  }
  .form-default .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding-left: 10px;
  }
  .form-default .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 14px;
  }
  .form-default .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
  }
  .radio-control .icon {
    width: 16px;
    height: 16px;
    top: 7px;
  }
  .radio-control input[type=radio]:checked ~ .icon::before {
    width: 8px;
    height: 8px;
  }
  .radio-control {
    min-height: 28px;
  }
  .radio-control .title {
    font-size: 14px;
    padding-left: 25px;
  }
  .radio-control.radio-md .icon {
    width: 20px;
    height: 20px;
  }
  .radio-control.radio-md .title {
    font-size: 14px;
    padding-left: 30px;
  }
  .radio-control.radio-lg .icon {
    width: 28px;
    height: 28px;
  }
  .radio-control.radio-lg .title {
    font-size: 16px;
  }
  .radio-control.radio-lg input[type=radio]:checked ~ .icon::before {
    width: 18px;
    height: 18px;
  }
  .radio-control.radio-lg .title {
    padding-left: 40px;
  }
  .checkbox-control .icon {
    width: 16px;
    height: 16px;
    top: 7px;
  }
  .checkbox-control .title {
    font-size: 14px;
    padding-left: 25px;
  }
  .checkbox-control input[type=checkbox]:checked ~ .icon:before {
    font-size: 14px;
    line-height: 16px;
    top: -2px;
  }
  .checkbox-control.checkbox-md .icon {
    width: 20px;
    height: 20px;
    border-radius: 6px;
  }
  .checkbox-control.checkbox-md .title {
    font-size: 14px;
    padding-left: 30px;
  }
  .checkbox-control.checkbox-lg .icon {
    width: 28px;
    height: 28px;
  }
  .checkbox-control.checkbox-lg .title {
    font-size: 16px;
  }
}
.pagination-block {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}
.pagination-block .result {
  font-size: 18px;
  color: #122d58;
  font-weight: 300;
}
.pagination-block .result span {
  font-weight: 400;
  color: #56bed6;
}

.pagination {
  margin: 0;
}
.pagination .link {
  display: block;
  min-width: 40px;
  height: 40px;
  padding: 0 5px;
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  border-radius: 10px;
  font-weight: 300;
  color: #122d58;
}
.pagination .link:hover {
  color: #56bed6;
}
.pagination .link span {
  font-size: 1em;
  position: relative;
  line-height: 38px;
}
.pagination .link.link-text {
  border-color: transparent;
  background-color: transparent;
}
.pagination .link.link-text:hover {
  border-color: transparent;
  background-color: transparent;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
}
.pagination li.active .link {
  color: #fff;
  border-color: transparent;
  background-color: #56bed6;
}
.pagination li + li {
  margin-left: 6px;
}

@media (max-width: 1440px) {
  .pagination-block {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  .pagination-block {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .pagination-block {
    margin-top: 10px;
  }
  .pagination-block .result {
    font-size: 18px;
  }
  .pagination-block .link {
    min-width: 36px;
    height: 36px;
    line-height: 34px;
    padding: 0 5px;
    font-size: 16px;
  }
  .pagination .link span {
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .pagination-block {
    margin-top: 10px;
    padding-top: 30px;
  }
  .pagination-block .result {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .pagination-block .link {
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 14px;
  }
  .pagination-block .link.link-text {
    display: none;
  }
  .pagination .link span {
    line-height: 28px;
  }
}
@media (max-width: 575px) {
  .pagination-block {
    margin-top: 10px;
  }
  .pagination-block .result {
    text-align: center;
  }
  .pagination-block .pagination {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pagination-block .link {
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    padding: 0 5px;
  }
  .pagination-block .link.link-text {
    display: none;
  }
  .pagination .link span {
    line-height: 28px;
  }
}
.whead {
  margin-bottom: 30px;
}
.whead.whead-xs .title {
  font-size: 20px;
}
.whead.whead-xs .title .icon {
  margin-right: 6px;
  width: 24px;
  top: -2px;
}
.whead.whead-sm .title {
  font-size: 24px;
}
.whead.whead-sm .title .icon {
  top: -2px;
}
.whead.text-center .title:after {
  margin: auto;
  left: 0;
  right: 0;
}
.whead .icon {
  margin-bottom: 20px;
}
.whead .title {
  margin: 0 0 10px 0;
  font-weight: 500;
  line-height: 1em;
  padding-bottom: 0;
  position: relative;
  font-size: 30px;
}
.whead .title .icon {
  width: 30px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 10px;
}
.whead .sub {
  font-size: 16px;
}
.whead .desc {
  color: #969696;
  line-height: 1.2em;
}
.whead .action {
  margin-top: 8px;
}
.whead .action .link {
  font-size: 20px;
  color: #000;
  line-height: 1em;
  position: relative;
  padding-bottom: 6px;
  -webkit-transition: all 300ms ease 0ms;
  transition: all 300ms ease 0ms;
}
.whead .action .link:hover {
  color: #56bed6;
}
.whead .action .link:hover:after {
  bottom: 5px;
  opacity: 0;
}
.whead .action .link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #56bed6;
  -webkit-transition: all 200ms ease 0ms;
  transition: all 200ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.whead > .row > div > .title {
  padding: 0;
  margin: 0;
}
.whead > .row > div > .action {
  padding: 0;
  margin: 0;
}

@media (max-width: 1680px) {
  .whead .title {
    font-size: 28px;
  }
  .whead .title:after {
    width: 80px;
  }
  .whead .action .link {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  .whead .title {
    font-size: 26px;
  }
  .whead .title .icon {
    width: 28px;
  }
  .whead.whead-sm .title {
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .whead {
    margin-bottom: 25px;
  }
  .whead .icon img {
    max-width: 180px;
    max-height: 180px;
  }
  .whead .title {
    font-size: 24px;
  }
  .whead .title .icon {
    width: 24px;
    margin-right: 8px;
  }
  .whead .title .icon img {
    width: 100%;
  }
  .whead.whead-sm .title {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .whead {
    margin-bottom: 25px;
  }
  .whead .title {
    font-size: 20px;
  }
  .whead .title::after {
    width: 70px;
  }
  .whead .action .link {
    font-size: 16px;
  }
  .whead .desc {
    font-size: 14px;
  }
  .whead .sub {
    font-size: 16px;
  }
  .whead .icon img {
    max-width: 180px;
    max-height: 180px;
  }
  .whead .title .icon img {
    width: 100%;
    max-width: inherit;
    max-height: inherit;
  }
  .whead.whead-sm .title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .whead {
    margin-bottom: 20px;
  }
  .whead .title {
    font-size: 20px;
  }
  .whead .title::after {
    width: 60px;
  }
  .whead .action .link {
    font-size: 14px;
  }
  .whead .desc {
    font-size: 14px;
  }
  .whead .sub {
    font-size: 14px;
  }
  .whead .icon {
    margin-bottom: 30px;
  }
  .whead .icon img {
    max-width: 120px;
    max-height: 120px;
  }
  .whead .title .icon {
    width: 20px;
    margin-right: 4px;
    top: 0px;
  }
  .whead.whead-sm .title .icon {
    top: -1px;
  }
}
.modal-backdrop {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px) brightness(0.8);
          backdrop-filter: blur(5px) brightness(0.8);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 16px;
  padding-top: 45px;
  padding-bottom: 40px;
  min-height: 480px;
}

.modal-dialog {
  max-width: 950px;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  display: block;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #91a6c4;
  font-size: 18px;
  border: 2px solid #91a6c4;
  border-radius: 999px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.modal-close span {
  font-weight: bold;
  line-height: 26px;
}
.modal-close:hover {
  text-decoration: none;
  color: #000;
  border-color: #000;
}

.modal-face .modal-dialog {
  width: 600px;
}
.modal-face .modal-content {
  padding: 0;
  border-radius: 40px;
  overflow: hidden;
}

.modal .close {
  outline: none;
}

.modal-search .modal-content {
  padding: 0;
  min-height: 100px;
  background-color: transparent;
}
.modal-search .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: transparent;
}
.modal-search .modal-body {
  padding: 0;
}
.modal-search .modal-title {
  font-size: 28px;
}
.modal-search .close {
  color: #91a6c4;
  opacity: 1;
  font-size: 20px;
  padding: 0;
  margin: 0;
  font-weight: 400;
  text-shadow: none;
}
.modal-search .close .icon {
  display: inline-block;
  border: 1px solid;
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 999px;
}
.modal-search .form-default {
  background-color: #fff;
  border-radius: 999px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-search .form-default .form-control {
  padding: 0 30px;
  background-color: #eaf4ff;
  border-radius: 999px;
}
.modal-search .form-default .btn {
  min-width: 175px;
  margin-left: 20px;
}

#modalLogin .modal-dialog {
  max-width: 680px;
}

.alert-modal.modal-dialog {
  max-width: 445px;
}
.alert-modal .modal-content {
  min-height: 325px;
}
.alert-modal .alert {
  margin-bottom: 0;
}
.alert-modal .alert .desc {
  font-size: 18px;
}
.alert-modal .alert .action .btn {
  min-width: 170px;
}
.alert-modal .alert-success {
  padding: 0.75rem 1.25rem;
}

.modal-form .wrapper {
  margin: 0 auto;
}
.modal-form .form-button .btn {
  min-width: 164px;
}

.form-header {
  text-align: center;
  margin-bottom: 30px;
}
.form-header .whead .title {
  padding: 0;
  margin: 0;
}
.form-header .whead .desc {
  color: #91a6c4;
  margin-top: 10px;
}

.form-body .inner {
  margin-top: 30px;
  padding: 0 40px;
}
.form-body .inner .form-button {
  margin-top: 25px;
}
.form-body .action {
  margin-top: 20px;
}
.form-body .action .link {
  font-size: 14px;
}

@media (max-width: 1440px) {
  .modal-dialog {
    max-width: 840px;
  }
  .modal-search .close {
    font-size: 18px;
  }
  .modal-search .close .icon {
    width: 28px;
    height: 28px;
    line-height: 26px;
  }
  .modal-search .modal-title {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .modal-dialog {
    max-width: 740px;
  }
}
@media (max-width: 991px) {
  .modal-close {
    top: 10px;
    right: 10px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .modal-dialog {
    max-width: 550px;
  }
  .modal-close {
    width: 30px;
    height: 30px;
  }
  .modal-close span {
    line-height: 26px;
    font-size: 18px;
  }
  .modal-content {
    padding-top: 40px;
    padding-bottom: 30px;
    min-height: inherit;
  }
  .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-face .modal-dialog {
    width: auto;
    margin: 0;
  }
  .modal-face .modal-content {
    border-radius: 0;
  }
  .modal-search .modal-title {
    font-size: 22px;
  }
  .modal-search .close {
    font-size: 16px;
  }
  .modal-search .close .icon {
    width: 26px;
    height: 26px;
    line-height: 24px;
  }
  .modal-search .modal-content {
    padding: 0 20px;
  }
  .modal-search .form-default {
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .modal-search .form-default .btn {
    margin-top: 15px;
    margin-left: 0;
    width: 100%;
  }
  .alert-modal .alert .desc {
    font-size: 16px;
  }
  .alert-modal .modal-content {
    min-height: 300px;
  }
  .form-header {
    margin-bottom: 20px;
  }
  .form-body .inner {
    margin-top: 25px;
    padding: 0 25px;
  }
  .form-body .inner .form-button {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .modal-dialog {
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 768px) {
  .modal-md {
    max-width: 680px;
  }
  .modal-md .modal-content {
    min-height: 320px;
  }
}
.slick-slider {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}
.slick-slider.slick-dotted {
  margin-bottom: 0;
}
.slick-slider .slick-slide {
  outline: none !important;
}
.slick-slider .slick-list .item {
  float: left;
}
.slick-slider.is-loader {
  opacity: 1;
  visibility: visible;
}
.slick-slider .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slick-slider .slick-dots li {
  margin: 0 3px;
  display: block;
  width: auto;
  height: auto;
}
.slick-slider .slick-dots li button {
  padding: 0;
  width: 6px;
  height: 6px;
  background-color: #56bed6;
  border-radius: 999px;
  opacity: 0.5;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.slick-slider .slick-dots li button:before {
  display: none;
}
.slick-slider .slick-dots li.slick-active button {
  width: 30px;
  opacity: 1;
}

.slick-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  z-index: 10;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  -webkit-box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
          box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
  opacity: 1;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.slick-arrow:hover, .slick-arrow:focus {
  background: #56bed6;
}
.slick-arrow:before {
  display: none;
}
.slick-arrow.slick-prev, .slick-arrow.slick-next {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
.slick-arrow.slick-prev {
  left: -30px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.08984 16.9201-6.52-6.52c-.769997-.77002-.769997-2.03002 0-2.80002l6.52-6.52' stroke='%2391A6C4' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slick-arrow.slick-prev:hover, .slick-arrow.slick-prev:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.08984 16.9201-6.52-6.52c-.769997-.77002-.769997-2.03002 0-2.80002l6.52-6.52' stroke='%23ffffff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slick-arrow.slick-next {
  right: -30px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.910156 16.9201 6.520004-6.52c.77-.77002.77-2.03002 0-2.80002l-6.520004-6.52' stroke='%2391A6C4' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slick-arrow.slick-next:hover, .slick-arrow.slick-next:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.910156 16.9201 6.520004-6.52c.77-.77002.77-2.03002 0-2.80002l-6.520004-6.52' stroke='%23ffffff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.slick-arrow.slick-disabled {
  opacity: 0;
}

.slick-arrow.slick-disabled {
  opacity: 0.8 !important;
  pointer-events: none;
}

.slick-slider.layout-2 .slick-dots {
  position: absolute;
  bottom: 30px;
}
.slick-slider.layout-2 .slick-dots li {
  margin: 0 8px;
}
.slick-slider.layout-2 .slick-dots li.slick-active button {
  background-color: #56bed6;
}
.slick-slider.layout-2 .slick-dots li button {
  width: 10px;
  height: 10px;
}

@media (max-width: 1440px) {
  .slick-arrow {
    width: 45px;
    height: 45px;
  }
  .slick-arrow.slick-prev {
    left: -25px;
  }
  .slick-arrow.slick-next {
    right: -25px;
  }
}
@media (max-width: 1199px) {
  .slick-slider.layout-2 .slick-dots {
    bottom: 20px;
  }
  .slick-slider.layout-2 .slick-dots li {
    margin: 0 5px;
  }
}
@media (max-width: 767px) {
  .slick-slider.layout-2 .slick-dots {
    bottom: 10px;
  }
  .slick-slider.layout-2 .slick-dots li {
    margin: 0 3px;
  }
  .slick-slider.layout-2 .slick-dots li button {
    width: 6px;
    height: 6px;
  }
}
.select-control {
  width: 100%;
}

.select-control:focus {
  outline: none;
}

.select2-selection:focus {
  outline: none;
}

.select2-container {
  z-index: 10;
}

.select2-container .select2-selection--single {
  height: 44px;
}

.select2-container--default .select2-selection--single {
  background-color: #eaf4ff;
  border: none;
  border-top: 1px solid transparent;
  border-radius: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 30px;
  line-height: 42px;
  font-size: 16px;
  font-weight: 300;
  color: #122d58;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  top: 0;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: #122d58;
  border: none;
  margin: -10px 0 0 -20px;
  text-align: center;
  line-height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  font-family: "feather";
  content: "\e842";
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  content: "\e845";
}

.select2-container--default .select2-results__group {
  font-weight: normal;
  font-size: 16px;
  padding: 8px 20px;
  color: #000;
  font-weight: 400;
}

.select2-container--default .select2-results__option .select2-results__option:hover {
  background-color: #f2f2f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #5897fb;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #bbb;
  padding: 6px 20px;
  font-size: 16px;
}

.select2-results__option {
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}

.select2-dropdown {
  border-width: 0;
  background-color: #fff;
  border-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}

.select2-container .select2-selection--multiple {
  min-height: 44px;
  overflow: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  height: 30px;
  margin-top: 6px;
  margin-right: 6px;
  padding: 0 6px;
  border-color: #bbb;
  background-color: #f5f5f5;
  font-size: 16px;
  line-height: 28px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 0;
  line-height: 42px;
  font-size: 16px;
  color: #122d58;
  font-weight: 300;
  padding: 0 9px;
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 4px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #122d58;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #eee;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  color: #fff;
  background-color: #56bed6;
}

.select-layout2 .select2-container .select2-selection--single {
  height: 60px;
  border: 1px solid #eee;
}
.select-layout2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 58px;
  font-size: 20px;
  font-weight: 400;
  padding-left: 30px;
}
.select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0px;
  width: 60px;
  height: 60px;
  background-color: #56bed6;
}
.select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  color: #fff;
  font-size: 24px;
}

.select-layout3 .select2-container .select2-selection--single {
  height: 52px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
}
.select-layout3 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  font-size: 16px;
  font-weight: 300;
  padding-left: 20px;
  color: #4e677c;
}
.select-layout3 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0px;
  width: 52px;
  height: 52px;
}
.select-layout3 .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #4e677c;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #eaf4ff;
  color: #122d58;
}

.select2-container--default .select2-selection--multiple {
  background-color: #eaf4ff;
  border: none;
  border-top: 1px solid transparent;
  border-radius: 25px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}

.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
  color: #122d58;
  opacity: 1; /* Firefox */
}

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #122d58;
  opacity: 1; /* Firefox */
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
  color: #122d58;
  opacity: 1; /* Firefox */
}

.select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder {
  color: #122d58;
  opacity: 1; /* Firefox */
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #122d58;
  opacity: 1; /* Firefox */
}
.select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #122d58;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #fff;
  font-size: 15px;
  padding: 0 8px;
  background-color: #56bed6;
  border-color: #56bed6;
  border-radius: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: transparent;
  width: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove::before {
  content: "\e8f6";
  font-size: 16px;
  color: #fff;
}

.select2-results__options[aria-multiselectable=true] .select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 18px;
  width: 18px;
  border: 1px solid #91a6c4;
  border-radius: 5px;
  background-color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  top: -1px;
}
.select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before {
  content: "\e83f";
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  background-color: #56bed6;
  border: 0;
  display: inline-block;
  padding-left: 1px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding-left: 14px;
  padding-right: 20px;
}

.select2-container--default .select2-selection--multiple:before {
  width: 20px;
  height: 100%;
  display: inline;
  font-size: 18px;
  font-weight: 600;
  color: #122d58;
  text-align: center;
  content: "\e842";
  position: absolute;
  right: 10px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple::before {
  content: "\e845";
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline-color: #56bed6;
}

@media (max-width: 1440px) {
  .select-layout2 .select2-container .select2-selection--single {
    height: 50px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 70px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 50px;
    height: 50px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    font-size: 14px;
  }
  .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .select2-container .select2-selection--single {
    height: 40px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
  }
  .select-layout2 .select2-container .select2-selection--single {
    height: 44px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 300;
    line-height: 42px;
    padding-left: 15px;
    padding-right: 60px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 44px;
    height: 44px;
  }
  .select-layout2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 20px;
  }
  .select-layout3 .select2-container .select2-selection--single {
    height: 44px;
  }
  .select-layout3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 300;
    line-height: 42px;
    padding-left: 15px;
    padding-right: 60px;
  }
  .select-layout3 .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 44px;
    height: 44px;
  }
  .select-layout3 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 20px;
  }
  .select2-results__option {
    font-size: 14px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 16px;
  }
}
.mCSB_inside > .mCSB_container {
  margin-right: 26px;
}

.mCSB_scrollTools {
  width: 6px;
  opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  background-color: #eaf4ff;
  border-radius: 2px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #6481a9;
  border-radius: 3px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
  background-color: #4f6585;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #56bed6;
}

.mcscroll-over .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.mcscroll-over .mCSB_scrollTools {
  top: 6px;
  bottom: 6px;
  right: 6px;
}

.stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.star {
  display: block;
  cursor: pointer;
  font-size: 30px;
  margin: 0 4px;
}
.star:before {
  display: block;
  content: "";
  color: #122d58;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.7299 3.51001 1.76 3.52c.24.49001.88.96 1.42 1.05l3.19.53c2.04.34 2.52 1.81999 1.05 3.27999l-2.48 2.48c-.42.42-.65 1.23-.52 1.81l.71 3.07c.56 2.43-.73 3.37-2.88 2.1l-2.99-1.77c-.54-.32-1.43-.32-1.98 0l-2.98999 1.77c-2.14 1.27-3.44.32-2.88-2.1l.71-3.07c.13-.58-.1-1.39-.52-1.81l-2.48-2.48c-1.46-1.46-.99-2.93999 1.05-3.27999l3.19-.53c.53-.09 1.17-.55999 1.41-1.05l1.75999-3.52c.96-1.91 2.52-1.91 3.47 0Z' stroke='%2391A6C4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 24px;
  height: 24px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.fullStar:before {
  color: #56bed6;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.7401 16c.11-.49-.09-1.19-.44-1.54l-2.43-2.43c-.76-.76-1.06-1.57-.84-2.27.23-.7.94-1.18 2-1.36l3.12-.52c.45-.08 1-.48 1.21-.89l1.72-3.45c.5-.99 1.18-1.54 1.92-1.54s1.42.55 1.92 1.54l1.72 3.45c.13.26.4.51.69.68l-10.77 10.77c-.14.14-.38.01-.34-.19l.52-2.25Z' fill='url(%23a)'/%3E%3Cpath d='M18.7 14.46c-.36.36-.56 1.05-.44 1.54l.69 3.01c.29 1.25.11 2.19-.51 2.64-.25.18-.55.27-.9.27-.51 0-1.11-.19-1.77-.58l-2.93-1.74c-.46-.27-1.22-.27-1.68 0l-2.92995 1.74c-1.11.65-2.06.76-2.67.31-.23-.17-.4-.4-.51-.7L17.21 8.79002c.46-.46 1.11-.67 1.74-.56l1.01.17c1.06.18 1.77.66 2 1.36.22.69998-.08 1.50998-.84 2.26998l-2.42 2.43Z' fill='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1.95972' y1='10.5149' x2='16.3312' y2='10.517' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230081DC'/%3E%3Cstop offset='.62' stop-color='%2360D0FA'/%3E%3Cstop offset='1' stop-color='%2362D5D8'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='5.05005' y1='15.2829' x2='22.0318' y2='15.2863' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230081DC'/%3E%3Cstop offset='.62' stop-color='%2360D0FA'/%3E%3Cstop offset='1' stop-color='%2362D5D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.tmp_es:before {
  color: #122d58;
}

.tmp_fs:before {
  color: #56bed6;
}

.file-upload {
  margin: 0;
  position: relative;
  overflow: hidden;
  font-weight: normal;
  height: 48px;
  color: #242424;
  border: 1px solid #e1e1e1;
  background-color: #f5f5f5;
  padding: 0 10px 0 15px;
  width: 100%;
  font-weight: 200;
  cursor: pointer;
}

.file-upload input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: left;
  outline: 0;
  background: #fff;
  cursor: inherit;
  display: block;
  opacity: 0;
}

.file-upload-text {
  display: block;
  color: #91a6c4;
  line-height: 44px;
  font-size: 14px;
  padding-right: 100px;
  text-overflow: ellipsis;
}

.file-upload-text .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.file-upload ~ .btn {
  position: absolute;
  top: 9px;
  right: 10px;
  width: auto;
  min-width: 82px;
  font-size: 12px;
  font-weight: 600;
  padding: 0 15px;
  white-space: nowrap;
  line-height: 24px;
  height: 26px;
  border-radius: 20px;
  pointer-events: none;
}

.file-upload ~ .help-block {
  margin-top: 10px;
  font-size: 12px;
  color: #91a6c4;
}

@media (max-width: 767px) {
  .file-upload-text {
    font-size: 12px;
    line-height: 38px;
  }
  .file-upload ~ .btn {
    top: 7px;
  }
}
.ui-datepicker {
  padding: 4px 4px 2px 4px;
  font-family: "Kanit", sans-serif;
  margin-top: 5px;
  z-index: 100 !important;
}

.ui-widget-header {
  background-color: #fff;
  border: none;
  padding: 2px 0;
  color: #333;
  font-size: 14px;
  background: none;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
}

.ui-widget-content {
  border-color: #ddd;
}

.ui-datepicker table {
  margin-bottom: 0;
}

.ui-datepicker table thead {
  border-bottom: 4px solid #fff;
}

.ui-datepicker table thead th {
  padding: 4px 2px;
  background-color: #f5f5f5;
}

.ui-datepicker table thead th:last-child {
  border: none;
}

.ui-datepicker table tbody {
  cursor: pointer;
}

.ui-datepicker table tbody td {
  padding: 4px 2px;
  background-color: #f5f5f5;
  padding: 0;
}

.ui-datepicker th {
  font-size: 16px;
  color: #999;
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  color: #333;
  background-color: #f5f5f5;
  background: none;
}

.ui-datepicker-prev .ui-icon {
  background: url(../../images/frontend/jquery-ui/ui-arrow.png);
  padding: 1px;
  cursor: pointer;
}

.ui-datepicker-next .ui-icon {
  background: url(../../images/frontend/jquery-ui/ui-arrow.png) -16px 0;
  padding: 1px;
  cursor: pointer;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background: none;
}

.ui-datepicker-prev-hover {
  left: 0;
  border: none !important;
}

.ui-datepicker-next-hover {
  right: 0;
  border: none !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
}

.ui-state-active {
  background-color: #41b4e7 !important;
  color: #fff !important;
}

.ui-state-active:hover {
  background-color: #0072bb !important;
  color: #fff !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr,
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-radius: 0;
}

.ui-widget-content {
  border-radius: 2px;
}

.ui-widget.ui-widget-content {
  border-color: #c9c9c9;
  border-radius: 5px;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0;
}

.ui-datepicker table thead th {
  background-color: #222;
  color: #fff;
  border: none;
  padding: 6px;
}

.ui-datepicker .ui-datepicker-title {
  margin-bottom: 6px;
}

.ui-datepicker-next span.ui-icon {
  width: 0;
  height: 0;
  padding: 0;
  left: auto;
  right: 10px;
  top: 8px;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #222;
}

.ui-datepicker-next span.ui-icon:hover {
  border-left-color: #20bdbe;
}

.ui-datepicker-prev span.ui-icon {
  width: 0;
  height: 0;
  padding: 0;
  left: 10px;
  top: 8px;
  margin: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid #222;
}

.ui-datepicker-prev span.ui-icon:hover {
  border-right-color: #20bdbe;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #20bdbe;
  color: #fff;
}

.ui-datepicker table tbody td {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.ui-widget.ui-widget-content {
  width: 260px;
}

.ui-datepicker {
  padding: 10px;
}

.ui-widget-header {
  font-size: 16px;
  font-weight: 400;
}

.ui-datepicker th {
  font-size: 16px;
  font-weight: 500;
}

.ui-datepicker table thead th {
  background-color: #fff;
  color: #56bed6;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #56bed6;
}

.ui-datepicker table tbody td {
  background-color: #fff;
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 0 7px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: 400;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-size: 16px;
  border-radius: 50%;
  text-align: center;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.ui-datepicker .ui-datepicker-next {
  font-family: "feather";
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\e844";
}

.ui-datepicker .ui-datepicker-prev {
  font-family: "feather";
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.ui-datepicker .ui-datepicker-prev span {
  display: none;
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\e843";
}

.ui-datepicker .ui-datepicker-title {
  line-height: 30px;
  margin-bottom: 2px;
}

.ui-state-active {
  background-color: #fff !important;
  color: #56bed6 !important;
}

.ui-state-active:hover {
  background-color: #fff !important;
  color: #56bed6 !important;
}

.ui-datepicker {
  min-width: 280px;
}

.ui-datepicker .ui-datepicker-header {
  width: 260px;
}

.ui-datepicker table {
  width: 260px;
}

.ui-datepicker .ui-datepicker-title select {
  border: 1px solid #ccc;
}

.ui-datepicker .ui-datepicker-prev:before {
  font-family: "feather";
  content: "\e843";
}

.ui-datepicker .ui-datepicker-next:before {
  font-family: "feather";
  content: "\e844";
}

.ui-datepicker .ui-datepicker-next {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-top: 6px;
  line-height: 20px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-top: 6px;
  line-height: 20px;
  cursor: pointer;
}

input.datepicker {
  background: url(../img/icon/calendar.png) center right 15px no-repeat;
  background-size: 18px;
  background-color: #fff;
}

select.ui-datepicker-year,
select.ui-datepicker-month {
  border-radius: 5px;
  font-size: 14px !important;
  padding: 3px;
}

select.ui-datepicker-month {
  margin-right: 5px !important;
}

.ui-datepicker table thead th {
  background-color: #fff;
  color: #56bed6;
}

.ui-state-active,
.ui-state-active:hover {
  background-color: #ffc400 !important;
  color: #fff !important;
}

.ui-datepicker .ui-datepicker-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ui-datepicker .ui-datepicker-title select {
  width: 50%;
  height: 30px;
  padding: 0 5px;
}

.ui-state-default:hover {
  color: #333;
  background-color: #eee;
}

.ui-state-default {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.bs-canvas-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px) brightness(0.8);
          backdrop-filter: blur(5px) brightness(0.8);
  opacity: 0;
  z-index: -1;
}

.bs-canvas-overlay.show {
  opacity: 1;
  z-index: 1100;
}

.bs-canvas-overlay,
.bs-canvas {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.bs-canvas {
  top: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
  width: 330px;
}

.bs-canvas-left {
  left: 0;
  margin-left: -330px;
}

.bs-canvas-right {
  right: 0;
  margin-right: -330px;
}

.bs-canvas-close {
  color: #122d58;
  border: 1px solid #122d58;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}
.bs-canvas-close:focus {
  outline: none;
}

.row-0 {
  margin: 0;
}
.row-0 > div {
  padding: 0;
}

.row-10 {
  margin: 0 -5px;
}
.row-10 > div {
  padding: 0 5px;
}

.row-15 {
  margin: 0 -7.5px;
}
.row-15 > div {
  padding: 0 7.5px;
}

.row-20 {
  margin: 0 -10px;
}
.row-20 > div {
  padding: 0 10px;
}

.row-40 {
  margin: 0 -20px;
}
.row-40 > div {
  padding: 0 20px;
}

.row-60 {
  margin: 0 -30px;
}
.row-60 > div {
  padding: 0 30px;
}

img {
  max-width: 100%;
}

.icon {
  position: relative;
}
.icon > img {
  display: block;
}

.btn,
.link {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.link:focus,
.link:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.item-list {
  margin: 0;
  padding: 0;
}
.item-list > li {
  list-style: none;
  float: left;
}
.item-list.fluid > li {
  width: 100%;
}

.item-list:before,
.item-list:after {
  content: " ";
  display: table;
}

.item-list:after {
  clear: both;
}

.nav-list {
  margin: 0;
  padding: 0;
}
.nav-list > li {
  list-style: none;
  float: left;
}
.nav-list.fluid > li {
  width: 100%;
}

.nav-list:before,
.nav-list:after {
  content: " ";
  display: table;
}

.nav-list:after {
  clear: both;
}

.icon img {
  display: block;
}

.cover {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.cover .img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.contain {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.contain .img-contain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.title,
.desc {
  margin: 0;
}

.underline {
  text-decoration: underline;
}

.text-line-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.text-line-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text-line-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.text-line-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.text-line-custom {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.transition-speed {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.transition-delay {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.global-container {
  overflow: hidden;
}

.global-container {
  position: relative;
  overflow: hidden;
  right: 0;
}
.global-container .site-container {
  position: relative;
  right: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.global-container .site-footer {
  position: relative;
  right: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.global-container .menu-overlay {
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 60px;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.global-container.sidebar-open .site-container {
  right: 280px;
}
.global-container.sidebar-open .site-footer {
  right: 280px;
}
.global-container.sidebar-open .menu-overlay {
  opacity: 1;
  visibility: visible;
}

.dropdown .dropdown-toggle {
  text-decoration: none;
}
.dropdown .dropdown-toggle::after {
  border: none;
  vertical-align: -0.1em;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7705 1.08545 8.6088 6.24712c-.60958.60958-1.60708.60958-2.21666 0L1.23047 1.08545' stroke='%2313315F' stroke-width='1.1875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 15px;
  height: 12px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.dropdown.show .dropdown-toggle::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dropdown-menu {
  margin-top: 0.25rem;
  background: #fff;
  border-color: transparent;
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.12);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.12);
}

.vertical-divider {
  display: inline-block;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.site-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}
.site-header .main {
  height: 60px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.site-header .brand {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .menu {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header .menu li + li {
  margin-left: 50px;
}
.site-header .menu .link {
  color: #677797;
  font-weight: 300;
  font-size: 18px;
  display: block;
  line-height: 1em;
}
.site-header .menu .link:hover {
  color: #000;
}
.site-header .menu .active .link {
  font-weight: 400;
  color: #000;
}
.site-header .search.show .link span:before {
  content: "\e8f6";
}
.site-header .search .link {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 20px;
  text-align: center;
  color: #707070;
}
.site-header .search .link span {
  line-height: 40px;
}
.site-header .search .link > .border {
  width: 100%;
  height: 100%;
}
.site-header .search .dropdown-menu {
  background-color: #fff;
  min-width: inherit;
  width: 950px;
  padding: 0 15px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.site-header .search .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
}
.site-header .search .form-default .icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  color: #707070;
}
.site-header .search .form-default .icon span {
  line-height: 40px;
}
.site-header .search .form-default .form-control {
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  border: 1px solid #ebebeb;
  padding: 0 20px;
  font-weight: 300;
  font-size: 16px;
  color: #000;
}
.site-header .search .form-default .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  min-width: inherit;
  font-size: 18px;
  text-align: center;
  padding: 0;
  border: none;
}
.site-header .search .form-default .btn span {
  line-height: 40px;
  top: 0;
  margin: 0;
}
.site-header .search .form-default .btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.site-header .search.-mobile {
  display: none;
}
.site-header .lang .dropdown-toggle {
  color: #122d58;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .lang .dropdown-toggle .flag {
  display: block;
  width: 30px;
  border-radius: 8px;
  margin-right: 8px;
}
.site-header .lang .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7.5px 15px;
  color: #122d58;
  font-weight: 500;
}
.site-header .lang .link:hover {
  border-color: #eee;
}
.site-header .lang .link .flag {
  display: block;
  width: 30px;
  border-radius: 8px;
  margin-right: 8px;
}
.site-header .lang .dropdown-menu {
  margin-top: 0.475rem;
  padding: 0;
  left: -15px !important;
  min-width: 8rem;
  overflow: hidden;
}
.site-header .lang .dropdown-menu .link {
  font-size: 16px;
}
.site-header .lang .dropdown-menu .link:first-child {
  padding-top: 15px;
}
.site-header .lang .dropdown-menu .link:last-child {
  padding-bottom: 15px;
}
.site-header .lang .dropdown-menu .link:hover {
  background-color: rgba(86, 190, 214, 0.2);
}
.site-header .organizer .link,
.site-header .organizer .dropdown-toggle {
  color: #122d58;
  font-weight: 500;
}
.site-header .organizer .link + .link {
  margin-left: 15px;
}
.site-header .business-matching {
  position: relative;
}
.site-header .business-matching .link,
.site-header .business-matching .dropdown-toggle {
  color: #122d58;
  font-weight: 500;
}
.site-header .business-matching .link {
  padding-left: 35px;
}
.site-header .business-matching .link .icon {
  position: absolute;
  top: -4px;
  left: 0;
  width: 24px;
}
.site-header .business-matching .link .icon img {
  width: 100%;
}
.site-header .member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.site-header .member.btn {
  cursor: default;
  padding: 0 30px;
}
.site-header .member.btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 0;
}
.site-header .member .link {
  color: #122d58;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.site-header .member .link:hover {
  text-decoration: underline;
}
.site-header .member .link + .link {
  margin-left: 20px;
}
.site-header .member .link + .link:before {
  content: "";
  width: 1px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  margin: auto;
}
.site-header .member .vertical-divider {
  background-color: #56bed6;
  opacity: 0.275;
}
.site-header .member-login .dropdown {
  float: right;
}
.site-header .member-login .dropdown > .link {
  display: block;
  font-size: 16px;
  color: #000;
  padding: 0 0 0 30px;
  font-weight: 400;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.site-header .member-login .dropdown > .link:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7705 1.08545 8.6088 6.24712c-.60958.60958-1.60708.60958-2.21666 0L1.23047 1.08545' stroke='%2313315F' stroke-width='1.1875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 15px;
  height: 12px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.site-header .member-login .dropdown > .link .icon {
  position: absolute;
  left: 2px;
  top: -2px;
  width: 20px;
}
.site-header .member-login .dropdown > .link .icon img {
  width: 100%;
}
.site-header .member-login .dropdown.show > .link:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.site-header .member-login .dropdown-menu {
  padding: 0;
  width: 100%;
  margin-top: 0.475rem;
  overflow: hidden;
}
.site-header .member-login .dropdown-menu .link {
  display: block;
  padding: 15px 20px 15px 50px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1.2em;
  position: relative;
}
.site-header .member-login .dropdown-menu .link:hover {
  background-color: #f4f4f4;
}
.site-header .member-login .dropdown-menu .link .icon {
  position: absolute;
  left: 15px;
  top: 12px;
  width: 28px;
}
.site-header .member-login .dropdown-menu .link .icon img {
  width: 100%;
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
}
.site-header .social {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}
.site-header .social:hover .link {
  opacity: 0.4;
}
.site-header .social .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #ddd;
  border-radius: 50%;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.site-header .social .link:hover {
  opacity: 1;
}
.site-header .social .link img {
  display: block;
}
.site-header .social .link + .link {
  margin-top: 10px;
}

.menu-mobile-btn {
  display: none;
  position: absolute;
  z-index: 100;
  top: 13px;
  right: 15px;
}

.menu-mobile-btn .btn-mobile {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.menu-mobile-btn .btn-mobile > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 22px;
  height: 16px;
}

.menu-mobile-btn .btn-mobile .bar {
  background-color: #707070;
  position: absolute;
  width: 100%;
  height: 2px;
  right: 0;
  margin: auto;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.menu-mobile-btn .btn-mobile .bar:nth-child(1) {
  top: 0;
}

.menu-mobile-btn .btn-mobile .bar:nth-child(2) {
  top: 0;
  bottom: 0;
}

.menu-mobile-btn .btn-mobile .bar:nth-child(3) {
  bottom: 0;
}

.menu-mobile-btn .btn-mobile.close {
  opacity: 1;
  border-color: transparent;
}

.menu-mobile-btn .btn-mobile.close .bar:nth-child(1) {
  top: 5px;
  width: 8px;
  right: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-mobile-btn .btn-mobile.close .bar:nth-child(3) {
  bottom: 5px;
  width: 8px;
  right: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 1199px) {
  .site-header .organizer .link,
  .site-header .organizer .dropdown-toggle {
    font-size: 14px;
  }
  .site-header .business-matching .link,
  .site-header .business-matching .dropdown-toggle {
    font-size: 14px;
  }
  .site-header .lang .dropdown-toggle {
    font-size: 14px;
  }
  .site-header .lang .dropdown-toggle .flag {
    width: 28px;
    border-radius: 6px;
  }
  .site-header .lang .link .flag {
    width: 28px;
    border-radius: 6px;
  }
  .site-header .lang .dropdown-menu .link {
    font-size: 14px;
  }
  .site-header .member .link {
    font-size: 14px;
  }
  .site-header .search .link {
    width: 32px;
    height: 32px;
  }
  .site-header .search .link svg.icon {
    width: 14px;
    height: 14px;
  }
  .site-header .business-matching .link .icon {
    top: -2px;
    width: 22px;
  }
  .site-header .member-login .dropdown > .link {
    font-size: 14px;
    padding-left: 25px;
  }
  .site-header .member-login .dropdown > .link .icon {
    width: 18px;
    top: -1px;
  }
}
@media (max-width: 991px) {
  .site-header .search.-mobile {
    display: block;
    position: absolute;
    top: 50%;
    right: 60px;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .site-header .menu {
    margin-top: 30px;
  }
  .site-header .menu li {
    width: 100%;
  }
  .site-header .menu li + li {
    margin: 20px 0 0 0;
  }
  .site-header .brand {
    width: 130px;
    height: 60px;
  }
  .menu-mobile-btn {
    display: block;
  }
  .site-header .wrapper {
    position: fixed;
    z-index: 100;
    top: 60px;
    bottom: 0;
    right: -280px;
    width: 280px;
    overflow: auto;
    background-color: #fff;
    padding: 20px 30px;
    border-left: 1px solid #eee;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }
  .site-header .wrapper.open {
    right: 0;
  }
  .site-header .member {
    margin: 20px 0 0 0;
  }
  .site-header .member.btn {
    padding: 0;
  }
  .site-header .member.btn .link {
    width: 50%;
  }
  .site-header .lang {
    margin: 30px 0 120px 0;
  }
  .site-header .lang li + li {
    padding-left: 0;
  }
  .site-header .lang li + li:before {
    display: none;
  }
  .site-header .member-login .dropdown {
    float: none;
  }
  .site-header .member-login {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .site-header .member-login .dropdown > .link {
    width: 100%;
    line-height: 38px;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 14px;
    padding-left: 38px;
  }
  .site-header .member-login .dropdown > .link .icon {
    top: 9px;
    left: 10px;
    width: 22px;
  }
  .site-header .member-login .dropdown > .link::after {
    float: right;
    margin-top: 13px;
    margin-right: 10px;
  }
  .site-header .member-login .dropdown-menu .link .icon {
    top: 10px;
  }
  .site-header .member-login .dropdown-menu {
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 5px 0;
  }
  .site-header .member-login .dropdown-menu .link {
    font-size: 14px;
    padding: 10px 10px 10px 38px;
  }
  .site-header .member-login .dropdown-menu .link .icon {
    width: 22px;
    left: 10px;
    top: 7px;
  }
  .site-header .organizer .link,
  .site-header .organizer .dropdown-toggle {
    display: block;
    width: 100%;
  }
  .site-header .organizer .dropdown-toggle::after {
    float: right;
  }
  .site-header .lang .dropdown-toggle::after {
    margin-left: auto;
  }
  .site-header .lang .dropdown-menu {
    margin-top: 15px;
    width: 100%;
    left: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 8px;
    background: rgba(86, 190, 214, 0.2);
  }
  .site-header .lang .link {
    padding: 15px;
  }
  .site-header .business-matching {
    margin-top: 20px;
  }
  .site-header .business-matching .link {
    padding-left: 0;
  }
  .site-header .business-matching .link .icon {
    display: none;
  }
}
.site-footer .app {
  color: #fff;
  padding: 30px 0;
  padding-bottom: 110px;
  background-color: #56bed6;
  background-image: url("../img/static/bg-app.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
}
.site-footer .app .qrcode {
  width: 110px;
  height: 110px;
  background: #fff;
  padding: 8px;
  border-radius: 6px;
  margin-right: 30px;
}
.site-footer .app .title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.site-footer .app .title strong {
  font-size: 28px;
  font-weight: 600;
}
.site-footer .app .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-footer .app .action:hover .link {
  opacity: 0.4;
}
.site-footer .app .action .link {
  display: block;
}
.site-footer .app .action .link + .link {
  margin-left: 15px;
}
.site-footer .app .action .link:hover {
  opacity: 1;
}
.site-footer .app[style="display: none;"] ~ .main {
  margin-top: 0;
}
.site-footer .main {
  padding: 40px 0;
  margin-top: -80px;
  background-color: #eaf4ff;
  border-radius: 0 80px 0 0;
}
.site-footer .main .content {
  padding-right: 200px;
}
.site-footer .main .content .brand {
  margin-bottom: 20px;
}
.site-footer .main .content .title {
  color: #122d58;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.site-footer .main .content .subtitle {
  color: #122d58;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0;
}
.site-footer .main .content .desc {
  color: #122d58;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
}
.site-footer .main .info {
  width: 500px;
}
.site-footer .main .info .header .title {
  font-size: 18px;
  font-weight: 500;
  color: #122d58;
}
.site-footer .main .info .body {
  padding-top: 5px;
}
.site-footer .main .info .body .icon {
  position: relative;
  top: 2px;
  margin-right: 10px;
}
.site-footer .main .info .body .desc {
  font-weight: 300;
  margin-top: 15px;
  font-size: 14px;
  color: #122d58;
  line-height: 1.4em;
}
.site-footer .main .info .body .link {
  font-size: 18px;
  color: #122d58;
  font-weight: 500;
}
.site-footer .main .info .body .link:hover {
  color: #56bed6;
}
.site-footer .main .info .follow {
  margin-top: 30px;
}
.site-footer .main .info .follow .title {
  font-size: 18px;
  font-weight: 500;
  color: #122d58;
  margin-bottom: 15px;
}
.site-footer .main .info .follow .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-footer .main .info .follow .social:hover .link {
  opacity: 0.4;
}
.site-footer .main .info .follow .social .link {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #56bed6;
  border-radius: 50%;
}
.site-footer .main .info .follow .social .link img {
  display: block;
}
.site-footer .main .info .follow .social .link + .link {
  margin-left: 10px;
}
.site-footer .main .info .follow .social .link:hover {
  opacity: 1;
}
.site-footer .main .info .follow .desc {
  margin-top: 20px;
  font-weight: 300;
  font-size: 15px;
  color: #666;
  line-height: 1.2em;
}
.site-footer .main .info .navlink {
  margin-top: 100px;
}
.site-footer .main .info .navlink li {
  position: relative;
}
.site-footer .main .info .navlink li + li {
  margin-left: 30px;
  padding-left: 30px;
}
.site-footer .main .info .navlink li + li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.4);
}
.site-footer .main .info .navlink .link {
  font-size: 20px;
  color: #fff;
  text-decoration: underline;
}
.site-footer .main .info .navlink .link:hover {
  color: #56bed6;
}
.site-footer .bar {
  background-color: #eaf4ff;
  padding-top: 30px;
  padding-bottom: 30px;
}
.site-footer .bar .desc {
  color: #91a6c4;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
}
.site-footer .bar .link {
  color: #91a6c4;
}
.site-footer .bar .link:hover {
  color: #122d58;
}

.pdpa {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
}
.pdpa .box {
  padding: 12px 20px;
  background-color: #fff;
  border-radius: 12px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.2);
          box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.2);
}
.pdpa .desc {
  color: #122d58;
  font-size: 14px;
  line-height: 1.4em;
}
.pdpa .link {
  color: #007aff;
  text-decoration: none;
}
.pdpa .link:hover {
  color: #56bed6;
}
.pdpa .action {
  margin-left: 40px;
}
.pdpa .action .btn {
  border-radius: 15px;
}

@media (max-width: 1440px) {
  .site-footer .app {
    padding-bottom: 90px;
  }
  .site-footer .main {
    margin-top: -60px;
    border-radius: 0 60px 0 0;
  }
  .site-footer .main .content {
    padding-right: 150px;
  }
  .site-footer .main .content .title {
    font-size: 16px;
  }
  .site-footer .main .info .header .title {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .site-footer .app {
    padding-bottom: 80px;
  }
  .site-footer .app .qrcode {
    width: 100px;
    height: 100px;
    margin-right: 25px;
  }
  .site-footer .app .title {
    font-size: 17px;
  }
  .site-footer .app .title strong {
    font-size: 26px;
  }
  .site-footer .main {
    padding: 30px 0;
    margin-top: -50px;
    border-radius: 0 50px 0 0;
  }
  .site-footer .main .content .header .title {
    font-size: 18px;
  }
  .site-footer .main .content .body .desc {
    font-size: 15px;
    margin-top: 10px;
  }
  .site-footer .main .content .body .icon {
    top: 1px;
  }
  .site-footer .main .app .title {
    font-size: 18px;
  }
  .site-footer .main .info .follow .desc {
    font-size: 14px;
    margin-top: 15px;
  }
  .site-footer .main .content {
    padding-right: 70px;
  }
  .site-footer .main .info {
    width: 372px;
  }
  .site-footer .main .info .body .link {
    font-size: 16px;
  }
  .site-footer .bar {
    padding-top: 20px;
  }
  .pdpa {
    text-align: center;
  }
  .pdpa .desc {
    font-size: 14px;
  }
  .pdpa .action {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media (max-width: 991px) {
  .site-footer .app {
    background-position: center;
  }
  .site-footer .main .content .brand {
    width: 200px;
  }
  .site-footer .main .content {
    padding-right: 0;
  }
  .site-footer .main .app .action img {
    width: 100px;
  }
  .site-footer .main .app .action .link + .link {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .site-footer .app {
    padding-bottom: 70px;
  }
  .site-footer .main {
    text-align: center;
    padding-bottom: 20px;
    margin-top: -40px;
    border-radius: 0 40px 0 0;
  }
  .site-footer .main .content {
    margin-top: 0;
  }
  .site-footer .main .content .brand {
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer .main .content .title {
    margin-bottom: 5px;
  }
  .site-footer .main .content .desc {
    margin-top: 8px;
  }
  .site-footer .main .info .header .title {
    font-size: 16px;
  }
  .site-footer .main .info .body .desc {
    font-size: 14px;
  }
  .site-footer .main .info .body .desc .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer .main .info .body .desc .line {
    display: none;
  }
  .site-footer .main .info .body .desc br {
    display: none;
  }
  .site-footer .main .info .body .desc .link {
    display: block;
  }
  .site-footer .main .info .body .icon {
    top: -1px;
    margin-right: 8px;
  }
  .site-footer .main .info {
    width: 100%;
  }
  .site-footer .main .app {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #999;
  }
  .site-footer .main .app .title {
    font-size: 16px;
  }
  .site-footer .main .app .action {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer .main .app .action img {
    width: 120px;
  }
  .site-footer .main .info {
    margin-top: 20px;
  }
  .site-footer .main .info .body .desc {
    margin-top: 8px;
  }
  .site-footer .main .info .follow {
    margin-top: 25px;
  }
  .site-footer .main .info .follow .social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer .main .info .follow .social .link {
    width: 38px;
    height: 38px;
  }
  .pdpa .desc {
    line-height: 1.6em;
    font-size: 12px;
  }
  .pdpa .action {
    margin-top: 10px;
  }
  .pdpa .action .btn {
    height: 34px;
    line-height: 32px;
    min-width: 110px;
  }
}
@media (max-width: 575px) {
  .site-footer .app .qrcode {
    width: 85px;
    height: 85px;
    margin-right: 20px;
  }
  .site-footer .app .title {
    font-size: 15px;
  }
  .site-footer .app .title strong {
    font-size: 22px;
  }
  .site-footer .bar .desc {
    text-align: center;
  }
  .site-footer .bar .desc .link {
    display: inline-block;
    margin-top: 10px;
  }
  .pdpa .action .btn {
    width: 100%;
  }
  .pdpa .action .btn + .btn {
    margin-top: 10px;
  }
}
@media (min-width: 1681px) {
  .container {
    max-width: inherit;
    width: 1256px;
  }
}
@media (max-width: 1680px) {
  .container {
    max-width: inherit;
    width: 1256px;
  }
}
@media (max-width: 1440px) {
  .container {
    max-width: inherit;
    width: 1200px;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: inherit;
    width: 970px;
  }
  .breadcrumb li, .breadcrumb li.active, .breadcrumb .link {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: inherit;
    width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
  .breadcrumb li, .breadcrumb li.active, .breadcrumb .link {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: inherit;
    width: 100%;
  }
}
.site-container {
  margin-top: 60px;
}

.default-page {
  background-color: #ffffff;
  background-image: url("../img/static/bg-wg-highlight.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}

.default-header {
  padding: 60px 0;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.default-header .whead {
  margin-bottom: 0;
}
.default-header .whead .title {
  font-size: 36px;
  font-weight: 500;
}
.default-header .whead > *:only-child {
  padding: 0;
  margin: 0;
}
.default-header.-sm {
  padding: 0;
  height: 150px;
}
.default-header.-sm .breadcrumb-block {
  margin-bottom: 0;
}

.default-body {
  background-color: #fff;
  border-radius: 0 80px 0 0;
  padding-top: 60px;
  padding-bottom: 100px;
}
.default-body.bg-none {
  background: transparent;
  padding-top: 0;
}
.default-body .container .inner-body {
  padding: 0 100px;
}

.inner-page {
  padding: 60px 0;
}
.inner-page .auth-form {
  margin-bottom: 60px;
}

.selected-search {
  margin-top: 25px;
  margin-bottom: 25px;
}
.selected-search .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px;
}
.selected-search .item-list > li {
  padding: 4px;
}
.selected-search .item-list .btn {
  font-weight: 600;
  min-width: 80px;
  cursor: pointer;
}
.selected-search .item-list .btn::after {
  content: "\e8f7";
  display: inline;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.selected-search .reset {
  margin-left: 20px;
}
.selected-search .reset .btn-link {
  color: #6481a9;
  font-size: 14px;
  font-weight: 600;
}

.success-page {
  min-height: calc(100vh - 80px);
  background-color: #fafafa;
  padding: 60px 0;
}
.success-page .wrapper {
  width: 740px;
  min-height: 400px;
  padding: 60px 40px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 12px;
  text-align: center;
}
.success-page .icon {
  margin-bottom: 60px;
}
.success-page .topic {
  width: 340px;
  margin: 30px auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.success-page .topic:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.success-page .topic .icon {
  margin: 0;
  padding: 0 40px;
  background-color: #fff;
}
.success-page .action {
  margin-top: 40px;
}
.success-page .action .btn {
  padding: 0 40px;
  min-width: 250px;
}
.success-page .more {
  margin-top: 20px;
}
.success-page .more .link {
  color: #000;
  text-decoration: underline;
}
.success-page .more .link:hover {
  color: #56bed6;
}

.footbar-action {
  padding: 30px 0;
  margin-top: 100px;
  background-color: #28292c;
}
.footbar-action .title {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}

.card {
  margin: 0;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  overflow: hidden;
  padding: 60px 80px;
  border: none;
}

.fancybox-bg {
  background-color: #000;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.7;
}

.table .thead th {
  border-top: 1px solid #56bed6;
  border-bottom: 1px solid #56bed6;
}
.table .thead th,
.table .tbody th {
  font-weight: 600;
}
.table .tbody th,
.table .tbody td {
  border-top: 1px solid #eeeeee;
}
.table .tfoot td {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #56bed6;
}

.alert.bg-none {
  background: transparent;
  border: none;
  color: inherit;
}
.alert .alert-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alert .alert-heading {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
}
.alert .desc {
  font-size: 16px;
  line-height: 1.4em;
  color: inherit;
}
.alert .action {
  margin-top: 20px;
}

.alert-primary .alert-icon {
  background: rgba(86, 190, 214, 0.14);
}
.alert-primary.bg-none {
  color: #122d58;
}

.alert-danger .alert-icon {
  background: rgba(255, 58, 68, 0.07);
}
.alert-danger.bg-none {
  color: #122d58;
}

.alert-success {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 80px;
}
.alert-success .alert-icon {
  background: rgba(86, 190, 214, 0.14);
}
.alert-success .alert-heading {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.4em;
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(#60d0fa), to(#62d5d8));
  background: linear-gradient(to right, #0081dc, #60d0fa, #62d5d8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.alert-success .desc {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.alert-success .action {
  margin-top: 40px;
}
.alert-success .action .link {
  font-size: 24px;
}

.alert-error {
  text-align: center;
}
.alert-error .alert-icon {
  background: #f7faff;
}
.alert-error .alert-heading {
  font-weight: 500;
}
.alert-error .desc {
  color: #6481a9;
}

.alert.alert-error .alert-icon {
  width: 150px;
  height: 150px;
}

.badge {
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 400;
}
.badge.badge-success {
  color: #27a376;
  background-color: #ceefdf;
}
.badge.badge-danger {
  color: #ff0000;
  background-color: #ffedec;
}
.badge.badge-warning {
  color: #ffd023;
  background-color: #fff6d3;
}
.badge.badge-dark {
  color: #687588;
  background-color: #f1f2f4;
}

.not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.not-found .lazy {
  width: 120px;
  margin-bottom: 15px;
}
.not-found .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0;
  color: #122d58;
}

.error-page .alert-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  min-height: calc(100vh - 60px);
  margin-bottom: 0;
}

@media (max-width: 1680px) {
  .default-header {
    padding: 50px 0;
    height: 260px;
  }
  .default-header .whead .title {
    font-size: 34px;
  }
}
@media (max-width: 1440px) {
  .default-body {
    border-radius: 0 60px 0 0;
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .default-header {
    padding: 40px 0;
    height: 200px;
  }
  .default-header .whead .title {
    font-size: 30px;
  }
  .success-page .icon {
    margin-bottom: 40px;
  }
  .card {
    padding: 60px;
  }
  .footbar-action {
    padding: 20px 0;
    margin-top: 80px;
  }
  .alert-success {
    padding-bottom: 60px;
  }
  .alert-success .alert-heading {
    font-size: 44px;
  }
  .alert-success .desc {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .default-body {
    border-radius: 0 50px 0 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .default-header {
    padding: 30px 0;
    height: 180px;
  }
  .site-container {
    margin-top: 60px;
  }
  .success-page .wrapper {
    padding: 40px;
  }
  .card {
    padding: 40px;
  }
  .footbar-action {
    margin-top: 60px;
  }
  .alert .alert-icon {
    width: 90px;
    height: 90px;
  }
  .alert .alert-heading {
    font-size: 22px;
  }
  .alert .desc {
    font-size: 14px;
  }
  .alert-success {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .alert-success .alert-heading {
    font-size: 40px;
  }
  .alert-success .desc {
    font-size: 16px;
  }
  .default-header.-sm {
    height: 130px;
  }
  .default-body .container .inner-body {
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  .inner-page {
    padding: 40px 0;
  }
  .success-page {
    padding: 40px 0;
    background-color: #fff;
  }
  .success-page .wrapper {
    width: auto;
    padding: 0 20px;
  }
  .card {
    padding: 0;
    border-radius: 8px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
  }
  .footbar-action {
    margin-top: 50px;
  }
  .footbar-action .title {
    font-size: 16px;
  }
  .footbar-action .btn {
    min-width: 160px;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 18px;
  }
  .alert-success {
    padding-top: 25px;
    padding-bottom: 35px;
  }
  .alert-success .alert-heading {
    font-size: 36px;
  }
  .alert-success .action {
    margin-top: 30px;
  }
  .default-header.-sm {
    height: 120px;
  }
  .default-body .container .inner-body {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .default-body {
    border-radius: 0 40px 0 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .default-header {
    padding: 20px 0;
    height: 140px;
  }
  .default-header .whead .title {
    font-size: 24px;
  }
  .selected-search .item-list .btn {
    height: 30px;
    padding: 0 15px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 30px;
  }
  .selected-search .item-list .btn::after {
    font-size: 16px;
    top: 1px;
  }
  .selected-search .reset {
    margin-left: 15px;
  }
  .selected-search .reset .btn-link {
    font-size: 12px;
  }
  .success-page {
    min-height: inherit;
  }
  .success-page .action .btn {
    width: 100%;
  }
  .footbar-action {
    margin-top: 50px;
  }
  .footbar-action .title {
    font-size: 14px;
  }
  .footbar-action .btn {
    min-width: 120px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
  }
  .success-page .topic {
    width: 260px;
    margin: 20px auto;
  }
  .success-page .topic .icon {
    padding: 0 20px;
  }
  .success-page .topic .icon img {
    width: 20px;
  }
  .alert .alert-icon {
    width: 80px;
    height: 80px;
  }
  .alert .alert-heading {
    font-size: 20px;
  }
  .alert .desc {
    font-size: 13px;
  }
  .alert-success {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .alert-success .alert-heading {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .alert-success .desc {
    font-size: 14px;
  }
  .alert-success .action {
    margin-top: 25px;
  }
  .alert-success .action > .row > div + div {
    margin-top: 15px;
  }
  .default-header.-sm {
    height: 100px;
  }
  .default-body .container .inner-body {
    padding: 0;
  }
  .not-found .lazy {
    width: 100px;
    margin-bottom: 25px;
  }
  .not-found .txt br {
    display: none;
  }
  .not-found .txt {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .default-header {
    padding: 10px 0;
    height: 120px;
  }
  .alert-success {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
  }
  .default-header.-sm {
    height: 85px;
  }
}
.cms-basic .section {
  position: relative;
  padding: 60px 0;
}
.cms-basic .section .content {
  position: relative;
  z-index: 10;
}
.cms-basic .section .bg-fluid {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.cms-basic .section .bg-fluid img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (max-width: 1199px) {
  .cms-basic .section {
    padding: 40px 0;
  }
}
@media (max-width: 991px) {
  .cms-basic .section {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .cms-basic .section {
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .cms-basic .section {
    padding: 15px 0;
  }
}
.about-page {
  background-image: url("../img/static/bg-about.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.about-page .cms-basic .section-i {
  padding-top: 100px;
  padding-bottom: 300px;
  margin-bottom: -140px;
}
.about-page .cms-basic .section-i .bg-fluid {
  pointer-events: none;
}
.about-page .cms-basic .section-i .bg-fluid img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

@media (min-width: 1441px) {
  .about-page {
    background-position: center bottom -180px;
  }
}
@media (max-width: 1440px) {
  .about-page .cms-basic .section-i {
    padding-top: 80px;
    padding-bottom: 290px;
  }
}
@media (max-width: 1199px) {
  .about-page .cms-basic .section-i {
    padding-top: 60px;
    padding-bottom: 180px;
    margin-bottom: -100px;
  }
}
@media (max-width: 991px) {
  .about-page .cms-basic .section-i {
    padding-top: 40px;
    padding-bottom: 140px;
    margin-bottom: -60px;
  }
}
@media (max-width: 767px) {
  .about-page {
    padding-bottom: 20px;
  }
  .about-page .cms-basic .section-i {
    padding-top: 30px;
    padding-bottom: 160px;
    margin-bottom: -100px;
  }
}
@media (max-width: 575px) {
  .about-page {
    padding-bottom: 25px;
  }
  .about-page .cms-basic .section-i {
    padding-top: 320px;
    padding-bottom: 60px;
    margin-bottom: 0;
  }
  .about-page .cms-basic .section-i .bg-fluid img {
    -o-object-position: center top;
       object-position: center top;
  }
  .about-page .cms-basic .section-i .bg-fluid::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(86, 190, 214)), to(rgb(255, 255, 255)));
    background: linear-gradient(rgb(86, 190, 214), rgb(255, 255, 255));
    pointer-events: none;
  }
  .about-page .cms-basic .section-vi img[style="width: 167px;"] {
    width: 120px !important;
  }
}
.auth-page {
  min-height: calc(100vh - 60px);
  padding: 60px 0;
}

.auth-form .wrapper {
  width: 600px;
  margin: 0 auto;
}
.auth-form .form-button {
  margin-top: 20px;
}
.auth-form .form-button .btn {
  min-width: 164px;
}

.auth-header {
  text-align: center;
  margin-bottom: 30px;
}
.auth-header .whead .title {
  padding: 0;
  margin: 0;
}
.auth-header .whead .desc {
  color: #91a6c4;
  margin-top: 10px;
}

.auth-body .checkbox-control .title {
  color: #122d58;
  font-size: 14px;
}
.auth-body .inner {
  margin-top: 40px;
  padding: 0 40px;
}
.auth-body .inner .form-button {
  margin-top: 20px;
}
.auth-body .action {
  margin-top: 20px;
}
.auth-body .action .link {
  font-size: 14px;
}
.auth-body .consent-scrollable {
  max-height: 145px;
}
.auth-body .consent-scrollable .mCSB_scrollTools {
  top: 10px;
  bottom: 10px;
}
.auth-body .consent-scrollable .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d8ebff;
}
.auth-body .consent-scrollable .mCSB_container {
  padding: 20px 0;
}
.auth-body .consent {
  padding: 0 20px;
  background: #eaf4ff;
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 25px;
}
.auth-body .consent .whead {
  margin-bottom: 10px;
}
.auth-body .consent .whead .title {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.auth-body .consent .checkbox-control .title {
  font-size: 14px;
  line-height: 1.4em;
}
.auth-body .consent .desc {
  font-size: 14px;
  line-height: 1.4em;
  margin-top: 8px;
}
.auth-body .or {
  position: relative;
  color: #8896ab;
  font-size: 12px;
  text-align: center;
  margin: 30px 0;
}
.auth-body .or:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  top: 50%;
}
.auth-body .or span {
  position: relative;
  z-index: 10;
  padding: 0 15px;
  background-color: #fff;
  line-height: 1em;
  font-weight: 500;
}
.auth-body .social .btn {
  margin-bottom: 15px;
}
.auth-body .social .btn:only-child {
  margin-bottom: 0;
}

.auth-footer {
  text-align: center;
  font-size: 14px;
  margin-top: 30px;
}
.auth-footer.back {
  margin-top: 30px;
  font-size: 14px;
}

.profile-side {
  background-color: #fff;
  width: 300px;
  padding: 30px 20px 20px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
  margin-right: 25px;
}
.profile-side .pic {
  position: relative;
  width: 160px;
  margin: 0 auto 25px;
}
.profile-side .pic .cover {
  padding-top: 100%;
  border-radius: 50%;
}
.profile-side .pic .link {
  position: absolute;
  bottom: 5px;
  right: 5px;
  border: 1px solid #eeeeee;
  background-color: #fff;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.profile-side .pic .link:hover {
  background-color: #eeeeee;
}
.profile-side .block {
  font-size: 16px;
  padding: 10px 0;
}
.profile-side .block + .block {
  border-top: 1px solid #eee;
}
.profile-side .block > .row {
  padding: 8px 0;
}
.profile-side .block .icon {
  width: 20px;
  margin-right: 5px;
}
.profile-side .block .control-label {
  color: #91a6c4;
  font-size: 14px;
  line-height: 1.2em;
  margin: 0;
}
.profile-side .block .control-label ~ .desc {
  margin-top: 8px;
}
.profile-side .block .desc {
  font-weight: 500;
  line-height: 1.2em;
}
.profile-side .block .link {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}
.profile-side .block .link:hover {
  color: #56bed6;
}
.profile-side .setting {
  border-radius: 8px;
  background: #eaf4ff;
  padding: 15px;
  font-size: 14px;
}
.profile-side .setting .link {
  display: block;
  color: #122d58;
  font-weight: 500;
}
.profile-side .setting .link:hover {
  color: #56bed6;
}
.profile-side .setting .link span.icon-chevron-right {
  float: right;
  font-size: 16px;
}
.profile-side .setting > .row {
  padding: 8px 0;
}

.profile-block + .profile-block {
  margin-top: 40px;
}
.profile-block .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.profile-block .header.available {
  background-color: #56bed6;
  border-radius: 30px;
}
.profile-block .header.available .title {
  color: #fff;
}
.profile-block .header .icon {
  margin-right: 15px;
  position: relative;
  top: 1px;
}
.profile-block .header .title {
  margin: 0;
  color: #122d58;
  font-size: 20px;
  font-weight: 500;
}
.profile-block .body {
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
}
.profile-block .event-list .item-list .item {
  width: 25%;
}
.profile-block .auth-body .inner {
  margin-top: 0;
  padding: 10px;
}

.purchase-history .event-list-horizontal .cover {
  opacity: 0.5;
}

.view-ticket-modal {
  padding: 20px;
}
.view-ticket-modal .body {
  padding: 0 40px;
}
.view-ticket-modal .event-list-horizontal .item {
  border-radius: 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.view-ticket-modal .event-list-horizontal .cover {
  width: 130px;
  border-radius: 8px;
}
.view-ticket-modal .event-list-horizontal .content {
  padding: 0 30px;
}
.view-ticket-modal .event-list-horizontal .title {
  font-size: 24px;
}
.view-ticket-modal .my-ticket-details {
  margin-top: 40px;
}

.policy-list .item {
  padding: 20px 60px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.policy-list .item + .item {
  margin-top: 30px;
}
.policy-list .icon {
  position: relative;
  top: 0px;
  margin-right: 5px;
}
.policy-list .title {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
.policy-list .action {
  margin-top: 15px;
  padding-left: 35px;
}
.policy-list .action .link {
  font-size: 12px;
}

.policy-detail {
  padding: 60px 0;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.policy-detail .wrapper {
  width: 1140px;
  margin: 0 auto;
}
.policy-detail .header {
  margin-bottom: 40px;
}
.policy-detail .header .title {
  font-size: 30px;
  text-align: center;
}
.policy-detail .body {
  height: calc(100vh - 540px);
}
.policy-detail .action {
  margin-top: 60px;
  text-align: center;
  height: 54px;
}
.policy-detail .action .btn {
  width: 380px;
  color: #fff;
  background-color: #0fd8aa;
}
.policy-detail .action .btn span {
  top: 0;
  margin: 0;
}
.policy-detail .action .btn .reject {
  display: none;
}
.policy-detail .action .btn.btn-reject {
  background-color: #d2353a;
}
.policy-detail .action .btn.btn-reject .accept {
  display: none;
}
.policy-detail .action .btn.btn-reject .reject {
  display: block;
}

.face-rec .wrapper {
  position: relative;
}
.face-rec .wrapper:after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50px;
  width: 400px;
  height: 420px;
  background: url("../img/static/face-frame.svg");
  background-size: cover;
}
.face-rec .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.face-rec .action .btn {
  min-width: inherit;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ff0000;
  color: #fff;
  font-size: 24px;
}
.face-rec .action .btn span {
  margin: 0;
  display: block;
  position: relative;
  top: -1px;
}
.face-rec .content {
  text-align: center;
  padding: 30px;
}
.face-rec .content .title {
  font-size: 30px;
  font-weight: 400;
}
.face-rec .content .desc {
  margin-top: 5px;
  font-size: 24px;
}

#my_camera video {
  -o-object-fit: cover;
     object-fit: cover;
}

.face-rec-success .cover {
  width: 250px;
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  margin: 35px auto 0;
}

.delete-account-modal {
  max-width: 540px;
}
.delete-account-modal .modal-content {
  min-height: 380px;
}
.delete-account-modal .alert {
  margin-bottom: 0;
  padding: 0 40px;
}
.delete-account-modal .alert .action {
  padding: 0 20px;
}

.forgot-page .forgot-form {
  width: 680px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #eeeeee;
}
.forgot-page .forgot-form .title {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 30px 0;
}
.forgot-page .forgot-form .desc {
  color: #91a6c4;
  margin-top: 10px;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.forgot-page .forgot-form .action {
  margin-top: 15px;
}

@media (max-width: 1440px) {
  .auth-page {
    padding: 50px 0;
  }
  .profile-side .block {
    font-size: 16px;
  }
  .policy-list .item {
    padding: 20px 40px;
  }
  .forgot-page .forgot-form .title {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .auth-page {
    padding: 40px 0;
  }
  .auth-body .inner {
    padding: 0 40px;
  }
  .profile-side {
    width: 260px;
  }
  .profile-side .pic {
    width: 130px;
    margin-bottom: 20px;
  }
  .profile-side .pic .link {
    width: 30px;
    height: 30px;
  }
  .profile-side .block {
    font-size: 14px;
  }
  .profile-side .block .icon {
    margin-right: 0;
    top: -2px;
  }
  .profile-side .block .row {
    padding: 5px 0;
  }
  .profile-block .header .title {
    font-size: 18px;
  }
  .profile-block .header .icon {
    width: 24px;
    margin-right: 12px;
  }
  .profile-side .setting {
    font-size: 13px;
  }
  .profile-block .event-list .item-list .item {
    width: 33.3333333333%;
  }
  .policy-list .item {
    padding: 20px 30px;
  }
  .policy-list .item + .item {
    margin-top: 20px;
  }
  .policy-list .title {
    font-size: 14px;
  }
  .policy-list .icon {
    top: -2px;
    margin-right: 0;
  }
  .policy-detail .wrapper {
    width: auto;
  }
  .policy-detail .body {
    height: 500px;
  }
  .policy-detail {
    padding: 40px;
  }
  .policy-detail .header .title {
    font-size: 24px;
  }
  .policy-detail .body {
    height: auto;
  }
  .delete-account-modal .alert {
    padding: 0 30px;
  }
  .delete-account-modal .modal-content {
    min-height: 354px;
  }
  .forgot-page .forgot-form {
    width: 640px;
    padding: 30px;
  }
  .forgot-page .forgot-form .title {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .forgot-page .forgot-form .desc {
    margin-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .auth-page {
    background-color: #fff;
  }
  .profile-side {
    width: 100%;
    margin-top: 70px;
    padding: 0 20px 20px 20px;
    margin-bottom: 30px;
  }
  .profile-side .pic {
    position: relative;
    top: -70px;
    margin-bottom: -50px;
  }
  .profile-side .block {
    border-top: none;
  }
  .profile-side .block + .block {
    border-top: 1px solid #eee;
  }
  .profile-block + .profile-block {
    margin-top: 30px;
  }
  .profile-block .auth-body .inner {
    padding: 0;
  }
  .policy-detail .action {
    margin-top: 40px;
  }
  .forgot-page .forgot-form {
    padding: 25px;
  }
  .forgot-page .forgot-form .action {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .auth-page {
    padding-top: 30px;
  }
  .auth-form .wrapper {
    width: auto;
    padding: 0 20px;
  }
  .auth-header {
    margin-bottom: 20px;
  }
  .auth-body .action {
    margin-top: 15px;
  }
  .auth-body .or {
    margin: 20px 0;
  }
  .auth-body .or span {
    padding: 0 10px;
  }
  .auth-body .social {
    margin-bottom: 20px;
  }
  .auth-footer {
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
  }
  .auth-footer.back {
    margin-top: 20px;
  }
  .auth-body .inner {
    padding: 0 20px;
  }
  .auth-body .inner {
    margin-top: 20px;
  }
  .auth-body .inner .form-button {
    margin-top: 10px;
  }
  .auth-body .inner .form-button .btn {
    width: 100%;
  }
  .profile-side .block .control-label {
    width: auto;
  }
  .profile-block .header .title {
    font-size: 16px;
  }
  .profile-block .header .icon {
    width: 22px;
    margin-right: 8px;
  }
  .profile-block + .profile-block {
    margin-top: 30px;
  }
  .policy-detail {
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .policy-detail .header .title {
    font-size: 18px;
  }
  .policy-detail .header {
    margin-bottom: 20px;
  }
  .policy-detail .action .btn {
    width: 100%;
  }
  #my_camera {
    width: 100% !important;
    height: auto !important;
    position: relative;
    padding-top: 100%;
  }
  #my_camera video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .face-rec .action {
    height: 60px;
  }
  .face-rec .action .btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .face-rec .content .title {
    font-size: 22px;
  }
  .face-rec .content .desc {
    font-size: 18px;
  }
  .face-rec .wrapper:after {
    width: 260px;
    height: 260px;
    top: 10px;
  }
  .auth-body .checkbox-control .title {
    font-size: 12px;
  }
  .auth-body .consent .desc {
    font-size: 12px;
  }
  .auth-body .action .link {
    font-size: 12px;
  }
  .profile-block .event-list .item-list .item {
    width: 50%;
  }
  .delete-account-modal .alert {
    padding: 0 20px;
  }
  .delete-account-modal .alert .action {
    padding: 0;
  }
  .delete-account-modal .alert .action .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .delete-account-modal .alert .action .row > div + div {
    margin-bottom: 10px;
  }
  .forgot-page .forgot-form {
    width: auto;
    margin: 0 20px;
    padding: 20px;
  }
  .forgot-page .forgot-form .action {
    margin-top: 5px;
  }
  .auth-body .consent .whead .title {
    font-size: 12px;
  }
  .auth-body .consent .checkbox-control .title {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forgot-page .forgot-form {
    margin: 0;
  }
  .forgot-page .forgot-form .title {
    font-size: 20px;
  }
}
.wg-highlight {
  padding: 60px 0 80px 0;
  overflow: hidden;
  background-image: url("../img/static/bg-wg-highlight.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.hero-banner .cover {
  padding-top: 37%;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
          box-shadow: 0px 6px 36px rgba(59, 74, 116, 0.3);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.hero-banner .slick-list {
  padding: 0 !important;
  margin: 0 -15px;
  overflow: visible;
}
.hero-banner .slick-list .item {
  padding: 0 15px;
}
.hero-banner .slick-dotted.slick-slider {
  margin-bottom: 40px;
}
.hero-banner .slick-dots {
  padding: 0 20px;
  position: absolute;
  bottom: -40px;
}
.hero-banner .slick-arrow.slick-prev {
  left: 30px;
}
.hero-banner .slick-arrow.slick-next {
  right: 30px;
}
.hero-banner .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 454px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-banner .slick-slide {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.hero-banner .slick-slide .cover {
  padding-top: 32%;
}
.hero-banner .slick-slide.slick-active .cover, .hero-banner .slick-slide.slick-current .cover, .hero-banner .slick-slide.slick-center .cover {
  padding-top: 37%;
}

.search-box {
  margin-left: 50px;
  background-color: #fff;
  padding: 25px;
  border-radius: 12px;
  min-height: 460px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.search-box .cover {
  height: 180px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.search-box .cover:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.search-box .cover:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.search-box .cover .icon {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 50px;
  text-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.search-box .cover .icon span {
  line-height: 50px;
}
.search-box .title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  height: 1.2em;
  line-height: 1.2em;
}
.search-box .form-group {
  margin-bottom: 10px;
}
.search-box .form-button {
  margin-top: 20px;
}
.search-box .form-control {
  height: 50px;
  padding: 0;
  border: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #c9c9c9;
  border-radius: 0;
  font-weight: 300;
  color: #000;
}
.search-box .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}
.search-box .form-control.datepicker {
  background: url("../img/icon/calendar.svg");
  background-repeat: no-repeat;
  background-position: center right 3px;
  background-size: 16px;
  cursor: pointer;
}
.search-box .form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}
.search-box .form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.search-box .form-control:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}
.search-box .form-control:-moz-placeholder {
  color: #000;
  opacity: 1;
}
.search-box .select2-container .select2-selection--single {
  height: 50px;
}
.search-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
}
.search-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

.wg-popular-event {
  overflow: hidden;
  padding-bottom: 80px;
}

.wg-event {
  padding-top: 40px;
  padding-bottom: 160px;
  background: #f0f8fa;
  border-radius: 0 80px 0 0;
}
.wg-event .wg-search {
  margin-bottom: 40px;
}
.wg-event + div[class*=wg-] {
  padding-top: 80px;
  margin-top: -80px;
  background: #fff;
  background-image: url("../img/static/bg-wg-blog.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left bottom;
  border-radius: 0 80px 0 0;
  overflow: hidden;
}

.wg-upcoming-event {
  padding: 80px 0;
  overflow: hidden;
}

.wg-search {
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.15);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.15);
  border-radius: 999px;
  padding: 20px;
}
.wg-search .btn {
  font-weight: 500;
}
.wg-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
}
.wg-search .select2-container--default .select2-search--inline .select2-search__field {
  font-weight: 500;
}

.wg-blog {
  padding-bottom: 80px;
  overflow: hidden;
}

.wg-about {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}
.wg-about .content {
  position: relative;
  z-index: 10;
  width: 60%;
  min-height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 40px;
}
.wg-about .bg {
  position: absolute;
  top: 0;
  right: 50%;
  width: 44vw;
  height: 100%;
  -webkit-transform: translate(114%, 0);
          transform: translate(114%, 0);
  pointer-events: none;
}
.wg-about .bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center left;
     object-position: center left;
}
.wg-about .title {
  font-size: 48px;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(#60d0fa), to(#62d5d8));
  background: linear-gradient(to right, #0081dc, #60d0fa, #62d5d8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.wg-about .subtitle {
  font-size: 36px;
  font-weight: 300;
  margin-top: 5px;
}
.wg-about .desc {
  color: #91a6c4;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  margin-top: 20px;
}
.wg-about .action {
  margin-top: 20px;
}

@media (max-width: 1440px) {
  .wg-highlight {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .hero-banner .slick-track {
    height: 435px;
  }
  .wg-popular-event {
    padding-bottom: 60px;
  }
  .wg-event {
    padding-bottom: 120px;
    border-radius: 0 60px 0 0;
  }
  .wg-event + div[class*=wg-] {
    margin-top: -60px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 0 60px 0 0;
  }
  .wg-upcoming-event {
    padding: 60px 0;
  }
  .wg-blog {
    padding-bottom: 60px;
  }
  .wg-about {
    padding: 60px 0;
  }
  .wg-about .content {
    min-height: 340px;
  }
  .wg-about .title {
    font-size: 42px;
  }
  .wg-about .subtitle {
    font-size: 32px;
  }
  .wg-about .desc {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .hero-banner .slick-track {
    height: 350px;
  }
  .hero-banner .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  .hero-banner .slick-dots {
    bottom: -30px;
  }
  .hero-banner .slick-arrow.slick-prev {
    left: 20px;
  }
  .hero-banner .slick-arrow.slick-next {
    right: 20px;
  }
  .hero-banner .slick-list {
    margin: 0 -10px;
  }
  .hero-banner .slick-list .item {
    padding: 0 10px;
  }
  .wg-highlight {
    padding-top: 35px;
    padding-bottom: 50px;
  }
  .wg-popular-event {
    padding-bottom: 50px;
  }
  .wg-event {
    padding-bottom: 100px;
    border-radius: 0 50px 0 0;
  }
  .wg-event .wg-search {
    margin-bottom: 35px;
  }
  .wg-event + div[class*=wg-] {
    margin-top: -50px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0 50px 0 0;
  }
  .wg-upcoming-event {
    padding: 50px 0;
  }
  .wg-blog {
    padding-bottom: 50px;
  }
  .wg-about {
    padding: 50px 0;
  }
  .wg-about .title {
    font-size: 36px;
  }
  .wg-about .subtitle {
    font-size: 28px;
  }
  .wg-about .desc {
    font-size: 16px;
  }
  .wg-about .content {
    min-height: 300px;
  }
}
@media (max-width: 991px) {
  .hero-banner .slick-track {
    height: auto;
  }
  .hero-banner .slick-slide .cover {
    padding-top: 37%;
  }
  .wg-about .content {
    min-height: 260px;
  }
  .wg-about .title {
    font-size: 32px;
  }
  .wg-about .subtitle {
    font-size: 24px;
  }
  .wg-about .desc {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .wg-highlight {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .wg-popular-event {
    padding-bottom: 40px;
  }
  .wg-event {
    padding-top: 30px;
    padding-bottom: 80px;
    border-radius: 0 40px 0 0;
  }
  .wg-search {
    border-radius: 25px;
  }
  .wg-search .btn {
    width: 100%;
  }
  .wg-search > .row > .col > .row > div + div {
    margin-top: 15px;
  }
  .wg-event + div[class*=wg-] {
    margin-top: -40px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 0 40px 0 0;
  }
  .wg-upcoming-event {
    padding: 40px 0;
  }
  .wg-blog {
    padding-bottom: 40px;
  }
  .wg-about {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .wg-about .content {
    text-align: center;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .wg-about .bg {
    position: relative;
    right: -20px;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    height: 300px;
  }
  .wg-action {
    text-align: center;
    padding-top: 20px;
  }
}
.event-page .wg-search {
  margin-bottom: 40px;
}
.event-page .wg-search ~ .selected-search {
  margin-top: -15px;
  margin-bottom: 40px;
}

.event-list .item-list {
  margin: 0 -10px;
  margin-bottom: -25px;
}
.event-list .item-list .item {
  width: 20%;
  padding: 0 10px;
  margin-bottom: 25px;
}
.event-list .slick-slider .slick-track {
  margin-left: 0;
}
.event-list .slick-slider .slick-list {
  margin: 0 -10px;
}
.event-list .slick-slider .slick-list .item {
  padding: 0 10px;
}
.event-list .slick-slider .slick-arrow.slick-prev {
  left: -65px;
}
.event-list .slick-slider .slick-arrow.slick-next {
  right: -65px;
}
.event-list .slick-slider.slick-dotted {
  margin-bottom: 30px;
}
.event-list .slick-slider .slick-dots {
  bottom: -30px;
}
.event-list .wrapper {
  background: #fff;
  overflow: hidden;
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 12px;
}
.event-list .wrapper .badge {
  position: absolute;
  top: 15px;
  left: -20px;
  z-index: 10;
  background-color: #ff0000;
  color: #fff;
  border-radius: 999px;
  padding: 6px 20px 6px 40px;
  font-size: 12px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.event-list .wrapper .content {
  padding: 20px 12px;
}
.event-list .link-cover {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}
.event-list .link-cover:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.event-list .link-cover .cover {
  padding-top: 140%;
}
.event-list .link-cover .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.event-list .content .date-time {
  font-size: 12px;
  color: #56bed6;
  font-weight: 400;
  line-height: 1em;
  height: 1em;
}
.event-list .content .link {
  color: #122d58;
}
.event-list .content .title {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  height: 4.2em;
}
.event-list .content .location {
  margin-top: 6px;
  color: #91a6c4;
  font-size: 12px;
  line-height: 1.4em;
  height: 1.4em;
}
.event-list .content .location svg.icon {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}
.event-list .content .location svg.icon path {
  fill: #91a6c4;
}
.event-list .content .location img.icon {
  display: inline;
  width: 16px;
  margin-top: -2px;
}
.event-list .event-private .wrapper .badge {
  background: linear-gradient(95.15deg, #0fd8aa 45.26%, #13b4ff 127.84%);
}
.event-list .event-disabled .wrapper .badge {
  background: #122d58;
}
.event-list .event-disabled .link-cover .cover {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.event-list-horizontal.list-md {
  position: relative;
  z-index: 10;
}
.event-list-horizontal.list-md .item {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.event-list-horizontal.list-md .cover {
  width: 185px;
  border-radius: 8px;
}
.event-list-horizontal.list-md .content {
  padding: 30px;
}
.event-list-horizontal.list-sm {
  position: relative;
  z-index: 10;
}
.event-list-horizontal.list-sm .item {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #eeeeee;
}
.event-list-horizontal.list-sm .item + .item {
  margin-top: 10px;
}
.event-list-horizontal.list-sm .cover {
  width: 130px;
  border-radius: 8px;
}
.event-list-horizontal.list-sm .content {
  padding: 20px;
}
.event-list-horizontal.list-sm .date-time {
  font-size: 14px;
  color: #122d58;
  font-weight: 400;
  line-height: 1.2em;
  height: 1.2em;
  margin-bottom: 10px;
}
.event-list-horizontal.list-sm .title {
  font-size: 16px;
}
.event-list-horizontal.list-sm .info {
  margin-top: 5px;
}
.event-list-horizontal.list-sm .info .desc {
  font-size: 14px;
  color: #91a6c4;
}
.event-list-horizontal.list-sm .info img.icon {
  display: inline;
  width: 18px;
  margin-top: -2px;
  margin-right: 5px;
}
.event-list-horizontal.no-border .item {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 8px;
}
.event-list-horizontal .item {
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  overflow: hidden;
}
.event-list-horizontal .item + .item {
  margin-top: 30px;
}
.event-list-horizontal .link-cover:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.event-list-horizontal .cover {
  width: 245px;
  padding-top: 142%;
  border-radius: 12px;
}
.event-list-horizontal .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.event-list-horizontal .content {
  padding: 50px 60px;
}
.event-list-horizontal .content .action {
  margin-top: 15px;
}
.event-list-horizontal .content .action .btn {
  font-size: 14px;
  min-width: 160px;
}
.event-list-horizontal .badge {
  color: #007aff;
  background-color: rgba(0, 122, 255, 0.06);
  border: 1px solid;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 999px;
  margin-bottom: 25px;
}
.event-list-horizontal .link {
  color: #000;
}
.event-list-horizontal .link:hover {
  color: #56bed6;
}
.event-list-horizontal .title {
  font-size: 30px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4em;
  height: 1.4em;
}
.event-list-horizontal .title.text-line-2 {
  height: 2.8em;
}
.event-list-horizontal .info {
  margin-top: 10px;
  font-size: 16px;
}
.event-list-horizontal .info .row {
  padding: 6px 0;
}
.event-list-horizontal .info .icon {
  width: 24px;
  margin-right: 10px;
}
.event-list-horizontal .info .desc {
  margin: 0;
  line-height: 1.4em;
  max-width: 400px;
  height: 1.4em;
}

.event-find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 60px;
  min-height: 450px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  background-color: #fff;
}
.event-find .cover {
  width: 410px;
}
.event-find .content {
  margin-left: 60px;
}
.event-find .title {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}
.event-find .link {
  font-size: 40px;
  font-weight: 500;
  text-decoration: underline;
}

.eventHL-highlight {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.eventHL-highlight .bg {
  position: absolute;
  z-index: 0;
  top: -60px;
  bottom: -60px;
  left: -100px;
  right: -100px;
}
.eventHL-highlight .bg:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.eventHL-highlight .bg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
}

.eventHL-nav {
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.eventHL-nav .nav .nav-link {
  padding-left: 10px;
  padding-right: 10px;
  color: #122d58;
  font-size: 16px;
  font-weight: 500;
}
.eventHL-nav .nav .nav-link:hover {
  color: #56bed6;
}
.eventHL-nav .nav > .nav-item:first-child > .nav-link {
  padding-left: 0;
}
.eventHL-nav .nav-ticket .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
}
.eventHL-nav .nav-ticket .price {
  font-size: 16px;
  font-weight: 500;
}
.eventHL-nav .nav-ticket .price strong {
  font-size: 24px;
  font-weight: 500;
}
.eventHL-nav .nav-ticket .action .btn {
  font-weight: 500;
  min-width: 180px;
}
.eventHL-nav .nav-ticket .action .btn.-soldout:disabled, .eventHL-nav .nav-ticket .action .btn.-soldout:disabled:hover, .eventHL-nav .nav-ticket .action .btn.-soldout.disabled, .eventHL-nav .nav-ticket .action .btn.-soldout.disabled:hover {
  color: #ffffff;
  background-color: #91a6c4;
  border-color: transparent;
}

.eventHL-body {
  overflow: hidden;
  background-image: url("../img/static/bg-eventHL-body.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.eventHL-info > .container > .wrapper,
.eventHL-speaker > .container > .wrapper,
.eventHL-support > .container > .wrapper {
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
}

.eventHL-info {
  margin-top: 60px;
}
.eventHL-info .content b,
.eventHL-info .content strong {
  font-weight: 500;
}
.eventHL-info .content p,
.eventHL-info .content .desc {
  color: #122d58;
  line-height: 1.6em;
}
.eventHL-info .content .action {
  margin-top: 20px;
}

.eventHL-what-modal .cover {
  height: 370px;
}
.eventHL-what-modal .content {
  padding: 60px 60px 0 60px;
}

.eventHL-agenda {
  margin-top: 60px;
}
.eventHL-agenda .agenda-info .wrapper {
  background: #fff;
}

.eventHL-zone {
  margin-top: 60px;
}
.eventHL-zone .zone-container {
  padding: 50px;
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  max-height: 520px;
}
.eventHL-zone .zone-container .contain {
  padding-top: 37%;
  width: 688px;
}
.eventHL-zone .zone-container .slider .item .contain {
  margin: 0 auto;
}
.eventHL-zone .zone-container .slider .slick-arrow.slick-prev {
  left: 0;
}
.eventHL-zone .zone-container .slider .slick-arrow.slick-next {
  right: 0;
}

.eventHL-speaker {
  margin-top: 60px;
}

.eventHL-banner {
  margin-top: 100px;
}
.eventHL-banner .cover {
  height: 534px;
}

.eventHL-support {
  margin-top: 60px;
}

.support-list .item-list {
  margin: 0 -12px;
  margin-bottom: -24px;
}
.support-list .item-list .item {
  padding: 0 12px;
  width: 14.2857142857%;
  margin-bottom: 24px;
}
.support-list .wrapper {
  border: 1px solid #eeeeee;
  border-radius: 12px;
  padding: 25px;
}
.support-list .cover,
.support-list .contain {
  padding-top: 100%;
}

.eventHL-how {
  margin-top: 60px;
}
.eventHL-how .map {
  width: 560px;
  height: 300px;
  position: relative;
  margin-right: 25px;
  border-radius: 12px;
  overflow: hidden;
}
.eventHL-how .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.eventHL-how .content {
  border: 1px solid #eeeeee;
  border-radius: 12px;
  padding: 30px;
  height: 100%;
}
.eventHL-how .content .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.eventHL-how .content .item {
  margin-top: 13px;
}
.eventHL-how .content .item:first-child {
  margin-top: 0;
}
.eventHL-how .content .icon {
  width: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.eventHL-how .content .topic {
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 500;
  width: 100px;
}
.eventHL-how .content .desc {
  font-size: 14px;
  line-height: 1.4em;
  color: #122d58;
  cursor: default;
}
.eventHL-how .content a.desc {
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.eventHL-how .content a.desc:hover {
  color: #56bed6;
  text-decoration: none;
}

.eventHL-ticket {
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 80px;
  color: #fff;
  background-color: #56bed6;
  background-image: url("../img/static/bg-ticket.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0 80px 0 0;
}
.eventHL-ticket .no-ticket {
  padding: 30px;
  color: #122d58;
  background: #fff;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.eventHL-ticket .ticket-details {
  width: 300px;
}
.eventHL-ticket .row > div > .no-ticket {
  height: 100%;
}

.event-onsite-page {
  padding-top: 80px;
  padding-bottom: 60px;
}
.event-onsite-page .card {
  margin: 0;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  overflow: hidden;
  border: none;
  padding: 60px;
}

.event-onsite-info {
  margin-top: 40px;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  padding: 40px 40px 25px 40px;
}

.event-onsite-action {
  margin-top: 40px;
}
.event-onsite-action .btn {
  min-width: 170px;
}

@media (max-width: 1440px) {
  .event-list-horizontal .badge {
    margin-bottom: 20px;
  }
  .event-list-horizontal .cover {
    width: 200px;
  }
  .event-list-horizontal .title {
    font-size: 24px;
  }
  .event-list-horizontal .info .icon {
    width: 22px;
  }
  .event-list-horizontal .content {
    padding: 30px 40px;
  }
  .eventHL-highlight {
    padding: 60px 0;
  }
  .eventHL-nav {
    height: 68px;
  }
  .eventHL-nav .nav .nav-link {
    font-size: 14px;
  }
  .eventHL-nav .nav-ticket .desc {
    font-size: 14px;
  }
  .eventHL-nav .nav-ticket .price {
    font-size: 14px;
  }
  .eventHL-nav .nav-ticket .price strong {
    font-size: 22px;
  }
  .eventHL-info {
    margin-top: 60px;
  }
  .eventHL-zone .zone-container {
    padding: 40px;
  }
  .eventHL-zone .zone-container .contain {
    padding-top: 38%;
  }
  .support-list .item-list {
    margin: 0 -10px;
    margin-bottom: -20px;
  }
  .support-list .item-list .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .eventHL-banner .cover {
    height: 400px;
  }
  .eventHL-how .map {
    width: 460px;
    height: 280px;
    margin-right: 20px;
  }
  .eventHL-how .content .desc {
    font-size: 14px;
  }
  .eventHL-how .content .icon {
    top: 2px;
    width: 16px;
    margin-right: 6px;
  }
  .eventHL-how .content .item {
    margin-top: 8px;
  }
  .eventHL-how .content .topic {
    font-size: 14px;
    width: 70px;
  }
  .eventHL-how .content.first {
    width: 220px;
  }
  .eventHL-how .content.last {
    width: 220px;
  }
  .event-find .cover {
    width: 300px;
  }
  .event-find .content {
    margin-left: 40px;
  }
  .event-find .title {
    font-size: 24px;
  }
  .event-find .link {
    font-size: 30px;
  }
  .event-find {
    min-height: inherit;
    padding: 60px;
  }
  .eventHL-ticket {
    border-radius: 0 60px 0 0;
  }
  .event-onsite-page {
    padding-top: 60px;
  }
  .event-onsite-page .card {
    padding: 50px;
  }
  .event-onsite-info {
    padding: 30px 30px 15px 30px;
  }
  .event-onsite-action .link {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .event-list .item-list {
    margin: 0 -7px;
    margin-bottom: -20px;
  }
  .event-list .item-list .item {
    padding: 0 7px;
    margin-bottom: 20px;
  }
  .event-list .slick-slider .slick-list {
    margin: 0 -7px;
  }
  .event-list .slick-slider .slick-list .item {
    padding: 0 7px;
  }
  .event-list .slick-slider.slick-dotted {
    margin-bottom: 25px;
  }
  .event-list .slick-slider .slick-dots {
    bottom: -25px;
  }
  .event-list .content .date-time {
    font-size: 10px;
  }
  .event-list .content .location svg.icon {
    width: 14px;
    height: 14px;
  }
  .event-list .content .location img.icon {
    width: 14px;
  }
  .event-list-horizontal .title {
    font-size: 20px;
  }
  .event-list-horizontal .info {
    font-size: 14px;
    margin-top: 20px;
  }
  .event-list-horizontal .info .icon {
    width: 20px;
  }
  .event-list-horizontal .title {
    font-size: 18px;
  }
  .event-list-horizontal .info .row {
    padding: 4px 0;
  }
  .event-list-horizontal .cover {
    width: 170px;
  }
  .event-list-horizontal .content {
    padding: 25px 30px;
  }
  .event-list-horizontal .info {
    margin-top: 15px;
  }
  .event-list-horizontal .item + .item {
    margin-top: 20px;
  }
  .event-list-horizontal.list-md .cover {
    width: 160px;
  }
  .event-list-horizontal.list-md .content {
    padding: 25px 30px;
  }
  .eventHL-highlight {
    padding: 40px 0;
  }
  .eventHL-nav {
    height: 64px;
  }
  .eventHL-nav .nav-ticket .price strong {
    font-size: 20px;
  }
  .eventHL-nav .nav-ticket .action .btn {
    min-width: 140px;
  }
  .eventHL-info {
    margin-top: 40px;
  }
  .eventHL-what-modal .cover {
    height: 280px;
  }
  .eventHL-what-modal .content {
    padding: 40px 40px 0 40px;
  }
  .eventHL-agenda {
    margin-top: 40px;
  }
  .eventHL-zone {
    margin-top: 40px;
  }
  .eventHL-speaker {
    margin-top: 40px;
  }
  .eventHL-banner {
    margin-top: 70px;
  }
  .eventHL-banner .cover {
    height: auto;
    padding-top: 30%;
  }
  .eventHL-zone .zone-container .contain {
    padding-top: 48%;
  }
  .support-list .wrapper {
    padding: 20px;
  }
  .eventHL-support {
    margin-top: 40px;
  }
  .eventHL-how {
    margin-top: 40px;
  }
  .eventHL-how .map {
    width: auto;
    margin: 0 0 30px 0;
  }
  .eventHL-how .content {
    padding: 25px;
  }
  .eventHL-how .content .title {
    margin-bottom: 10px;
  }
  .eventHL-info > .container > .wrapper,
  .eventHL-speaker > .container > .wrapper,
  .eventHL-support > .container > .wrapper {
    padding-bottom: 20px;
  }
  .eventHL-info .content p,
  .eventHL-info .content .desc {
    font-size: 14px;
  }
  .event-find .cover {
    width: 240px;
  }
  .event-find .title {
    font-size: 18px;
  }
  .event-find .link {
    font-size: 24px;
  }
  .event-find .content {
    margin-left: 20px;
  }
  .event-find {
    padding: 40px;
  }
  .eventHL-ticket {
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 60px;
    border-radius: 0 50px 0 0;
  }
  .event-list-horizontal.list-sm .cover {
    width: 110px;
  }
  .event-list-horizontal.list-sm .date-time {
    font-size: 12px;
  }
  .event-list-horizontal.list-sm .title {
    font-size: 14px;
  }
  .event-list-horizontal.list-sm .info .desc {
    font-size: 12px;
  }
  .event-list-horizontal.list-sm .info img.icon {
    width: 14px;
    margin-top: 0;
  }
  .event-list-horizontal .content .action .btn {
    font-size: 12px;
    min-width: 120px;
  }
  .event-onsite-page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .event-onsite-page .card {
    padding: 40px;
  }
  .event-onsite-info {
    margin-top: 30px;
  }
  .event-onsite-action {
    margin-top: 30px;
  }
  .event-onsite-action .link {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .event-list .item-list .item {
    width: 25%;
  }
  .event-list .content .title {
    font-size: 13px;
  }
  .event-list .content .location svg.icon {
    width: 13px;
    height: 13px;
  }
  .event-list .content .location img.icon {
    width: 13px;
  }
  .event-list-horizontal .title {
    height: auto;
    -webkit-line-clamp: inherit;
  }
  .event-list-horizontal .info {
    margin-top: 15px;
  }
  .event-list-horizontal.list-md .cover {
    width: 140px;
  }
  .event-list-horizontal.list-md .content {
    padding: 15px 20px;
  }
  .eventHL-nav {
    height: auto;
    padding: 15px 0;
  }
  .eventHL-nav .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .eventHL-nav .nav-ticket {
    margin-top: 15px;
  }
  .eventHL-nav .nav-ticket > .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .eventHL-nav .nav-ticket .desc {
    text-align: center;
  }
  .eventHL-how .content .title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .eventHL-how .content.first {
    width: 200px;
  }
  .eventHL-how .content.last {
    width: 200px;
  }
  .eventHL-ticket {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .event-onsite-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .event-onsite-page .card {
    padding: 25px;
  }
  .event-onsite-info {
    margin-top: 20px;
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
  }
  .eventHL-ticket .row > div > .no-ticket {
    height: auto;
  }
}
@media (max-width: 767px) {
  .event-list .item-list .item {
    width: 33.3333333333%;
  }
  .event-list-horizontal .badge {
    font-size: 12px;
    padding: 6px 15px;
    margin-bottom: 15px;
  }
  .event-list-horizontal .title {
    font-size: 16px;
    line-height: 1.3em;
  }
  .event-list-horizontal .info {
    font-size: 12px;
    margin-top: 8px;
  }
  .event-list-horizontal .info .icon {
    width: 16px;
    margin-right: 6px;
  }
  .event-list-horizontal .info .row {
    padding: 4px 0;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  .event-list-horizontal .info .desc {
    height: auto;
    -webkit-line-clamp: inherit;
  }
  .event-list-horizontal .cover {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    padding-top: 0;
    margin-top: 20px;
    margin-left: 20px;
  }
  .event-list-horizontal .content {
    padding: 20px;
  }
  .event-list-horizontal .item {
    border-radius: 10px;
  }
  .event-list-horizontal.list-md .cover {
    border-radius: 8px;
    width: 100px;
    height: 100px;
    padding-top: 0;
    margin: 0;
  }
  .event-list-horizontal.list-md .content {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .eventHL-highlight {
    padding: 20px 0;
  }
  .eventHL-info {
    margin-top: 30px;
  }
  .eventHL-info > .container > .wrapper,
  .eventHL-speaker > .container > .wrapper,
  .eventHL-support > .container > .wrapper {
    padding-bottom: 15px;
  }
  .eventHL-info .content p,
  .eventHL-info .content .desc {
    font-size: 12px;
  }
  .eventHL-info .content .action {
    margin-top: 15px;
  }
  .eventHL-what-modal .cover {
    height: auto;
    padding-top: 40%;
  }
  .eventHL-what-modal .content {
    padding: 20px 20px 0 20px;
  }
  .eventHL-agenda {
    margin-top: 30px;
  }
  .eventHL-agenda .agenda-list .content {
    border-left: none;
    padding: 15px;
  }
  .eventHL-speaker {
    margin-top: 30px;
  }
  .eventHL-banner {
    margin-top: 20px;
  }
  .eventHL-support {
    margin-top: 30px;
  }
  .eventHL-zone .zone-container {
    padding: 30px;
  }
  .eventHL-zone .zone-container .contain {
    padding-top: 60%;
    width: 100%;
  }
  .eventHL-zone .zone-container .slider .slick-arrow.slick-prev {
    left: -20px;
  }
  .eventHL-zone .zone-container .slider .slick-arrow.slick-next {
    right: -20px;
  }
  .eventHL-zone .zone-container .slider .slick-dots {
    bottom: -18px;
  }
  .eventHL-how .content .title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .eventHL-how .content.first {
    width: auto;
    margin-bottom: 30px;
  }
  .eventHL-how .content.last {
    width: auto;
    margin-top: 30px;
  }
  .event-find {
    padding: 40px 20px;
    text-align: center;
  }
  .event-find .cover {
    margin: 0 auto;
  }
  .event-find .content {
    margin-top: 30px;
  }
  .event-find .title {
    font-size: 16px;
  }
  .event-find .link {
    font-size: 20px;
  }
  .event-page .wg-search {
    margin-bottom: 30px;
  }
  .event-page .wg-search ~ .selected-search {
    margin-top: -10px;
    margin-bottom: 30px;
  }
  .eventHL-how {
    margin-top: 30px;
  }
  .eventHL-how .map {
    margin-bottom: 25px;
  }
  .eventHL-how .content {
    padding: 20px;
  }
  .support-list .item-list .item {
    width: 25%;
  }
  .eventHL-ticket {
    margin-top: 30px;
    padding-top: 30px;
    border-radius: 0 40px 0 0;
  }
  .event-list-horizontal.list-sm .cover {
    width: 100px;
    margin-top: 15px;
    margin-left: 15px;
  }
  .event-list-horizontal.list-sm .content {
    padding: 15px;
  }
  .event-list-horizontal .title.text-line-2 {
    height: auto;
  }
  .event-onsite-page {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .event-onsite-page .card {
    padding: 20px;
  }
  .event-onsite-action {
    margin-top: 25px;
  }
  .event-onsite-action .link {
    font-size: 16px;
  }
  .event-onsite-action .btn {
    min-width: 160px;
  }
  .eventHL-ticket .no-ticket {
    padding: 25px;
  }
}
@media (max-width: 575px) {
  .event-list .item-list .item {
    width: 50%;
  }
  .support-list .item-list {
    margin: 0 -6px;
    margin-bottom: -12px;
  }
  .support-list .item-list .item {
    padding: 0 6px;
    margin-bottom: 12px;
  }
  .event-onsite-info {
    padding: 20px 15px 5px 15px;
  }
}
.eventHL-nav .nav-ticket .action .btn-primary {
  background-color: #122d58;
}
.eventHL-nav .nav-ticket .action .btn-primary:disabled,
.eventHL-nav .nav-ticket .action .btn-primary:disabled:hover,
.eventHL-nav .nav-ticket .action .btn-primary.disabled,
.eventHL-nav .nav-ticket .action .btn-primary.disabled:hover {
  background-color: #eaf4ff;
}

.blog-list .item-list {
  margin: 0 -10px;
  margin-bottom: -25px;
}
.blog-list .item-list .item {
  width: 33.3333333333%;
  padding: 0 10px;
  margin-bottom: 25px;
}
.blog-list .wrapper {
  background: #fff;
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 12px;
}
.blog-list .wrapper .content {
  padding: 20px 15px;
}
.blog-list .wrapper .link-cover {
  margin: -1px -1px 0 -1px;
}
.blog-list .link-cover {
  display: block;
  overflow: hidden;
  border-radius: 12px;
}
.blog-list .link-cover:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.blog-list .link-cover .cover {
  padding-top: 50.8%;
}
.blog-list .link-cover .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.blog-list .content {
  position: relative;
}
.blog-list .content .date-time {
  font-size: 12px;
  color: #91a6c4;
  line-height: 1em;
  height: 1em;
}
.blog-list .content .link {
  color: #000;
}
.blog-list .content .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  height: 4.2em;
  margin-top: 10px;
}
.blog-list .content .link.-more {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #56bed6;
  text-decoration: underline;
}
.blog-list .slick-slider .slick-track {
  margin-left: 0;
}
.blog-list .slick-slider .slick-list {
  margin: 0 -10px;
}
.blog-list .slick-slider .slick-list .item {
  padding: 0 10px;
}
.blog-list .slick-slider .slick-arrow.slick-prev {
  left: -65px;
}
.blog-list .slick-slider .slick-arrow.slick-next {
  right: -65px;
}
.blog-list .slick-slider.slick-dotted {
  margin-bottom: 30px;
}
.blog-list .slick-slider .slick-dots {
  bottom: -30px;
}

@media (max-width: 1199px) {
  .blog-list .item-list {
    margin: 0 -7px;
    margin-bottom: -20px;
  }
  .blog-list .item-list .item {
    padding: 0 7px;
    margin-bottom: 20px;
  }
  .blog-list .slick-slider .slick-list {
    margin: 0 -7px;
  }
  .blog-list .slick-slider .slick-list .item {
    padding: 0 7px;
  }
  .blog-list .slick-slider.slick-dotted {
    margin-bottom: 25px;
  }
  .blog-list .slick-slider .slick-dots {
    bottom: -25px;
  }
}
@media (max-width: 991px) {
  .blog-list .content .date {
    font-size: 10px;
  }
  .blog-list .content .title {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .blog-list .item-list {
    margin-bottom: -25px;
  }
  .blog-list .item-list .item {
    width: 100%;
    margin-bottom: 25px;
  }
  .blog-list .content {
    height: auto;
  }
}
.eventCalendar-page {
  padding: 80px 0;
}

.eventCalendar-filter {
  margin-bottom: 60px;
}
.eventCalendar-filter .btn {
  width: 260px;
}

.eventCalendar-list .item-list {
  margin: 0 -15px;
  margin-bottom: -50px;
}
.eventCalendar-list .item-list .item {
  width: 33.3333333333%;
  padding: 0 15px;
  margin-bottom: 50px;
}
.eventCalendar-list .link-cover {
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
}
.eventCalendar-list .link-cover:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.eventCalendar-list .link-cover .cover {
  padding-top: 72.2%;
}
.eventCalendar-list .link-cover .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.eventCalendar-list .content {
  position: relative;
  margin-top: 30px;
  padding-right: 40px;
  height: 165px;
}
.eventCalendar-list .content .date {
  position: absolute;
  top: -3px;
  left: 0;
  text-align: center;
  font-size: 20px;
}
.eventCalendar-list .content .date strong {
  display: block;
  margin-bottom: 2px;
  font-size: 2.2em;
  font-weight: 400;
  color: #ffc400;
}
.eventCalendar-list .content .link {
  color: #000;
}
.eventCalendar-list .content .title {
  padding-left: 90px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4em;
  height: 2.8em;
}
.eventCalendar-list .content .desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5em;
  height: 4.5em;
}
.eventCalendar-list .content .info {
  margin-top: 10px;
}
.eventCalendar-list .content .info .row {
  margin-top: 10px;
}
.eventCalendar-list .content .info .topic {
  width: 90px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}
.eventCalendar-list .content .info .desc {
  margin: 0;
  line-height: 1.2em;
  height: 1.2em;
  color: #000;
}

@media (max-width: 1680px) {
  .eventCalendar-list .content {
    height: 155px;
  }
  .eventCalendar-list .content .date {
    font-size: 18px;
  }
  .eventCalendar-list .content .title {
    font-size: 22px;
    padding-left: 75px;
  }
  .eventCalendar-list .content .desc {
    font-size: 16px;
    margin-top: 15px;
  }
  .eventCalendar-list .content .info .topic {
    width: 75px;
    font-size: 16px;
  }
}
@media (max-width: 1440px) {
  .eventCalendar-page {
    padding: 60px 0;
  }
  .eventCalendar-filter {
    margin-bottom: 40px;
  }
  .eventCalendar-filter .btn {
    width: 180px;
  }
  .eventCalendar-list .content {
    height: 145px;
    padding-right: 20px;
    margin-top: 25px;
  }
  .eventCalendar-list .content .info .row {
    margin-top: 6px;
  }
}
@media (max-width: 1199px) {
  .eventCalendar-page {
    padding: 40px 0;
  }
  .eventCalendar-filter .btn {
    width: 120px;
  }
  .eventCalendar-filter .row {
    margin: 0 -10px;
  }
  .eventCalendar-filter .row > div {
    padding: 0 10px;
  }
  .eventCalendar-list .content {
    padding-right: 10px;
    margin-top: 20px;
    height: 120px;
  }
  .eventCalendar-list .content .date {
    font-size: 14px;
    top: -1px;
  }
  .eventCalendar-list .content .title {
    font-size: 18px;
    padding-left: 60px;
  }
  .eventCalendar-list .content .desc {
    font-size: 14px;
  }
  .eventCalendar-list .content .info {
    margin-top: 6px;
  }
  .eventCalendar-list .content .info .topic {
    font-size: 14px;
    width: 60px;
  }
  .eventCalendar-list .item-list {
    margin: 0 -10px;
    margin-bottom: -30px;
  }
  .eventCalendar-list .item-list .item {
    padding: 0 10px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .eventCalendar-filter {
    margin-bottom: 30px;
  }
  .eventCalendar-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
  }
  .eventCalendar-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 14px;
    right: 1px;
  }
  .eventCalendar-filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-size: 16px;
  }
  .eventCalendar-list .content {
    padding-right: 0;
    margin-top: 15px;
    height: 100px;
  }
  .eventCalendar-list .content .date {
    font-size: 12px;
  }
  .eventCalendar-list .content .title {
    font-size: 16px;
    padding-left: 50px;
  }
  .eventCalendar-list .content .desc {
    font-size: 12px;
  }
  .eventCalendar-list .content .info {
    margin-top: 4px;
  }
  .eventCalendar-list .content .info .topic {
    font-size: 12px;
    width: 50px;
  }
  .eventCalendar-list .content .info .row {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .eventCalendar-filter .btn {
    width: 100%;
    margin-top: 10px;
  }
  .eventCalendar-filter .row .row > div {
    margin-bottom: 10px;
  }
  .eventCalendar-list .content {
    height: auto;
  }
  .eventCalendar-list .content .info .row {
    margin-top: 6px;
  }
  .eventCalendar-list .item-list .item {
    width: 100%;
  }
}
.speaker-page {
  padding: 80px 0 0 0;
  background-color: #fafafa;
}

.speaker-list .item-list {
  margin: 0 -12px;
  margin-bottom: -24px;
}
.speaker-list .item-list .item {
  padding: 0 12px;
  margin-bottom: 24px;
  width: 20%;
}
.speaker-list .slider .slick-track {
  margin-left: 0;
}
.speaker-list .slider .slick-list {
  margin: 0 -12px;
}
.speaker-list .slider .item {
  padding: 0 12px;
}
.speaker-list .slider .slick-arrow.slick-prev {
  left: -65px;
}
.speaker-list .slider .slick-arrow.slick-next {
  right: -65px;
}
.speaker-list .link-cover:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.speaker-list .wrapper {
  border: 1px solid #eeeeee;
  overflow: hidden;
  border-radius: 12px;
}
.speaker-list .thumb {
  background-color: #fff;
  background-image: url("../img/static/bg-speaker-thumb.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  overflow: hidden;
}
.speaker-list .cover {
  padding-top: 130%;
}
.speaker-list .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.speaker-list .content {
  padding: 20px 15px;
}
.speaker-list .content .link {
  color: #000;
}
.speaker-list .content .link:hover {
  color: #56bed6;
}
.speaker-list .content .title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.speaker-list .content .title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: #56bed6;
}
.speaker-list .content .desc {
  color: #122d58;
  font-size: 14px;
  line-height: 1.4em;
}
.speaker-list .content .info {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.speaker-list .content .info .link {
  display: block;
  margin-right: 15px;
}

.speaker-modal .speaker .cover {
  width: 340px;
  padding-top: 120%;
}
.speaker-modal .speaker .content {
  padding: 60px 80px 40px 80px;
}
.speaker-modal .speaker .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4em;
}
.speaker-modal .speaker .desc {
  font-size: 16px;
  line-height: 1.4em;
  color: #122d58;
}
.speaker-modal .speaker .info {
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.speaker-modal .speaker .info .link {
  display: block;
  margin-right: 15px;
  width: 16px;
}
.speaker-modal .speaker .editor-content {
  margin-top: 25px;
  max-height: 7em;
  -webkit-line-clamp: 5;
}
.speaker-modal .session .topbar {
  background-color: #343941;
  text-align: center;
  padding: 15px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.speaker-modal .menu li {
  padding: 0;
}
.speaker-modal .menu .link {
  display: block;
  line-height: 70px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: center;
  border-bottom: 4px solid #999;
}
.speaker-modal .menu .link:hover {
  color: #56bed6;
}
.speaker-modal .menu .link.active {
  border-bottom-color: #56bed6;
}

@media (max-width: 1440px) {
  .speaker-page {
    padding-top: 60px;
  }
  .speaker-list .item-list {
    margin: 0 -10px;
    margin-bottom: -20px;
  }
  .speaker-list .item-list .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .speaker-list .slider .slick-list {
    margin: 0 -10px;
  }
  .speaker-list .slider .item {
    padding: 0 10px;
  }
  .speaker-list .content .info .link img {
    width: 18px;
  }
}
@media (max-width: 1199px) {
  .speaker-page {
    padding-top: 40px;
  }
  .speaker-list .content {
    padding: 15px 12px;
  }
  .speaker-list .content .title {
    font-size: 14px;
  }
  .speaker-list .content .desc {
    font-size: 12px;
  }
  .speaker-modal .speaker .content {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .speaker-modal .speaker .title {
    font-size: 20px;
  }
  .speaker-modal .speaker .desc {
    font-size: 16px;
  }
  .speaker-modal .speaker .editor-content {
    font-size: 14px;
  }
  .speaker-modal .speaker .cover {
    width: 300px;
  }
  .speaker-modal .menu .link {
    line-height: 50px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .speaker-list .item-list .item {
    width: 25%;
  }
  .speaker-list .content .info .link img {
    width: 14px;
  }
  .speaker-modal .speaker .content {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .speaker-modal .speaker .title {
    font-size: 18px;
  }
  .speaker-modal .speaker .desc {
    font-size: 14px;
  }
  .speaker-modal .speaker .info .link {
    width: 14px;
  }
  .speaker-modal .speaker .cover {
    width: 260px;
  }
  .speaker-modal .session .topbar {
    font-size: 16px;
  }
  .speaker-modal .menu .link {
    font-size: 14px;
    line-height: 40px;
    border-bottom-width: 2px;
  }
}
@media (max-width: 767px) {
  .speaker-list .item-list .item {
    width: 50%;
  }
  .speaker-list .content .info {
    margin-top: 6px;
  }
  .speaker-list .content .info .link {
    margin-right: 10px;
  }
  .speaker-list .content {
    height: auto;
    min-height: 90px;
  }
  .speaker-modal .speaker .cover {
    height: 300px;
    padding-top: 0;
    margin: 40px auto 0;
  }
  .speaker-modal .speaker .content {
    padding: 20px;
    text-align: center;
  }
  .speaker-modal .speaker .info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .speaker-modal .speaker .editor-content {
    font-size: 12px;
  }
  .speaker-modal .menu .link {
    padding: 10px 0;
  }
  .speaker-modal .menu .link span {
    display: block;
    line-height: 1em;
  }
  .speaker-modal .menu .link .date {
    font-size: 13px;
    font-weight: 300;
  }
  .speaker-modal .menu .link .month {
    display: none;
  }
}
@media (max-width: 575px) {
  .speaker-list .item-list {
    margin: 0 -6px;
    margin-bottom: -12px;
  }
  .speaker-list .item-list .item {
    padding: 0 6px;
    margin-bottom: 12px;
  }
  .speaker-list .slider .slick-list {
    margin: 0 -6px;
  }
  .speaker-list .slider .item {
    padding: 0 6px;
  }
}
.detail-header .cover {
  height: 730px;
}

.detail-body {
  padding: 60px 0 80px 0;
}
.detail-body .info .title {
  font-size: 20px;
  font-weight: 500;
}
.detail-body .info .place {
  margin-top: 20px;
  font-size: 14px;
  color: #122d58;
}
.detail-body .info .share {
  margin-top: 10px;
  font-size: 14px;
}
.detail-body .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}
.detail-body .social:hover .link {
  opacity: 0.4;
}
.detail-body .social .link {
  display: block;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.detail-body .social .link:hover {
  opacity: 1;
}
.detail-body .social .link img {
  display: block;
}
.detail-body .social .link + .link {
  margin-left: 15px;
}
.detail-body .editor-content {
  margin-top: 30px;
}

@media (max-width: 1440px) {
  .detail-header .cover {
    height: 540px;
  }
}
@media (max-width: 1199px) {
  .detail-header .cover {
    height: auto;
    padding-top: 44%;
  }
  .detail-body {
    padding: 40px 0 60px 0;
  }
  .detail-body .social .link + .link {
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .detail-body .info .title {
    font-size: 18px;
  }
  .detail-body .info .place {
    font-size: 14px;
    margin-top: 15px;
  }
  .detail-body .info .share {
    font-size: 14px;
    margin-top: 5px;
  }
  .detail-body .editor-content {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .detail-body .info .title {
    font-size: 16px;
  }
  .detail-body .info .place {
    font-size: 12px;
  }
  .detail-body .info .share {
    font-size: 12px;
  }
  .detail-body .social {
    margin-left: 20px;
  }
}
.ticket-page .alert {
  margin-bottom: 0;
}
.ticket-page .radio-control .title,
.ticket-page .checkbox-control .title {
  color: #122d58;
}

.ticket-list > .item-list.fluid > .item + .item {
  margin-top: 15px;
}
.ticket-list .wrapper {
  padding: 30px;
  color: #122d58;
  border-radius: 12px;
  background-color: #fff;
}
.ticket-list .date {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.ticket-list .desc {
  font-size: 14px;
  color: #91a6c4;
  margin-top: 10px;
}
.ticket-list .price {
  font-size: 20px;
  font-weight: 500;
}
.ticket-list .action .btn[data-toggle=collapse]:not(.collapsed) {
  display: none;
}
.ticket-list .ticket-options {
  margin-top: 25px;
}
.ticket-list .ticket-options .option-item {
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
}
.ticket-list .ticket-options .option-item:last-child {
  padding-bottom: 0;
}
.ticket-list .ticket-options .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}
.ticket-list .time-list {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.ticket-list .time-list > .item-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: -4px;
}
.ticket-list .time-list > .item-list > .item {
  float: initial;
  width: auto;
  padding: 4px;
}
.ticket-list .time-list .option-btn input[type=radio] ~ .btn,
.ticket-list .time-list .option-btn input[type=checkbox] ~ .btn {
  min-width: 125px;
  white-space: nowrap;
}
.ticket-list .zone-list {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.ticket-list .zone-list > .item-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin: -4px;
}
.ticket-list .zone-list > .item-list > .item {
  float: initial;
  padding: 4px;
}

.quantity-counter {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quantity-counter .counter-value {
  width: 50px;
  border: 0;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  background: transparent;
  color: #122d58;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
}
.quantity-counter .decrement,
.quantity-counter .increment {
  display: block;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  color: #91a6c4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent;
  border: 2px solid #91a6c4;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 22px;
  padding: 0;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quantity-counter .decrement span,
.quantity-counter .increment span {
  font-weight: inherit;
  font-size: inherit;
}
.quantity-counter .increment {
  color: #fff;
  border-color: #56bed6;
  background-color: #56bed6;
}

.ticket-details {
  padding: 30px;
  color: #122d58;
  background: #fff;
  border-radius: 12px;
}
.ticket-details .title {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.ticket-details .total {
  margin-bottom: 25px;
}
.ticket-details .total .label {
  font-size: 20px;
  font-weight: 500;
}
.ticket-details .total .price {
  font-size: 20px;
  font-weight: 500;
}
.ticket-details .action {
  margin-top: 20px;
}
.ticket-details .action button.btn:not(:disabled),
.ticket-details .action .btn:not(.disabled) {
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(25%, #60d0fa), color-stop(50%, #62d5d8), color-stop(75%, #60d0fa), to(#0081dc));
  background: linear-gradient(90deg, #0081dc 0%, #60d0fa 25%, #62d5d8 50%, #60d0fa 75%, #0081dc 100%);
  background-size: 200% auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ticket-details .action button.btn:not(:disabled):hover,
.ticket-details .action .btn:not(.disabled):hover {
  background-position: right center;
}
.ticket-details .ticket-detail-list .agenda-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 12px;
}
.ticket-details .ticket-detail-list .label {
  color: #91a6c4;
  font-size: 16px;
  line-height: 1.4em;
  white-space: nowrap;
}
.ticket-details .ticket-detail-list .desc {
  font-size: 16px;
  line-height: 1.4em;
  text-align: right;
  width: 188px;
}
.ticket-details .ticket-detail-list .action {
  margin-top: 10px;
}
.ticket-details .ticket-detail-list .action .link-primary {
  font-size: 14px;
}
.ticket-details .ticket-detail-list .item {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ticket-details .ticket-detail-list .item > .row + .row {
  margin-top: 3px;
}

.ticket-nav {
  text-align: center;
}
.ticket-nav .row div + div .process:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #91a6c4;
  border-radius: 2px;
  top: 50%;
  right: 70px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.ticket-nav .process {
  position: relative;
  margin: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #91a6c4;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #91a6c4;
}
.ticket-nav .process.active {
  background-color: #56bed6;
  border-color: transparent;
  color: #fff;
}
.ticket-nav .process.active ~ .title {
  color: #56bed6;
}
.ticket-nav .process.active::before {
  background-color: #56bed6 !important;
}
.ticket-nav .title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #91a6c4;
}

.ticket-success {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 80px;
}
.ticket-success .whead {
  margin: 0 auto;
  margin-bottom: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ticket-success .whead .title {
  font-size: 48px;
  line-height: 1.4em;
  background: -webkit-gradient(linear, left top, right top, from(#0081dc), color-stop(#60d0fa), to(#62d5d8));
  background: linear-gradient(to right, #0081dc, #60d0fa, #62d5d8);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.ticket-success .desc {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.ticket-success .icon {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ticket-success .action {
  margin-top: 40px;
}
.ticket-success .action .link {
  font-size: 24px;
}

.ticket-info {
  margin-top: 40px;
  border-radius: 12px;
  background-color: #56bed6;
  padding: 40px 80px;
}
.ticket-info .time {
  width: 210px;
  text-align: center;
  font-size: 70px;
  color: #fff;
}
.ticket-info .content {
  padding-left: 80px;
  max-width: 580px;
}
.ticket-info .content .title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.ticket-info .content .desc {
  color: #fff;
  font-size: 14px;
  line-height: 1.4em;
}

.ticket-agenda {
  margin-top: 40px;
}

.ticket-information {
  margin-top: 40px;
  background: #f4f9ff;
  border-radius: 12px;
  padding: 40px 40px 25px 40px;
}

.ticket-add {
  margin-top: 40px;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  padding: 40px 40px 25px 40px;
}
.ticket-add .same-info .checkbox-control .icon {
  top: 6px;
}
.ticket-add .same-info .checkbox-control .title {
  color: #56bed6;
}

.ticket-collapse {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ticket-collapse .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.ticket-collapse .head[data-toggle=collapse] {
  cursor: pointer;
}
.ticket-collapse .head:not(.collapsed) .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ticket-collapse .head .whead {
  margin-bottom: 0;
}
.ticket-collapse .head .whead .title {
  margin-bottom: 0;
}
.ticket-collapse .head .icon {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ticket-collapse .body .same-info {
  margin-bottom: 20px;
}
.ticket-collapse:has(.collapsed) {
  padding: 20px 40px 0 40px;
}

.ticket-payment {
  margin-top: 40px;
  border: 1px solid #eeeeee;
  border-radius: 12px;
  padding: 40px;
}

.payment-list .item {
  min-width: 60px;
}
.payment-list .item + .item {
  margin-top: 20px;
}
.payment-list .radio-control {
  width: 450px;
}

.payment-form {
  padding-top: 20px;
  padding-bottom: 20px;
}
.payment-form .form-group {
  margin-bottom: 25px;
}
.payment-form .datepicker-exp {
  position: relative;
}
.payment-form .datepicker-exp .icon {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  height: 20px;
  margin: auto;
  pointer-events: none;
}
.payment-form .datepicker-exp .icon svg {
  width: 20px;
  height: 20px;
}

.ticket-coupon {
  margin-top: 40px;
}
.ticket-coupon .form-default {
  position: relative;
}
.ticket-coupon .icon {
  position: absolute;
  left: 40px;
  top: 28px;
}
.ticket-coupon .form-control {
  height: 100px;
  border: 1px solid #eee;
  border-radius: 0;
  padding: 0 40px 0 120px;
}
.ticket-coupon .form-control:focus {
  border-color: #eee;
}

.ticket-accept {
  margin-top: 40px;
}

.ticket-total {
  margin-top: 40px;
  padding: 40px;
  background: #f4f9ff;
  border-radius: 12px;
  color: #122d58;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4em;
}
.ticket-total .whead {
  margin-bottom: 0;
}
.ticket-total .item {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.ticket-total .item .title {
  font-size: 20px;
  font-weight: 500;
}
.ticket-total .item .desc {
  color: #91a6c4;
  font-size: 16px;
}

.ticket-summary {
  margin-top: 40px;
  padding: 40px;
  background: #f4f9ff;
  border-radius: 12px;
  color: #122d58;
}
.ticket-summary .whead {
  margin-bottom: 15px;
}
.ticket-summary .item .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}
.ticket-summary .item .desc {
  color: #91a6c4;
  font-size: 16px;
  line-height: 1.4em;
}
.ticket-summary .table {
  margin-bottom: 0;
}
.ticket-summary .table th,
.ticket-summary .table td {
  padding: 20px;
}
.ticket-summary .table th:first-child,
.ticket-summary .table td:first-child {
  padding-left: 0;
}
.ticket-summary .table th:last-child,
.ticket-summary .table td:last-child {
  padding-right: 0;
}
.ticket-summary .table .item th,
.ticket-summary .table .item td {
  vertical-align: middle;
}
.ticket-summary .table .thead th {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ticket-summary .table .tfoot td {
  font-size: 20px;
  font-weight: 700;
}
.ticket-summary .table .item-label {
  display: none;
}

.ticket-more-info {
  margin-top: 40px;
}
.ticket-more-info .whead {
  margin-bottom: 15px;
}
.ticket-more-info .desc {
  line-height: 1.4em;
  margin-bottom: 20px;
}
.ticket-more-info .require {
  color: #ff0000;
}
.ticket-more-info .checkbox-control .title {
  color: #122d58;
}
.ticket-more-info .row > div + div .checkbox-control {
  margin-left: 40px;
}

.ticket-action {
  margin-top: 40px;
}
.ticket-action .link {
  color: #122d58;
  font-size: 30px;
  font-weight: 400;
  text-decoration: underline;
}

.my-ticket-details .whead {
  margin-bottom: 0;
}
.my-ticket-details .whead .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}
.my-ticket-details .info > .row {
  padding: 8px 0;
}
.my-ticket-details .info .label {
  color: #91a6c4;
  font-size: 20px;
}
.my-ticket-details .info .desc {
  color: #000;
  font-size: 20px;
}
.my-ticket-details .qr-code {
  margin-top: 40px;
  margin-bottom: 10px;
}
.my-ticket-details .qr-code .thumb {
  width: 188px;
  margin: 0 auto;
}
.my-ticket-details .qr-code .thumb .contain {
  padding-top: 100%;
}
.my-ticket-details .qr-code .title {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}

@media (max-width: 1440px) {
  .ticket-nav .title {
    font-size: 14px;
    margin-top: 15px;
  }
  .ticket-info {
    margin-top: 40px;
    padding: 30px 60px;
  }
  .ticket-info .time {
    font-size: 60px;
  }
  .ticket-info .content .title {
    font-size: 22px;
  }
  .ticket-info .content .desc {
    font-size: 14px;
  }
  .ticket-info .content {
    padding-left: 60px;
  }
  .ticket-total {
    font-size: 18px;
    padding: 30px;
  }
  .ticket-action .link {
    font-size: 24px;
  }
  .payment-list .radio-control.radio-lg .icon {
    top: 3px;
  }
  .ticket-coupon .icon {
    left: 28px;
  }
  .ticket-coupon .form-control {
    padding: 0 30px 0 90px;
  }
  .ticket-coupon {
    margin-top: 50px;
  }
  .ticket-list .date {
    font-size: 18px;
  }
  .ticket-list .price {
    font-size: 18px;
  }
  .ticket-details .title {
    font-size: 18px;
  }
  .ticket-details .ticket-detail-list .agenda-title {
    font-size: 14px;
  }
  .ticket-details .ticket-detail-list .label {
    font-size: 14px;
  }
  .ticket-details .ticket-detail-list .desc {
    font-size: 14px;
  }
  .ticket-details .ticket-detail-list .action .link-primary {
    font-size: 12px;
  }
  .ticket-details .total .label {
    font-size: 18px;
  }
  .ticket-details .total .price {
    font-size: 18px;
  }
  .ticket-total .item .title {
    font-size: 18px;
  }
  .ticket-total .item .desc {
    font-size: 14px;
  }
  .ticket-information {
    padding: 30px 30px 15px 30px;
  }
  .ticket-add {
    padding: 30px 30px 15px 30px;
  }
  .ticket-summary {
    padding: 30px;
  }
  .ticket-summary .item .title {
    font-size: 18px;
  }
  .ticket-summary .table .tfoot td {
    font-size: 18px;
  }
  .ticket-summary .item .desc {
    font-size: 14px;
  }
  .ticket-payment {
    padding: 30px;
  }
  .payment-form {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .payment-list .item + .item {
    margin-top: 15px;
  }
  .payment-form .form-group {
    margin-bottom: 20px;
  }
  .payment-list .payment-form {
    padding-bottom: 0;
  }
  .view-ticket-modal .event-list-horizontal .title {
    font-size: 20px;
  }
  .view-ticket-modal .event-list-horizontal .info .desc {
    font-size: 14px;
  }
  .view-ticket-modal .event-list-horizontal .info .icon {
    width: 20px;
  }
  .my-ticket-details .whead .title {
    font-size: 18px;
  }
  .my-ticket-details .info .label {
    font-size: 18px;
  }
  .my-ticket-details .info .desc {
    font-size: 18px;
  }
  .my-ticket-details .qr-code .thumb {
    width: 170px;
  }
  .ticket-collapse:has(.collapsed) {
    padding: 20px 30px 0 30px;
  }
}
@media (max-width: 1199px) {
  .ticket-agenda {
    margin-top: 50px;
  }
  .ticket-total {
    margin-top: 30px;
    font-size: 16px;
  }
  .ticket-action {
    margin-top: 30px;
  }
  .ticket-action .link {
    font-size: 20px;
  }
  .ticket-nav .process {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    margin: 0 50px;
  }
  .ticket-nav .row div + div .process::before {
    width: 60px;
    right: 60px;
  }
  .ticket-nav .title {
    margin-top: 10px;
  }
  .ticket-information {
    margin-top: 30px;
  }
  .ticket-add {
    margin-top: 30px;
  }
  .ticket-coupon {
    margin-top: 40px;
  }
  .ticket-success .action .link {
    font-size: 20px;
  }
  .ticket-success {
    margin-top: 60px;
  }
  .ticket-list .wrapper {
    padding: 25px;
  }
  .ticket-list .date {
    font-size: 16px;
  }
  .ticket-list .price {
    font-size: 16px;
  }
  .ticket-details {
    padding: 25px;
  }
  .ticket-details .title {
    font-size: 16px;
  }
  .eventHL-ticket .ticket-details {
    width: 268px;
  }
  .ticket-total .item .title {
    font-size: 16px;
  }
  .ticket-total .item .desc {
    font-size: 13px;
  }
  .ticket-more-info {
    margin-top: 30px;
  }
  .ticket-more-info .desc {
    font-size: 14px;
  }
  .ticket-summary {
    margin-top: 30px;
  }
  .ticket-payment {
    margin-top: 30px;
  }
  .ticket-accept {
    margin-top: 30px;
  }
  .ticket-summary .item .title {
    font-size: 16px;
  }
  .ticket-summary .item .desc {
    font-size: 13px;
  }
  .payment-list .item img {
    height: 36px;
  }
  .view-ticket-modal .event-list-horizontal .cover {
    width: 120px;
  }
  .view-ticket-modal .event-list-horizontal .content {
    padding-left: 20px;
    padding-right: 0;
  }
  .view-ticket-modal .event-list-horizontal .title {
    font-size: 18px;
  }
  .view-ticket-modal .event-list-horizontal .info {
    margin-top: 10px;
  }
  .view-ticket-modal .body {
    padding: 0 30px;
  }
  .view-ticket-modal .my-ticket-details {
    margin-top: 30px;
  }
  .my-ticket-details .whead .title {
    font-size: 16px;
  }
  .my-ticket-details .info .label {
    font-size: 16px;
  }
  .my-ticket-details .info .desc {
    font-size: 16px;
  }
  .my-ticket-details .qr-code {
    margin-top: 30px;
  }
  .my-ticket-details .qr-code .thumb {
    width: 160px;
  }
  .ticket-details .ticket-detail-list .desc {
    width: 175px;
  }
}
@media (max-width: 991px) {
  .ticket-page {
    background-color: #fff !important;
  }
  .ticket-information {
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
  }
  .ticket-add {
    margin-top: 20px;
    padding: 20px 20px 5px 20px;
    border-radius: 8px;
  }
  .ticket-success .action .link {
    font-size: 18px;
  }
  .eventHL-ticket .ticket-details {
    width: 100%;
    margin-top: 30px;
  }
  .ticket-total {
    padding: 20px;
    border-radius: 8px;
  }
  .ticket-add .same-info .checkbox-control .icon {
    top: 5px;
  }
  .ticket-payment {
    padding: 20px;
  }
  .ticket-summary {
    padding: 20px;
  }
  .ticket-summary .table {
    font-size: 14px;
  }
  .ticket-summary .table th,
  .ticket-summary .table td {
    padding: 15px;
  }
  .ticket-collapse:has(.collapsed) {
    padding: 20px 20px 0 20px;
  }
  .ticket-details .ticket-detail-list .desc {
    width: 620px;
  }
}
@media (max-width: 767px) {
  .ticket-nav .title {
    display: none;
  }
  .ticket-nav .process {
    margin: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    z-index: 100;
  }
  .ticket-nav .row div + div .process:before {
    width: 20px;
    right: calc(100% + 1px);
  }
  .ticket-info {
    border-radius: 10px;
    padding: 20px;
    text-align: center;
  }
  .ticket-info .time {
    width: auto;
    font-size: 46px;
  }
  .ticket-info .content {
    padding-left: 0;
    margin-top: 15px;
  }
  .ticket-info .content .title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .ticket-info .content .desc {
    line-height: 1.3em;
  }
  .ticket-agenda {
    margin-top: 30px;
  }
  .ticket-agenda .agenda-list .content {
    padding-right: 0;
  }
  .ticket-agenda .agenda-list .content:before {
    display: none;
  }
  .ticket-total {
    font-size: 14px;
    margin-top: 25px;
  }
  .ticket-action {
    margin-top: 25px;
  }
  .ticket-action .link {
    font-size: 16px;
    color: #666;
  }
  .ticket-action .btn {
    min-width: 120px;
  }
  .payment-list .radio-control.radio-lg {
    min-height: inherit;
  }
  .payment-list .radio-control.radio-lg .icon {
    top: -1px;
  }
  .payment-list .radio-control.radio-lg .title {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .payment-list .radio-control {
    width: auto;
  }
  .payment-list .item img {
    float: right;
    height: 30px;
  }
  .payment-form {
    width: auto;
  }
  .payment-form .row {
    margin: 0 -10px;
  }
  .payment-form .row > div {
    padding: 0 10px;
  }
  .ticket-coupon .form-default {
    margin: 0 -20px;
  }
  .ticket-coupon .form-control {
    height: 70px;
    border-left: none;
    border-right: none;
    padding: 0 20px 0 70px;
  }
  .ticket-coupon .icon {
    left: 14px;
    top: 14px;
  }
  .ticket-success ~ .ticket-event {
    margin-bottom: 40px;
  }
  .ticket-success {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .ticket-success .action {
    margin-top: 30px;
  }
  .ticket-success .action .link {
    font-size: 16px;
  }
  .ticket-list .wrapper {
    padding: 20px;
  }
  .ticket-list .time-list > .item-list > .item {
    width: auto;
  }
  .ticket-list > .item-list.fluid > .item + .item {
    margin-top: 10px;
  }
  .ticket-list .wrapper > .row > div + div {
    margin-top: 15px;
  }
  .ticket-details {
    padding: 20px;
  }
  .eventHL-ticket .ticket-details {
    margin-top: 25px;
  }
  .ticket-total .item {
    padding: 15px 0;
  }
  .ticket-total .item .title {
    font-size: 14px;
  }
  .ticket-total .item .desc {
    font-size: 12px;
  }
  .ticket-information {
    margin-top: 25px;
  }
  .ticket-more-info .desc {
    margin-bottom: 15px;
  }
  .ticket-more-info {
    margin-top: 25px;
  }
  .ticket-summary .item .title {
    font-size: 14px;
  }
  .ticket-summary .item .desc {
    font-size: 12px;
  }
  .ticket-summary .table .tfoot td {
    font-size: 16px;
  }
  .ticket-summary .table .thead {
    display: none;
  }
  .ticket-summary .table .item-label {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    text-align: left;
    color: #56bed6;
    font-size: 14px;
    font-weight: 600;
  }
  .ticket-summary .table .item {
    display: block;
    border-bottom: 1px solid #91a6c4;
  }
  .ticket-summary .table .item td,
  .ticket-summary .table .item th {
    position: relative;
    display: block;
    padding-left: 80px;
    padding-right: 0;
    text-align: right !important;
  }
  .ticket-summary .table .tfoot tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ticket-summary .table .tfoot td {
    display: block;
    border-top: none;
    border-bottom: none;
  }
  .payment-list .item + .item {
    margin-top: 10px;
  }
  .payment-form {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .payment-form .form-group {
    margin-bottom: 15px;
  }
  .ticket-summary {
    margin-top: 25px;
  }
  .ticket-payment {
    margin-top: 25px;
  }
  .ticket-accept {
    margin-top: 25px;
  }
  .view-ticket-modal .body {
    padding: 0 20px;
  }
  .view-ticket-modal .modal-content {
    min-height: 700px;
  }
  .view-ticket-modal .event-list-horizontal .cover {
    margin-top: 0;
    margin-left: 0;
    width: 100px;
  }
  .view-ticket-modal .event-list-horizontal .content {
    padding-left: 0;
    padding-top: 15px;
  }
  .view-ticket-modal .event-list-horizontal .title {
    font-size: 16px;
  }
  .view-ticket-modal .event-list-horizontal .info .desc {
    font-size: 12px;
  }
  .view-ticket-modal .event-list-horizontal .info .icon {
    width: 18px;
  }
  .my-ticket-details .whead .title {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .my-ticket-details .info .label {
    font-size: 14px;
  }
  .my-ticket-details .info .desc {
    font-size: 14px;
  }
  .my-ticket-details .qr-code {
    margin-top: 25px;
  }
  .my-ticket-details .qr-code .thumb {
    width: 140px;
  }
  .ticket-list .time-list .option-btn input[type=radio] ~ .btn,
  .ticket-list .time-list .option-btn input[type=checkbox] ~ .btn {
    min-width: 80px;
  }
  .ticket-list .time-list,
  .ticket-list .zone-list {
    width: 100%;
  }
  .ticket-list .time-list,
  .ticket-list .zone-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .ticket-list .time-list > .item-list,
  .ticket-list .zone-list > .item-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .ticket-details .ticket-detail-list .desc {
    width: auto;
  }
}
@media (max-width: 575px) {
  .ticket-total .item .desc {
    margin-bottom: 5px;
  }
  .ticket-more-info .desc {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .ticket-more-info .row > div + div .checkbox-control {
    margin-left: 0;
  }
  .ticket-add > .row .whead {
    margin-bottom: 10px;
  }
  .ticket-add .same-info {
    margin-bottom: 20px;
  }
  .ticket-total {
    padding: 20px 15px;
  }
  .ticket-information {
    padding: 20px 15px 5px 15px;
  }
  .ticket-add {
    padding: 20px 15px 5px 15px;
  }
  .ticket-summary {
    padding: 20px 15px;
  }
  .ticket-payment {
    padding: 20px 15px;
  }
  .view-ticket-modal .event-list-horizontal .content .action > .row > div + div {
    margin-top: 10px;
  }
  .view-ticket-modal .event-list-horizontal .content .action > .row .btn {
    width: 100%;
  }
  .ticket-collapse:has(.collapsed) {
    padding: 20px 15px 0 15px;
  }
}
.agenda-page {
  overflow: hidden;
}
.agenda-page .agenda-list {
  min-height: calc(100vh - 587px);
}

.agenda-info .wrapper {
  border-radius: 12px;
  border: 1px solid #eeeeee;
  overflow: hidden;
}
.agenda-info .agenda-head {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding: 12px 20px;
  background: #56bed6;
}
.agenda-info .agenda-body {
  height: 500px;
}
.agenda-info .mcscroll-y .mCSB_scrollTools {
  top: 20px;
  right: 10px;
  bottom: 20px;
}
.agenda-info .slick-slider .slick-arrow.slick-prev {
  left: -65px;
}
.agenda-info .slick-slider .slick-arrow.slick-next {
  right: -65px;
}
.agenda-info .slick-slider .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.agenda-info .slick-slider .slick-slide > .item,
.agenda-info .slick-slider .slick-slide > div > .item {
  padding: 0 15px;
}

.agenda-list.list-sm .time {
  width: 220px;
  padding: 30px 20px;
  font-size: 14px;
  line-height: 1.2em;
}
.agenda-list.list-sm .time strong {
  margin-bottom: 0;
}
.agenda-list.list-sm .content {
  padding: 27px 50px;
}
.agenda-list.list-sm .desc {
  max-height: 2.8em;
}
.agenda-list.list-xs .thumb {
  padding: 48px 0;
  width: 140px;
}
.agenda-list.list-xs .item {
  border-radius: 12px;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.2);
}
.agenda-list.list-xs .item + .item {
  margin-top: 25px;
  border-top: none;
}
.agenda-list .item {
  font-size: 16px;
  line-height: 1.4em;
  background-color: #fff;
}
.agenda-list .item + .item {
  border-top: 1px solid #eeeeee;
}
.agenda-list .item:only-child {
  border-bottom: 1px solid #eeeeee;
}
.agenda-list .thumb {
  padding: 32px 0;
  width: 180px;
  text-align: center;
}
.agenda-list .time {
  width: 280px;
  padding: 20px;
  font-size: 16px;
  line-height: 1.4em;
}
.agenda-list .time strong {
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.agenda-list .content {
  padding: 20px;
  border-left: 1px solid #eee;
  height: 100%;
}
.agenda-list .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}
.agenda-list .title .link {
  color: #000;
}
.agenda-list .title .link:hover {
  color: #56bed6;
}
.agenda-list .place {
  position: relative;
  margin-top: 10px;
  font-weight: 400;
}
.agenda-list .place .inner {
  position: relative;
  padding-left: 30px;
  line-height: 1.4em;
}
.agenda-list .place .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
}
.agenda-list .desc {
  margin-top: 10px;
}
.agenda-list .action {
  margin-top: 10px;
}
.agenda-list .action .link {
  font-weight: 400;
}
.agenda-list .info {
  margin-top: 10px;
}
.agenda-list .info strong {
  display: block;
  font-weight: 500;
}
.agenda-list .price {
  width: 280px;
}

@media (max-width: 1440px) {
  .agenda-list .item {
    font-size: 14px;
  }
  .agenda-list .title {
    font-size: 16px;
  }
  .agenda-list .place .icon {
    top: 1px;
    width: 18px;
  }
  .agenda-list .place .inner {
    padding-left: 26px;
  }
  .agenda-info .select-type {
    padding-bottom: 10px;
  }
  .agenda-info .filter .select-wrapper {
    width: 471px;
  }
  .agenda-info .agenda-head {
    font-size: 18px;
  }
  .agenda-list .time {
    font-size: 14px;
  }
  .agenda-list .time strong {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .agenda-list.list-xs .item + .item {
    margin-top: 20px;
  }
  .agenda-list.list-xs .thumb {
    padding: 40px 0;
    width: 120px;
  }
  .agenda-list.list-xs .thumb img {
    height: 40px;
  }
  .agenda-info .filter .select-wrapper {
    width: 375px;
  }
  .agenda-info .filter .title {
    font-size: 16px;
    padding: 21px 30px;
  }
  .agenda-info .menu {
    margin-top: 30px;
  }
  .agenda-info .menu .link {
    font-size: 14px;
    line-height: 48px;
  }
  .agenda-info .menu .link.active {
    line-height: 48px;
  }
  .agenda-list .time {
    width: 230px;
  }
  .agenda-list .price {
    width: 180px;
  }
  .agenda-list.list-sm .content {
    padding: 27px 40px;
  }
}
@media (max-width: 991px) {
  .agenda-info .agenda-head {
    font-size: 16px;
  }
  .agenda-list .item {
    font-size: 12px;
  }
  .agenda-list .content {
    padding: 15px;
  }
  .agenda-list .time {
    font-size: 12px;
  }
  .agenda-list .time strong {
    font-size: 14px;
  }
  .agenda-list .title {
    font-size: 14px;
    line-height: 1.4em;
  }
  .agenda-list .thumb {
    width: 140px;
  }
  .agenda-list .time {
    padding: 15px;
    width: 200px;
  }
  .agenda-list .time strong {
    margin-bottom: 0;
  }
  .agenda-list .place {
    margin-top: 6px;
  }
  .agenda-list .place .inner {
    padding-left: 26px;
  }
  .agenda-list .place .row > div {
    margin-top: 6px;
  }
  .agenda-list .place .icon {
    width: 16px;
  }
  .agenda-list .action {
    margin-top: 5px;
  }
  .agenda-list.list-sm .time {
    padding: 20px;
  }
  .agenda-list.list-sm .content {
    padding: 20px;
  }
  .agenda-info .filter .title {
    font-size: 14px;
    padding: 15px 20px;
  }
  .agenda-info .filter .select-wrapper {
    width: 290px;
  }
  .agenda-info .filter .select2-container .select2-selection--single {
    height: 44px;
  }
  .agenda-info .filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 44px;
    padding-left: 15px;
  }
  .agenda-info .filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 44px;
  }
  .agenda-list.list-xs .thumb {
    padding: 32px 0;
    width: 100px;
  }
  .agenda-list.list-xs .thumb img {
    height: 36px;
  }
}
@media (max-width: 767px) {
  .agenda-list .thumb {
    width: 80px;
    padding: 34px 0;
  }
  .agenda-list.list-xs .thumb img {
    height: 32px;
  }
  .agenda-list.list-xs .thumb {
    padding: 33px 0;
    width: 80px;
  }
  .agenda-list .content {
    border-left: none;
    padding: 15px 15px 15px 0;
  }
  .agenda-list .title {
    font-size: 14px;
    line-height: 1.3em;
  }
  .agenda-list .item {
    font-size: 12px;
  }
  .agenda-list .place .icon {
    width: 16px;
  }
  .agenda-list .place .inner {
    padding-left: 20px;
  }
  .agenda-list.list-xs .item + .item {
    margin-top: 15px;
  }
  .agenda-info .filter {
    border-left: none;
    border-right: none;
  }
  .agenda-info .filter .title {
    border-right: none;
    border-bottom: 1px solid #eee;
    padding: 15px;
    min-height: 48px;
  }
  .agenda-info .filter .select-wrapper {
    width: auto;
  }
  .agenda-info .menu {
    border-left: none;
    border-right: none;
    margin-top: 25px;
  }
  .agenda-info .menu .link {
    font-size: 14px;
    padding: 10px 0;
  }
  .agenda-info .menu .link.active {
    padding-top: 10px;
    margin-top: 0;
    background-color: #fff;
    color: #000;
  }
  .agenda-info .menu .link.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 70%;
    height: 3px;
    bottom: -2px;
    border-radius: 2px;
    background-color: #56bed6;
  }
  .agenda-info .menu .link span {
    display: block;
    line-height: 1em;
  }
  .agenda-info .menu .link .date {
    font-weight: 300;
    font-size: 13px;
  }
  .agenda-info .menu .link .month {
    display: none;
  }
  .agenda-list .item {
    border-left: none;
    border-right: none;
  }
  .agenda-list .time {
    font-size: 14px;
    width: 200px;
    padding: 15px;
  }
  .agenda-list .place {
    margin-top: 5px;
  }
  .agenda-list .desc {
    display: none;
  }
  .agenda-list .action .link {
    display: none;
    font-size: 12px;
  }
  .agenda-list .content {
    position: relative;
    padding-right: 35px;
    padding-left: 0;
  }
  .agenda-list .content:before {
    font-family: "feather";
    content: "\e844";
    position: absolute;
    top: 17px;
    right: 8px;
    color: #ddd;
    font-size: 24px;
  }
  .agenda-list .price {
    width: 80px;
    padding: 0 15px;
  }
  .agenda-list .checkbox-control.checkbox-lg {
    display: block;
  }
  .agenda-list .checkbox-control.checkbox-lg .icon {
    left: 0;
    right: 0;
    margin: auto;
  }
  .agenda-list .checkbox-control.checkbox-lg .title {
    padding: 40px 0 0 0;
    text-align: center;
    font-size: 14px;
    text-align: center;
  }
  .agenda-info .select-type {
    padding: 0;
    margin-left: -1px;
  }
  .agenda-info .select-type ~ .menu {
    margin-top: -1px;
  }
  .agenda-list.list-sm .item {
    border-left: none;
    border-right: none;
  }
  .agenda-list.list-sm .time {
    font-size: 14px;
    width: 110px;
    padding: 15px;
  }
  .agenda-list.list-sm .place {
    margin-top: 5px;
  }
  .agenda-list.list-sm .desc {
    display: none;
  }
  .agenda-list.list-sm .action .link {
    display: none;
    font-size: 12px;
  }
  .agenda-list.list-sm .content {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 45px;
    padding-left: 5px;
  }
}
@media (max-width: 575px) {
  .agenda-list .time {
    width: 100%;
  }
  .agenda-list .place > .row {
    display: block;
  }
  .agenda-list .place > .row > div {
    display: block;
  }
  .agenda-list.list-xs .thumb {
    padding: 20px 0;
    width: 60px;
  }
  .agenda-list.list-xs .thumb img {
    height: 26px;
  }
}
.poll-page.-full {
  padding: 60px 0;
  min-height: 100vh;
}
.poll-page .agenda-list {
  margin-top: 40px;
}
.poll-page .agenda-list .whead {
  margin-bottom: 20px;
}
.poll-page .card {
  min-height: 300px;
  padding: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #eeeeee;
}
.poll-page .card .question-list {
  margin-top: 0;
}
.poll-page .card .question-list .item {
  padding: 0;
}
.poll-page .card.chart-card {
  -webkit-box-shadow: 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
          box-shadow: 0px 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.poll-page .default-body {
  min-height: 624px;
}
.poll-page .whead .title .icon {
  position: relative;
  top: 1px;
}
.poll-page .alert {
  margin-bottom: 0;
}

.poll-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.poll-nav .nav-list {
  border-radius: 30px;
  background-color: #eaf4ff;
  width: 100%;
  overflow: hidden;
}
.poll-nav .nav-list > li {
  width: 50%;
}
.poll-nav .link {
  text-align: center;
  line-height: 44px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #6481a9;
  text-transform: uppercase;
}
.poll-nav .link:hover {
  color: #56bed6;
}
.poll-nav .link.active {
  background-color: #56bed6;
  color: #fff;
}
.poll-nav .link.active:hover {
  color: #fff;
}

.poll-content .title {
  font-size: 20px;
  font-weight: 500;
}
.poll-content .editor-content {
  margin-top: 20px;
  font-size: 16px;
  color: #122d58;
}

.poll-choice {
  margin-top: 25px;
}
.poll-choice .item + .item {
  margin-top: 5px;
}
.poll-choice .rating-control {
  background: #eaf4ff;
  border-radius: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 20px;
}

.poll-rate .item-list {
  margin: 0 -5px;
}
.poll-rate .item-list .item {
  padding: 0 5px;
  margin-top: 0;
}
.poll-rate .radio-control {
  padding: 0;
}
.poll-rate .radio-control .icon {
  width: 54px;
  height: 54px;
  position: relative;
  top: 0;
  left: 0;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  line-height: 52px;
  border-color: #eaf4ff;
  border-radius: 12px;
  background-color: #eaf4ff;
}
.poll-rate .radio-control input[type=radio]:checked ~ .icon {
  background-color: #56bed6;
  border-color: #56bed6;
  color: #fff;
}
.poll-rate .radio-control input[type=radio]:checked ~ .icon:before {
  display: none;
}

.poll-action {
  margin-top: 60px;
  background-color: #fff;
}
.poll-action .process {
  width: 145px;
  margin-right: 20px;
}
.poll-action .process .title {
  font-size: 14px;
  text-transform: uppercase;
}
.poll-action .process .title strong {
  font-size: 24px;
  font-weight: 400;
  color: #56bed6;
}
.poll-action .process .bar {
  position: relative;
  margin-top: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #eaf4ff;
}
.poll-action .process .bar div {
  position: absolute;
  height: 100%;
  border-radius: 5px;
  background-color: #56bed6;
}
.poll-action .btn {
  min-width: 180px;
}
.poll-action .btn + .btn {
  margin-left: 5px;
}

.poll-thank {
  padding-top: 40px;
}

.poll-chart {
  margin-top: 40px;
  position: relative;
}
.poll-chart:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: #fff;
  bottom: 0;
  left: 0;
}
.poll-chart.-doughnut {
  padding: 0 100px;
}

.poll-success {
  padding-top: 40px;
}
.poll-success .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.poll-success .action {
  margin-top: 60px;
  text-align: center;
}

.poll-footer {
  margin-top: 60px;
  text-align: center;
}

.poll-question {
  padding-top: 40px;
  padding-bottom: 80px;
}

.question-list {
  margin-top: 40px;
}
.question-list .item {
  background-color: #fff;
  margin-top: 3px;
  padding: 60px;
  position: relative;
}
.question-list .cover {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.question-list .content {
  margin-left: 20px;
}
.question-list .content .action {
  margin-top: 30px;
  bottom: 0;
  right: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.question-list .content .action .btn {
  border: 1px solid #777;
  min-width: 150px;
  height: 50px;
  line-height: 48px;
}
.question-list .content .action .btn + .btn {
  margin-left: 30px;
}
.question-list .content .action .btn.ans {
  border-color: #56bed6;
  color: #56bed6;
}
.question-list .title {
  font-size: 18px;
  font-weight: 500;
}
.question-list .desc {
  margin-top: 15px;
  font-size: 16px;
  color: #122d58;
  line-height: 1.3em;
}
.question-list .message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  font-size: 16px;
  color: #122d58;
  line-height: 1.3em;
  padding: 16px 24px;
  background-color: rgba(234, 244, 255, 0.8);
  border-radius: 0 24px 24px 24px;
  margin-bottom: 16px;
}
.question-list .message .title {
  display: block;
  margin-bottom: 10px;
}
.question-list .message ~ .time {
  margin-top: -8px;
}
.question-list .time {
  font-size: 14px;
  color: #91a6c4;
  margin-bottom: 20px;
}
.question-list .action {
  position: absolute;
  bottom: 20px;
  right: 60px;
}
.question-list .action .count {
  margin-right: 15px;
  white-space: nowrap;
  position: relative;
  top: 6px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.question-list .action .icon {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.question-list .action .active .icon {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.question-action {
  margin-top: 60px;
}
.question-action .form-default .form-control {
  border: 1px solid #eeeeee;
  border-radius: 25px;
  padding: 0 20px;
}
.question-action .form-default .form-group {
  margin-bottom: 0;
}
.question-action .form-default .form-button .btn {
  min-width: 164px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.poll-sumummary > .item-list > .item + .item {
  margin-top: 25px;
}
.poll-sumummary .card {
  min-height: 240px;
  border: none;
  background-color: #f5f9ff;
}
.poll-sumummary .poll-choice {
  margin-top: 25px;
}
.poll-sumummary .poll-choice .item-list > .item {
  position: relative;
  padding-left: 20px;
}
.poll-sumummary .poll-choice .item-list > .item::before {
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  content: "";
  background: #122d58;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.poll-sumummary .poll-choice .item-list > .item + .item {
  margin-top: 15px;
}
.poll-sumummary .poll-choice .item > .title {
  font-size: 18px;
}

.poll-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #13315f;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
}
.poll-topbar h2,
.poll-topbar h3,
.poll-topbar h4,
.poll-topbar h5,
.poll-topbar h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

.poll-bottombar {
  padding: 20px 100px;
}
.poll-bottombar .brand {
  width: 130px;
}
.poll-bottombar .desc {
  font-weight: 300;
  font-size: 14px;
  color: #91a6c4;
  line-height: 1.2em;
}

@media (max-width: 1440px) {
  .poll-page .agenda-list {
    margin-top: 30px;
  }
  .poll-page .default-body {
    min-height: 500px;
  }
  .poll-content {
    padding: 0;
  }
  .poll-content .editor-content {
    font-size: 16px;
  }
  .poll-rate .radio-control {
    padding: 0;
  }
  .poll-action {
    margin-top: 50px;
  }
  .question-list .title {
    font-size: 18px;
  }
  .question-list .desc {
    margin-top: 10px;
    font-size: 16px;
  }
  .question-list .content .action .btn {
    height: 46px;
    line-height: 44px;
    padding: 0 15px;
    min-width: 140px;
  }
  .question-list .content .action .btn + .btn {
    margin-left: 20px;
  }
  .question-list .content .action {
    margin-top: 20px;
  }
  .question-action {
    margin-top: 50px;
  }
  .poll-bottombar {
    padding: 20px 60px;
  }
}
@media (max-width: 1199px) {
  .poll-page .card {
    padding: 30px;
  }
  .poll-nav {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .poll-content .editor-content {
    margin-top: 15px;
  }
  .poll-content .title {
    font-size: 18px;
  }
  .question-list .item {
    padding: 50px 40px;
  }
  .question-list .action .icon {
    width: 30px;
  }
  .question-list .action {
    right: 40px;
    bottom: 15px;
  }
  .question-list .action .count {
    top: 5px;
    font-size: 18px;
    margin-right: 10px;
  }
  .question-list .cover {
    width: 46px;
    height: 46px;
  }
  .question-list .title {
    font-size: 16px;
  }
  .question-list .message {
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 0 20px 20px 20px;
  }
  .poll-action {
    margin-top: 40px;
  }
  .poll-action .process .title strong {
    font-size: 22px;
  }
  .question-action {
    margin-top: 40px;
  }
  .poll-rate .radio-control .icon {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 48px;
  }
  .poll-sumummary .poll-choice .item > .title {
    font-size: 16px;
  }
  .poll-chart.-doughnut {
    padding: 0 50px;
  }
  .poll-bottombar {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .poll-page .default-body {
    min-height: inherit;
  }
  .poll-content .title {
    font-size: 18px;
  }
  .poll-action {
    margin-top: 30px;
  }
  .poll-action .process {
    width: auto;
  }
  .question-action {
    margin-top: 30px;
  }
  .poll-rate .radio-control .icon {
    width: 44px;
    height: 44px;
    font-size: 16px;
    line-height: 42px;
  }
  .poll-sumummary .poll-choice .item > .title {
    font-size: 14px;
  }
  .poll-bottombar {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .poll-page .card {
    padding: 20px;
    min-height: inherit;
  }
  .poll-page .agenda-list .whead {
    margin-bottom: 15px;
  }
  .poll-nav {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .poll-nav .link {
    font-size: 14px;
    line-height: 40px;
  }
  .poll-content .title {
    font-size: 16px;
  }
  .poll-content .editor-content {
    font-size: 14px;
    margin-top: 10px;
  }
  .poll-choice {
    margin-top: 20px;
  }
  .poll-rate {
    width: 210px;
    margin: 0 auto;
  }
  .poll-rate .radio-control {
    padding: 0;
    margin-bottom: 5px;
  }
  .poll-rate .radio-control .icon {
    width: 34px;
    height: 34px;
    line-height: 32px;
  }
  .poll-action {
    margin-top: 25px;
  }
  .poll-action .process {
    padding: 10px;
    height: 50px;
    margin-right: 10px;
  }
  .poll-action .process .bar {
    height: 8px;
    margin-top: 8px;
  }
  .poll-action .process .title {
    font-size: 12px;
  }
  .poll-action .process .title strong {
    font-size: 20px;
  }
  .poll-action .btn {
    min-width: inherit;
  }
  .poll-action .action {
    margin-top: 20px;
  }
  .poll-action .action > .btn:only-child {
    width: 100%;
  }
  .poll-action .action > .row .btn {
    width: 100%;
  }
  .poll-success {
    margin-bottom: 0;
  }
  .poll-success .action .btn {
    width: 100%;
  }
  .poll-footer {
    margin-top: 40px;
  }
  .poll-question {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .question-list .item {
    padding: 0;
  }
  .question-list .content {
    margin-left: 15px;
  }
  .question-list .title {
    font-size: 16px;
  }
  .question-list .desc {
    font-size: 14px;
    margin-top: 5px;
  }
  .question-list .message {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 0 16px 16px 16px;
  }
  .question-list .action {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 10px;
  }
  .question-list .action .icon {
    width: 24px;
  }
  .question-list .action .count {
    top: 3px;
    font-size: 16px;
    margin-right: 5px;
  }
  .question-action {
    margin-top: 25px;
  }
  .question-action .form-default .form-button .btn {
    min-width: inherit;
    width: 64px;
    padding: 0;
  }
  .question-action .form-default .form-control {
    padding: 0 15px;
    line-height: 42px;
  }
  .question-list .cover {
    width: 44px;
    height: 44px;
  }
  .question-list .content .action {
    display: block;
    margin-bottom: 10px;
  }
  .question-list .content .action .btn {
    width: 100%;
    height: 40px;
    line-height: 38px;
  }
  .question-list .content .action .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
  }
  .poll-page .agenda-list {
    margin-top: 25px;
  }
  .poll-sumummary .poll-choice {
    margin-top: 20px;
  }
  .poll-sumummary > .item-list > .item + .item {
    margin-top: 20px;
  }
  .poll-sumummary .poll-choice .item-list > .item {
    padding-left: 15px;
  }
  .poll-sumummary .poll-choice .item-list > .item::before {
    width: 4px;
    height: 4px;
  }
  .poll-sumummary .poll-choice .item-list > .item + .item {
    margin-top: 10px;
  }
  .poll-choice .rating-control {
    margin: 0 auto;
  }
  .poll-choice .form-default .form-group:only-child {
    margin-bottom: 0;
  }
  .poll-topbar {
    font-size: 16px;
  }
  .poll-bottombar .brand {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .poll-bottombar {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .question-list .cover {
    width: 40px;
    height: 40px;
  }
  .poll-chart.-doughnut {
    padding: 0;
  }
}
.plan-page {
  padding: 80px 0 0 0;
  background-color: #fafafa;
  min-height: calc(100vh - 80px);
}

.plan-list {
  min-height: calc(100vh - 458px);
}
.plan-list .item + .item {
  margin-top: 30px;
}
.plan-list .link {
  display: block;
  border-radius: 12px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  background-color: #fff;
  color: #000;
  padding: 40px 80px;
}
.plan-list .content {
  margin-top: 2px;
  margin-left: 60px;
}
.plan-list .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}
.plan-list .desc {
  margin-top: 5px;
  font-size: 20px;
  line-height: 1.2em;
}

@media (max-width: 1440px) {
  .plan-page {
    padding-top: 60px;
  }
  .plan-list {
    min-height: calc(100vh - 398px);
  }
  .plan-list .link {
    padding: 40px 60px;
  }
  .plan-list .title {
    font-size: 18px;
  }
  .plan-list .desc {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .plan-page {
    padding-top: 40px;
  }
  .plan-list {
    min-height: calc(100vh - 338px);
  }
  .plan-list .item + .item {
    margin-top: 20px;
  }
  .plan-list .link {
    padding: 30px 40px;
  }
  .plan-list .content {
    margin-left: 40px;
  }
}
@media (max-width: 991px) {
  .plan-list {
    min-height: calc(100vh - 328px);
  }
  .plan-list .title {
    font-size: 16px;
  }
  .plan-list .desc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .plan-list {
    min-height: calc(100vh - 294px);
  }
  .plan-list .item + .item {
    margin-top: 10px;
  }
  .plan-list .link {
    border-radius: 10px;
    padding: 20px;
  }
  .plan-list .icon {
    width: 40px;
  }
  .plan-list .title {
    font-size: 14px;
  }
  .plan-list .desc {
    font-size: 14px;
  }
  .plan-list .content {
    margin-left: 25px;
  }
}
.download-list {
  min-height: calc(100vh - 520px);
}
.download-list .item + .item {
  margin-top: 10px;
}
.download-list .link {
  display: block;
  border-radius: 12px;
  border: 1px solid #eeeeee;
  background-color: #fff;
  color: #000;
  padding: 15px 20px;
}
.download-list .content {
  margin-top: 2px;
}
.download-list .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}
.download-list .desc {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.2em;
  color: #91a6c4;
}
.download-list .action .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  background-color: #56bed6;
  border-radius: 999px;
}
.download-list .action .icon img {
  width: 24px;
}

@media (max-width: 1440px) {
  .download-list {
    min-height: calc(100vh - 410px);
  }
}
@media (max-width: 1199px) {
  .download-list {
    min-height: calc(100vh - 410px);
  }
}
@media (max-width: 991px) {
  .download-list {
    min-height: calc(100vh - 400px);
  }
}
@media (max-width: 767px) {
  .download-list {
    min-height: calc(100vh - 400px);
  }
  .download-list .link {
    border-radius: 8px;
    padding: 10px 15px;
  }
  .download-list .title {
    font-size: 14px;
  }
  .download-list .desc {
    font-size: 12px;
  }
  .download-list .action .icon {
    width: 40px;
    height: 40px;
  }
  .download-list .action .icon img {
    width: 20px;
  }
}
@media (max-width: 575px) {
  .download-list .action .icon {
    width: 38px;
    height: 38px;
  }
  .download-list .action .icon img {
    width: 18px;
  }
}
.sponsor-page {
  padding: 80px 0 0 0;
  background-color: #fafafa;
  position: relative;
  overflow: hidden;
}

.sponsor-list {
  width: 1340px;
  margin: 0 auto;
  min-height: calc(100vh - 458px);
}
.sponsor-list .item-list {
  margin: 0 -30px;
}
.sponsor-list .item-list .item {
  padding: 0 30px;
  margin-bottom: 40px;
}
.sponsor-list .link {
  display: block;
  width: 140px;
  border: 1px solid #eee;
}
.sponsor-list .cover {
  padding-top: 100%;
}
.sponsor-list .dropdown.show .link:after {
  content: "";
  position: absolute;
  z-index: 1010;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: 5px auto 0;
  top: 100%;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
.sponsor-list .dropdown-menu {
  min-width: 440px;
  border: none;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 10px rgba(90, 163, 180, 0.16);
          box-shadow: 0 0 10px rgba(90, 163, 180, 0.16);
  padding: 30px;
  min-height: 200px;
  margin-top: 20px;
  margin-right: 20px;
}
.sponsor-list .dropdown-menu:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
}
.sponsor-list .row {
  margin-top: 10px;
}
.sponsor-list .title {
  font-weight: 500;
  font-size: 16px;
  color: #0082DC;
}
.sponsor-list .info {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.4em;
}
.sponsor-list .info .icon {
  position: relative;
  top: 2px;
  width: 20px;
  margin-right: 10px;
}

@media (max-width: 1440px) {
  .sponsor-page {
    padding-top: 60px;
  }
  .sponsor-list {
    width: auto;
  }
  .sponsor-list li {
    width: 16.6666666667%;
  }
  .sponsor-list .link {
    width: auto;
  }
  .sponsor-list .info {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .sponsor-page {
    padding-top: 40px;
    background-color: #fff;
  }
}
@media (max-width: 991px) {
  .sponsor-list .item-list {
    margin: 0 -10px;
  }
  .sponsor-list .item-list .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .sponsor-list li {
    width: 20%;
  }
  .sponsor-list .info {
    font-size: 14px;
  }
  .sponsor-list .dropdown-menu {
    min-height: inherit;
  }
}
@media (max-width: 767px) {
  .sponsor-list .item-list {
    margin: 0 -26px 0 -20px;
  }
  .sponsor-list .item-list .item {
    padding: 0;
    margin: -1px;
  }
  .sponsor-list li {
    width: 33.3333333333%;
  }
  .sponsor-list .dropdown-menu {
    min-width: calc(100vw - 40px);
    border-radius: 10px;
    padding: 20px;
  }
  .sponsor-list .info {
    margin-top: 10px;
  }
  .sponsor-list .row {
    margin-top: 5px;
  }
}
.gallery-page {
  position: relative;
  overflow: hidden;
}

.gallery-list {
  margin-bottom: -14px;
  min-height: calc(100vh - 520px);
}
.gallery-list .item-list {
  margin: 0 -7px;
}
.gallery-list .item-list .item {
  padding: 0 7px;
  margin-bottom: 14px;
  width: 16.6666666667%;
}
.gallery-list .link {
  display: block;
}
.gallery-list .link:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.gallery-list .cover {
  padding-top: 100%;
  border-radius: 12px;
}
.gallery-list .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.product-gallery-list {
  margin-bottom: -14px;
}
.product-gallery-list .item-list {
  margin: 0 -7px;
}
.product-gallery-list .item-list .item {
  padding: 0 7px;
  margin-bottom: 14px;
  width: 25%;
}
.product-gallery-list .link {
  display: block;
}
.product-gallery-list .link:hover .cover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.product-gallery-list .cover {
  padding-top: 100%;
  border-radius: 12px;
}
.product-gallery-list .cover img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 400ms ease 0ms;
  transition: -webkit-transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms;
  transition: transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

@media (max-width: 1440px) {
  .gallery-list {
    width: auto;
    min-height: calc(100vh - 410px);
  }
}
@media (max-width: 1199px) {
  .gallery-list {
    min-height: calc(100vh - 480px);
  }
  .gallery-list .item-list .item {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .gallery-list .item-list .item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .gallery-list {
    margin-bottom: -10px;
  }
  .gallery-list .cover {
    border-radius: 8px;
  }
  .gallery-list .item-list {
    margin-bottom: 10px;
  }
  .gallery-list .item-list .item {
    padding: 0 5px;
  }
}
@media (max-width: 575px) {
  .gallery-list .item-list .item {
    width: 33.3333333333%;
  }
}
.search-page .default-header .whead .title span {
  color: #007aff;
}

.search-list li {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 40px;
}
.search-list li:first-child {
  border-color: transparent;
  margin-top: 0;
  padding-top: 0;
}
.search-list .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
  max-height: 2.8em;
}
.search-list .title .link {
  color: #000;
}
.search-list .title .link:hover {
  color: #56bed6;
}
.search-list .url {
  display: inline-block;
  color: #000;
  font-size: 12px;
  line-height: 1.2em;
  margin-top: 10px;
  margin-bottom: 0;
  text-decoration: underline;
}
.search-list .desc {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.5em;
  max-height: 4.5em;
}
.search-list .hl {
  color: #56bed6;
}

@media (max-width: 1440px) {
  .search-header {
    padding: 40px 0;
    margin-bottom: 60px;
  }
  .search-list li {
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media (max-width: 1199px) {
  .search-header {
    padding: 30px 0;
    margin-bottom: 40px;
  }
  .search-list li {
    margin-top: 20px;
    padding-top: 20px;
  }
  .search-list .title {
    font-size: 18px;
  }
  .search-list .url {
    font-size: 12px;
  }
  .search-list .desc {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .search-list .title {
    font-size: 16px;
  }
  .search-list .url {
    font-size: 10px;
  }
  .search-list .desc {
    font-size: 12px;
  }
  .search-list .url {
    margin-top: 5px;
  }
  .search-list .desc {
    margin-top: 10px;
  }
  .search-header {
    padding: 25px 0;
  }
  .search-header .form-default .btn {
    min-width: 60px;
    padding: 0 15px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
  }
  .search-header .form-default .icon {
    left: 2px;
    font-size: 20px;
  }
  .search-header .form-default .icon span {
    line-height: 34px;
  }
  .search-header .form-default .form-control {
    height: 34px;
    padding-left: 30px;
    font-size: 14px;
  }
}
.qrcode-page {
  padding-top: 80px;
  padding-bottom: 60px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(86, 190, 214, 0)), to(rgb(86, 190, 214)));
  background: linear-gradient(0deg, rgba(86, 190, 214, 0) 0%, rgb(86, 190, 214) 100%);
  background-repeat: no-repeat;
  background-size: 100% 50%;
}
.qrcode-page .card {
  margin: 0;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  overflow: hidden;
  border: none;
  padding: 0;
}
.qrcode-page .card .card-header {
  background: transparent;
  padding: 0;
  border: none;
}
.qrcode-page .card .card-header .banner {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.qrcode-page .card .card-header .banner .cover {
  padding-top: 28%;
}
.qrcode-page .card .card-body {
  padding: 60px;
}

.qrcode-info {
  text-align: center;
}
.qrcode-info .or {
  margin: 30px 0;
  font-size: 16px;
  font-weight: 500;
}
.qrcode-info .form-default {
  text-align: left;
}

.scan-qrcode .title {
  font-size: 24px;
  margin: 0 0 25px 0;
}
.scan-qrcode .qrcode-frame {
  width: 174px;
  margin: 0 auto;
  border-radius: 12px;
  -webkit-box-shadow: 0px 3px 16px rgba(50, 51, 94, 0.17);
          box-shadow: 0px 3px 16px rgba(50, 51, 94, 0.17);
  padding: 12px;
  overflow: hidden;
}
.scan-qrcode .qrcode-frame .contain {
  padding-top: 100%;
}
.scan-qrcode .action {
  margin-top: 25px;
}
.scan-qrcode .action .btn {
  min-width: 164px;
}

.register-qrcode {
  margin-bottom: 40px;
}
.register-qrcode .btn {
  min-width: 164px;
}

@media (max-width: 1440px) {
  .qrcode-page {
    padding-top: 60px;
  }
  .qrcode-page .card .card-body {
    padding: 50px;
  }
  .register-qrcode {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .qrcode-page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .qrcode-page .card .card-body {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .qrcode-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .qrcode-page .card .card-body {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .scan-qrcode .title {
    font-size: 20px;
  }
  .qrcode-info .or {
    margin: 25px 0;
  }
  .qrcode-page .card .card-body {
    padding: 25px 20px;
  }
  .register-qrcode {
    margin-bottom: 10px;
  }
}
.lucky-page {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0082dc;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, #0081dc), color-stop(62%, #60d0fa), to(#62d5d8));
  background: linear-gradient(90deg, #0081dc 0.01%, #60d0fa 62%, #62d5d8 100%);
}
.lucky-page .container {
  max-width: 1370px;
}
.lucky-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/static/bg-lucky.png") no-repeat center;
  background-size: cover;
  pointer-events: none;
}
.lucky-page .company {
  width: 184px;
}

.float-wheel {
  position: absolute;
  top: 50%;
  right: -407px;
  z-index: 100;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.select-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.05);
  min-width: 200px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.select-btn:hover, .select-btn:focus, .select-btn:active {
  color: #fff;
  -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
}
.select-btn::after {
  display: inline-block;
  margin-left: 0.255em;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.77 7.08542-5.1617 5.16168c-.60957.6096-1.60707.6096-2.21665 0L3.22998 7.08542' stroke='%23EAF4FF' stroke-width='1.1875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.lucky-wheel {
  width: 814px;
  height: 814px;
  position: relative;
}
.lucky-wheel .circle {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  padding: 30px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 29, 127, 0.15);
          box-shadow: 0 20px 40px rgba(0, 29, 127, 0.15);
}
.lucky-wheel .circle > div {
  position: absolute;
  width: 100%;
  height: 100%;
}
.lucky-wheel .circle canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lucky-wheel .arrow {
  width: 60px;
  height: 210px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  margin: auto;
}
.lucky-wheel .arrow:before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  height: 210px;
  width: 0px;
  border-right: 60px solid #0ab28c;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.lucky-wheel .arrow:after {
  content: "";
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 0;
  height: 0;
  width: 0px;
  border-left: 90px solid #0fd8aa;
  border-top: 80px solid transparent;
  border-bottom: 80px solid transparent;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.floating-left {
  position: absolute;
  left: 0;
  padding-left: 50px;
}
.floating-left.-top {
  top: 0;
  padding-top: 50px;
}
.floating-left.-bottom {
  bottom: 0;
  padding-bottom: 50px;
}

.lucky-content {
  width: 740px;
}
.lucky-content .brand {
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
.lucky-content .brand .title {
  font-size: 70px;
  font-weight: 400;
  text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
.lucky-content .brand .title span {
  font-weight: 300;
  padding-left: 10px;
}
.lucky-content .company {
  margin-top: 30px;
}

.lucky-action {
  margin-top: 40px;
  position: relative;
  text-align: center;
}
.lucky-action a {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 52px;
  line-height: 50px;
  border-radius: 35px;
  background-color: #0fd8aa;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  top: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.32);
}
.lucky-action a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.32);
}
.lucky-action a:hover {
  top: -5px;
}
.lucky-action a:hover:after {
  opacity: 0.6;
}
.lucky-action .shadow {
  opacity: 0.4;
  width: 530px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-top: 80px;
}

.lucky-result {
  text-align: center;
}
.lucky-result .header {
  position: relative;
  padding: 50px 0;
  background: #0082dc;
  background: linear-gradient(90.01deg, #0081dc 0.01%, #60d0fa 62%, #62d5d8 100%);
  border-radius: 0 0 24px 24px;
}
.lucky-result .header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/static/bg-lucky-modal.png") no-repeat center;
  background-size: cover;
}
.lucky-result .header .brand .title {
  font-size: 70px;
  font-weight: 400;
  color: #fff;
  text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
.lucky-result .header .brand .title span {
  font-weight: 300;
  padding-left: 10px;
}
.lucky-result .body {
  padding: 40px 0 50px 0;
}
.lucky-result .body .title {
  font-size: 24px;
  color: #91a6c4;
  font-weight: 500;
}
.lucky-result .body .name {
  margin-top: 20px;
  font-size: 40px;
  color: #13315f;
  font-weight: 600;
}
.lucky-result .body .lucky-action {
  margin: 40px 0 0 0;
}
.lucky-result .body .lucky-action a {
  width: 300px;
}

.modal-lucky .modal-dialog {
  max-width: 660px;
}
.modal-lucky .modal-content {
  border-radius: 24px;
  padding: 0;
  overflow: hidden;
  min-height: 450px;
}
.modal-lucky .modal-close {
  border-color: #fff;
  color: #fff;
}

.select-choice .select-title {
  font-weight: 700;
  margin-bottom: 10px;
}
.select-choice .block {
  margin-bottom: 25px;
}

@media (max-width: 1440px) {
  .lucky-result .header {
    padding: 40px 0;
  }
  .lucky-result .header .brand .title {
    font-size: 60px;
  }
  .lucky-result .body .name {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .lucky-content {
    width: 640px;
  }
  .lucky-wheel {
    width: 540px;
    height: 540px;
  }
  .lucky-action a {
    height: 48px;
    line-height: 46px;
    font-size: 18px;
  }
  .lucky-action a::after {
    border-width: 1px;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }
  .lucky-wheel .circle canvas {
    -webkit-transform: translate(-50%, -50%) scale(0.665);
            transform: translate(-50%, -50%) scale(0.665);
  }
  .lucky-content .brand .title {
    font-size: 60px;
  }
  .float-wheel {
    right: -270px;
  }
  .modal-lucky .modal-content {
    min-height: 400px;
  }
  .lucky-result .header .brand .title {
    font-size: 50px;
  }
  .lucky-result .body .title {
    font-size: 22px;
  }
  .lucky-result .body .name {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .lucky-page {
    padding: 60px 0 30px 0;
    display: block;
    height: auto;
    min-height: 100vh;
  }
  .lucky-wheel {
    margin: 0 auto;
  }
  .lucky-content {
    width: 100%;
    margin-bottom: 40px;
  }
  .lucky-content .brand .title {
    font-size: 55px;
  }
  .lucky-action a {
    width: 400px;
  }
  .float-wheel {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
            transform: none;
  }
  .floating-left {
    position: relative;
    padding-left: 0;
  }
  .floating-left.-top {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .floating-left.-bottom {
    padding-bottom: 0;
    padding-top: 40px;
  }
  .lucky-page .company {
    margin: 0 auto;
  }
  .lucky-result .header .brand .title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .lucky-page {
    padding: 40px 0 25px 0;
  }
  .lucky-content {
    margin-bottom: 60px;
  }
  .lucky-content .company {
    margin-top: 20px;
  }
  .lucky-content .company img {
    width: 260px;
  }
  .lucky-wheel {
    width: 300px;
    height: 300px;
  }
  .lucky-wheel .circle {
    -webkit-box-shadow: 0 10px 20px rgba(0, 29, 127, 0.15);
            box-shadow: 0 10px 20px rgba(0, 29, 127, 0.15);
  }
  .lucky-action {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .lucky-action a {
    width: 300px;
  }
  .lucky-wheel .arrow {
    width: 20px;
    height: 80px;
    left: -12px;
  }
  .lucky-wheel .arrow::before {
    height: 80px;
    width: 0px;
    border-right: 20px solid #0ab28c;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .lucky-wheel .arrow::after {
    border-left: 30px solid #0fd8aa;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }
  .modal-lucky .modal-content {
    min-height: inherit;
  }
  .modal-lucky .modal-dialog {
    max-width: inherit;
    width: auto;
    margin: 0 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lucky-result .header {
    padding: 20px 0 20px 0;
  }
  .lucky-result .body {
    padding: 20px 0 40px 0;
  }
  .lucky-result .title {
    font-size: 16px;
  }
  .lucky-result .name {
    font-size: 24px;
    margin-top: 10px;
  }
  .lucky-result .action {
    margin-top: 30px;
  }
  .lucky-result .action .link {
    font-size: 14px;
  }
  .lucky-result .action .link + .link {
    margin-left: 30px;
  }
  .lucky-wheel .circle canvas {
    -webkit-transform: translate(-50%, -50%) scale(0.37);
            transform: translate(-50%, -50%) scale(0.37);
  }
  .lucky-content .brand .title {
    font-size: 48px;
  }
  .lucky-page .event-list-horizontal.list-md .cover {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .lucky-page .event-list-horizontal.list-md .content {
    padding: 10px;
  }
  .floating-left.-bottom {
    padding-top: 10px;
  }
  .modal-lucky .modal-content {
    border-radius: 18px;
  }
  .lucky-result .header {
    border-radius: 0 0 16px 16px;
  }
  .lucky-result .header .brand .title {
    font-size: 40px;
  }
  .lucky-result .body .title {
    font-size: 20px;
  }
  .lucky-result .body .name {
    font-size: 28px;
  }
  .lucky-result .body .lucky-action {
    margin: 30px 0 0 0;
  }
}
@media (max-width: 575px) {
  .lucky-action {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .lucky-content {
    margin-bottom: 40px;
  }
  .lucky-content .brand .title {
    font-size: 42px;
  }
  .floating-left.-top {
    padding-bottom: 25px;
  }
  .floating-left.-bottom {
    padding-top: 0;
  }
  .lucky-result .header .brand .title {
    font-size: 36px;
  }
  .lucky-result .body .title {
    font-size: 18px;
  }
  .lucky-result .body .name {
    font-size: 24px;
  }
}
.modal-dialog.-organizer {
  max-width: 540px;
}
.modal-dialog.-organizer .modal-content {
  background: #ffffff;
  min-height: inherit;
  padding: 0;
  -webkit-box-shadow: 0px 0px 4px rgba(145, 158, 171, 0.24), 0px 24px 48px rgba(145, 158, 171, 0.24);
          box-shadow: 0px 0px 4px rgba(145, 158, 171, 0.24), 0px 24px 48px rgba(145, 158, 171, 0.24);
  border-radius: 16px;
}

.businessMatching-modal .login {
  padding: 45px 35px 35px 35px;
}
.businessMatching-modal .whead {
  text-align: center;
  margin-bottom: 0;
}
.businessMatching-modal .whead .title {
  font-weight: 500;
  font-size: 28px;
  color: #1e1e1e;
  margin-bottom: 20px;
}
.businessMatching-modal .whead .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #525252;
}
.businessMatching-modal .action {
  padding-top: 30px;
  text-align: center;
}
.businessMatching-modal .action .item-list {
  margin: -7px;
}
.businessMatching-modal .action .item-list > li {
  width: 100%;
  padding: 7px;
}
.businessMatching-modal .action .btn {
  height: 48px;
  line-height: 44px;
  border-radius: 100px;
}

.businessMatching-modal-Detail .modal-content {
  padding: 43px 34px 36px 34px;
  border-radius: 16px;
  min-height: inherit;
}
.businessMatching-modal-Detail .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 6px;
}
.businessMatching-modal-Detail .status + .status {
  margin-top: 10px;
}
.businessMatching-modal-Detail .status .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.businessMatching-modal-Detail .status .txt + .txt {
  margin-left: 15px;
}
.businessMatching-modal-Detail .status .txt + .txt.-approve {
  margin-left: 8px;
  border-left: 1px solid #eeeeee;
  padding-left: 10px;
}
.businessMatching-modal-Detail .status .txt.-request {
  color: #525252;
  font-weight: 300;
}
.businessMatching-modal-Detail .status .txt .icon {
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.businessMatching-modal-Detail .info {
  padding-top: 12px;
}
.businessMatching-modal-Detail .info table {
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}
.businessMatching-modal-Detail .info table td {
  padding: 10px 0;
}
.businessMatching-modal-Detail .info table td:nth-child(1) {
  color: #525252;
  padding-right: 10px;
}
.businessMatching-modal-Detail .info table td:nth-child(2) {
  width: 1%;
  text-align: center;
}
.businessMatching-modal-Detail .info table td:nth-child(3) {
  color: #1e1e1e;
  padding-left: 10px;
}

.businessMatching-modal-FillDetail.modal-dialog {
  max-width: 530px;
}
.businessMatching-modal-FillDetail .modal-content {
  min-height: inherit;
  padding: 0;
  -webkit-box-shadow: 0px 0px 4px rgba(145, 158, 171, 0.24), 0px 24px 48px rgba(145, 158, 171, 0.24);
          box-shadow: 0px 0px 4px rgba(145, 158, 171, 0.24), 0px 24px 48px rgba(145, 158, 171, 0.24);
  border-radius: 16px;
}
.businessMatching-modal-FillDetail .body {
  padding: 24px 20px;
}
.businessMatching-modal-FillDetail .foot {
  padding: 24px 20px;
  border-top: 1px solid rgba(145, 158, 171, 0.24);
}
.businessMatching-modal-FillDetail .title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #212b36;
}
.businessMatching-modal-FillDetail .title.-h {
  padding-right: 80px;
}
.businessMatching-modal-FillDetail .form-blog {
  padding-top: 10px;
}
.businessMatching-modal-FillDetail .form-blog .form-group:last-child {
  margin-bottom: 0;
}
.businessMatching-modal-FillDetail .form-default .form-group {
  margin-bottom: 25px;
}
.businessMatching-modal-FillDetail .form-default .block-control {
  border: 0;
  border-radius: 0;
}
.businessMatching-modal-FillDetail .form-default .form-control {
  font-weight: 300;
  font-size: 16px;
  color: #919eab;
  border: 1px solid rgba(145, 158, 171, 0.32);
  padding: 10px 15px;
  border-radius: 8px;
}
.businessMatching-modal-FillDetail .action {
  text-align: right;
}
.businessMatching-modal-FillDetail .action .btn {
  padding: 0 16px;
  min-width: 100px;
  height: 36px;
  line-height: 34px;
  border-width: 1px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 100px;
}
.businessMatching-modal-FillDetail .action .btn + .btn {
  margin-left: 12px;
}
.businessMatching-modal-FillDetail .action .btn.btn-cancel {
  border: 1px solid rgba(145, 158, 171, 0.32);
  color: #212b36;
}
.businessMatching-modal-FillDetail .action .btn.btn-submit {
  background-color: #54b994;
  border-color: #54b994;
  color: #fff;
  -webkit-box-shadow: 0px 8px 16px rgba(55, 105, 180, 0.24);
          box-shadow: 0px 8px 16px rgba(55, 105, 180, 0.24);
}

.businessMatching-page {
  padding: 30px 0 60px 0;
}
.businessMatching-page .-default-box {
  background: #ffffff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.15);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.15);
}

.businessMatching-head {
  padding: 21px 25px;
  margin-bottom: 22px;
}
.businessMatching-head .row-16 {
  margin: 0 -8px;
}
.businessMatching-head .row-16 > div {
  padding: 0 8px;
}
.businessMatching-head .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 30px;
}
.businessMatching-head .select2-container--default .select2-selection--single .select2-selection__arrow b {
  color: #525252;
}
.businessMatching-head .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog {
  position: relative;
}
.businessMatching-head .datepicker-blog .form-control {
  border-color: rgba(145, 158, 171, 0.32);
  padding: 0 15px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  border-radius: 8px;
}
.businessMatching-head .datepicker-blog .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: rgba(145, 158, 171, 0.32);
}
.businessMatching-head .datepicker-blog .form-control::-webkit-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog .form-control::-moz-placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog .form-control:-ms-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog .form-control::-ms-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog .form-control::placeholder {
  color: #b1b1b1;
}
.businessMatching-head .datepicker-blog .icon {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  height: 17px;
  margin: auto;
  pointer-events: none;
}
.businessMatching-head .btn {
  min-width: 160px;
}
.businessMatching-head.-default-box {
  border-radius: 44px;
}

.businessMatching-body > .row {
  min-height: 507px;
}
.businessMatching-body .-L {
  position: relative;
  background-color: rgba(234, 244, 255, 0.33);
}
.businessMatching-body .-R {
  position: relative;
}

.businessMatching-menu {
  width: 280px;
}
.businessMatching-menu .head-title {
  padding: 24px;
}
.businessMatching-menu .head-title .txt {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #1e1e1e;
  margin: 0;
}
.businessMatching-menu .nav-box li {
  width: 100%;
}
.businessMatching-menu .nav-box .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 20px 13px 24px;
  background-color: #fff;
}
.businessMatching-menu .nav-box .link .icon {
  margin-right: 16px;
  width: 20px;
}
.businessMatching-menu .nav-box .link .txt {
  margin-bottom: 0;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.businessMatching-menu .nav-box li.active .icon svg path {
  fill: #fff;
}
.businessMatching-menu .nav-box li.active .link {
  background-color: #56bed6;
}
.businessMatching-menu .nav-box li.active .link .txt {
  font-weight: 500;
  color: #fff;
}

.businessMatching-content .head {
  padding: 30px 0 0;
  margin: 0 25px;
  border-bottom: 1px solid #eeeeee;
}
.businessMatching-content .body {
  padding: 25px 25px 50px 25px;
}
.businessMatching-content .-box-shadow {
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 6px 10px rgba(19, 180, 255, 0.1);
  border-radius: 16px;
}
.businessMatching-content .not-matching {
  height: 440px;
}
.businessMatching-content .pagination-info {
  padding: 20px 20px 20px 20px;
  display: block;
}
.businessMatching-content .pagination-info .content {
  text-align: right;
  font-weight: 300;
  font-size: 14px;
  color: #525252;
}
.businessMatching-content .pagination-info .action {
  text-align: center;
  padding-left: 10px;
}
.businessMatching-content .pagination-info .action .link {
  font-size: 24px;
  color: #212b36;
  opacity: 0.4;
  pointer-events: none;
}
.businessMatching-content .pagination-info .action .link + .link {
  margin-left: 20px;
}
.businessMatching-content .pagination-info .action .link.active {
  opacity: 1;
  pointer-events: visible;
}

.businessMatching-chat-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 636px;
}
.businessMatching-chat-box .user {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.businessMatching-chat-box .user .inner {
  width: 323px;
  padding: 27px 27px 27px 24px;
  height: 100%;
  overflow: auto;
}
.businessMatching-chat-box .user .item-list > li {
  width: 100%;
}
.businessMatching-chat-box .user .item-list > li + li {
  margin-top: 24px;
}
.businessMatching-chat-box .user .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.businessMatching-chat-box .user .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  position: relative;
}
.businessMatching-chat-box .user .thumb .status {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  display: none;
  background: #54d62c;
  border-radius: 10px;
  right: 3px;
  top: 33px;
}
.businessMatching-chat-box .user .thumb .status.active {
  display: block;
}
.businessMatching-chat-box .user .thumb .cover {
  overflow: hidden;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
}
.businessMatching-chat-box .user .thumb .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.businessMatching-chat-box .user .content {
  padding: 5px 16px 0 16px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.businessMatching-chat-box .user .content .user-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #212b36;
  margin-bottom: 5px;
}
.businessMatching-chat-box .user .content .last-message {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  color: #6481a9;
}
.businessMatching-chat-box .user .content .last-message.not-read {
  color: #485d7a;
}
.businessMatching-chat-box .user .time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-top: 5px;
}
.businessMatching-chat-box .user .time .txt {
  font-family: "Public Sans", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2em;
  text-align: right;
  color: #6481a9;
  white-space: nowrap;
}
.businessMatching-chat-box .message {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  border-left: 1px solid #eeeeee;
}
.businessMatching-chat-box .message-head .action {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
}
.businessMatching-chat-box .message-head .action .link {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #56bed6;
  color: #fff;
  border-radius: 50%;
}
.businessMatching-chat-box .message-head .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px;
}
.businessMatching-chat-box .message-head .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  position: relative;
}
.businessMatching-chat-box .message-head .thumb .status {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  display: none;
  background: #54d62c;
  border-radius: 10px;
  right: 3px;
  top: 33px;
}
.businessMatching-chat-box .message-head .thumb .status.active {
  display: block;
}
.businessMatching-chat-box .message-head .thumb .cover {
  overflow: hidden;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
}
.businessMatching-chat-box .message-head .thumb .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.businessMatching-chat-box .message-head .content {
  padding: 5px 16px 0 16px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.businessMatching-chat-box .message-head .content .user-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #212b36;
  margin-bottom: 5px;
}
.businessMatching-chat-box .message-head .content .status {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  color: #525252;
}
.businessMatching-chat-box .message-body {
  border-top: 1px solid #eeeeee;
  height: 490px;
  overflow: auto;
  padding: 25px 25px 25px 20px;
}
.businessMatching-chat-box .message-body .item-list > li {
  width: 100%;
}
.businessMatching-chat-box .message-body .item-list > li + li {
  margin-top: 12px;
}
.businessMatching-chat-box .message-body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.businessMatching-chat-box .message-body .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  position: relative;
}
.businessMatching-chat-box .message-body .thumb .cover {
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: relative;
}
.businessMatching-chat-box .message-body .thumb .lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.businessMatching-chat-box .message-body .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.businessMatching-chat-box .message-body .content .word-message {
  max-width: 296px;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  color: #212b36;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 8px;
}
.businessMatching-chat-box .message-body .content .date {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
  color: #6481a9;
}
.businessMatching-chat-box .message-body li.R .wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.businessMatching-chat-box .message-body li.R .thumb {
  display: none;
}
.businessMatching-chat-box .message-body li.R .content .word-message {
  background-color: #e5f5ef;
}
.businessMatching-chat-box .message-body li.R .content .date {
  text-align: right;
}
.businessMatching-chat-box .message-body li.L .wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.businessMatching-chat-box .message-body li.L .content {
  padding-left: 16px;
}
.businessMatching-chat-box .message-body li.L .content .word-message {
  background-color: #f4f6f8;
}
.businessMatching-chat-box .message-body li.L .content .date {
  text-align: left;
}
.businessMatching-chat-box .message-foot {
  border-top: 1px solid #eeeeee;
}
.businessMatching-chat-box .message-foot .form-default > .row > div + div {
  border-left: 1px solid rgba(145, 158, 171, 0.24);
}
.businessMatching-chat-box .message-foot .form-default .form-group {
  margin-bottom: 0;
}
.businessMatching-chat-box .message-foot .form-default .block-control {
  border: 0;
  border-radius: 0;
}
.businessMatching-chat-box .message-foot .form-default .form-control {
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  height: auto;
  font-family: "Public Sans", sans-serif;
  border: none;
  border-radius: 0;
}
.businessMatching-chat-box .message-foot .form-default .form-control::-webkit-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-chat-box .message-foot .form-default .form-control::-moz-placeholder {
  color: #b1b1b1;
}
.businessMatching-chat-box .message-foot .form-default .form-control:-ms-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-chat-box .message-foot .form-default .form-control::-ms-input-placeholder {
  color: #b1b1b1;
}
.businessMatching-chat-box .message-foot .form-default .form-control::placeholder {
  color: #b1b1b1;
}
.businessMatching-chat-box .message-box {
  padding: 0 18px;
}
.businessMatching-chat-box .message-box .col-auto + .col-auto {
  margin-left: 15px;
}
.businessMatching-chat-box .message-box .upload {
  position: relative;
  cursor: pointer;
}
.businessMatching-chat-box .message-box .upload .form-file {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.businessMatching-chat-box .message-box .upload input[type=file],
.businessMatching-chat-box .message-box .upload input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.businessMatching-chat-box .message-action {
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 57px;
}
.businessMatching-chat-box .message-action .btn {
  padding: 0;
  min-width: inherit;
  height: auto;
  line-height: 1;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.businessMatching-matchingStatus {
  padding-bottom: 30px;
}
.businessMatching-matchingStatus .item-list {
  margin: 0 -8px;
}
.businessMatching-matchingStatus .item-list > li {
  padding: 0 8px;
  width: 33.3333333333%;
}
.businessMatching-matchingStatus .box {
  padding: 12px 20px 8px 20px;
  border: 1px solid #eeeeee;
}
.businessMatching-matchingStatus .txt {
  font-weight: 400;
  font-size: 11px;
  line-height: 0.7;
  color: #525252;
  margin-bottom: 5px;
}
.businessMatching-matchingStatus .number {
  font-weight: 500;
  font-size: 27px;
  line-height: 1;
  color: #b1b1b1;
}
.businessMatching-matchingStatus .icon {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.businessMatching-matchingStatus .icon.-I {
  background-color: rgba(255, 193, 7, 0.08);
}
.businessMatching-matchingStatus .icon.-II {
  background-color: rgba(84, 185, 148, 0.08);
}
.businessMatching-matchingStatus .icon.-III {
  background-color: rgba(255, 8, 0, 0.08);
}

.businessMatching-matchingNav {
  width: 310px;
  margin: 0 auto;
}
.businessMatching-matchingNav .item-list {
  margin: 0 -13px;
}
.businessMatching-matchingNav .item-list > li {
  padding: 0 13px;
}
.businessMatching-matchingNav .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 35px;
  position: relative;
}
.businessMatching-matchingNav .link:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 2px;
  bottom: -1px;
  border-radius: 1px;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.businessMatching-matchingNav .link:hover:before {
  opacity: 1;
}
.businessMatching-matchingNav .link .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.businessMatching-matchingNav .link .icon .lazy {
  -webkit-filter: brightness(1) grayscale(1);
          filter: brightness(1) grayscale(1);
  opacity: 0.75;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.businessMatching-matchingNav .link .content {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}
.businessMatching-matchingNav .link .content .txt {
  padding-left: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #525252;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.businessMatching-matchingNav li.navI .link:before {
  background-color: #f7943e;
}
.businessMatching-matchingNav li.navII .link:before {
  background-color: #54b994;
}
.businessMatching-matchingNav li.navIII .link:before {
  background-color: #ff0800;
}
.businessMatching-matchingNav li.active .link:before {
  opacity: 1;
}
.businessMatching-matchingNav li.active .link .icon .lazy {
  -webkit-filter: brightness(1) grayscale(0);
          filter: brightness(1) grayscale(0);
  opacity: 1;
}
.businessMatching-matchingNav li.active.navI .link .content .txt {
  color: #f7943e;
}
.businessMatching-matchingNav li.active.navII .link .content .txt {
  color: #54b994;
}
.businessMatching-matchingNav li.active.navIII .link .content .txt {
  color: #ff0800;
}

.businessMatching-matchingData {
  padding: 25px 20px 0 20px;
}
.businessMatching-matchingData .item-list > li {
  width: 100%;
}
.businessMatching-matchingData .item-list > li + li {
  margin-top: 14px;
}
.businessMatching-matchingData .wrapper {
  background: #f8fbff;
  padding: 25px;
  border-radius: 16px;
}
.businessMatching-matchingData .wrapper.-reject-box .action {
  pointer-events: none;
}
.businessMatching-matchingData .wrapper.-TypeII .h-title {
  padding-right: 0;
}
.businessMatching-matchingData .wrapper.-TypeII .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.businessMatching-matchingData .wrapper.-TypeII .action .btn {
  min-width: 100px;
}
.businessMatching-matchingData .h-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 5px;
}
.businessMatching-matchingData .action {
  padding-left: 20px;
}
.businessMatching-matchingData .action .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 135px;
  height: 36px;
  line-height: 34px;
  border-width: 1px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 100px;
}
.businessMatching-matchingData .action .btn .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  top: -1px;
}
.businessMatching-matchingData .action .btn.-cancel {
  background-color: #ff3a44;
  color: #fff;
}
.businessMatching-matchingData .action .btn.-chat {
  background-color: #54b994;
  color: #fff;
}
.businessMatching-matchingData .action .btn.-approved {
  background-color: rgba(88, 98, 113, 0.2);
  color: #fff;
}
.businessMatching-matchingData .action .btn.-rejected {
  background-color: rgba(88, 98, 113, 0.2);
  color: #fff;
}
.businessMatching-matchingData .action .btn + .btn {
  margin-left: 10px;
}
.businessMatching-matchingData .boot-no {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #6481a9;
  margin-bottom: 5px;
}
.businessMatching-matchingData .status .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.businessMatching-matchingData .status .txt + .txt {
  margin-left: 15px;
}
.businessMatching-matchingData .status .txt + .txt.-approve {
  margin-left: 8px;
  border-left: 1px solid #eeeeee;
  padding-left: 10px;
}
.businessMatching-matchingData .status .txt.-request {
  font-weight: 500;
}
.businessMatching-matchingData .status .txt.-request span {
  color: #56bed6;
}
.businessMatching-matchingData .status .txt .icon {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.businessMatching-schedule .h-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #1e1e1e;
  margin: 0;
}
.businessMatching-schedule .status-boot {
  width: 365px;
  padding-top: 6px;
  margin-left: 30px;
}
.businessMatching-schedule .status-boot .item-list {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.businessMatching-schedule .status-boot .item-list > li {
  padding: 0 10px;
}
.businessMatching-schedule .status-boot .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.businessMatching-schedule .status-boot .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.businessMatching-schedule .status-boot .icon .inner {
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
  border-radius: 50%;
}
.businessMatching-schedule .status-boot .txt {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  padding-left: 7px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.2;
  color: #525252;
  white-space: nowrap;
}
.businessMatching-schedule .status-boot .approved .icon .inner {
  border-color: rgba(84, 185, 148, 0.6);
  background-color: #54b994;
}
.businessMatching-schedule .status-boot .pending .icon .inner {
  border-color: rgba(246, 198, 68, 0.36);
  background-color: #f6c644;
}
.businessMatching-schedule .status-boot .reject .icon .inner {
  border-color: rgba(229, 93, 87, 0.22);
  background-color: #e55d57;
}
.businessMatching-schedule .status-boot .available .icon .inner {
  border-color: rgba(110, 117, 124, 0.27);
  background-color: #6e757c;
}
.businessMatching-schedule .editor-content {
  padding: 18px 0;
  color: #000;
}
.businessMatching-schedule .editor-content strong {
  font-weight: 500;
  font-size: 16px;
}
.businessMatching-schedule .editor-content p {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.5;
}
.businessMatching-schedule .editor-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.businessMatching-schedule .editor-content ul li {
  position: relative;
  padding-left: 15px;
}
.businessMatching-schedule .editor-content ul li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.businessMatching-schedule .editor-content ul li + li {
  margin-top: 5px;
}
.businessMatching-schedule .boot-list .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #1e1e1e;
  margin-bottom: 18px;
}
.businessMatching-schedule .boot-list .item-list {
  margin: -5px -4px;
}
.businessMatching-schedule .boot-list .item-list > li {
  width: 14.2857142857%;
  padding: 5px 4px;
  position: relative;
}
.businessMatching-schedule .boot-list .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  color: #212b36;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  background-color: rgba(145, 158, 171, 0.1);
  border: 1px solid rgba(145, 158, 171, 0.2);
  border-radius: 6px;
}
.businessMatching-schedule .boot-list .request {
  position: absolute;
  z-index: 1;
  right: 6px;
  top: -8px;
  display: none;
}
.businessMatching-schedule .boot-list .request.active {
  display: block;
}
.businessMatching-schedule .boot-list .request .request-link {
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  position: relative;
  padding: 0px 8px;
  border-radius: 20px;
  background-color: #ed1c24;
}
.businessMatching-schedule .boot-list .request .request-link:before {
  content: "";
  position: absolute;
  left: 6px;
  bottom: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #ed1c24 transparent transparent transparent;
}
.businessMatching-schedule .boot-list .approved .wrapper {
  background-color: rgba(84, 185, 148, 0.1);
  border-color: #54b994;
  color: #54b994;
}
.businessMatching-schedule .boot-list .approved .request .request-link {
  background-color: #03a351;
}
.businessMatching-schedule .boot-list .approved .request .request-link:before {
  border-color: #03a351 transparent transparent transparent;
}
.businessMatching-schedule .boot-list .pending .wrapper {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: #f7943e;
  color: #f7943e;
}
.businessMatching-schedule .boot-list .pending .request.active {
  display: none;
}
.businessMatching-schedule .boot-list .reject .wrapper {
  background-color: rgba(229, 93, 87, 0.11);
  border-color: #e55d57;
  color: #ed1c24;
}
.businessMatching-schedule .boot-list .reject .request.active {
  display: none;
}

.businessMatching-exhibitor-list .h-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #1e1e1e;
  margin: 0;
  margin-bottom: 25px;
}
.businessMatching-exhibitor-list .exhibitor-list .item-list > li {
  width: 25%;
}

.exhibitor-list {
  margin-bottom: -18px;
}
.exhibitor-list .item-list {
  margin: 0 -6px;
}
.exhibitor-list .item-list > li {
  padding: 0 6px;
  margin-bottom: 18px;
}
.exhibitor-list .wrapper {
  color: #1e1e1e;
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.1);
          box-shadow: 0px 2px 10px rgba(19, 180, 255, 0.1);
}
.exhibitor-list .cover {
  padding-top: 100%;
  border-radius: 999px;
}
.exhibitor-list .thumb {
  width: 88px;
  height: 88px;
  padding: 4px;
  margin: 0 auto;
  border: 1px solid #eeeeee;
  border-radius: 999px;
  overflow: hidden;
}
.exhibitor-list .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4em;
  text-align: center;
  margin-top: 15px;
  height: 2.8em;
}
.exhibitor-list .action {
  text-align: center;
  margin-top: 15px;
}

.exhibitor-info .cover {
  padding-top: 100%;
}
.exhibitor-info .thumb {
  width: 133px;
  height: 133px;
  padding: 8px;
  margin: 0 auto;
  margin-bottom: 25px;
  border: 1px solid #eeeeee;
  border-radius: 999px;
  overflow: hidden;
}
.exhibitor-info .control-label {
  color: #91a6c4;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.exhibitor-info .control-label ~ .btn {
  margin-top: 8px;
}
.exhibitor-info .control-label ~ .product-gallery-list {
  margin-top: 10px;
}
.exhibitor-info .desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  color: #122d58;
}
.exhibitor-info .link {
  color: #122d58;
}
.exhibitor-info .link:hover {
  color: #56bed6;
}
.exhibitor-info .block > .row + .row {
  margin-top: 15px;
}
.exhibitor-info .action {
  margin-top: 15px;
}

.view-exhibitor-modal {
  max-width: 545px;
}
.view-exhibitor-modal .body {
  padding: 0 40px;
}

@media (max-width: 1199px) {
  .businessMatching-page {
    padding-bottom: 50px;
  }
  .businessMatching-head {
    padding: 18px 20px;
  }
  .businessMatching-menu {
    width: 220px;
  }
  .businessMatching-menu .head-title {
    padding: 20px;
  }
  .businessMatching-menu .head-title .txt {
    font-size: 22px;
  }
  .businessMatching-menu .nav-box .link {
    padding: 12px 20px;
  }
  .businessMatching-menu .nav-box .link .icon {
    margin-right: 12px;
  }
  .businessMatching-content .head {
    padding: 25px 0 0;
    margin: 0 20px;
  }
  .businessMatching-content .body {
    padding: 20px 20px 40px 20px;
  }
  .businessMatching-matchingStatus {
    padding-bottom: 25px;
  }
  .businessMatching-chat-box {
    height: 540px;
  }
  .businessMatching-chat-box .user .inner {
    width: 260px;
    padding: 20px;
  }
  .businessMatching-chat-box .user .thumb .cover {
    width: 44px;
    height: 44px;
  }
  .businessMatching-chat-box .user .content {
    padding: 3px 10px 0 10px;
  }
  .businessMatching-chat-box .user .time {
    padding-top: 3px;
  }
  .businessMatching-chat-box .user .time .txt {
    font-size: 10px;
  }
  .businessMatching-chat-box .message-head .thumb .cover {
    width: 44px;
    height: 44px;
  }
  .businessMatching-chat-box .message-head .content {
    padding: 3px 10px 0 10px;
  }
  .businessMatching-chat-box .message-body {
    height: 405px;
    padding: 25px 20px 25px 20px;
  }
  .businessMatching-chat-box .message-foot .form-default .form-control {
    font-size: 14px;
  }
  .businessMatching-chat-box .message-action {
    width: 50px;
    height: 50px;
  }
  .businessMatching-matchingData {
    padding: 20px 20px 0 20px;
  }
  .businessMatching-matchingData .h-title {
    padding-right: 0;
  }
  .businessMatching-matchingData .wrapper {
    padding: 20px 25px;
  }
  .businessMatching-matchingData .wrapper.-reject-box .col-md-auto {
    display: none;
  }
  .businessMatching-matchingData .wrapper.-TypeII .action {
    padding-left: 0;
  }
  .businessMatching-matchingData .status .txt {
    font-size: 13px;
  }
  .businessMatching-matchingData .status .txt .icon svg {
    width: 16px;
  }
  .businessMatching-schedule .h-title {
    font-size: 16px;
  }
  .businessMatching-schedule .editor-content,
  .businessMatching-schedule .editor-content strong {
    font-size: 14px;
  }
  .businessMatching-schedule .status-boot {
    width: 190px;
    margin-left: 40px;
  }
  .businessMatching-schedule .status-boot .item-list {
    margin: -5px;
    display: block;
  }
  .businessMatching-schedule .status-boot .item-list > li {
    width: 50%;
    padding: 5px;
  }
  .businessMatching-schedule .boot-list .title {
    font-size: 16px;
  }
  .businessMatching-schedule .boot-list .wrapper {
    font-size: 14px;
  }
  .businessMatching-schedule .boot-list .item-list > li {
    width: 16.6666666667%;
  }
  .businessMatching-exhibitor-list .h-title {
    font-size: 16px;
  }
  .exhibitor-list .thumb {
    width: 80px;
    height: 80px;
  }
  .exhibitor-list .wrapper {
    padding: 15px;
  }
  .exhibitor-list .title {
    font-size: 13px;
  }
  .exhibitor-list .action .btn {
    font-size: 12px;
  }
  .exhibitor-info .thumb {
    width: 120px;
    height: 120px;
    padding: 6px;
  }
  .exhibitor-info .control-label {
    font-size: 13px;
  }
  .exhibitor-info .desc {
    font-size: 16px;
  }
  .view-exhibitor-modal .body {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .modal-dialog.-organizer {
    margin: 0 auto;
  }
  .businessMatching-modal-FillDetail.modal-dialog {
    margin: 0 auto;
  }
  .businessMatching-page {
    padding: 25px 0 30px 0;
  }
  .businessMatching-head {
    margin-bottom: 20px;
  }
  .businessMatching-head .btn {
    min-width: 120px;
    margin-left: 0px;
  }
  .businessMatching-body .-L {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .businessMatching-body .-R {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .businessMatching-menu {
    width: 100%;
  }
  .businessMatching-menu .nav-box {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
  }
  .businessMatching-menu .nav-box li {
    width: 33.3333333333%;
  }
  .businessMatching-menu .nav-box li:before {
    width: 100%;
    height: 3px;
    top: auto;
  }
  .businessMatching-menu .nav-box li + li {
    border-left: 1px solid #ebebeb;
  }
  .businessMatching-menu .nav-box .link {
    height: 45px;
  }
  .businessMatching-content .head {
    padding: 20px 0 0;
  }
  .businessMatching-content .body {
    padding: 20px 20px 30px 20px;
  }
  .businessMatching-chat-box .message-head .wrapper {
    padding: 20px 60px 20px 20px;
  }
  .businessMatching-matchingStatus {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .modal-dialog.-organizer {
    max-width: 90%;
  }
  .businessMatching-modal-Detail.modal-dialog {
    max-width: 90%;
    margin: 0 auto;
  }
  .businessMatching-modal-Detail .modal-content {
    padding: 20px;
  }
  .businessMatching-modal-Detail .title.-h {
    padding-right: 30px;
  }
  .businessMatching-modal-Detail .status .txt.-approve {
    display: block;
  }
  .businessMatching-modal-Detail .status .txt + .txt.-approve {
    margin-left: 0;
    margin-top: 5px;
    border-left: none;
    border-top: 1px solid #eeeeee;
    padding: 5px 0 0 0;
  }
  .businessMatching-modal-Detail .info table td {
    vertical-align: top;
  }
  .businessMatching-modal-Detail .info table td:nth-child(1) {
    width: 80px;
  }
  .businessMatching-modal-FillDetail.modal-dialog {
    max-width: 90%;
  }
  .businessMatching-modal-FillDetail .title.-h {
    padding-right: 30px;
  }
  .businessMatching-head .row-15 > .col-md {
    margin-bottom: 12px;
  }
  .businessMatching-head .btn {
    min-width: 100%;
  }
  .businessMatching-menu .nav-box li {
    width: 100%;
  }
  .businessMatching-menu .nav-box li + li {
    border-left: none;
    border-top: 1px solid #ebebeb;
  }
  .businessMatching-menu .nav-box li:before {
    width: 3px;
    height: auto;
    top: -1px;
  }
  .businessMatching-content .not-matching {
    height: 40vh;
  }
  .businessMatching-content .pagination-info {
    padding: 20px 20px 20px 20px;
  }
  .businessMatching-content .pagination-info .content {
    text-align: left;
  }
  .businessMatching-content .pagination-info .action {
    padding-left: 0;
  }
  .businessMatching-content .pagination-info .action .link + .link {
    margin-left: 10px;
  }
  .businessMatching-chat-box {
    height: calc(100vh - 230px);
    display: block;
    overflow: hidden;
    position: relative;
  }
  .businessMatching-chat-box .user {
    position: relative;
    left: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  .businessMatching-chat-box .user.hide {
    position: absolute;
    left: -100%;
    opacity: 0;
  }
  .businessMatching-chat-box .user .inner {
    width: 100%;
    height: calc(100vh - 230px);
  }
  .businessMatching-chat-box .message {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  .businessMatching-chat-box .message.show {
    position: relative;
    left: 0;
    opacity: 1;
  }
  .businessMatching-chat-box .message-head .action {
    display: block;
  }
  .businessMatching-chat-box .message-body {
    height: calc(100vh - 372px);
  }
  .businessMatching-chat-box .message-body .thumb .cover {
    width: 18px;
    height: 18px;
  }
  .businessMatching-chat-box .message-body .content .word-message {
    max-width: 200px;
  }
  .businessMatching-chat-box .message-body li.L .content {
    padding-left: 6px;
  }
  .businessMatching-chat-box .message-body li.R .wrapper {
    display: block;
    text-align: right;
  }
  .businessMatching-chat-box .message-body li.R .content .word-message {
    text-align: left;
    float: right;
  }
  .businessMatching-chat-box .message-body li.R .content .date {
    clear: both;
  }
  .businessMatching-chat-box .message {
    border-left: none;
  }
  .businessMatching-matchingStatus .item-list > li {
    width: 100%;
  }
  .businessMatching-matchingStatus .item-list > li + li {
    margin-top: 5px;
  }
  .businessMatching-matchingNav {
    width: 100%;
  }
  .businessMatching-matchingNav .item-list {
    margin: 0 -5px;
  }
  .businessMatching-matchingNav .item-list > li {
    padding: 0 5px;
  }
  .businessMatching-matchingData {
    padding: 20px 20px 0 20px;
  }
  .businessMatching-matchingData .wrapper {
    padding: 20px 20px 65px 20px;
    position: relative;
  }
  .businessMatching-matchingData .wrapper.-reject-box {
    padding-bottom: 20px;
  }
  .businessMatching-matchingData .wrapper .col-md-auto {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 16px;
    padding: 0 20px;
  }
  .businessMatching-matchingData .action {
    padding-left: 0;
  }
  .businessMatching-matchingData .action .btn {
    width: 100%;
  }
  .businessMatching-matchingData .status .txt {
    display: block;
  }
  .businessMatching-matchingData .status .txt + .txt,
  .businessMatching-matchingData .status .txt + .txt.-approve {
    margin-left: 0;
    margin-top: 5px;
  }
  .businessMatching-matchingData .status .txt + .txt.-approve {
    border-left: none;
    border-top: 1px solid #eeeeee;
    padding: 5px 0 0 0;
  }
  .businessMatching-schedule {
    padding-bottom: 60px;
    position: relative;
  }
  .businessMatching-schedule .col-md-auto {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px;
  }
  .businessMatching-schedule .status-boot {
    width: 100%;
    margin-left: 0px;
  }
  .businessMatching-schedule .boot-list .item-list > li {
    width: 33.3333333333%;
  }
  .businessMatching-exhibitor-list .exhibitor-list .item-list > li {
    width: 33.3333333333%;
  }
  .view-exhibitor-modal .modal-content {
    min-height: 640px;
  }
}
@media (max-width: 575px) {
  .businessMatching-matchingData .h-title {
    font-size: 15px;
  }
  .businessMatching-exhibitor-list .exhibitor-list .item-list > li {
    width: 50%;
  }
}/*# sourceMappingURL=style.css.map */