/* Title page */
.swal2-icon.swal2-info {
  border-color: #f4b835 !important;
  color: #f4b835 !important;
}

.page-title__wrapper {
  width: 100%;
  margin: 130px 0 54px;
}

.page-title__wrapper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}

.page-title {
  font-size: 26px;
  font-family: "OpenSans";
  color: rgb(36, 36, 36);
  font-weight: bold;
  line-height: 1.105;
  margin: 0 40px;
  transition: 0.3s;
}

.page-title:hover {
  color: #f2b532;
}

.page-title--wihte {
  color: #fff;
}

/* end title page */
.title-floor__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.content-floof {
  margin: 0 0 50px 0;
}

.shop-navigation {
  margin: 0;
}

.content-floof__wrapper--two {
  display: flex;
}

.shop-navigation--two {
  width: 60%;
}

.content-floof__title {
  font-size: 38px;
  font-family: "OpenSans";
  color: rgb(36, 36, 36);
  font-weight: bold;
  line-height: 1.105;
  margin-bottom: 40px;
}

.content-floof__image {
  width: 100%;
}

.title-shops {
  margin: 50px 0 0 0;
  display: flex;
}

.title-shops__box {
  margin-right: 76px;
}

.title-shops__link {
  display: flex;
  margin-bottom: 15px;
}

.content-floof__wrapper {
  position: relative;
}

.number-shops,
.title-shops__text {
  font-size: 18px;
  font-family: "OpenSans";
  color: rgb(36, 36, 36);
  line-height: 1.556;
  transition: 0.3s;
}

.number-shops {
  padding-right: 5px;
}

.title-shops__link:hover .number-shops,
.title-shops__link:hover .title-shops__text {
  color: #9f9f9f;
}

.content-floof__image--flex {
  /* width: 55%; */
  height: 100%;
}

.title-shops--two {
  margin: 0 0 0 40px;
}

/* MAP NAVIGATION */
.map-navigation {
  position: relative;
}

.shop-navigation--orange {
  background-color: #f2b532;
}

.svg-floof {
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
}

.svg-floof__one {
  position: absolute;
  top: -3px;
  left: 0;
  height: 100%;
  width: 100%;
}

.svg-floof__two {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 55%; */
}

.svg-floof__three {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 55%; */
}

.svg-floof--two {
  position: absolute;
  width: 100%;
}

.trading-place {
  opacity: 0.1;
  transition: 0.3s;
  fill: #9f9f9f;
}

.trading-place:hover {
  opacity: 0.65;
  fill: white;
}

.zico-text:hover .zico {
  opacity: 0.8;
}

.block__legends {
  padding: 50px 0 50px;
}

.block__legends--two {
  width: 50%;
  padding: 20px 0 0px 50px;
}

.block__legends--two .block__legends-list {
  width: 33%;
  padding-right: 10px;
}

.block__legends--flex {
  display: flex;
  justify-content: space-between;
}

.block__legends-list {
  width: 20%;
}

.block__legends-item {
  margin-bottom: 20px;
}

.block__legends-item span {
  font-size: 18px;
  font-family: "OpenSans";
  color: rgb(36, 36, 36);
  line-height: 1.556;
  margin-right: 10px;
}

.block__legends-link {
  display: flex;
  align-items: center;
}

.block__legends-link img {
  width: 50%;
  height: 53px;
}

.block__legends--two .block__legends-link img {
  width: 66%;
  height: 45px;
}

.navigation-info__img {
  position: absolute;
  width: 35%;
  top: 3%;
  left: 5%;
}

.shop-navigation--two .navigation-info__img {
  position: absolute;
  width: 56%;
  top: 4%;
  left: 8%;
}

.content-floof__image {
  /* max-height: 500px; */
}

.block__legends--flex-two__floor {
  justify-content: inherit;
}

.block__legends--flex-three {
  justify-content: inherit;
}

.name-shops--floor-one img {
  width: 100%;
  height: 100%;
}

