@charset "UTF-8";
.fill-white {
  fill: rgb(255, 255, 255);
}

html {
  font-size: 16px;
}

body {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: rgb(35, 24, 78);
  font-size: 1rem;
  font-variation-settings: "wdth" 100, "YTLC" 500;
}

h2 {
  font-size: 1.8rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.6rem;
  line-height: 1.2;
}

h4 {
  font-size: 1.5rem;
  line-height: 1.2;
}

h5 {
  font-size: 1.2rem;
}

p {
  font-size: 1rem;
  line-height: 1.5;
}

.italic {
  font-style: italic;
}

.hbold {
  font-weight: 600;
}

.bold {
  font-weight: 800;
}

.incr {
  font-size: 0.9rem;
  line-height: 1.3;
}

.small {
  font-size: 0.7rem;
  line-height: 1.2;
}

.macro {
  font-size: 1.4rem;
}

.light {
  color: rgb(244, 244, 244);
}

.yellow {
  color: yellow;
}

@media (orientation: landscape) and (max-height: 500px) {
  p {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .incr {
    font-size: 0.7rem;
    line-height: 1.3;
  }
  ol > li {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  p {
    font-size: 1.2rem;
  }
  .incr {
    font-size: 1rem;
    line-height: 1.4;
  }
  .small {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  p {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .incr {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .small {
    font-size: 0.9rem;
  }
  .macro {
    font-size: 1.8rem;
  }
}
.mt-xs {
  margin-top: 0.4vh;
}

.mt-s {
  margin-top: 0.8vh;
}

.mt-m {
  margin-top: 1vh;
}

.mt-l {
  margin-top: 1.4vh;
}

.mt-xl {
  margin-top: 2vh;
}

.mt-xxl {
  margin-top: 3.8vh;
}

.ml-l {
  margin-left: 1.4vw;
}

.ml-xl {
  margin-left: 2vw;
}

.pt-l {
  padding-top: 1.4vh;
}

nav.top-nav {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 10vmax;
  margin-right: 15px;
}
nav.top-nav .menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
nav.top-nav .menu > li {
  margin: 0 0.6rem;
  overflow: hidden;
}
nav.top-nav .menu > li a {
  text-decoration: none;
  color: yellow;
}
nav.top-nav .menu > li a :visited {
  color: yellow;
}
nav.top-nav .menu-button-container {
  display: none;
  height: 100%;
  width: 50px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
nav.top-nav #menu-toggle {
  display: none;
}
nav.top-nav .menu-button,
nav.top-nav .menu-button::before,
nav.top-nav .menu-button::after {
  display: block;
  background-color: yellow;
  position: absolute;
  width: 30px;
  height: 4px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
nav.top-nav .menu-button::before {
  content: "";
  margin-top: -8px;
}
nav.top-nav .menu-button::after {
  content: "";
  margin-top: 8px;
}
nav.top-nav #menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}
nav.top-nav #menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0;
  transform: rotate(45deg);
}
nav.top-nav #menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0;
  transform: rotate(-45deg);
}

@media (max-width: 1200px) and (max-width: 1200px) {
  nav.top-nav .menu-button-container {
    display: flex;
  }
  nav.top-nav .menu {
    z-index: 990;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 7vmax;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  nav.top-nav #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  nav.top-nav #menu-toggle:checked ~ .menu li {
    height: 8vmax;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  nav.top-nav .menu > li {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: rgb(22, 15, 55);
    color: yellow;
  }
}
@media (max-width: 1200px) and (orientation: landscape) {
  nav.top-nav #menu-toggle:checked ~ .menu li {
    height: 4.6vmax;
  }
}
header {
  width: 100%;
  height: 7vmax;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  flex-shrink: 0;
  background: rgb(22, 15, 55);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logo {
  width: auto;
  height: 5vmax;
  margin-top: 0.5vmax;
  margin-left: 1.2vmax;
  overflow: clip;
}
header img.tlogo {
  width: auto;
  height: 4vmax;
}
header img.ttag {
  position: relative;
  right: 6.5vmax;
  bottom: -0.5vmax;
  height: 1.2vmax;
}

.a-7 {
  position: relative;
  left: 0;
  top: 0;
  background: url("../../../assets/img/actions/wastecapsule/wcapsule.webp") left 34% top 0/auto 100% no-repeat;
}
.a-7 .p-header {
  position: absolute;
  right: 0;
  top: 13vmax;
  width: 90%;
  background: rgba(255, 255, 255, 0.8);
  padding: 2vmax 1vmax;
  text-align: right;
}
.a-7 h3, .a-7 h5 {
  padding-right: 2vmax;
}
.a-7 .p-news {
  position: absolute;
  right: 0;
  bottom: 1vmax;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  padding: 2vmax 1vmax 0 1vmax;
  text-align: left;
}
.a-7 .p-news p {
  padding: 0 4vmax 0 3vmax;
}
.a-7 .p-news button {
  margin-left: 3vmax;
}

@media (orientation: landscape) and (max-height: 500px) {
  .a-7 {
    background: url("../../../assets/img/actions/wastecapsule/wcapsule.webp") left 14% top -25vmax/100% auto no-repeat;
  }
  .a-7 .p-header {
    width: 68%;
    top: 2vmax;
  }
  .a-7 .p-news {
    width: 68%;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .a-7 .p-header {
    top: 18vmax;
    width: 79%;
  }
  .a-7 h3 {
    font-size: 2rem;
  }
  .a-7 h5 {
    font-size: 1.4rem;
  }
  .a-7 .p-news {
    width: 80%;
  }
  .a-7 .p-news p {
    padding: 0 3vmax 0 3vmax;
  }
}
@media screen and (min-width: 1200px) {
  .a-7 {
    background: url("../../../assets/img/actions/wastecapsule/wcapsule.webp") left -14vmax top -26vmax/auto auto no-repeat;
  }
  .a-7 .p-header {
    width: 50%;
    top: 6vmax;
  }
  .a-7 .p-news {
    width: 50%;
    bottom: 0;
  }
  .a-7 .p-news p {
    padding: 0 1vmax 0 3vmax;
  }
}
.a-10 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-top.webp") top center/110% auto no-repeat, url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-foot.webp") bottom center/110% auto no-repeat, rgb(210, 32, 39);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.a-10 h1 {
  font-size: 3.4rem;
  font-weight: 900;
  color: transparent;
  text-shadow: none;
  background: linear-gradient(rgb(100, 68, 26) 0, rgb(236, 205, 136) 11%, rgb(210, 184, 98) 23%, rgb(168, 125, 44) 42%, rgb(208, 168, 82) 57%, rgb(242, 220, 151) 71%, rgb(168, 108, 41) 80%, rgb(199, 157, 54) 100%);
  background-clip: text;
  text-transform: uppercase;
}
.a-10 h1.up {
  margin-top: -1.2vmax;
}
.a-10 h2 {
  font-size: 2.8rem;
  color: white;
  font-weight: 900;
}
.a-10 h3 {
  font-size: 2rem;
  color: white;
  font-weight: 900;
}
.a-10 .month {
  margin-top: -1.6vmax;
}
.a-10 h4 {
  font-size: 1.8rem;
  color: white;
  font-weight: 700;
}
.a-10 .time {
  margin-bottom: 1.4vmax;
}
.a-10 h5 {
  font-size: 1.4rem;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}
.a-10 .vhid {
  font-size: 1rem;
  letter-spacing: 0.2rem;
  padding: 5px 10px;
  background: rgb(11, 61, 49);
  transform: rotate(-3deg);
}

@media (orientation: landscape) and (max-height: 500px) {
  .a-10 {
    background: rgb(210, 32, 39);
  }
  .a-10 h1 {
    font-size: 3.2rem;
  }
  .a-10 h2 {
    font-size: 1.6rem;
  }
  .a-10 h3 {
    font-size: 1.2rem;
  }
  .a-10 h4 {
    font-size: 1.2rem;
  }
  .a-10 .time {
    margin-bottom: 0;
  }
  .a-10 h5 {
    font-size: 0.8rem;
  }
  .a-10 h5.vhid {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
  }
  .a-10::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-top.webp") left top/70% auto no-repeat;
    transform-origin: bottom left;
    transform: rotate(-90deg) translateY(100%);
  }
  .a-10::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-foot.webp") right top/70% auto no-repeat;
    transform-origin: top right;
    transform: rotate(-90deg) translateX(20%) translateY(-50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .a-10 {
    background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-top.webp") top center/100% auto no-repeat, url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-foot.webp") bottom center/100% auto no-repeat, rgb(210, 32, 39);
  }
  .a-10 h1 {
    font-size: 4.6rem;
  }
  .a-10 h5.vhid {
    position: absolute;
    right: 50px;
    top: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .a-10 {
    background: rgb(210, 32, 39);
  }
  .a-10 h1 {
    font-size: 5.6rem;
  }
  .a-10 h1.up {
    margin-top: -0.8vmax;
  }
  .a-10 h2 {
    font-size: 2.8rem;
    color: white;
    font-weight: 900;
  }
  .a-10 h3 {
    font-size: 2rem;
    color: white;
    font-weight: 900;
  }
  .a-10 .month {
    margin-top: -0.6vmax;
  }
  .a-10 .time {
    margin-bottom: 0;
  }
  .a-10 h5.vhid {
    font-size: 1.8rem;
    position: absolute;
    right: 20vmax;
    top: 3vmax;
    z-index: 3;
  }
  .a-10::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-top.webp") left top/70% auto no-repeat;
    transform-origin: bottom left;
    transform: rotate(-90deg) translateY(100%);
  }
  .a-10::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url("../../../assets/img/actions/xmasjarm25/xmasjarm25-bg-foot.webp") right top/70% auto no-repeat;
    transform-origin: top right;
    transform: rotate(-90deg) translateX(20%) translateY(-50%);
  }
}
section#curact {
  width: 100%;
  height: 85vmax;
  overflow-y: clip;
  background: rgb(22, 15, 55);
}
section#curact .curact-cntnr {
  width: 100%;
  height: 100%;
}
section#curact .cact {
  width: 100%;
  height: 88vmax;
}
section#curact .cntnr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#curact {
    height: 38vmax;
  }
  section#curact .cact {
    height: 38vmax;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#curact {
    height: 91vmax;
  }
  section#curact .cact {
    height: 91vmax;
  }
}
@media screen and (min-width: 1200px) {
  section#curact {
    height: 42vmax;
  }
  section#curact .cact {
    height: 42vmax;
  }
}
section#about {
  width: 100%;
  min-height: 88vmax;
  background: linear-gradient(to bottom, white 25%, rgba(255, 255, 255, 0) 80%), url("../../assets/img/chabany-trc-render-1.jpg") left 55% bottom/300% auto no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#about .about-info-cntnr {
  margin: 2vh 3vw 1vh 4vw;
  padding: 1vmax;
  width: 90%;
}
section#about .about-info-cntnr > p {
  padding: 0 0.5vmax;
}
section#about .readmore {
  display: grid;
  overflow: hidden;
  transition: grid-template-rows 400ms;
  grid-template-rows: 0fr;
}
section#about .readmore.open {
  grid-template-rows: 1fr;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0) 75%);
}
section#about .expandable {
  min-height: 0;
}
section#about .expandable > p {
  padding: 0 0.5vmax 1vmax;
}
section#about button#toggleAbout {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  text-align: center;
  font-size: 0.9rem;
  color: rgb(22, 15, 55);
  cursor: pointer;
  padding: 1vh 4.2vw 1vh 4.2vw;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgb(22, 15, 55);
  border-radius: 10px;
  margin: 3vh 0 3vh 0;
}
section#about button#toggleAbout:active {
  box-shadow: none;
}
section#about .advantages {
  margin-top: 1vh;
  width: 22vmax;
}
section#about .advantage {
  background: rgba(255, 255, 255, 0.4);
  padding-bottom: 3vmax;
  border: 1px solid rgba(22, 15, 55, 0.5);
  border-radius: 0 0 12vmax 12vmax;
  width: 21vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#about .advantage img {
  width: 86%;
  margin: 0 1.5vmax;
}
section#about .advantage-info {
  text-align: center;
  padding: 2vmax 1vmax 0.5vmax 1vmax;
}
section#about .advantage-info p:nth-child(2) {
  display: none;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#about {
    min-height: 42vmax;
    flex-direction: row;
    align-items: flex-start;
    background: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 85%), url("../../assets/img/chabany-trc-render-1.jpg") left 55% bottom 42%/100% auto no-repeat;
  }
  section#about .advantages {
    margin-top: 4vmax;
    margin-right: 4vmax;
  }
  section#about .advantage {
    width: 16vmax;
  }
  section#about .advantage img {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#about {
    min-height: 91vmax;
    background: linear-gradient(to bottom, white 25%, rgba(255, 255, 255, 0) 75%), url("../../assets/img/chabany-trc-render-1.jpg") left 55% bottom -5%/180% auto no-repeat;
  }
  section#about .advantage-info p:nth-child(2) {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  section#about {
    min-height: 49vmax;
    flex-direction: row;
    align-items: flex-start;
    background: linear-gradient(to bottom, white 28%, rgba(255, 255, 255, 0) 80%), url("../../assets/img/chabany-trc-render-1.jpg") left 55% bottom 15%/105% auto no-repeat;
  }
  section#about .about-info-cntnr > p {
    width: 55vmax;
  }
  section#about .expandable > p {
    width: 50vmax;
  }
  section#about .advantage-info p:nth-child(2) {
    display: block;
  }
  section#about .advantages {
    margin-top: 4vmax;
    margin-right: 12vmax;
    width: 16vmax;
  }
  section#about .advantage {
    width: 15vmax;
  }
}
section#shops {
  width: 100%;
  min-height: 40vmax;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#shops .shp-cntnr {
  width: 96%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1vmax;
  margin: 2vmax 0 3vmax 0;
}
section#shops .shp-item {
  width: 12vmax;
  height: 12vmax;
  border: 1px solid rgb(208, 210, 211);
  display: flex;
  align-items: center;
  justify-content: center;
}
section#shops .shp-item img {
  width: 100%;
}

