#center-box {
  position: fixed;
  top: 20px;
  right: 20px;
  height: 0px;
  width: 310px;
  /*
  transform: translate(-50%,-50%) ;
  -ms-transform: translate(-50%,-50%) ; /* IE 9  
  -webkit-transform: translate(-50%,-50%) ;  Safari and Chrome */
  z-index: 99999999; }
  #center-box .msg {
    color: black;
    background: white;
    z-index: 99999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
    #center-box .msg.alert-danger {
      background: darkred;
      color: white; }
    #center-box .msg.alert-success {
      background: green;
      color: white; }
  #center-box .animated {
    visibility: visible !important; }

/*file:_msgbox*/
#gritter-notice-wrapper {
  position: absolute;
  bottom: 140px;
  left: 70px;
  color: black;
  text-align: left; }
  #gritter-notice-wrapper p {
    color: #404040 !important; }
  #gritter-notice-wrapper .gritter-item-wrapper {
    display: none; }
  #gritter-notice-wrapper.force-open .gritter-item-wrapper {
    display: block; }

.gritter-notice-wrapper .gritter-item-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  position: relative;
  margin: 0 0 10px 0; }

.gritter-notice-wrapper .gritter-item {
  position: relative;
  color: #404040;
  font-size: 11px;
  font-family: 'Open Sans',sans-serif;
  background: 0 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%; }

.gritter-notice-wrapper .gritter-img-container {
  display: table-cell;
  width: 26%;
  vertical-align: middle;
  text-align: center;
  background-color: #302f2f; }

.gritter-notice-wrapper .gritter-with-image {
  width: 220px;
  float: right; }

.gritter-notice-wrapper .gritter-content.gritter-with-image, .gritter-notice-wrapper .gritter-content {
  padding: 15px 35px 17px 15px;
  color: #d9d9d9;
  width: 267px;
  display: table-cell; }

.gritter-notice-wrapper .gritter-close {
  display: block;
  top: 0;
  right: 0;
  left: auto;
  height: 30px;
  width: 30px;
  font-size: 0;
  background: 0 0;
  text-indent: inherit;
  opacity: .4;
  position: absolute;
  cursor: pointer;
  text-indent: -9999em; }

.gritter-notice-wrapper .gritter-close:after {
  color: #404040;
  content: "\f2d7";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  text-shadow: none;
  line-height: 35px;
  margin-left: 7px; }

.gritter-notice-wrapper .gritter-title {
  text-shadow: none;
  font-weight: 300;
  font-size: 17px;
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 7px 0;
  display: block; }

.gritter-notice-wrapper .gritter-item p {
  font-size: 12px;
  line-height: 19px;
  color: #404040;
  padding: 0;
  margin: 0;
  word-wrap: break-word; }

@media (max-width: 768px) {
  #gritter-notice-wrapper {
    position: absolute;
    bottom: 100px;
    left: 10px; } }

body {
  font-family: 'Open Sans', sans-serif; }

.mt-50 {
  margin-top: 50px !important; }

.mt-100 {
  margin-top: 100px !important; }

.p-20 {
  padding: 20px; }

.pt-50 {
  padding-top: 50px !important; }

.pt-100 {
  padding-top: 100px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.no-p {
  padding: 0px !important; }

.no-m {
  margin: 0px !important; }

#cookie-policy-popup {
  position: fixed;
  bottom: 2%;
  right: 2%;
  background: #828282;
  z-index: 99999;
  max-width: 320px;
  opacity: 0.9; }
  #cookie-policy-popup p {
    color: #e5e5e5;
    font-size: 12px;
    line-height: 15px;
    padding: 11px 12px 11px 12px;
    margin: 0px; }
  #cookie-policy-popup .close {
    color: #141414;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 13px;
    text-shadow: none; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #F93D66;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001; }

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #EB713A;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite; }

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #582b17;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; }

.loader-section {
  position: fixed;
  height: 51%;
  width: 100%;
  left: 0;
  -webkit-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  background: #030307; }

.loader-top {
  top: 0; }

.loaded .loader-top {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%); }

.loader-bottom {
  bottom: 0; }

.loaded .loader-bottom {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%); }

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

#preloader {
  pointer-events: none; }

#preloader {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000; }
  #preloader img {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: fixed;
    top: calc(50%);
    left: calc(50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 148px;
    height: auto;
    z-index: 9999;
    margin: 0px; }

.loaded #preloader img {
  opacity: 0; }

#loader {
  border-top-color: #EB713A;
  width: 300px;
  height: 300px;
  margin: -150px 0 0 -150px;
  opacity: 0.06; }
  #loader:after {
    border-top-color: #3b1173; }
  #loader:before {
    border-top-color: #7c1173; }

.activity {
  display: none; }

