:root {
  --calc-rwd: 1170;
}
@media (max-width: 991.98px) {
  :root {
    --calc-rwd: 992;
  }
}
@media (max-width: 575.998px) {
  :root {
    --calc-rwd: 390;
  }
}

.text-orange {
  color: #FFA200;
}

.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none;
  }
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block;
  }
}

body {
  background-color: #FFF;
  padding: 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

.bg-cover, .intro, .popup__hints__item__content__map__shadow, .map__game__utils__info::before, .map__game__shadow, .button--download::after {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-contain, .popup__map__img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: calc(11 / var(--calc-rwd) * 100vw) calc(24 / var(--calc-rwd) * 100vw);
  background-color: transparent;
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(14 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  border-radius: calc(20 / var(--calc-rwd) * 100vw);
  transition: background-color 0.2s linear, color 0.2s linear;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .button {
    font-size: calc(20 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .button {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(14 / var(--calc-rwd) * 100vw);
  }
}
.button--narrow {
  padding: calc(11 / var(--calc-rwd) * 100vw) calc(17 / var(--calc-rwd) * 100vw);
}
.button--transparent {
  text-transform: uppercase;
  color: #002a6e;
  border: 1.5px solid #002a6e;
}
.button--transparent:hover, .button--transparent.active {
  background-color: #002a6e;
  color: #FFFFFF;
}
.button--download::after {
  content: "";
  background-image: url("../images/download.svg");
  display: block;
  width: calc(16.7 / var(--calc-rwd) * 100vw);
  height: calc(15.7 / var(--calc-rwd) * 100vw);
  margin-left: calc(11 / var(--calc-rwd) * 100vw);
}
.button--download:hover::after {
  background-image: url("../images/download-white.svg");
}
.button--hightlighted {
  color: #FFFFFF;
  border-color: #FFA200;
  background-color: #ff9100;
  box-shadow: calc(1 / var(--calc-rwd) * 100vw) calc(1 / var(--calc-rwd) * 100vw) calc(8 / var(--calc-rwd) * 100vw) rgba(0, 0, 0, 0.32);
  transition: box-shadow 0.2s linear, background-color 0.2s linear;
}
.button--hightlighted:hover {
  box-shadow: calc(0 / var(--calc-rwd) * 100vw) calc(0 / var(--calc-rwd) * 100vw) calc(2 / var(--calc-rwd) * 100vw) rbga(0, 0, 0, 0);
  background-color: #FFA200;
}

.br-tablet-on-info, .br-desktop-on-info {
  display: none;
}

.js-hamburger {
  width: 50px;
  height: 30px;
  position: relative;
  z-index: 10001;
  transform: rotate(0deg);
  -webkit-trfansition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
  box-sizing: border-box;
}
.js-hamburger * {
  box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .js-hamburger {
    display: block;
    transform: scale(0.7);
    order: 1;
  }
}

.js-hamburger span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #002a6e;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  box-sizing: border-box;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.js-hamburger span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

.js-hamburger span:nth-child(2) {
  top: 15px;
  transform-origin: left center;
}

.js-hamburger span:nth-child(3) {
  top: 30px;
  transform-origin: left center;
}

.js-hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.js-hamburger.active span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.js-hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

.header.active .js-hamburger {
  position: fixed;
}

#map-with-buildings {
  position: relative;
  display: flex;
  flex-direction: row;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-left: auto;
  margin-right: auto;
  padding: calc(15 / var(--calc-rwd) * 100vw) calc(15 / var(--calc-rwd) * 100vw) calc(30 / var(--calc-rwd) * 100vw) calc(16 / var(--calc-rwd) * 100vw);
  background-color: #f3f4fc;
}
#map-with-buildings #buildings-list-container {
  position: relative;
  flex-grow: 1;
}
@media (max-width: 991.98px) {
  #map-with-buildings #buildings-list-container {
    order: 2;
    margin-top: calc(8.9 / var(--calc-rwd) * 100vw);
    width: 25%;
    margin-top: calc(200 / var(--calc-rwd) * 100vw);
    background-color: #002a6e;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 575.98px) {
  #map-with-buildings #buildings-list-container {
    background-color: transparent;
    display: none;
  }
}
#map-with-buildings #buildings-list-container::before, #map-with-buildings #buildings-list-container::after {
  content: "";
  width: 20%;
  height: calc(100% - 40 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: 50%;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  #map-with-buildings #buildings-list-container::before, #map-with-buildings #buildings-list-container::after {
    background: rgb(0, 33, 88);
    background: linear-gradient(90deg, rgb(0, 33, 88) 0%, rgba(0, 33, 88, 0.35) 70%, rgba(0, 33, 88, 0) 100%);
    display: none;
  }
}
#map-with-buildings #buildings-list-container::before {
  left: 0;
  transform: translateY(-50%);
}
#map-with-buildings #buildings-list-container::after {
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}
#map-with-buildings #buildings-list {
  position: absolute;
  width: 100%;
  height: calc(100% - 40 / var(--calc-rwd) * 100vw);
  box-sizing: border-box;
  padding-right: calc(11 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  #map-with-buildings #buildings-list {
    position: relative;
    padding: calc(20 / var(--calc-rwd) * 100vw) 0;
    height: calc(340 / var(--calc-rwd) * 100vw);
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden !important;
    background-color: #002a6e;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#map-with-buildings #buildings-list .building-dragabble.placed {
  pointer-events: none;
}
#map-with-buildings #buildings-list [data-overlayscrollbars-viewport] {
  overflow: visible auto;
  border-radius: 0;
}
@media (max-width: 991.98px) {
  #map-with-buildings #buildings-list [data-overlayscrollbars-viewport] {
    height: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 575.98px) {
  #map-with-buildings #buildings-list [data-overlayscrollbars-viewport] {
    height: calc(220 / var(--calc-rwd) * 100vw);
  }
}
@media (min-width: 992px) {
  #map-with-buildings #buildings-list .os-scrollbar-vertical {
    width: calc(5 / var(--calc-rwd) * 100vw);
    padding: calc(10 / var(--calc-rwd) * 100vw) 0 0 0;
    bottom: 0;
    right: 0;
  }
  #map-with-buildings #buildings-list .os-scrollbar-vertical .os-scrollbar-track {
    background-color: #002a6e;
    transition: opacity 0.2s linear;
  }
  #map-with-buildings #buildings-list .os-scrollbar-vertical .os-scrollbar-track:hover {
    background-color: #002a6e;
  }
  #map-with-buildings #buildings-list .os-scrollbar-vertical .os-scrollbar-handle {
    background-color: #FFA200;
    cursor: pointer;
  }
  #map-with-buildings #buildings-list .os-scrollbar-vertical .os-scrollbar-handle:hover {
    background-color: #FFA200;
  }
}
@media (max-width: 991.98px) {
  #map-with-buildings #buildings-list .os-scrollbar-horizontal {
    padding: calc(5 / var(--calc-rwd) * 100vw) 0 0 0;
  }
  #map-with-buildings #buildings-list .os-scrollbar-horizontal .os-scrollbar-track {
    height: calc(5 / var(--calc-rwd) * 100vw);
    background-color: #002a6e;
    transition: opacity 0.2s linear;
  }
  #map-with-buildings #buildings-list .os-scrollbar-horizontal .os-scrollbar-track:hover {
    background-color: #002a6e;
  }
  #map-with-buildings #buildings-list .os-scrollbar-horizontal .os-scrollbar-handle {
    height: calc(5 / var(--calc-rwd) * 100vw);
    background-color: #FFA200;
    cursor: pointer;
  }
  #map-with-buildings #buildings-list .os-scrollbar-horizontal .os-scrollbar-handle:hover {
    background-color: #FFA200;
  }
}