@media screen and (min-width: 1200px) {
  section#shops {
    min-height: 30vmax;
  }
  section#shops .shp-cntnr {
    width: 86%;
  }
  section#shops .shp-item {
    width: 9vmax;
    height: 9vmax;
  }
}
section#rests {
  width: 100%;
  min-height: 50vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#rests .rst-cntnr {
  width: 96%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1vmax;
  margin: 2vmax 0 3vmax 0;
}
section#rests .rst-item {
  width: 12vmax;
  height: 12vmax;
  border: 1px solid rgb(208, 210, 211);
  display: flex;
  align-items: center;
  justify-content: center;
}
section#rests .rst-item img {
  width: 100%;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#rests {
    min-height: 30vmax;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#rests {
    min-height: 39vmax;
  }
}
@media screen and (min-width: 1200px) {
  section#rests {
    min-height: 23vmax;
  }
  section#rests .rst-cntnr {
    width: 86%;
  }
  section#rests .rst-item {
    width: 9vmax;
    height: 9vmax;
  }
}
section#fun {
  width: 100%;
  min-height: 72vmax;
  background: rgb(22, 15, 55);
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#fun .epiland-info-cntnr {
  width: 88%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 3vh;
}
section#fun .epl-logo {
  width: 28vmax;
  margin: 3vmax 0 0 0;
}
section#fun .epl-logo img {
  width: 90%;
}
section#fun .epiland-show {
  width: 100%;
}
section#fun .epl-slide {
  width: 100%;
  height: 38vh;
}
section#fun .esl-1 {
  background: url("../../assets/img/epiland/epiland-1.jpg") center bottom/auto 130% no-repeat;
}
section#fun .esl-2 {
  background: url("../../assets/img/epiland/epiland-2.jpg") center bottom/auto 130% no-repeat;
}
section#fun .esl-3 {
  background: url("../../assets/img/epiland/epiland-3.jpg") center bottom/auto 130% no-repeat;
}
section#fun .esl-4 {
  background: url("../../assets/img/epiland/epiland-4.jpg") center bottom/auto 130% no-repeat;
}
section#fun .esl-5 {
  background: url("../../assets/img/epiland/epiland-5.jpg") center bottom/auto 130% no-repeat;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#fun {
    min-height: 45vmax;
  }
  section#fun .epiland-info-cntnr {
    width: 92%;
    flex-direction: row;
    justify-content: space-between;
    margin: 3vmax 0 4vmax 0;
  }
  section#fun .epl-logo {
    width: 28vmax;
    margin: 1vmax 0 0 0;
  }
  section#fun .epl-logo img {
    width: 80%;
  }
  section#fun .epl-info {
    width: 55vmax;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#fun {
    min-height: 48vmax;
  }
  section#fun .epiland-info-cntnr {
    flex-direction: row;
    justify-content: space-between;
  }
  section#fun .epl-logo img {
    width: 80%;
  }
  section#fun .epl-info {
    width: 34vmax;
  }
  section#fun .epl-slide {
    height: 18vh;
  }
}
@media screen and (min-width: 1200px) {
  section#fun {
    min-height: 42vmax;
  }
  section#fun .epiland-info-cntnr {
    flex-direction: row;
    justify-content: space-between;
    margin: 4vmax 1vmax 3vmax 1vmax;
  }
  section#fun .epl-logo {
    margin: 1.4vmax 0 0 0;
  }
  section#fun .epl-logo img {
    width: 75%;
  }
  section#fun .epl-info {
    width: 42vmax;
  }
  section#fun .epl-slide {
    height: 30vh;
  }
}
section#epc-shp {
  width: 100%;
  min-height: 50vmax;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#epc-shp .epc-cntnr {
  width: 96%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1vmax;
  margin: 2vmax 0 3vmax 0;
}
section#epc-shp .epc-item {
  width: 10vmax;
  height: 10vmax;
  border: 1px solid rgb(208, 210, 211);
  display: flex;
  align-items: center;
  justify-content: center;
}
section#epc-shp .epc-item img {
  width: 100%;
}
section#epc-shp .epc-show {
  width: 100%;
}
section#epc-shp .epc-slide {
  height: 32vmax;
}
section#epc-shp .epsl-1 {
  background: url("../../assets/img/cbfoto/01-fasad0.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-2 {
  background: url("../../assets/img/cbfoto/02-fasad1.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-3 {
  background: url("../../assets/img/cbfoto/03-park2.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-4 {
  background: url("../../assets/img/cbfoto/04-ozero1.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-5 {
  background: url("../../assets/img/cbfoto/05-dream1.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-6 {
  background: url("../../assets/img/cbfoto/06-dream2.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-7 {
  background: url("../../assets/img/cbfoto/08-food1.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-8 {
  background: url("../../assets/img/cbfoto/09-food2.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-9 {
  background: url("../../assets/img/cbfoto/10-intrsp.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-10 {
  background: url("../../assets/img/cbfoto/11-deko.JPG") center center/auto 100% no-repeat;
}
section#epc-shp .epsl-11 {
  background: url("../../assets/img/cbfoto/12-trav.JPG") center center/auto 100% no-repeat;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#epc-shp .epc-slide {
    height: 24vmax;
  }
}
@media screen and (min-width: 1200px) {
  section#epc-shp {
    min-height: 56vmax;
  }
  section#epc-shp .epc-item {
    width: 8vmax;
    height: 8vmax;
  }
  section#epc-shp .epc-slide {
    height: 18vmax;
  }
}
section#contacts {
  width: 100%;
  min-height: 50vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #f4f4f4 15%, rgba(244, 244, 244, 0) 55%), url("../../assets/img/chabany-trc-render-1.jpg") right bottom/auto 100% no-repeat;
}
section#contacts .cont-cntnr {
  width: 80%;
  background: rgba(255, 255, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 1.5vmax;
  margin-bottom: 2vmax;
}
section#contacts .cont-cntnr h4 {
  text-align: center;
  line-height: 1.1;
  padding: 3vmax 1vmax 0 1vmax;
}
section#contacts .con-cntnr {
  width: 98%;
  margin-top: 1vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
section#contacts .c-blk-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
section#contacts .c-blk-2 {
  width: 100%;
  margin-top: 1vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
section#contacts .c-blk-3 {
  width: 100%;
  margin-top: 1vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#contacts {
    min-height: 42vmax;
    background: linear-gradient(to bottom, #f4f4f4 15%, rgba(244, 244, 244, 0) 55%), url("../../assets/img/chabany-trc-render-1.jpg") right bottom -45px/auto 120% no-repeat;
  }
  section#contacts .con-cntnr {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  section#contacts .c-blk-1 {
    align-items: flex-start;
    margin-left: 1vmax;
  }
  section#contacts .c-blk-2 {
    margin-top: 0;
    margin-left: 4vmax;
    align-items: flex-start;
  }
  section#contacts .c-blk-3 {
    margin-top: 0;
    margin-left: 1vmax;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#contacts {
    background: linear-gradient(to bottom, #f4f4f4 15%, rgba(244, 244, 244, 0) 55%), url("../../assets/img/chabany-trc-render-1.jpg") right bottom -112px/auto 120% no-repeat;
  }
  section#contacts .con-cntnr {
    width: 94%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  section#contacts .c-blk-1 {
    align-items: flex-start;
    margin-left: 1vmax;
  }
  section#contacts .c-blk-2 {
    margin-top: 0;
    margin-left: 2vmax;
    align-items: flex-start;
  }
  section#contacts .c-blk-3 {
    margin-top: 0;
    margin-left: 1vmax;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  section#contacts {
    background: linear-gradient(to bottom, #f4f4f4 15%, rgba(244, 244, 244, 0) 55%), url("../../assets/img/chabany-trc-render-1.jpg") right bottom -112px/120% auto no-repeat;
    min-height: 40vmax;
  }
  section#contacts .con-cntnr {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  section#contacts .c-blk-1 {
    align-items: flex-start;
    margin-left: 1vmax;
  }
  section#contacts .c-blk-2 {
    margin-top: 0;
    margin-left: 2vmax;
    align-items: flex-start;
  }
  section#contacts .c-blk-3 {
    margin-top: 0;
    margin-left: 1vmax;
    align-items: flex-start;
  }
}
@keyframes opac {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
section#plan {
  width: 100%;
  background: linear-gradient(180deg, #160f37 0%, #23184e 100%);
  overflow: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
section#plan .holder {
  width: 98vw;
}
section#plan h4 {
  text-align: center;
  margin-top: 1.5vmax;
}
section#plan .mall-cntnr {
  width: 100%;
  height: 62vmax;
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 2vh;
  z-index: 10;
  overflow: clip;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section#plan .svg-wrapper {
  position: absolute;
  width: 90vw;
  cursor: pointer;
  z-index: 15;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: clip;
}
section#plan .svg-wrapper svg {
  pointer-events: none;
}
section#plan .svg-wrapper:hover {
  scale: 1.03;
}
section#plan .svg-wrapper:nth-child(1) {
  z-index: 22;
  transform: translateY(-60%);
  filter: drop-shadow(10px 45px 4px rgba(0, 0, 0, 0.3));
}
section#plan .svg-wrapper:nth-child(2) {
  z-index: 21;
  transform: translateX(3%) translateY(1%) scale(0.98);
  filter: drop-shadow(10px 25px 4px rgba(0, 0, 0, 0.4));
}
section#plan .svg-wrapper:nth-child(3) {
  z-index: 20;
  transform: translateX(5%) translateY(65%) scale(0.88);
  filter: drop-shadow(8px 10px 2px rgba(0, 0, 0, 0.2));
}
section#plan .svg-wrapper.selected {
  width: 96vw;
  height: 100%;
  transform: translateX(0) translateY(0) scale(1);
}
section#plan .svg-wrapper.svg-wrapper.selected svg {
  pointer-events: auto;
}
section#plan .svg-wrapper.selected:hover {
  scale: 1;
}
section#plan .svg-wrapper:nth-child(1).selected::before {
  content: "";
  background-image: url("../../assets/img/plan/but-2-floor.svg");
  background-repeat: no-repeat;
  border: 1px solid white;
  border-radius: 15px;
  width: 20vw;
  aspect-ratio: 1/1;
  opacity: 0;
  position: absolute;
  top: 5vh;
  left: 3vw;
  z-index: -1;
  animation-name: opac;
  animation-delay: 0.8s;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
