@charset "UTF-8";
/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.patt-wrap {
  position: relative;
  cursor: pointer;
}

.patt-wrap li, .patt-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.patt-circ {
  position: relative;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.patt-error .patt-circ.hovered {
  border: 3px solid #BA1B26;
}

.patt-hidden .patt-circ.hovered {
  border: 0;
}

.patt-dots, .patt-lines {
  border-radius: 5px;
  height: 10px;
  position: absolute;
}

.patt-dots {
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
}

.patt-lines {
  background: rgba(255, 255, 255, 0.7);
  transform-origin: 5px 5px;
  -ms-transform-origin: 5px 5px;
  -webkit-transform-origin: 5px 5px;
}

.patt-hidden .patt-lines {
  display: none;
}

.mhn-lock-wrap {
  position: relative;
  margin-top: 1rem;
}

.mhn-lock-wrap .mhn-lock-title {
  margin: 0 auto;
  min-height: 2.5rem;
  max-width: 300px;
  text-align: center;
  font-size: 14px;
}

.mhn-lock-wrap .mhn-lock-success {
  color: transparent;
  text-shadow: none;
}

.mhn-lock-wrap .mhn-lock-failure {
  color: red;
}

.mhn-lock {
  margin: -15px auto 0;
  background: 0 0;
}

.patt-wrap {
  margin: auto;
  overflow: hidden;
}

.patt-wrap li {
  transition: all .4s ease-in-out 0s;
}

.patt-dots, .patt-lines {
  transition: background .1s ease-in-out 0s;
}

.patt-circ {
  border: 3px solid rgba(255, 255, 255, 0.1);
}

.patt-dots {
  background-color: white;
}

.patt-lines {
  background-color: rgba(0, 0, 0, 0.1);
}

.patt-circ.hovered {
  border-color: #ddd;
  background-color: rgba(0, 0, 0, 0.05);
}

.patt-error .patt-circ.hovered {
  background: rgba(243, 66, 53, 0.4);
  border-color: rgba(243, 66, 53, 0.8);
}

.patt-error .patt-lines {
  background: rgba(243, 66, 53, 0.5);
}

.patt-success .patt-circ.hovered {
  background: rgba(75, 174, 79, 0.4);
  border-color: rgba(75, 174, 79, 0.8);
}

.patt-success .patt-lines {
  background: rgba(75, 174, 79, 0.5);
}

.countdown:after {
  content: "";
  display: block;
  clear: both;
}

figure, figcaption {
  display: block;
}

.transition {
  transition: top 400ms linear;
}

.timeTo {
  line-height: 100%;
  font-weight: bold;
  width: 130px;
  height: auto;
  padding: 3px 2px 2px;
  text-align: center;
  border-radius: 3px;
  background: #2c2b2c;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #242424 0%, #383738 35%, #111112 37%);
  /* W3C */
  box-sizing: border-box;
}

@-webkit-keyframes blinking {
  49% {
    color: transparent;
  }
  50% {
    color: #fff;
  }
}

@keyframes blinking {
  49% {
    color: transparent;
  }
  50% {
    color: #fff;
  }
}

.timeTo span {
  vertical-align: top;
  font-size: 12px;
  color: #fff;
  text-shadow: 0px 0px 1px #000;
  -webkit-animation: blinking 1s linear infinite;
          animation: blinking 1s linear infinite;
}

.timeTo.timeTo-black div {
  color: white;
  background: transparent;
  font-family: 'arial';
  width: 9px !important;
  height: 14px !important;
  margin: 0 !important;
}

.timeTo figure {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  width: 28px !important;
}

.timeTo figure:first-child {
  padding-right: 3px;
  width: 30px !important;
}

.timeTo figure:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  top: -3px;
  bottom: -2px;
  right: 0px;
  background-color: rgba(56, 56, 56, 0.6);
}

.timeTo figure:nth-child(2) {
  padding-left: 3px;
  width: 30px !important;
}

.timeTo figure:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 1px;
  top: -3px;
  bottom: -2px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}

.timeTo figcaption {
  margin: -1px 0 0 -1px;
  padding: 0 !important;
  text-align: center;
  font-size: 12px;
  font-family: 'Arial', 'sans-serif';
  line-height: 80%;
  font-weight: normal;
  color: #fff;
  -webkit-transform: scale(0.625);
          transform: scale(0.625);
}

.timeTo div {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 30px;
  overflow: hidden;
}

.timeTo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0 !important;
}

.timeTo ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 若有更新 icon，須同時更新以下兩個檔案 
	1. iconfont.scss
	2. iconfont.woff	
*/
@font-face {
  font-family: "iconfont";
  src: url("../../../../TabletTemplate/_global/common/Images/IconFont/iconfont.woff?v=20181031") format("woff");
}

