@charset "UTF-8";
/* PressStart2P */
@font-face {
  font-family: "PressStart2P";
  src: url("../fonts/PressStart2P-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ModernDOS";
  src: url("../fonts/ModernDOS8x14.ttf");
  font-weight: 400;
  font-style: normal;
}
/*@import "./fonts.css";*/
* {
  box-sizing: border-box;
}

body {
  background-color: #005100;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.hamburger-menu {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 999;
}

.acces-denied {
  display: none;
}

.logo-image {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 7%;
  height: auto;
  opacity: 1;
  z-index: 998;
  max-width: 155px;
  /*animation: logo 2hs ease-in-out;*/
}

.logo-image.hidden {
  display: none;
}

@media (max-width: 991px) {
  .logo-image {
    top: 20px;
  }
}
@media (max-width: 768px) {
  .logo-image {
    height: auto;
    object-fit: cover;
    width: 15%;
  }
}
.title-wrapper {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 48px;
  color: #19A511;
  z-index: 998;
  cursor: pointer;
}
.title-wrapper path {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
}
.title-wrapper :hover path {
  fill: #fff;
}

@media (max-width: 768px) {
  .title-wrapper {
    font-size: 36px;
    bottom: 60px;
    width: 100%;
    text-align: center;
  }
}
.rec-wrapper {
  position: fixed;
  bottom: 10px;
  left: 20px;
  padding-left: 15px;
  font-family: "Times New Roman";
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
}

.rec-wrapper::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: red;
  box-shadow: 0 0 0 rgb(252, 20, 10);
  animation: rec 2s infinite;
}

@media (max-width: 768px) {
  .rec-wrapper {
    font-size: 24px;
  }
  .rec-wrapper::before {
    width: 10px;
    height: 10px;
    top: 45%;
  }
}
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-image .svg_circle {
  width: 4px;
  height: 4px;
  fill: red;
  animation: rerec_map 2s infinite;
  stroke: rgba(185, 31, 31, 0.5);
  stroke-width: 0;
  pointer-events: none;
}
.background-image .svg_text {
  font-size: 12px;
  fill: #000;
  fill-opacity: 0.7;
  font-family: "ModernDOS";
}

.razar {
  float: left;
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: 100% 100%;
  overflow: auto;
}

.left-side-content-block {
  position: absolute;
  top: 48%;
  left: 30px;
  transform: translateY(-50%);
  z-index: 999;
}
.left-side-content-block .info-wrapper {
  max-width: 25vh;
  max-height: 180px;
  object-fit: cover;
  cursor: pointer;
}

.info-wrapper {
  display: flex;
  border: 3px solid #006200;
  position: relative;
}
@media (max-width: 768px) {
  .info-wrapper {
    margin-bottom: 20px;
  }
}
.info-wrapper video {
  max-height: 100%;
  object-fit: cover;
  width: 100%;
}

.video-wrapper .info-wrapper {
  padding: 20px;
}

.info-content-block {
  color: #12f112;
  font-weight: 600;
  margin: 0 auto;
  width: 100%;
  font-size: 14px;
  padding: 13px;
}
.info-content-block svg {
  width: 100%;
  object-fit: contain;
}
.info-content-block .diagrams-animation:not(.square-block) {
  animation: 2s ease-in-out infinite;
  height: 100%;
}
.info-content-block .square-block {
  animation: 2s ease-in-out infinite;
}

.top-side-content-block {
  text-align: right;
  text-align: -webkit-right;
  text-align: -moz-right;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 50px;
}

.top-side-content-block .info-wrapper {
  width: 150px;
}

@media (max-width: 991px) {
  .left-side-content-block .info-wrapper,
  .top-side-content-block .info-wrapper {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .top-side-content-block,
  .left-side-content-block {
    top: 20px;
    transform: translate(0);
    transition: top 0.5s;
  }
  .left-side-content-block .info-wrapper,
  .top-side-content-block .info-wrapper {
    width: 90px;
    padding: 10px;
  }
  .info-wrapper .sound-wave {
    height: 60px;
  }
  body.form-open .top-side-content-block,
  body.form-open .left-side-content-block {
    top: 90px;
    transition: top 0.5s;
  }
}
.pulse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #dcf48a;
  -moz-animation: pulsating 2s ease-in-out;
  -moz-animation-iteration-count: infinite;
  -webkit-animation: pulsating 2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}

.ringbase {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 35px;
  opacity: 0;
}

.ring1 {
  box-shadow: 0 0 2px 1px #8eb716, inset 0 0 2px 1px #8eb716;
  -moz-animation: ring 2s ease-in-out;
  -moz-animation-iteration-count: infinite;
  -webkit-animation: ring 2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation: ring 2s ease-in-out;
  animation-iteration-count: infinite;
}

.ring2 {
  box-shadow: 0 0 1px 0 #cbe572, inset 0 0 1px 0 #cbe572;
  -moz-animation: ring 2s ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0.5s;
  -webkit-animation: ring 2s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
  animation: ring 2s ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}

