@font-face {
  font-family: "Open Sans";
  src: url("/public/fonts/OpenSans.woff2") format("woff2"), url("/public/fonts/OpenSans.woff") format("woff"), url("/public/fonts/OpenSans.svg#OpenSans") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/public/fonts/OpenSans-Semibold.woff2") format("woff2"), url("/public/fonts/OpenSans-Semibold.woff") format("woff"), url("/public/fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, h1, h2, h3, h4, h5, h6,
p, em, img, strong, sub, sup, b, u, i, dl, dt,
dd, ol, ul, li, fieldset, form, label, table,
tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, a, footer,
header, menu, nav, section, summary, time, mark, audio, video {
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

a {
  background: transparent;
}

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

td, td img {
  vertical-align: top;
}

input, select, button, textarea {
  font-size: 12px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0;
}

input[type=text], input[type=password], textarea, input[type=email], input[type=phone], input[type=number] {
  font: 12px "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0;
}

input[type=checkbox] {
  vertical-align: bottom;
}

input[type=radio] {
  vertical-align: text-bottom;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

.allow_mobile .frame_img {
  display: none;
}

ul, ol {
  list-style: none;
}

html {
  overflow-y: scroll;
  overflow-x: auto;
}

html, body {
  height: 100%;
}

body {
  line-height: 1;
  color: #000;
  text-align: left;
  z-index: 1;
  position: relative;
}

input [type=text] {
  padding: 0;
}

textarea {
  resize: none;
  overflow: auto;
}

label, input[type=button], input[type=submit], button {
  cursor: pointer;
}

input[type=button], input[type=reset],
input[type=submit], button, input[type=text],
input[type=password], textarea, input[type=email],
input[type=tel], input[type=phone], input[type=number] {
  -webkit-appearance: none;
}

a, a:visited, a:hover, a:focus, a:active {
  text-decoration: none;
}

input[type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:invalid {
  outline: none;
  -moz-box-shadow: none;
  border: none;
}

::-ms-clear {
  display: none;
}

input, textarea, input[type=search]:focus, :focus {
  outline: none;
}

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

:focus::-webkit-input-placeholder {
  color: transparent;
}

:focus::-moz-placeholder {
  color: transparent;
}

:focus:-moz-placeholder {
  color: transparent;
}

:focus:-ms-input-placeholder {
  color: transparent;
}

.svg-icon {
  width: 1em;
  height: 1em;
  display: block;
  fill: currentColor;
}

.site {
  font: 600 13px/1.2 "Open Sans", sans-serif;
  min-height: 100%;
  min-width: 280px; /*galaxy fold*/
  overflow: hidden;
  position: relative;
}

.disabled {
  pointer-events: none !important;
}

.no-scroll {
  overflow: hidden;
  height: 110%;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  label.error {
    font-size: 13px;
    margin-top: 6px;
    line-height: 12px;
  }
  label.error .svg-icon {
    margin-top: 1px;
  }
}
.finger_clicks {
  text-align: center;
  color: #c2c2c2;
  font-size: 12px;
}
.finger_clicks .svg-icon {
  font-size: 17px;
  margin: 0 auto;
}

.clicks_hand.svg-icon {
  margin: 0 auto;
  font-size: 18px;
}

.clicks_hand {
  display: block;
}

.wrapper-flag-name-time {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

@media (min-width: 768px) {
  .finger_clicks {
    font-size: 13px;
  }
}
@media (max-width: 450px) {
  .clicks_hand {
    float: none;
  }
  .clicks_item {
    float: none;
  }
}

/*# sourceMappingURL=general.css.map */