/* Start:/bitrix/components/itc/itc.map/templates/birthday/style.css?17472207835089*/
.smile-map {
  position: relative;
  margin-bottom: -0.3125rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  padding-bottom: 0;
  background-color: #f1eefc;
}
@media (max-width: 767px) {
  .smile-map {
    background-color: transparent;
    position: relative;
    z-index: 10;
    padding-top: 30px;
    margin-top: -65px;
    padding-bottom: 0;
  }
}
@media (max-width: 560px) {
  .smile-map {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .smile-map:before {
    content: "";
    background-size: cover;
    background-position: center top;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
@media (max-width: 480px) {
  .smile-map:before {
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .smile-map__container {
    position: relative;
    z-index: 2;
  }
}
.smile-map__title.title-2 {
  margin-bottom: 25px;
  margin-top: 0;
  text-align: center;
  color: #410099;
  font-size: 63px;
}
@media (max-width: 1024px) {
  .smile-map__title.title-2 {
    margin-bottom: 25px;
    margin-top: 0;
    text-align: center;
    color: #410099;
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .smile-map__title.title-2 {
    margin-top: unset;
  }
}
.smile-map__inner {
  display: flex;
  position: absolute;
  top: -137px;
  opacity: 1;
  width: 100%;
}
@media (max-width: 1024px) {
  .smile-map__inner {
    display: none;
  }
}
.smile-map__decor--1 {
  margin-left: -26px;
  width: 50vw;
  margin-top: -14px;
}
.smile-map__decor--2 {
  margin-top: -111px;
  width: 50vw;
  margin-left: 372px;
}
.smile-map__decor img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.smile-map__main {
  position: relative;
}
@media (max-width: 767px) {
  .smile-map__main {
    border-bottom: 3px solid #221C35;
  }
}
.smile-map__main:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 10vw;
  background-image: linear-gradient(to bottom, #f1eefc, rgba(241, 238, 252, 0));
}
.smile-map .map-adress {
  background: #410099;
  color: white;
  position: absolute;
  bottom: unset;
  top: 95px;
  opacity: 1;
  max-width: 545px;
  border-radius: 0px 45px 45px 0px;
  padding: 65px;
  padding-right: 93px;
  z-index: 1;
  transition: transform 0.4s;
}
@media (max-width: 1024px) {
  .smile-map .map-adress {
    padding: 15px;
    padding-right: 19px;
    max-width: 45%;
    bottom: 15px;
  }
}
@media (max-width: 767px) {
  .smile-map .map-adress {
    max-width: 45%;
    padding: 16px 19px 15px 25px;
    bottom: unset;
  }
}
.smile-map .map-adress--empty {
  display: none;
}
.smile-map .map-adress__close {
  position: absolute;
  width: 35px;
  height: 35px;
  aspect-ratio: 1;
  border-radius: 50%;
  right: 0px;
  top: -6px;
  background: #704DFF;
  z-index: 1;
  display: none;
}
@media (max-width: 767px) {
  .smile-map .map-adress__close {
    display: inline-block;
  }
}
.smile-map .map-adress__close:before, .smile-map .map-adress__close:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #fff;
  top: 16px;
  left: 8px;
  border-radius: 3px;
}
.smile-map .map-adress__close:before {
  transform: rotate(-135deg);
}
.smile-map .map-adress__close:after {
  transform: rotate(135deg);
}
.smile-map .map-adress__hide {
  transform: translateX(-100%);
}
.smile-map .map-adress__text {
  font-size: 29px;
  overflow-y: auto;
  height: 100%;
}
@media (max-width: 1024px) {
  .smile-map .map-adress__text {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .smile-map .map-adress__text {
    margin: 0;
    width: auto;
    max-height: 300px;
  }
}
.smile-map .map-adress__title {
  font-size: 41px;
  font-family: Century Gothic;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0.3125rem;
  transition: 0.3s;
}
@media (max-width: 1024px) {
  .smile-map .map-adress__title {
    font-size: 16px;
  }
}

.map-container {
  width: auto;
  height: 58.6rem;
}
@media (max-width: 767px) {
  .map-container {
    height: 330px;
  }
}

.placemark_layout_container {
  --size-mark: 64px;
  width: var(--size-mark, 64px);
  height: var(--size-mark, 64px);
  transform: translate(-33px, calc(-1 * var(--size-mark, 64px)));
}
@media (max-width: 767px) {
  .placemark_layout_container {
    --size-mark: 32px;
  }
}

.placemark_layout {
  width: var(--size-mark, 64px);
  height: var(--size-mark, 64px);
  background-image: url("/bitrix/templates/bigcreativefun/img/placemarks/mapmarker.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
}
.placemark_layout:before {
  content: "";
  position: absolute;
  background-image: url("/bitrix/templates/bigcreativefun/img/arrowmap.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 300px;
  height: 337px;
  left: 55%;
  top: -120%;
}
@media (max-width: 767px) {
  .placemark_layout:before {
    width: 100px;
    height: 100px;
    top: -35%;
  }
}
/* End */
/* /bitrix/components/itc/itc.map/templates/birthday/style.css?17472207835089 */