section#plan .svg-wrapper:nth-child(2).selected::before {
  content: "";
  background-image: url("../../assets/img/plan/but-1-floor.svg");
  background-repeat: no-repeat;
  border: 1px solid white;
  border-radius: 15px;
  width: 20vw;
  aspect-ratio: 1/1;
  opacity: 0;
  position: absolute;
  top: 5vh;
  left: 3vw;
  z-index: -1;
  animation-name: opac;
  animation-delay: 0.8s;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
section#plan .svg-wrapper:nth-child(3).selected::before {
  content: "";
  background-image: url("../../assets/img/plan/but-0-floor.svg");
  background-repeat: no-repeat;
  border: 1px solid white;
  border-radius: 15px;
  width: 20vw;
  aspect-ratio: 1/1;
  opacity: 0;
  position: absolute;
  top: 5vh;
  left: 3vw;
  z-index: -1;
  animation-name: opac;
  animation-delay: 0.8s;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
section#plan .svg-wrapper.faded {
  opacity: 0;
  pointer-events: none;
  transform: translateX(0) translateY(-100%) scale(1);
}
section#plan .controls {
  position: absolute;
  z-index: 22;
  top: 5%;
  right: 6%;
  display: none;
  flex-direction: column;
  gap: 20px;
}
section#plan .controls.visible {
  display: flex;
}
section#plan .control-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  aspect-ratio: 1/1;
  alignment-baseline: middle;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
  color: yellow;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  width: 50px;
}
section#plan .control-btn:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.1);
}
section#plan .reset-btn {
  position: absolute;
  bottom: 9vh;
  left: 46vw;
  z-index: 23;
  display: none;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
  color: yellow;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  alignment-baseline: middle;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  width: 50px;
  aspect-ratio: 1/1;
}
section#plan .reset-btn.visible {
  display: inline-flex;
}
section#plan .reset-btn:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.1);
}