@-webkit-keyframes rec_map {
  0% {
    stroke-width: 0;
    fill-opacity: 1;
  }
  70% {
    stroke-width: 9;
    fill-opacity: 1;
  }
  100% {
    stroke-width: 0;
    fill-opacity: 1;
  }
}
@keyframes rerec_map {
  0% {
    stroke-width: 0;
    fill-opacity: 1;
  }
  70% {
    stroke-width: 9;
    fill-opacity: 1;
  }
  100% {
    stroke-width: 0;
    fill-opacity: 1;
  }
}
@-webkit-keyframes rec {
  0% {
    -webkit-box-shadow: 0 0 0 rgba(185, 31, 31, 0.8);
  }
  70% {
    -webkit-box-shadow: 0 0 0 12px rgba(185, 31, 31, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 rgba(185, 31, 31, 0);
  }
}
@keyframes rec {
  0% {
    -moz-box-shadow: 0 0 0 rgb(185, 31, 31);
    box-shadow: 0 0 0 rgb(185, 31, 31);
  }
  70% {
    -moz-box-shadow: 0 0 0 12px rgba(185, 31, 31, 0.5);
    box-shadow: 0 0 0 12px rgba(185, 31, 31, 0.5);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(185, 31, 31, 0);
    box-shadow: 0 0 0 0 rgba(185, 31, 31, 0);
  }
}
@-webkit-keyframes pulsating {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes pulsating {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulsating {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: scale(0.4, 0.4);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: scale(0.4, 0.4);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -moz-transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes ring {
  0% {
    transform: scale(0.4, 0.4);
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
.radar-wrapper {
  position: absolute;
  width: 70vh;
  height: 70vh;
  max-width: 100%;
  max-height: 100vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
@media (max-width: 1121px) {
  .radar-wrapper {
    transform: translate(-50%, 65%);
  }
}
@media (max-width: 768px) {
  .radar-wrapper {
    transform: translate(-50%, -50%);
  }
}
.radar-wrapper .dot {
  opacity: 0;
  position: absolute;
  -webkit-animation: blink 5s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: blink 5s ease-out;
  -moz-animation-iteration-count: infinite;
  animation: blink 5s ease-out;
  animation-iteration-count: infinite;
  z-index: 25;
  width: 32%;
  height: 32%;
}

.dot img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.dot-link {
  position: absolute;
  top: -9px;
  left: 0;
  transform: translate(-50%, -100%);
  color: #12f112;
  font-size: 14px;
  white-space: nowrap;
  text-decoration: none;
}

.radar-screen {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #004100;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='719' height='717' viewBox='0 0 719 717' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M360.002 482.606C335.642 482.609 311.829 475.38 291.573 461.835C271.317 448.289 255.529 429.035 246.206 406.507C236.883 383.98 234.443 359.19 239.194 335.274C243.946 311.358 255.676 289.39 272.901 272.148C290.126 254.905 312.073 243.163 335.965 238.407C359.857 233.65 384.621 236.093 407.127 245.425C429.632 254.758 448.867 270.562 462.399 290.838C475.931 311.114 483.152 334.951 483.15 359.336C483.111 392.017 470.124 423.349 447.038 446.459C423.952 469.568 392.651 482.568 360.002 482.606ZM360.002 238.707C336.167 238.705 312.867 245.777 293.048 259.03C273.229 272.284 257.781 291.122 248.658 313.164C239.535 335.206 237.147 359.461 241.795 382.861C246.444 406.261 257.92 427.757 274.773 444.628C291.625 461.5 313.098 472.99 336.474 477.645C359.851 482.301 384.082 479.913 406.102 470.783C428.123 461.653 446.944 446.192 460.186 426.355C473.429 406.517 480.497 383.194 480.497 359.336C480.437 327.366 467.723 296.723 445.138 274.119C422.553 251.514 391.94 238.79 360.002 238.734V238.707Z' fill='%2319A511'/%3E%3Cpath d='M361.329 0H358.676V154.978H361.329V0Z' fill='%2319A511'/%3E%3Cpath d='M114.76 111.985L112.89 113.869L214.382 214.791L216.252 212.907L114.76 111.985Z' fill='%2319A511'/%3E%3Cpath d='M610.525 106.838L496.565 220.197L498.435 222.081L612.395 108.722L610.525 106.838Z' fill='%2319A511'/%3E%3Cpath d='M361.329 566.283H358.676V716.308H361.329V566.283Z' fill='%2319A511'/%3E%3Cpath d='M360.951 250.476H359.026V465.052H360.951V250.476Z' fill='%2319A511'/%3E%3Cpath d='M213.747 504.786L112.979 605.023L114.849 606.907L215.617 506.669L213.747 504.786Z' fill='%2319A511'/%3E%3Cpath d='M154.085 358.287H0.482422V360.942H154.085V358.287Z' fill='%2319A511'/%3E%3Cpath d='M467.758 358.245H256.068V361.132H467.758V358.245Z' fill='%2319A511'/%3E%3Cpath d='M506.734 505.136L504.865 507.02L603.957 605.555L605.826 603.671L506.734 505.136Z' fill='%2319A511'/%3E%3Cpath d='M718.899 358.035H566V360.69H718.899V358.035Z' fill='%2319A511'/%3E%3Cpath d='M214.499 43.5972L212.106 44.7433L234.623 91.8501L237.016 90.7039L214.499 43.5972Z' fill='%2319A511'/%3E%3Cpath d='M187.234 57.6774L184.962 59.0494L211.924 103.772L214.195 102.399L187.234 57.6774Z' fill='%2319A511'/%3E%3Cpath d='M161.884 73.7839L159.718 75.3169L189.842 117.969L192.008 116.436L161.884 73.7839Z' fill='%2319A511'/%3E%3Cpath d='M331.64 12.9235L328.993 13.0958L332.377 65.1939L335.024 65.0216L331.64 12.9235Z' fill='%2319A511'/%3E%3Cpath d='M303.017 16.6969L300.391 17.1483L309.255 68.8212L311.881 68.3698L303.017 16.6969Z' fill='%2319A511'/%3E%3Cpath d='M271.788 23.0294L269.223 23.7086L282.563 74.18L285.128 73.5007L271.788 23.0294Z' fill='%2319A511'/%3E%3Cpath d='M242.333 32.1663L239.848 33.0963L258.118 82.0106L260.603 81.0806L242.333 32.1663Z' fill='%2319A511'/%3E%3Cpath d='M137.586 92.28L135.579 94.0166L169.712 133.544L171.719 131.808L137.586 92.28Z' fill='%2319A511'/%3E%3Cpath d='M388.407 12.9204L385.023 65.0185L387.67 65.1908L391.054 13.0927L388.407 12.9204Z' fill='%2319A511'/%3E%3Cpath d='M448.273 23.072L434.932 73.5434L437.497 74.2226L450.838 23.7512L448.273 23.072Z' fill='%2319A511'/%3E%3Cpath d='M418.672 16.6959L409.832 68.1353L412.447 68.5855L421.286 17.1461L418.672 16.6959Z' fill='%2319A511'/%3E%3Cpath d='M477.751 32.2209L459.481 81.1352L461.966 82.0652L480.236 33.1509L477.751 32.2209Z' fill='%2319A511'/%3E%3Cpath d='M505.525 43.6206L483.016 90.7313L485.41 91.8771L507.918 44.7664L505.525 43.6206Z' fill='%2319A511'/%3E%3Cpath d='M582.451 92.3194L548.332 131.859L550.339 133.595L584.459 94.0552L582.451 92.3194Z' fill='%2319A511'/%3E%3Cpath d='M558.184 73.8194L528.06 116.471L530.226 118.004L560.35 75.3524L558.184 73.8194Z' fill='%2319A511'/%3E%3Cpath d='M532.849 57.7229L505.896 102.45L508.167 103.821L535.121 59.0946L532.849 57.7229Z' fill='%2319A511'/%3E%3Cpath d='M508.147 615.173L505.875 616.545L532.837 661.267L535.108 659.895L508.147 615.173Z' fill='%2319A511'/%3E%3Cpath d='M530.205 601.023L528.039 602.556L558.163 645.207L560.329 643.674L530.205 601.023Z' fill='%2319A511'/%3E%3Cpath d='M387.704 653.763L385.056 653.936L388.44 706.034L391.088 705.861L387.704 653.763Z' fill='%2319A511'/%3E%3Cpath d='M461.967 636.905L459.482 637.835L477.752 686.749L480.237 685.819L461.967 636.905Z' fill='%2319A511'/%3E%3Cpath d='M485.475 627.029L483.082 628.176L505.599 675.282L507.992 674.136L485.475 627.029Z' fill='%2319A511'/%3E%3Cpath d='M414.827 653.208L412.2 653.659L421.064 705.332L423.691 704.88L414.827 653.208Z' fill='%2319A511'/%3E%3Cpath d='M437.559 644.676L434.994 645.356L448.335 695.827L450.9 695.148L437.559 644.676Z' fill='%2319A511'/%3E%3Cpath d='M550.354 585.316L548.347 587.052L582.481 626.58L584.488 624.843L550.354 585.316Z' fill='%2319A511'/%3E%3Cpath d='M686.295 239.512L636.788 256.44L637.646 258.953L687.152 242.025L686.295 239.512Z' fill='%2319A511'/%3E%3Cpath d='M674.62 211.659L626.825 232.92L627.902 235.346L675.697 214.085L674.62 211.659Z' fill='%2319A511'/%3E%3Cpath d='M660.218 184.264L614.773 210.127L616.085 212.436L661.529 186.573L660.218 184.264Z' fill='%2319A511'/%3E%3Cpath d='M704.494 298.654L652.663 307.039L653.087 309.668L704.919 301.283L704.494 298.654Z' fill='%2319A511'/%3E%3Cpath d='M695.613 268.971L644.667 281.045L645.278 283.629L696.224 271.555L695.613 268.971Z' fill='%2319A511'/%3E%3Cpath d='M643.748 158.686L600.792 188.46L602.302 190.643L645.258 160.869L643.748 158.686Z' fill='%2319A511'/%3E%3Cpath d='M625.051 134.67L585.471 168.772L587.202 170.784L626.781 136.682L625.051 134.67Z' fill='%2319A511'/%3E%3Cpath d='M706.189 328.908L653.91 332.182L654.075 334.832L706.354 331.558L706.189 328.908Z' fill='%2319A511'/%3E%3Cpath d='M586.836 545.404L585.112 547.422L624.801 581.4L626.525 579.382L586.836 545.404Z' fill='%2319A511'/%3E%3Cpath d='M654.112 384.175L653.945 386.826L706.222 390.127L706.39 387.477L654.112 384.175Z' fill='%2319A511'/%3E%3Cpath d='M650.865 409.606L650.442 412.228L702.126 420.589L702.549 417.967L650.865 409.606Z' fill='%2319A511'/%3E%3Cpath d='M637.64 460.01L636.782 462.522L686.282 479.468L687.141 476.955L637.64 460.01Z' fill='%2319A511'/%3E%3Cpath d='M645.33 435.441L644.718 438.025L695.66 450.117L696.272 447.533L645.33 435.441Z' fill='%2319A511'/%3E%3Cpath d='M627.916 483.689L626.839 486.116L674.637 507.368L675.714 504.941L627.916 483.689Z' fill='%2319A511'/%3E%3Cpath d='M602.306 528.358L600.796 530.542L643.757 560.308L645.267 558.125L602.306 528.358Z' fill='%2319A511'/%3E%3Cpath d='M616.101 506.531L614.789 508.84L660.229 534.71L661.54 532.402L616.101 506.531Z' fill='%2319A511'/%3E%3Cpath d='M65.8793 384.211L13.6001 387.485L13.7657 390.135L66.0449 386.861L65.8793 384.211Z' fill='%2319A511'/%3E%3Cpath d='M92.104 483.702L44.3091 504.963L45.3864 507.39L93.1813 486.129L92.104 483.702Z' fill='%2319A511'/%3E%3Cpath d='M103.941 506.586L58.4971 532.449L59.8083 534.757L105.252 508.895L103.941 506.586Z' fill='%2319A511'/%3E%3Cpath d='M69.7722 410.804L17.9409 419.189L18.3654 421.818L70.1967 413.433L69.7722 410.804Z' fill='%2319A511'/%3E%3Cpath d='M74.6972 435.446L23.7507 447.52L24.3619 450.104L75.3084 438.03L74.6972 435.446Z' fill='%2319A511'/%3E%3Cpath d='M82.3817 460.04L32.8628 476.972L33.7204 479.485L83.2392 462.553L82.3817 460.04Z' fill='%2319A511'/%3E%3Cpath d='M117.732 528.344L74.7761 558.118L76.2864 560.301L119.242 530.527L117.732 528.344Z' fill='%2319A511'/%3E%3Cpath d='M132.83 548.292L93.2505 582.394L94.9811 584.407L134.561 550.305L132.83 548.292Z' fill='%2319A511'/%3E%3Cpath d='M332.367 653.738L328.983 705.837L331.63 706.009L335.014 653.911L332.367 653.738Z' fill='%2319A511'/%3E%3Cpath d='M282.556 644.715L269.215 695.186L271.78 695.866L285.121 645.394L282.556 644.715Z' fill='%2319A511'/%3E%3Cpath d='M307.672 650.454L298.833 701.893L301.447 702.343L310.287 650.904L307.672 650.454Z' fill='%2319A511'/%3E%3Cpath d='M234.619 627.051L212.11 674.162L214.504 675.307L237.012 628.197L234.619 627.051Z' fill='%2319A511'/%3E%3Cpath d='M258.126 636.988L239.856 685.903L242.341 686.833L260.611 637.918L258.126 636.988Z' fill='%2319A511'/%3E%3Cpath d='M211.912 615.214L184.958 659.94L187.23 661.312L214.184 616.585L211.912 615.214Z' fill='%2319A511'/%3E%3Cpath d='M169.706 585.375L135.587 624.915L137.594 626.651L171.714 587.111L169.706 585.375Z' fill='%2319A511'/%3E%3Cpath d='M189.836 601.045L159.712 643.697L161.878 645.23L192.002 602.578L189.836 601.045Z' fill='%2319A511'/%3E%3Cpath d='M17.8319 298.329L17.4087 300.951L69.093 309.312L69.5162 306.69L17.8319 298.329Z' fill='%2319A511'/%3E%3Cpath d='M33.7227 239.48L32.8643 241.992L82.3772 258.942L83.2357 256.429L33.7227 239.48Z' fill='%2319A511'/%3E%3Cpath d='M24.3931 268.904L23.781 271.488L74.7232 283.579L75.3353 280.996L24.3931 268.904Z' fill='%2319A511'/%3E%3Cpath d='M94.9461 133.876L93.2217 135.894L132.911 169.872L134.635 167.854L94.9461 133.876Z' fill='%2319A511'/%3E%3Cpath d='M76.2757 158.675L74.7659 160.859L117.727 190.625L119.237 188.442L76.2757 158.675Z' fill='%2319A511'/%3E%3Cpath d='M59.8074 184.201L58.4958 186.51L103.935 212.38L105.247 210.072L59.8074 184.201Z' fill='%2319A511'/%3E%3Cpath d='M45.3984 211.617L44.3215 214.044L92.1201 235.297L93.197 232.87L45.3984 211.617Z' fill='%2319A511'/%3E%3Cpath d='M14.2119 327.683L14.0527 330.339L66.4341 333.485L66.5933 330.829L14.2119 327.683Z' fill='%2319A511'/%3E%3Cpath d='M679.962 360.59C679.962 537.892 536.44 681.621 359.4 681.621C182.361 681.621 38.8388 537.892 38.8388 360.59C38.8388 183.287 182.361 39.5587 359.4 39.5587C536.44 39.5587 679.962 183.287 679.962 360.59Z' stroke='%2319A511' stroke-width='2.88668'/%3E%3Cpath d='M592.655 360.59C592.655 489.674 488.22 594.313 359.4 594.313C230.58 594.313 126.146 489.674 126.146 360.59C126.146 231.505 230.58 126.866 359.4 126.866C488.22 126.866 592.655 231.505 592.655 360.59Z' stroke='%2319A511' stroke-width='2.88668'/%3E%3Cpath d='M104.038 212.457L105.232 210.081L105.338 210.147L104.038 212.457Z' fill='%2319A511'/%3E%3C/svg%3E%0A");
  background-size: 100%, 100% 100%, 100% 100%, 100%;
  z-index: 999;
}

.pointer {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
  -webkit-animation: circling 5s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: circling 5s linear;
  -moz-animation-iteration-count: infinite;
  animation: circling 5s linear;
  animation-iteration-count: infinite;
  z-index: 20;
}
.pointer div {
  width: 50%;
  border-bottom: 2px solid rgba(93, 196, 30, 0.75);
  box-shadow: 14px 15px 54px 30px rgba(93, 196, 30, 0.75);
}

.radar-block {
  height: 100%;
}
@media (max-width: 1121px) {
  .radar-block {
    transform: scale(0.6);
  }
}
@media (max-width: 768px) {
  .radar-block {
    transform: scale(0.8);
    position: absolute;
    left: 0;
    width: 100%;
  }
}

.video-wrapper {
  padding: 10px;
  border: 1px solid #19A511;
  position: absolute;
  width: 235px;
  max-width: 30vh;
  z-index: 999;
  height: 154px;
  max-height: 135px;
  cursor: pointer;
}
@media (max-height: 768px) and (min-width: 768px) {
  .video-wrapper:not(.left-side-content-block) {
    height: auto;
    min-height: 120px;
  }
}
@media (max-width: 768px) {
  .video-wrapper {
    height: 110px;
    display: none;
  }
}
.video-wrapper:hover .video-wrapper-label {
  opacity: 1;
  visibility: visible;
  transition: al 0.3s;
}
.video-wrapper .video-wrapper-label-overlay {
  position: relative;
  width: 100%;
  text-align: center;
}
.video-wrapper .video-wrapper-label-overlay .video-wrapper-label-inner {
  position: absolute;
  width: calc(100% + 38px);
  height: 47px;
  text-align: center;
  overflow-x: hidden;
  margin-top: 17px;
  margin-left: -19px;
  margin-right: -19px;
}
.video-wrapper .video-wrapper-label {
  width: calc(100% + 94px);
  margin-left: -49px;
  margin-right: -49px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  top: 18px;
  line-height: 1.2;
  flex-direction: column;
  align-items: center;
  font-family: "PressStart2P";
  letter-spacing: 1.2px;
  font-size: 13px;
  color: white;
  transform: scaleX(0.7);
  text-align: center;
  transition: al 0.3s;
  z-index: 999;
}
@media (max-width: 991px) or (max-height: 700px) {
  .video-wrapper .video-wrapper-label {
    font-size: 10px;
    width: calc(100% + 80px);
    margin-left: -40px;
  }
}

.video-wrapper .parent, .video-wrapper.parent,
.info-wrapper .parent,
.info-wrapper.parent {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 115px;
  display: flex;
}
.video-wrapper .parent:hover .logo, .video-wrapper.parent:hover .logo,
.info-wrapper .parent:hover .logo,
.info-wrapper.parent:hover .logo {
  opacity: 1;
}
.video-wrapper .logo,
.info-wrapper .logo {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s;
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.video-wrapper .logo img,
.info-wrapper .logo img {
  max-width: 80%;
  object-fit: contain;
  margin: auto;
  display: block;
}

body {
  width: 100vw;
}

.video-wrapper .video-wrapper-label-overlay {
  position: relative;
  width: 100%;
  text-align: center;
}

.video-wrapper .video-wrapper-label-overlay .video-wrapper-label-inner {
  position: absolute;
  width: calc(100% + 38px);
  height: 47px;
  text-align: center;
  overflow-x: hidden;
  margin-top: 17px;
  margin-left: -19px;
  margin-right: -19px;
}

.video-wrapper .video-wrapper-label {
  width: calc(100% + 94px);
  margin-left: -49px;
  margin-right: -49px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  /*width: 100%;*/
  top: 18px;
  line-height: 1.2;
  flex-direction: column;
  align-items: center;
  font-family: "PressStart2P";
  letter-spacing: 1.2px;
  font-size: 13px;
  color: white;
  transform: scaleX(0.7);
  text-align: center;
  transition: al 0.3s;
  z-index: 999;
}
@media (max-width: 991px) or (max-height: 700px) {
  .video-wrapper .video-wrapper-label {
    font-size: 10px;
    width: calc(100% + 80px);
    margin-left: -40px;
  }
}

.video-wrapper:hover .video-wrapper-label {
  opacity: 1;
  visibility: visible;
  transition: al 0.3s;
}

.hummer-video .logo {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s;
  max-width: 100%;
  width: 80%;
  height: 80%;
  display: flex;
  align-items: center;
}

.hummer-video:hover .logo {
  opacity: 1;
}

.video-element {
  width: 100%;
  max-height: 1000px;
}

.first-video {
  top: 9vh;
  left: 30px;
}

.second-video {
  bottom: 75px;
  left: 30px;
}

.third-video {
  top: 9vh;
  right: 30px;
}

.fourth-video {
  bottom: 75px;
  right: 30px;
}

.heels-video {
  top: 48%;
  transform: translate(0, -50%);
  right: 30px;
}
@media (max-width: 767px) {
  .heels-video {
    transform: translate(0, 0);
  }
}

.dots-block {
  position: relative;
  width: 100%;
  height: 100%;
}

.radar-elements {
  display: none;
}

.dot.pos1 {
  bottom: 50%;
  left: 50%;
  border-radius: 50% 20% 0 0;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  animation-duration: 5s;
}

.dot.pos1 img {
  border-radius: 0 100% 0 0;
}

.dot.pos2 {
  top: 50%;
  left: 50%;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
  animation-duration: 5s;
}

.dot.pos2 img {
  border-radius: 0 0 100% 0;
}

.dot.pos3 {
  right: 50%;
  top: 50%;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  animation-duration: 5s;
}

.dot.pos3 img {
  border-radius: 0 0 0 100%;
}

.dot.pos4 {
  right: 50%;
  bottom: 50%;
  -webkit-animation-delay: 3.75s;
  -moz-animation-delay: 3.75s;
  animation-delay: 3.75s;
  animation-duration: 10s;
}

.dot.pos4 img {
  border-radius: 100% 0 0 0;
}

.hide-element {
  display: none;
}

@-webkit-keyframes logo {
  0% {
    opacity: 1;
    z-index: 999;
  }
  80% {
    opacity: 0;
    z-index: 999;
  }
  100% {
    z-index: 0;
  }
}
@-moz-keyframes logo {
  0% {
    opacity: 1;
    z-index: 999;
  }
  80% {
    opacity: 0;
    z-index: 999;
  }
  100% {
    z-index: 0;
  }
}
@keyframes logo {
  0% {
    opacity: 1;
    z-index: 999;
  }
  80% {
    opacity: 0;
    z-index: 999;
  }
  100% {
    z-index: 0;
  }
}
@-webkit-keyframes circling {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(540deg);
  }
}
@-moz-keyframes circling {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(540deg);
  }
}
@keyframes circling {
  0% {
    transform: rotate(135deg);
  }
  50% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(495deg);
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
    display: block;
  }
  50% {
    opacity: 0;
    display: none;
  }
  70% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.sound-icon {
  width: 100%;
}

.sound-wave {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.sound-wave .bar {
  display: block;
  width: 2px;
  margin-right: 1px;
  height: 90px;
  background: #7C93BF;
  animation: sound 0ms -800ms linear infinite alternate;
  transition: height 0.8s;
}

.sound-wave .bar2 {
  display: block;
  width: 2px;
  margin-right: 1px;
  height: 120px;
  background: #19A511;
  animation: sound2 0ms -800ms linear infinite alternate;
  transition: height 0.8s;
}

@keyframes sound {
  0% {
    opacity: 0.35;
    height: 6px;
  }
  100% {
    opacity: 1;
    height: 36px;
  }
}
@keyframes sound2 {
  0% {
    opacity: 0.35;
    height: 6px;
  }
  100% {
    opacity: 1;
    height: 50px;
  }
}
@media (max-width: 768px) {
  @keyframes sound2 {
    100% {
      height: 30px;
    }
  }
}
.bar:nth-child(1) {
  height: 2px;
  animation-duration: 474ms;
}

.bar:nth-child(2) {
  height: 10px;
  animation-duration: 433ms;
}

.bar:nth-child(3) {
  height: 18px;
  animation-duration: 407ms;
}

.bar:nth-child(4) {
  height: 16px;
  animation-duration: 458ms;
}

.bar:nth-child(5) {
  height: 8px;
  animation-duration: 400ms;
}

.bar:nth-child(6) {
  height: 12px;
  animation-duration: 427ms;
}

.bar:nth-child(7) {
  height: 14px;
  animation-duration: 441ms;
}

.bar:nth-child(8) {
  height: 16px;
  animation-duration: 419ms;
}

.bar:nth-child(9) {
  height: 11px;
  animation-duration: 487ms;
}

.bar:nth-child(10) {
  height: 16px;
  animation-duration: 442ms;
}

.bar:nth-child(11) {
  height: 2px;
  animation-duration: 474ms;
}

.bar:nth-child(12) {
  height: 8px;
  animation-duration: 433ms;
}

.bar:nth-child(13) {
  height: 18px;
  animation-duration: 407ms;
}

.bar:nth-child(14) {
  height: 16px;
  animation-duration: 458ms;
}

.bar:nth-child(15) {
  height: 10px;
  animation-duration: 400ms;
}

.bar:nth-child(16) {
  height: 12px;
  animation-duration: 427ms;
}

.bar:nth-child(17) {
  height: 14px;
  animation-duration: 441ms;
}

.bar:nth-child(18) {
  height: 10px;
  animation-duration: 419ms;
}

.bar:nth-child(19) {
  height: 18px;
  animation-duration: 487ms;
}

.bar:nth-child(20) {
  height: 16px;
  animation-duration: 442ms;
}

.login-form {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 64px;
  border: 3.6px solid #19A511;
  background: #13710E;
  z-index: 999;
  padding-right: 110px;
}

@media (max-width: 1200px) {
  .login-form {
    padding-right: 5%;
  }
}
.login-form.open {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
}

.login-form .form-group {
  display: flex;
  align-items: center;
  border: none;
}

.login-form .form-group:first-of-type {
  margin-left: 20px;
}

@media (max-width: 1200px) {
  .login-form .form-group:first-of-type {
    margin-left: 10px;
  }
}
.login-form input {
  background-color: transparent;
  padding: 5px 10px;
  border: 1px solid #19A511;
  margin-left: 16px;
  color: #19A511;
  font-size: 14px;
}

.login-form input::placeholder {
  color: #19A511;
  font-size: 14px;
}

.login-form .form-group:first-of-type {
  margin-right: 45px;
}

@media (max-width: 1200px) {
  .login-form .form-group:first-of-type {
    margin-right: 20px;
  }
  .login-form .form-group svg {
    width: 80px;
  }
}
.login-form input.hidden,
.login-form .login-button.hidden {
  display: none;
}

.login-form .login-button,
.exit-button {
  border: 1px solid #19A511;
  padding: 10px 15px;
  background-color: transparent;
  margin-left: 33px;
  z-index: 999;
}

.login-form .login-button svg {
  margin-bottom: -3px;
}

.login-form p {
  display: none;
  color: darkred;
}

.login-form p.open {
  display: block;
}

@media (max-width: 991px) {
  .login-form .form-group input {
    width: 180px;
  }
}
.audio-player {
  height: 50px;
  width: 120px;
  background: transparent;
  position: fixed;
  bottom: 15px;
  left: 130px;
  z-index: 100000;
  font-family: arial;
  color: white;
  font-size: 0;
  overflow: hidden;
}

.audio-player .controls {
  justify-content: center;
}

.audio-player .play-container {
  height: inherit;
  align-items: center;
}

.audio-player .timeline {
  background: white;
  width: 100%;
  position: relative;
  cursor: pointer;
  border: 1px solid #19A511;
  height: 5px;
  background-color: transparent;
}

.audio-player .progress {
  background: #19A511;
  width: 0%;
  height: 100%;
  transition: 0.25s;
}

.audio-player .controls {
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0 20px;
  height: auto;
}

.audio-player .controls > * {
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio-player .toggle-play.play {
  cursor: pointer;
}

.audio-player .toggle-play.play:hover {
  transform: scale(1.1);
}

.played {
  display: none;
}

.paused {
  display: none;
}

.toggle-play.play .played {
  display: inline;
}

.toggle-play.pause .paused {
  display: inline;
}

.audio-player .time {
  display: flex;
}

.audio-player .time > * {
  padding: 2px;
}

.audio-player .volume-container {
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.audio-player .volume-container .volume-button {
  height: 26px;
  display: flex;
  align-items: center;
}

.audio-player .volume-container .volume-button .icono-volumeMedium:before {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 544 512' fill='%23fff'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M445.020 461.020c-6.143 0-12.283-2.343-16.971-7.028-9.372-9.373-9.372-24.568 0-33.941 43.819-43.821 67.952-102.080 67.952-164.050 0-61.969-24.133-120.229-67.952-164.049-9.372-9.373-9.372-24.569 0-33.941s24.569-9.372 33.941 0c52.885 52.886 82.011 123.2 82.011 197.99s-29.126 145.104-82.011 197.99c-4.686 4.686-10.828 7.029-16.97 7.029zM359.765 415.765c-6.143 0-12.283-2.343-16.971-7.028-9.372-9.372-9.372-24.568 0-33.941 65.503-65.503 65.503-172.085 0-237.588-9.372-9.373-9.372-24.569 0-33.941 9.372-9.371 24.569-9.372 33.941 0 40.797 40.795 63.265 95.037 63.265 152.733s-22.468 111.938-63.265 152.735c-4.686 4.687-10.828 7.030-16.97 7.030v0zM274.51 370.51c-6.143 0-12.284-2.343-16.971-7.029-9.373-9.373-9.373-24.567 0-33.94 40.55-40.55 40.55-106.529 0-147.078-9.373-9.373-9.373-24.569 0-33.941s24.568-9.372 33.941 0c59.265 59.265 59.265 155.696 0 214.961-4.686 4.684-10.828 7.027-16.97 7.027z'%3E%3C/path%3E%3Cpath d='M208.003 480c-4.164 0-8.256-1.625-11.317-4.687l-123.313-123.313h-57.373c-8.836 0-16-7.163-16-16v-160c0-8.836 7.164-16 16-16h57.373l123.313-123.314c4.577-4.577 11.458-5.945 17.437-3.468s9.877 8.311 9.877 14.782v416c0 6.472-3.898 12.306-9.877 14.782-1.979 0.82-4.059 1.218-6.12 1.218z'%3E%3C/path%3E%3C/svg%3E");
}

.audio-player .volume-container .volume-button .icono-volumeMute:before {
  width: 15px;
  height: 15px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 512 512' fill='%23fff'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M480 309.574v42.426h-42.426l-53.574-53.574-53.574 53.574h-42.426v-42.426l53.574-53.574-53.574-53.574v-42.426h42.426l53.574 53.574 53.574-53.574h42.426v42.426l-53.574 53.574 53.574 53.574z'%3E%3C/path%3E%3Cpath d='M208.003 480c-4.164 0-8.256-1.625-11.317-4.687l-123.313-123.313h-57.373c-8.836 0-16-7.163-16-16v-160c0-8.836 7.164-16 16-16h57.373l123.313-123.314c4.577-4.577 11.458-5.945 17.437-3.468s9.877 8.311 9.877 14.782v416c0 6.472-3.898 12.306-9.877 14.782-1.979 0.82-4.059 1.218-6.12 1.218z'%3E%3C/path%3E%3C/svg%3E ");
}

.audio-player .volume-container .volume-button .volume {
  transform: scale(0.7);
}

.volume-slider {
  position: absolute;
  left: -3px;
  top: 15px;
  z-index: -1;
  width: 0;
  height: 15px;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6666666667);
  transition: 0.25s;
}

.volume-slider .volume-percentage {
  background: coral;
  height: 100%;
  width: 75%;
}

.volume-slider .volume-percentage:hover .volume-slider {
  left: -123px;
  width: 120px;
}

@media (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}
@media (max-width: 768px) {
  .login-form.open {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    flex-direction: column;
    justify-content: center;
  }
  .login-form .login-lock {
    display: none;
  }
  .login-form--title {
    margin-bottom: 43px;
  }
  .login-form .form-group {
    margin: 0 0 18px 0 !important;
  }
  .login-form .form-group svg {
    width: 110px;
  }
  .login-form .form-group input {
    padding: 8px;
  }
  .login-form .invalid-block {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .login-form .invalid-block .exit-button {
    margin-left: 0;
    z-index: 99;
    margin-top: 20px;
    width: fit-content;
  }
  .hamburger-menu.active .mobile-menu {
    display: block;
    width: 240px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #13710E;
    z-index: 999;
    border: 3.61025px solid #19A511;
    overflow: auto;
    padding: 20px;
  }
  .mobile-menu .title {
    margin-top: 25px;
  }
  .mobile-menu .title .login-form--title {
    margin: 0;
  }
  .mobile-menu .videos-wrapper {
    margin-top: 20px;
  }
  .mobile-menu .videos-wrapper .video-wrapper {
    display: block;
    position: static;
    max-width: 100%;
    margin-bottom: 13px;
    padding: 4px;
  }
  .mobile-menu .videos-wrapper .video-wrapper .image-block {
    position: relative;
  }
  .mobile-menu .videos-wrapper .video-wrapper .image-block .logo {
    max-width: 100%;
    width: 100%;
  }
  .mobile-menu .videos-wrapper .video-wrapper .video-element {
    max-width: 100%;
    height: 100%;
    max-height: 100px;
  }
  .mobile-menu {
    display: none;
  }
  .hamburger-menu.active .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: rgba(0, 0, 0, 0.55);
  }
  .top-side-content-block,
  .right-side-content-block,
  .left-side-content-block {
    display: none !important;
  }
  .audio-player {
    top: 26px;
    left: 26px;
    z-index: 998;
  }
  .logo-image {
    width: 15%;
    z-index: 998;
  }
}
img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
}
img.submarine {
  object-fit: cover;
}
@media (max-width: 767.98px) {
  img.gif-object {
    max-height: 100px;
  }
}

.submarine-page .title-wrapper {
  bottom: 90px;
}

.video-submarine--wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 15px;
  border: 1px solid #19A511;
  z-index: 99;
  max-height: 1100px;
  max-width: 1800px;
}

.back-link {
  position: fixed;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #19A511;
  padding: 10px 20px;
  background-color: #15600D;
  text-decoration: none;
  color: #19A511;
  font-size: 18px;
  z-index: 999;
}

.back-link:hover {
  background-color: #13710E;
}

.video-submarine--wrapper .video-text {
  position: absolute;
  bottom: 50px;
  z-index: 999;
  padding-left: 30px;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
.video-submarine--wrapper .video-text a {
  color: #19A511;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fade-in {
  opacity: 0;
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*[title="Made with Marmoset Toolbag"] {
  display: none !important;
}

.tacere {
  overflow-x: hidden;
}
.tacere .contact_form {
  background: #000 !important;
  color: #fff !important;
}
.tacere .helicopters-title {
  position: relative;
}
.tacere .helicopters-title .title-wrapper {
  position: absolute;
  bottom: 0;
  top: 35px;
}

.control_panel_page .contact_form {
  background: #030b10 !important;
  border: 3.61025px solid #84e6fe !important;
  color: #84e6fe !important;
}
.control_panel_page .contact_form input,
.control_panel_page .contact_form textarea,
.control_panel_page .contact_form button {
  border: 1px solid #84e6fe !important;
  color: #84e6fe !important;
}

@media (max-width: 767px) {
  .control-panel .contact_form.opened {
    bottom: 15px !important;
  }
}
.control-panel .title-wrapper {
  bottom: 50px;
}
.control-panel .title-wrapper path {
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  fill: #84e6fe;
}
.control-panel .title-wrapper :hover path {
  fill: #423189;
}
.control-panel .ration_wrapper {
  cursor: pointer;
}
.control-panel .ration_wrapper path {
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  fill: #84e6fe;
}
.control-panel .ration_wrapper :hover path {
  fill: #423189;
}

.radio {
  bottom: 20px !important;
}

.swiper {
  margin: 0 10px !important;
  overflow-y: clip;
  height: 100%;
}
@media (max-width: 767px) {
  .swiper {
    margin: 0 18px !important;
    height: 100%;
    min-height: 500px;
  }
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  border: 2px solid #19A511;
  width: 55px !important;
  height: 55px !important;
  top: calc(-100% + 10px);
  background: #005b00;
}
@media (max-width: 1300px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 35px !important;
    height: 35px !important;
  }
}
.swiper-button-next img,
.swiper-button-prev img {
  max-width: 25px;
}
@media (max-width: 768px) {
  .swiper-button-next img,
  .swiper-button-prev img {
    max-width: 15px;
  }
}

.swiper-button-next {
  right: 0 !important;
}

.swiper-button-prev {
  left: 0 !important;
}

@media (max-width: 568px) and (max-width: 767px) {
  .stacvi_list {
    height: 100% !important;
    min-height: 430px;
  }
}
@media (max-width: 568px) and (max-width: 767px) {
  .stacvi_img {
    height: 283px !important;
  }
}
.ration_wrapper {
  height: 161px;
  width: 90px;
  padding: 30px 0;
  text-align: center;
  border: 2px solid #84E6FE;
  margin: 2px 8px 0 0;
}

.top-side-wrapper {
  display: flex;
  flex-direction: row;
}
.top-side-wrapper .info-wrapper-ration {
  cursor: pointer;
  padding: 20px 10px 20px 15px;
  width: 80px;
  margin: 0 10px;
  height: 146px;
}
.top-side-wrapper .info-wrapper-ration .trigger-contact-form {
  cursor: pointer;
}
.top-side-wrapper .info-wrapper-ration .trigger-contact-form path {
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  fill: #19A511;
}
.top-side-wrapper .info-wrapper-ration .trigger-contact-form :hover path {
  fill: #fff;
}

.img_vector {
  transform: scale(1) !important;
  width: 90% !important;
  right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  height: auto !important;
  opacity: 0.5 !important;
  z-index: -1 !important;
}
@media (max-width: 818px) {
  .img_vector {
    width: 90% !important;
  }
}
@media (max-width: 767px) {
  .img_vector {
    width: 80% !important;
  }
}

@media (max-width: 630px) {
  .vector_stacvi {
    width: 100% !important;
    transform: scale(3) !important;
    height: 250px !important;
  }
}

.ration_mobile {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 0;
  z-index: 3;
}
.ration_mobile .control_panel_ration {
  width: 40px;
  height: 60px;
}
@media (max-width: 768px) {
  .ration_mobile {
    display: block;
  }
}

.ration_mobile_cp path {
  fill: #84e6fe;
}

.control-panel .login-form {
  border: 3.6px solid #84E6FE;
  background: #030b10;
}
.control-panel .login-form .login-button {
  border: 1px solid #84E6FE;
}
.control-panel .login-form input {
  border: 1px solid #84E6FE;
  color: #84E6FE;
}
.control-panel .login-form .exit-button {
  border: 1px solid #84E6FE;
}
.control-panel .login-form input::placeholder {
  color: #84E6FE;
}
.control-panel .login-form svg path {
  fill: #84E6FE;
}

.classified_slider h3 {
  text-transform: uppercase;
  margin: 25px 0 30px 0 !important;
}
.classified_slider .summury_wrapper {
  padding: 0 !important;
}
.classified_slider .summury {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .classified_slider .summury {
    display: block;
  }
}
.classified_slider .summury_block {
  outline: 3px solid #19A511;
  width: 50%;
}
@media (max-width: 767px) {
  .classified_slider .summury_block {
    width: 100%;
  }
}
.classified_slider .summury_block .summury_content {
  padding: 20px 40px;
}
.classified_slider .summury_block .summury_block-title {
  font-size: 30px;
  letter-spacing: 2.2px;
  outline: 3px solid #19A511;
  padding: 10px 30px;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .classified_slider .summury_block .summury_block-title {
    font-size: 17px;
    letter-spacing: 1.5px;
  }
}
.classified_slider .summury_block .summury_litl_title {
  font-size: 17.5px;
  letter-spacing: 0.5px;
  line-height: 16px;
}
.classified_slider .summury_block .summury_list {
  margin: 17px 0 0 0;
}
.classified_slider .summury_block .summury_list li {
  margin: 3px 0;
  font-size: 16px;
  letter-spacing: 1px;
}
.classified_slider .summury_block .summury_content_four .summury_block-title {
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}
.classified_slider .summury_block .summury_content-img {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .classified_slider .summury_block .summury_content-img {
    height: 135px;
  }
}
.classified_slider .summury_block .summury_content-img img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 95%;
  height: auto;
}
.classified_slider .stacvi_tittle {
  letter-spacing: 2.5px;
  min-height: 70px;
  padding: 0;
}
.classified_slider .stacvi_text {
  max-width: 1210px;
}
.classified_slider .stacvi_list {
  margin-top: 45px;
  height: 100%;
  min-height: 569px;
}
.classified_slider .stacvi_content_text {
  padding: 10px 30px;
}
.classified_slider .stacvi_mark {
  margin: 18px 0 0 10px;
  line-height: 0.9;
}
.classified_slider .stacvi_mark img {
  width: 14px;
}
@media (max-width: 767px) {
  .classified_slider .stacvi_mark img {
    width: 10px;
  }
}
.classified_slider .classified_slide_logoes {
  position: relative;
  padding: 20px 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.classified_slider .classified_slide_logoes img {
  max-width: 1000px;
}
.classified_slider .classified_slide_logoes .logoes_md {
  display: none;
}
@media (max-width: 767px) {
  .classified_slider .classified_slide_logoes .logoes_md {
    display: block;
  }
}
.classified_slider .classified_slide_logoes .logoes_ml {
  display: block;
}
@media (max-width: 767px) {
  .classified_slider .classified_slide_logoes .logoes_ml {
    display: none;
  }
}
.classified_slider .classified_slide_img {
  position: relative;
  padding: 20px 40px;
  text-align: center;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.classified_slider .classified_slide_img img {
  max-width: 1000px;
  width: 230%;
}

.svg_circle {
  width: 4px;
  height: 4px;
  fill: red;
  animation: rerec_map 2s infinite;
  stroke: rgba(185, 31, 31, 0.5);
  stroke-width: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .svg_circle {
    r: 10;
  }
}

.svg_text {
  font-size: 12px;
  fill: #000;
  fill-opacity: 0.7;
  font-family: "ModernDOS";
}
@media (max-width: 767px) {
  .svg_text {
    display: none;
  }
}

.ration_img {
  width: 20px;
  margin: 0 0 0 20px;
}

.preloader {
  display: none !important;
}

.preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Полупрозрачный черный фон */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
  /* Чтобы прелоадер был поверх видео */
}

.left-side-content-block {
  width: 220px !important;
}

.sticks-container {
  display: flex;
  align-items: flex-end;
  height: 100px;
  /* Начальная высота палочек */
  width: 170px;
  justify-content: space-between;
}

.stick {
  width: 4px;
  height: 30px;
  /* Начальная высота палочки */
  background-color: #19A511;
  /* Цвет палочек */
  animation: changeHeight 1s linear infinite, moveStick 1.6s ease-in-out infinite;
  /* Анимации для изменения высоты и движения палочек */
}

@keyframes changeHeight {
  0%, 100% {
    height: 30px;
    /* Высота палочки в начале и конце анимации */
  }
  50% {
    height: 10px;
    /* Высота палочки в начале и конце анимации */
  }
  50% {
    height: 60px;
    /* Высота палочки в середине анимации */
  }
}
@keyframes moveStick {
  0% {
    transform: translateY(0);
    /* Начальное положение палочки */
  }
  50% {
    transform: translateY(10px);
    /* Начальное положение палочки */
  }
  100% {
    transform: translateY(-40px);
    /* Конечное положение палочки */
  }
}
.swiper-wrapper {
  z-index: 100 !important;
  position: relative;
}

.classified-documents {
  text-align: center;
  padding: 20px 0 0 0;
  min-height: 40vh;
}
.classified-documents a {
  color: #19A511;
}

.text-center {
  text-align: center !important;
}

.left-side-content-block.video-wrapper {
  display: flex;
  justify-content: center;
}
.left-side-content-block.video-wrapper .inf0-wrapper {
  margin: 0;
}

.left-side-content-block.side-block,
.right-side-content-block.side-block {
  top: 64.5%;
  left: 30px;
  display: flex;
  justify-content: center;
  border: none;
  width: 235px !important;
  max-width: 30vh;
  z-index: 999;
  height: 60px;
}
.left-side-content-block.side-block .info-wrapper,
.right-side-content-block.side-block .info-wrapper {
  width: 135px !important;
  max-width: 10vw;
  border: 1px solid #19A511;
  display: flex;
  align-items: center;
}
.left-side-content-block.side-block .info-content-block,
.right-side-content-block.side-block .info-content-block {
  padding: 5px 10px;
}

.right-side-content-block {
  top: 60% !important;
  position: absolute;
  right: 30px;
  left: auto !important;
}
.right-side-content-block .info-wrapper {
  margin: 0;
  padding: 0 10px;
}
.right-side-content-block .info-content-block {
  padding: 0;
}
.right-side-content-block .info-content-block .sound-wave {
  height: 50px;
}
.right-side-content-block.ration-block {
  cursor: pointer;
  top: 29% !important;
  right: 30px;
  display: flex;
  justify-content: center;
  transition: all 0.2s;
  border: none;
  width: 235px !important;
  max-width: 30vh;
  z-index: 999;
  max-height: 60px;
}
.right-side-content-block.ration-block:hover {
  filter: brightness(15);
  transition: all 0.2s;
}
.right-side-content-block.ration-block img {
  border: 1px solid #19A511;
  padding: 5px 10px;
  margin: 0;
  width: 60px !important;
  object-fit: contain;
}

#contact-form {
  position: fixed;
  z-index: 999;
  background: #13710E;
  mix-blend-mode: normal;
  border: 3px solid #19A511;
  color: #19A511;
  font-family: "PressStart2P";
  letter-spacing: 1.2px;
  font-size: 13px;
  padding: 39px 115px 10px;
  transition: all 1.5s;
  top: auto;
  left: 19%;
  right: 19%;
  bottom: -150%;
  max-height: 89vh;
}
@media (max-width: 991px) {
  #contact-form {
    padding: 20px 40px 20px;
  }
}
@media (max-width: 768px) {
  #contact-form {
    left: 7%;
    right: 7%;
    padding: 20px;
  }
}
@media (max-height: 910px) {
  #contact-form {
    overflow-y: scroll;
  }
}
#contact-form.opened {
  max-height: 79vh;
  bottom: 9%;
  transition: all 1.5s;
}
#contact-form h2 {
  font-size: 28px !important;
  margin-bottom: 48px;
  transform: scaleY(0.95);
  line-height: 1.2;
}
@media (max-width: 991px) {
  #contact-form h2 {
    font-size: 21px !important;
    margin-bottom: 33px;
  }
}
@media (max-width: 576px) {
  #contact-form h2 {
    font-size: 17px !important;
  }
}
#contact-form .close-btn {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 50px;
}
@media (max-width: 768px) {
  #contact-form .close-btn {
    font-size: 30px;
  }
}
#contact-form .close-btn:hover {
  filter: brightness(110%);
}
#contact-form label {
  display: block;
  width: 100%;
  font-size: 12px;
  transform: scaleY(1.2);
  margin-bottom: 15px;
}
#contact-form input, #contact-form textarea {
  background: none;
  border: 1px solid #19A511;
  border-radius: 3px;
  color: #19A511;
  width: 100%;
  font-size: 12px;
  font-family: "PressStart2P";
  padding: 6px;
}
#contact-form input::placeholder, #contact-form textarea::placeholder {
  color: inherit;
  font-size: inherit;
  font-family: "PressStart2P";
  padding: 6px;
}
#contact-form input.first-name, #contact-form textarea.first-name {
  width: calc(50% - 10px);
  margin-right: 20px;
}
#contact-form input.last-name, #contact-form textarea.last-name {
  width: calc(50% - 10px);
}
#contact-form .form-row {
  margin-bottom: 42px;
  display: flex;
  flex-wrap: wrap;
}
#contact-form .form-group {
  display: flex;
  justify-content: center;
}
#contact-form button {
  background: none;
  cursor: pointer;
  border: 1px solid #19A511;
  border-radius: 3px;
  color: #19A511;
  display: inline-block;
  margin: 0 auto;
  font-size: 12px;
  font-family: "PressStart2P";
  padding: 10px;
  transform: scaleY(1.2);
}
#contact-form button:hover {
  filter: brightness(110%);
}
#contact-form .form-message {
  padding: 20px 0 0;
  text-align: center;
  color: white;
  font-size: 12px;
  font-family: "PressStart2P";
  transform: scaleY(1.2);
}
#contact-form #captcha {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: -25px;
}

