@import 'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css';
@import "../css/fontawesome.css";
@font-face {
  font-family: DS-Digital;
  src: url("../fonts/DS-DIGIB.TTF");
}
body {
  overflow-y: hidden !important;
}

body.noScroll {
  /* ...or body.dialogShowing */
  overflow-y: hidden !important;
}

/* .dea {
//max-width: 700px;
min-height: 100vh;
svg {
margin-top: 55px;
}

position: relative;
} */
#deaSVG {
  opacity: 0;
}

.dea-str1 {
  stroke: #373435;
  stroke-width: 0.952381;
  stroke-opacity: 0.360784;
}

.dea-str3 {
  stroke: #373435;
  stroke-width: 3.57143;
}

.dea-str2 {
  stroke: #94907F;
  stroke-width: 3.57143;
}

.dea-str4 {
  stroke: #E6E7E8;
  stroke-width: 0.952381;
}

.dea-str0 {
  stroke: black;
  stroke-width: 0.952381;
}

.dea-str5 {
  stroke: #999999;
  stroke-width: 0.362857;
}

.dea-fil8 {
  fill: none;
}

.dea-fil17 {
  fill: #FEFEFE;
}

.dea-fil14 {
  fill: #373435;
}

.dea-fil6 {
  fill: black;
}

.dea-fil5 {
  fill: #333333;
}

.dea-fil11 {
  fill: #475272;
}

.dea-fil12 {
  fill: #480D07;
}

.dea-fil1 {
  fill: #827C68;
}

.dea-fil3 {
  fill: #8C8674;
}

.dea-fil13 {
  fill: #8EAFB4;
}

.dea-fil0 {
  fill: #948C77;
}

.dea-fil10 {
  fill: #AEAEB8;
}

.dea-fil20 {
  fill: #CCCCCC;
}

.dea-fil19 {
  fill: #FFD621;
}

.dea-fil7 {
  fill: #373435;
  fill-opacity: 0.360784;
}