#map-container {
  position: relative;
  width: 100%;
}
@media (max-width: 991.98px) {
  #map-container {
    order: 3;
  }
}

#map-container:before {
  content: "";
  position: relative;
  width: 100%;
  padding-top: 70%;
  display: block;
}

#map-drop-places {
  position: absolute;
  top: 9.4%;
  left: 3.6%;
  height: 89%;
  width: 93.77%;
}

#map-drop-places path {
  fill: transparent;
  opacity: 0.7;
  transition: all 0.2s ease;
}

#map-drop-places path.hovered {
  fill: blue;
  opacity: 0.3;
}

#map-drop-places path.hovered-err {
  fill: red;
  opacity: 0.7;
}

#map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/map--4x.png");
  /* background: url('../images/map-points.png'); */
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}

.building-dragabble {
  width: 100%;
  height: calc(200.58 / var(--calc-rwd) * 100vw);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .building-dragabble {
    height: calc(180 / var(--calc-rwd) * 100vw);
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .building-dragabble {
    height: calc(140 / var(--calc-rwd) * 100vw);
  }
}
.building-dragabble .building-image {
  max-width: 100%;
  height: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .building-dragabble .building-image {
    margin-top: auto;
    margin-bottom: auto;
  }
}
.building-dragabble.dragging ~ .map__list__item__overlay, .building-dragabble:hover ~ .map__list__item__overlay {
  opacity: 1;
}
.building-dragabble.placed .building-image {
  opacity: 0.15;
}
.building-dragabble.placed .map__list__item__name__hint {
  opacity: 1;
}
.building-dragabble.dragging .map__list__item__name__hint, .building-dragabble:hover .map__list__item__name__hint {
  opacity: 1;
}

#buildings-on-map .building {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
  z-index: 10;
}
#buildings-on-map .building:not(.placed) {
  z-index: 101;
}

#buildings-on-map .building-caption {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  border-radius: calc(15 / var(--calc-rwd) * 100vw);
  padding: calc(5 / var(--calc-rwd) * 100vw);
  font-size: calc(10 / var(--calc-rwd) * 100vw);
  line-height: calc(12 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  transform: translate(-50%, -25%);
  text-align: center;
  z-index: 100;
  max-width: 13.619%;
  border: 1px solid #dfdfdf;
  opacity: 0.85;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  #buildings-on-map .building-caption {
    display: none !important;
  }
}
#buildings-on-map .building-caption.force {
  display: block !important;
}

.building.laboratorium-api {
  background-image: url("../images/building--laboratorium-badawczo-rozwojowe-substancji-czynnych-api.svg");
}

.building.laboratorium-bad {
  background-image: url("../images/building--laboratorium-badawczo-rozwojowe-formy-gotowe-lekow.svg");
}

.building.biura {
  background-image: url("../images/building--biura.svg");
}

/* #snap-point{
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	top: 47.8%;
	left: 38.9%;
	pointer-events: none;
	background: blue;
	transform: translate(-50%, -50%);
	z-index:100000000;
}

#test-snap-point{
	position:absolute;
	height: 1px;
	width: 1px;
	top: 100px;
	left:100px;
	background: red;
} */
.no-pointer-events {
  pointer-events: none;
}