body.invalid {
  background-image: url("/assets/invalidbg.jpg");
  background-size: cover;
  background-color: darkred;
}
body.invalid .close-invalid {
  display: block;
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 999;
  cursor: pointer;
}
body.invalid .hamburger-menu {
  display: none;
}
body.invalid .background-image {
  fill: #9B0A0C;
}
body.invalid .ring1 {
  box-shadow: 0 0 2px 1px #b71616, inset 0 0 2px 1px #b71616;
}
body.invalid .ring2 {
  box-shadow: 0 0 1px 0 #e57272, inset 0 0 1px 0 #e57272;
}
body.invalid .pulse {
  background: #f48a8a;
}
body.invalid .video-wrapper {
  border-color: #EF0608;
}
body.invalid .info-wrapper {
  border-color: #620000 !important;
}
body.invalid .info-wrapper svg rect,
body.invalid .info-wrapper svg,
body.invalid .info-wrapper svg path {
  fill: #EF0608 !important;
  stroke: #EF0608;
}
body.invalid .hamburger-menu svg rect {
  fill: #EF0608;
}
body.invalid .play-container svg path {
  fill: #EF0608;
  stroke: #EF0608;
}
body.invalid .play-container .play {
  fill: #620000;
}
body.invalid .audio-player .timeline {
  border-color: #9B0A0C;
}
body.invalid .audio-player .progress {
  background-color: #620000;
}
body.invalid .radar-screen {
  background-image: url("data:image/svg+xml,...");
}
body.invalid .pointer {
  display: none;
}
body.invalid .rec-wrapper {
  color: white;
}
body.invalid .title-wrapper svg path {
  fill: #EF0608;
}
body.invalid .logo-image {
  display: none;
}
body.invalid .sound-wave .bar2 {
  background: #EF0608;
}
body.invalid .acces-denied {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 999;
  cursor: pointer;
}
@media (max-width: 768px) {
  body.invalid .acces-denied {
    width: 100%;
    padding: 0 20px;
  }
  body.invalid .acces-denied img {
    width: 100%;
  }
}
body.invalid .left-side-content-block .info-wrapper {
  background-image: url("./assets/first-block-bg-d.png");
}
body.invalid .ration-block {
  filter: invert(1) hue-rotate(64deg) saturate(3);
}
body.invalid .left-side-content-block.side-block {
  border-color: #620000;
}
body.invalid .right-side-content-block:not(.ration-block) {
  border: none;
}