.icon {
  font-family: "iconfont";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-account-add::before {
  content: "\EA01";
}

.icon-account::before {
  content: "\EA02";
}

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

.icon-add-friend::before {
  content: "\EA04";
}

.icon-addition::before {
  content: "\EA05";
}

.icon-all-event::before {
  content: "\EA06";
}

.icon-alldone::before {
  content: "\EA07";
}

.icon-arrow-bottom-end::before {
  content: "\EA08";
}

.icon-arrow-bottom::before {
  content: "\EA09";
}

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

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

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

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

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

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

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

.icon-backspace::before {
  content: "\EA11";
}

.icon-bbm::before {
  content: "\EA12";
}

.icon-bulb::before {
  content: "\EA13";
}

.icon-call-out::before {
  content: "\EA14";
}

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

.icon-cancel::before {
  content: "\EA16";
}

.icon-caret::before {
  content: "\EA17";
}

.icon-chat::before {
  content: "\EA18";
}

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

.icon-checkbox-on::before, :checked + .icon-checkbox::before {
  content: "\EA1A";
}

.icon-checkbox::before {
  content: "\EA1B";
}

.icon-clear::before {
  content: "\EA1C";
}

.icon-cones::before {
  content: "\EA1D";
}

.icon-contact-us::before {
  content: "\EA1E";
}

.icon-danger::before {
  content: "\EA1F";
}

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

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

.icon-detail::before {
  content: "\EA22";
}

.icon-device-desktop::before {
  content: "\EA23";
}

.icon-done::before {
  content: "\EA24";
}

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

.icon-earth::before {
  content: "\EA26";
}

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

.icon-email-to::before {
  content: "\EA28";
}

.icon-email::before {
  content: "\EA29";
}

.icon-exclamation-word::before {
  content: "\EA2A";
}

.icon-favorite-leave::before {
  content: "\EA2B";
}

.icon-favorite-on::before {
  content: "\EA2C";
}

.icon-favorite::before {
  content: "\EA2D";
}

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

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

.icon-gesture-password::before {
  content: "\EA30";
}

.icon-gototop::before {
  content: "\EA31";
}

.icon-headphone::before {
  content: "\EA32";
}

.icon-help-outline::before {
  content: "\EA33";
}

.icon-help-word::before {
  content: "\EA34";
}

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

.icon-history::before {
  content: "\EA36";
}

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

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

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

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

.icon-keypad-hide::before {
  content: "\EA3B";
}

.icon-keypad::before {
  content: "\EA3C";
}

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

.icon-lessen::before {
  content: "\EA3E";
}

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

.icon-live-chart::before {
  content: "\EA40";
}

.icon-live-chat::before {
  content: "\EA41";
}

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

.icon-login::before {
  content: "\EA43";
}

.icon-logout::before {
  content: "\EA44";
}

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

.icon-message-person::before {
  content: "\EA46";
}

.icon-my-account::before {
  content: "\EA47";
}

.icon-other-contact::before {
  content: "\EA48";
}

.icon-others::before {
  content: "\EA49";
}

.icon-paper-plane::before {
  content: "\EA4A";
}

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

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

.icon-race::before {
  content: "\EA4D";
}

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

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

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

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

.icon-sequence::before {
  content: "\EA52";
}

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

.icon-statistic::before {
  content: "\EA54";
}

.icon-successful::before {
  content: "\EA55";
}

.icon-switch::before {
  content: "\EA56";
}

.icon-thick-arrow-bottom::before {
  content: "\EA57";
}

.icon-thumbtack::before {
  content: "\EA58";
}

.icon-trend::before {
  content: "\EA59";
}

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

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

.icon-uncheck-all::before {
  content: "\EA5C";
}

.icon-unfilter::before {
  content: "\EA5D";
}

.icon-upgrade::before {
  content: "\EA5E";
}

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

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

.icon-visibility::before {
  content: "\EA61";
}

.icon-warning::before {
  content: "\EA62";
}

.icon-wrench::before {
  content: "\EA63";
}

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

.icon-bet::before {
  content: "\EA65";
}

.icon-betlist::before {
  content: "\EA66";
}

.icon-betslip::before {
  content: "\EA67";
}

.icon-betting-parlay::before {
  content: "\EA68";
}

.icon-betting-single::before {
  content: "\EA69";
}

.icon-market-early-all::before {
  content: "\EA6A";
}

.icon-market-early::before {
  content: "\EA6B";
}

.icon-market-live::before {
  content: "\EA6C";
}

.icon-market-today::before {
  content: "\EA6D";
}

.icon-match-live::before {
  content: "\EA6E";
}

.icon-match-live2::before {
  content: "\EA6F";
}

.icon-no-more-bet::before {
  content: "\EA70";
}

.icon-odds-decimal::before {
  content: "\EA71";
}

.icon-odds-hongkong::before {
  content: "\EA72";
}

.icon-odds-malay::before {
  content: "\EA73";
}

.icon-odds-myanmar::before {
  content: "\EA74";
}

.icon-sort-normal::before {
  content: "\EA75";
}

.icon-sort-time::before {
  content: "\EA76";
}

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

.icon-ticket-bets::before {
  content: "\EA78";
}

.icon-ticket-void::before {
  content: "\EA79";
}

.icon-ticket-waiting::before {
  content: "\EA7A";
}

.icon-tickets::before {
  content: "\EA7B";
}

.icon-timer-1h::before {
  content: "\EA7C";
}

.icon-timer-2h::before {
  content: "\EA7D";
}

.icon-timer-ft::before {
  content: "\EA7E";
}

.icon-timer-lightning::before {
  content: "\EA7F";
}

.icon-timer-turbo::before {
  content: "\EA80";
}

.icon-timer::before {
  content: "\EA81";
}

.icon-word-off::before {
  content: "\EA82";
}

.icon-word-on::before {
  content: "\EA83";
}

.icon-euro2016::before {
  content: "\EA84";
}

.icon-balance::before {
  content: "\EA85";
}

.icon-bonus::before {
  content: "\EA86";
}

.icon-cashout::before {
  content: "\EA87";
}

.icon-colossus-bet::before {
  content: "\EA88";
}

.icon-deposit-bank::before {
  content: "\EA89";
}

.icon-deposit-history::before {
  content: "\EA8A";
}

.icon-deposit::before {
  content: "\EA8B";
}

.icon-fastmarket-leave::before {
  content: "\EA8C";
}

.icon-fastmarket::before {
  content: "\EA8D";
}

.icon-game-rules::before {
  content: "\EA8E";
}

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

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

.icon-jackpots::before {
  content: "\EA91";
}

.icon-just4you::before {
  content: "\EA92";
}

.icon-live-casino::before {
  content: "\EA93";
}

.icon-live-score::before {
  content: "\EA94";
}

.icon-metting::before {
  content: "\EA95";
}

.icon-mini-game::before {
  content: "\EA96";
}

.icon-my-score::before {
  content: "\EA97";
}

.icon-result::before {
  content: "\EA98";
}

.icon-score-borad::before {
  content: "\EA99";
}

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

.icon-select-league::before {
  content: "\EA9B";
}

.icon-slot-games::before {
  content: "\EA9C";
}

.icon-statement::before {
  content: "\EA9D";
}

.icon-superlive::before {
  content: "\EA9E";
}

.icon-table-games::before {
  content: "\EA9F";
}

.icon-transfer::before {
  content: "\EAA0";
}

.icon-vs-betradar::before {
  content: "\EAA1";
}

.icon-whats-hot::before {
  content: "\EAA2";
}

.icon-withdrawal::before {
  content: "\EAA3";
}

.icon-corner-first-1::before {
  content: "\EAA4";
}

.icon-corner-first::before {
  content: "\EAA5";
}

.icon-corner-last-1::before {
  content: "\EAA6";
}

.icon-corner-last::before {
  content: "\EAA7";
}

.icon-goal-first-1::before {
  content: "\EAA8";
}

.icon-goal-first-2::before {
  content: "\EAA9";
}

.icon-goal-first::before {
  content: "\EAAA";
}

.icon-goal-last-1::before {
  content: "\EAAB";
}

.icon-goal-last-2::before {
  content: "\EAAC";
}

.icon-goal-last::before {
  content: "\EAAD";
}

.icon-gv-badminton::before {
  content: "\EAAE";
}

.icon-gv-baseball::before {
  content: "\EAAF";
}

.icon-gv-basketball::before {
  content: "\EAB0";
}

.icon-gv-leave::before {
  content: "\EAB1";
}

.icon-gv-tennis::before {
  content: "\EAB2";
}

.icon-gv::before {
  content: "\EAB3";
}

.icon-baseball-bat::before {
  content: "\EAB4";
}

.icon-coffee::before {
  content: "\EAB5";
}

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

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

.icon-red-cross::before {
  content: "\EAB8";
}

.icon-rugby::before {
  content: "\EAB9";
}

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

.icon-letstalk::before {
  content: "\EABB";
}

.icon-line::before {
  content: "\EABC";
}

.icon-qq::before {
  content: "\EABD";
}

.icon-skype::before {
  content: "\EABE";
}

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

.icon-wechat::before {
  content: "\EAC0";
}

.icon-whatsapp::before {
  content: "\EAC1";
}

.icon-y-messenger::before {
  content: "\EAC2";
}

.icon-all-sports::before {
  content: "\EAC3";
}

.icon-sport1::before {
  content: "\EAC4";
}

.icon-sport10::before {
  content: "\EAC5";
}

.icon-sport11::before {
  content: "\EAC6";
}

.icon-sport12::before {
  content: "\EAC7";
}

.icon-sport13::before {
  content: "\EAC8";
}

.icon-sport14::before {
  content: "\EAC9";
}

.icon-sport15::before {
  content: "\EACA";
}

.icon-sport150::before {
  content: "\EACB";
}

.icon-sport151::before {
  content: "\EACC";
}

.icon-sport152::before {
  content: "\EACD";
}

.icon-sport153::before {
  content: "\EACE";
}

.icon-sport16::before {
  content: "\EACF";
}

.icon-sport160::before {
  content: "\EAD0";
}

.icon-sport161::before {
  content: "\EAD1";
}

.icon-sport162::before {
  content: "\EAD2";
}

.icon-sport17::before {
  content: "\EAD3";
}

.icon-sport18::before {
  content: "\EAD4";
}

.icon-sport180::before {
  content: "\EAD5";
}

.icon-sport184::before {
  content: "\EAD6";
}

.icon-sport19::before {
  content: "\EAD7";
}

.icon-sport2::before {
  content: "\EAD8";
}

.icon-sport20::before {
  content: "\EAD9";
}

.icon-sport201::before {
  content: "\EADA";
}

.icon-sport21::before {
  content: "\EADB";
}

.icon-sport22::before {
  content: "\EADC";
}

.icon-sport23::before {
  content: "\EADD";
}

.icon-sport24::before {
  content: "\EADE";
}

.icon-sport25::before {
  content: "\EADF";
}

.icon-sport251::before {
  content: "\EAE0";
}

.icon-sport252::before {
  content: "\EAE1";
}

.icon-sport253::before {
  content: "\EAE2";
}

.icon-sport255::before {
  content: "\EAE3";
}

.icon-sport26::before {
  content: "\EAE4";
}

.icon-sport27::before {
  content: "\EAE5";
}

.icon-sport28::before {
  content: "\EAE6";
}

.icon-sport29::before {
  content: "\EAE7";
}

.icon-sport3::before {
  content: "\EAE8";
}

.icon-sport30::before {
  content: "\EAE9";
}

.icon-sport31::before {
  content: "\EAEA";
}

.icon-sport32::before {
  content: "\EAEB";
}

.icon-sport33::before {
  content: "\EAEC";
}

.icon-sport34::before {
  content: "\EAED";
}

.icon-sport35::before {
  content: "\EAEE";
}

.icon-sport36::before {
  content: "\EAEF";
}

.icon-sport37::before {
  content: "\EAF0";
}

.icon-sport38::before {
  content: "\EAF1";
}

.icon-sport39::before {
  content: "\EAF2";
}

.icon-sport4::before {
  content: "\EAF3";
}

.icon-sport40::before {
  content: "\EAF4";
}

.icon-sport41::before {
  content: "\EAF5";
}

.icon-sport42::before {
  content: "\EAF6";
}

.icon-sport43::before {
  content: "\EAF7";
}

.icon-sport5::before {
  content: "\EAF8";
}

.icon-sport6::before {
  content: "\EAF9";
}

.icon-sport7::before {
  content: "\EAFA";
}

.icon-sport8::before {
  content: "\EAFB";
}

.icon-sport9::before {
  content: "\EAFC";
}

.icon-sport99::before {
  content: "\EAFD";
}

.icon-sport998::before {
  content: "\EAFE";
}

.icon-sport999::before {
  content: "\EAFF";
}

@font-face {
  font-family: "iconfont";
  src: url("../../../_global/common/Images/IconFont/iconfont.woff?v=20181106") format("woff");
}

*,
::before,
::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 1.42857143;
  color: rgba(0, 0, 0, 0.87);
  background-color: #d9e2f1;
  overflow-x: hidden;
}