#content {
  margin: 0px auto;
  z-index: 1;
  position: relative;
  min-height: 100vh; }
  @media (min-width: 1024px) {
    #content {
      background: url("../images/bg-large.png");
      background-repeat: no-repeat;
      background-position: 50% 0%;
      background-size: cover;
      max-width: 100%; } }
  @media (max-width: 1024px) {
    #content {
      background: url("../images/bg-s.png");
      background-repeat: no-repeat;
      background-position: 50% 0%;
      background-size: contain;
      max-width: 1200px; } }
  #content .container {
    width: 100%;
    max-width: 500px;
    margin: 0px auto; }
  #content .btn {
    margin-bottom: 20px; }
  #content .row {
    margin: 30px 0px; }
    @media (min-width: 1024px) {
      #content .row {
        margin: 50px 0px; } }
  #content .less-m .row {
    margin: 0px 0px; }
  #content h1 {
    font-size: 43px;
    text-transform: uppercase;
    font-weight: 700;
    color: #5c3427;
    margin-bottom: 20px; }
  #content h2 {
    font-size: 22px;
    font-weight: 700; }
  #content h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700; }
  #content h4 {
    font-size: 18px;
    font-weight: 700; }
  #content p {
    font-size: 14px; }
  #content small {
    display: block; }
  @media (min-width: 1024px) {
    #content h1 {
      font-size: 43px;
      text-transform: uppercase;
      font-weight: 700;
      color: #5c3427;
      margin-bottom: 20px; }
    #content h2 {
      font-size: 32px;
      font-weight: 700; }
    #content h3 {
      font-size: 19px;
      text-transform: uppercase;
      font-weight: 700; }
    #content h4 {
      font-size: 28px;
      font-weight: 700; }
    #content p {
      font-size: 16px; }
    #content small {
      display: block; } }

.header {
  background: #b10e14;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 99; }
  .header .logo img {
    max-width: 200px;
    width: 100%; }
  .header .navbar-toggler {
    color: white;
    line-height: 30px;
    font-size: 20px; }
  .header .nav-item a {
    color: white; }

.p-lg {
  font-weight: 700;
  font-style: italic;
  font-style: 20px; }

.winings {
  width: 100%;
  text-align: center; }
  .winings img {
    width: 56% !important;
    max-width: 100%;
    margin-bottom: 30px; }
  @media (min-width: 1024px) {
    .winings {
      display: inline-block; }
      .winings img {
        max-width: 300px; } }

.hjul img {
  max-width: 200px !important;
  width: auto !important;
  display: inline-block; }

.banner {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0px auto;
  text-align: center; }
  .banner img {
    width: 56%;
    max-width: 100%; }

.logos {
  width: 100%;
  max-width: 500px;
  margin: 0px auto;
  padding: 40px 30px;
  text-align: center; }
  .logos img {
    width: 100%;
    max-width: 100%; }

.content img {
  width: 100%; }

.lang-select-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 60vh; }

.lang-select {
  margin: 20px;
  display: block; }
  .lang-select img {
    width: 35%;
    max-width: 100%; }
  @media (min-width: 1024px) {
    .lang-select {
      display: inline-block; }
      .lang-select img {
        width: 80%; } }

.hjul img {
  width: 50%;
  max-width: 100%; }

