/*
css site custom style
*/
.btn-elegant {
  background-color: #2E2E2E; color:#fff; }
  .btn-elegant:hover {
    background-color: #3b3b3b !important; }
  .btn-elegant:focus, .btn-elegant:active, .btn-elegant.active {
    background-color: #080808 !important; }
  .btn-elegant.dropdown-toggle {
    background-color: #2E2E2E !important; }
    .btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus {
      background-color: #3b3b3b !important; }

.btn-outline-elegant {
  border: 2px solid #2E2E2E;
  color: #2E2E2E !important;
  background-color: transparent; }
  .btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active {
    background-color: transparent;
    color: #2E2E2E;
    border-color: #2E2E2E; }

.btn-unique {
  background-color: #880e4f; color:#fff; }
  .btn-unique:hover {
    background-color: #9f105c !important; }
  .btn-unique:focus, .btn-unique:active, .btn-unique.active {
    background-color: #430727 !important; }
  .btn-unique.dropdown-toggle {
    background-color: #880e4f !important; }
    .btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus {
      background-color: #9f105c !important; }

.btn-outline-unique {
  border: 2px solid #880e4f;
  color: #880e4f !important;
  background-color: transparent; }
  .btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active {
    background-color: transparent;
    color: #880e4f;
    border-color: #880e4f; }

.btn-dark-green {
  background-color: #388E3C; color:#fff;}
  .btn-dark-green:hover {
    background-color: #3fa044 !important; }
  .btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active {
    background-color: #225725 !important; }
  .btn-dark-green.dropdown-toggle {
    background-color: #388E3C !important; }
    .btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus {
      background-color: #3fa044 !important; }

.btn-outline-dark-green {
  border: 2px solid #388E3C;
  color: #388E3C !important;
  background-color: transparent; }
  .btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active {
    background-color: transparent;
    color: #388E3C;
    border-color: #388E3C; }

.btn-mdb-color {
  background-color: #59698D; color:#fff; }
  .btn-mdb-color:hover {
    background-color: #63759d !important; }
  .btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active {
    background-color: #3b465e !important; }
  .btn-mdb-color.dropdown-toggle {
    background-color: #59698D !important; }
    .btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus {
      background-color: #63759d !important; }

.btn-outline-mdb-color {
  border: 2px solid #59698D;
  color: #59698D !important;
  background-color: transparent; }
  .btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active {
    background-color: transparent;
    color: #59698D;
    border-color: #59698D; }

.btn-red {
  background-color: #D32F2F; color:#fff; }
  .btn-red:hover {
    background-color: #d74444 !important; }
  .btn-red:focus, .btn-red:active, .btn-red.active {
    background-color: #962020 !important; }
  .btn-red.dropdown-toggle {
    background-color: #D32F2F !important; }
    .btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus {
      background-color: #d74444 !important; }

.btn-outline-red {
  border: 2px solid #D32F2F;
  color: #D32F2F !important;
  background-color: transparent; }
  .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active {
    background-color: transparent;
    color: #D32F2F;
    border-color: #D32F2F; }

.btn-pink {
  background-color: #ec407a; color:#fff; }
  .btn-pink:hover {
    background-color: #ee578a !important; }
  .btn-pink:focus, .btn-pink:active, .btn-pink.active {
    background-color: #cb1452 !important; }
  .btn-pink.dropdown-toggle {
    background-color: #ec407a !important; }
    .btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus {
      background-color: #ee578a !important; }

.btn-outline-pink {
  border: 2px solid #ec407a;
  color: #ec407a !important;
  background-color: transparent; }
  .btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active {
    background-color: transparent;
    color: #ec407a;
    border-color: #ec407a; }

.btn-purple {
  background-color: #8e24aa; color:#fff; }
  .btn-purple:hover {
    background-color: #a028bf !important; }
  .btn-purple:focus, .btn-purple:active, .btn-purple.active {
    background-color: #59176b !important; }
  .btn-purple.dropdown-toggle {
    background-color: #8e24aa !important; }
    .btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus {
      background-color: #a028bf !important; }

.btn-outline-purple {
  border: 2px solid #8e24aa;
  color: #8e24aa !important;
  background-color: transparent; }
  .btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active {
    background-color: transparent;
    color: #8e24aa;
    border-color: #8e24aa; }

.btn-deep-purple {
  background-color: #512da8; color:#fff; }
  .btn-deep-purple:hover {
    background-color: #5b32bc !important; }
  .btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active {
    background-color: #341d6c !important; }
  .btn-deep-purple.dropdown-toggle {
    background-color: #512da8 !important; }
    .btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus {
      background-color: #5b32bc !important; }

.btn-outline-deep-purple {
  border: 2px solid #512da8;
  color: #512da8 !important;
  background-color: transparent; }
  .btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active {
    background-color: transparent;
    color: #512da8;
    border-color: #512da8; }

.btn-indigo {
  background-color: #3f51b5; color:#fff;}
  .btn-indigo:hover {
    background-color: #4d5ec1 !important; }
  .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active {
    background-color: #2b387c !important; }
  .btn-indigo.dropdown-toggle {
    background-color: #3f51b5 !important; }
    .btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus {
      background-color: #4d5ec1 !important; }

.btn-outline-indigo {
  border: 2px solid #3f51b5;
  color: #3f51b5 !important;
  background-color: transparent; }
  .btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active {
    background-color: transparent;
    color: #3f51b5;
    border-color: #3f51b5; }

.btn-blue {
  background-color: #1976D2; color:#fff; }
  .btn-blue:hover {
    background-color: #2083e4 !important; }
  .btn-blue:focus, .btn-blue:active, .btn-blue.active {
    background-color: #11508e !important; }
  .btn-blue.dropdown-toggle {
    background-color: #1976D2 !important; }
    .btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus {
      background-color: #2083e4 !important; }

.btn-outline-blue {
  border: 2px solid #1976D2;
  color: #1976D2 !important;
  background-color: transparent; }
  .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active {
    background-color: transparent;
    color: #1976D2;
    border-color: #1976D2; }

.btn-light-blue {
  background-color: #82B1FF; color:#fff; }
  .btn-light-blue:hover {
    background-color: #9cc1ff !important; }
  .btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active {
    background-color: #3681ff !important; }
  .btn-light-blue.dropdown-toggle {
    background-color: #82B1FF !important; }
    .btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus {
      background-color: #9cc1ff !important; }

.btn-outline-light-blue {
  border: 2px solid #82B1FF;
  color: #82B1FF !important;
  background-color: transparent; }
  .btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active {
    background-color: transparent;
    color: #82B1FF;
    border-color: #82B1FF; }

.btn-cyan {
  background-color: #00bcd4; color:#fff; }
  .btn-cyan:hover {
    background-color: #00d3ee !important; }
  .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active {
    background-color: #007888 !important; }
  .btn-cyan.dropdown-toggle {
    background-color: #00bcd4 !important; }
    .btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus {
      background-color: #00d3ee !important; }

.btn-outline-cyan {
  border: 2px solid #00bcd4;
  color: #00bcd4 !important;
  background-color: transparent; }
  .btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active {
    background-color: transparent;
    color: #00bcd4;
    border-color: #00bcd4; }

.btn-teal {
  background-color: #00796b; color:#fff; }
  .btn-teal:hover {
    background-color: #009382 !important; }
  .btn-teal:focus, .btn-teal:active, .btn-teal.active {
    background-color: #002d27 !important; }
  .btn-teal.dropdown-toggle {
    background-color: #00796b !important; }
    .btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus {
      background-color: #009382 !important; }

.btn-outline-teal {
  border: 2px solid #00796b;
  color: #00796b !important;
  background-color: transparent; }
  .btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active {
    background-color: transparent;
    color: #00796b;
    border-color: #00796b; }

.btn-green {
  background-color: #388E3C; color:#fff; }
  .btn-green:hover {
    background-color: #3fa044 !important; }
  .btn-green:focus, .btn-green:active, .btn-green.active {
    background-color: #225725 !important; }
  .btn-green.dropdown-toggle {
    background-color: #388E3C !important; }
    .btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus {
      background-color: #3fa044 !important; }

.btn-outline-green {
  border: 2px solid #388E3C;
  color: #388E3C !important;
  background-color: transparent; }
  .btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active {
    background-color: transparent;
    color: #388E3C;
    border-color: #388E3C; }

.btn-light-green {
  background-color: #8bc34a; color:#fff; }
  .btn-light-green:hover {
    background-color: #97c95d !important; }
  .btn-light-green:focus, .btn-light-green:active, .btn-light-green.active {
    background-color: #649130 !important; }
  .btn-light-green.dropdown-toggle {
    background-color: #8bc34a !important; }
    .btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus {
      background-color: #97c95d !important; }

.btn-outline-light-green {
  border: 2px solid #8bc34a;
  color: #8bc34a !important;
  background-color: transparent; }
  .btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active {
    background-color: transparent;
    color: #8bc34a;
    border-color: #8bc34a; }

.btn-lime {
  background-color: #afb42b; color:#fff; }
  .btn-lime:hover {
    background-color: #c3c930 !important; }
  .btn-lime:focus, .btn-lime:active, .btn-lime.active {
    background-color: #73761c !important; }
  .btn-lime.dropdown-toggle {
    background-color: #afb42b !important; }
    .btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus {
      background-color: #c3c930 !important; }

.btn-outline-lime {
  border: 2px solid #afb42b;
  color: #afb42b !important;
  background-color: transparent; }
  .btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active {
    background-color: transparent;
    color: #afb42b;
    border-color: #afb42b; }

.btn-yellow {
  background-color: #fbc02d; color:#fff; }
  .btn-yellow:hover {
    background-color: #fbc846 !important; }
  .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
    background-color: #d79b04 !important; }
  .btn-yellow.dropdown-toggle {
    background-color: #fbc02d !important; }
    .btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus {
      background-color: #fbc846 !important; }

.btn-outline-yellow {
  border: 2px solid #fbc02d;
  color: #fbc02d !important;
  background-color: transparent; }
  .btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active {
    background-color: transparent;
    color: #fbc02d;
    border-color: #fbc02d; }

.btn-amber {
  background-color: #ffa000; color:#fff; }
  .btn-amber:hover {
    background-color: #ffaa1a !important; }
  .btn-amber:focus, .btn-amber:active, .btn-amber.active {
    background-color: #b37000 !important; }
  .btn-amber.dropdown-toggle {
    background-color: #ffa000 !important; }
    .btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus {
      background-color: #ffaa1a !important; }

.btn-outline-amber {
  border: 2px solid #ffa000;
  color: #ffa000 !important;
  background-color: transparent; }
  .btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active {
    background-color: transparent;
    color: #ffa000;
    border-color: #ffa000; }

.btn-orange {
  background-color: #f57c00; color:#fff; }
  .btn-orange:hover {
    background-color: #ff8910 !important; }
  .btn-orange:focus, .btn-orange:active, .btn-orange.active {
    background-color: #a95500 !important; }
  .btn-orange.dropdown-toggle {
    background-color: #f57c00 !important; }
    .btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus {
      background-color: #ff8910 !important; }

.btn-outline-orange {
  border: 2px solid #f57c00;
  color: #f57c00 !important;
  background-color: transparent; }
  .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active {
    background-color: transparent;
    color: #f57c00;
    border-color: #f57c00; }

.btn-deep-orange {
  background-color: #ff7043; color:#fff; }
  .btn-deep-orange:hover {
    background-color: #ff835d !important; }
  .btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active {
    background-color: #f63b00 !important; }
  .btn-deep-orange.dropdown-toggle {
    background-color: #ff7043 !important; }
    .btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus {
      background-color: #ff835d !important; }

.btn-outline-deep-orange {
  border: 2px solid #ff7043;
  color: #ff7043 !important;
  background-color: transparent; }
  .btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active {
    background-color: transparent;
    color: #ff7043;
    border-color: #ff7043; }

.btn-brown {
  background-color: #795548; color:#fff; }
  .btn-brown:hover {
    background-color: #896052 !important; }
  .btn-brown:focus, .btn-brown:active, .btn-brown.active {
    background-color: #49332b !important; }
  .btn-brown.dropdown-toggle {
    background-color: #795548 !important; }
    .btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus {
      background-color: #896052 !important; }

.btn-outline-brown {
  border: 2px solid #795548;
  color: #795548 !important;
  background-color: transparent; }
  .btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active {
    background-color: transparent;
    color: #795548;
    border-color: #795548; }

.btn-grey {
  background-color: #616161; color:#fff; }
  .btn-grey:hover {
    background-color: #6e6e6e !important; }
  .btn-grey:focus, .btn-grey:active, .btn-grey.active {
    background-color: #3b3b3b !important; }
  .btn-grey.dropdown-toggle {
    background-color: #616161 !important; }
    .btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus {
      background-color: #6e6e6e !important; }

.btn-outline-grey {
  border: 2px solid #616161;
  color: #616161 !important;
  background-color: transparent; }
  .btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active {
    background-color: transparent;
    color: #616161;
    border-color: #616161; }

.btn-blue-grey {
  background-color: #78909c; color:#fff; }
  .btn-blue-grey:hover {
    background-color: #879ca7 !important; }
  .btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active {
    background-color: #546973 !important; }
  .btn-blue-grey.dropdown-toggle {
    background-color: #78909c !important; }
    .btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus {
      background-color: #879ca7 !important; }

.btn-outline-blue-grey {
  border: 2px solid #78909c;
  color: #78909c !important;
  background-color: transparent; }
  .btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active {
    background-color: transparent;
    color: #78909c;
    border-color: #78909c; }

.btn-white {
  background-color: #fff; }
  .btn-white:hover {
    background-color: white !important; }
  .btn-white:focus, .btn-white:active, .btn-white.active {
    background-color: #d9d9d9 !important; }
  .btn-white.dropdown-toggle {
    background-color: #fff !important; }
    .btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus {
      background-color: white !important; }

.btn-outline-white {
  border: 2px solid #fff;
  color: #fff !important;
  background-color: transparent; }
  .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active {
    background-color: transparent;
    color: #fff;
    border-color: #fff; }

.btn-black {
  background-color: #000; color:#fff; }
  .btn-black:hover {
    background-color: #0d0d0d !important; }
  .btn-black:focus, .btn-black:active, .btn-black.active {
    background-color: black !important; }
  .btn-black.dropdown-toggle {
    background-color: #000 !important; }
    .btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus {
      background-color: #0d0d0d !important; }

.btn-outline-black {
  border: 2px solid #000;
  color: #000 !important;
  background-color: transparent; }
  .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active {
    background-color: transparent;
    color: #000;
    border-color: #000; }
   

    /* Gradient buttons */
.btn-gradient {
  text-decoration: none;
  color: white;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(0,0,0,0.21);
  border-bottom: 4px solid rgba(0,0,0,0.21);
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  cursor: pointer;
}
/* Gradient - ugly css is ugly */
.btn-gradient.cyan {
  background: rgba(27,188,194,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
  background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btn-gradient.red{ 
  background: rgba(250,90,90,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
  background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btn-gradient.orange {
  background: rgba(255,105,30,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
  background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
  background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btn-gradient.blue {
  background: rgba(102,152,203,1);
  background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
  background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btn-gradient.purple { 
  background: rgba(203,153,197,1);
  background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
  background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btn-gradient.yellow {
  background: rgba(240,210,100,1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
  background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btn-gradient.green {
  background: rgba(130,200,160,1);
  background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
  background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
  background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btn-gradient.red:active    {background: #E35252;}
.btn-gradient.orange:active {background: #E8601B;}
.btn-gradient.cyan:active   {background: #169499;}
.btn-gradient.blue:active   {background: #608FBF;}
.btn-gradient.purple:active {background: #BD8EB7;}
.btn-gradient.yellow:active {background: #DBC05B;}
.btn-gradient.green:active  {background: #72B08E;}

.bg-blue		{background-color:#0d6efd;}    
.bg-indigo	{background-color:#6610f2;}    
.bg-purple	{background-color:#6f42c1;}    
.bg-pink		{background-color:#d63384;}    
.bg-red		  {background-color:#dc3545;}    
.bg-orange	{background-color:#fd7e14;}    
.bg-yellow	{background-color:#ffc107;}    
.bg-green	  {background-color:#198754;}    
.bg-teal		{background-color:#20c997;}    
.bg-cyan		{background-color:#0dcaf0;}    
.bg-black	  {background-color:#000;}    
.bg-white	  {background-color:#fff;}    
.bg-gray		{background-color:#6c757d;}    
.bg-dark		{background-color:#212529;}    

.fc-blue 	{color:#0d6efd;}
.fc-indigo 	{color:#6610f2;}
.fc-purple 	{color:#6f42c1;}
.fc-pink 	{color:#d63384;}
.fc-red 	{color:#dc3545;}
.fc-orange 	{color:#fd7e14;}
.fc-yellow 	{color:#ffc107;}
.fc-green 	{color:#198754;}
.fc-teal 	{color:#20c997;}
.fc-cyan 	{color:#0dcaf0;}
.fc-white 	{color:#fff;}
.fc-gray 	{color:#6c757d;}
.fc-gray-dark {color:#343a40;}
.fc-primary {color:#0d6efd;}
.fc-secondary {color:#6c757d;}
.fc-success {color:#198754;}
.fc-info 	{color:#0dcaf0;}
.fc-warning {color:#ffc107;}
.fc-danger 	{color:#dc3545;}
.fc-light 	{color:#f8f9fa;}
.fc-dark 	{color:#212529;}


.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fs-7 {
  font-size: 0.9rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

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

.fw-lighter {
  font-weight: lighter !important;
}

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

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

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.headerVisual {
  position: relative;
  background-color: black;
  height: 50vh;
  min-height: 25rem;
  max-height: 620px;
  width: 100%;
  overflow: hidden;
}

.headerVisual video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.headerVisual .container {
  position: relative;
  z-index: 2;
}

.headerVisual .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
/* Media Query for devices withi coarse pointers and no hover functionality */
/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
@media (pointer: coarse) and (hover: none) {
  .headerVisual {
  background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  /* .headerVisual video {display: none;} */
}


#popModal {
  color:#000;
}

.modal-dialog {
  min-width:300px; 
  min-height:400px; 
}    

.popModal-title {
  width:100%;
  height:40px;
  font-size:1.0em;
  font-weight:400;
  padding:6px 2px;
  margin:auto;
  background: #101010;
  color:#fff;  
}

.popModal-title button {
  font-size: 12px; 
}

.modal-table {
  max-width: 1400px;
}

#topbar {
  background:#000;
  height:45px;
  font-size: 0.9em;
  font-weight: 100;
}

#topbar button {
   height:25px; font-size:0.9em; padding:0 12px; margin-left: 3px; margin-top:-2px;
}

#topbar .badge{
  color:#fff;
  padding:4px 5px;
  font-size: 0.9em;
  font-weight: 100;
}

#topbar .login-money {
  font-size:0.9em;
  color:#fff;
}

#proc_frame {
  width:100%; margin:auto; padding:0; display:block;
}

.gradient-buttons .btn {
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
  background-repeat: repeat-x;
}

.card {
margin: 10px;
box-shadow: 0 5px 10px -2.5px;
}

.game-button {
  display: flex;
  padding: 3px;
}

.game-button .child {
  flex:1;
  text-align: center;
  margin:1px;
}

th {
  font-weight: bold;
  text-align:center;
}

.box-cover {
  display: flex; 
  justify-content: space-between;
  background: #eaeaea;
  /* border-bottom:#fff solid 1px; */
  margin-bottom: 1px;
}

.box-item{
  padding:2px 5px;
  margin:0;
}

.w1{width:25px;}
.w2{width:44px;}
.w3{width:60px;}
.w4{width:80px;}
.w5{width:100px;}
.w6{width:120px;}

.point-detail {display: block;}

.contact-info {
  font-size:12px;
  color:#aeaeae;
  padding-left:10px;
}
.contact-info strong{
  font-size:12px;
  color:#fff;
}

#bank_info {
  font-size: 16px;
  font-weight: 400;
  color:orange;
}

#bank_info_pop {
  font-size: 16px;
  font-weight: 400;
  color:rgba(250,90,90,1);
}

header button {
  margin-left:3px;
}

.footer-box {
	border-top: 1px solid #141414;
    background: url(../images/main/footer_logos_bg.jpg) top center;
}

.footer-box .logoset {
	padding: 50px 0;
	text-align: center;
	overflow: hidden;
}

.footer-box .logoset img {
	display: inline-block;
}

.f_logo {
  float: left;
	width: 20%;
	text-align: center;	
	padding-top: 51px;
}

.tx_footer {
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    font-size: 12px;
    line-height: 120%;
}

.img-game1 {
  position: relative;    
  border-radius: 10%;
  border: 3px solid transparent;
  border-image: linear-gradient(to right, #ccc 0%, #ccc 100%);
  border-image-slice: 1;
}

.img-game {
  box-sizing: border-box;
  padding: 2px;
  border-radius: 10%;
  background: linear-gradient(45deg, #F48ACE 0%, #493A97 100%);
  margin: 1px;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1), box-shadow 0.8s cubic-bezier(0.76, 0, 0.24, 1);
}
.img-game img {
  position: relative;    
  border-radius: 10%;
}

.navbar ul li a span{
  color:#fff;  
  font-size:xx-small;
  margin-right:5px;
}

.navbar-mobile ul li .bi {
  margin-right: 1em;
}

#slotModal .modal-header {
  padding:9px 15px;
  border-bottom:1px solid #eee;
  background-color: #111;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color:#fff;
}
#slotModal .modal-content {
  background-color: #111;
  color:#fff;
}
#slotModal .btn-close {
  color:#fff;
}
#slotModal .modal-content {
  border-color: #999;
}
#slotModal .modal-header {
  margin-top:10px;  
  border:0;
}
#slotModal .modal-body {
  border:0;
}
#slotModal .modal-footer {
  border:0;
}

.game-name {
  font-size:0.9em;
  font-weight: 100;
  color:#fff;
  margin:-10px 0 20px 0;
}

.footer img {
  width: calc(100% / 8);
}

.lendingListBOS {
  /* background: url(/ui1/images/ListTop.png) center bottom no-repeat; */
  font-size: 26px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #fff;
  padding: 0 0 5px;
  margin: 0 ;
  width: 100%
}

.game-categories {
  width: 100%;
  position: relative;
}

/* .category__box {
  width: 700px;
  height: 100px;
  overflow-x: scroll;
  overflow-y: hidden;
} */

.category__list {
  width:100%;
  align-items: center;
  background-color: #040309; 
  margin: 0;
  padding: 5px 10px;
}

.category__name {
  white-space: nowrap
}

.category__item {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: auto
}

.category__item:first-child {
  padding-left: 0
}

.category__link {
  border-radius: 30px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .01em;
  line-height: 15px;
  margin: 0 5px;
  outline: none;
  padding: 10px 8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .3s ease;
  width: auto
}

.category__link:active,.category__link:focus,.category__link:hover {
  cursor: pointer;
  outline: none;
  text-decoration: none
}

.category__link:hover {
  color: #fff;
  background: radial-gradient(circle at 5% -70%,rgba(255,99,239,.7) 6.25%,rgba(30,106,220,.406) 61.98%,rgba(39,245,134,.7) 100%),#2dfff2;
}

.category__link.category__link--current {
  background: radial-gradient(circle at 5% -70%,rgba(255,99,239,.7) 6.25%,rgba(30,106,220,.406) 61.98%,rgba(39,245,134,.7) 100%),#2dfff2;
}

.category__link .font-icons {
  font-size: 14px;
  margin-right: 8px
}

.category__icon {
  display: inline-block;
  height: 14px;
  margin: 0 5px 0 0;
  vertical-align: top;
  width: auto
}

@media(min-width: 768px) {
  .category__icon {
      height:22px;
      margin-right: 10px
  }
}

@media(min-width: 1632px) {
  .category__icon {
      height:30px
  }
}

#category__mobile, #category__web {
  display: none;
}

/* .category__link .a:hover {
  background: radial-gradient(circle at 5% -70%,rgba(255,99,239,.7) 6.25%,rgba(30,106,220,.406) 61.98%,rgba(39,245,134,.7) 100%),#2dfff2
} */

.mobile-container {
  max-width:1000px;
  padding-bottom:2px;
}

.form-id, .form-pw {
  width:150px;
  height:26px;
  font-size: 12px;
  border-radius: 10px;
  outline: none;
  border:none;
  padding-left: 10px;
  margin-right:6px;
  color: #eee;
  background-color: rgb(31, 32, 44);
}

#pop-box {
  font-size:12px;
  color:#fff;
}

#popModal{z-index:99991}
#alertModal{z-index:99999}

.input_money {
  height:30px;  
  width:110px;
  vertical-align: middle;
}

.bank_message {
  font-size: 12px;
  line-height: 150%;  
}

/* 팝업창 스크롤바의 폭 너비 */
.form-box::-webkit-scrollbar {
  width: 10px;  
}

.form-box::-webkit-scrollbar-thumb {
  background: rgb(58, 56, 56); /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.form-box::-webkit-scrollbar-track {
  background: rgba(37, 30, 37, 0.1);  /*스크롤바 뒷 배경 색상*/
}

/*툴팁 스타일*/
a.tip {
  position: relative;
}

a.tip span {
  display: none;
  position: absolute;
  top: -30px;
  left: 30px;
  width: 150px;
  padding: 5px 8px;
  z-index: 100;
  background: #000;
  color: #fff;
  text-align: left;
}

a:hover.tip span {
  display: block;
}  

.box-cover {
  display: flex; 
  background: #eaeaea;
  margin-bottom: 1px;
}

.box-item{
  padding:2px 5px;
  margin:0;
}

.form-input {
  font-size:12px;
  width: 100%;
  height: 28px;
  border-radius: 0.25rem ;
  vertical-align: middle;
}

.form-input-wbtn {
  font-size:12px;
  width: 70%;
  float: left;
  height: 28px;
  border-radius: 0.25rem ;  
  vertical-align: middle;
}

.form-control.wbtn2 {
  width: 70%;
  float: left;
  border-radius: 0.25rem ;  
  vertical-align: middle;
}

span .wbtn2 {
  width: 30%;
  float: left;
}

.align-left {
  float: left;
}

.mo-menubar-box {
  width:100%;height:45px;
}
.mo-menubar-box .first {
  float:left;height:45px;width:50%;
}
.mo-menubar-box .second {
  float:left;height:45px;
}

.img_bright_10 {
  filter: brightness(10%)
}
.img_bright_30 {
  filter: brightness(30%)
}
.img_bright_50 {
  filter: brightness(50%)
}
.img_bright_70 {
  filter: brightness(70%)
}

.logo-top-m {max-height:60px;margin:2px 8px;}
.logo-top-p {max-height:65px;margin:2px 8px;}
.logo-top-ghost {max-height:90px;margin:2px 8px;}

.logo-bottom-m {max-height:70px;margin:2px 8px;}
.logo-bottom-p {max-height:70px;margin:2px 8px;}

.skin_layer {
  width:100%;
  background-color: #0d0d0d;
  padding:0;
  margin:0;
}