.text {
  width: inherit;
  text-align: inherit;
  -webkit-align-self: center;
          align-self: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-primary {
  color: #5574a7;
}

.icon {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-align-self: center;
          align-self: center;
  font-size: 1.5rem;
}

.icon + .text,
.icon + .icon-caret,
[class*="text"] + .icon,
[class*="text"] + .icon-caret {
  margin-left: .25rem;
}

[class*="icon-account"]::before,
.icon-danger::before {
  opacity: .75;
}

.icon-caret {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 1;
}

.icon-caret::before {
  display: block;
  color: currentColor;
  transition: ease 0.2s;
  -webkit-transform: scaleX(1.5);
          transform: scaleX(1.5);
  opacity: .5;
}

.icon-caret + .icon {
  margin-left: .75rem;
}

.btn.is-active .icon-caret::before,
.dropdown.is-open .icon-caret::before {
  -webkit-transform: scaleX(1.5) rotate(-180deg);
          transform: scaleX(1.5) rotate(-180deg);
}

.btn {
  display: -webkit-inline-flex;
  display: inline-flex;
  min-width: 0;
  min-height: 36px;
  vertical-align: middle;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 .75rem;
  font-weight: inherit;
  color: currentColor;
  background-color: transparent;
  border-radius: 4px;
  text-decoration: none;
  outline: none;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}

.btn-link {
  color: #5f85c4;
}

.btn-icon {
  max-width: 36px;
  max-height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
}

.btn-highlight {
  color: white;
  background-color: #F77A00;
}

.dropdown {
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  min-width: 0;
  -webkit-align-self: center;
          align-self: center;
  vertical-align: middle;
  color: inherit;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
}

.dropdown__container {
  display: none;
  position: absolute;
  top: -.25rem;
  left: 0;
  z-index: 1;
  min-width: 100%;
  overflow: hidden;
  margin: .25rem 0;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.54);
}