.dea-fil18 {
  fill: url(#dea-id18);
}

.dea-fil2 {
  fill: url(#dea-id19);
}

.dea-fil15 {
  fill: url(#dea-id20);
}

.dea-fil9 {
  fill: url(#dea-id21);
}

.dea-fil4 {
  fill: url(#dea-id22);
}

.dea-fnt2 {
  font-weight: bold;
  font-size: 19.4162px;
  font-family: "Arial";
}

.dea-fnt1 {
  font-weight: normal;
  font-size: 22.2448px;
  font-family: "Arial";
}

.dea-fnt4 {
  font-weight: normal;
  font-size: 30.3224px;
  font-family: "Arial";
}

.dea-fnt5 {
  font-weight: bold;
  font-size: 65.8529px;
  font-family: "DS-Digital";
}

.dea-fnt3 {
  font-weight: bold;
  font-size: 83.0143px;
  font-family: "Arial";
}

.dea-fnt0 {
  font-style: italic;
  font-weight: normal;
  font-size: 37.8943px;
  font-family: "Arial";
}

.shockPrepare .shockShape {
  fill: url(#shockShapePrepare);
}
.shockPrepare .fil14 {
  border-color: #eeb824 !important;
  fill: #eeb824 !important;
}
.shockPrepare .raio {
  border-color: #FEFEFE;
  fill: #FEFEFE;
}

.shockShape:hover {
  fill: url(#shockShapePushed);
}

#btn_up,
#btn_down {
  cursor: pointer;
}

#btn_up,
#btn_down:hover {
  fill: #38456B;
}

.shockShape {
  cursor: pointer;
  fill: url(#shockShape);
}

.raio {
  cursor: pointer;
}

.shockShapePrepare {
  fill: url(#shockShapePrepare);
}

.ledLight {
  fill: yellow;
}

#btn_power {
  cursor: pointer;
}

#btn_power:hover {
  fill: url(#onOffBtnHover);
}

.victim {
  min-height: 100vh;
  display: none;
}
.victim svg {
  position: relative;
}

.victim-str1 {
  stroke: #CCCCCC;
  stroke-width: 2.38095;
}

.victim-str5 {
  stroke: black;
  stroke-width: 0.362857;
}

.victim-str4 {
  stroke: black;
  stroke-width: 0.362857;
}

.victim-str6 {
  stroke: #999999;
  stroke-width: 0.362857;
}

.victim-str7 {
  stroke: #B3B3B3;
  stroke-width: 0.362857;
}

.victim-str3 {
  stroke: #CCCCCC;
  stroke-width: 0.362857;
}

.victim-str2 {
  stroke: #CCCCCC;
  stroke-width: 4.7619;
  stroke-linecap: round;
}

.victim-str0 {
  stroke: red;
  stroke-width: 1.19048;
  stroke-dasharray: 1.190476 1.190476;
}

.victim-fil0 {
  fill: none;
}

.victim-fil2 {
  fill: black;
}

.victim-fil1 {
  fill: white;
}

.victim-fil3 {
  fill: red;
  fill-rule: nonzero;
}

.add-to-home {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  text-align: center;
  color: #fff;
  padding: 10vh 5vw;
  box-sizing: border-box;
  background-color: #000;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
}

.blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  transition: 0.2s filter linear;
  -webkit-transition: 0.2s -webkit-filter linear;
}

.add-to-home .browser-preview p {
  margin: -45px 0 40px;
  text-decoration: underline;
  text-align: right;
}

.add-to-home .logo-name-container {
  background-repeat: no-repeat;
  background-position: center 0;
  padding-top: 110px;
  margin: 0 45px;
  background-size: 140px;
  font-size: 24px;
  margin-top: 15vh;
}

.add-to-home .homescreen-text {
  padding-top: 15vh;
  line-height: 1.5;
  font-size: 18px;
}

.add-to-home .icon-addToHome {
  vertical-align: text-bottom;
  width: 35px;
  height: 35px;
  display: inline-block;
  background: url("../img/icons/mobile-sprite.png") no-repeat top left;
  background-size: cover;
}

.add-to-home .icon-homePointer {
  margin-top: 5vh;
  background: url("../img/icons/mobile-sprite.png") no-repeat top left;
  background-position: center -40px;
  width: 100%;
  height: 50px;
  background-size: 40px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: topToBottom;
  animation-name: topToBottom;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@keyframes topToBottom {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 20px);
  }
}
.instruction-items {
  position: relative;
  width: 100%;
  margin-bottom: -17px;
  overflow-x: scroll;
  overflow-y: unset;
  white-space: nowrap;
  transition: all 0.2s;
  will-change: transform;
  user-select: none;
  cursor: pointer;
}

.instruction-items.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

#instructions svg {
  position: relative;
}
#instructions #page2_SVG .str0 {
  stroke: #E6E6E6;
  stroke-width: 0.362857;
}
#instructions #page2_SVG .fil12 {
  fill: none;
}
#instructions #page2_SVG .fil2 {
  fill: none;
  fill-rule: nonzero;
}
#instructions #page2_SVG .fil0 {
  fill: #DC3A36;
}
#instructions #page2_SVG .fil11 {
  fill: white;
}
#instructions #page2_SVG .fil10 {
  fill: #808081;
}
#instructions #page2_SVG .fil9 {
  fill: #878787;
}
#instructions #page2_SVG .fil5 {
  fill: #D9D9D9;
}
#instructions #page2_SVG .fil8 {
  fill: #F0F0F0;
}
#instructions #page2_SVG .fil7 {
  fill: #F1F2F2;
}
#instructions #page2_SVG .fil3 {
  fill: #F9F9FA;
}
#instructions #page2_SVG .fil6 {
  fill: #FAFAFA;
}
#instructions #page2_SVG .fil4 {
  fill: white;
}
#instructions #page2_SVG .fil1 {
  fill: white;
  fill-rule: nonzero;
}
#instructions #page2_SVG .fnt0 {
  font-weight: normal;
  font-size: 20.1586px;
  font-family: "Arial";
}
#instructions #page2_SVG .fnt1 {
  font-weight: normal;
  font-size: 34.269px;
  font-family: "Wingdings";
}
#instructions #page2_SVG .fnt3 {
  font-weight: normal;
  font-size: 37.1252px;
  font-family: "Wingdings";
}
#instructions #page2_SVG .fnt2 {
  font-weight: normal;
  font-size: 43.6771px;
  font-family: "Arial";
}
#instructions #page1_SVG .str8 {
  stroke: black;
  stroke-width: 1.90476;
}
#instructions #page1_SVG .str1 {
  stroke: #373435;
  stroke-width: 0.952381;
}
#instructions #page1_SVG .str3 {
  stroke: black;
  stroke-width: 0.952381;
}
#instructions #page1_SVG .str5 {
  stroke: black;
  stroke-width: 0.952381;
}
#instructions #page1_SVG .str2 {
  stroke: white;
  stroke-width: 0.952381;
}
#instructions #page1_SVG .str4 {
  stroke: #373435;
  stroke-width: 0.47619;
}
#instructions #page1_SVG .str7 {
  stroke: black;
  stroke-width: 0.362857;
}
#instructions #page1_SVG .str0 {
  stroke: #990F0F;
  stroke-width: 0.362857;
}
#instructions #page1_SVG .str6 {
  stroke: #C7A96C;
  stroke-width: 0.362857;
}
#instructions #page1_SVG .fil33 {
  fill: none;
}
#instructions #page1_SVG .fil3 {
  fill: none;
  fill-rule: nonzero;
}
#instructions #page1_SVG .fil28 {
  fill: #6B809B;
}
#instructions #page1_SVG .fil0 {
  fill: black;
}
#instructions #page1_SVG .fil65 {
  fill: black;
}
#instructions #page1_SVG .fil36 {
  fill: black;
}
#instructions #page1_SVG .fil7 {
  fill: #006633;
}
#instructions #page1_SVG .fil44 {
  fill: #1D9BD3;
}
#instructions #page1_SVG .fil42 {
  fill: #282827;
}
#instructions #page1_SVG .fil73 {
  fill: #282827;
}
#instructions #page1_SVG .fil45 {
  fill: #2EA7D4;
}
#instructions #page1_SVG .fil51 {
  fill: #545552;
}
#instructions #page1_SVG .fil37 {
  fill: #6C6A78;
}
#instructions #page1_SVG .fil40 {
  fill: #949693;
}
#instructions #page1_SVG .fil39 {
  fill: #986027;
}
#instructions #page1_SVG .fil78 {
  fill: #9DCD83;
}
#instructions #page1_SVG .fil38 {
  fill: #9DCD83;
}
#instructions #page1_SVG .fil69 {
  fill: #A4C6E2;
}
#instructions #page1_SVG .fil35 {
  fill: #A4C6E2;
}
#instructions #page1_SVG .fil49 {
  fill: #CC172B;
}
#instructions #page1_SVG .fil29 {
  fill: #CCCCFF;
}
#instructions #page1_SVG .fil43 {
  fill: #CD3131;
}
#instructions #page1_SVG .fil52 {
  fill: #CFD0CF;
}
#instructions #page1_SVG .fil53 {
  fill: #D42127;
}
#instructions #page1_SVG .fil48 {
  fill: #D6352A;
}
#instructions #page1_SVG .fil58 {
  fill: #E2CFCF;
}
#instructions #page1_SVG .fil54 {
  fill: #E4C587;
}
#instructions #page1_SVG .fil50 {
  fill: #EBD356;
}
#instructions #page1_SVG .fil56 {
  fill: #ED2F31;
}
#instructions #page1_SVG .fil41 {
  fill: #EEEEF3;
}
#instructions #page1_SVG .fil46 {
  fill: #F0302F;
}
#instructions #page1_SVG .fil59 {
  fill: #F0D6CF;
}
#instructions #page1_SVG .fil57 {
  fill: #F1E4DE;
}
#instructions #page1_SVG .fil26 {
  fill: #F2BAA1;
}
#instructions #page1_SVG .fil31 {
  fill: #F2BAA1;
}
#instructions #page1_SVG .fil47 {
  fill: #F2F2F4;
}
#instructions #page1_SVG .fil72 {
  fill: #F8CBA2;
}
#instructions #page1_SVG .fil34 {
  fill: #F8CBA2;
}
#instructions #page1_SVG .fil27 {
  fill: #F9D8C6;
}
#instructions #page1_SVG .fil30 {
  fill: #F9D8C6;
}
#instructions #page1_SVG .fil32 {
  fill: red;
}
#instructions #page1_SVG .fil25 {
  fill: #FF99CC;
}
#instructions #page1_SVG .fil55 {
  fill: #FFFFFE;
}
#instructions #page1_SVG .fil2 {
  fill: white;
}
#instructions #page1_SVG .fil5 {
  fill: black;
}
#instructions #page1_SVG .fil66 {
  fill: #030303;
}
#instructions #page1_SVG .fil6 {
  fill: #060606;
}
#instructions #page1_SVG .fil67 {
  fill: #090909;
}
#instructions #page1_SVG .fil74 {
  fill: #0C0C0C;
}
#instructions #page1_SVG .fil68 {
  fill: #515151;
}
#instructions #page1_SVG .fil13 {
  fill: #565656;
}
#instructions #page1_SVG .fil70 {
  fill: #5C5C5C;
}
#instructions #page1_SVG .fil75 {
  fill: dimgray;
}
#instructions #page1_SVG .fil24 {
  fill: #7D7E7E;
}
#instructions #page1_SVG .fil77 {
  fill: #7F8080;
}
#instructions #page1_SVG .fil64 {
  fill: #808081;
}
#instructions #page1_SVG .fil76 {
  fill: #848485;
}
#instructions #page1_SVG .fil63 {
  fill: #878787;
}
#instructions #page1_SVG .fil23 {
  fill: #888888;
}
#instructions #page1_SVG .fil21 {
  fill: #AFAFAF;
}
#instructions #page1_SVG .fil60 {
  fill: #D9D9D9;
}
#instructions #page1_SVG .fil22 {
  fill: #DBDBDC;
}
#instructions #page1_SVG .fil18 {
  fill: #EAEAEA;
}
#instructions #page1_SVG .fil15 {
  fill: #ECECEC;
}
#instructions #page1_SVG .fil20 {
  fill: #EEEEEF;
}
#instructions #page1_SVG .fil62 {
  fill: #F0F0F0;
}
#instructions #page1_SVG .fil61 {
  fill: #F1F2F2;
}
#instructions #page1_SVG .fil19 {
  fill: #F2F2F3;
}
#instructions #page1_SVG .fil71 {
  fill: whitesmoke;
}
#instructions #page1_SVG .fil16 {
  fill: #F5F6F6;
}
#instructions #page1_SVG .fil17 {
  fill: #F6F6F7;
}
#instructions #page1_SVG .fil14 {
  fill: #F8F8F8;
}
#instructions #page1_SVG .fil12 {
  fill: #F9F9FA;
}
#instructions #page1_SVG .fil10 {
  fill: #FAFAFA;
}
#instructions #page1_SVG .fil8 {
  fill: #FBFCFC;
}
#instructions #page1_SVG .fil9 {
  fill: #FCFDFD;
}
#instructions #page1_SVG .fil11 {
  fill: #FEFEFE;
}
#instructions #page1_SVG .fil4 {
  fill: white;
}
#instructions #page1_SVG .fil1 {
  fill: #DC3A36;
  fill-rule: nonzero;
}
#instructions #page1_SVG .fnt3 {
  font-weight: normal;
  font-size: 13.4671px;
  font-family: "Arial";
}
#instructions #page1_SVG .fnt0 {
  font-weight: normal;
  font-size: 15.9557px;
  font-family: "Arial";
}
#instructions #page1_SVG .fnt2 {
  font-weight: bold;
  font-size: 21.8386px;
  font-family: "Arial";
}
#instructions #page1_SVG .fnt1 {
  font-weight: normal;
  font-size: 24.6714px;
  font-family: "Arial";
}