@media (orientation: landscape) and (max-height: 500px) {
  section#plan h4 {
    font-size: 1.3rem;
  }
  section#plan .mall-cntnr {
    height: 36vmax;
  }
  section#plan .svg-wrapper {
    width: 62vw;
  }
  section#plan .svg-wrapper:nth-child(1).selected::before {
    width: 14vw;
    top: 2vh;
    left: 2vw;
  }
  section#plan .svg-wrapper:nth-child(2).selected::before {
    width: 14vw;
    top: 2vh;
    left: 2vw;
  }
  section#plan .svg-wrapper:nth-child(3).selected::before {
    width: 14vw;
    top: 2vh;
    left: 2vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#plan .mall-cntnr {
    height: 63vmax;
  }
}
@media (min-width: 1200px) {
  section#plan h2 {
    text-align: left;
    margin-left: 3vw;
    margin-top: 2vh;
  }
  section#plan .mall-cntnr {
    height: 82vh;
  }
  section#plan .svg-wrapper {
    width: 68vw;
  }
  section#plan .svg-wrapper.selected {
    width: 84vw;
  }
  section#plan .svg-wrapper:nth-child(1).selected::before {
    content: "";
    border: 1px solid white;
    border-radius: 25px;
    width: 10vw;
    top: 10vh;
    left: 0;
  }
  section#plan .svg-wrapper:nth-child(2).selected::before {
    content: "";
    border: 1px solid white;
    border-radius: 25px;
    width: 10vw;
    top: 10vh;
    left: 0;
  }
  section#plan .svg-wrapper:nth-child(3).selected::before {
    content: "";
    border: 1px solid white;
    border-radius: 25px;
    width: 10vw;
    top: 10vh;
    left: 0;
  }
}
footer {
  width: 100%;
  min-height: 24vmax;
  background: rgb(35, 24, 78);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
footer .f-cntnr {
  width: 96%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
}
footer .f-blk-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
footer .f-blk-1 svg:nth-child(1) {
  width: 60%;
}
footer .f-blk-1 svg:nth-child(2) {
  width: 16%;
  position: relative;
  right: -8.8vmax;
  bottom: 1.5vmax;
}
footer .f-blk-2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
footer .f-blk-2 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
footer .f-blk-2 ul > li > a {
  text-decoration: none;
}
footer .f-blk-3 {
  width: 100%;
  margin-top: 2vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

@media (orientation: landscape) and (max-height: 500px) {
  footer .f-cntnr {
    width: 98%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  footer .f-blk-1 {
    width: 30vmax;
    align-items: flex-start;
  }
  footer .f-blk-1 svg:nth-child(1) {
    width: 80%;
  }
  footer .f-blk-1 svg:nth-child(2) {
    width: 6.8vmax;
    right: -18.4vmax;
  }
  footer .f-blk-2 {
    width: 46vmax;
    align-items: flex-start;
  }
  footer .f-blk-2 ul {
    list-style-type: none;
    align-items: flex-start;
  }
  footer .f-blk-3 {
    width: 20vmax;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  footer .f-blk-1 svg:nth-child(1) {
    width: 36%;
  }
  footer .f-blk-1 svg:nth-child(2) {
    width: 9.2%;
    right: -8.6vmax;
  }
}
@media screen and (min-width: 1200px) {
  footer {
    min-height: 12vmax;
  }
  footer .f-cntnr {
    width: 94%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
  footer .f-blk-1 {
    width: 30vmax;
    align-items: flex-start;
  }
  footer .f-blk-1 svg:nth-child(1) {
    width: 54%;
  }
  footer .f-blk-1 svg:nth-child(2) {
    width: 4vmax;
    right: -11.2vmax;
    bottom: 0.9vmax;
  }
  footer .f-blk-2 {
    width: 46vmax;
    align-items: flex-start;
  }
  footer .f-blk-2 ul {
    list-style-type: none;
    align-items: flex-start;
  }
  footer .f-blk-3 {
    width: 20vmax;
    align-items: flex-start;
  }
}
section.rules {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.rules .r-cntnr {
  margin: 2vmax 0;
  width: 92%;
}
section.rules ol {
  list-style-position: inside;
}
section.rules ol ul {
  margin-left: 2vmax;
}

@media (orientation: landscape) and (max-height: 500px) {
  section.rules .r-cntnr {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section.rules .r-cntnr {
    width: 72%;
  }
}
@media screen and (min-width: 1200px) {
  section.rules .r-cntnr {
    width: 60%;
  }
}
section#shp {
  min-height: 50vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(180deg, #f4f4f4 56%, rgba(244, 244, 244, 0.6) 68%, rgba(244, 244, 244, 0) 100%), url("../../assets/img/chabany-trc-render-1.jpg") left bottom/auto 80% no-repeat;
}
section#shp ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
  padding-left: 5vw;
  list-style-type: "⭐";
  align-items: flex-start;
  justify-content: flex-start;
}
section#shp ul.wrk {
  list-style-type: "🛠️";
}
section#shp ul.grdn {
  list-style-type: "🌳";
}
section#shp ul.cmbl {
  list-style-type: "🛋️";
}
section#shp ul.stsv {
  list-style-type: "💡";
}
section#shp ul.pslm {
  list-style-type: "✏️";
}
section#shp ul.deko {
  list-style-type: "🏺";
  line-height: 1.1;
}
section#shp ul.deko li {
  font-size: 1rem;
}
section#shp ul > li {
  flex-basis: 75vw;
  font-size: 1rem;
  padding-right: 0.8vw;
}
section#shp .shp-cntnr {
  width: 94%;
  padding: 4vh 0;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  align-items: center;
  justify-content: center;
}
section#shp .cntct-data {
  width: 100%;
  flex-basis: 50vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 2px solid rgb(22, 15, 55);
}
section#shp .logo {
  margin: 2.2vh 2vw 1vh 0;
  width: 70%;
}
section#shp .contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 2vh 4vw 3vh 0.8vw;
}
section#shp .info {
  flex-basis: 48vw;
  padding: 3vh 2.2vw 6vh 2.6vw;
  background-color: rgba(244, 244, 244, 0.8);
}