.dropdown__list {
  margin-top: 36px;
  max-height: 50vh;
  overflow-y: auto;
  background-color: white;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  pointer-events: visible;
  -webkit-overflow-scrolling: touch;
}

.dropdown__item {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  color: inherit;
}

.dropdown__item:first-of-type {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.dropdown__item:last-of-type {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.dropdown__item.is-selected {
  color: #5574a7;
  background-color: #d9e2f1;
}

.dropdown__item.is-current {
  color: #5574a7;
}

.dropdown .btn {
  -webkit-flex: 1;
          flex: 1;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

.dropdown .btn + .btn {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown.is-open {
  overflow: visible;
  border-color: #d9e2f1;
}

.dropdown.is-open > .btn {
  color: #5574a7;
  background-color: #d9e2f1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown.is-open .dropdown__container {
  display: block;
}

.dropdown--account .icon + .text {
  margin-left: .75rem;
}

.dropdown--account .dropdown__list {
  max-height: 230px;
  overflow-x: hidden;
}

.dropdown--account .dropdown__item [class*="btn-"] {
  border-radius: 0;
}

.dropdown--account .dropdown__item .btn-account {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 50px);
  transition: ease-in-out 150ms;
}

.dropdown--account .dropdown__item .btn-account .icon {
  transition: ease-in-out 150ms;
}

.dropdown--account .dropdown__item .btn-clear {
  visibility: visible;
  opacity: 1;
  width: 50px;
  transition: ease-in-out 50ms;
}

.dropdown--account .dropdown__item .btn-delete {
  width: 50px;
  color: white;
  background-color: red;
  transition: ease-in-out 150ms;
}

.dropdown--account .dropdown__item.is-delete .btn-account {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #F5F5F5;
}

.dropdown--account .dropdown__item.is-delete .btn-account .icon {
  margin-left: -36px;
}

.dropdown--account .dropdown__item.is-delete .btn-delete {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.dropdown--account .dropdown__item.is-delete .btn-clear {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.dropdown--account .dropdown__item:last-of-type {
  border-top: 1px solid #bdbdbd;
}

.textfield {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: inherit;
}

.textfield__input {
  -webkit-flex: 1;
          flex: 1;
  padding: 0 .75rem;
  width: inherit;
  color: inherit;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-appearance: none;
}

.textfield__input:focus {
  outline: 0;
}

.textfield__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.textfield--btn .textfield__input {
  padding-right: 3rem;
  margin-right: -3rem;
}

.checkbox {
  display: -webkit-inline-flex;
  display: inline-flex;
  min-width: 0;
  min-height: 36px;
  vertical-align: middle;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 .75rem;
  font-weight: inherit;
}

.checkbox input {
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
}

.checkbox input:checked + .icon::before {
  opacity: 1;
}

.checkbox .icon::before {
  opacity: .3;
}

.checkbox .icon + .text {
  margin-left: .5rem;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.35);
  transition: ease .2s;
  visibility: hidden;
  opacity: 0;
}

.overlay.is-show {
  visibility: visible;
  opacity: 1;
}

.popup {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  margin-top: .5rem;
  margin-left: .5rem;
  width: calc(100% - 1rem);
  height: calc(100% - .5rem);
}

.popup.is-open {
  display: block;
}

.popup__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: inherit;
}

.popup .heading {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.popup .iframe {
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popup iframe {
  display: block;
  width: 100%;
  height: 100%;
  border-width: 0;
}

.popup .btn-icon {
  max-width: 28px;
  max-height: 28px;
  min-width: 28px;
  min-height: 28px;
  padding: 0;
  -webkit-align-self: center;
          align-self: center;
  margin-left: auto;
  margin-right: .5rem;
  background-color: #5574a7;
}

.tooltip {
  display: -webkit-flex;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  margin-bottom: 10px;
  padding: .5rem;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  background-color: #fff9c4;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  transition: ease 0.2s;
}

.tooltip:after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  height: 10px;
  width: 10px;
  background-color: #fff9c4;
  box-shadow: 0.125rem 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.12);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tooltip.is-open {
  visibility: visible;
  opacity: 1;
}

.tooltip-title {
  margin-bottom: .125rem;
  font-weight: bold;
}

.tooltip .icon {
  vertical-align: middle;
  line-height: 1;
}

.tooltip .icon-danger {
  -webkit-align-self: stretch;
          align-self: stretch;
  color: #F44336;
}

.tooltip--wrap {
  -webkit-flex-direction: column;
          flex-direction: column;
  max-width: inherit;
}

.tooltip--wrap .text {
  white-space: normal;
}

.tooltip--top {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.tooltip--top-right {
  right: 0;
  left: auto;
}

.tooltip--top-right:after {
  left: auto;
  right: 10px;
}

.heading {
  display: -webkit-flex;
  display: flex;
  padding-left: .75rem;
  width: 100%;
  min-height: 36px;
  color: white;
  background-color: #5f85c4;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.panel {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
  width: 100%;
}

.panel__row {
  display: -webkit-flex;
  display: flex;
}

[class*="panel__col"] {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
}

.panel__col-title {
  padding-left: .75rem;
}

.panel__col-right {
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}

.panel__heading {
  display: -webkit-flex;
  display: flex;
  min-height: 36px;
  border-radius: inherit;
}

.notification {
  position: fixed;
  padding: .5rem;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  transition: ease 0.2s;
  z-index: 1;
}

.notification.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.notification .panel__heading {
  padding-top: .25rem;
  padding-right: .25rem;
}

.notification .panel__col-title {
  color: #5574a7;
}

.notification .panel__col-title .text {
  font-size: 16px;
}

.notification .panel__content {
  padding: 0 .75rem .75rem;
}

.header {
  display: -webkit-flex;
  display: flex;
  margin: auto;
  width: 100%;
  height: 60px;
  max-width: 1024px;
}

.header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  height: inherit;
  background-color: inherit;
  border-bottom: 3px solid;
  border-color: inherit;
}

.header__logo {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
          align-content: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: .5rem;
  margin-right: auto;
}

.header__logo .logo {
  -webkit-align-self: center;
          align-self: center;
}

.header__logo .logo::before {
  content: "";
  display: inline-block;
  line-height: 1;
  vertical-align: top;
  background-size: cover;
}

.header__language {
  display: -webkit-flex;
  display: flex;
  padding-right: 1.25rem;
}

.header__language .dropdown {
  width: 10rem;
}

.header__language .dropdown > .btn > .icon-caret {
  margin-left: auto;
}

.header__language .dropdown__container {
  z-index: 2;
}

.header__worldcup {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-right: .5rem;
}



@keyframes worldcup_open {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1260px;
  }
}

@-webkit-keyframes worldcup_open {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -1260px;
  }
}



.lobby-banner {
  position: relative;
  background-color: #333;
}

.lobby-banner__container {
  overflow: hidden;
}

.lobby-banner__container .swiper-slide {
  position: relative;
  height: 290px;
  overflow: hidden;
}

.lobby-banner__container .swiper-slide img {
  position: absolute;
  left: 50%;
  margin-left: -512px;
  width: calc(2048px * 0.5);
  height: calc(580px * 0.5);
}

.lobby-banner__pagination {
  position: absolute;
  left: 50%;
  bottom: 1.25rem;
  z-index: 1;
  -webkit-transform: translateX(-364px);
          transform: translateX(-364px);
  background: rgba(0, 0, 0, 0.7);
  padding: 0 .375rem;
  border-radius: 10px;
}

.lobby-banner__pagination .swiper-pagination-bullet {
  margin: 0 .375rem;
  width: 10px;
  height: 10px;
  background: white;
}

.lobby__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0 auto;
  padding: .75rem 1rem 0;
  width: 768px;
}

.btn {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.btn-primary {
  color: white;
  background-color: #2f4e82;
}

.btn-light {
  color: #112240;
  background-color: rgba(255, 255, 255, 0.54);
}

.textfield__input {
  background-color: #eeeeee;
}

.textfield__input::-webkit-input-placeholder {
  color: #9e9e9e;
}

.textfield__input:-ms-input-placeholder {
  color: #9e9e9e !important;
}

[class^=iconthin] {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-align-self: center;
          align-self: center;
  font-size: 1.5rem;
}

@font-face {
  font-family: "iconthin";
  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff");
}

[class^=iconthin] {
  font-family: "iconthin";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconthin-arrow-left::before {
  content: "\EA01";
}

.iconthin-arrow-right::before {
  content: "\EA02";
}

.iconthin-sport1::before, .lobby-sport--sport1::before {
  content: "\EA03";
}

.iconthin-sport161::before {
  content: "\EA04";
}

.iconthin-sport180::before {
  content: "\EA05";
}

.iconthin-sport2::before, .lobby-sport--sport2::before {
  content: "\EA06";
}

.iconthin-sport202::before {
  content: "\EA07";
}

.iconthin-sport211::before {
  content: "\EA08";
}

.iconthin-sport43::before, .lobby-sport--sport43::before {
  content: "\EA09";
}

.iconthin-sport5::before, .lobby-sport--sport5::before {
  content: "\EA0A";
}

.iconthin-sport8::before, .lobby-sport--sport8::before {
  content: "\EA0B";
}

html, body {
  height: 100%;
}

.lobby {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
}

.header, .footer {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
}

.wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 100%;
}

body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  background-color: #91aad3;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  max-width: 100%;
  height: 60px;
  background-color: #243d70;
}

@media (min-width: 1330px) {
  .header {
    height: 90px;
  }
}

.header::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}