.block__modal-pavilion {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.pavilion__hover {
  width: 106px;
  height: 45px;
  padding: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #f2b532;
  position: absolute;
  border-radius: 5px;
  background-color: #fff;
  text-align: center;
  z-index: 3;
}

.pavilion__hover img {
  width: 80%;
  height: 100%;
}

.one-pavilion__hover {
  top: 83px;
  left: 132px;
  display: none;
}

.two-pavilion__hover {
  top: 82px;
  left: 162px;
  display: none;
}

.pavilion__hover::before {
  position: absolute;
  content: url("../images/triangle.png");
  top: 38px;
  left: 2px;
}

.three-pavilion__hover {
  top: 69px;
  left: 192px;
  display: none;
}

.four-pavilion__hover {
  top: 69px;
  left: 245px;
  display: none;
}

.five-pavilion__hover {
  top: 69px;
  left: 289px;
  display: none;
}

.six-pavilion__hover {
  top: 69px;
  left: 332px;
  display: none;
}

.seven-pavilion__hover {
  top: 69px;
  left: 377px;
  display: none;
}

.eight-pavilion__hover {
  top: 69px;
  left: 421px;
  display: none;
}

.nine-pavilion__hover {
  top: 69px;
  left: 463px;
  display: none;
}

.ten-pavilion__hover {
  top: 93px;
  left: 451px;
  display: none;
}

.eleven-pavilion__hover {
  top: 69px;
  left: 509px;
  display: none;
}

.twelve-pavilion__hover {
  top: 69px;
  left: 558px;
  display: none;
}

.thirteen-pavilion__hover {
  top: 69px;
  left: 602px;
  display: none;
}

.fourteen-pavilion__hover {
  top: 69px;
  left: 639px;
  display: none;
}

.fifteen-pavilion__hover {
  top: 201px;
  left: 63px;
  display: none;
}

.sixteen-pavilion__hover {
  top: 140px;
  left: 50px;
  display: none;
}

.seventeen-pavilion__hover {
  top: 136px;
  left: 93px;
  display: none;
}

.eighteen-pavilion__hover {
  top: 100px;
  left: 103px;
  display: none;
}

.eighteen-pavilion-new__hover {
  top: 155px;
  left: 238px;
  display: none;
}

.nineteen-pavilion__hover {
  top: 127px;
  left: 141px;
  display: none;
}

.twenty-pavilion__hover {
  top: 148px;
  left: 168px;
  display: none;
}

.twenty_one-pavilion__hover {
  top: 204px;
  left: 201px;
  display: none;
}

.twenty_two-pavilion__hover {
  top: 173px;
  left: 256px;
  display: none;
}

.twenty_three-pavilion__hover {
  top: 173px;
  left: 326px;
  display: none;
}

.twenty_four-pavilion__hover {
  top: 203px;
  left: 290px;
  display: none;
}

.twenty_five-pavilion__hover {
  top: 203px;
  left: 334px;
  display: none;
}

.twenty_six-pavilion__hover {
  top: 203px;
  left: 398px;
  display: none;
}

.twenty_seven-pavilion__hover {
  top: 203px;
  left: 486px;
  display: none;
}

.twenty_eight-pavilion__hover {
  top: 203px;
  left: 552px;
  display: none;
}

.twenty_nine-pavilion__hover {
  top: 203px;
  left: 599px;
  display: none;
}

.thirty-pavilion__hover--new {
  top: 159px;
  left: 635px;
  display: none;
}

.thirty-pavilion__hover {
  top: 69px;
  left: 754px;
  display: none;
}

.thirty_one-pavilion__hover {
  top: 69px;
  left: 795px;
  display: none;
}

.thirty_two-pavilion__hover {
  top: 69px;
  left: 840px;
  display: none;
}

.thirty_three-pavilion__hover {
  top: 69px;
  left: 881px;
  display: none;
}

.thirty_four-pavilion__hover {
  top: 69px;
  left: 926px;
  display: none;
}

.thirty_five-pavilion__hover {
  top: 69px;
  left: 970px;
  display: none;
}

.thirty_six-pavilion__hover {
  top: 69px;
  left: 1014px;
  display: none;
}

.thirty_seven-pavilion__hover {
  top: 69px;
  left: 1057px;
  display: none;
}

.thirty_eight-pavilion__hover {
  top: 69px;
  left: 1016px;
  display: none;
}

.thirty_eight-pavilion__hover::before {
  left: 81px;
}

.thirty_nine-pavilion__hover {
  top: 69px;
  left: 1057px;
  display: none;
}

.thirty_nine-pavilion__hover::before {
  left: 81px;
}

.forty-pavilion__hover {
  top: 136px;
  left: 1020px;
  display: none;
}

.forty_one-pavilion__hover {
  top: 172px;
  left: 487px;
  display: none;
}

.forty_two-pavilion__hover {
  top: 172px;
  left: 388px;

  display: none;
}
.forty_four-pavilion__hover {
  top: 145px;
  left: 290px;

  display: none;
}

.forty_five-pavilion__hover {
  top: 172px;
  left: 437px;
  display: none;
}

.forty-pavilion__hover::before {
  left: 81px;
}

.two_one-pavilion__hover {
  top: 81px;
  left: 91px;
  display: none;
}

.two_two-pavilion__hover {
  top: 67px;
  left: 197px;
  display: none;
}

.two_three-pavilion__hover {
  top: 67px;
  left: 244px;
  display: none;
}

.two_four-pavilion__hover {
  top: 67px;
  left: 287px;
  display: none;
}

.two_five-pavilion__hover {
  top: 67px;
  left: 326px;
  display: none;
}

.two_six-pavilion__hover {
  top: 67px;
  left: 374px;
  display: none;
}

.two_seven-pavilion__hover {
  top: 67px;
  left: 410px;
  display: none;
}

.two_eight-pavilion__hover {
  top: 67px;
  left: 437px;
  display: none;
}

.two_nine-pavilion__hover {
  top: 67px;
  left: 467px;
  display: none;
}

.two_ten-pavilion__hover {
  top: 67px;
  left: 502px;
  display: none;
}

.two_eleven-pavilion__hover {
  top: 139px;
  left: 178px;
  display: none;
}

.two_twelve-pavilion__hover {
  top: 155px;
  left: 224px;
  display: none;
}

.two_thirteen-pavilion__hover {
  top: 155px;
  left: 262px;
  display: none;
}

.two_fourteen-pavilion__hover {
  top: 145px;
  left: 291px;
  display: none;
}

.two_fifteen-pavilion__hover {
  top: 183px;
  left: 326px;
  display: none;
}

.two_sixteen-pavilion__hover {
  top: 183px;
  left: 452px;
  display: none;
}

.two_seventeen-pavilion__hover {
  top: 199px;
  left: 287px;
  display: none;
}

.two_eighteen-pavilion__hover {
  top: 199px;
  left: 373px;
  display: none;
}

.two_news_eighteen-pavilion__hover {
  top: 190px;
  left: 270px;
  display: none;
}

.two_nineteen-pavilion__hover {
  top: 271px;
  left: 252px;
  display: none;
}

.two_twenty-pavilion__hover {
  top: 272px;
  left: 361px;
  display: none;
}

.two_twenty-one-pavilion__hover {
  top: 145px;
  left: 292px;
  display: none;
}

.two_new_eighteen-pavilion__hover {
  top: 190px;
  left: 330px;
  display: none;
}

.two_new_twenty-pavilion__hover {
  top: 67px;
  left: 555px;
  display: none;
}

.three_one-pavilion__hover {
  top: 83px;
  left: 85px;
  display: none;
}

.three_two-pavilion__hover {
  top: 69px;
  left: 243px;
  display: none;
}

.three_three-pavilion__hover {
  top: 68px;
  left: 285px;
  display: none;
}

.three_four-pavilion__hover {
  top: 69px;
  left: 330px;
  display: none;
}

.three_five-pavilion__hover {
  top: 202px;
  left: 242px;
  display: none;
}

.three_six-pavilion__hover {
  top: 201px;
  left: 285px;
  display: none;
}

.three_seven-pavilion__hover {
  top: 162px;
  left: 253px;
  display: none;
}

.three_eight-pavilion__hover {
  top: 145px;
  left: 290px;
  display: none;
}

.three_nine-pavilion__hover {
  top: 69px;
  left: 415px;
  display: none;
}

.three_ten-pavilion__hover {
  top: 69px;
  left: 459px;
  display: none;
}

.three_eleven-pavilion__hover {
  top: 69px;
  left: 503px;
  display: none;
}

.hover_pavilion {
  opacity: 0.65;
  fill: white;
}

.block__legends-item {
  filter: grayscale(100%);
  opacity: 0.6;
}

.block__legends-item:hover {
  filter: none;
  opacity: 1;
}

/* media */
@media screen and (max-width: 760px) {
  .title-shops {
    flex-wrap: wrap;
  }

  .title-shops__box {
    width: 35%;
  }

  .shops__text {
    font-size: 14px;
  }

  .content-floof__wrapper {
    flex-direction: column;
  }

  .content-floof__image--flex {
    width: 100%;
    height: 100%;
  }

  .svg-floof__two {
    width: 100%;
  }

  .title-shops--two {
    margin: initial;
  }

  .svg-floof__three {
    width: 100%;
  }

  .block__legends-wrapper {
    padding: 0 15px;
  }
}

@media (min-width: 320px) and (max-width: 670px) {
  .block__legends {
    padding: 50px 0 0px;
  }

  .title-floor__wrapper {
    flex-direction: column;
  }

  .shop-navigation--two {
    width: 100%;
  }

  .block__legends--two {
    width: 100%;
    padding: 50px 0 0 0;
  }

  .block__legends--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .page-title__wrapper {
    margin: 50px 0 50px 0;
  }

  .block__legends--two .block__legends-list {
    width: 50%;
    padding-right: 0px;
  }

  .block__legends-list {
    width: 50%;
  }

  .block__legends-link img {
    width: 52%;
    height: 40px;
  }

  .block__legends--two .block__legends-link img {
    width: 52%;
    height: 40px;
  }

  .block__legends-item span {
    font-size: 14px;
  }

  .page-title-image {
    width: 55px;
    height: 25px;
  }

  .page-title {
    margin: 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .title-shops__box {
    margin-right: 35px;
  }
}