@media (orientation: landscape) and (max-height: 500px) {
  section#shp {
    min-height: 30vmax;
  }
  section#shp .shp-cntnr {
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#shp .cntct-data {
    flex-direction: row;
    justify-content: space-between;
    flex-basis: auto;
  }
  section#shp .logo {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  section#shp .logo {
    width: 40%;
  }
}
@media screen and (min-width: 1200px) {
  section#shp {
    background: linear-gradient(180deg, #f4f4f4 56%, rgba(244, 244, 244, 0.6) 68%, rgba(244, 244, 244, 0) 100%), url("../../assets/img/chabany-trc-render-1.jpg") left -200px bottom -30px/120% auto no-repeat;
  }
  section#shp ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
    padding-left: 1.2vw;
    list-style-type: "⭐";
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#shp ul > li {
    flex-basis: 24vw;
    font-size: 1.2rem;
    padding-right: 0.8vw;
  }
  section#shp .shp-cntnr {
    width: 94%;
    padding: 4vh 0;
    display: flex;
    flex-direction: row;
    gap: 2vw;
    align-items: flex-start;
    justify-content: center;
  }
  section#shp .cntct-data {
    flex-basis: 28vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-bottom: none;
    border-right: 2px solid rgb(22, 15, 55);
  }
  section#shp .logo {
    margin: 2.2vh 2vw 1vh 0;
    width: 70%;
  }
  section#shp .contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 2vh 4vw 4vh 0.8vw;
  }
  section#shp .info {
    flex-basis: 55vw;
    padding: 3vh 2.2vw 10vh 2.6vw;
    background-color: rgba(244, 244, 244, 0.8);
  }
}
section#news {
  width: 100%;
  min-height: 80vmax;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