.header__container {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-flex;
  display: flex;
  height: inherit;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 1330px) {
  .header__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
  }
}

.header__logo {
  margin-left: 0;
  margin-bottom: -20px;
  width: 194px;
  background-color: #101f41;
  border-radius: 0 0 10px 10px;
}

.header__logo .logo::before {
  width: 130px;
  height: 46px;
  background-image: url("../Images/logo.png");
}

@media (min-width: 1330px) {
  .header__logo {
    margin-bottom: -40px;
    width: 260px;
  }
  .header__logo .logo::before {
    width: calc(130px * 1.5);
    height: calc(46px * 1.5);
  }
}

.header__nav {
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto;
  display: none;
  margin: 0 3rem;
}

@media (min-width: 1024px) {
  .header__nav {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-around;
            justify-content: space-around;
  }
}

.header__item {
  display: -webkit-flex;
  display: flex;
  padding: .25rem .75rem;
  font-size: 16px;
  color: #fff;
  opacity: .8;
  cursor: pointer;
}

.header__item:hover {
  opacity: 1;
}

.header__login {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}

@media (min-width: 1330px) {
  .header__login {
    width: 270px;
  }
}

.header__login .btn {
  padding: 0 2.5rem;
  font-size: 16px;
  font-weight: bold;
}