.close-invalid {
  display: none;
}
.close-invalid:hover rect {
  fill: #19A511;
}

.stacvi_page {
  position: relative;
  background: #15600D;
  overflow-y: scroll;
  max-width: 100%;
  width: 100%;
}
.stacvi_page .stacvi_img {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding: 10px !important;
  background: rgba(0, 0, 0, 0.55);
  text-align: center;
  border: 3px solid #19A511;
  margin-left: auto;
  margin-right: auto;
  height: 569px !important;
  margin-top: 50px;
  max-width: 1140px;
}
@media (max-width: 961px) {
  .stacvi_page .stacvi_img {
    height: 350px !important;
  }
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_img {
    height: 300px !important;
    margin-top: 15px;
  }
}
.stacvi_page .stacvi_img img {
  overflow: initial;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  object-fit: contain;
  transform: scale(0.75);
}
.stacvi_page .title-wrapper {
  position: relative;
  bottom: 0;
  font-size: 48px;
  color: #19A511;
  z-index: 998;
  cursor: pointer;
  margin: 50px 0 0 0;
  text-align: center;
}
@media (max-width: 767px) {
  .stacvi_page .title-wrapper {
    margin: 0;
    text-align: right;
    padding-right: 35px;
  }
}
.stacvi_page h3 {
  font-size: 52px;
  font-weight: 400;
  letter-spacing: 0.2px;
  margin: 15px 0 10px 0;
}
@media (max-width: 767px) {
  .stacvi_page h3 {
    font-size: 22px;
    line-height: 24px;
  }
}
.stacvi_page .stacvi_page_logo {
  height: 140px;
  margin: 0 auto 0 auto;
  padding: 10px 0 0 0;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_page_logo {
    height: 105px;
  }
}
.stacvi_page .stacvi_page_logo img {
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_page_logo img {
    max-width: 150px;
  }
}
.stacvi_page .stacvi_page_background {
  position: fixed;
  top: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  max-width: 1220px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.stacvi_page .stacvi_page_background img {
  position: absolute;
  width: 100%;
  height: 90%;
  max-width: 1220px;
  display: block;
  margin: 45px 0 0 5px;
  transform: scale(0.9);
}
.stacvi_page .stacvi_page_background #img_stacvi {
  max-width: 920px;
}
.stacvi_page .pointer_redar_wrapper {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}
.stacvi_page .pointer_redar_wrapper .pointer {
  top: calc(50% - 3px);
  left: calc(0% + 4px);
}
.stacvi_page .tittle_bot {
  width: 100%;
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: "PressStart2P";
  color: #19A511;
  text-align: center;
  font-size: 24px;
}
.stacvi_page .stacvi_text {
  font-family: "ModernDOS";
  background: rgba(0, 0, 0, 0.55);
  color: #19A511;
  text-align: center;
  margin-left: auto;
  max-width: 1140px;
  margin-right: auto;
  border: 3px solid #19A511;
  font-size: 34px;
  letter-spacing: -1.2px;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_text {
    font-size: 18px;
  }
}
.stacvi_page .stacvi_tittle {
  margin-top: -40px;
  max-width: 1140px;
  padding: 22px 20px;
  line-height: 36px;
  letter-spacing: -1.4px;
  min-height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_tittle {
    line-height: 21px;
    padding: 7px 21px;
    letter-spacing: 0;
    font-size: 24px;
  }
}
.stacvi_page .stacvi_tittle_text {
  font-size: 18px;
  height: auto;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_tittle_text {
    font-size: 15px;
  }
}
.stacvi_page .stacvi_list {
  height: 100%;
  margin-top: 75px;
  padding: 45px 70px;
  text-align: start;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_list {
    margin-top: 15px;
    height: 100%;
  }
}
.stacvi_page .stacvi_list ul {
  padding: 0;
  margin: 61px 0 0 0;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_list ul {
    margin: 40px 0 0 0;
  }
}
.stacvi_page .stacvi_list li {
  list-style-type: none;
  margin: 15px 0;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_list li {
    margin: 10px 0;
    line-height: 18px;
    letter-spacing: -0.5px;
  }
}
.stacvi_page .stacvi_list li span {
  width: 60px;
  display: inline-block;
  text-align: end;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_list li span {
    width: 5px;
    margin: 0 30px 0 0;
  }
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_list {
    padding: 20px 35px;
  }
}
.stacvi_page .stacvi_content_text {
  height: 100%;
  border: 3px solid #19A511;
  padding: 10px 40px 40px 40px;
}
.stacvi_page .stacvi_content_text h3 {
  margin: 35px 0 15px 0;
}
@media (max-width: 767px) {
  .stacvi_page .stacvi_content_text {
    padding: 10px 25px;
  }
  .stacvi_page .stacvi_content_text h3 {
    margin: 10px 0;
  }
}
.stacvi_page .stacvi_mark {
  display: block !important;
  margin: 10px 0 15px 40px;
  padding: 0 10px;
}
.stacvi_page .stacvi_mark img {
  width: 17px;
  margin: 0 10px 0 0;
}
.stacvi_page .background-image {
  position: relative;
  width: 100%;
  height: 100vh;
}
.stacvi_page .background-image svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .stacvi_page .trigger-contact-form svg {
    max-width: 180px;
  }
}

.stacvi_slider .swiper-slide {
  min-height: 560px;
}
@media (max-width: 991px) {
  .stacvi_slider .swiper-slide {
    min-height: 360px;
  }
}

.stacvi_page .stacvi_content {
  padding: 42px 40px 0;
}
@media (max-width: 768px) {
  .stacvi_page .stacvi_content {
    padding: 42px 15px 0;
  }
}

.swiper-button-next, .swiper-button-prev {
  z-index: 102 !important;
}

@media (max-width: 768px) {
  .classified_slide_img {
    overflow-x: scroll;
  }
}