.btn {
  position: relative;
  display: inline-block;
  background: #5c3427;
  border-radius: 13px;
  width: auto;
  color: white;
  font-size: 26px;
  font-weight: 700;
  font-style: italic; }
  .btn:before {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    background: -webkit-gradient(linear, right top, left top, from(#facb75), color-stop(50%, #FDE08D), to(#DF9F28));
    background: -webkit-linear-gradient(right, #facb75 0%, #FDE08D 50%, #DF9F28 100%);
    background: -o-linear-gradient(right, #facb75 0%, #FDE08D 50%, #DF9F28 100%);
    background: linear-gradient(to left, #facb75 0%, #FDE08D 50%, #DF9F28 100%);
    content: '';
    z-index: -1;
    border-radius: 13px; }
  .btn.btn-blue {
    background: #1d9dd9; }
  .btn.vote-btn {
    padding: 10px 20px 10px 70px;
    font-size: 22px;
    margin-top: 100px; }
    .btn.vote-btn span {
      background: white;
      padding: 26px 0px;
      border-radius: 110px;
      color: #5c3427;
      position: absolute;
      height: 90px;
      width: 90px;
      display: block;
      margin-top: -28px;
      left: -30px;
      border: 4px solid #e2c168; }
  .btn.btn-lg {
    font-size: 45px; }
  .btn.btn-white {
    background: white;
    color: #5c3427; }
  .btn.btn-xl {
    font-size: 55px;
    width: 80%; }
    @media (min-width: 1024px) {
      .btn.btn-xl {
        max-width: 400px; } }
    .btn.btn-xl span {
      background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
      background: -webkit-gradient(linear, left top, left bottom, from(#8f6B29), color-stop(#FDE08D), to(#DF9F28));
      background: -o-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
      background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .btn.btn-xl:after {
      content: " ";
      display: block;
      background: url("../images/krumelur.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: contain;
      width: 100%;
      height: 30px; }

a:hover {
  color: #1d9dd9; }

.game_base {
  width: 100%;
  height: 80vh;
  text-align: center;
  padding: 0px 50px;
  position: absolute;
  bottom: 40px; }
  .game_base hr {
    visibility: hidden; }
  .game_base img {
    width: 100%; }
  .game_base .wheel {
    display: inline-block;
    position: relative;
    margin-bottom: 100px; }
    .game_base .wheel .foot {
      position: absolute;
      top: 0px;
      z-index: -1;
      background-image: url("../../game/foot.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50% 50%; }
    .game_base .wheel .flerp {
      position: absolute;
      width: 10px;
      height: 10px;
      background: blue;
      top: -24px;
      left: 48%;
      z-index: 9; }
      .game_base .wheel .flerp img {
        position: absolute;
        width: 53px;
        height: auto;
        left: -21px; }
    .game_base .wheel .spinning_wheel {
      display: inline-block;
      position: absolute;
      top: 0px;
      left: 0px; }
      .game_base .wheel .spinning_wheel .basket {
        position: absolute;
        width: 10px;
        height: 10px;
        background: red; }
        .game_base .wheel .spinning_wheel .basket img {
          position: absolute;
          width: 80px;
          height: auto;
          left: -40px; }
      .game_base .wheel .spinning_wheel .white {
        left: 49.2214%;
        top: 4.48219%; }
      .game_base .wheel .spinning_wheel .red {
        left: 17.9394%;
        top: 79.7862%; }
      .game_base .wheel .spinning_wheel .blue {
        left: 8.7244%;
        top: 31.1567%; }
      .game_base .wheel .spinning_wheel .green {
        left: 80.9087%;
        top: 80.4714%; }
      .game_base .wheel .spinning_wheel .red-2 {
        left: 92.2462%;
        top: 29.9088%; }
      .game_base .wheel .spinning_wheel._on {
        -webkit-animation-name: spin;
        -webkit-animation-duration: 500ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear; }
      .game_base .wheel .spinning_wheel._slowdown_1 {
        -webkit-animation-name: slowdown_1;
        -webkit-animation-duration: 6000ms;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear; }
      .game_base .wheel .spinning_wheel._slowdown_2 {
        -webkit-animation-name: _slowdown_2;
        -webkit-animation-duration: 6000ms;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes slowdown_1 {
  0% {
    -webkit-transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(646deg); }
  25% {
    -webkit-transform: rotate(1093deg); }
  38% {
    -webkit-transform: rotate(1566deg); }
  50% {
    -webkit-transform: rotate(1931deg); }
  63% {
    -webkit-transform: rotate(2211deg); }
  75% {
    -webkit-transform: rotate(2394deg); }
  88% {
    -webkit-transform: rotate(2491deg); }
  100% {
    -webkit-transform: rotate(2520deg); } }

@-webkit-keyframes slowdown_2 {
  0% {
    -webkit-transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(646deg); }
  25% {
    -webkit-transform: rotate(1093deg); }
  38% {
    -webkit-transform: rotate(1166deg); }
  50% {
    -webkit-transform: rotate(1231deg); }
  63% {
    -webkit-transform: rotate(1431deg); }
  75% {
    -webkit-transform: rotate(1531deg); }
  88% {
    -webkit-transform: rotate(1551deg); }
  100% {
    -webkit-transform: rotate(1561deg); } }

@-webkit-keyframes slowdown_3 {
  0% {
    -webkit-transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(646deg); }
  25% {
    -webkit-transform: rotate(1093deg); }
  38% {
    -webkit-transform: rotate(1566deg); }
  50% {
    -webkit-transform: rotate(1931deg); }
  63% {
    -webkit-transform: rotate(2211deg); }
  75% {
    -webkit-transform: rotate(2394deg); }
  88% {
    -webkit-transform: rotate(2491deg); }
  100% {
    -webkit-transform: rotate(2520deg); } }

@-webkit-keyframes slowdown_4 {
  0% {
    -webkit-transform: rotate(0deg); }
  13% {
    -webkit-transform: rotate(646deg); }
  25% {
    -webkit-transform: rotate(1093deg); }
  38% {
    -webkit-transform: rotate(1566deg); }
  50% {
    -webkit-transform: rotate(1931deg); }
  63% {
    -webkit-transform: rotate(2211deg); }
  75% {
    -webkit-transform: rotate(2394deg); }
  88% {
    -webkit-transform: rotate(2491deg); }
  100% {
    -webkit-transform: rotate(2520deg); } }

.form-label-group {
  position: relative;
  margin-bottom: 1rem; }

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem; }

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }

.form-label-group input::-webkit-input-placeholder {
  color: transparent; }

.form-label-group input:-ms-input-placeholder {
  color: transparent; }

.form-label-group input::-ms-input-placeholder {
  color: transparent; }

.form-label-group input::-moz-placeholder {
  color: transparent; }

.form-label-group input::placeholder {
  color: transparent; }

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem; }

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777; }

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none; }
  .form-label-group input::-ms-input-placeholder {
    color: #777; } }

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none; }
  .form-label-group input:-ms-input-placeholder {
    color: #777; } }