.footer {
  color: white;
  background-color: #112240;
}

@media (min-width: 1024px) {
  .footer {
    padding: 2.5rem 0;
  }
}

.footer__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 1330px) {
  .footer__container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
  }
}

@media (min-width: 1024px) {
  .footer__container {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.footer__cpr {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  padding: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  opacity: .3;
}

.footer__cpr .logo::before {
  content: "";
  display: block;
  width: 92px;
  height: 32px;
  background-image: url("../Images/logo_white.svg");
  background-size: 100% 100%;
}

.footer__cpr br {
  display: none;
}

@media (min-width: 1024px) {
  .footer__cpr {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    padding: 0;
    width: 28%;
    border-top: none;
  }
  .footer__cpr .logo {
    margin-bottom: 1.5rem;
  }
  .footer__cpr .logo::before {
    width: 130px;
    height: 46px;
  }
  .footer__cpr br {
    display: block;
  }
}

.footer__nav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 1.5rem 0;
}

@media (min-width: 1024px) {
  .footer__nav {
    -webkit-flex: 1;
            flex: 1;
    padding: 0;
  }
}

.footer__col {
  -webkit-flex: 1;
          flex: 1;
  padding: 0 1rem;
}

.footer__heading {
  padding: 0 .5rem .5rem;
  opacity: .8;
}

.footer__item {
  padding: .25rem .5rem;
  opacity: .4;
  cursor: pointer;
}

.footer__item:hover {
  opacity: .8;
}

.lobby {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-top: 60px;
  min-height: 1px;
}

@media (min-width: 1330px) {
  .lobby {
    padding-top: 90px;
  }
}

.lobby-banner {
  background-color: transparent;
  z-index: 0;
}

.lobby-banner__container .swiper-slide {
  height: 450px;
}

.lobby-banner__container .swiper-slide a {
  position: relative;
  display: block;
  height: 450px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.lobby-banner__container .swiper-slide a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 180px;
  background-image: linear-gradient(rgba(164, 188, 224, 0), #91aad2);
}

@media (min-width: 1024px) {
  .lobby-banner__container .swiper-slide {
    height: 525px;
  }
  .lobby-banner__container .swiper-slide a {
    height: 525px;
  }
  .lobby-banner__container .swiper-slide a::after {
    height: 240px;
  }
}

@media (min-width: 1330px) {
  .lobby-banner__container .swiper-slide {
    height: 700px;
  }
  .lobby-banner__container .swiper-slide a {
    height: 700px;
  }
  .lobby-banner__container .swiper-slide a::after {
    height: 330px;
  }
}

.lobby-banner__container .swiper-button-next,
.lobby-banner__container .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: -80px;
  background-image: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: .3s ease;
  opacity: 0;
}

@media (min-width: 1024px) {
  .lobby-banner__container .swiper-button-next,
  .lobby-banner__container .swiper-button-prev {
    margin-top: -105px;
  }
}

@media (min-width: 1330px) {
  .lobby-banner__container .swiper-button-next,
  .lobby-banner__container .swiper-button-prev {
    margin-top: -150px;
  }
}

.lobby-banner__container .swiper-button-next [class^=iconthin],
.lobby-banner__container .swiper-button-prev [class^=iconthin] {
  color: #fff;
  font-size: 5rem;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.54);
}

.lobby-banner__pagination {
  left: 50%;
  bottom: 160px;
  background: rgba(0, 0, 0, 0.38);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 1024px) {
  .lobby-banner__pagination {
    -webkit-transform: translateX(-50%) translateY(100%);
            transform: translateX(-50%) translateY(100%);
  }
}

@media (min-width: 1024px) {
  .lobby-banner__pagination {
    bottom: 210px;
  }
}

@media (min-width: 1330px) {
  .lobby-banner__pagination {
    bottom: 300px;
  }
}

.lobby-banner__pagination .swiper-pagination-bullet {
  margin: 0 .25rem;
}

.lobby-sports {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  margin-bottom: 1.75rem;
  min-height: 1px;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 1330px) {
  .lobby-sports {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
  }
}

@media (min-width: 1024px) {
  .lobby-sports {
    margin-bottom: 2.75rem;
  }
}

@media (min-width: 1330px) {
  .lobby-sports {
    margin-bottom: 3.75rem;
  }
}

.lobby-banner + .lobby-sports {
  margin-top: -160px;
}

@media (min-width: 1024px) {
  .lobby-banner + .lobby-sports {
    margin-top: -210px;
  }
}

@media (min-width: 1330px) {
  .lobby-banner + .lobby-sports {
    margin-top: -300px;
  }
}

.lobby-sport {
  -webkit-flex: 1;
          flex: 1;
  position: relative;
  cursor: pointer;
}

.lobby-sport + .lobby-sport {
  margin-left: .5rem;
}

.lobby-sport:nth-child(2), .lobby-sport:nth-child(4) {
  margin-top: 1.5rem;
}

.lobby-sport:nth-child(3) {
  margin-top: 3rem;
}

@media (min-width: 1024px) {
  .lobby-sport + .lobby-sport {
    margin-left: 1rem;
  }
  .lobby-sport:nth-child(2), .lobby-sport:nth-child(4) {
    margin-top: 2rem;
  }
  .lobby-sport:nth-child(3) {
    margin-top: 4rem;
  }
}

.lobby-sport::before {
  position: absolute;
  left: 50%;
  bottom: -20px;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 42px;
  height: 42px;
  font-family: "iconthin";
  font-size: 30px;
  color: rgba(255, 255, 255, 0.54);
  background-color: #5574a7;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 1024px) {
  .lobby-sport::before {
    bottom: -30px;
    width: 60px;
    height: 60px;
    font-size: 45px;
  }
}

