@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;900&display=swap');
html{scroll-padding-top:5rem}
body {font-family: 'Mulish', sans-serif;margin:0;padding:0;font-size:16px;height:100%;position:relative}
.container {max-width: 1140px}
.cover {min-height: 100vh;background: url("../../art/cover.png") center/cover no-repeat}
img.mockup {position:absolute;bottom:0px;right:0px;max-width:47%;padding:0}
a {text-decoration:none}
.fw-400,
.fw-400 > * {
  font-weight: 400 !important;
}
.fw-900, .fw-900 > * {font-weight: 900}
.fs-14, .fs-14 > * {font-size: 14px}
.fs-16,
.fs-16 > * {
  font-size: 16px;
}

.fs-18, .fs-18 > * {font-size:18px}
.fs-20, .fs-20 > * {font-size:20px}
.fs-24, .fs-24 > * {font-size:24px}
.fs-30, .fs-30 > * {font-size:30px}
.fs-40, .fs-40 > * {font-size:40px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:40px}
.fs-44, .fs-44 > * {font-size:44px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:44px}
.fs-48, .fs-48 > * {font-size:48px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:48px}
.color-0, .color-0 > * {color:white}
.color-1, .color-1 > * {color:#222f3e}
.color-2, .color-2 > * {color:#ff9911}
.color-3, .color-3 > * {color:#000}
.color-4, .color-4 > * {color:#8395a7}
.color-5, .color-5 > * {color:#ddedfc}
.color-6, .color-6 > * {color:#3b4e5e}
footer .color-1 a {color:#222f3e}
footer .color-1 a:hover {color:#fff}
.bg-c-1 {background-color:#222f3e}
.bg-c-2 {background-color:#ff9911}
.bg-c-4 {background-color:#8395a7}
.bg-c-5 {background-color:#ddedfc}
.bg-c-6 {background-color:#3b4e5e}
.text-justify {text-align:justify}

.cover .title > * {
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.11);
}

.nav-item .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.btn {
  font-size: 16px;
  border-radius: 50px;
  border: none;
  padding: 0.6rem 1.2rem;
}

.btn-primary {
  color: #222f3e;
  background-color: #ff9911;
  border: none;
}

.btn-secondary {
  font-weight: 600;
  font-size: 18px;
  color: #ff9911;
  background-color: #222f3e;
  padding: 0.8rem 1.4rem;
}
img { max-width:100%; height:auto !important; }
p:last-of-type {margin-bottom:0}
.empty:empty {display:none}
.category {background: #ff9911}
.category .top-margin {margin-top:-50px}
.category .inner {background-image: -webkit-gradient(linear, left top, right top, from(#f1f1f1), to(white));background-image: linear-gradient(90deg, #f1f1f1 0%, white 100%);-webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);z-index: 999;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative}
.category .inner .title > * {line-height:1}
.category .inner .title span {display: block;font-size: 24px;font-weight: 900;color: #ff9911}
.category img {max-width:46%}
.btn-info {
  border: 1px solid #ff9911;
  color: #222f3e;
  background: #ffffff;
  text-transform: uppercase;
}

.btn-info:hover {
  color: #222f3e;
  background: #ff9911;
  border: 1px solid #ff9911;
}

.category .inner:hover {
  background: #222f3e;
}

.category .inner:hover .title > *:not(span) {
  color: #ff9911 !important;
}

.category .inner:hover .title span {
  color: #8395a7;
}

.category .inner:hover .text p {
  color: #ddedfc;
}

.functions,
.about {
  background: #8395a7;
}

.parks .item {
  background: #222f3e;
}

img {
  width: 100%;
}
.parks img {-o-object-fit: cover;object-fit: cover;height:100% !important}
.parks ul li {font-size: 18px;color: #ff9911;padding-top:.7rem;padding-bottom:.7rem}

.parks ul {
  list-style: none;
  padding: 0px;
}

.parks ul li {
  position: relative;
  padding-left: 45px;
}

.parks ul li::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  left: 0px;
  background: url("../../art/icons/arrow.svg") center/contain no-repeat;
}

.parks .item:nth-of-type(even) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.parks .item:nth-of-type(even) .title,
.parks .item:nth-of-type(even) .text,
.parks .item:nth-of-type(even) .list, .parks .item:nth-of-type(even) .tart {text-align: right}
.parks .item:nth-of-type(even) .align-even {
  margin-left: auto;
}

.parks .item:nth-of-type(even) ul li {
  padding-left: 0px;
  padding-right: 45px;
}

.parks .item:nth-of-type(even) ul li::before {
  left: inherit;
  right: 0px;
}

.parks .item:nth-of-type(even) .btn-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.functions a {display:flex}
.functions a:hover {background-color:#ff9911;-webkit-box-shadow:0 0 22px rgba(0,0,0,.11); box-shadow:0 0 22px rgba(0,0,0,.11);}
.functions svg {width:33px;fill:#ff9911;transform:scale(2) translateY(-8px)}
.functions a:hover svg {fill:#8395a7}
.swiper-pagination {bottom:8px !important}
.swiper-pagination-bullet {width:16px;height:16px;background-color:#fff;opacity:1;}
.swiper-pagination-bullet-active {background-color:#8395a7}
.sh-33, .swiper-slide-active {-webkit-box-shadow:0 0 33px rgba(0,0,0,.3); box-shadow:0 0 33px rgba(0,0,0,.3);}
.mainswiper .swiper-slide {position:relative}
.mainswiper .swiper-slide:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.mainswiper .swiper-slide-active:after {display:none}
.swiper-button-prev {left:calc(50%/2);transform:translateX(-50%);width:72px;height:72px;background-color:#ff9911;border-radius:50%;color:#fff}
.swiper-button-next {right:calc(50%/2);transform:translateX(50%);width:72px;height:72px;background-color:#ff9911;border-radius:50%;color:#fff}
.swiper-button-prev:hover, .swiper-button-next:hover {background-color:#fff;color:#ff9911}
.ar-11 {aspect-ratio:1/1}
.lh-n {line-height:normal}
.sh-22 {-webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.11);}
#qr {background: url("../../art/qr_bg.jpg") center/cover no-repeat}
#qr .qr {max-width:46%;position:absolute;bottom:0;left:-10%}
.text-shadow {text-shadow:0 4px rgba(0,0,0,.11)}
.z-10 {z-index:10}
#links ul {margin:0;padding:0}
#links li {list-style:none}
#links a {color:#ff9911}
#links a:hover {color:#fff}
.bg-c-1-98, .ck header {background-color:rgba(34,47,62,.98);-webkit-transition: all 0.2s ease;transition: all 0.2s ease}
.list ul {column-count:2;-webkit-column-count:2;-moz-column-count:2}
.list li:last-of-type {margin-bottom:0 !important}
.ck main {min-height:calc(100vh - 328px)}
#thx {background: url("../../art/thx_bg.jpg") center/cover no-repeat}
.pict img {width:auto}
.triangle {position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-top:49px solid #222f3e;display:none}
.qrcode .triangle {border-left:28px solid transparent;border-right:28px solid transparent;border-top:49px solid #fff}
.triangle:after {content:"";position:absolute;left:50%;bottom:1px;transform:translate(-50%,100%);width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-top:49px solid #ff9911}
.button:hover + .triangle {display:block}

@media (max-width: 1399px) {
.fs-40, .fs-40 > * {font-size:38px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:38px}
.fs-44, .fs-44 > * {font-size:42px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:42px}
.fs-48, .fs-48 > * {font-size:44px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:44px}
}
@media (max-width: 1199px) {
.fs-30, .fs-30 > * {font-size:28px}
.fs-40, .fs-40 > * {font-size:36px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:36px}
.fs-44, .fs-44 > * {font-size:40px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:40px}
.fs-48, .fs-48 > * {font-size:42px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:42px}
.container {max-width:inherit}
}
@media (max-width: 991px) {
.fs-30, .fs-30 > * {font-size:26px}
.fs-40, .fs-40 > * {font-size:34px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:34px}
.fs-44, .fs-44 > * {font-size:36px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:36px}
.fs-48, .fs-48 > * {font-size:38px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:38px}
.swiper-button-prev {left:8px;transform:none}
.swiper-button-next {right:8px;transform:none}
}
@media (max-width: 767px) {
.fs-30, .fs-30 > * {font-size:25px}
.fs-40, .fs-40 > * {font-size:30px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:30px}
.fs-44, .fs-44 > * {font-size:32px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:32px}
.fs-48, .fs-48 > * {font-size:34px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:34px}
}
@media (max-width: 575px) {
.fs-30, .fs-30 > * {font-size:24px}
.fs-40, .fs-40 > * {font-size:26px}
.fs-40.lh-auto, .fs-40.lh-auto > * {line-height:26px}
.fs-44, .fs-44 > * {font-size:28px}
.fs-44.lh-auto, .fs-44.lh-auto > * {line-height:28px}
.fs-48, .fs-48 > * {font-size:30px}
.fs-48.lh-auto, .fs-48.lh-auto > * {line-height:30px}
.swiper-button-prev, .swiper-button-next {display:none}
.ar-11 {aspect-ratio:0}
.list ul {column-count:1;-webkit-column-count:1;-moz-column-count:1}
}