.map__list__title {
  font-size: calc(18 / var(--calc-rwd) * 100vw);
  line-height: calc(24 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  margin-bottom: calc(10 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 991.98px) {
  .map__list__title {
    display: none;
  }
}
.map__list__building-can-be-returned {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #FFA200;
  font-weight: 600;
  padding-bottom: calc(4 / var(--calc-rwd) * 100vw);
  text-align: center;
  width: 100%;
}
@media (max-width: 991.98px) {
  .map__list__building-can-be-returned {
    padding-bottom: calc(10 / var(--calc-rwd) * 100vw);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
  }
}
.map__list__item {
  background-color: #002a6e;
  box-shadow: calc(0 / var(--calc-rwd) * 100vw) calc(3 / var(--calc-rwd) * 100vw) calc(20 / var(--calc-rwd) * 100vw) rgba(0, 0, 0, 0.16);
  border-radius: calc(8 / var(--calc-rwd) * 100vw);
  margin-top: calc(8.9 / var(--calc-rwd) * 100vw);
  padding: calc(15 / var(--calc-rwd) * 100vw) calc(18 / var(--calc-rwd) * 100vw);
  position: relative;
}
@media (max-width: 991.98px) {
  .map__list__item {
    flex-shrink: 0;
    margin-top: 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    display: none;
  }
}
@media (max-width: 575.98px) {
  .map__list__item {
    width: calc(50% - 10 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 991.98px) {
  .map__list__item .building-dragabble {
    min-width: calc(180 / var(--calc-rwd) * 100vw);
  }
}
.map__list__item__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgb(72, 97, 139);
  background: linear-gradient(0deg, rgba(72, 97, 139, 0) 0%, rgb(0, 33, 88) 100%);
  opacity: 0;
  transition: opacity 0.2s linear;
  pointer-events: none;
}
.map__list__item__name {
  position: relative;
  z-index: 1;
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #FFA200;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .map__list__item__name {
    text-align: center;
    font-size: calc(19 / var(--calc-rwd) * 100vw);
    line-height: calc(23 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .map__list__item__name {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.map__list__item__name__hint {
  font-size: calc(13 / var(--calc-rwd) * 100vw);
  line-height: calc(16 / var(--calc-rwd) * 100vw);
  font-weight: 400;
  color: #FFFFFF;
  position: absolute;
  bottom: calc(-5 / var(--calc-rwd) * 100vw);
  left: 0;
  transform: translateY(100%);
  opacity: 0;
  transition: opacity 0.2s linear;
}
@media (max-width: 991.98px) {
  .map__list__item__name__hint {
    width: 100%;
    font-size: calc(17 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .map__list__item__name__hint {
    font-size: calc(13 / var(--calc-rwd) * 100vw);
    line-height: calc(16 / var(--calc-rwd) * 100vw);
  }
}
.map__game {
  position: relative;
  width: calc(859.2 / var(--calc-rwd) * 100vw);
  padding: calc(109 / var(--calc-rwd) * 100vw) 0 calc(11.9 / var(--calc-rwd) * 100vw) 0;
  margin: 0 calc(24.4 / var(--calc-rwd) * 100vw) 0 calc(19.6 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .map__game {
    display: flex;
    flex-direction: column;
    margin: 0;
    order: 1;
    padding: calc(24 / var(--calc-rwd) * 100vw) 0 0 0;
    flex-shrink: 0;
    width: 75%;
  }
}
@media (max-width: 575.98px) {
  .map__game {
    width: 100%;
  }
}
.map__game.force-scale {
  width: 859.2px;
}
.map__game__shadow {
  width: 140%;
  height: 140%;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../images/map-shadow.png");
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .map__game__shadow {
    width: 130%;
    height: 130%;
    top: 66%;
  }
}
@media (max-width: 575.98px) {
  .map__game__shadow {
    width: 110%;
    height: 110%;
    top: 72%;
  }
}
.map__game__utils {
  display: flex;
  position: absolute;
  top: calc(20 / var(--calc-rwd) * 100vw);
  left: calc(12.7 / var(--calc-rwd) * 100vw);
  width: 100%;
}
@media (max-width: 991.98px) {
  .map__game__utils {
    order: 2;
    position: relative;
    top: unset;
    left: unset;
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
    padding-bottom: calc(72 / var(--calc-rwd) * 100vw);
  }
}
.map__game__utils__counters {
  display: flex;
}
@media (max-width: 991.98px) {
  .map__game__utils__counters {
    flex-direction: column;
    margin-left: calc(8 / var(--calc-rwd) * 100vw);
    flex-shrink: 0;
  }
}
.map__game__utils__used-count, .map__game__utils__time {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  color: #002a6e;
  margin-right: calc(36.7 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .map__game__utils__used-count, .map__game__utils__time {
    font-weight: 500;
    margin-right: 0;
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .map__game__utils__used-count, .map__game__utils__time {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 991.98px) {
  .map__game__utils__time {
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
  }
}
.map__game__utils__infos {
  position: relative;
  margin-left: auto;
  padding-left: calc(60 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .map__game__utils__infos {
    padding-left: calc(0 / var(--calc-rwd) * 100vw);
    margin-left: calc(10 / var(--calc-rwd) * 100vw);
    margin-right: calc(10 / var(--calc-rwd) * 100vw);
    flex-grow: 1;
    z-index: 1;
  }
}
.map__game__utils__info {
  position: relative;
  width: calc(260.67 / var(--calc-rwd) * 100vw);
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  display: flex;
  flex-direction: column;
  border: 1px solid #002a6e;
  padding: calc(5 / var(--calc-rwd) * 100vw);
  border-radius: calc(5 / var(--calc-rwd) * 100vw);
  box-shadow: 0 0 calc(15 / var(--calc-rwd) * 100vw) rgba(0, 0, 0, 0.16);
}
@media (max-width: 991.98px) {
  .map__game__utils__info {
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: row;
    font-size: calc(17 / var(--calc-rwd) * 100vw);
    line-height: calc(21 / var(--calc-rwd) * 100vw);
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  .map__game__utils__info {
    width: auto;
    max-width: 100%;
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.map__game__utils__info::before {
  content: "";
  background-image: url("../images/i-orange.svg");
  display: block;
  width: calc(32.347 / var(--calc-rwd) * 100vw);
  height: calc(34.5 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: calc(-5.7 / var(--calc-rwd) * 100vw);
  right: 0;
  transform: translateY(-50%);
}
.map__game__utils__info .br-tablet-on-info {
  display: none;
}
@media (max-width: 991.98px) {
  .map__game__utils__info .br-tablet-on-info {
    display: block;
  }
}
@media (max-width: 575.98px) {
  .map__game__utils__info .br-tablet-on-info {
    display: none;
  }
}
.map__game__utils__info .br-desktop-on-info {
  display: block;
}
@media (max-width: 991.98px) {
  .map__game__utils__info .br-desktop-on-info {
    display: none;
  }
}
.map__game__utils__info__icon {
  width: calc(55.918 / var(--calc-rwd) * 100vw);
  max-height: calc(55.918 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: 0;
  left: calc(-9 / var(--calc-rwd) * 100vw);
  transform: translateX(-100%);
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .map__game__utils__info__icon {
    width: calc(30 / var(--calc-rwd) * 100vw);
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    margin-left: auto;
    margin-right: calc(5 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .map__game__utils__info__icon {
    display: none;
  }
}
.map__game__utils__info__button {
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  color: #002a6e;
  padding: 0;
  margin: calc(7.4 / var(--calc-rwd) * 100vw) 0 0 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #002a6e;
  background-color: transparent;
  margin-left: auto;
  cursor: pointer;
  transition: transform 0.2s linear;
}
.map__game__utils__info__button:hover {
  transform: scale(1.05);
}
.map__game__utils__info.warning {
  color: #D71D00;
  border-color: #D71D00;
}
.map__game__utils__info.warning::before {
  background-image: url("../images/i-red.svg");
}
.map__game__utils__info ul {
  margin-top: 0.2em;
  padding-left: 1.5rem;
}
.map__game__buttons {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  margin-top: calc(20 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .map__game__buttons {
    margin-top: 0;
    flex-direction: column;
    background-color: rgba(0, 42, 110, 0.88);
    padding-bottom: calc(48 / var(--calc-rwd) * 100vw);
    padding-left: calc(115 / var(--calc-rwd) * 100vw);
    padding-right: calc(115 / var(--calc-rwd) * 100vw);
    transform: translateY(-100%);
    transition: transform 0.2s linear;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002;
  }
}
@media (max-width: 991.98px) {
  .map__game__buttons.active {
    transform: translateY(0%);
  }
}
.map__game__buttons__label {
  text-align: center;
  font-size: calc(38 / var(--calc-rwd) * 100vw);
  line-height: 1;
  margin-bottom: calc(20 / var(--calc-rwd) * 100vw);
  color: #FFFFFF;
  margin-top: calc(48 / var(--calc-rwd) * 100vw);
  text-transform: uppercase;
}
.map__game__buttons__label--mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .map__game__buttons__label--mobile {
    display: block;
  }
}
.map__game__buttons__close {
  display: none;
  position: absolute;
  z-index: 10002;
  width: calc(23.312 / var(--calc-rwd) * 100vw);
  height: calc(23.312 / var(--calc-rwd) * 100vw);
  top: calc(24 / var(--calc-rwd) * 100vw);
  right: calc(12 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .map__game__buttons__close {
    display: block;
  }
}
.map__game__buttons__item {
  margin-left: calc(9.1 / var(--calc-rwd) * 100vw);
}
.map__game__buttons__item:first-of-type {
  margin-left: 0;
}
@media (max-width: 991.98px) {
  .map__game__buttons__item {
    margin-left: 0;
    color: #FFFFFF;
    border-color: #FFFFFF;
    display: inline-flex;
    margin-top: calc(10 / var(--calc-rwd) * 100vw);
  }
  .map__game__buttons__item:first-of-type {
    margin-top: 0;
  }
}

.saveloading {
  padding: calc(16 / var(--calc-rwd) * 100vw) calc(16 / var(--calc-rwd) * 100vw) calc(17 / var(--calc-rwd) * 100vw) calc(23 / var(--calc-rwd) * 100vw);
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: 1;
  color: #002a6e;
  font-weight: 700;
  background-color: #f7f8fd;
  box-shadow: calc(0 / var(--calc-rwd) * 100vw) calc(3 / var(--calc-rwd) * 100vw) calc(20 / var(--calc-rwd) * 100vw) rgba(0, 26, 129, 0.16);
  border-radius: calc(26 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: calc(-4.7 / var(--calc-rwd) * 100vw);
  left: 50%;
  transform: translate(-50%, -100%);
  white-space: nowrap;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .saveloading {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .saveloading {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
  }
}
.saveloading__icon {
  width: calc(20 / var(--calc-rwd) * 100vw);
  height: calc(20 / var(--calc-rwd) * 100vw);
  margin-left: calc(9 / var(--calc-rwd) * 100vw);
}

.popup__overlay {
  position: fixed;
  z-index: 10010;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .popup__overlay--game-force-tablet {
    display: flex !important;
  }
}
.popup__overlay--tablet-builing-click-reminder {
  display: none;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .popup__overlay--tablet-builing-click-reminder {
    display: flex;
  }
}
.popup__container {
  box-shadow: calc(0 / var(--calc-rwd) * 100vw) calc(3 / var(--calc-rwd) * 100vw) calc(60 / var(--calc-rwd) * 100vw) rgba(0, 5, 80, 0.4);
  background-color: #FFFFFF;
  padding: calc(35 / var(--calc-rwd) * 100vw) calc(68 / var(--calc-rwd) * 100vw) calc(38 / var(--calc-rwd) * 100vw) calc(68 / var(--calc-rwd) * 100vw);
  border-radius: calc(15 / var(--calc-rwd) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 96.2%;
  max-height: 96.2%;
  box-sizing: border-box;
}
.popup__container--full {
  top: calc(15 / var(--calc-rwd) * 100vw);
  right: calc(15 / var(--calc-rwd) * 100vw);
  bottom: calc(15 / var(--calc-rwd) * 100vw);
  left: calc(15 / var(--calc-rwd) * 100vw);
  transform: none;
  padding-left: calc(50 / var(--calc-rwd) * 100vw);
  padding-right: calc(50 / var(--calc-rwd) * 100vw);
}
.popup__container--hints {
  width: calc(795.31 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .popup__container {
    top: calc(42 / var(--calc-rwd) * 100vw);
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  .popup__container {
    padding: calc(24 / var(--calc-rwd) * 100vw) calc(12 / var(--calc-rwd) * 100vw);
    width: 90%;
    max-width: 90%;
  }
}
@media (max-width: 575.98px) {
  .popup__container--game-force-tablet {
    pointer-events: none !important;
    display: flex !important;
  }
}
.popup__container--blue {
  background-color: #f3f4fc;
}
.popup__close {
  width: calc(11.656 / var(--calc-rwd) * 100vw);
  height: calc(11.656 / var(--calc-rwd) * 100vw);
  position: absolute;
  z-index: 1;
  top: calc(12 / var(--calc-rwd) * 100vw);
  right: calc(13 / var(--calc-rwd) * 100vw);
  cursor: pointer;
}
.popup__close__container {
  padding: calc(7.9 / var(--calc-rwd) * 100vw);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__close__container .popup__close {
  position: relative;
  top: unset;
  right: unset;
}
.popup__close path {
  transition: stroke 0.2s linear;
}
.popup__close:hover path {
  stroke: #D71D00;
}
.popup__institute {
  width: calc(284.67 / var(--calc-rwd) * 100vw);
  color: #002a6e;
}
.popup__institute__text {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  text-align: center;
}
@media (max-width: 991.98px) {
  .popup__institute__text {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__institute__text {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.popup__institute__img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: calc(19 / var(--calc-rwd) * 100vw);
}
.popup__institute__name {
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  margin-top: calc(8.1 / var(--calc-rwd) * 100vw);
  text-align: center;
}
@media (max-width: 991.98px) {
  .popup__institute__name {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__institute__name {
    font-size: calc(12 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.popup__congratulations {
  width: calc(302.67 / var(--calc-rwd) * 100vw);
  color: #002a6e;
}
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__title,
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__excerpt,
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__time,
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__welldone,
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__compare,
.popup__congratulations.js-cong-before-animation-end .popup__congratulations__button {
  opacity: 0;
  pointer-events: none;
}
.popup__congratulations__title {
  font-size: calc(20 / var(--calc-rwd) * 100vw);
  line-height: 1;
  font-weight: 700;
  text-align: center;
  transition: opacity 0.2s linear;
}
.popup__congratulations__icon {
  width: calc(33.041 / var(--calc-rwd) * 100vw);
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.popup__congratulations__icon__container {
  margin-top: calc(14.1 / var(--calc-rwd) * 100vw);
  position: relative;
}
.popup__congratulations__icon--spacer {
  opacity: 0;
}
.popup__congratulations__icon--anim {
  transition: width 0.5s linear;
}
.popup__congratulations__icon__animation {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -12.5%);
}
.popup__congratulations__icon__animation .js-cong-flare-right,
.popup__congratulations__icon__animation .js-cong-circle-top,
.popup__congratulations__icon__animation .js-cong-flare-center,
.popup__congratulations__icon__animation .js-cong-star-top {
  transition: transform 0.2s linear;
}
.popup__congratulations__icon__animation .js-cong-flare-right {
  transform: translate(-25%, 50%);
}
.popup__congratulations__icon__animation .js-cong-circle-top {
  transform: translate(40%, 50%);
}
.popup__congratulations__icon__animation .js-cong-flare-center {
  transform: translate(0, 60%);
}
.popup__congratulations__icon__animation .js-cong-star-top {
  transform: translate(-20%, 70%);
}
.popup__congratulations__icon__animation.js-anim-step-1 .js-cong-flare-right {
  transform: translate(0, 0);
}
.popup__congratulations__icon__animation.js-anim-step-2 .js-cong-circle-top {
  transform: translate(0, 0);
}
.popup__congratulations__icon__animation.js-anim-step-3 .js-cong-flare-center {
  transform: translate(0, 0);
}
.popup__congratulations__icon__animation.js-anim-step-4 .js-cong-star-top {
  transform: translate(0, 0);
}
.popup__congratulations__excerpt {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  text-align: center;
  margin-top: calc(14.1 / var(--calc-rwd) * 100vw);
  transition: opacity 0.2s linear;
}
@media (max-width: 991.98px) {
  .popup__congratulations__excerpt {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__congratulations__excerpt {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.popup__congratulations__time {
  text-align: center;
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  margin-top: calc(9.2 / var(--calc-rwd) * 100vw);
  transition: opacity 0.2s linear;
}
@media (max-width: 991.98px) {
  .popup__congratulations__time {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__congratulations__time {
    font-size: calc(14 / var(--calc-rwd) * 100vw);
    line-height: calc(15 / var(--calc-rwd) * 100vw);
  }
}
.popup__congratulations__welldone {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  text-align: center;
  margin-top: calc(15 / var(--calc-rwd) * 100vw);
  transition: opacity 0.2s linear;
}
@media (max-width: 991.98px) {
  .popup__congratulations__welldone {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__congratulations__welldone {
    font-size: calc(12 / var(--calc-rwd) * 100vw);
    line-height: calc(15 / var(--calc-rwd) * 100vw);
  }
}
.popup__congratulations__compare {
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  text-align: center;
  margin-top: calc(15 / var(--calc-rwd) * 100vw);
  padding: calc(9 / var(--calc-rwd) * 100vw) calc(10.7 / var(--calc-rwd) * 100vw);
  border: 0.8px solid #002a6e;
  border-radius: calc(6 / var(--calc-rwd) * 100vw);
  transition: opacity 0.2s linear;
}
@media (max-width: 991.98px) {
  .popup__congratulations__compare {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: 1.2;
  }
}
@media (max-width: 575.98px) {
  .popup__congratulations__compare {
    font-size: calc(12 / var(--calc-rwd) * 100vw);
    line-height: calc(15 / var(--calc-rwd) * 100vw);
  }
}
.popup__congratulations__button {
  margin-top: calc(12 / var(--calc-rwd) * 100vw);
  display: flex;
  justify-content: center;
  transition: opacity 0.2s linear;
}
.popup__congratulations.js-cong-anim-scale .popup__congratulations__icon--anim {
  width: calc(220 / var(--calc-rwd) * 100vw);
}
.popup__rules {
  color: #002a6e;
  padding-left: calc(26 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .popup__rules {
    width: calc(750 / var(--calc-rwd) * 100vw);
    padding-left: 0;
    padding-right: calc(16 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .popup__rules {
    width: auto;
  }
}
.popup__rules [data-overlayscrollbars-viewport] {
  overflow: visible auto;
  border-radius: 0;
}
.popup__rules .os-scrollbar-vertical {
  width: calc(5 / var(--calc-rwd) * 100vw);
  padding: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 991.98px) {
  .popup__rules .os-scrollbar-vertical {
    left: unset;
    right: calc(4 / var(--calc-rwd) * 100vw);
    padding: calc(5 / var(--calc-rwd) * 100vw) 0;
  }
}
.popup__rules .os-scrollbar-vertical .os-scrollbar-track {
  background-color: #e4e5f0;
  transition: opacity 0.2s linear;
}
.popup__rules .os-scrollbar-vertical .os-scrollbar-track:hover {
  background-color: #e4e5f0;
}
.popup__rules .os-scrollbar-vertical .os-scrollbar-handle {
  background-color: #FFA200;
  cursor: pointer;
}
.popup__rules .os-scrollbar-vertical .os-scrollbar-handle:hover {
  background-color: #FFA200;
}
.popup__rules__title {
  font-size: calc(22 / var(--calc-rwd) * 100vw);
  line-height: calc(28 / var(--calc-rwd) * 100vw);
  font-weight: 700;
}
.popup__rules__list {
  list-style: none;
  padding: 0;
  margin: calc(11 / var(--calc-rwd) * 100vw) 0 0 0;
  counter-reset: popupRuleNo;
}
.popup__rules__list--intro {
  width: calc(770 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .popup__rules__list--intro {
    width: auto;
  }
}
.popup__rules__list__item {
  margin-top: calc(6 / var(--calc-rwd) * 100vw);
  counter-increment: popupRuleNo;
  font-size: calc(16 / var(--calc-rwd) * 100vw);
  line-height: calc(22 / var(--calc-rwd) * 100vw);
  display: flex;
}
.popup__rules__list__item::before {
  content: counter(popupRuleNo) ".";
  margin-right: calc(7 / var(--calc-rwd) * 100vw);
  color: #FFA200;
  font-size: calc(16 / var(--calc-rwd) * 100vw);
  line-height: calc(22 / var(--calc-rwd) * 100vw);
  font-weight: 600;
}
.popup__rules__placement {
  overflow-x: hidden;
}
.popup__rules__placement__title {
  font-size: calc(22 / var(--calc-rwd) * 100vw);
  line-height: calc(28 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  margin-top: calc(25 / var(--calc-rwd) * 100vw);
}
.popup__rules__placement__container {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .popup__rules__placement__container {
    justify-content: center;
  }
}
.popup__rules__placement__container--height {
  height: calc(100% - 50 / var(--calc-rwd) * 100vw);
}
.popup__rules__placement__item {
  width: calc(25% - 20 / var(--calc-rwd) * 100vw);
  display: flex;
  flex-direction: column;
  margin-top: calc(15 / var(--calc-rwd) * 100vw);
  margin-right: calc(20 / var(--calc-rwd) * 100vw);
  box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .popup__rules__placement__item {
    width: calc(50% - 20 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .popup__rules__placement__item {
    width: calc(100% - 20 / var(--calc-rwd) * 100vw);
  }
}
.popup__rules__placement__item:nth-child(4n) {
  margin-right: 0;
}
.popup__rules__placement__item--box {
  background-color: #f3f4fc;
  width: calc(33% - 10 / var(--calc-rwd) * 100vw);
  border-radius: calc(9 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  padding: calc(15.6 / var(--calc-rwd) * 100vw) calc(8 / var(--calc-rwd) * 100vw) calc(9 / var(--calc-rwd) * 100vw) calc(17 / var(--calc-rwd) * 100vw);
  margin-top: calc(10 / var(--calc-rwd) * 100vw);
  margin-right: calc(10 / var(--calc-rwd) * 100vw);
}
.popup__rules__placement__item--box:nth-child(4n) {
  margin-right: calc(10 / var(--calc-rwd) * 100vw);
}
.popup__rules__placement__item--box:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 575.98px) {
  .popup__rules__placement__item--box {
    width: 100%;
    margin-right: 0;
  }
  .popup__rules__placement__item--box:nth-child(4n) {
    margin-right: calc(0 / var(--calc-rwd) * 100vw);
  }
}
.popup__rules__placement__name {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  color: #FFA200;
}
.popup__rules__placement__hint {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  margin-bottom: calc(5 / var(--calc-rwd) * 100vw);
}
.popup__rules__placement__img {
  max-width: 80%;
  max-height: calc(120 / var(--calc-rwd) * 100vw);
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
}
.popup__confirm__title {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  text-align: center;
}
@media (max-width: 991.98px) {
  .popup__confirm__title {
    font-size: calc(20 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
  }
}
.popup__confirm__buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: calc(25.8 / var(--calc-rwd) * 100vw);
}
.popup__confirm__buttons .button {
  margin-left: calc(6.6 / var(--calc-rwd) * 100vw);
  margin-right: calc(6.6 / var(--calc-rwd) * 100vw);
}
.popup__cert {
  padding-left: calc(30 / var(--calc-rwd) * 100vw);
  padding-right: calc(30 / var(--calc-rwd) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup__cert__title {
  font-size: calc(20 / var(--calc-rwd) * 100vw);
  line-height: 1;
  font-weight: 700;
  color: #002a6e;
  text-align: center;
}
.popup__cert__icon {
  width: calc(37 / var(--calc-rwd) * 100vw);
  margin-top: calc(16.9 / var(--calc-rwd) * 100vw);
}
.popup__cert__label {
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  text-align: center;
  margin-top: calc(10.5 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .popup__cert__label {
    font-size: calc(20 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
  }
}
.popup__cert__input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  outline: none;
  border: none;
  background-color: transparent;
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  color: #002a6e;
}
@media (max-width: 991.98px) {
  .popup__cert__input {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: calc(16 / var(--calc-rwd) * 100vw);
  }
}
.popup__cert__input__container {
  position: relative;
  margin-top: calc(5 / var(--calc-rwd) * 100vw);
  height: calc(21 / var(--calc-rwd) * 100vw);
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .popup__cert__input__container {
    height: calc(28 / var(--calc-rwd) * 100vw);
  }
}
.popup__cert__input__container::before {
  content: "................................................................................................................................................";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.popup__cert__button {
  margin-top: calc(22 / var(--calc-rwd) * 100vw);
}
.popup__cert__excerpt {
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(15 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  text-align: center;
  margin-top: calc(19.5 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .popup__cert__excerpt {
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: calc(16 / var(--calc-rwd) * 100vw);
  }
}
.popup__cert__media {
  margin-top: calc(12.9 / var(--calc-rwd) * 100vw);
}
.popup__map {
  position: relative;
  color: #002a6e;
}
.popup__map__img {
  width: calc(844.16 / var(--calc-rwd) * 100vw);
  height: calc(621.75 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .popup__map__img {
    width: calc(350 / var(--calc-rwd) * 100vw);
    height: calc(300 / var(--calc-rwd) * 100vw);
  }
}
.popup__hints {
  padding-top: calc(26.1 / var(--calc-rwd) * 100vw);
  max-width: 100%;
}
@media (max-width: 575.98px) {
  .popup__hints {
    padding-top: calc(13.05 / var(--calc-rwd) * 100vw);
  }
}
.popup__hints__title {
  color: #002a6e;
  text-transform: uppercase;
  font-size: calc(20 / var(--calc-rwd) * 100vw);
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
* + .popup__hints__items {
  margin-top: calc(19.6 / var(--calc-rwd) * 100vw);
}
.popup__hints__item__text {
  color: #002a6e;
  font-size: calc(14 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  text-align: center;
  width: calc(410 / var(--calc-rwd) * 100vw);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575.98px) {
  .popup__hints__item__text {
    width: auto;
  }
}
* + .popup__hints__item__content {
  margin-top: calc(42 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  * + .popup__hints__item__content {
    margin-top: calc(10 / var(--calc-rwd) * 100vw);
  }
}
.popup__hints__item__content {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  .popup__hints__item__content {
    align-items: center;
  }
}
.popup__hints__item__content__img {
  width: calc(274 / var(--calc-rwd) * 100vw);
  margin-top: calc(9 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .popup__hints__item__content__img {
    width: auto;
    max-width: 50%;
  }
}
* + .popup__hints__item__content__map {
  margin-left: calc(20 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  * + .popup__hints__item__content__map {
    margin-left: calc(10 / var(--calc-rwd) * 100vw);
  }
}
.popup__hints__item__content__map {
  position: relative;
  width: calc(343.67 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .popup__hints__item__content__map {
    width: auto;
    max-width: 100%;
  }
}
.popup__hints__item__content__map__container {
  position: relative;
}
@media (max-width: 575.98px) {
  .popup__hints__item__content__map__container {
    max-width: 50%;
  }
}
.popup__hints__item__content__map__shadow {
  width: 160%;
  height: 160%;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../images/map-shadow.png");
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .popup__hints__item__content__map__shadow {
    width: 130%;
    height: 130%;
    top: 66%;
  }
}
@media (max-width: 575.98px) {
  .popup__hints__item__content__map__shadow {
    width: 110%;
    height: 110%;
    top: 72%;
  }
}
* + .popup__hints__buttons {
  margin-top: calc(52.2 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  * + .popup__hints__buttons {
    margin-top: calc(10 / var(--calc-rwd) * 100vw);
  }
}
.popup__hints__buttons {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .popup__hints__buttons {
    flex-direction: column;
  }
}
.popup__hints__buttons .button {
  margin-left: calc(6.6 / var(--calc-rwd) * 100vw);
  margin-right: calc(6.6 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .popup__hints__buttons .button {
    margin-top: calc(5 / var(--calc-rwd) * 100vw);
  }
}
.popup__image {
  position: relative;
  width: 81.965811965%;
  height: 63.909774436%;
}
@media (max-width: 991.98px) {
  .popup__image {
    position: absolute;
    top: calc(42 / var(--calc-rwd) * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 100%;
  }
}
@media (max-width: 575.98px) {
  .popup__image {
    width: 97%;
  }
}
.popup__image__img {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 100%;
}

.intro {
  background-image: url("../images/slider-bg.jpg");
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: calc(110 / var(--calc-rwd) * 100vw) calc(80 / var(--calc-rwd) * 100vw) calc(80 / var(--calc-rwd) * 100vw) calc(80 / var(--calc-rwd) * 100vw);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  min-height: calc(570 / var(--calc-rwd) * 100vw);
  box-sizing: border-box;
}
@media (max-width: 575.98px) {
  .intro {
    padding: calc(24 / var(--calc-rwd) * 100vw) calc(6 / var(--calc-rwd) * 100vw);
    min-height: unset;
  }
}
.intro__slider__container {
  position: relative;
}
@media (max-width: 575.98px) {
  .intro__slider__container {
    margin-top: calc(80 / var(--calc-rwd) * 100vw);
    order: 2;
  }
}
.intro__slider__prev {
  width: calc(57 / var(--calc-rwd) * 100vw);
  height: calc(56 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: 50%;
  left: 0%;
  cursor: pointer;
  transition: transform 0.2s linear;
}
@media (max-width: 991.98px) {
  .intro__slider__prev {
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .intro__slider__prev {
    top: calc(-10 / var(--calc-rwd) * 100vw);
    transform: translateY(-100%);
  }
}
@media (min-width: 992px) {
  .intro__slider__prev:hover {
    transform: scale(1.1);
  }
}
.intro__slider__next, .intro__slider__end {
  width: calc(57 / var(--calc-rwd) * 100vw);
  height: calc(56 / var(--calc-rwd) * 100vw);
  position: absolute;
  top: 50%;
  right: 0%;
  cursor: pointer;
  transition: transform 0.2s linear;
}
@media (max-width: 991.98px) {
  .intro__slider__next, .intro__slider__end {
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .intro__slider__next, .intro__slider__end {
    top: calc(-10 / var(--calc-rwd) * 100vw);
    transform: translateY(-100%);
  }
}
@media (min-width: 992px) {
  .intro__slider__next:hover, .intro__slider__end:hover {
    transform: scale(1.1);
  }
}
.intro__slider__end {
  display: none;
}
.intro__slider__end.active {
  display: block;
}
.intro__slider__end__text {
  position: absolute;
  top: calc(50% + 70 / var(--calc-rwd) * 100vw);
  right: 0;
  cursor: pointer;
  display: none;
  outline: none;
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  text-align: left;
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(14 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .intro__slider__end__text {
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .intro__slider__end__text {
    top: calc(-15 / var(--calc-rwd) * 100vw);
    transform: translate(-50%, -100%);
    font-size: calc(28 / var(--calc-rwd) * 100vw);
    line-height: calc(38 / var(--calc-rwd) * 100vw);
    width: 100%;
    right: unset;
    left: 50%;
    text-align: center;
  }
}
.intro__slider__end__text.active {
  display: block;
}
.intro__slider .slick-track {
  display: flex !important;
}
@media (max-width: 991.98px) {
  .intro__slider .slick-track {
    display: block !important;
  }
}
.intro__slider .slick-slide {
  height: inherit !important;
}
.intro__slide {
  display: flex !important;
  flex-direction: column;
  padding-left: calc(120 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .intro__slide {
    padding-left: calc(0 / var(--calc-rwd) * 100vw);
  }
}
.intro__slide--buildings {
  box-sizing: border-box;
  padding-left: calc(60 / var(--calc-rwd) * 100vw);
  padding-right: calc(60 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .intro__slide--buildings {
    padding-left: 0;
    padding-right: 0;
  }
}
.intro__slide__prefix {
  font-size: calc(26 / var(--calc-rwd) * 100vw);
  line-height: calc(28 / var(--calc-rwd) * 100vw);
  color: #FFA200;
}
.intro__slide__title {
  font-size: calc(48 / var(--calc-rwd) * 100vw);
  line-height: calc(56 / var(--calc-rwd) * 100vw);
  font-weight: 900;
  margin-top: calc(5 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .intro__slide__title {
    font-size: calc(28 / var(--calc-rwd) * 100vw);
    line-height: calc(38 / var(--calc-rwd) * 100vw);
  }
}
* + .intro__slide__desc {
  margin-top: calc(17 / var(--calc-rwd) * 100vw);
}
.intro__slide__desc {
  font-size: calc(32 / var(--calc-rwd) * 100vw);
  line-height: calc(48 / var(--calc-rwd) * 100vw);
  font-weight: 700;
}
.intro__slide__desc--list {
  width: calc(770 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .intro__slide__desc {
    width: auto;
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: calc(24 / var(--calc-rwd) * 100vw);
  }
}
.intro__slide__desc--mb {
  margin-bottom: calc(20 / var(--calc-rwd) * 100vw);
}
.intro__slide__text {
  font-size: calc(16 / var(--calc-rwd) * 100vw);
  line-height: calc(26 / var(--calc-rwd) * 100vw);
  margin-top: calc(10 / var(--calc-rwd) * 100vw);
}
.intro__slide__excerpt {
  font-size: calc(28 / var(--calc-rwd) * 100vw);
  line-height: calc(38 / var(--calc-rwd) * 100vw);
  margin-top: calc(16 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .intro__slide__excerpt {
    width: auto;
    font-size: calc(18 / var(--calc-rwd) * 100vw);
    line-height: calc(24 / var(--calc-rwd) * 100vw);
  }
}
.intro__slide__prefix, .intro__slide__title, .intro__slide__desc, .intro__slide__excerpt {
  padding-right: calc(60 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .intro__slide__prefix, .intro__slide__title, .intro__slide__desc, .intro__slide__excerpt {
    padding-left: calc(5 / var(--calc-rwd) * 100vw);
    padding-right: calc(5 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 991.98px) {
  .intro__slide .popup__rules__list, .intro__slide .popup__rules__placement__container {
    padding-left: calc(5 / var(--calc-rwd) * 100vw);
    padding-right: calc(5 / var(--calc-rwd) * 100vw);
  }
}
.intro__nav {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: calc(41 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .intro__nav {
    order: 1;
    padding-top: 0;
  }
}
.intro__nav__item {
  font-size: calc(20 / var(--calc-rwd) * 100vw);
  line-height: calc(28 / var(--calc-rwd) * 100vw);
  color: #FFFFFF;
  text-align: center;
  width: calc(33.3% - 4 / var(--calc-rwd) * 100vw);
  position: relative;
  padding-bottom: calc(14 / var(--calc-rwd) * 100vw);
}
.intro__nav__item::before {
  content: "";
  width: 100%;
  height: calc(5 / var(--calc-rwd) * 100vw);
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}
.intro__nav__item__progress {
  width: 0%;
  height: calc(5 / var(--calc-rwd) * 100vw);
  background-color: #FFA200;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: width 0.2s linear;
}

.final {
  background-color: #f3f4fc;
  padding: calc(15 / var(--calc-rwd) * 100vw);
  display: flex;
  min-height: calc(798 / var(--calc-rwd) * 100vw);
  box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .final {
    flex-direction: column;
  }
}
.final__left {
  margin-top: calc(63 / var(--calc-rwd) * 100vw);
  padding-left: calc(46 / var(--calc-rwd) * 100vw);
  padding-right: calc(36.4 / var(--calc-rwd) * 100vw);
  box-sizing: border-box;
  height: calc(667 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .final__left {
    order: 2;
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .final__left {
    margin-top: calc(24 / var(--calc-rwd) * 100vw);
    padding-right: calc(12 / var(--calc-rwd) * 100vw);
    height: calc(400 / var(--calc-rwd) * 100vw);
  }
}
.final__left [data-overlayscrollbars-viewport] {
  overflow: visible auto;
  border-radius: 0;
}
.final__left .os-scrollbar-vertical {
  width: calc(5 / var(--calc-rwd) * 100vw);
  padding: 0;
  bottom: 0;
  right: 0;
}
.final__left .os-scrollbar-vertical .os-scrollbar-track {
  background-color: #e4e5f0;
  transition: opacity 0.2s linear;
}
.final__left .os-scrollbar-vertical .os-scrollbar-track:hover {
  background-color: #e4e5f0;
}
.final__left .os-scrollbar-vertical .os-scrollbar-handle {
  background-color: #FFA200;
  cursor: pointer;
}
.final__left .os-scrollbar-vertical .os-scrollbar-handle:hover {
  background-color: #FFA200;
}
.final__left__title {
  font-size: calc(22 / var(--calc-rwd) * 100vw);
  line-height: calc(28 / var(--calc-rwd) * 100vw);
  font-weight: 700;
  color: #002a6e;
}
@media (max-width: 991.98px) {
  .final__left__title {
    font-size: calc(32 / var(--calc-rwd) * 100vw);
    line-height: calc(40 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__left__title {
    font-size: calc(22 / var(--calc-rwd) * 100vw);
    line-height: calc(28 / var(--calc-rwd) * 100vw);
  }
}
.final__left__text {
  font-size: calc(16 / var(--calc-rwd) * 100vw);
  line-height: calc(22 / var(--calc-rwd) * 100vw);
  color: #002a6e;
  margin-top: calc(19 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .final__left__text {
    font-size: calc(24 / var(--calc-rwd) * 100vw);
    line-height: calc(36 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__left__text {
    font-size: calc(16 / var(--calc-rwd) * 100vw);
    line-height: calc(22 / var(--calc-rwd) * 100vw);
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
  }
}
.final__left__box + .final__left__text {
  margin-top: calc(37 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .final__left__box + .final__left__text {
    margin-top: calc(24 / var(--calc-rwd) * 100vw);
  }
}
.final__left__box {
  display: flex;
  align-items: flex-end;
  margin-top: calc(32 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .final__left__box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: calc(24 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__left__box .final__right__city__loup__container {
    top: 0;
    transform: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.final__left__box__img {
  max-width: calc(284 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .final__left__box__img {
    max-width: calc(568 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__left__box__img {
    max-width: 100%;
  }
}
.final__left__box__img__container {
  position: relative;
  margin-right: calc(24 / var(--calc-rwd) * 100vw);
}
@media (max-width: 575.98px) {
  .final__left__box__img__container {
    margin-right: 0;
    order: 2;
  }
}
.final__left__box__text {
  font-size: calc(12 / var(--calc-rwd) * 100vw);
  line-height: calc(18 / var(--calc-rwd) * 100vw);
  color: #002a6e;
}
@media (max-width: 991.98px) {
  .final__left__box__text {
    font-size: calc(22 / var(--calc-rwd) * 100vw);
    line-height: calc(30 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__left__box__text {
    order: 1;
    font-size: calc(12 / var(--calc-rwd) * 100vw);
    line-height: calc(18 / var(--calc-rwd) * 100vw);
  }
}
.final__right {
  width: 40.877192982%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .final__right {
    order: 1;
    width: 100%;
  }
}
.final__right__top {
  display: flex;
  justify-content: flex-end;
  margin-bottom: auto;
}
@media (max-width: 991.98px) {
  .final__right__top {
    padding-bottom: calc(12 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__right__top {
    padding-bottom: 0;
    justify-content: flex-start;
  }
}
.final__right__city {
  width: 100%;
}
@media (max-width: 991.98px) {
  .final__right__city {
    width: auto;
    max-width: 100%;
    max-height: calc(300 / var(--calc-rwd) * 100vw);
  }
}
.final__right__city__container {
  position: relative;
  margin-left: calc(42 / var(--calc-rwd) * 100vw);
}
@media (max-width: 991.98px) {
  .final__right__city__container {
    padding-top: calc(42 / var(--calc-rwd) * 100vw);
    margin-left: 0;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .final__right__city__container {
    padding-top: calc(20 / var(--calc-rwd) * 100vw);
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
  }
}
.final__right__city__loup {
  width: calc(17.093 / var(--calc-rwd) * 100vw);
  transition: transform 0.2s linear;
}
@media (max-width: 991.98px) {
  .final__right__city__loup {
    width: calc(34.186 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__right__city__loup {
    width: calc(20.093 / var(--calc-rwd) * 100vw);
  }
}
.final__right__city__loup path {
  transition: stroke 0.2s linear;
}
.final__right__city__loup__container {
  border: none;
  outline: none;
  cursor: pointer;
  padding: calc(5 / var(--calc-rwd) * 100vw) calc(4 / var(--calc-rwd) * 100vw) calc(4 / var(--calc-rwd) * 100vw) calc(5 / var(--calc-rwd) * 100vw);
  background-color: #FFFFFF;
  box-shadow: 0 calc(3 / var(--calc-rwd) * 100vw) calc(15 / var(--calc-rwd) * 100vw) rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s linear;
}
@media (max-width: 575.98px) {
  .final__right__city__loup__container {
    padding: calc(8 / var(--calc-rwd) * 100vw);
    top: calc(-14 / var(--calc-rwd) * 100vw);
    transform: translateY(-100%);
    border-radius: 9999px;
  }
}
.final__right__city__loup__container:hover {
  background-color: #002a6e;
}
.final__right__city__loup__container:hover .final__right__city__loup path {
  stroke: #FFFFFF;
}
.final__right__bottom {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .final__right__bottom {
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
    justify-content: center;
  }
  .final__right__bottom .button {
    margin-left: calc(12 / var(--calc-rwd) * 100vw);
    margin-right: calc(12 / var(--calc-rwd) * 100vw);
  }
}
@media (max-width: 575.98px) {
  .final__right__bottom {
    flex-direction: column;
    margin-top: calc(12 / var(--calc-rwd) * 100vw);
  }
  .final__right__bottom .button {
    margin-bottom: calc(15 / var(--calc-rwd) * 100vw);
  }
}
.final__button__media {
  position: absolute;
  top: calc(-5 / var(--calc-rwd) * 100vw);
  left: 50%;
  transform: translate(-50%, -100%);
}

.media {
  position: relative;
  padding: calc(9 / var(--calc-rwd) * 100vw) calc(11.5 / var(--calc-rwd) * 100vw);
  border-radius: calc(27 / var(--calc-rwd) * 100vw);
  display: inline-flex;
  background-color: #f7f8fd;
  box-shadow: 0 calc(3 / var(--calc-rwd) * 100vw) calc(20 / var(--calc-rwd) * 100vw) rgba(0, 26, 129, 0.16);
}
.media--small {
  padding: calc(6.5 / var(--calc-rwd) * 100vw) calc(8 / var(--calc-rwd) * 100vw);
}
.media__item {
  cursor: pointer;
  width: calc(35.87 / var(--calc-rwd) * 100vw);
  height: calc(35.87 / var(--calc-rwd) * 100vw);
  margin-left: calc(2.5 / var(--calc-rwd) * 100vw);
  margin-right: calc(2.5 / var(--calc-rwd) * 100vw);
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #002a6e;
  transition: box-shadow 0.2s linear;
}
.media__item--small {
  width: calc(27.31 / var(--calc-rwd) * 100vw);
  height: calc(27.31 / var(--calc-rwd) * 100vw);
}
.media__item:hover {
  box-shadow: 0 calc(3 / var(--calc-rwd) * 100vw) calc(10 / var(--calc-rwd) * 100vw) rgba(0, 26, 129, 0.32);
}
.media__item--whatsup {
  background: rgb(99, 255, 134);
  background: linear-gradient(180deg, rgb(99, 255, 134) 0%, rgb(0, 190, 69) 100%);
}
.media__item--mail {
  background: rgb(0, 101, 231);
  background: linear-gradient(180deg, rgb(0, 101, 231) 0%, rgb(0, 194, 209) 100%);
}
.media__item--facebook {
  background-color: #2a55ff;
}
.media__item--instagram {
  background: rgb(77, 26, 248);
  background: linear-gradient(165deg, rgb(77, 26, 248) 0%, rgb(192, 21, 204) 30%, rgb(233, 0, 0) 70%, rgb(255, 196, 0) 100%);
}
.media__item--messenger {
  background: rgb(214, 9, 94);
  background: linear-gradient(165deg, rgb(214, 9, 94) 0%, rgb(193, 20, 197) 30%, rgb(115, 25, 233) 70%, rgb(86, 152, 255) 100%);
}
.media__item--sms {
  background: rgb(99, 255, 134);
  background: linear-gradient(180deg, rgb(99, 255, 134) 0%, rgb(99, 255, 134) 100%);
}
.media__item--in {
  background: rgb(0, 119, 180);
  background: linear-gradient(180deg, rgb(0, 119, 180) 0%, rgb(0, 119, 180) 100%);
}
.media__icon {
  max-width: 90%;
  max-height: 90%;
}
.media__icon--whatsup {
  width: 57.6247560636%;
  height: 62.3919710064%;
}
.media__icon--mail {
  width: 55.7568999164%;
  height: 37.7474212434%;
}
.media__icon--facebook {
  width: 37.6637858935%;
  height: 70.4209645944%;
}
.media__icon--instagram {
  width: 63.8695288542%;
  height: 63.7022581544%;
}
.media__icon--messenger {
  width: 49.9303038751%;
  height: 49.9024254251%;
}
.media__icon--sms {
  width: 55.5059938667%;
  height: 49.9024254251%;
}
.media__icon--in {
  width: 55.5059938667%;
  height: 63.4234736549%;
}

.show-mobile {
  display: none;
}
@media (max-width: 991.98px) {
  .show-mobile {
    display: initial;
  }
}

@media (max-width: 991.98px) {
  .show-desktop {
    display: none;
  }
}

.building__button {
  width: 100%;
  background-color: #002a6e;
  justify-content: center;
  display: none;
}
@media (max-width: 991.98px) {
  .building__button {
    display: flex;
  }
}
.building__button--top {
  padding-top: calc(20 / var(--calc-rwd) * 100vw);
  padding-bottom: calc(5 / var(--calc-rwd) * 100vw);
}
.building__button--bottom {
  padding-top: calc(5 / var(--calc-rwd) * 100vw);
  padding-bottom: calc(20 / var(--calc-rwd) * 100vw);
}
.building__button__arrow {
  display: flex;
  position: relative;
  width: calc(48 / var(--calc-rwd) * 100vw);
  height: calc(48 / var(--calc-rwd) * 100vw);
  border-radius: 9999px;
  border: 1px solid #dfdfdf;
  background-color: transparent;
  outline: none;
  margin: 0;
  box-sizing: border-box;
}
.building__button__arrow:focus {
  outline: none;
}
@media (max-width: 991.98px) {
  .building__button__arrow {
    justify-content: center;
    align-items: center;
  }
}
.building__button__arrow:hover {
  border-color: #FFA200;
}
.building__button__arrow:hover::before {
  border-color: #FFA200;
}
.building__button__arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  border: solid #dfdfdf;
  border-width: 0 calc(6 / var(--calc-rwd) * 100vw) calc(6 / var(--calc-rwd) * 100vw) 0;
  display: inline-block;
  padding: calc(6 / var(--calc-rwd) * 100vw);
  transition: border-color 0.2s linear;
}
.building__button__arrow--right::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.building__button__arrow--left::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.building__button__arrow--up::before {
  transform: translate(-50%, -30%) rotate(-135deg);
}
.building__button__arrow--down::before {
  transform: translate(-50%, -60%) rotate(45deg);
}

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