@media (min-width: 1330px) {
  .lobby-sport::before {
    bottom: -40px;
    width: 78px;
    height: 78px;
    font-size: 60px;
  }
}

.lobby-sport__inner {
  position: relative;
  overflow: hidden;
  border-bottom: 15px solid #5574a7;
  border-radius: 10px;
}

@media (min-width: 1024px) {
  .lobby-sport__inner {
    border-bottom-width: 22px;
  }
}

@media (min-width: 1330px) {
  .lobby-sport__inner {
    border-bottom-width: 30px;
  }
}

.lobby-sport img {
  display: block;
  max-width: 100%;
  height: auto;
}

.lobby-sport__info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .25rem .25rem .75rem;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.74);
}

@media (min-width: 1024px) {
  .lobby-sport__info {
    padding: .5rem .5rem .75rem;
  }
}

.lobby-sport__name {
  padding: .25rem 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 1024px) {
  .lobby-sport__name {
    font-size: 24px;
  }
}

.lobby-sport__intro {
  font-size: 12px;
}

@media (min-width: 1024px) {
  .lobby-sport__intro {
    font-size: 14px;
  }
}

.lobby-title {
  font-size: 24px;
  font-weight: bold;
  color: #112240;
  text-align: center;
  overflow: hidden;
  margin-left: 1rem;
  margin-right: 1rem;
}

@media (min-width: 1330px) {
  .lobby-title {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
  }
}

@media (min-width: 1024px) {
  .lobby-title {
    margin-bottom: 1.5rem;
    font-size: 30px;
  }
}

@media (min-width: 1330px) {
  .lobby-title {
    width: 100%;
  }
}

.lobby-title > span {
  position: relative;
  display: inline-block;
}

.lobby-title > span:before,
.lobby-title > span:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1000px;
  border-bottom: 1px solid #112240;
  opacity: .8;
}

.lobby-title > span:before {
  right: 100%;
  margin-right: 1.25rem;
}

.lobby-title > span:after {
  left: 100%;
  margin-left: 1.25rem;
}

.lobby-pnfs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.lobby-pnf {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-flex;
  display: flex;
  padding-top: 20px;
  width: 100%;
  height: 160px;
  color: #fff;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .lobby-pnf {
    padding-top: 0;
    width: 50%;
    height: 200px;
    background-color: #5574a7;
    background-size: cover;
    background-position-y: center;
    overflow: visible;
  }
  .lobby-pnf--sports {
    background-image: url(../img/bg_livematches.jpg);
  }
  .lobby-pnf--vs {
    background-image: url(../img/bg_virtualsports.jpg);
  }
  .lobby-pnf--gaming {
    background-image: url(../img/bg_gaming.jpg);
  }
}

.lobby-pnf--sports {
  -webkit-order: 1;
          order: 1;
}

.lobby-pnf--sports .lobby-pnf__inner {
  background-image: url(../Images/bg_livematches.jpg);
}

.lobby-pnf--sports .lobby-pnf__img {
  margin-top: -20px;
  margin-right: -130px;
  width: 480px;
}

