html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
b {
  font-weight: bold;
}
input,
button,
textarea,
select {
  font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.25;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
* {
  box-sizing: border-box;
  outline: none;
}
*:after,
*:before {
  box-sizing: inherit;
}
@font-face {
  font-family: 'Blogger Sans';
  src: local('Blogger Sans Light'), local('BloggerSans-Light'), url('../fonts/BloggerSans-Light.woff2') format('woff2'), url('../fonts/BloggerSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Blogger Sans';
  src: local('Blogger Sans Italic'), local('BloggerSans-Italic'), url('../fonts/BloggerSans-Italic.woff2') format('woff2'), url('../fonts/BloggerSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Blogger Sans';
  src: local('Blogger Sans'), local('BloggerSans'), url('../fonts/BloggerSans.woff2') format('woff2'), url('../fonts/BloggerSans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Blogger Sans';
  src: local('Blogger Sans Medium'), local('BloggerSans-Medium'), url('../fonts/BloggerSans-Medium.woff2') format('woff2'), url('../fonts/BloggerSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Blogger Sans';
  src: local('Blogger Sans Bold'), local('BloggerSans-Bold'), url('../fonts/BloggerSans-Bold.woff2') format('woff2'), url('../fonts/BloggerSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'PF Din Text Comp Pro';
  src: local('PFDinTextCompPro-Regular'), url('../fonts/PFDinTextCompPro-Regular.woff2') format('woff2'), url('../fonts/PFDinTextCompPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PF Din Text Comp Pro';
  src: local('PFDinTextCompPro-Bold'), url('../fonts/PFDinTextCompPro-Bold.woff2') format('woff2'), url('../fonts/PFDinTextCompPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'PFBeauSansPro';
  src: local('PFDinTextCompPro-Bold'), url('../fonts/PFBeauSansPro-SemiBold.woff2') format('woff2'), url('../fonts/PFBeauSansPro-SemiBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
.btn {
  border-radius: 99px;
  height: 7.4vh;
  line-height: 6.75vh;
  font-weight: 500;
  padding-left: 3.125vw;
  padding-right: 4.85vw;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.btn.btn-start {
  color: white;
  background: #55519e;
  font-size: 4.53vh;
}
.btn.btn-start:after {
  content: "";
  width: 4.72vh;
  height: 4.72vh;
  border: 0.185vh solid white;
  color: white;
  line-height: 4.72vh;
  border-radius: 99px;
  display: block;
  position: absolute;
  top: 1.296vh;
  right: 1.296vh;
  background-image: url("../images/next.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5vh;
}
.btn.btn-continue {
  color: white;
  background: #55519e;
  font-size: 3vh;
  height: 4.5vh;
  line-height: 3.9vh;
  padding: 0 1.5vw;
}
.btn.btn-danger {
  color: white;
  background-color: #d1605b;
  font-size: 3.8vh;
  height: 6vh;
  line-height: 5.6vh;
  padding: 0 1.6vw;
}
.logo {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 1.296vh;
}
.logo.bank {
  left: 0.78vw;
  width: 19.6875vw;
  height: 8.796vh;
  background-image: url("../images/logo-bank.svg");
}
.logo.amic {
  right: 0.78vw;
  width: 9.427vw;
  height: 5.37vh;
  background-image: url("../images/logo-amic.svg");
}
form {
  padding-top: 2vh;
}
form .form-row {
  display: flex;
  width: 35vw;
  margin: 1vh auto 0;
}
form .form-row label {
  width: 100%;
  text-align: left;
  font-size: 2.5vh;
}
form .form-row label.half {
  width: 50%;
}
form .form-row label.half:first-child {
  margin-right: 2vw;
}
form .form-row label input {
  width: 100%;
  background-color: #fef5e0;
  border: none;
  border-radius: 99px;
  padding: 1.5vh;
  font-size: 1.6vh;
}
p.error {
  position: absolute;
  text-align: center;
  display: inline-block;
  width: 100%;
  left: 0;
  font-size: 2vh;
  color: chocolate;
  font-weight: 500;
}
.popup {
  position: absolute;
  width: 79.17vw;
  height: 65.74vh;
  border-radius: 1.4vh;
  padding: 3.333vh;
  background: rgba(34, 27, 51, 0.56);
  text-align: center;
  color: #3d306f;
  top: 50%;
  margin-top: -40.37vh;
  left: 50%;
  margin-left: -39.58vw;
  z-index: 101;
}
.popup.defeat {
  width: 50vw;
  height: 50vh;
  top: 50%;
  margin-top: -30vh;
  left: 50%;
  margin-left: -25vw;
}
.popup.defeat:after {
  content: "";
  top: -10vh;
  right: -10vh;
  position: absolute;
  width: 23vh;
  height: 23.5vh;
  background-position: center;
  background-size: contain;
  background-image: url("../images/smile1.png");
}
.popup.victory {
  width: 70vw;
  height: 70vh;
  top: 50%;
  margin-top: -35vh;
  left: 50%;
  margin-left: -35vw;
}
.popup.finish .title {
  color: white;
  font-weight: 300;
  text-shadow: -0.3vh 0 0.1vh black;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 5.5vh;
  margin-top: 2vh;
}
.popup.finish .text {
  color: #544165;
  text-align: center;
  width: 75%;
  margin: 3vh auto 0;
  line-height: normal;
  font-weight: 400;
}
.popup.finish.success-form {
  width: 55vw;
  height: 45vh;
  margin-top: -22.5vh;
  margin-left: -27.5vw;
  left: 50%;
  top: 50%;
}
.popup.info {
  height: auto;
  width: 70vw;
  margin-left: -35vw;
  margin-top: -35vh;
}
.popup.info .btn {
  margin-top: 4vh;
  margin-bottom: 2vh;
}
.popup .content {
  position: relative;
  background: #fcc01d;
  background: linear-gradient(-68deg, #f09f2a 0%, #fcc01d 100%);
  border-radius: 1.7vh;
  width: 100%;
  height: 100%;
  padding: 2.5vh;
  -webkit-box-shadow: 0 0 3.208vh 1.916vh rgba(215, 179, 243, 0.25);
  -moz-box-shadow: 0 0 3.208vh 1.916vh rgba(215, 179, 243, 0.25);
  box-shadow: 0 0 3.208vh 1.916vh rgba(215, 179, 243, 0.25), inset 0 0 3.208vh 1.916vh rgba(215, 179, 243, 0.25);
}
.popup .content .maze-content,
.popup .content .question-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: collapse;
  transition: opacity ease 300ms, visibility ease 300ms;
}
.popup .content .question-content {
  margin-top: 7.5vh;
  padding: 0 2vw;
}
.popup .content .question-content .question-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vh;
}
.popup .content .question-content .question-list .item {
  border: 0.185vh solid #382d6d;
  color: #544165;
  border-radius: 50px;
  font-size: 3vh;
  padding: 0.8vh 2.5vw;
  font-weight: 300;
  display: inline-block;
  margin-right: 1.3vw;
  cursor: pointer;
  line-height: 1;
  position: relative;
}
.popup .content .question-content .question-list .item:last-child {
  margin-right: 0;
}
.popup .content .question-content .question-list .item.error {
  background-color: #cb5364;
}
.popup .content .question-content .question-list .item.error:after {
  content: "Неверно";
  position: absolute;
  display: inline-block;
  text-align: center;
  color: #cb5364;
  font-size: 1.8vh;
  bottom: -2.5vh;
  width: 100%;
  left: 0;
}
.popup .content .question-content .question-list .item.success {
  background-color: #6cc9a9;
}
.popup .content .question-content .title {
  font-family: PFBeauSansPro, serif;
  display: inline-block;
  font-weight: 700;
  margin-left: 33vh;
  text-align: left;
  padding-left: 1vw;
  font-size: 2.7vh;
  line-height: normal;
  min-height: 5.6vh;
  min-width: calc(100% - 33vh);
}
.popup .content .question-content .description {
  line-height: normal;
  font-size: 2.3vh;
  margin-top: 3.5vh;
  margin-bottom: 1.5vh;
}
.popup .content .question-content .info-question {
  position: absolute;
  top: -5vh;
  left: 1vw;
  max-width: 19vw;
  letter-spacing: -0.1vw;
  color: white;
  font-weight: 500;
}
.popup .content .question-content .info-question .banknote-name {
  font-size: 6.8vh;
}
.popup .content .question-content .info-question .question-number {
  display: flex;
  align-items: center;
  margin-top: 0.5vh;
  z-index: 2;
}
.popup .content .question-content .info-question .question-number:before {
  content: "";
  background-color: #cb5364;
  border-radius: 99px;
  width: 123%;
  height: 46%;
  position: absolute;
  top: 7.5vh;
  left: -15%;
}
.popup .content .question-content .info-question .question-number .t {
  position: relative;
  top: 0.8vh;
  padding-right: 0.3vw;
}
.popup .content .question-content .info-question .question-number span {
  font-family: PFBeauSansPro, serif;
  line-height: 8.8vh;
  font-weight: 700;
  color: #382c6d;
  font-size: 8.8vh;
  font-style: italic;
  position: relative;
  z-index: 3;
}
.popup .content .maze-content {
  margin-top: 2.8vh;
}
.popup .content.show-maze .maze-content {
  visibility: visible;
  opacity: 1;
}
.popup .content.show-question .question-content {
  visibility: visible;
  opacity: 1;
}
body {
  font-family: 'Blogger Sans', serif;
  font-size: 3.7vh;
  line-height: 5vh;
  font-weight: 300;
  overflow-x: hidden;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
body .alert-orientation {
  position: fixed;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 9999;
  background-color: #2d3748;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 300ms ease opacity;
}
body:after {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 300ms ease opacity;
}
body.loading:after {
  content: "Загрузка ...";
  width: 100vw;
  height: 100vh;
  opacity: 1;
  z-index: 9999;
  background-color: #2d3748;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
body.no-orientation {
  overflow: hidden;
}
body.no-orientation .alert-orientation {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
body.no-orientation .alert-orientation p {
  padding: 0 10vw;
  text-align: center;
  display: inline-block;
}
.app {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
  background: #7c74c5;
  background: radial-gradient(circle, #7c74c5 0%, #4e4695 100%);
}
.start-page {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.disclaimer {
  width: 72vw;
  border-radius: 1.4vh;
  padding: 3.333vh;
  background: #251b33;
  text-align: center;
  color: #3d306f;
  position: relative;
}
.disclaimer:before,
.disclaimer:after {
  position: absolute;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  content: "";
  background-size: 28vh;
}
.disclaimer:before {
  background-image: url("../images/border-lt.png");
  background-position: left 5.925vh top 5.925vh;
}
.disclaimer:after {
  background-image: url("../images/border-rb.png");
  background-position: bottom 5.925vh right 5.925vh;
}
.disclaimer .content {
  position: relative;
  z-index: 99;
  background: #c3c2eb;
  border-radius: 1.7vh;
  width: 100%;
  height: 100%;
  padding: 7.4vh 7.4vh 4.6vh;
  -webkit-box-shadow: 0 0 5.208vh 2.916vh rgba(215, 179, 243, 0.25);
  -moz-box-shadow: 0 0 5.208vh 2.916vh rgba(215, 179, 243, 0.25);
  box-shadow: 0 0 5.208vh 2.916vh rgba(215, 179, 243, 0.25);
}
.disclaimer .content .title {
  font-weight: bold;
  font-size: 5vh;
  font-style: normal;
  margin-bottom: 2.7vh;
}
.disclaimer .content .text {
  margin-bottom: 2.7vh;
}
.disclaimer .content:after {
  content: "";
  background-image: url("../images/message.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 22.777vh;
  height: 23.4259vh;
  top: -8.877vh;
  right: -3.25vw;
}
.russian-map {
  background-image: url("../images/map_.svg");
  background-position: top 0.9259vh center;
  background-repeat: no-repeat;
  width: 80.7vw;
  height: 38.6vw;
  margin: auto;
  background-size: contain;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
.russian-map .start-point {
  width: 2.037vh;
  height: 2.037vh;
  border-radius: 3vh;
  background: #eba828;
  background: linear-gradient(180deg, #eba828 0%, #c44270 100%);
  box-shadow: 0 0 20px rgba(201, 215, 245, 0.11);
  position: absolute;
  top: 31.3vw;
  left: 35.1vw;
  opacity: 1;
  z-index: 9;
}
.russian-map .path {
  position: absolute;
}
.russian-map .path.r-5 {
  top: 12.1vw;
  left: 15.7vw;
  height: 19.8vw;
}
.russian-map .path.r-10 {
  top: 28.7vw;
  left: 35.4vw;
  height: 3.1548vw;
}
.russian-map .path.r-50 {
  top: 10.8vw;
  left: 16.9vw;
  height: 21.0548vw;
}
.russian-map .path.r-100 {
  top: 15.3vw;
  left: 15.6vw;
  height: 16.6vw;
}
.russian-map .path.r-200 {
  top: 20.1vw;
  left: 5.5vw;
  height: 11.6vw;
}
.russian-map .path.r-500 {
  top: 11.7vw;
  left: 23.6vw;
  height: 20.1vw;
}
.russian-map .path.r-1000 {
  top: 15.3vw;
  left: 17.6vw;
  height: 16.6vw;
}
.russian-map .path.r-2000 {
  top: 26.6vw;
  left: 35.5vw;
  height: 10.6vw;
}
.russian-map .path.r-5000 {
  top: 26.3vw;
  left: 35.6vw;
  height: 7.7vw;
}
.russian-map .city-point {
  position: absolute;
  height: 3.5vw;
}
.russian-map .city-point.r-5 {
  top: 10.4vw;
  height: 2vw;
  left: 9.1vw;
}
.russian-map .city-point.r-10 {
  top: 26.2vw;
  left: 39.7vw;
  height: 3.5vw;
  z-index: 3;
}
.russian-map .city-point.r-50 {
  top: 7.5vw;
  left: 12.6vw;
}
.russian-map .city-point.r-100 {
  top: 13.9vw;
  height: 2.3vw;
  left: 9.1vw;
}
.russian-map .city-point.r-200 {
  top: 18.4vw;
  height: 1.8vw;
  left: 5vw;
}
.russian-map .city-point.r-500 {
  top: 9.4vw;
  height: 2.4vw;
  left: 23vw;
}
.russian-map .city-point.r-1000 {
  top: 13.6vw;
  height: 4.4vw;
  left: 16.7vw;
  z-index: 3;
}
.russian-map .city-point.r-2000 {
  top: 34.3vw;
  left: 56.4vw;
  height: 2.9vw;
}
.russian-map .city-point.r-5000 {
  top: 28.2vw;
  height: 3.2vw;
  left: 65.2vw;
}
.main-page {
  display: flex;
  flex-direction: column;
  background-image: url("../images/bg_elements.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  width: 100vw;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.band {
  font-family: 'PF Din Text Comp Pro', sans-serif;
  width: 45.833vh;
  height: 8.796vh;
  background-image: url("../images/bang.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22.9165vh;
  text-transform: uppercase;
  color: #544165;
  text-align: center;
  font-size: 4.26vh;
  line-height: 7.155vh;
  z-index: 9;
}
.band > span {
  font-family: 'PF Din Text Comp Pro', sans-serif;
  font-weight: bold;
  font-size: 7.14vh;
  position: relative;
  top: 0.463vh;
}
.banknotes {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  margin: auto 2.6vw 0;
}
.banknotes .item {
  width: 17vh;
  height: 15.2vh;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 95%;
  transition: all ease 300ms;
}
.banknotes .item.current {
  background-size: contain;
  animation: pulse 600ms infinite;
}
.banknotes .item.completed {
  transform: scale(1.15);
}
.progress-line {
  margin: 2.77vh 2.6vw 2.5vh;
  padding: 0 8.5vh;
  font-size: 0;
  display: flex;
  justify-content: center;
}
.progress-line .level {
  width: 17vh;
  height: 3vh;
  position: relative;
  overflow: hidden;
}
.progress-line .level:before {
  content: "";
  border: 0.277vh solid white;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.446vh;
  height: 2.446vh;
  border-radius: 3vh;
  transition: 300ms ease-in background-color;
}
.progress-line .level:after {
  content: "";
  border-top: 0.27vh dashed white;
  position: absolute;
  width: 14vh;
  top: 1.1vh;
  left: 2.8vh;
}
.progress-line .level:last-child {
  margin-right: 0;
  width: 3vh;
}
.progress-line .level:last-child:after {
  content: none;
}
.progress-line .level.completed:before {
  background-color: white;
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* Стилизация лабиринта */
.maze-content {
  display: inline-block;
  position: relative;
}
.maze-content .question {
  width: 4vh;
  height: 4vh;
  position: absolute;
  display: block;
  background: transparent;
  z-index: 1;
}
.maze-content .question:after,
.maze-content .question:before {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: white;
  position: absolute;
  transition: opacity 300ms ease-out 300ms, transform 300ms ease-out 300ms;
}
.maze-content .question:after {
  width: 20%;
  height: 20%;
  background-color: #339966;
  transition: none;
}
.maze-content .question.hiding:after,
.maze-content .question.hiding:before {
  opacity: 0;
  transform: scale(0);
}
.maze-content .player {
  width: 4vh;
  height: 4vh;
  display: block;
  position: absolute;
  top: 2vh;
  left: 2vh;
  z-index: 3;
  background: transparent;
  transition: top linear 120ms, left linear 120ms;
}
.maze-content .player:after {
  content: "";
  width: 2.5vh;
  height: 6.45vh;
  display: block;
  background-image: url("../images/player.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  bottom: 1.7vh;
  right: 0;
  margin: auto;
}
.q-actions {
  position: absolute;
  width: 22vh;
  height: 12vh;
  bottom: 1.6vh;
  left: 50%;
  margin-left: -11vh;
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.q-actions > div {
  position: absolute;
  cursor: pointer;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.q-actions .top {
  top: 0;
  left: 7.4vh;
  width: 7.7vh;
  height: 4.15vh;
  background-image: url("../images/top.svg");
}
.q-actions .right {
  right: 0;
  top: 2.2vh;
  width: 4.15vh;
  height: 7.7vh;
  background-image: url("../images/right.svg");
}
.q-actions .bottom {
  bottom: 0;
  left: 7.4vh;
  width: 7.7vh;
  height: 4.15vh;
  background-image: url("../images/bottom.svg");
}
.q-actions .left {
  left: 0;
  top: 2.2vh;
  width: 4.15vh;
  height: 7.7vh;
  background-image: url("../images/left.svg");
}
.show-maze .q-actions {
  visibility: visible;
  opacity: 1;
}
/* Vue Animation: fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 300ms;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
/* Vue Animation: fade-path */
.fade-path-enter-active,
.fade-path-leave-active {
  transition: opacity 1200ms ease-in 600ms;
}
.fade-path-enter,
.fade-path-leave-to {
  opacity: 0;
}
/* Vue Animation: fade-city-point */
.fade-city-point-enter-active,
.fade-city-point-leave-active {
  transition: opacity 300ms ease-out 300ms;
}
.fade-city-point-enter,
.fade-city-point-leave-to {
  opacity: 0;
}
/*# sourceMappingURL=app.css.map */