.preloader {
  position: fixed;
  z-index: 11;
  width: 100vw;
  height: 100vh;
  background-color: #DB2F36;
}
.preloader .icon {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
  animation: shockwaveJump 1s ease-out infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  background-size: contain;
  background-image: url("../img/icons/preloader.png");
  margin-top: -25px;
  margin-left: -25px;
}
.preloader .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.5s ease-out infinite;
  animation: shockwave 1s 0.5s ease-out infinite;
}
.preloader .icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.65s ease-out infinite;
  animation: shockwave 1s 0.65s ease-out infinite;
}

@-webkit-keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  50% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  55% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  60% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px YELLOW, inset 0 0 1px YELLOW;
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(2.25);
    transform: scale(2.25);
  }
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px YELLOW, inset 0 0 1px YELLOW;
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(2.25);
    transform: scale(2.25);
  }
}
@media (min-width: 37em) {
  #snackbar {
    font-size: 0.7em;
    padding: 5px !important;
  }
}
/* 592px */
@media (min-width: 41em) {
  .info {
    padding-top: 5px;
    font-size: 1em;
  }

  #snackbar {
    font-size: 0.85em;
  }
}
/* 656px */
/* 752px */
/* 1088px */
/* 1312px */
/* 1600px */
.v-container {
  overflow: hidden;
}