@media (min-width: 1024px) {
  .lobby-pnf--sports .lobby-pnf__img {
    margin-top: 20px;
    width: 400px;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--sports .lobby-pnf__img {
    margin-top: -10px;
    width: 530px;
  }
}

.lobby-pnf--devices {
  -webkit-order: 2;
          order: 2;
}

.lobby-pnf--devices .lobby-pnf__img {
  margin-top: -20px;
  margin-right: 50px;
  width: 240px;
}

@media (min-width: 1024px) {
  .lobby-pnf--devices .lobby-pnf__img {
    margin-top: 20px;
    margin-right: 0;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--devices .lobby-pnf__img {
    margin-top: 0;
    width: 300px;
  }
}

.lobby-pnf--keno {
  -webkit-order: 4;
          order: 4;
}

.lobby-pnf--keno .lobby-pnf__img {
  margin-top: -12px;
  margin-right: 20px;
  width: 300px;
}

@media (min-width: 1024px) {
  .lobby-pnf--keno .lobby-pnf__img {
    margin-top: 10px;
    margin-right: 0;
    width: 270px;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--keno .lobby-pnf__img {
    margin-top: 0;
    width: 350px;
  }
}

.lobby-pnf--vs {
  -webkit-order: 3;
          order: 3;
}

.lobby-pnf--vs .lobby-pnf__inner {
  background-image: url(../Images/bg_virtualsports.jpg);
}

.lobby-pnf--vs .lobby-pnf__img {
  margin-top: -16px;
  margin-right: 30px;
  width: 270px;
}

@media (min-width: 1024px) {
  .lobby-pnf--vs .lobby-pnf__img {
    margin-top: 20px;
    margin-right: 0;
    width: 240px;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--vs .lobby-pnf__img {
    margin-top: 0;
    margin-right: -10px;
    width: 330px;
  }
}

.lobby-pnf--gaming {
  -webkit-order: 5;
          order: 5;
}

.lobby-pnf--gaming .lobby-pnf__inner {
  background-image: url(../Images/bg_gaming.jpg);
}

.lobby-pnf--gaming .lobby-pnf__img {
  margin-top: -16px;
  margin-right: 30px;
  width: 270px;
}

@media (min-width: 1024px) {
  .lobby-pnf--gaming .lobby-pnf__img {
    margin-top: 12px;
    margin-right: -10px;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--gaming .lobby-pnf__img {
    margin-top: -10px;
    margin-right: 0;
    width: 350px;
  }
}

.lobby-pnf--ng {
  -webkit-order: 6;
          order: 6;
}

.lobby-pnf--ng .lobby-pnf__img {
  margin-top: -16px;
  margin-right: 40px;
  width: 240px;
}

@media (min-width: 1024px) {
  .lobby-pnf--ng .lobby-pnf__img {
    margin-top: 10px;
    margin-right: 0;
  }
}

@media (min-width: 1330px) {
  .lobby-pnf--ng .lobby-pnf__img {
    margin-top: 0;
    width: 300px;
  }
}

@media (min-width: 1024px) {
  .lobby-pnf--keno {
    -webkit-order: 3;
            order: 3;
  }
  .lobby-pnf--vs {
    -webkit-order: 4;
            order: 4;
  }
  .lobby-pnf:nth-child(odd) {
    background-position-x: right;
  }
  .lobby-pnf:nth-child(odd) .lobby-pnf__inner {
    margin-left: auto;
  }
  .lobby-pnf:nth-child(even) {
    background-position-x: left;
  }
}

.lobby-pnf:nth-child(4n+0) .lobby-pnf__name, .lobby-pnf:nth-child(4n+1) .lobby-pnf__name {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.54);
}

.lobby-pnf:nth-child(4n+0) .lobby-pnf__intro, .lobby-pnf:nth-child(4n+1) .lobby-pnf__intro {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.54);
  opacity: .87;
}

.lobby-pnf__inner {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background-color: #5574a7;
  background-size: cover;
  background-position-y: center;
}

@media (min-width: 1024px) {
  .lobby-pnf__inner {
    width: calc(1280px/2);
    background-color: transparent;
    background-image: none !important;
    overflow: hidden;
  }
}

.lobby-pnf__info {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 1rem .75rem .75rem 5rem;
}

.lobby-pnf__info > * {
  max-width: 100%;
}

.lobby-pnf__info .btn {
  margin-top: auto;
  padding: 0 2.5rem;
  font-size: 16px;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .lobby-pnf__info {
    padding: 1.5rem .75rem 1.5rem 2rem;
  }
}

.lobby-pnf__name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
}

.lobby-pnf__name + .lobby-pnf__intro {
  margin-top: .25rem;
}

@media (min-width: 1024px) {
  .lobby-pnf__name {
    font-size: 24px;
  }
  .lobby-pnf__name + .lobby-pnf__intro {
    margin-top: .5rem;
  }
}

.lobby-pnf__intro {
  opacity: .54;
}

.lobby-pnf__img {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
}

.lobby-pnf__img img {
  width: 100%;
}

.lobby-join {
  margin-left: 1rem;
  margin-right: 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  height: 80px;
}

@media (min-width: 1330px) {
  .lobby-join {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1280px;
  }
}

@media (min-width: 1024px) {
  .lobby-join {
    height: 100px;
  }
}

.lobby-join__text {
  font-size: 24px;
  font-weight: bold;
  color: #112240;
}

@media (min-width: 1024px) {
  .lobby-join__text {
    font-size: 30px;
  }
}

.lobby-join__text + .btn {
  margin-left: 1.5rem;
}

.lobby-join .btn {
  padding: 0 2.5rem;
  font-size: 16px;
  font-weight: bold;
}

body {
  min-width: 768px;
}

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.woff?v=20181031") format("woff");
}

.icon {
  font-family: "iconfont";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clear::before {
  content: "\EA1C";
}

.icon-danger::before {
  content: "\EA1F";
}

.icon-checkbox-on::before, :checked + .icon-checkbox::before {
  content: "\EA1A";
}

.icon-checkbox::before {
  content: "\EA1B";
}

.btn {
  height: 36px;
  transition: background-color .2s ease;
}

.btn-highlight:hover {
  background-color: #ff8712;
}

.btn-primary:hover {
  background-color: #355995;
}

.btn-light:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
  opacity: 1;
}

.lobby-sport:hover::before {
  background-color: #F77A00;
}

.lobby-sport:hover .lobby-sport__inner {
  border-bottom-color: #F77A00;
}

.lobby-sport:hover img {
  -webkit-transform: scale(1.1) rotate(0.1deg);
          transform: scale(1.1) rotate(0.1deg);
}

.lobby-sport::before {
  transition: .2s ease;
}

.lobby-sport__inner {
  transition: .3s ease;
}

.lobby-sport img {
  transition: .4s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.lobby-sport__info {
  bottom: auto;
  top: 100%;
}

.lobby-sport__intro {
  opacity: 0;
}

.login-popup {
  display: none;
  position: fixed;
  top: 200px;
  left: 50%;
  z-index: 999;
  padding: 1.5rem;
  width: 400px;
  border-radius: 6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.login-popup.is-show {
  display: block;
}

.login-popup .login__close {
  position: absolute;
  top: .5rem;
  right: .5em;
}

.login-popup [class*="login__item"] + [class*="login__item"] {
  margin-top: 1rem;
}

.login-popup [class*="login__item"] .textfield,
.login-popup [class*="login__item"] .btn {
  height: 40px;
}

.login-popup .login__item-heading {
  font-size: 16px;
  font-weight: bold;
}

.login-popup .login__item-option .checkbox {
  padding: 0;
  cursor: pointer;
}

.login-popup .login__item-option .checkbox .icon::before {
  opacity: 1;
}

.login-popup .login__item-btn .btn {
  width: 100%;
}

.login-popup .login__item-btn .text {
  width: auto;
}

.login-popup {
  background-color: #fff;
}

.login-popup .login__item-heading, .login-popup .login__item-option {
  color: #253d66;
}

.tooltip {
  display: block;
}

.tooltip__inner {
  display: -webkit-flex;
  display: flex;
}

.alink{color:#fff;font-size:20px;text-decoration:none}

        .kol-berita{margin-top:45px}
        .kol-judul-berita{font-size:36px;font-weight: bolder; text-align:center;padding-bottom:20px;letter-spacing:1px;line-height:1.2em}
        .link-berita{color:#ffec4e;text-decoration:none}
        .kol-img-berita{text-align:center;padding-bottom:10px}
        .isi-berita{color:#fff;font-size:16px;letter-spacing:1px;line-height:1.2em;padding-bottom:10px;border-bottom:solid 2px #fff}
        
        .film_roll_pager
{
	display:none;
}

.film_roll_child
{
	margin-right:25px;

}

.film_roll_child
{
	height:200px;
	
}


.film_roll_child.active
{
	height:375px;


}


.pagination {
	border-top:none !important;
    padding: 20px;
    margin-bottom: 20px; text-align:center;width: 100%;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}