section#news .n-cntnr {
  width: 90%;
}
section#news .n-foto {
  width: 100%;
  height: 34vmax;
}
section#news .n-f-1 {
  background: url("../../assets/img/actions/wastecapsule/wcapsule.webp") center center/cover no-repeat;
}
section#news .n-f-2 {
  background: url("../../assets/img/actions/wastecapsule/wcapsule-2.webp") center center/cover no-repeat;
}
section#news .n-f-3 {
  background: url("../../assets/img/actions/wastecapsule/wcapsule-3.webp") center center/cover no-repeat;
}
section#news .n-f-4 {
  background: url("../../assets/img/actions/wastecapsule/wcapsule-4.webp") center center/cover no-repeat;
}
section#news .n-f-5 {
  background: url("../../assets/img/actions/oct25-disco/disco-poster-news.webp") center center/cover no-repeat;
}
section#news .n-f-6 {
  background: url("../../assets/img/actions/halloween25/hallow25-poster.webp") center center/contain no-repeat;
}
section#news .n-f-7 {
  background: url("../../assets/img/actions/xmasjarm25/xmasjarm25-inside.webp") center center/cover no-repeat;
}

@media (orientation: landscape) and (max-height: 500px) {
  section#news {
    min-height: 50vmax;
  }
  section#news .n-cntnr {
    width: 80%;
  }
  section#news .incr {
    font-size: 0.9rem;
  }
  section#news .mt-l {
    margin-top: 2vmax;
  }
  section#news .mt-xl {
    margin-top: 4vmax;
  }
  section#news .n-foto {
    width: 80%;
    height: 36vmax;
  }
}
@media screen and (min-width: 1200px) {
  section#news {
    min-height: 60vmax;
  }
  section#news .n-cntnr {
    width: 60%;
  }
  section#news .n-foto {
    width: 62%;
  }
  section#news .mt-l {
    margin-top: 1.2vmax;
  }
}
@namespace svg url("http://www.w3.org/2000/svg");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  min-height: 100vh;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  width: 100%;
  flex: 1 0 auto;
  overflow-y: auto;
}

a.link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
a.link img {
  margin: 0 0.5vmax;
}

a.link:hover {
  background: rgba(255, 255, 0, 0.2);
}

a.tel {
  text-decoration: none;
  color: currentColor;
}

a.tel:hover {
  border-bottom: 1px solid rgb(35, 24, 78);
}

button.mid {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  text-align: center;
  font-size: 0.9rem;
  color: rgb(22, 15, 55);
  cursor: pointer;
  padding: 1vh 4.2vw 1vh 4.2vw;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgb(22, 15, 55);
  border-radius: 10px;
  margin: 3vh 0 3vh 0;
}

button.mid {
  box-shadow: none;
}

footer {
  flex-shrink: 0;
}

.abslt {
  position: absolute;
}

/*# sourceMappingURL=styles-c.css.map */