footer {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  position: fixed;
  background-color: #DB2F36;
  color: #fff;
  border: 1px solid #DB2F36;
  bottom: 0px;
  width: 100%;
  height: 120px;
  /* left: 0px; */
  /* right: 0px; */
  z-index: 10;
  /* margin-bottom: 0px; */
  /* margin: 0 !important; */
}
footer .info {
  padding: 0;
  display: flex;
  text-size-adjust: auto;
  text-align: center;
  text-align: -webkit-center;
  line-height: 1.2em;
  height: 50px;
}
footer .info #infoText {
  width: -webkit-fill-available;
  border-right: 1px solid yellow;
  border-bottom: 1px solid yellow;
  padding-top: 10px;
}
footer .info #infoTimer {
  width: 60px;
  padding-top: 10px;
  border-bottom: 1px solid yellow;
}
footer .icons {
  margin: 0;
  text-align: center;
}
footer .icons .icon {
  padding: 15px;
  cursor: pointer;
}
footer .icons .icon .fas {
  color: #fff;
  font-size: xx-large;
}
footer .icons .icon p {
  font-size: 11px;
}
footer .icons .icon.active {
  background-color: #b71a1f;
}
footer .icons .icon:hover:not(.active) {
  background-color: #c72a2f;
}

text {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

#snackbar {
  visibility: hidden;
  /* min-width: 250px; */
  cursor: pointer;
  margin-left: -125px;
  background-color: #333333e0;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  right: 10px;
  top: 0;
  font-size: 10px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 85px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 85px;
    opacity: 1;
  }
}

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