/* Minification failed. Returning unminified contents.
(3781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4082,1): run-time error CSS1019: Unexpected token, found '}'
(4995,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
(5012,26): run-time error CSS1039: Token not allowed after unary operator: '-main-color'
 */
@charset "UTF-8";
.default-color {
  background-color: #00859b !important; }

.default-color-text {
  color: #00859b !important; }

.default-color.lighten-3 {
  background-color: #00bedd !important; }

.default-color-text.text-lighten-3 {
  color: #00bedd !important; }

.default-color.lighten-2 {
  background-color: #dedede !important; }

.default-color-text.text-lighten-2 {
  color: #dedede !important; }

.default-color.lighten-1 {
  background-color: #ececec !important; }

.default-color-text.text-lighten-1 {
  color: #ececec !important; }

.default-color.darken-1 {
  background-color: #041a2a !important; }

.default-color-text.text-darken-1 {
  color: #041a2a !important; }

.default-color.darken-2 {
  background-color: #313131 !important; }

.default-color-text.text-darken-2 {
  color: #313131 !important; }

.default-color.darken-3 {
  background-color: #171717 !important; }

.default-color-text.text-darken-3 {
  color: #171717 !important; }

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

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

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

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

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.darken-1 {
  background-color: #00897B !important; }

.teal-text.text-darken-1 {
  color: #00897B !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #0fd700 !important; }

.green-text.text-darken-3 {
  color: #0fd700 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

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

.white {
  background-color: #FFFFFF !important; }

.white-text, .user-view {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

/* ------------------------------------------------------------------
/* b. Reset
/* ------------------------------------------------------------------ */
section, article, aside, main, footer, header, nav {
  display: block; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  font-size: 1.125rem;
  line-height: normal; }

input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

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

td,
th {
  padding: 0; }

/* c. Default Styles ------------------------------------------------------------------ */
/*  1. Basic  ------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.87);
  line-height: 1.5; }
  @media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 992px) {
    html {
      font-size: 14.5px; } }

* {
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

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

/*  2. Typography
--------------------------------------------------------------------- */
ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none; }
  ul > li {
    list-style-type: none; }

a {
  outline: none;
  hlbr: expression(this.onFocus=this.blur());
  color: #00859b;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 1.4rem;
  line-height: 110%;
  margin: 0.6rem 0 0.48rem 0; }

h2 {
  font-size: 1.2rem;
  line-height: 110%;
  margin: 0.6rem 0 0.48rem 0; }

h3 {
  font-size: 1.18rem;
  line-height: 110%;
  margin: 0.59rem 0 0.59rem 0; }

h4 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0; }

h5 {
  font-size: 0.9em;
  line-height: 110%;
  margin: 0.45em 0 0.36em 0; }

h6 {
  font-size: 0.86rem;
  line-height: 110%;
  margin: 0.43rem 0 0.344rem 0; }

strong {
  font-weight: 400; }

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

/*Clear*/
.clearfix:after, .navbar-fixed ul:after, .user-view ol:after, .user-view .member-btn:after, .bottom-nav-bar ul:after, .amount-button ul:after, .button-group:after, .game-list ul:after, .promotions-category:after, .buttons-option-wrap:after, .account-menu:after, .game-item-list ul:after, .contact-item:after, .reguster-wrap-content:after, .menu-body .lang-select:after, .newsInfo:after, .group-wrap:after, .password-field:after, .mobile-field:after, .promotions-list:after, .promotions-wrap:after, .page-area:after, .account-wrap:after, .balance-list dl:after {
  content: "";
  display: block;
  clear: both; }

.clearfix, .navbar-fixed ul, .user-view ol, .user-view .member-btn, .bottom-nav-bar ul, .amount-button ul, .button-group, .game-list ul, .promotions-category, .buttons-option-wrap, .account-menu, .game-item-list ul, .contact-item, .reguster-wrap-content, .menu-body .lang-select, .newsInfo, .group-wrap, .password-field, .mobile-field, .promotions-list, .promotions-wrap, .page-area, .account-wrap, .balance-list dl {
  zoom: 1; }

.clear {
  clear: both; }

.z-depth-1, .navbar-fixed, .side-nav, .info-page-content .notice, .promotions-list, .mailbox-wrap, .account-structure, .default-wrap, .game-item-tabs {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2, .modal, .page-loader-body, .popup-defaul, .popup-register, .body-container-header {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-3, .prospect-banner {
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); }

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

.hidden {
  display: none; }

i {
  line-height: inherit; }

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0; }

table {
  width: 100%;
  display: table; }

td,
th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px; }

/*******************
  Utility Classes
*******************/
.align-L, .list-bulleted p {
  text-align: left; }

.align-R, .newsInfo .icon-navigate-next {
  text-align: right; }

.align-C, .input-field .icon-user-wrap, .modal .modal-title, .popup-defaul, .popup-register, .user-view, .AccountForm-assistance, .main-header-title, .page-header-title, .pageTop-element, .contactus-category, .page-area, .body-container-header, .servicefix-time .number, .servicefix-time .point, .box-item-title, .contact-item li {
  text-align: center; }

.float-L, .half-width, .navbar-fixed .back-button, .navbar-fixed .brand-logo, .newsInfo .marquee, .newsInfo .icon-speaker, .secondary-structureL, .password-field .input-field, .mobile-field .select-type, .mailbox-wrap .date, .account-wrap i, .account-amount, .balance-list dl dt, .servicefix-time .timeline-date, .servicefix-time .timeline-content, .servicefix-time .number, .servicefix-time .point {
  float: left !important; }

.float-R, .navbar-fixed ul, .newsInfo .icon-navigate-next, .textfield-wrap .btn-grey, .secondary-structureR, .mobile-field .input-field, .mailbox-wrap .delete, .balance-list dl dd {
  float: right !important; }

/***************************************************/
/*--Hide Text Set--*/
header h1, .navbar-fixed .button-collapse i, .wallet_type_wrap .loading, .game-list i, .footer-logos li, .balance-list dl span, .flag-nav ul a {
  font-size: 0;
  text-indent: -99999px; }

/*--Hide Long Word Set--*/
.user-view p span, .user-view .balance strong, .bottom-nav-bar a, .toggle-button .toggle-button-option, .page-header-title h3, .navigation-ribbon .navigation-ribbon-item span, .promotions-category a, .figure-text p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*--Horizontal List--*/
.navbar-fixed ul, .user-view ol, .user-view .member-btn, .bottom-nav-bar ul, .amount-button ul, .button-group, .game-list ul, .promotions-category, .buttons-option-wrap, .account-menu, .game-item-list ul, .contact-item {
  display: block; }
  .navbar-fixed ul li, .user-view ol li, .user-view .member-btn li, .bottom-nav-bar ul li, .amount-button ul li, .button-group li, .game-list ul li, .promotions-category li, .buttons-option-wrap li, .account-menu li, .game-item-list ul li, .contact-item li {
    display: block;
    float: left; }

.disabled {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default; }

.btn {
  width: 100%;
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 1rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: #fff;
  background-color: #00859b;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  outline: 0; }

.btn-default {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: #424242;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7eff1+0,bfbfbf+99 */
  background: #e7eff1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e7eff1), color-stop(99%, #bfbfbf));
  background: -o-linear-gradient(top, #e7eff1 0%, #bfbfbf 99%);
  background: linear-gradient(to bottom, #e7eff1 0%, #bfbfbf 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eff1', endColorstr='#bfbfbf',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #313131;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 1.0625rem; }

.btn-primary {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7d5+0,00859b+99 */
  background: #00b7d5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#00b7d5), color-stop(99%, #00859b));
  background: -o-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  background: linear-gradient(to bottom, #00b7d5 0%, #00859b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d5', endColorstr='#00859b',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #041a2a;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-sport {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: #424242;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7eff1+0,bfbfbf+99 */
  background: #e7eff1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5dade2  0%, #bfbfbf 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5dade2  0%, #bfbfbf 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e7eff1), color-stop(99%, #bfbfbf));
  background: -o-linear-gradient(top, #5dade2  0%, #bfbfbf 99%);
  background: linear-gradient(to bottom, #5dade2  0%, #bfbfbf 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dade2 ', endColorstr='#bfbfbf',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #313131;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-size: 1.0625rem; }

.btn-casino {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7d5+0,00859b+99 */
  background: #00b7d5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#00b7d5), color-stop(99%, #00859b));
  background: -o-linear-gradient(top, #00b7d5 0%, #00859b 99%);
  background: linear-gradient(to bottom, #00b7d5 0%, #00859b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d5', endColorstr='#00859b',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #041a2a;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-slot {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7d5+0,00859b+99 */
  background: #58d68d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58d68d 0%, #00859b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #58d68d 0%, #00859b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#00b7d5), color-stop(99%, #00859b));
  background: -o-linear-gradient(top, #58d68d 0%, #00859b 99%);
  background: linear-gradient(to bottom, #58d68d 0%, #00859b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58d68d', endColorstr='#00859b',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #041a2a;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-egame {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7d5+0,00859b+99 */
  background: #58d68d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #58d68d 0%, #00859b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #58d68d 0%, #00859b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#00b7d5), color-stop(99%, #00859b));
  background: -o-linear-gradient(top, #58d68d 0%, #00859b 99%);
  background: linear-gradient(to bottom, #58d68d 0%, #00859b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58d68d', endColorstr='#00859b',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #041a2a;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-sabung {
  display: block;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-weight: 600;
  border: none;
  color: white;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7d5+0,00859b+99 */
  background: #18d68d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #808000 0%, #00859b 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #808000 0%, #00859b 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#00b7d5), color-stop(99%, #00859b));
  background: -o-linear-gradient(top, #808000 0%, #00859b 99%);
  background: linear-gradient(to bottom, #808000 0%, #00859b 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808000', endColorstr='#00859b',GradientType=0 );
  /* IE6-9 */
  border-bottom: 1px solid #041a2a;
  border-radius: 3px;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 1.0625rem; }

.btn-secondary-primary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#103b5b+1,05243a+100 */
  background: #103b5b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #103b5b 1%, #05243a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #103b5b 1%, #05243a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #103b5b), to(#05243a));
  background: -o-linear-gradient(top, #103b5b 1%, #05243a 100%);
  background: linear-gradient(to bottom, #103b5b 1%, #05243a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103b5b', endColorstr='#05243a',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }

.btn-join {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00018+1,B20000+100 */
  background: #f00018;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f00018 1%, #B20000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f00018 1%, #B20000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f00018), to(#B20000));
  background: -o-linear-gradient(top, #f00018 1%, #B20000 100%);
  background: linear-gradient(to bottom, #f00018 1%, #B20000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00018', endColorstr='#B20000',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65); }

.btn-code {
  margin-top: 0.6em;
  height: 40px;
  line-height: 40px; }

.btn-grey {
  color: #212121;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe8ea+0,a3a5a8+99 */
  background: #dfe8ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#dfe8ea), color-stop(99%, #a3a5a8));
  background: -o-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  background: linear-gradient(to bottom, #dfe8ea 0%, #a3a5a8 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe8ea', endColorstr='#a3a5a8',GradientType=0 );
  /* IE6-9 */
  font-size: 1.0625rem; }

.btn-amount {
  display: block;
  width: 100%;
  height: 2.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  border: none;
  color: #313131;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1b1b1+1,eaeaea+100 */
  background: #b1b1b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 177, 177, 0.8)), color-stop(99%, #eaeaea));
  background: -o-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  background: linear-gradient(to bottom, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 0px 0 #a1a1a1;
  box-shadow: 0 2px 0px 0 #a1a1a1;
  font-size: 1rem; }

.half-width {
  margin: 0 3px;
  width: calc(100% / 2 - 6px); }

.remove-bottom {
  margin-bottom: 0 !important; }

.half-bottom {
  margin-bottom: 12px !important; }

.add-bottom {
  margin-bottom: 24px !important; }

select:focus, input:focus {
  outline: transparent; }

button:focus {
  outline: none; }

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 0 8px;
  border: 1px solid #ADADAD;
  border-radius: 3px;
  height: 2.3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #424242; }

.select-type {
  position: relative; }
  .select-type:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #424242 transparent transparent transparent;
    right: 28px;
    top: 43%;
    pointer-events: none;
    z-index: 2; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 22px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  [type="checkbox"] + label:before,
  [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 0;
    border: 2px solid #ddd;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #424242;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #00859b;
  background-color: #00859b;
  z-index: 0; }

.input-field {
  width: 100%;
  padding: 1px 8px;
  border: 1px solid #a3a5a8;
  background-color: #fff;
  position: relative;
  border-radius: 3px; }
  .input-field input {
    width: 100%;
    height: 2.6rem;
    line-height: 2.6rem;
    border: none; }
  .input-field .toggle {
    display: block;
    height: 2.6rem;
    padding: 8px;
    position: absolute;
    top: 1px;
    right: 0; }
  .input-field .icon-user-wrap {
    width: 40px;
    height: 2.6rem;
    line-height: 2.6rem;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 1.25rem; }
  .input-field .Vcode {
    width: calc(100% - 124px); }
  .input-field .checkCode {
    position: absolute;
    top: 0;
    right: 0;
    height: 39px;
    line-height: 39px;
    padding-left: 5px;
    border-left: 1px solid #a3a5a8; }
    .input-field .checkCode img {
      margin-right: 40px;
      display: inline-block;
      height: 26px;
      vertical-align: middle; }

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998; }

.sidenav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

.modal {
  display: block;
  position: fixed;
  top: 13%;
  left: 0;
  right: 0;
  background-color: #fafafa;
  max-height: 70%;
  width: 55%;
  margin: auto;
  z-index: 1003;
  border-radius: 3px;
  will-change: top, opacity;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1); }
  @media only screen and (max-width: 992px) {
    .modal {
      width: 90%; } }
  @media only screen and (max-width: 600px) {
    .modal h3 {
      font-size: 1.3125rem; } }
  .modal .modal-title {
    padding: 16px 20px;
    position: relative;
    background-color: #dedede;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px 3px 0 0; }
    .modal .modal-title h3 {
      margin: 0;
      font-weight: 500; }
    .modal .modal-title a {
      display: block;
      position: absolute;
      top: 12px;
      right: 10px;
      color: black; }
    .modal .modal-title i {
      font-size: 2rem; }
  .modal .modal-content {
    position: relative;
    height: 300px;
    padding: 10px 20px;
    overflow: hidden; }
    @media only screen and (max-width: 320px) {
      .modal .modal-content {
        height: 230px; } }

@media only screen and (max-width: 992px) and (orientation: landscape) {
  .modal .modal-content {
    height: 170px; } }
    .modal .modal-content ul {
      padding-left: 15px; }
      .modal .modal-content ul li {
        margin: 8px 0;
        padding: 8px 0;
        list-style-type: square;
        border-bottom: 1px dotted #aaa;
        word-wrap: break-word; }
        .modal .modal-content ul li:last-child {
          border-bottom-width: 0; }
  .modal .modal-footer {
    padding: 14px 6px;
    width: 100%;
    background-color: #fafafa;
    text-align: center;
    border-top: 1px solid #dedede;
    border-radius: 0 0 3px 3px; }
    .modal .modal-footer .btn {
      width: 50%; }

.dialog-open {
  position: fixed;
  width: 100%; }

.modal-overlay {
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.76);
  will-change: opacity; }

.preLoadOuter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
  z-index: 1001; }
  .preLoadOuter:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00859b;
    -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    -o-transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
    transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1); }

.preLoadLogo {
  width: 150px;
  height: 46px;
  background: url(/Content/common/images/logo.png) no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 18%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0); }

.preLoadSpinner {
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-left: 3px solid #fff;
  border-radius: 999px;
  background-size: 40px;
  -webkit-animation: spin 1000ms infinite linear;
  -moz-animation: spin 1000ms infinite linear;
  -o-animation: spin 1000ms infinite linear;
  -ms-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
  transform: translateX(-50%) translateZ(0);
  top: 40%; }

.preLoadLabel {
  position: absolute;
  width: 100%;
  top: 40%;
  text-align: center;
  margin-top: 60px;
  line-height: 20px;
  color: white; }

.page-loader:before {
  content: "";
  position: fixed;
  z-index: 100;
  top: 56px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.76);
  will-change: opacity; }

.page-loader-body {
  padding: 20px 34px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 3px;
  color: #ececec; }
  .page-loader-body img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px; }

/* ------------------------------------------------------------------ */
/* a. Webfonts and Icon fonts
 ------------------------------------------------------------------ */
@font-face {
  font-family: "Roboto";
  src: local(Roboto Regular), url(/Content/common/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Regular.woff) format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Medium), url(/Content/common/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Medium.woff) format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: local(Roboto Bold), url(/Content/common/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(/Content/common/fonts/roboto/Roboto-Bold.woff) format("woff");
  font-weight: 700; }

@font-face {
  font-family: 'icomoon';
  src: url(/Content/common/fonts/icomoon.ttf) format("truetype"), url(/Content/common/fonts/icomoon.woff) format("woff"), url(/Content/common/fonts/icomoon.svg) format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -moz-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -o-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -ms-transform: translateX(-50%) translateZ(0) rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(0);
    transform: translateX(-50%) translateZ(0) rotate(0); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) rotate(360deg);
    transform: translateX(-50%) translateZ(0) rotate(360deg); } }

/*Scroll Bar Set*/
.scroll {
  display: none;
  position: absolute;
  width: 10px;
  background-color: #dedede;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .scroll .bar {
    background-color: #484848;
    height: 50px;
    padding: 6px 3px;
    cursor: pointer;
    position: relative; }
  .scroll span {
    display: block;
    height: 100%;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa; }

.over-scroll .scroll {
  display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 22px;
  /* Preferred icon size */
  display: block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-checked:before {
  content: ""; }

.icon-menu-user:before {
  content: ""; }

.icon-settings-tool:before {
  content: ""; }

.icon-lock-symbol:before {
  content: ""; }

.icon-info-icon:before {
  content: ""; }

.icon-bbm:before {
  content: ""; }

.icon-kaka:before {
  content: ""; }

.icon-line-logo:before {
  content: ""; }

.icon-whatsapp {
  font-size: 19px; }
  .icon-whatsapp:before {
    content: ""; }

.icon-yahoo:before {
  content: ""; }

.icon-back:before {
  content: ""; }

.icon-mail-envelope-open:before {
  content: ""; }

.icon-deposit:before {
  content: ""; }

.icon-Amount:before {
  content: ""; }

.icon-wallet:before {
  content: ""; }

.icon-Financial:before {
  content: "\00c3"; }

.icon-live-chet:before {
  content: "LC"; }

.icon-locked-padlock:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-computer-screen:before {
  content: ""; }

.icon-transfer:before {
  content: ""; }

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

.icon-promos:before {
  content: "\0394"; }

.icon-user:before {
  content: ""; }

.icon-user-wrap:before {
  content: ""; }

.icon-logout:before {
  content: ""; }

.icon-mail-envelope:before {
  content: ""; }

.icon-speaker:before {
  content: ""; }

.icon-translate:before {
  content: ""; }

.icon-trash-o:before {
  content: ""; }

.icon-comments:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-angle-up:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-qq {
  font-size: 18px; }
  .icon-qq:before {
    content: ""; }

.icon-wechat:before {
  content: ""; }

.icon-paper-plane {
  font-size: 20px; }
  .icon-paper-plane:before {
    content: ""; }

.icon-arrow_drop_down:before {
  content: ""; }

.icon-cancel:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

.icon-check_circle:before {
  content: ""; }

.icon-navigate_before:before {
  content: ""; }

.icon-navigate-next:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-markunread:before {
  content: ""; }

.icon-error_outline:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-visibility:before {
  content: ""; }

.icon-visibility_off:before {
  content: ""; }

.icon-withdrawal {
  display: block;
  width: 32px;
  height: 26px;
  background: url(/Content/common/images/icon-withdrawal.png) no-repeat center center;
  background-size: 68%; }

.popup-defaul {
  position: fixed;
  top: 32%;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  max-width: 384px;
  padding: 28px 15px 15px 15px;
  background-color: white;
  z-index: 1000;
  border-radius: 3px; }
  @media only screen and (max-width: 600px) {
    .popup-defaul {
      width: 84%; } }
  .popup-defaul h3 {
    font-weight: 500;
    font-size: 1.3125rem; }
  .popup-defaul p {
    margin: 1.36rem 0;
    line-height: 18px; }
  .popup-defaul span {
    display: block;
    width: 48px;
    height: 46px;
    margin-left: -24px;
    position: absolute;
    top: -24px;
    left: 50%;
    border-radius: 50%;
    background-color: white; }
    .popup-defaul span .icon-check_circle {
      color: #388E3C;
      font-size: 3.125rem; }
    .popup-defaul span .icon-cancel {
      color: #D32F2F;
      font-size: 3.125rem; }
    .popup-defaul span .icon-info-icon {
      margin-top: 5px;
      color: #00859b;
      font-size: 2.625rem; }
    .popup-defaul span .icon-help {
      color: #616161;
      font-size: 3.125rem; }

.popup-register {
  width: 90%;
  max-width: 580px;
  position: fixed;
  top: 16%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
  z-index: 1000;
  border-radius: 3px; }
  .popup-register .logo-title {
    padding: 4px;
    border-radius: 3px 3px 0 0;
    background-color: #00859b; }
    .popup-register .logo-title img {
      margin-top: 7px;
      max-width: 114px; }
  @media only screen and (max-width: 600px) {
    .popup-register .logo-title img {
      max-width: 100px; } }

.reguster-wrap {
  padding: 15px 20px 20px 20px; }
  .reguster-wrap h2 {
    font-weight: 600;
    font-size: 1.625rem; }
    .reguster-wrap h2 span {
      margin-top: 3px;
      display: block; }
  @media only screen and (max-width: 600px) {
    .reguster-wrap {
      padding: 15px 15px 20px 15px; }
      .reguster-wrap h2 {
        font-size: 1.3125rem; } }

.reguster-wrap-content {
  margin: 24px 0; }
  .reguster-wrap-content .half-width {
    padding: 0 26px; }
  .reguster-wrap-content .icon-img {
    margin-bottom: 20px;
    position: relative;
    display: block;
    cursor: pointer;
    height: 144px;
    border: 1px solid #b3b3b3;
    border-radius: 5%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cccccc+100 */
    background: white;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #cccccc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, #cccccc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
    background: -o-linear-gradient(top, white 0%, #cccccc 100%);
    background: linear-gradient(to bottom, white 0%, #cccccc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC',GradientType=0 );
    /* IE6-9 */ }
  .reguster-wrap-content h3 {
    font-weight: 600; }
  .reguster-wrap-content i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 110px;
    height: 110px;
    background: url(/Content/common/images/registering-icon.png) no-repeat;
    background-size: 100%;
    opacity: 0.85;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .reguster-wrap-content .icon-promo {
    background-position: center top; }
  .reguster-wrap-content .icon-refferal {
    background-position: center bottom; }
  @media only screen and (max-width: 600px) {
    .reguster-wrap-content {
      margin: 18px 0; }
      .reguster-wrap-content .half-width {
        padding: 0 5px; }
      .reguster-wrap-content .icon-img {
        margin-bottom: 15px;
        height: 114px; }
      .reguster-wrap-content i {
        width: 90px;
        height: 90px; }
      .reguster-wrap-content p {
        line-height: 16px; } }

.foggy {
  -webkit-filter: blur(6px);
  filter: blur(6px); }

header {
  position: relative; }
  header h1 {
    margin: 0; }

.navbar-fixed {
  min-width: 324px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;
  padding: 0 10px;
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #00859b; }
  .navbar-fixed .back-button {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    width: 28px;
    height: 56px;
    line-height: 56px;
    border: none;
    background-color: transparent;
    vertical-align: middle;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    color: white;
    -webkit-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    overflow: hidden;
    font-size: 1.5625rem; }
    .navbar-fixed .back-button:before {
      content: "\e90d";
      display: inline-block;
      font-family: 'icomoon';
      position: absolute;
      top: 1px;
      left: -3px; }
    @media only screen and (max-width: 320px) {
      .navbar-fixed .back-button {
        width: 24px;
        margin-right: 5px; } }
  .navbar-fixed .brand-logo {
    display: inline-block; }
  .navbar-fixed .logo-img {
    margin-top: 7px;
    max-width: 144px; }
    @media only screen and (max-width: 600px) {
      .navbar-fixed .logo-img {
        margin-top: 4px;
        max-width: 160px; } }
    @media only screen and (max-width: 320px) {
      .navbar-fixed .logo-img {
        margin-top: 10px;
        max-width: 120px; } }
  .navbar-fixed ul li {
    margin: 11px 0 0 5px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; }
    .navbar-fixed ul li:last-child {
      margin-left: 10px; }
  .navbar-fixed ul a {
    display: block; }
    .navbar-fixed ul a.btn-secondary-primary, .navbar-fixed ul a.btn-join {
      padding: 0 5px;
      min-width: 75px;
      font-size: 0.8125rem; }
      @media only screen and (max-width: 600px) {
        .navbar-fixed ul a.btn-secondary-primary, .navbar-fixed ul a.btn-join {
          min-width: 60px; } }
    .navbar-fixed ul a.icon-btn {
      padding: 4px;
      width: 40px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,acacac+100 */
      background: #ececec;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ececec 0%, #acacac 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ececec 0%, #acacac 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#acacac));
      background: -o-linear-gradient(top, #ececec 0%, #acacac 100%);
      background: linear-gradient(to bottom, #ececec 0%, #acacac 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#acacac',GradientType=0 );
      /* IE6-9 */
      color: #424242;
      border-radius: 3px;
      text-align: center;
      vertical-align: middle;
      font-size: 1.625rem; }
  .navbar-fixed ul .icon-deposit, .navbar-fixed ul .icon-transfer {
    line-height: 26px; }
  .navbar-fixed .button-collapse {
    padding: 8px;
    background-color: #041a2a;
    border-radius: 3px; }
    .navbar-fixed .button-collapse i {
      width: 24px;
      height: 18px;
      display: block;
      background: url(/Content/common/images/icon-menu.svg) no-repeat center center;
      background-size: 100%; }

.side-nav {
  position: fixed;
  width: 265px;
  right: 0;
  top: 0;
  margin: 0;
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #dedede;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(105%);
  -ms-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .side-nav.side-show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .side-nav a {
    display: block;
    font-size: 14px;
    font-weight: 400; }
    .side-nav a.btn {
      color: #fff; }

.menu-body li {
  float: none;
  margin: 0 16px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #9e9e9e; }
  .menu-body li:last-child {
    border-bottom-width: 0; }

.menu-body a {
  padding: 0 10px;
  color: #424242; }
  .menu-body a:hover {
    background-color: rgba(0, 0, 0, 0.05); }

.menu-body i {
  display: block;
  float: left;
  width: 24px;
  height: 48px;
  line-height: 48px;
  margin: 0 16px 0 0;
  color: #424242;
  font-size: 1.5625rem; }

.menu-body .lang-select {
  padding: 0 10px; }
  .menu-body .lang-select select {
    width: 78%;
    color: #424242;
    font-size: 1.0625rem; }

.user-view {
  position: relative;
  padding: 16px;
  margin-bottom: 8px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#041a2a+0,063e66+100 */
  background: #041a2a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #041a2a 0%, #063e66 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #041a2a 0%, #063e66 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#041a2a), to(#063e66));
  background: -o-linear-gradient(top, #041a2a 0%, #063e66 100%);
  background: linear-gradient(to bottom, #041a2a 0%, #063e66 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041a2a', endColorstr='#063e66',GradientType=0 );
  /* IE6-9 */ }
  .user-view p {
    margin: 0.8em 0; }
    .user-view p span {
      margin-left: 5px; }
  .user-view ol {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0; }
    .user-view ol a {
      font-weight: 400;
      color: #ececec;
      font-size: 1rem; }
    .user-view ol i {
      font-size: 26px;
      color: #041a2a; }
    .user-view ol .close-btn {
      padding: 0;
      width: 26px;
      height: 26px;
      line-height: 26px;
      border: none;
      background-color: #ececec;
      opacity: 0.9;
      cursor: pointer;
      border-radius: 50%; }
    .user-view ol .deposit-btn {
      padding: 2px 14px;
      color: #0fd700;
      border: 1px solid #0fd700;
      border-radius: 3px; }
  .user-view .member-btn li {
    margin-right: 8px;
    min-width: calc(50% - 4px); }
    .user-view .member-btn li:last-child {
      margin-right: 0; }
  .user-view .member-info {
    height: 34px;
    line-height: 34px;
    background-color: #ececec;
    border-radius: 3px; }
  .user-view .balance {
    position: relative;
    color: #212121;
    font-size: 1.125rem; }
    .user-view .balance strong {
      display: inline-block;
      width: 176px; }
    .user-view .balance a {
      padding: 4px;
      position: absolute;
      top: 0;
      right: 0; }
    .user-view .balance i {
      font-size: 26px;
      color: #212121; }
  .user-view .icon-user-wrap {
    width: 70px;
    height: 70px;
    line-height: 42px;
    margin: 0 auto;
    padding: 14px;
    vertical-align: middle;
    background-color: rgba(229, 229, 229, 0.3);
    border-radius: 50%;
    font-size: 2.125rem; }

#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  will-change: opacity; }

.bottom-nav-bar {
  width: 100%;
  height: 48px;
  position: fixed;
  bottom: 0;
  z-index: 60;
  background-color: #171717;
  text-align: center;
  min-width: 320px; }
  .bottom-nav-bar ul li {
    width: 25%;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .bottom-nav-bar ul li:last-child {
      border-right-width: 0; }
  .bottom-nav-bar a {
    display: block;
    height: 48px;
    color: #ececec;
    font-size: 0.8125rem; }
    .bottom-nav-bar a.active {
      color: #00859b; }
  .bottom-nav-bar i {
    display: block;
    margin: 6px auto 0;
    width: 24px;
    height: 24px;
    font-size: 1.625rem; }

.wrapper {
  position: relative;
  padding: 56px 0 48px 0;
  background-color: #ececec;
  min-width: 320px; }

.newsInfo {
  padding: 0 10px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  position: relative;
  overflow: hidden;
  background-color: #ececec;
  color: #424242; }
  .newsInfo i {
    display: block;
    width: 28px;
    height: 34px;
    line-height: 34px;
    font-size: 1.375rem; }
  .newsInfo .marquee {
    width: calc(100vw - 28px - 28px - 22px);
    height: 34px;
    line-height: 34px;
    position: relative;
    overflow: hidden; }
    .newsInfo .marquee li {
      padding: 0 5px;
      position: absolute;
      top: -999em;
      left: 0;
      display: block;
      white-space: nowrap;
      color: #424242;
      height: 34px;
      line-height: 34px;
      font-size: 0.9375rem; }
    @media only screen and (min-width: 601px) {
      .newsInfo .marquee {
        width: calc(100vw - 28px - 28px - 48px); } }
  .newsInfo .icon-navigate-next {
    font-size: 1.625rem; }

.prospect-banner {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  border: 5px solid #fff;
  background-color: #000;
  text-align: center;
  vertical-align: middle; }
  .prospect-banner img {
    margin-bottom: -6px; }

.login-container {
  margin: 20px 0;
  padding: 0 10px; }
  .login-container ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #616161; }
  .login-container ::-moz-placeholder {
    /* Firefox 19+ */
    color: #616161; }
  .login-container :-ms-input-placeholder {
    /* IE 10+ */
    color: #616161; }
  .login-container :-moz-placeholder {
    /* Firefox 18- */
    color: #616161; }
  .login-container .input-field {
    margin: 0.5em 0; }
  .login-container h3 {
    font-weight: 500;
    font-size: 1.0625rem; }
  .login-container i {
    color: #757575; }

.textfield-error {
  display: block;
  margin: 0.3em 0;
  font-weight: 500;
  color: #D32F2F;
  font-size: 0.9375rem; }

.btn-default-container, .info-page-content {
  margin: 1.4em 0;
  padding: 0 10px; }
  .btn-default-container .select-type:after, .info-page-content .select-type:after {
    right: 14px; }
  .btn-default-container .select-type select, .info-page-content .select-type select {
    padding: 0 8px;
    height: 40px;
    letter-spacing: .5px;
    font-size: 1.0625rem; }
  .btn-default-container h3, .info-page-content h3 {
    font-weight: 500;
    font-size: 1.0625rem; }

.info-page-content .notice {
  position: relative;
  margin-bottom: 1.4em;
  padding: 10px 10px 8px 36px;
  line-height: 18px;
  color: #424242;
  background-color: #ddd;
  font-weight: 400;
  font-size: 0.875rem; }
  .info-page-content .notice span {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -12px;
    padding-top: 1px;
    border: 2px solid rgba(255, 252, 255, 0.36);
    display: inline-block;
    border-radius: 50%; }
  .info-page-content .notice i {
    font-size: 1.375rem; }

.info-page-content .btn-primary, .info-page-content .btn-default {
  margin-top: 1em; }

.toggle-button {
  margin-bottom: 1em;
  width: 100%;
  height: 36px;
  display: table;
  table-layout: fixed;
  border: 1px solid #041a2a;
  border-radius: 3px;
  background-color: #f0f1f5; }
  .toggle-button .toggle-button-option {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 6px;
    color: #525252;
    line-height: 34px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 0.9375rem; }
    .toggle-button .toggle-button-option.active {
      font-weight: 600;
      color: white;
      background-color: #00878c; }

.forgotten-credentials-container {
  margin: 0.5em 0 1.4em 0; }

.AccountForm-assistance {
  margin-top: 1.4em; }
  .AccountForm-assistance strong {
    display: block;
    font-weight: 600; }
  .AccountForm-assistance a {
    padding: 0 5px;
    display: inline-block;
    text-decoration: underline; }

.main-header-title {
  width: 100%;
  padding: 16px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#041a2a+0,063e66+100 */
  background: #041a2a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #041a2a 0%, #063e66 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #041a2a 0%, #063e66 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#041a2a), to(#063e66));
  background: -o-linear-gradient(top, #041a2a 0%, #063e66 100%);
  background: linear-gradient(to bottom, #041a2a 0%, #063e66 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041a2a', endColorstr='#063e66',GradientType=0 );
  /* IE6-9 */
  color: #ececec; }
  .main-header-title h3 {
    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;
    font-size: 1.36rem; }

.page-header-title {
  padding: 8px 0;
  background-color: #041a2a;
  color: white;
  position: relative; }
  .page-header-title h3 {
    margin: 0 auto;
    width: 78%;
    font-size: 1.2rem; }
  .page-header-title a {
    display: block;
    padding: 6px;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.2);
    color: white; }

.login-show-pass, .login-hide-pass {
  width: 124px; }

.textfield-wrap {
  margin: 0.8em 0; }
  .textfield-wrap i {
    position: absolute;
    top: 7px;
    right: 8px;
    overflow: hidden;
    opacity: 0;
    font-size: 1.75rem; }
  .textfield-wrap label {
    display: block; }
    .textfield-wrap label span {
      display: inline-block;
      margin-left: 5px;
      font-weight: 500;
      color: #D32F2F; }
  .textfield-wrap .btn-grey {
    height: 40px;
    line-height: 40px; }
  .textfield-wrap .toggle i {
    color: #424242;
    opacity: 1; }

.secondary-structureL {
  width: 70%; }

.secondary-structureR {
  width: 27%; }
  .secondary-structureR input {
    text-align: center; }

.secondary-notice {
  margin-top: 10px;
  padding: 3px 5px 3px 25px;
  color: #4E3A00;
  border: 1px dotted #BFAE73;
  background-color: #fff3cd;
  border-radius: 3px; }
  .secondary-notice li {
    margin: 6px 0;
    line-height: 18px;
    font-size: 0.875rem; }

.msg-notice {
  display: block;
  margin: 0.3em 0;
  padding: 3px 5px;
  color: #4E3A00;
  border: 1px dotted #BFAE73;
  background-color: #fff3cd;
  border-radius: 3px;
  font-size: 0.875rem; }

.amount-button strong {
  font-weight: 500;
  font-size: 0.875rem; }

.amount-button ul {
  margin: 3px 0 10px 0; }
  .amount-button ul li {
    width: calc(100% / 3);
    padding: 0 3px; }

.button-group li {
  padding: 0 5px;
  width: calc(100% / 2); }

.button-group .full-width {
  width: 100%;
  padding: 0; }

.browser-default {
  color: #dfdfdf;
  border-color: #dfdfdf;
  background-color: #dfdfdf; }
  .browser-default input {
    color: #4e4e4e;
    background-color: #dfdfdf; }

.validation-pass i {
  overflow: visible;
  opacity: 1;
  color: #388E3C; }

.password-field .input-field {
  width: calc(100% - 136px); }

.mobile-field .select-type {
  width: 140px; }

.mobile-field .input-field {
  width: calc(100% - 154px); }

.validation-error {
  overflow: visible;
  opacity: 1;
  color: #D32F2F; }
  .validation-error .input-field {
    border-color: #D32F2F; }
  .validation-error i {
    overflow: visible;
    opacity: 1; }
  .validation-error .tooltip {
    color: #D32F2F; }

.validation-close i {
  color: #424242;
  overflow: visible;
  opacity: 1; }

.tooltip {
  display: block;
  margin: 0.3em 0;
  padding: 0 3px;
  line-height: 14px;
  font-weight: 400;
  color: #616161;
  font-size: 0.875rem; }

.wallet_type_wrap {
  margin: 0.3em 0;
  padding: 3px 6px;
  background-color: #dedede;
  border-radius: 3px;
  color: #212121; }
  .wallet_type_wrap span {
    display: block;
    min-height: 24px;
    line-height: 24px; }
  .wallet_type_wrap .type_wallet {
    font-weight: 500;
    font-size: 1.0625rem; }
  .wallet_type_wrap .loading {
    width: 29px;
    height: 14px;
    background: url(/Content/common/images/loading.svg) no-repeat left center; }

.list-bulleted {
  margin: 30px 0 26px 0;
  padding-top: 24px;
  border-top: 1px solid #9e9e9e; }

.navigation-ribbon {
  margin-bottom: 10px;
  height: 100px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }
  .navigation-ribbon .navigation-ribbon-container {
    display: table;
    position: relative;
    width: 100%;
    background-color: #041a2a; }
  .navigation-ribbon .navigation-ribbon-item {
    display: table-cell;
    height: 90px;
    padding: 5px 5px 5px 0;
    vertical-align: middle; }
    .navigation-ribbon .navigation-ribbon-item:first-child {
      padding: 5px; }
    .navigation-ribbon .navigation-ribbon-item a {
      position: relative;
      display: block;
      width: 80px;
      min-width: 100%;
      text-align: center;
      color: #ececec;
      opacity: 0.6;
      font-size: 0.875rem; }
    .navigation-ribbon .navigation-ribbon-item span {
      display: block; }
    .navigation-ribbon .navigation-ribbon-item i {
      display: block;
      margin-bottom: 5px;
      height: 50px;
      background: url(/Content/common/images/sub-menu-sprite.svg) no-repeat;
      background-size: 60px 365px;
      opacity: 0.6; }
    .navigation-ribbon .navigation-ribbon-item .icon-egame {
      background-position: center 6px; }
    .navigation-ribbon .navigation-ribbon-item .icon-casino {
      background-position: center -46px; }
    .navigation-ribbon .navigation-ribbon-item .icon-sports {
      background-position: center -96px; }
    .navigation-ribbon .navigation-ribbon-item .icon-lottery {
      background-position: center -146px; }
    .navigation-ribbon .navigation-ribbon-item .icon-poker {
      background-position: center -198px; }
    .navigation-ribbon .navigation-ribbon-item .icon-racing {
      background-position: center -246px; }
    .navigation-ribbon .navigation-ribbon-item .icon-fishing {
      background-position: center -304px; }
    .navigation-ribbon .navigation-ribbon-item .active {
      color: #00bedd;
      opacity: 1; }
      .navigation-ribbon .navigation-ribbon-item .active i {
        opacity: 1; }
      .navigation-ribbon .navigation-ribbon-item .active:after {
        content: "\e5c5";
        font-family: 'icomoon';
        display: inline-block;
        line-height: 1;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -21px;
        margin-bottom: -31px;
        z-index: 99;
        color: #041a2a;
        font-size: 3rem; }

.game-list {
  margin-bottom: 10px;
  text-align: center; }
  .game-list ul {
    width: 100%; }
    .game-list ul li {
      position: relative;
      margin: 0 auto 10px;
      width: 33.33333%;
      padding: 0 0.5rem;
      min-height: 1px;
      font-size: 0.875rem; }
  .game-list a {
    display: block;
    color: #616161; }
  .game-list img {
    display: block;
    margin: 0 auto;
    height: 56px; }
  .game-list i {
    display: block; }
  .game-list .pvd-logo, .game-list .sg-logo, .game-list .pt-logo, .game-list .ttg-logo, .game-list .gamesos-logo, .game-list .mg-logo, .game-list .betsoft-logo, .game-list .gp-logo, .game-list .opus-logo, .game-list .gd-logo, .game-list .allbet-logo, .game-list .ag-logo, .game-list .og-logo, .game-list .royal-logo, .game-list .ebet-logo, .game-list .csport-logo, .game-list .isport-logo, .game-list .isin4d-logo, .game-list .qqkeno-logo, .game-list .tx4d-logo, .game-list .tx6d-logo, .game-list .dpoker-logo, .game-list .gpoker-logo, .game-list .tx-logo, .game-list .tgp-logo, .game-list .pragmatic-logo, .game-list .habanero-logo, .game-list .dg-logo, .game-list .playson-logo {
    width: 84px;
    height: 56px;
    margin: 0 auto;
    background: url(/Content/common/images/provider-sprite.png) no-repeat;
    background-size: 350px 352px; }
  .game-list .sg-logo {
    background-position: 7px 4px; }
  .game-list .pt-logo {
    background-position: 7px -46px; }
  .game-list .ttg-logo {
    background-position: 7px -98px; }
  .game-list .gamesos-logo {
    background-position: 7px -148px; }
  .game-list .mg-logo {
    background-position: 7px -200px; }
  .game-list .betsoft-logo {
    background-position: 7px -250px; }
  .game-list .gp-logo {
    background-position: 7px -300px; }
  .game-list .opus-logo {
    background-position: -76px 3px; }
  .game-list .gd-logo {
    background-position: -76px -46px; }
  .game-list .allbet-logo {
    background-position: -76px -100px; }
  .game-list .ag-logo {
    background-position: -76px -147px; }
  .game-list .og-logo {
    background-position: -76px -200px; }
  .game-list .royal-logo {
    background-position: -76px -250px; }
  .game-list .ebet-logo {
    background-position: -76px -300px; }
  .game-list .csport-logo {
    background-position: -170px 4px; }
  .game-list .isport-logo {
    background-position: -170px -46px; }
  .game-list .isin4d-logo {
    background-position: -170px -96px; }
  .game-list .qqkeno-logo {
    background-position: -170px -146px; }
  .game-list .tx4d-logo {
    background-position: -170px -198px; }
  .game-list .tx6d-logo {
    background-position: -170px -248px; }
  .game-list .dpoker-logo {
    background-position: -170px -300px; }
  .game-list .gpoker-logo {
    background-position: -262px 2px; }
  .game-list .tx-logo {
    background-position: -262px -48px; }
  .game-list .tgp-logo {
    background-position: -262px -95px; }
  .game-list .pragmatic-logo {
    background-position: -262px -148px; }
  .game-list .habanero-logo {
    background-position: -262px -207px; }
  .game-list .dg-logo {
    background-position: -262px -258px; }
  .game-list .playson-logo {
    background-position: -262px -305px; }

.pageTop-element {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 12px;
  bottom: 60px;
  color: white;
  border-radius: 3px;
  z-index: 90;
  font-weight: 500;
  background-color: rgba(187, 187, 187, 0.5); }
  .pageTop-element i {
    font-size: 1.75rem; }

.padding-B {
  padding-bottom: 0; }

.btn-space {
  margin-bottom: -30px; }

.seotitle {
  padding: 0 16px;
  max-width: 998px;
  margin: 0 auto 0.8rem auto;
  font-size: 0.9375rem; }

footer {
  padding: 20px 15px;
  background-color: #313131;
  color: #757575;
  text-align: center;
  font-size: 0.86rem; }
  footer p {
    margin: 1em 0; }

.footer-logos li {
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle; }

.footer-logos .sprite-logos-license {
  width: 126px;
  height: 47px;
  background: url(/Content/common/images/license-logo.png) no-repeat center center;
  background-size: 100%; }

.footer-logos .sprite-logos-18 {
  width: 42px;
  height: 42px;
  background: url(/Content/common/images/Responsible-Gaming.svg) no-repeat center center;
  background-size: 100%; }

.footer-copyright {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  font-weight: 400; }

html:lang(id-ID) .login-hide-pass, html:lang(id-ID) .login-show-pass {
  padding: 0 0.5rem;
  letter-spacing: -0.5px;
  font-size: 0.9375rem; }

@media only screen and (max-width: 600px) {
  html:lang(id-ID) .buttons-option-wrap .btn {
    letter-spacing: -0.2px;
    font-size: 0.875rem; } }

@media only screen and (max-width: 320px) {
  html:lang(id-ID) .buttons-option-wrap li {
    margin-right: 5px; }
  html:lang(id-ID) .buttons-option-wrap .btn {
    min-width: 70px;
    letter-spacing: -0.4px;
    font-size: 0.75rem; } }

html:lang(zh-CN) .navbar-fixed ul a.btn-join, html:lang(zh-CN) .navbar-fixed ul a.btn-secondary-primary {
  font-size: 0.9375rem; }

html:lang(vi-VN) .user-view .member-btn li:first-child {
  margin-right: 5px; }

html:lang(vi-VN) .user-view .member-btn .btn {
  padding: 0 0.3rem;
  letter-spacing: -0.5px;
  font-size: 0.75rem; }

@media only screen and (max-width: 992px) {
  html:lang(vi-VN) .promotion-title .button-group .btn {
    padding: 0;
    letter-spacing: -0.8px;
    font-size: 0.75rem; } }

@media only screen and (max-width: 480px) {
  html:lang(vi-VN) .bottom-nav-bar a {
    -o-text-overflow: initial;
    text-overflow: initial;
    letter-spacing: -0.5px;
    font-size: 0.6875rem; }
  html:lang(vi-VN) .navbar-fixed .logo-img {
    margin-top: 16px;
    max-width: 88px; }
  html:lang(vi-VN) .navbar-fixed ul li {
    margin-left: 3px; }
  html:lang(vi-VN) .navbar-fixed ul a {
    letter-spacing: -0.5px; }
  html:lang(vi-VN) .navbar-fixed .btn-secondary-primary, html:lang(vi-VN) .navbar-fixed .btn-join {
    font-size: 0.75rem; } }

@media only screen and (max-width: 320px) {
  html:lang(vi-VN) .navbar-fixed .logo-img {
    margin-top: 20px;
    max-width: 56px; }
  html:lang(vi-VN) .navbar-fixed .button-collapse {
    padding: 8px 5px; }
  html:lang(vi-VN) .navbar-fixed ul li {
    margin-left: 3px; }
    html:lang(vi-VN) .navbar-fixed ul li:first-child {
      margin-left: 0; }
  html:lang(vi-VN) .navbar-fixed ul a {
    padding: 0 3px;
    letter-spacing: -0.5px; }
  html:lang(vi-VN) .promotion-title .button-group .btn {
    letter-spacing: -0.3px;
    font-size: 0.875rem; }
  html:lang(vi-VN) .bottom-nav-bar a {
    letter-spacing: -0.8px; } }

html:lang(th-TH) .button-group .btn-grey {
  letter-spacing: -0.5px; }

html:lang(ko-KR) .user-view .member-btn .btn {
  padding: 0 0.3rem;
  font-size: 0.8125rem; }

@media only screen and (max-width: 992px) {
  html:lang(ko-KR) .promotion-title .button-group .btn {
    padding: 0;
    letter-spacing: -0.8px;
    font-size: 0.8125rem; } }

@media only screen and (max-width: 480px) {
  html:lang(ko-KR) .navbar-fixed .logo-img {
    margin-top: 16px;
    max-width: 88px; } }

@media only screen and (max-width: 320px) {
  html:lang(ko-KR) .navbar-fixed .logo-img {
    margin-top: 20px;
    max-width: 56px; } }

#id .contact-item span, #in .contact-item span, #vi .contact-item span, #th .contact-item span, #ko .contact-item span {
  letter-spacing: -0.3px;
  font-size: 0.875rem; }
  @media only screen and (max-width: 480px) {
    #id .contact-item span, #in .contact-item span, #vi .contact-item span, #th .contact-item span, #ko .contact-item span {
      font-size: 0;
      text-indent: -99999px;
      letter-spacing: 0;
      display: none; } }

.promotions-container {
  padding: 10px; }
  @media only screen and (min-width: 993px) {
    .promotions-container {
      max-width: 998px;
      margin: auto; } }

.promotions-category {
  margin: 10px 0 16px 0; }
  .promotions-category li {
    margin-right: 6px; }
    .promotions-category li:last-child {
      margin-right: 0; }
  .promotions-category a {
    width: 94px;
    color: #171717;
    border-bottom: 1px solid #757575;
    font-size: 0.9375rem; }
    .promotions-category a.active {
      color: white;
      text-shadow: none;
      background: -webkit-gradient(linear, left top, left bottom, from(#00859b), color-stop(99%, #00859b));
      background: -webkit-linear-gradient(top, #00859b 0%, #00859b 99%);
      background: -o-linear-gradient(top, #00859b 0%, #00859b 99%);
      background: linear-gradient(to bottom, #00859b 0%, #00859b 99%);
      border-bottom-color: #041a2a;
      -webkit-transition: .3s ease-out;
      -o-transition: .3s ease-out;
      transition: .3s ease-out; }

.promotions-list {
  margin: 0 auto 15px;
  padding: 5px;
  background-color: white; }
  .promotions-list img {
    float: left; }
  @media only screen and (max-width: 600px) {
    .promotions-list img {
      float: none; } }

.promotion-title {
  padding: 10px 0;
  width: calc(100% - 500px - 10px);
  margin-left: 10px;
  float: left; }
  .promotion-title h4 {
    font-weight: 500;
    font-size: 1.125rem; }
  .promotion-title p {
    max-height: 86px;
    overflow: hidden;
    color: #585858;
    line-height: 18px;
    font-size: 0.9375rem; }
  .promotion-title .button-group {
    margin: 15px auto; }
    .promotion-title .button-group .btn {
      font-size: 0.9375rem; }
    @media only screen and (max-width: 480px) {
      .promotion-title .button-group {
        margin: 10px auto; }
        .promotion-title .button-group .btn {
          height: 38px;
          line-height: 38px; } }
  @media only screen and (max-width: 600px) {
    .promotion-title {
      float: none;
      margin-left: 0;
      padding: 5px;
      width: 100%; } }

.promotions-info {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out; }
  .promotions-info:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 34px;
    background-color: #00859b; }
  .promotions-info .btn-close {
    position: absolute;
    top: 16px;
    right: 10px;
    color: #313131; }
    .promotions-info .btn-close i {
      font-size: 2rem; }
  .promotions-info ul, .promotions-info ol {
    padding-left: 15px; }
  @media only screen and (max-width: 600px) {
    .promotions-info {
      margin-top: 0;
      padding-top: 5px; } }

.contactus-category {
  margin-bottom: 1em;
  border: 2px solid #757575;
  background-color: #757575; }
  .contactus-category a {
    display: block; }
  .contactus-category .title {
    padding: 5px;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 1rem; }
  .contactus-category i {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle; }
  .contactus-category span {
    display: block; }
  .contactus-category .default {
    padding: 10px 5px;
    background-color: white;
    color: #212121;
    font-size: 0.9375rem; }

.nav-chat {
  border-color: #0fa3bb;
  background-color: #0fa3bb; }

.nav-phone {
  border-color: #54aa00;
  background-color: #54aa00; }

.nav-email {
  border-color: #e0861a;
  background-color: #e0861a; }

.nav-qq {
  border-color: #616161;
  background-color: #616161; }

.nav-whatsapp {
  border-color: #00ab18;
  background-color: #00ab18; }

.nav-twitter {
  border-color: #0FB3E6;
  background-color: #0FB3E6; }

.nav-skype {
  border-color: #0083CA;
  background-color: #0083CA; }

.nav-wechat {
  border-color: #09b83e;
  background-color: #09b83e; }

.nav-line {
  border-color: #00b900;
  background-color: #00b900; }

.nav-bbm {
  border-color: #2C2C2C;
  background-color: #2C2C2C; }

.nav-yahoo {
  border-color: #430297;
  background-color: #430297; }

.nav-kakaotalk {
  border-color: #3b1f1e;
  background-color: #3b1f1e; }

.nav-telegram {
  border-color: #1d94d3;
  background-color: #1d94d3; }

.nav-facebook {
  border-color: #3b5998;
  background-color: #3b5998; }

.buttons-option-wrap {
  margin-bottom: 20px; }
  .buttons-option-wrap li {
    margin-right: 10px;
    margin-bottom: 8px; }
    .buttons-option-wrap li:last-child {
      margin-right: 0; }
  .buttons-option-wrap a {
    padding: 0 0.5em;
    min-width: 86px;
    background-color: #CECECE;
    color: #424242; }
    .buttons-option-wrap a.active {
      background-color: #0097a7;
      color: white; }
  .buttons-option-wrap i {
    display: inline-block;
    margin-right: 5px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-size: 1.5rem; }
  .buttons-option-wrap span {
    margin-left: 3px;
    padding: 2px 6px;
    border-radius: 30px;
    color: #ececec;
    background-color: #041a2a;
    font-size: 0.875rem; }

.mailbox-wrap {
  position: relative;
  word-wrap: break-word;
  padding: 12px;
  margin-bottom: 14px;
  background-color: #F9F9F9;
  border-radius: 3px; }
  .mailbox-wrap:before {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #525252;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 0 0 3px; }
  .mailbox-wrap .date {
    display: block;
    max-width: 100px;
    padding: 3px 8px;
    background-color: #525252;
    text-align: center;
    border-radius: 3px;
    color: #ececec;
    font-size: 0.875rem; }
  .mailbox-wrap .delete {
    display: none; }
    .mailbox-wrap .delete a {
      display: block;
      padding: 3px 5px;
      color: #656565; }
      .mailbox-wrap .delete a i {
        opacity: 0.8;
        font-size: 1.375rem; }
  .mailbox-wrap h4 {
    font-weight: 500;
    font-size: 1.125rem; }
  .mailbox-wrap p {
    margin-bottom: 5px;
    color: #5D5D5D; }

.mailbox-content {
  color: #5D5D5D;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  font-size: 0.875rem; }
  .mailbox-content ol {
    padding-left: 18px; }

.mailbox-wrap-open {
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }
  .mailbox-wrap-open:before {
    width: 0;
    background-color: transparent; }
  .mailbox-wrap-open .delete {
    display: block; }

.message-card {
  margin-bottom: 14px;
  padding: 10px;
  min-height: 80px;
  border: 1px solid #e7d394;
  background-color: #fff3cd;
  color: #AF8302;
  border-radius: 3px;
  text-align: center;
  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;
  font-size: 1.125rem; }
  .message-card span {
    margin: 0 5px;
    display: inline-block; }
  .message-card i {
    display: inline-block;
    font-size: 1.625rem; }

.page-area {
  width: 100%;
  min-width: 320px;
  min-height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 0.9375rem; }
  .page-area .button {
    margin: 0 5px;
    padding: 0 8px;
    display: inline-block;
    border: 1px solid #ADADAD;
    background-color: #fff;
    min-width: 60px;
    height: 35px;
    line-height: 35px;
    color: #333;
    border-radius: 3px; }
  .page-area .select-type {
    display: inline-block;
    height: 35px;
    line-height: 35px; }
    .page-area .select-type select {
      height: 35px;
      padding: 0 34px 0 14px; }

.account-structure {
  padding: 20px 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,d4d4d4+100 */
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
  background: -o-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ececec 0%, #d4d4d4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d4d4d4',GradientType=0 );
  /* IE6-9 */ }
  @media only screen and (max-width: 600px) {
    .account-structure {
      padding: 8px 10px; } }

.account-wrap {
  margin: 3px 0 10px 0; }
  .account-wrap i {
    margin-right: 5px;
    width: 40px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: middle;
    color: #424242;
    font-size: 2rem; }

.account-amount .btn {
  min-width: 86px;
  height: 28px;
  line-height: 28px; }

.account-amount p {
  font-weight: 500;
  font-size: 1.1875rem; }

.account-amount span {
  font-weight: 400;
  display: block;
  color: #424242;
  font-size: 0.9375rem; }

.account-menu {
  margin-top: 24px;
  margin-bottom: 4px;
  text-align: center;
  border: 1px solid #041a2a;
  border-radius: 3px;
  background-color: rgba(245, 246, 247, 0.6); }
  @media only screen and (max-width: 600px) {
    .account-menu {
      margin-top: 12px; } }
  .account-menu li {
    width: calc(100% / 3);
    border-right: 1px solid #041a2a; }
    .account-menu li:last-child {
      border-right-width: 0; }
  .account-menu a {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    display: block;
    color: #383838; }
    .account-menu a.active {
      color: white;
      background-color: #00878c; }
  .account-menu hr {
    margin: 1.5em 0; }

.account-content h4 {
  text-align: center;
  font-weight: 500;
  font-size: 1.125rem; }

.default-wrap {
  margin: 1em 0;
  padding: 22px 15px;
  background-color: rgba(255, 255, 255, 0.8); }

.balance-list li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(49, 49, 49, 0.3); }
  .balance-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0; }

.balance-list dl {
  padding: 0 5px;
  line-height: 28px;
  font-size: 1.125rem; }
  .balance-list dl dd {
    font-weight: 500; }
  .balance-list dl span {
    display: block;
    width: 20px;
    height: 28px;
    background: url(/Content/common/images/loading.svg) no-repeat center center; }

.balance-list .btn {
  height: 28px;
  line-height: 28px; }

.btn-trans {
  display: block;
  margin: 15px auto 0;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent url(/Content/common/images/transfer-arrow.png) no-repeat center center;
  background-size: 100%; }

.step-indicator {
  margin: 26px 0 40px 0;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .step-indicator .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1; }
    .step-indicator .step p {
      text-align: center;
      position: absolute;
      bottom: -22px;
      color: #969696;
      font-weight: 500;
      font-size: 0.875rem; }
  .step-indicator .active .step-icon {
    color: #fff;
    background-color: #00859b;
    border-color: #00434f; }
  .step-indicator .active p {
    color: #484848; }
  .step-indicator .step-icon {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 50%;
    text-align: center;
    color: #969696;
    border: 1px solid #969696;
    font-size: 1rem; }
  .step-indicator .indicator-line {
    width: 100%;
    height: 2px;
    background-color: #b7b7b7;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .step-indicator .indicator-line.active {
      background-color: #00434f; }

.provider-logo-type {
  margin-right: 3px;
  display: inline-block;
  width: 90px;
  height: 50px;
  background: url(/Content/common/images/provider-sprite.png) no-repeat;
  background-size: 370px 370px; }
  .provider-logo-type.sg-logo {
    background-position: 8px -1px; }
  .provider-logo-type.ttg-logo {
    background-position: 8px -107px; }
  .provider-logo-type.betsoft-logo {
    background-position: 8px -268px; }
  .provider-logo-type.pt-logo {
    background-position: 8px -52px; }
  .provider-logo-type.gamesos-logo {
    background-position: 8px -162px; }
  .provider-logo-type.mg-logo {
    background-position: 8px -215px; }

.search-wrapper {
  margin: 12px auto 0;
  position: relative;
  width: 60%; }
  .search-wrapper .search {
    width: calc(100% - 38px - 15px);
    display: block;
    padding: 0 38px 0 8px;
    height: 2.6rem;
    line-height: 2.6rem;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    font-size: 1rem; }
  .search-wrapper a {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 9px;
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    color: white;
    background-color: #041a2a;
    border-radius: 0 3px 3px 0; }
    .search-wrapper a i {
      font-size: 1.25rem; }
  @media only screen and (max-width: 600px) {
    .search-wrapper {
      width: 90%; } }

.game-item-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  height: 44px;
  width: 100%;
  margin: 0 auto 30px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }
  .game-item-tabs li {
    display: inline-block;
    line-height: 44px;
    height: 44px;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center; }
    .game-item-tabs li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      font-size: 14px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      color: rgba(0, 0, 0, 0.58);
      -webkit-transition: color .28s ease;
      -o-transition: color .28s ease;
      transition: color .28s ease; }
      @media only screen and (max-width: 992px) {
        .game-item-tabs li a {
          padding: 0 12px; } }
      .game-item-tabs li a.active {
        position: relative;
        color: #00859b; }
        .game-item-tabs li a.active:after {
          content: "";
          width: 100%;
          height: 2px;
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #00859b;
          will-change: left, right; }

.game-item-list {
  max-width: 998px;
  margin: 0 auto;
  padding: 0 10px; }
  .game-item-list ul {
    width: 100%; }
    .game-item-list ul li {
      width: 16.66667%;
      padding: 0 0.5rem; }
      @media only screen and (max-width: 600px) {
        .game-item-list ul li {
          width: 33.33%; } }
      @media only screen and (max-width: 320px) {
        .game-item-list ul li {
          width: 50%; } }

.game-wrapper {
  position: relative;
  margin-bottom: 16px;
  padding: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.game-list-core {
  position: relative;
  padding-bottom: 105.88%;
  width: 100%;
  height: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .game-list-core:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }

.modal-1 {
  padding-bottom: 129.45%; }

.modal-2 {
  padding-bottom: 93.79%; }

.modal-3 {
  padding-bottom: 46.15%; }

.modal-4 {
  padding-bottom: 161.11%; }

.game-list-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden; }
  .game-list-content a {
    display: block; }
  .game-list-content img {
    display: block;
    z-index: 1;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover; }

.figure-text {
  text-align: center;
  padding: 6px 5px 1px 5px; }
  .figure-text p {
    font-weight: 500;
    min-height: 20px;
    font-size: 0.9375rem; }
    @media only screen and (max-width: 600px) {
      .figure-text p {
        font-size: 0.875rem; } }

.masking {
  overflow: hidden; }
  .masking:after {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6; }

.spinner {
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  background: #cecece;
  -webkit-mask: -webkit-radial-gradient(center, ellipse cover, black 68%, rgba(0, 0, 0, 0) 69.5%);
  mask: radial-gradient(center, ellipse cover, black 68%, rgba(0, 0, 0, 0) 69.5%); }

.spinner-inner {
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: #fff;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: inner 1s linear;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: inner 1s linear; }

.spinner-mask {
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: #cecece;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: mask 1s linear;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: mask 1s linear; }

.spinner-mask:after, .spinner-mask-two {
  display: block;
  width: 0;
  height: 0;
  content: '';
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 15px solid transparent;
  border-top-color: white;
  -webkit-transform: rotate(45deg);
  -webkit-animation: mask-two 1s linear;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  animation: mask-two 1s linear; }

@-webkit-keyframes inner {
  0% {
    -webkit-transform: rotate(-45deg); }
  25% {
    border-left-color: transparent; }
  26% {
    border-left-color: white; }
  50% {
    border-bottom-color: transparent; }
  51% {
    border-bottom-color: white; }
  75% {
    border-right-color: transparent; }
  76% {
    border-right-color: white; }
  100% {
    -webkit-transform: rotate(315deg);
    border-left-color: white;
    border-bottom-color: white;
    border-right-color: white; } }

@keyframes inner {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  25% {
    border-left-color: transparent; }
  26% {
    border-left-color: white; }
  50% {
    border-bottom-color: transparent; }
  51% {
    border-bottom-color: white; }
  75% {
    border-right-color: transparent; }
  76% {
    border-right-color: white; }
  100% {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    border-left-color: white;
    border-bottom-color: white;
    border-right-color: white; } }

@-webkit-keyframes mask {
  0% {
    -webkit-transform: rotate(-45deg); }
  75% {
    -webkit-transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes mask {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  75% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

@-webkit-keyframes mask-two {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  26% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes mask-two {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  26% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.body-container {
  width: 100%;
  padding: 2rem 1rem;
  min-height: calc(100vh - 56px); }

.retrict_bg {
  background: url(/Content/common/images/bg1.png) no-repeat top center;
  background-size: 100%; }

.maintenance_bg {
  background: url(/Content/common/images/bg2.jpg) no-repeat top center;
  background-size: cover; }

.pvd_maintenance_bg {
  background: #242424 url(/Content/common/images/bg3.jpg) no-repeat top center;
  background-size: 100%; }

.layout-container {
  max-width: 540px;
  min-width: 240px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .layout-container {
      max-width: 470px; } }
  @media only screen and (max-width: 480px) {
    .layout-container {
      max-width: 290px; } }
  @media only screen and (max-width: 320px) {
    .layout-container {
      max-width: 242px; } }

.body-container-header {
  position: relative;
  margin: 50px auto 30px;
  width: 100%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  color: white;
  min-height: 240px; }
  @media only screen and (max-width: 600px) {
    .body-container-header {
      min-height: 180px; } }
  @media only screen and (max-width: 480px) {
    .body-container-header {
      margin: 32px auto 18px;
      min-height: 146px; } }
  @media only screen and (max-width: 320px) {
    .body-container-header {
      margin: 24px auto 10px;
      min-height: 120px; } }
  .body-container-header h3 {
    font-weight: 600; }
  .body-container-header span {
    display: block;
    font-weight: 300; }
  .body-container-header .activation-time {
    position: relative;
    max-width: 58px;
    margin: 5px auto 0;
    padding: 3px 0;
    color: #9e9e9e;
    font-family: sans-serif;
    background-color: #171717;
    border-radius: 3px;
    font-size: 0.8125rem;
    background: #222;
    background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);
    background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
    background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
    background-image: -o-linear-gradient(top, #222, #333, #333, #222);
    border: 1px solid #111;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }
    .body-container-header .activation-time:before {
      content: "";
      width: 4px;
      height: 16px;
      background: #444;
      background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
      background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
      background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
      background-image: -o-linear-gradient(top, #555, #444, #444, #555);
      border: 1px solid #111;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      display: block;
      position: absolute;
      top: 3px;
      left: -4px; }
    .body-container-header .activation-time:after {
      content: "";
      width: 4px;
      height: 16px;
      background: #444;
      background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
      background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
      background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
      background-image: -o-linear-gradient(top, #555, #444, #444, #555);
      border: 1px solid #111;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      display: block;
      position: absolute;
      top: 3px;
      right: -4px; }
  .body-container-header .circles-wrap {
    position: relative;
    top: -5px;
    left: -5px;
    width: 90px;
    height: 90px; }
    .body-container-header .circles-wrap .center {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      border-radius: 50%; }
    .body-container-header .circles-wrap .circle1 {
      width: 100%;
      height: 100%;
      border: 5px solid rgba(255, 255, 255, 0.46);
      border-top-color: transparent;
      -webkit-animation: circle1 1s cubic-bezier(0.47, -0.66, 0.83, 0.67) infinite;
      animation: circle1 1s cubic-bezier(0.92, 0.04, 1, 0.64 0.47, -0.66, 0.83, 0.67) infinite;
      -o-transition: .3s ease-out;
      transition: .3s ease-out;
      -moz-transition: .3s ease-out;
      -webkit-transition: .3s ease-out; }
    @media only screen and (max-width: 480px) {
      .body-container-header .circles-wrap {
        width: 70px;
        height: 70px; } }
  .body-container-header .header-title-defaul {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 2.375rem; }
    @media only screen and (max-width: 600px) {
      .body-container-header .header-title-defaul {
        font-size: 1.875rem; } }
    @media only screen and (max-width: 480px) {
      .body-container-header .header-title-defaul {
        font-size: 1.5rem; } }
    .body-container-header .header-title-defaul span {
      font-size: 1.5rem; }
      @media only screen and (max-width: 480px) {
        .body-container-header .header-title-defaul span {
          font-size: 1rem; } }
  .body-container-header .header-title-sec {
    margin-top: 46px;
    font-size: 1.5rem; }
    @media only screen and (max-width: 480px) {
      .body-container-header .header-title-sec {
        margin-top: 30px;
        font-size: 1.25rem; } }
    @media only screen and (max-width: 320px) {
      .body-container-header .header-title-sec {
        font-size: 1.125rem; } }
    .body-container-header .header-title-sec span {
      font-size: 1rem; }
      @media only screen and (max-width: 480px) {
        .body-container-header .header-title-sec span {
          margin-top: 5px;
          font-size: 0.875rem;
          line-height: 15px; } }
      @media only screen and (max-width: 320px) {
        .body-container-header .header-title-sec span {
          font-size: 0.8125rem; } }
  .body-container-header .text-C {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .body-container-header .header-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: -36px;
    margin: auto;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 1; }
    @media only screen and (max-width: 480px) {
      .body-container-header .header-icon {
        width: 60px;
        height: 60px; } }
    .body-container-header .header-icon i {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      line-height: 70px;
      border-radius: 50%;
      background-color: #000;
      z-index: 5;
      color: #fff;
      font-size: 2.625rem; }
      @media only screen and (max-width: 480px) {
        .body-container-header .header-icon i {
          line-height: 50px;
          font-size: 1.875rem; } }
    .body-container-header .header-icon img {
      width: 60px;
      vertical-align: middle; }
      @media only screen and (max-width: 480px) {
        .body-container-header .header-icon img {
          width: 42px; } }
  .body-container-header .lock-icon:before, .body-container-header .lock-icon:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    vertical-align: middle;
    background: rgba(233, 0, 0, 0.8);
    width: 80px;
    height: 80px;
    border-radius: 50%; }
    @media only screen and (max-width: 480px) {
      .body-container-header .lock-icon:before, .body-container-header .lock-icon:after {
        width: 60px;
        height: 60px; } }
  .body-container-header .lock-icon:before {
    content: "";
    -webkit-animation: bounce 1.5s infinite;
    animation: bounce 1.5s infinite; }
  .body-container-header .lock-icon:after {
    content: "";
    -webkit-animation: bounce 1.5s -0.4s infinite;
    animation: bounce 1.5s -0.4s infinite; }
  .body-container-header .lock-icon i {
    border: 5px solid rgba(233, 0, 0, 0.8); }
  .body-container-header .fix-icon i {
    line-height: 80px;
    -webkit-animation: circle1 2s infinite linear;
    animation: circle1 2s infinite linear; }
    @media only screen and (max-width: 480px) {
      .body-container-header .fix-icon i {
        line-height: 60px; } }

.servicefix-time {
  max-width: 248px;
  margin: 0 auto; }
  .servicefix-time ul li {
    overflow: hidden;
    position: relative; }
    .servicefix-time ul li:last-child .timeline-content:after {
      top: -33px; }
  .servicefix-time .timeline-date {
    width: 40%;
    margin-top: 15px; }
    @media only screen and (max-width: 320px) {
      .servicefix-time .timeline-date {
        width: auto;
        font-size: 0.875rem; } }
  .servicefix-time .timeline-content {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 3px 10px;
    border: 1px solid #5C5C5C;
    background-color: #141414;
    border-radius: 3px; }
    .servicefix-time .timeline-content:before {
      content: '';
      width: 6px;
      height: 6px;
      background-color: #5C5C5C;
      position: absolute;
      left: 102px;
      top: 22px;
      border-radius: 50%;
      z-index: 5; }
      @media only screen and (max-width: 320px) {
        .servicefix-time .timeline-content:before {
          width: 5px;
          height: 5px;
          left: 73px; } }
    .servicefix-time .timeline-content:after {
      content: '';
      display: block;
      position: absolute;
      left: 104px;
      top: 25px;
      width: 1px;
      height: 100%;
      background-color: #5C5C5C;
      z-index: 1; }
      @media only screen and (max-width: 320px) {
        .servicefix-time .timeline-content:after {
          left: 75px; } }
    .servicefix-time .timeline-content p {
      margin-top: 5px;
      font-weight: 500;
      color: #fff;
      line-height: 20px;
      font-size: 1.875rem; }
      @media only screen and (max-width: 480px) {
        .servicefix-time .timeline-content p {
          font-size: 1.5rem; } }
      @media only screen and (max-width: 320px) {
        .servicefix-time .timeline-content p {
          font-size: 1.25rem;
          line-height: 16px; } }
  .servicefix-time .number {
    min-width: 34px; }
    .servicefix-time .number span {
      display: block;
      color: #5C5C5C;
      font-size: 0.75rem; }
  .servicefix-time .point {
    min-width: 20px;
    -webkit-animation: opacity 1.5s infinite;
    animation: opacity 1.5s infinite; }
    .servicefix-time .point p {
      margin-top: 3px; }
    @media only screen and (max-width: 320px) {
      .servicefix-time .point {
        min-width: 15px; } }

.body-container-main {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 1rem;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.86);
  min-height: 40vh;
  -webkit-box-shadow: 0 5px 0 #bdbdbd;
  box-shadow: 0 5px 0 #bdbdbd; }
  @media only screen and (max-width: 320px) {
    .body-container-main {
      min-height: 48vh; } }

.flag-nav {
  position: absolute;
  top: 3px;
  right: -48px; }
  @media only screen and (max-width: 600px) {
    .flag-nav {
      right: -36px; } }
  .flag-nav ul li {
    margin-bottom: 6px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .flag-nav ul li:last-child {
      margin-bottom: 0; }
  .flag-nav ul a {
    display: block;
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6); }
    .flag-nav ul a.active {
      -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 600px) {
      .flag-nav ul a {
        width: 30px;
        height: 30px; } }
  .flag-nav ul .en {
    background-image: url(/Content/common/images/flag/en.png); }
  .flag-nav ul .cn {
    background-image: url(/Content/common/images/flag/cn.png); }
  .flag-nav ul .th {
    background-image: url(/Content/common/images/flag/th.png); }
  .flag-nav ul .vi {
    background-image: url(/Content/common/images/flag/vi.png); }
  .flag-nav ul .ph {
    background-image: url(/Content/common/images/flag/ph.png); }
  .flag-nav ul .in {
    background-image: url(/Content/common/images/flag/in.png); }
  .flag-nav ul .ko {
    background-image: url(/Content/common/images/flag/ko.png); }

.box-item {
  padding: 1rem;
  font-size: 1rem; }
  .box-item p {
    color: #616161; }
    .box-item p span {
      display: block;
      font-weight: 500;
      color: #D32F2F; }
  .box-item a {
    display: block; }
  .box-item dl {
    margin-top: 30px;
    text-align: center;
    border: 1px solid #585858;
    border-radius: 3px;
    font-size: 1rem; }
    .box-item dl dt {
      padding: 3px 5px;
      color: #fff;
      background-color: #585858; }
    .box-item dl dd {
      padding: 10px;
      background-color: rgba(255, 255, 255, 0.8); }
    .box-item dl i {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle; }
    .box-item dl a {
      margin: 5px 0; }
  @media only screen and (max-width: 480px) {
    .box-item {
      padding: 0;
      font-size: 0.875rem; }
      .box-item dl {
        margin-top: 15px; } }

.box-item-title {
  margin-bottom: 20px; }
  .box-item-title img {
    width: 54px;
    margin: 10px 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36); }
  .box-item-title h4 {
    position: relative;
    font-weight: 600;
    color: #424242;
    font-size: 1.5rem; }
  @media only screen and (max-width: 480px) {
    .box-item-title {
      margin-bottom: 15px; }
      .box-item-title img {
        width: 42px;
        margin: 5px 0; }
      .box-item-title h4 {
        font-size: 1.1875rem; } }
  @media only screen and (max-width: 320px) {
    .box-item-title img {
      width: 36px; }
    .box-item-title h4 {
      font-size: 1.125rem; } }

.contact-item {
  margin-top: 36px; }
  @media only screen and (max-width: 480px) {
    .contact-item {
      margin-top: 15px; } }
  .contact-item li {
    width: calc(100% / 2 - 5px); }
    .contact-item li:first-child {
      margin-right: 10px; }
  .contact-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block \9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #AFAFAF;
    height: 2.6rem;
    line-height: 1rem;
    vertical-align: middle;
    color: #616161;
    border-radius: 20px;
    font-size: 1.125rem; }
  .contact-item i {
    display: inline-block;
    margin-right: 8px; }
    @media only screen and (max-width: 480px) {
      .contact-item i {
        margin-right: 0; } }
  .contact-item span {
    display: inline-block; }
    @media only screen and (max-width: 480px) {
      .contact-item span {
        font-size: 0;
        text-indent: -99999px; } }

@-webkit-keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1.46);
    -webkit-transform: scale(1.46);
    opacity: 0; } }

@keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 1; }
  100% {
    transform: scale(1.46);
    -webkit-transform: scale(1.46);
    opacity: 0; } }

@-webkit-keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes opacity {
  0%, 100% {
    opacity: 0; }
  50% {
    opacity: 1; } }

/*-----Common color style-----*/
:root {
    --main-color: #9e0b0f;
}

.default-color {
  background-color: #9e0b0f !important;
}

.default-color-text {
  color: #9e0b0f !important; }

.default-color.lighten-3 {
  background-color: #ebae0d !important;
}

.default-color-text.text-lighten-3 {
  color: #ebae0d !important;
}

.default-color.lighten-2 {
  background-color: #dedede !important;
}

.default-color-text.text-lighten-2 {
  color: #dedede !important;
}

.default-color.lighten-1 {
  background-color: #ececec !important;
}

.default-color-text.text-lighten-1 {
  color: #ececec !important;
}

.default-color.darken-1 {
  background-color: #790a0b !important;
}

.default-color-text.text-darken-1 {
  color: #790a0b !important;
}

.default-color.darken-2 {
  background-color: #313131 !important;
}

.default-color-text.text-darken-2 {
  color: #313131 !important;
}

.default-color.darken-3 {
  background-color: #171717 !important;
}

.default-color-text.text-darken-3 {
  color: #171717 !important;
}

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

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

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

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

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.darken-1 {
  background-color: #00897B !important;
}

.teal-text.text-darken-1 {
  color: #00897B !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #0fd700 !important;
}

.green-text.text-darken-3 {
  color: #0fd700 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

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

.white {
  background-color: #FFFFFF !important;
}

.white-text, .user-view {
  color: #FFFFFF !important;
}

/*-----Html color style-----*/
a{
  color: #9e0b0f;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: #ADADAD;
  color: #424242;
}

.select-type:after {
  border-color: #424242 transparent transparent transparent;
}

[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  border-color: #ddd;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  border-color: #424242;
}

[type="checkbox"].filled-in:checked + label:before {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

[type="checkbox"].filled-in:checked + label:after {
  border-color: #9e0b0f;
  background-color: #9e0b0f;
}

/*-----box shadow color style-----*/
.z-depth-1, .navbar-fixed, .side-nav, .info-page-content .notice, .promotions-list, .mailbox-wrap, .account-structure, .default-wrap, .game-item-tabs {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.z-depth-1-half {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.z-depth-2, .modal, .page-loader-body, .popup-defaul, .body-container-header {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

.z-depth-3, .prospect-banner {
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.divider{
  background-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
}

.disabled{
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

/*-----btn color style-----*/
.btn{
  color: #fff;
  background-color: #9e0b0f;
}

.btn-default {
  color: #424242;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7eff1+0,bfbfbf+99 */
  background: #ffbb2f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffbb2f 0%, #ffbb2f 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffbb2f 0%, #ffbb2f 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffbb2f), color-stop(99%, #ffbb2f));
  background: -o-linear-gradient(top, #ffbb2f 0%, #ffbb2f 99%);
  background: linear-gradient(to bottom, #ffbb2f 0%, #ffbb2f 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb2f', endColorstr='#ffbb2f',GradientType=0 );
  /* IE6-9 */
  border-bottom-color: #ffbb2f;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.btn-primary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#601c1d+0,9e0b0f+99 */
  background: #601c1d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #601c1d 0%, #9e0b0f 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #601c1d 0%, #9e0b0f 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#601c1d), color-stop(99%, #9e0b0f));
  background: -o-linear-gradient(top, #601c1d 0%, #9e0b0f 99%);
  background: linear-gradient(to bottom, #601c1d 0%, #9e0b0f 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#601c1d', endColorstr='#9e0b0f',GradientType=0 );
  /* IE6-9 */
  border-bottom-color: #790a0b;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-secondary-primary {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f191d+1,4f0507+100 */
  background: #6f191d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6f191d 1%, #4f0507 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6f191d 1%, #4f0507 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6f191d), to(#4f0507));
  background: -o-linear-gradient(top, #6f191d 1%, #4f0507 100%);
  background: linear-gradient(to bottom, #6f191d 1%, #4f0507 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f191d', endColorstr='#4f0507',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-join {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00018+1,B20000+100 */
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 1%, #fff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 1%, #fff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), to(#fff));
  background: -o-linear-gradient(top, #fff 1%, #fff 100%);
  background: linear-gradient(to bottom, #fff 1%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.65);
  color: #000;
}

.btn-grey {
  color: #212121;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe8ea+0,a3a5a8+99 */
  background: #dfe8ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#dfe8ea), color-stop(99%, #a3a5a8));
  background: -o-linear-gradient(top, #dfe8ea 0%, #a3a5a8 99%);
  background: linear-gradient(to bottom, #dfe8ea 0%, #a3a5a8 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe8ea', endColorstr='#a3a5a8',GradientType=0 );
  /* IE6-9 */
}

.btn-amount {
  color: #313131;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1b1b1+1,eaeaea+100 */
  background: #b1b1b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(177, 177, 177, 0.8)), color-stop(99%, #eaeaea));
  background: -o-linear-gradient(top, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  background: linear-gradient(to bottom, rgba(177, 177, 177, 0.8) 0%, #eaeaea 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 0px 0 #a1a1a1;
  box-shadow: 0 2px 0px 0 #a1a1a1;
}

/*-----input type color style-----*/
.input-field {
  border-color: #a3a5a8;
  background-color: #fff;
}

.input-field .checkCode {
  border-left-color: #a3a5a8;
}

.sidenav-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

/*----- NewsInformation style-----*/
.newsInfo {
  background-color: #ececec;
  color: #424242;
}

.newsInfo .marquee li {
  color: #424242;
}

.modal {
  background-color: #fafafa;
}

.modal .modal-title {
  background-color: #dedede;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.modal .modal-content ul li {
  border-bottom-color: #aaa;
}

.modal .modal-footer {
  background-color: #fafafa;
  border-top-color: #dedede;
}

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.76);
}

/*----- Loading style-----*/
.preLoadOuter:before {
  background-color: #9e0b0f;
}

.preLoadSpinner {
  border-color: rgba(255, 255, 255, 0.3);
  border-left-color: #fff;
}

.page-loader:before {
  background-color: rgba(0, 0, 0, 0.76);
}

.page-loader-body {
  background-color: rgba(0, 0, 0, 0.8);
}

/*Scroll Bar Set*/
.scroll {
  background-color: #dedede;
}

.scroll .bar {
  background-color: #484848;
}

.scroll span {
  border-top-color: #aaa;
  border-bottom-color: #aaa;
}

/*-----Popup style-----*/
.popup-defaul {
  background-color: white;
}

.popup-defaul span {
  background-color: white;
}

.popup-defaul span .icon-check_circle {
  color: #388E3C;
}

.popup-defaul span .icon-cancel {
  color: #D32F2F;
}

.popup-defaul span .icon-info-icon {
  color: #9e0b0f;
}

.popup-defaul span .icon-help {
  color: #616161;
}

/*Navbar Bar Style*/
.navbar-fixed {
  background-color: #ffbb26;
  border-bottom: 2px solid #ebae0d;
}

.navbar-fixed .back-button {
   background-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.4);
  color: white;
}

.navbar-fixed ul a.icon-btn {
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #acacac 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #acacac 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#acacac));
  background: -o-linear-gradient(top, #ececec 0%, #acacac 100%);
  background: linear-gradient(to bottom, #ececec 0%, #acacac 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#acacac',GradientType=0 );
  /* IE6-9 */
  color: #424242;
}

.navbar-fixed .button-collapse {
  background-color: #790a0b;
}

/*-----Right side-nav style-----*/
.side-nav {
  background-color: #dedede;
}

.side-nav a.btn {
  color: #fff;
}

.user-view {
  background: #790a0b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #790a0b 0%, #96191b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #790a0b 0%, #96191b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#790a0b), to(#96191b));
  background: -o-linear-gradient(top, #790a0b 0%, #96191b 100%);
  background: linear-gradient(to bottom, #790a0b 0%, #96191b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790a0b', endColorstr='#96191b',GradientType=0 );
  /* IE6-9 */
}

.user-view ol a {
  color: #ececec;
}

.user-view ol i {
  color: #790a0b;
}

.user-view ol .close-btn {
  background-color: #ececec;
}

.user-view ol .deposit-btn {
  color: #0fd700;
  border-color: #0fd700;
}

.user-view .member-info {
  background-color: #ececec;
}

.user-view .balance {
  color: #212121;
}

.user-view .balance i {
  color: #212121;
}

.user-view .icon-user-wrap {
  background-color: rgba(229, 229, 229, 0.3);
}

.menu-body li {
  border-bottom-color: #9e9e9e;
}

.menu-body a {
  color: #424242;
}

.menu-body a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.menu-body i {
  color: #424242;
}

.menu-body .lang-select select {
  color: #424242;
}

#sidenav-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

/*-----Bottom Nav Bar style-----*/
.bottom-nav-bar {
  background-color: #171717;
}

.bottom-nav-bar ul li {
  border-right-color: rgba(255, 255, 255, 0.2);
}

.bottom-nav-bar a {
  color: #ececec;
}

.bottom-nav-bar a.active {
  color: #ebae0d;
}

/*-----Body style-----*/
.wrapper {
  background-color: #000;
}

.prospect-banner {
  border-color: #fff;
  background-color: #000;
}

.login-container ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #616161;
}

.login-container ::-moz-placeholder {
  /* Firefox 19+ */
  color: #616161;
}

.login-container :-ms-input-placeholder {
  /* IE 10+ */
  color: #616161;
}

.login-container :-moz-placeholder {
  /* Firefox 18- */
  color: #616161;
}

.login-container i {
  color: #757575;
}

.textfield-error {
  color: #D32F2F;
}

.info-page-content .notice {
  color: #424242;
  background-color: #ddd;
}

.info-page-content .notice span {
  border-color: rgba(255, 252, 255, 0.36);
}

.toggle-button {
  border-color: #790a0b;
  background-color: #f0f1f5;
}

.toggle-button .toggle-button-option {
  color: #525252;
}

.toggle-button .toggle-button-option.active {
  background-color: #ac161b;
}

.main-header-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#790a0b+0,96191b+100 */
  background: #790a0b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #790a0b 0%, #96191b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #790a0b 0%, #96191b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#790a0b), to(#96191b));
  background: -o-linear-gradient(top, #790a0b 0%, #96191b 100%);
  background: linear-gradient(to bottom, #790a0b 0%, #96191b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790a0b', endColorstr='#96191b',GradientType=0 );
  /* IE6-9 */
  color: #ececec;
}

.page-header-title {
  background-color: #790a0b;
  color: white;
}

.page-header-title a {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}

.textfield-wrap label span {
  color: #D32F2F;
}

.secondary-notice {
  color: #4E3A00;
  border-color: #BFAE73;
  background-color: #fff3cd;
}

.msg-notice {
  color: #4E3A00;
  border-color: #BFAE73;
  background-color: #fff3cd;
}

.browser-default {
  color: #dfdfdf;
  border-color: #dfdfdf;
  background-color: #dfdfdf;
}

.browser-default input {
  color: #4e4e4e;
  background-color: #dfdfdf;
}

.validation-pass i {
  color: #388E3C;
}

.validation-error {
  color: #D32F2F;
}

.validation-error .input-field {
  border-color: #D32F2F;
}

.validation-error .tooltip {
  color: #D32F2F;
}

.tooltip {
  color: #616161;
}

.list-bulleted {
  border-top-color: #9e9e9e;
}

.navigation-ribbon .navigation-ribbon-container {
  background-color: #790a0b;
}

.navigation-ribbon .navigation-ribbon-item a {
  color: #ececec;
}

.navigation-ribbon .navigation-ribbon-item .active {
  color: #ebae0d;
}

.navigation-ribbon .navigation-ribbon-item .active:after {
  color: #790a0b;
}

.game-list a {
  color: #616161;
}

.pageTop-element {
  color: white;
  background-color: rgba(187, 187, 187, 0.5);
}

/*Footer Style*/
footer {
  background-color: #313131;
  color: #FFF;
}

.footer-copyright {
  border-top-color: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}

/*Promotion Style*/
.promotions-category a {
  color: #171717;
  border-bottom-color: #757575;
}

.promotions-category a.active {
  color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(#9e0b0f), color-stop(99%, #9e0b0f));
  background: -webkit-linear-gradient(top, #9e0b0f 0%, #9e0b0f 99%);
  background: -o-linear-gradient(top, #9e0b0f 0%, #9e0b0f 99%);
  background: linear-gradient(to bottom, #9e0b0f 0%, #9e0b0f 99%);
  border-bottom-color: #790a0b;
}

.promotions-list {
  background-color: white;
}

.promotion-title p {
  color: #585858;
}

.promotions-info:before {
  background-color: #9e0b0f;
}

.promotions-info .btn-close {
  color: #313131;
}

/*Contact Us Style*/
.contactus-category .title {
  color: white;
}

.contactus-category .default {
  background-color: white;
  color: #212121;
}

.nav-chat {
  border-color: #0fa3bb;
  background-color: #0fa3bb;
}

.nav-phone {
  border-color: #54aa00;
  background-color: #54aa00;
}

.nav-email {
  border-color: #e0861a;
  background-color: #e0861a;
}

.nav-qq {
  border-color: #616161;
  background-color: #616161;
}

.nav-whatsapp {
  border-color: #00ab18;
  background-color: #00ab18;
}

.nav-twitter {
  border-color: #0FB3E6;
  background-color: #0FB3E6;
}

.nav-skype {
  border-color: #0083CA;
  background-color: #0083CA;
}

.nav-wechat {
  border-color: #09b83e;
  background-color: #09b83e;
}

.nav-line {
  border-color: #00b900;
  background-color: #00b900;
}

.nav-bbm {
  border-color: #2C2C2C;
  background-color: #2C2C2C;
}

.nav-yahoo {
  border-color: #430297;
  background-color: #430297;
}

.nav-kakaotalk {
  border-color: #3b1f1e;
  background-color: #3b1f1e;
}

.nav-telegram {
  border-color: #1d94d3;
  background-color: #1d94d3;
}

.nav-facebook{
  border-color: #3b5998;
  background-color: #3b5998;
}

/*Mail Box Style*/
.buttons-option-wrap a {
  background-color: #CECECE;
  color: #424242;
}

.buttons-option-wrap a.active {
  background-color: #bb2126;
  color: white;
}

.buttons-option-wrap span {
  color: #ececec;
  background-color: #790a0b;
}

.mailbox-wrap {
  background-color: #F9F9F9;
}

.mailbox-wrap:before {
  background-color: #525252;
}

.mailbox-wrap .date {
  background-color: #525252;
  color: #ececec;
}

.mailbox-wrap .delete a {
  color: #656565;
}

.mailbox-wrap p {
  color: #5D5D5D;
}

.mailbox-content {
  color: #5D5D5D;
}

.message-card {
  border-color: #e7d394;
  background-color: #fff3cd;
  color: #AF8302;
}

.page-area .button {
  border-color: #ADADAD;
  background-color: #fff;
  color: #333;
}

/*-----Account Style-----*/
.account-structure {
  background: #ececec;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#d4d4d4));
  background: -o-linear-gradient(top, #ececec 0%, #d4d4d4 100%);
  background: linear-gradient(to bottom, #ececec 0%, #d4d4d4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d4d4d4',GradientType=0 );
  /* IE6-9 */
}

.account-wrap i {
  color: #424242;
}

.account-amount span {
  color: #424242;
}

.account-menu {
  border-color: #790a0b;
  background-color: rgba(245, 246, 247, 0.6);
}

.account-menu li {
  border-right-color: #790a0b;
}

.account-menu a {
  color: #383838;
}

.account-menu a.active {
  color: white;
  background-color: #ac161b;
}

.default-wrap {
  background-color: rgba(255, 255, 255, 0.8);
}

.balance-list li {
  border-bottom-color: rgba(49, 49, 49, 0.3);
}

.search-wrapper a {
  color: white;
  background-color: #790a0b;
}

.game-item-tabs {
  background-color: #fff;
}

.game-item-tabs li a {
  color: rgba(0, 0, 0, 0.58);
}

.game-item-tabs li a.active {
  color: #9e0b0f;
}

.game-item-tabs li a.active:after {
  background-color: #9e0b0f;
}

.game-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

/*-----Maintenance Style-----*/
.pvd_maintenance_bg {
  background-color: #242424;
}

.body-container-header {
  background-color: rgba(0, 0, 0, 0.65);
  color: white;
}

.body-container-header .activation-time {
  color: #9e9e9e;
  background-color: #171717;
  background: #222;
  background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);
  background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
  background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
  background-image: -o-linear-gradient(top, #222, #333, #333, #222);
  border-color: #111;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
}

.body-container-header .activation-time:before {
  background: #444;
  background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
  background-image: -o-linear-gradient(top, #555, #444, #444, #555);
  border-color: #111;
}

.body-container-header .activation-time:after {
  background: #444;
  background-image: -webkit-linear-gradient(top, #555, #444, #444, #555);
  background-image: -moz-linear-gradient(top, #555, #444, #444, #555);
  background-image: -ms-linear-gradient(top, #555, #444, #444, #555);
  background-image: -o-linear-gradient(top, #555, #444, #444, #555);
  border-color: #111;
}

.body-container-header .circles-wrap .circle1 {
  border-color: rgba(255, 255, 255, 0.46);
}

.body-container-header .header-icon i {
  background-color: #000;
  color: #fff;
}

.body-container-header .lock-icon:before, .body-container-header .lock-icon:after {
  background: rgba(233, 0, 0, 0.8);
}

.body-container-header .lock-icon i {
  border-color: rgba(233, 0, 0, 0.8);
}

.servicefix-time .timeline-content {
  border-color: #5C5C5C;
  background-color: #141414;
}

.servicefix-time .timeline-content:before {
  background-color: #5C5C5C;
}

.servicefix-time .timeline-content:after {
  background-color: #5C5C5C;
}

.servicefix-time .timeline-content p {
  color: #fff;
}

.servicefix-time .number span {
  color: #5C5C5C;
}

.body-container-main {
  background-color: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 5px 0 #bdbdbd;
  box-shadow: 0 5px 0 #bdbdbd;
}

.flag-nav ul a {
  -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.6);
}

.flag-nav ul a.active {
  -webkit-box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px 15px rgba(0, 0, 0, 0.1);
}

.box-item p {
  color: #616161;
}

.box-item p span {
  color: #D32F2F;
}

.box-item dl {
  border-color: #585858;
}

.box-item dl dt {
  color: #fff;
  background-color: #585858;
}

.box-item dl dd {
  background-color: rgba(255, 255, 255, 0.8);
}

.box-item-title img {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
}

.box-item-title h4 {
  color: #424242;
}

.contact-item a {
  border-color: #AFAFAF;
  color: #616161;
}

.step-indicator .step-icon{
  color: #969696;
  border-color: #969696;
}

.step-indicator .step p{
  color: #969696;
}

.step-indicator .active .step-icon{
  color: #fff;
  background-color: var(--main-color);
  border-color: #00434f;
}

.step-indicator .active p{
  color: #484848;
}

.step-indicator .indicator-line.active{
  background-color: #00434f;
}

.popup-register{
  background-color: white;
}

.popup-register .logo-title{
  background-color: var(--main-color);
}

.reguster-wrap-content .icon-img {
    border-color: #b3b3b3;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, white 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
    background: -o-linear-gradient(top, white 0%, #cccccc 100%);
    background: linear-gradient(to bottom, white 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC',GradientType=0 )
}
[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

.icon_contact_phone{background:url(../images/icon_contactus.png) no-repeat -42px 2px}
.icon_contact_whatsapp{background:url(../images/icon_contactus.png) no-repeat -42px -50px}
.icon_contact_skype{background:url(../images/icon_contactus.png) no-repeat -42px -99px}
.icon_contact_email{background:url(../images/icon_contactus.png) no-repeat -42px -152px}
.icon_contact_wechat{background:url(../images/icon_contactus.png) no-repeat -42px -200px}
.icon_contact_line{background:url(../images/icon_contactus.png) no-repeat -42px -251px}
.icon_contact_bbm{background:url(../images/icon_contactus.png) no-repeat -42px -394px}
.icon_contact_qq{background:url(../images/icon_contactus.png) no-repeat -42px -348px}
.icon_contact_yahoo{background:url(../images/icon_contactus.png) no-repeat -42px -300px}
.icon_contact_kakaotalk{background:url(../images/icon_contactus.png) no-repeat -42px -490px}
.icon_contact_telegram{background:url(../images/icon_contactus.png) no-repeat -42px -537px}