@charset "utf-8";
@font-face {
  font-family:Tele2;
  font-display:fallback;
  src:url(/2022/fonts/Tele2.svg) format('svg');
  font-weight:700;
  font-style:normal
}
@font-face {
  font-display:swap;
  font-family:LovedByTheKing;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/loved-by-the-king-v17-latin-regular.woff2) format('woff2'),
  url(../fonts/loved-by-the-king-v17-latin-regular.ttf) format('truetype')
}
:root {
  --s-green:#0DC;
  --s-lightgreen:#6F6;
  --s-salad:#BF3;
  --s-black:#333;
  --s-yello:#DF0;
  --s-pink:#E7D;
  --s-blue:#0DE;
  --new-gradient:linear-gradient(135deg,#7f7 0%,#E1F 50%,#1BF 100%)
}
.bg-green {
  background-color:var(--s-green)
}
.bg-lightgreen {
  background-color:var(--s-lightgreen)
}
.bg-salad {
  background-color:var(--s-salad)
}
.bg-black {
  background-color:var(--s-black)
}
.bg-yello {
  background-color:var(--s-yello)
}
.green {
  color:var(--s-green)
}
.lightgreen {
  color:var(--s-lightgreen)
}
.salad {
  color:var(--s-salad)
}
.black {
  color:var(--s-black)
}
.yello {
  color:var(--s-yello)
}
body,
html {
  font-family:ProximaNova,Montserrat,sans-serif;
  font-size:20px
}
* {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
body,
html {
  overflow-x:hidden!important;
  background-color:var(--s-black)
}
body {
  min-height:100%;
  max-width:100%;
  overflow-x:hidden!important;
  padding:0;
  max-width:100vw;
  margin:0;
  color:#fff
}
a {
  color:var(--s-green)
}
a:hover {
  color:var(--new-pink)
}
nav {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:72px;
  background-color:transparent;
  display:block;
  z-index:99;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
nav.scroll-down {
  -webkit-box-shadow:0 120px 16px rgba(25,25,25,.95) inset,0 3px 6px rgba(0,0,0,.35);
  box-shadow:0 120px 16px rgba(25,25,25,.95) inset,0 3px 6px rgba(0,0,0,.35);
  -webkit-transform:translate(0,-96px);
  -ms-transform:translate(0,-96px);
  transform:translate(0,-96px)
}
nav.scroll-up {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
}
nav.scroll-up.scrolled-top,
nav.scrolled-top {
  background-color:transparent
}
.ya-share2 {
  position:absolute;
  right:16px;
  top:50%;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  background-color:var(--s-green);
  border-radius:50%;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  z-index:500
}
.ya-share2:hover {
  background-color:#fff
}
#mobileMenu {
  display:block;
  width:0;
  height:0;
  overflow:hidden;
  position:absolute;
  top:0;
  left:-10000px
}
nav {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:70px;
  background-color:transparent;
  display:block;
  z-index:999;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  background-color:#000
}
nav:after {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:43px;
  background-image:url(/2022/img/edge2.svg);
  background-position:bottom center;
  background-size:auto 100%;
  background-repeat:repeat-x;
  left:50%;
  top:65px;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0)
}
nav.scroll-down {
  -webkit-transform:translate(0,-96px);
  -ms-transform:translate(0,-96px);
  transform:translate(0,-96px)
}
nav.scroll-up {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  background-color:#111;
  box-shadow:0 -3px 16px #00000059 inset
}
nav.scrolled-top {
  -webkit-transform:translate(0,-100%);
  -ms-transform:translate(0,-100%);
  transform:translate(0,-100%)
}
.ld nav.scrolled-top {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
}
nav.scroll-up.scrolled-top,
nav.scrolled-top {
  background-color:transparent;
  box-shadow:0 0 0 rgba(0,0,0,0) inset
}
nav .container {
  height:100%;
  position:relative;
  display:block;
  width:1320px;
  max-width:100%
}
nav .menu {
  position:absolute;
  right:0;
  top:50%;
  padding:0 96px 0 0;
  color:var(--s-green);
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  z-index:99;
  display:block;
  width:auto;
  text-align:right;
  margin:0
}
nav .menu li {
  display:inline-block;
  margin:0 0 0 1em
}
nav .menu li a {
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:0 dashed;
  font-weight:700;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  position:relative;
  display:inline-block;
  font-size:.75rem
}
nav .menu li a:after {
  content:'';
  display:block;
  position:absolute;
  width:0;
  height:2px;
  bottom:-4px;
  left:50%;
  opacity:0;
  background-color:transparent;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  border-bottom:1px solid
}
nav .menu li.active a {
  color:var(--new-pink)
}
nav .menu li.active a:after {
  width:100%;
  bottom:-4px;
  opacity:1
}
nav .menu li a:hover {
  color:var(--new-pink)!important;
  -webkit-animation-play-state:paused;
  animation-play-state:paused
}
.ya-share2 {
  position:absolute;
  right:16px;
  top:50%;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  background-color:var(--s-green);
  border-radius:0;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  z-index:500
}
.ya-share2:hover {
  background-color:#fff
}
.ya-share2__item {
  font-size:.5rem!important
}
.ya-share2__item * {
  border:0 none!important;
  font-size:.8rem!important;
  font-family:ProximaNova,sans-serif;
  border-radius:0!important;
  background-color:var(--s-green);
  font-family:ProximaNova,'Proxima Nova',sans-serif!important;
  font-weight:800;
  text-transform:uppercase
}
.ya-share2__container_size_l .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  padding:0!important;
  border:none;
  background:#00000011
}
@media (max-width:640px) {
  nav .menu li a {
    font-size:10px
  }
  .m24logo {
    width:100px
  }
}
@media (max-width:640px) {
  ul.menu {
    display:block;
    position:absolute;
    right:auto;
    left:-20px;
    width:80vw;
    height:auto;
    top:72px;
    -webkit-transform:translate(-100%,0);
    -ms-transform:translate(-100%,0);
    transform:translate(-100%,0);
    text-align:left;
    padding:2rem 1rem 2rem 2.5rem;
    background-color:var(--s-black);
    -webkit-transition:all .75s cubic-bezier(.86,0,.07,1);
    -o-transition:all .75s cubic-bezier(.86,0,.07,1);
    transition:all .75s cubic-bezier(.86,0,.07,1);
    height:calc(100vh - 72px)
  }
  ul.menu li {
    display:block;
    font-size:1rem;
    margin:0 auto 1.5em
  }
  ul.menu li a {
    font-size:1rem
  }
  label#expandMenu {
    opacity:1;
    visibility:visible;
    left:16px;
    top:50%;
    display:block;
    position:absolute;
    width:32px;
    height:32px;
    margin:-16px 0 0;
    cursor:pointer;
    z-index:999
  }
  label#expandMenu i {
    display:block;
    width:100%;
    height:4px;
    background-color:var(--s-green);
    top:50%;
    position:absolute;
    margin:-2px 0 0;
    -webkit-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
    -o-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
    transition:all .5s cubic-bezier(.68,-.55,.27,1.55)
  }
  label#expandMenu i:after,
  label#expandMenu i:before {
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:4px;
    background-color:var(--s-green);
    left:50%;
    margin:0 0 0 -16px;
    -webkit-transition:top .2s ease-in-out,-webkit-transform .2s ease-in-out .2s;
    transition:top .2s ease-in-out,-webkit-transform .2s ease-in-out .2s;
    -o-transition:top .2s ease-in-out,transform .2s ease-in-out .2s;
    transition:top .2s ease-in-out,transform .2s ease-in-out .2s;
    transition:top .2s ease-in-out,transform .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s
  }
  label#expandMenu i:before {
    top:-8px
  }
  label#expandMenu i:after {
    top:8px
  }
  #mobileMenu:checked+label#expandMenu i:after,
  #mobileMenu:checked+label#expandMenu i:before {
    top:0
  }
  #mobileMenu:checked+label#expandMenu i:before {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  #mobileMenu:checked+label#expandMenu i:after {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
  }
  #mobileMenu:checked+label#expandMenu i {
    background-color:rgba(0,0,0,0);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
  }
  .m24logo {
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
  }
  nav #mobileMenu:not(:checked)~ul.menu {
    visibility:hidden;
    opacity:0
  }
  nav #mobileMenu:checked~ul.menu {
    visibility:visible;
    opacity:1;
    display:block;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    -webkit-transition:all .25s ease-in-out .25s;
    -o-transition:all .25s ease-in-out .25s;
    transition:all .25s ease-in-out .25s
  }
  footer p {
    padding:.5rem 0 .5rem;
    color:#fff;
    text-align:center
  }
  footer {
    padding:0 0 1.5rem
  }
}
.section {
  padding:96px 0 128px;
  width:100%;
  position:relative;
  min-height:calc(100% + 192px)
}
section#lineup,
section#contacts,
section:not(:first-child) {
  margin-top:-96px;
  animation:32s Edge cubic-bezier(.6,.04,.98,.34) infinite
}
section#contacts {
  padding:96px 0 128px
}
section .container {
  position:relative;
  z-index:50
}
section#activities {
  background-color:#000
}
section.is-dark:after {
  background-image:url(/2025/i/slm-bg-tr2-1.png);
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:.5;
  background-attachment:fixed;
  mix-blend-mode:plus-lighter
}
@keyframes Edge {
  0%,
  100% {
    clip-path:polygon(0% 0%,2% 48px,4% 0px,6% 16px,8% 32px,10% 48px,12% 24px,14% 48px,16% 0px,18% 16px,20% 32px,22% 48px,24% 24px,26% 48px,28% 0px,30% 16px,32% 32px,34% 48px,36% 24px,38% 48px,40% 0px,42% 16px,44% 32px,46% 48px,48% 24px,50% 48px,52% 0px,54% 16px,56% 32px,58% 48px,60% 24px,62% 48px,64% 0px,66% 16px,68% 32px,70% 48px,72% 24px,74% 48px,76% 0px,78% 16px,80% 32px,82% 48px,84% 24px,86% 48px,88% 0px,90% 16px,92% 32px,94% 48px,96% 24px,98% 48px,100% 0px,100% 100%,0% 100%)
  }
  14.2857% {
    clip-path:polygon(0% 0%,2% 24px,4% 48px,6% 0px,8% 16px,10% 32px,12% 48px,14% 24px,16% 48px,18% 0px,20% 16px,22% 32px,24% 48px,26% 24px,28% 48px,30% 0px,32% 16px,34% 32px,36% 48px,38% 24px,40% 48px,42% 0px,44% 16px,46% 32px,48% 48px,50% 24px,52% 48px,54% 0px,56% 16px,58% 32px,60% 48px,62% 24px,64% 48px,66% 0px,68% 16px,70% 32px,72% 48px,74% 24px,76% 48px,78% 0px,80% 16px,82% 32px,84% 48px,86% 24px,88% 48px,90% 0px,92% 16px,94% 32px,96% 48px,98% 24px,100% 48px,100% 100%,0% 100%)
  }
  28.5714% {
    clip-path:polygon(0% 0%,2% 0px,4% 16px,6% 32px,8% 48px,10% 24px,12% 48px,14% 0px,16% 16px,18% 32px,20% 48px,22% 24px,24% 48px,26% 0px,28% 16px,30% 32px,32% 48px,34% 24px,36% 48px,38% 0px,40% 16px,42% 32px,44% 48px,46% 24px,48% 48px,50% 0px,52% 16px,54% 32px,56% 48px,58% 24px,60% 48px,62% 0px,64% 16px,66% 32px,68% 48px,70% 24px,72% 48px,74% 0px,76% 16px,78% 32px,80% 48px,82% 24px,84% 48px,86% 0px,88% 16px,90% 32px,92% 48px,94% 24px,96% 48px,98% 0px,100% 16px,100% 100%,0% 100%)
  }
  42.8571% {
    clip-path:polygon(0% 0%,2% 48px,4% 24px,6% 48px,8% 0px,10% 16px,12% 32px,14% 48px,16% 24px,18% 48px,20% 0px,22% 16px,24% 32px,26% 48px,28% 24px,30% 48px,32% 0px,34% 16px,36% 32px,38% 48px,40% 24px,42% 48px,44% 0px,46% 16px,48% 32px,50% 48px,52% 24px,54% 48px,56% 0px,58% 16px,60% 32px,62% 48px,64% 24px,66% 48px,68% 0px,70% 16px,72% 32px,74% 48px,76% 24px,78% 48px,80% 0px,82% 16px,84% 32px,86% 48px,88% 24px,90% 48px,92% 0px,94% 16px,96% 32px,98% 48px,100% 24px,100% 100%,0% 100%)
  }
  57.1428% {
    clip-path:polygon(0% 0%,2% 32px,4% 48px,6% 24px,8% 48px,10% 0px,12% 16px,14% 32px,16% 48px,18% 24px,20% 48px,22% 0px,24% 16px,26% 32px,28% 48px,30% 24px,32% 48px,34% 0px,36% 16px,38% 32px,40% 48px,42% 24px,44% 48px,46% 0px,48% 16px,50% 32px,52% 48px,54% 24px,56% 48px,58% 0px,60% 16px,62% 32px,64% 48px,66% 24px,68% 48px,70% 0px,72% 16px,74% 32px,76% 48px,78% 24px,80% 48px,82% 0px,84% 16px,86% 32px,88% 48px,90% 24px,92% 48px,94% 0px,96% 16px,98% 32px,100% 48px,100% 100%,0% 100%)
  }
  71.4285% {
    clip-path:polygon(0% 0%,2% 16px,4% 32px,6% 48px,8% 24px,10% 48px,12% 0px,14% 16px,16% 32px,18% 48px,20% 24px,22% 48px,24% 0px,26% 16px,28% 32px,30% 48px,32% 24px,34% 48px,36% 0px,38% 16px,40% 32px,42% 48px,44% 24px,46% 48px,48% 0px,50% 16px,52% 32px,54% 48px,56% 24px,58% 48px,60% 0px,62% 16px,64% 32px,66% 48px,68% 24px,70% 48px,72% 0px,74% 16px,76% 32px,78% 48px,80% 24px,82% 48px,84% 0px,86% 16px,88% 32px,90% 48px,92% 24px,94% 48px,96% 0px,98% 16px,100% 32px,100% 100%,0% 100%)
  }
  85.7142% {
    clip-path:polygon(0% 0%,2% 0px,4% 16px,6% 32px,8% 48px,10% 24px,12% 48px,14% 0px,16% 16px,18% 32px,20% 48px,22% 24px,24% 48px,26% 0px,28% 16px,30% 32px,32% 48px,34% 24px,36% 48px,38% 0px,40% 16px,42% 32px,44% 48px,46% 24px,48% 48px,50% 0px,52% 16px,54% 32px,56% 48px,58% 24px,60% 48px,62% 0px,64% 16px,66% 32px,68% 48px,70% 24px,72% 48px,74% 0px,76% 16px,78% 32px,80% 48px,82% 24px,84% 48px,86% 0px,88% 16px,90% 32px,92% 48px,94% 24px,96% 48px,98% 0px,100% 16px,100% 100%,0% 100%)
  }
}
section.bg-gradient {
  background:linear-gradient(135deg,#7f7 0%,#E1F 50%,#1BF 100%)
}
.bg-pink {
  background-color:var(--s-pink)
}
section {
  overflow:hidden
}
.section#lectory {
  color:var(--s-black);
  position:relative
}
.section#home {
  height:calc(100vh + 96px);
  background-color:var(--s-green);
  background:#222
}
.section#home:before,
.section.bg-gradient:before {
  display:block;
  position:absolute;
  content:'';
  z-index:1;
  background-image:url(/2025/i/grunge.svg);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:.5;
  background-size:cover;
  background-attachment:fixed
}
section#lectory:before {
  -webkit-filter:invert(1);
  filter:invert(1);
  opacity:1
}
#svgsprite {
  height:0;
  display:none
}
.theMain svg use {
  fill:#fff;
  -webkit-animation:6s Salad ease-in-out infinite;
  animation:6s Salad ease-in-out infinite
}
@-webkit-keyframes Salad {
  0%,
  100%,
  70%,
  90% {
    fill:#fff;
    stroke-width:1;
    stroke:rgba(255,255,255,0)
  }
  80% {
    fill:var(--s-yello);
    stroke-width:1
  }
}
@keyframes Salad {
  0%,
  100%,
  70%,
  90% {
    fill:#fff;
    stroke-width:1;
    stroke:rgba(255,255,255,0)
  }
  80% {
    fill:var(--s-yello);
    stroke-width:1
  }
}
.theMain svg.icon {
  -webkit-animation:10s Flow ease-in-out infinite;
  animation:10s Flow ease-in-out infinite
}
@-webkit-keyframes Flow {
  0%,
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
  }
  25% {
    -webkit-transform:rotate(-5deg) translate(0,10%);
    transform:rotate(-5deg) translate(0,10%)
  }
  75% {
    -webkit-transform:rotate(10deg) translate(0,8%);
    transform:rotate(10deg) translate(0,8%)
  }
  50% {
    -webkit-transform:rotate(10deg) translate(0,16%);
    transform:rotate(10deg) translate(0,16%)
  }
}
@keyframes Flow {
  0%,
  100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
  }
  25% {
    -webkit-transform:rotate(-5deg) translate(0,10%);
    transform:rotate(-5deg) translate(0,10%)
  }
  75% {
    -webkit-transform:rotate(10deg) translate(0,8%);
    transform:rotate(10deg) translate(0,8%)
  }
  50% {
    -webkit-transform:rotate(10deg) translate(0,16%);
    transform:rotate(10deg) translate(0,16%)
  }
}
.mainTitle svg.p1 use {
  -webkit-animation-delay:0s;
  animation-delay:0s
}
.mainTitle svg.p2 use {
  -webkit-animation-delay:.5s;
  animation-delay:.5s
}
.mainTitle svg.p3 use {
  -webkit-animation-delay:1s;
  animation-delay:1s
}
.mainTitle svg.p4 use {
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s
}
.mainTitle svg.p5 use {
  -webkit-animation-delay:2s;
  animation-delay:2s
}
.theMain {
  position:absolute;
  top:0;
  width:1020px;
  max-width:calc(100% - 80px);
  height:100%;
  left:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  z-index:2
}
.theMain svg {
  position:absolute;
  display:block;
  width:25vmin;
  height:25vmin
}
.mainTitle {
  position:absolute;
  top:40%;
  left:50%;
  width:100vmin;
  height:46vmin;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.mainTitle h1 {
  z-index:50;
  position:absolute;
  background-image:url(/2025/i/slm2025b.svg);
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background-position:center;
  background-size:100% auto;
  background-repeat:no-repeat;
  text-indent:-10000px;
  overflow:hidden;
  color:transparent;
  -webkit-transition:all .5s ease-in;
  -o-transition:all .5s ease-in;
  transition:all .5s ease-in;
  opacity:0
}
.ld .mainTitle h1 {
  width:100%;
  height:100%;
  border-radius:0;
  max-width:calc(100% - 120px);
  opacity:1
}
.info-row {
  display:flex;
  width:100%;
  flex-direction:row;
  align-content:center;
  justify-content:stretch;
  padding:0 24px 0 0
}
.info-row>div {
  flex:0 1 33%;
  width:33%;
  position:relative;
  text-align:center
}
.info-row>.linx {
  flex:0 1 220px
}
.section#lineup:after,
.theData:after,
.section.is-dark:after {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:calc(100% + 20px);
  top:-20px;
  background-image:url(/2022/img/pattern-grunge-g.svg);
  left:0;
  opacity:.15;
  background-size:50% auto;
  z-index:0
}
nav:before {
  top:0;
  z-index:5
}
.section#lineup:after {
  background-position:center top
}
.theData:after {
  background-position:right bottom;
  background-attachment:fixed
}
.ld .theData {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
}
.theData .dateTime {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:self-start;
  flex-direction:column
}
.theData .linx {
  margin-right:32px;
  text-align:right;
  margin-left:auto
}
.theData {
  width:100%
}
.theData .date,
.theData .place,
.theData .time {
  font-weight:900;
  display:inline-block;
  margin:0 1em 0 0;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:.9em;
  text-shadow:0 3px 12px #00000033
}
.theData .place {
  font-weight:300!important;
  color:#fff!important;
  white-space:nowrap
}
.theData .date,
.theData .time {
  font-size:2.5rem
}
.theData .place {
  font-weight:800;
  color:var(--s-green);
  font-size:1.5rem
}
.linx a {
  color:var(--s-green);
  text-decoration:none
}
.linx span {
  display:inline-block;
  width:32px;
  height:32px;
  position:relative;
  margin:0 1rem 0 auto
}
.linx {
  height:64px;
  line-height:64px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.linx span.m24 {
  width:64px;
  height:64px
}
.linx span a {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
  overflow:hidden;
  text-indent:-10000px
}
.linx span a use {
  fill:var(--s-green);
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  -webkit-animation:16s Linx ease-in-out infinite;
  animation:16s Linx ease-in-out infinite
}
@media (max-width:640px) {
  .linx span.m24 {
    width:60px;
    height:60px;
    margin-left:1rem
  }
}
.linx span.m24 a {
  background-color:transparent
}
.linx span.m24logo {
  width:64px;
  height:64px
}
section#contacts {
  min-height:100vh;
  padding-top:100px
}
.theData .container {
  position:relative;
  height:100%
}
section.is-dark {
  background-color:#111
}
section.is-dark:before {
  content:'';
  display:block;
  background-image:url(/2025/i/slm-bg-tr2-1.png);
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
  background-size:cover;
  opacity:.25
}
.linx a svg {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.linx span.m24 a svg {
  width:100%;
  height:100%
}
.section h2.go {
  font-weight:800;
  text-transform:uppercase;
  text-align:center;
  font-size:2rem;
  margin:0 auto 1em;
  padding:0;
  position:relative;
  letter-spacing:-.1em;
  z-index:10;
  -webkit-transition:all .25s ease-in-out .25s;
  -o-transition:all .25s ease-in-out .25s;
  transition:all .25s ease-in-out .25s;
  position:relative;
  margin:0 auto 1em
}
.section h2.go.live {
  letter-spacing:.2em
}
.hidden {
  display:none
}
.artists {
  position:relative;
  width:1440px;
  margin:0 auto;
  max-width:100%;
  z-index:10
}
.section#featured:before {
  top:0;
  left:0;
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-image:url(/2022/img/pattern-grunge.svg);
  background-size:50% auto;
  z-index:1;
  position:absolute;
  opacity:.5;
  background-attachment:fixed
}
.section#featured h2 {
  color:var(--s-black)
}
.section#featured .container {
  z-index:10;
  position:relative;
  text-align:center;
  color:var(--s-black);
  font-weight:600
}
#lineup .timing {
  font-weight:900;
  text-align:center;
  margin:0 auto 1rem;
  letter-spacing:.2em;
  position:relative;
  z-index:10;
  text-shadow:0 3px 0 #0000007F
}
.artists-wrap h3 {
  display:block;
  position:relative;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  font-weight:800;
  margin:2em 0;
  text-shadow:1px 1px 0 var(--s-blue),2px 2px 0 var(--new-pink)
}
.hidden {
  display:none
}
.artist-card {
  position:relative;
  z-index:10
}
.artist-card:hover {
  z-index:15
}
.artist-card a {
  display:block;
  position:relative;
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  width:100%;
  height:0;
  text-decoration:none;
  padding:100% 0 0
}
.artist-card.is-wide a {
  padding:50% 0 0;
  overflow:hidden
}
.artist-card.has-vid {
  position:relative
}
.artist-card.has-vid:after {
  content:'';
  display:block;
  border-style:solid;
  position:absolute;
  top:8px;
  left:8px;
  border-color:transparent transparent transparent var(--s-salad);
  border-width:8px 0 8px 12px;
  z-index:5;
  -webkit-animation:2s PushMe ease-in-out infinite;
  animation:2s PushMe cubic-bezier(.65,.05,.36,1) infinite
}
.artist-card a small.time {
  position:absolute;
  top:0;
  right:0;
  z-index:1;
  font-size:.75rem;
  padding:.2em .5em;
  background-color:#1E1E1ED8;
  color:var(--s-salad);
  font-weight:700;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  z-index:15
}
.artist-card a:hover small.time {
  color:#222;
  background-color:var(--s-salad);
  right:-1px;
  top:-1px;
  letter-spacing:.1em
}
.artist-card a:before {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:calc(100%);
  top:0;
  left:0;
  background-image:url(/seamless01.png);
  z-index:2;
  background-color:#FFFFFF19;
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  z-index:11
}
.artist-card a:after {
  content:'';
  display:block;
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  border:4px solid var(--s-salad);
  position:absolute;
  top:0;
  left:0;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  opacity:0;
  z-index:10;
  -webkit-transform:scale(.25);
  -ms-transform:scale(.25);
  transform:scale(.25)
}
.artist-card a:hover:after {
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
.artist-card a:hover:before {
  opacity:0
}
.artist-card b,
.artist-card i {
  font-style:normal
}
.artist-card a img {
  width:100%;
  display:block;
  -webkit-filter:grayscale(1) contrast(.8) brightness(1.1);
  filter:grayscale(1) contrast(.8) brightness(1.1);
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
#featured svg.icn {
  display:block;
  position:relative;
  max-width:100%;
  margin:0 auto;
  fill:var(--s-black)!important;
  z-index:10;
  width:100%;
  margin:0 auto 2rem;
  height:auto
}
#featured .sponsor-block svg.icn {
  width:640px
}
#featured .license {
  margin:0 auto 2rem
}
.artist-card i {
  display:block;
  height:auto;
  position:absolute;
  background-size:auto 100%;
  bottom:28px;
  left:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:auto;
  max-width:calc(100% - 16px);
  width:100%;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
.artist-card a:hover i {
  bottom:64px
}
.artist-card i:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-image:url(/2022/img/edge2.svg);
  background-size:auto 20px;
  top:-20px;
  position:absolute;
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  background-position:bottom;
  z-index:5;
  opacity:0
}
.artist-card b {
  display:inline-block;
  position:relative;
  line-height:1em;
  z-index:10;
  width:auto;
  height:100%;
  padding:0 .5em;
  background-color:var(--s-salad);
  color:var(--s-black);
  font-weight:800;
  background-image:url(/2022/img/pattern-grunge.svg);
  background-size:auto 50%;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  -webkit-box-shadow:0 6px 6px #00000059;
  box-shadow:0 6px 6px #00000059;
  font-size:1.25rem;
  border-radius:0;
  font-size:1.1rem
}
.artist-card b small {
  display:block;
  position:absolute;
  color:var(--s-salad);
  font-size:.8em;
  line-height:.9em;
  left:50%;
  bottom:0;
  -webkit-transform:translate(-50%,100%);
  -ms-transform:translate(-50%,100%);
  transform:translate(-50%,100%);
  text-shadow:1px 1px 0 #00000059;
  width:280px;
  max-width:40vw
}
.artist-card b small.time {
  font-size:.6em;
  padding:.5em .25em;
  background-color:transparent;
  width:100%;
  color:#fff;
  font-weight:800;
  letter-spacing:.1em;
  text-shadow:0 2px 3px #0000007F
}
.artist-card a:hover b small.time {
  color:var(--s-salad)
}
.artist-card b.vedushi {
  color:var(--s-green);
  background-color:var(--s-black)
}
.artist-card a:hover b {
  color:var(--s-salad);
  background-color:var(--s-black)
}
.artist-card a:hover img {
  -webkit-filter:grayscale(0) contrast(1) brightness(1);
  filter:grayscale(0) contrast(1) brightness(1)
}
.mdl .artistImg {
  margin:0 auto 1rem
}
.mdl .artistImg img {
  display:block;
  max-height:90vh;
  width:auto;
  margin:0 auto
}
@media (max-width:640px) {
  .artist-card b {
    font-size:16px
  }
  .artist-card i {
    bottom:16px
  }
}
.mdl {
  border-radius:16px;
  background-color:#222
}
.mdl:before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-image:url(/2025/i/slm-bg-tr2-1.png);
  opacity:.7;
  height:100%;
  mix-blend-mode:normal;
  background-size:cover
}
.mdl.l-g:before {
  background-image:url(/2023/i/pattern-grunge.svg)
}
@-webkit-keyframes BgSlide {
  100% {
    background-position:200% 400%
  }
}
@keyframes BgSlide {
  100% {
    background-position:200% 400%
  }
}
@-webkit-keyframes Bg100 {
  0% {
    background-position:0 0
  }
  100% {
    background-position:100% 0
  }
}
@keyframes Bg100 {
  0% {
    background-position:0 0
  }
  100% {
    background-position:100% 0
  }
}
.mdl h4 {
  padding:.25em 1em;
  margin:0 auto 1em;
  text-align:center;
  color:var(--s-black);
  background-color:var(--s-salad);
  font-size:1.5rem;
  font-weight:900;
  line-height:.9em;
  background-image:url(/2022/img/pattern-grunge.svg);
  position:relative
}
.mdl.l-r h4 {
  background:linear-gradient(90deg,#00fd91 20%,#00aef9 100%);
  -webkit-box-shadow:0 3px 6px #0000003F;
  box-shadow:0 3px 6px #0000003F
}
.mdl.l-g h4 {
  background-color:var(--s-blue)
}
.artistImg {
  position:relative
}
.mdl:after {
  content:'';
  position:absolute;
  width:220px;
  height:48px;
  display:block;
  background-image:url(/2022/img/soloma-live-w.svg);
  z-index:10;
  background-size:contain;
  background-repeat:no-repeat;
  top:-24px;
  left:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  background-position:center
}
.mdl p {
  clear:none;
  display:block;
  font-size:1rem;
  font-weight:500;
  padding:0;
  margin:0;
  color:#fff
}
@media (max-width:640px) {
  .mdl p {
    font-size:13px
  }
}
.mdl.container .centered {
  margin:-1em auto 1em;
  color:var(--s-blue);
  font-weight:300
}
.mdl .artistImg img {
  max-width:100%;
  display:block;
  -webkit-box-shadow:0 3px 6px #00000059;
  box-shadow:0 3px 6px #00000059;
  height:auto
}
.mdl {
  width:auto;
  max-width:100%
}
.map-wrapper {
  width:100%;
  position:relative;
  min-height:480px;
  height:70vh
}
.map-wrapper {
  width:100%;
  position:relative;
  min-height:480px;
  height:60vh
}
.map-wrapper #slm_map {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:4px solid var(--s-salad)
}
#slm_map .dg-label__content {
  color:#fff;
  font-family:ProximaNova,Montserrat,sans-serif;
  text-transform:uppercase;
  font-weight:600;
  background-color:#000000D8;
  -webkit-transform:translate(-50%,-20%);
  -ms-transform:translate(-50%,-20%);
  transform:translate(-50%,-20%);
  font-size:11px;
  border:0 none;
  padding:.2em .75em;
  margin-left:-.75em;
  border-radius:32px;
  z-index:1
}
#slm_map .dg-label__content b {
  font-weight:600
}
.leaflet-map-pane .leaflet-popup-tip-container_svg path {
  fill:#333
}
.leaflet-popup-content-wrapper {
  background-color:#333!important;
  color:#333
}
.leaflet-popup-content-wrapper,
.leaflet-popup-content-wrapper p {
  font-family:ProximaNova,sans-serif!important
}
.leaflet-popup-content-wrapper h4 {
  text-transform:uppercase;
  text-align:center
}
.adress {
  text-transform:uppercase;
  font-weight:700
}
.is-green {
  color:var(--s-green)
}
.is-lightgreen {
  color:var(--s-lightgreen)
}
.is-salad {
  color:var(--s-salad)
}
.is-black {
  color:var(--s-black)
}
.is-yello {
  color:var(--s-yello)
}
.is-pink {
  color:var(--s-pink)
}
.is-blue {
  color:var(--s-blue)
}
.sponsor {
  text-transform:uppercase;
  font-weight:800;
  font-family:Tele2,ProximaNova,sans-serif;
  font-size:1.5rem
}
span.age {
  display:block;
  position:absolute;
  bottom:0;
  width:32px;
  height:32px;
  border:1px solid;
  border-radius:50%;
  right:8px;
  color:#fff
}
.age:before {
  content:'0+';
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  line-height:32px;
  font-size:16px;
  text-align:center;
  color:#fff
}
#featured .icn.moskva24,
#featured .icn.moskvafm {
  max-width:calc(100% - 32px)
}
.leaflet-map-pane .leaflet-popup-tip-container_svg path {
  fill:#333
}
.leaflet-popup-content-wrapper {
  background-color:#333!important;
  color:#333
}
.leaflet-popup-content-wrapper,
.leaflet-popup-content-wrapper p {
  font-family:ProximaNova,'Proxima Nova',sans-serif!important
}
.leaflet-popup-content-wrapper h4 {
  text-transform:uppercase;
  text-align:center
}
.adress {
  text-transform:uppercase;
  font-weight:700
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color:var(--s-salad)
}
.artistVid {
  width:90px;
  height:90px;
  position:absolute;
  top:8px;
  right:8px;
  overflow:hidden;
  border:4px solid var(--s-salad);
  -webkit-box-shadow:0 3px 6px #00000059;
  box-shadow:0 3px 6px #00000059
}
.artistVid:before {
  content:'';
  display:block;
  position:absolute;
  bottom:8px;
  left:8px;
  border-style:solid;
  border-width:12px 0 12px 16px;
  border-color:transparent transparent transparent var(--s-salad);
  z-index:5;
  -webkit-animation:2s PushMe ease-in-out infinite;
  animation:2s PushMe ease-in-out infinite
}
@-webkit-keyframes PushMe {
  0%,
  100%,
  20% {
    opacity:1
  }
  50% {
    opacity:.1
  }
}
@keyframes PushMe {
  0%,
  100%,
  20% {
    opacity:1
  }
  50% {
    opacity:.1
  }
}
.artistVid video {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  min-width:100%;
  min-height:100%;
  max-width:100%
}
:focus,
:hover {
  outline:0;
  -webkit-outline:none;
  -webkit-tap-highlight-color:transparent
}
.fancybox__content:focus:not(.carousel__button.is-close) {
  border:0 none!important;
  outline:0;
  -webkit-outline:none
}
#logo svg {
  display:block;
  position:absolute
}
#logo {
  position:absolute;
  display:block;
  left:16px;
  top:50%;
  width:96px;
  background-color:transparent;
  height:52px;
  margin:-26px 0 0;
  z-index:9;
  -webkit-transition:all .25s ease-in-out .25s;
  -o-transition:all .25s ease-in-out .25s;
  transition:all .25s ease-in-out .25s;
  overflow:hidden
}
#logo a,
#logo img {
  display:block
}
.scrolled-top #logo {
  opacity:0;
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out
}
@media (max-width:640px) {
  #logo {
    left:50%;
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0)
  }
}
#s-gall,
#s-gall ul {
  display:none
}
.gallery-button,
.online-button {
  position:fixed;
  bottom:12px;
  left:auto;
  width:48px;
  height:48px;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  z-index:999;
  right:-2px;
  top:50%;
  background-color:var(--s-black);
  margin:0;
  display:none
}
.gallery-button {
  margin:-46px 0 0
}
.gallery-button a,
.online-button a {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  border-radius:0;
  border:2px solid var(--s-green);
  background-color:transparent;
  -webkit-box-shadow:0 0 6px #00000059;
  box-shadow:0 0 6px #00000059
}
.gallery-button a:hover,
.online-button a:hover {
  background-color:var(--s-green);
  border-color:#fff
}
.online-button a:before {
  content:"";
  display:block;
  border-style:solid;
  border-width:12px 0 12px 20px;
  border-color:transparent transparent transparent var(--s-green);
  top:50%;
  left:50%;
  position:absolute;
  -webkit-transform:translate(-40%,-50%);
  -ms-transform:translate(-40%,-50%);
  transform:translate(-40%,-50%);
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  -webkit-animation:2s PushMe ease-in-out infinite;
  animation:2s PushMe ease-in-out infinite
}
.gallery-button a:before {
  content:"";
  display:block;
  position:absolute;
  left:10px;
  top:8px;
  width:24px;
  height:18px;
  border:2px solid var(--s-green);
  -webkit-box-shadow:-2px 2px 0,-4px 4px 0;
  box-shadow:-2px 2px 0,-4px 4px 0;
  -webkit-animation:6s GallIcon ease-in-out infinite;
  animation:6s GallIcon ease-in-out infinite;
  color:var(--s-green)
}
.gallery-button a:hover:before {
  border-color:var(--s-black);
  color:var(--s-black)
}
@-webkit-keyframes GallIcon {
  40%,
  60% {
    -webkit-box-shadow:-2px 2px 0 var(--s-black),-4px 4px 0;
    box-shadow:-2px 2px 0 var(--s-black),-4px 4px 0
  }
  50% {
    -webkit-box-shadow:2px -2px 0 var(--s-black),4px -4px 0;
    box-shadow:2px -2px 0 var(--s-black),4px -4px 0
  }
}
@keyframes GallIcon {
  40%,
  60% {
    -webkit-box-shadow:-2px 2px 0 var(--s-black),-4px 4px 0;
    box-shadow:-2px 2px 0 var(--s-black),-4px 4px 0;
    top:8px;
    width:24px;
    left:10px
  }
  50% {
    -webkit-box-shadow:2px -2px 0 var(--s-black),4px -4px 0;
    box-shadow:2px -2px 0 var(--s-black),4px -4px 0;
    left:6px;
    top:16px
  }
}
.online-button a:hover:before {
  border-color:transparent transparent transparent var(--s-black)
}
@-webkit-keyframes PushMe {
  0%,
  100%,
  20% {
    opacity:1
  }
  50% {
    opacity:.1
  }
}
@keyframes PushMe {
  0%,
  100%,
  20% {
    opacity:1
  }
  50% {
    opacity:.1
  }
}
.fancybox__content iframe {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.fancybox__caption {
  text-align:center
}
.fancybox__caption {
  padding:1em;
  line-height:1em;
  color:#222;
  background-color:var(--s-black);
  font-weight:600;
  background:-o-linear-gradient(left,#00fd91 20%,#00aef9 100%);
  background:-webkit-gradient(linear,left top,right top,color-stop(20%,#00fd91),to(#00aef9));
  background:linear-gradient(90deg,#00fd91 20%,#00aef9 100%);
  margin-top:-1.5em;
  z-index:999;
  -webkit-box-shadow:0 3px 6px #00000059;
  box-shadow:0 3px 6px #00000059
}
.fancybox__caption p {
  margin:0 0 .5em
}
.is-rakushka {
  position:relative;
  text-align:right
}
.is-gostinnaya,
.is-rakushka {
  z-index:10;
  position:relative;
  padding-bottom:2rem
}
.is-rakushka .artist-card b {
  background-color:var(--s-green)
}
.is-rakushka .artist-card a:hover b {
  color:var(--s-green)
}
.is-rakushka .artist-card a small.time {
  color:var(--s-green)
}
.is-rakushka .artist-card a:hover small.time {
  color:var(--s-black);
  background-color:var(--s-green)
}
.is-rakushka .artist-card a::after {
  border-color:var(--s-green)
}
.is-gostinnaya .artist-card b {
  background-color:var(--s-blue)
}
.is-gostinnaya .artist-card a:hover b {
  color:var(--s-blue)
}
.is-gostinnaya .artist-card a small.time {
  color:var(--s-blue)
}
.is-gostinnaya .artist-card a:hover small.time {
  color:var(--s-black);
  background-color:var(--s-blue)
}
.is-gostinnaya .artist-card a::after {
  border-color:var(--s-blue)
}
.container--tabs .nav-tabs {
  width:100%;
  margin:0;
  list-style-type:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  padding:0
}
.container--tabs .nav-tabs>li {
  float:none;
  margin:0
}
.container--tabs .nav-tabs>li>a {
  display:block;
  padding:.5rem 1rem;
  text-decoration:none;
  text-transform:uppercase;
  margin:0;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  border-color:transparent;
  color:#fff;
  background-color:var(--s-black);
  font-weight:800;
  border-bottom-width:0;
  -webkit-box-shadow:-2px 0 0 var(--s-green) inset,2px 0 0 var(--s-green) inset,0 3rem 0 var(--s-black) inset;
  box-shadow:-2px 0 0 var(--s-green) inset,2px 0 0 var(--s-green) inset,0 3rem 0 var(--s-black) inset;
  position:relative;
  z-index:5;
  z-index:5;
  position:relative;
  margin-bottom:-2px;
  white-space:nowrap
}
@media (max-width:640px) {
  .container--tabs .nav-tabs {
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .container--tabs .nav-tabs>li {
    -webkit-box-flex:0;
    -ms-flex:0 25%;
    flex:0 25%
  }
  .container--tabs .nav-tabs>li>a {
    font-size:14px
  }
}
.container--tabs .nav-tabs {
  border-bottom:2px solid
}
.container--tabs .nav-tabs>li.is-active>a,
.container--tabs .nav-tabs>li.is-active>a:focus,
.container--tabs .nav-tabs>li.is-active>a:hover {
  cursor:default;
  border-bottom-color:transparent;
  border-color:#252525 transparent #252525;
  background-color:transparent;
  color:var(--s-black);
  -webkit-box-shadow:0 -4px 0 var(--s-green) inset,0 2px 0 var(--s-black) inset,0 2px 0 var(--s-black) inset;
  box-shadow:0 -4px 0 var(--s-green) inset,0 2px 0 var(--s-black) inset,0 2px 0 var(--s-black) inset;
  border-color:var(--s-black)!important
}
.container--tabs .tab-content {
  clear:both;
  float:none
}
.container--tabs .tab-content>.tab-pane {
  visibility:hidden;
  -webkit-transition:opacity .25s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  -o-transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  opacity:0;
  max-height:0;
  -webkit-transform:translate(0,20px);
  -ms-transform:translate(0,20px);
  transform:translate(0,20px);
  overflow:hidden;
  margin:0;
  padding:0
}
.container--tabs .tab-content>.tab-pane * {
  -webkit-transition:opacity .25s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  -o-transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s;
  transition:opacity .25s ease-in-out .25s,transform .5s ease-in-out .25s,-webkit-transform .5s ease-in-out .25s;
  opacity:0
}
.container--tabs .tab-content>.tab-pane.is-active * {
  opacity:1;
  visibility:visible
}
.container--tabs .tab-content>.tab-pane p {
  display:block;
  overflow:hidden;
  padding:0
}
.container--tabs .tab-content>.tab-pane.is-active {
  display:block;
  padding:2rem .5rem;
  max-height:9000px;
  visibility:visible;
  opacity:1;
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
}
.container--tabs .tab-content>.is-active {
  display:block
}
.col-img img {
  display:block;
  position:relative;
  max-width:100%;
  width:auto
}
.col-img a {
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  padding:0;
  -webkit-transition:all .25s ease-in-out!important;
  -o-transition:all .25s ease-in-out!important;
  transition:all .25s ease-in-out!important;
  -webkit-filter:saturate(1) contrast(1);
  filter:saturate(1) contrast(1);
  display:block;
  width:auto;
  max-width:200px;
  margin:0;
  position:relative;
  z-index:10;
  margin:0 auto
}
.col-img a img {
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  padding:4px;
  -webkit-transition:all .25s ease-in-out!important;
  -o-transition:all .25s ease-in-out!important;
  transition:all .25s ease-in-out!important;
  -webkit-filter:saturate(1) contrast(1);
  filter:saturate(1) contrast(1);
  border:1px solid #fff
}
.col-img a:after,
.col-img a:before {
  content:'';
  display:block;
  position:absolute;
  top:12px;
  left:calc(100% - 32px);
  height:12px;
  width:20px;
  -webkit-transition:all .1s linear;
  -o-transition:all .1s linear;
  transition:all .1s linear
}
.col-img a:after {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0);
  background-color:var(--s-green);
  color:var(--s-pink);
  z-index:3
}
.col-img a:before {
  -webkit-transform:translate(1px,1px);
  -ms-transform:translate(1px,1px);
  transform:translate(1px,1px);
  border-color:#fff;
  -webkit-box-shadow:1px 1px 0 var(--s-black);
  box-shadow:1px 1px 0 var(--s-black);
  background-color:#fff;
  z-index:2
}
.col-img a:hover:before {
  -webkit-transform:translate(2px,2px);
  -ms-transform:translate(2px,2px);
  transform:translate(2px,2px);
  border-color:#fff;
  -webkit-box-shadow:3px 3px 0 var(--s-black);
  box-shadow:3px 3px 0 var(--s-black);
  background-color:#fff;
  z-index:2
}
.col-img a:hover:after {
  background-color:var(--s-pink);
  -webkit-transform:translate(-3px,-3px);
  -ms-transform:translate(-3px,-3px);
  transform:translate(-3px,-3px);
  -webkit-box-shadow:3px 3px 0 var(--s-green);
  box-shadow:3px 3px 0 var(--s-green)
}
.col-img a:hover img {
  -webkit-filter:saturate(.5) contrast(1.5) brightness(1.25);
  filter:saturate(.5) contrast(1.5) brightness(1.25);
  cursor:-webkit-zoom-in;
  cursor:zoom-in;
  -webkit-transition:all .25s ease-in-out!important;
  -o-transition:all .25s ease-in-out!important;
  transition:all .25s ease-in-out!important;
  border-color:var(--s-black)
}
#lectory .tab-pane .row {
  border-bottom:2px dashed #0000007F;
  font-size:.75rem;
  padding:1rem 0;
  font-weight:600;
  z-index:10;
  position:relative;
  overflow:hidden
}
#lectory .tab-pane .row:last-child {
  border-bottom:0 none
}
#lectory .tab-pane h4 {
  text-transform:uppercase;
  display:block;
  color:var(--s-black);
  font-weight:900;
  font-size:1.25rem;
  line-height:1.1em;
  margin:.25em 0 .25em
}
#lectory .tab-pane h3 {
  text-align:center;
  margin:0;
  font-weight:900;
  text-transform:uppercase;
  font-size:3rem;
  -webkit-text-stroke:2px #111;
  color:transparent;
  line-height:.9em
}
.col-time p {
  font-weight:900;
  white-space:nowrap;
  font-size:1.75rem;
  display:block;
  padding:0;
  margin:0;
  text-align:center;
  padding:0;
  font-family:LovedByTheKing;
  font-weight:800;
  color:var(--s-black)
}
body.compensate-for-scrollbar {
  padding:0!important
}
body.compensate-for-scrollbar {
  padding:0!important
}
.fancybox__slide {
  scrollbar-width:thin;
  scrollbar-color:#0CEFED7F #000;
  -webkit-scrollbar-width:thin
}
.fancybox__slide::-webkit-scrollbar {
  width:6px
}
.fancybox__slide::-webkit-scrollbar-track {
  background-color:#222
}
.fancybox__slide::-webkit-scrollbar-thumb {
  background-color:#0CEFED7F
}
.button-wrapper {
  padding:1rem;
  text-align:center
}
.button {
  background-color:var(--s-black);
  text-decoration:none;
  padding:1em 1.5em;
  text-transform:uppercase;
  border-radius:3px;
  letter-spacing:.1em;
  font-weight:700;
  -webkit-transition:all .25s ease-in-out!important;
  -o-transition:all .25s ease-in-out!important;
  transition:all .25s ease-in-out!important
}
.button:hover {
  -webkit-box-shadow:0 6px 3px #0000003F;
  box-shadow:0 6px 3px #0000003F
}
.srtr {
  display:block;
  position:relative;
  padding:0;
  margin:.5rem auto;
  max-width:200px;
  font-size:11px;
  font-weight:800;
  color:var;
  padding:0 0 0 64px
}
.srtr:after,
.srtr:before {
  width:24px;
  height:24px;
  border:4px solid;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:16px;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  color:#fff;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,.35),1px 1px 3px rgba(0,0,0,.35) inset;
  box-shadow:1px 1px 3px rgba(0,0,0,.35),1px 1px 3px rgba(0,0,0,.35) inset
}
.srtr:before {
  border-radius:0
}
.srtr:after {
  -webkit-transform-origin:left bottom;
  -ms-transform-origin:left bottom;
  transform-origin:left bottom;
  left:30px;
  border-color:transparent transparent #5f7 #5f7;
  height:16px;
  width:32px;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  top:17px;
  z-index:2;
  box-shadoW:-3px 3px 0 #0000003F
}
.leaflet-marker-icon:hover {
  z-index:999!important
}
.map-link {
  color:var(--s-black);
  text-decoration:underline;
  display:inline-block;
  font-weight:600;
  margin:0 auto;
  position:relative;
  padding:0 0 0 32px;
  font-weight:700;
  height:36px;
  line-height:32px;
  -webkit-transition:all .25s ease-in-out!important;
  -o-transition:all .25s ease-in-out!important;
  transition:all .25s ease-in-out!important;
  text-transform:uppercase;
  letter-spacing:0
}
.map-link:after,
.map-link:before {
  content:'';
  display:block;
  width:24px;
  height:24px;
  background-color:transparent;
  position:absolute;
  left:0;
  border-radius:50% 50% 50% 0;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  top:0;
  border:2px solid
}
.map-link:after {
  width:12px;
  height:12px;
  border:2px solid;
  border-radius:50%;
  top:6px;
  left:6px
}
.map-link:hover {
  color:var(--s-pink)
}
.nowrap {
  white-space:nowrap
}
.centered {
  text-align:center
}
.tab-pane .location-link {
  margin:.5rem auto;
  -webkit-transform:scale(.85);
  -ms-transform:scale(.85);
  transform:scale(.85)
}
#s-gallery {
  width:100%;
  position:relative
}
#s-gallery ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding:0;
  margin:0;
  width:100%;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
#s-gallery ul li {
  list-style:none;
  display:flex-item;
  padding:0;
  margin:0;
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66%;
  flex:0 0 16.66%;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  border:1px solid #FFFFFFBF
}
#s-gallery.testGall ul li {
  -webkit-box-flex:0;
  -ms-flex:0 0 10%;
  flex:0 0 10%
}
#s-gallery ul li a {
  display:block;
  position:relative
}
#s-gallery ul li a:before {
  content:'';
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  border:4px solid var(--s-salad);
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.35),0 3px 6px rgba(0,0,0,.35) inset;
  box-shadow:0 3px 6px rgba(0,0,0,.35),0 3px 6px rgba(0,0,0,.35) inset;
  -webkit-transform:scale(.95);
  -ms-transform:scale(.95);
  transform:scale(.95);
  top:-4px;
  left:-4px;
  z-index:10;
  opacity:0
}
#s-gallery ul li a:hover:before {
  opacity:1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
}
#s-gallery ul li a img {
  display:block;
  padding:0;
  margin:0;
  max-width:100%;
  width:100%;
  -webkit-filter:saturate(.1) contrast(.75) brightness(.9);
  filter:saturate(.1) contrast(.75) brightness(1.25);
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out
}
#s-gallery ul li a:hover img {
  -webkit-filter:saturate(1) contrast(1);
  filter:saturate(1) contrast(1)
}
@media (max-width:1366px) {
  #s-gallery ul li {
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%
  }
}
@media (max-width:1080px) {
  #s-gallery ul li {
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33%;
    flex:0 0 33.33%
  }
  #s-gallery.testGall ul li {
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%
  }
}
@media (max-width:800px) {
  #s-gallery ul li {
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%
  }
}
section#gallery:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-image:url(/2023/i/pattern-grunge-salad.svg);
  position:absolute;
  background-size:50% auto;
  background-attachment:fixed;
  opacity:1;
  -webkit-filter:invert(1) saturate(0);
  filter:invert(1) saturate(0);
  mix-blend-mode:hue
}
nav li .apply-btn {
  background-color:#1EE;
  color:#333!important;
  display:block;
  padding:.5em 1em;
  border-radius:0;
  background:-webkit-gradient(linear,left top,right top,from(#00fd91),color-stop(50%,#00aef9),to(#00fd91));
  background:-o-linear-gradient(left,#00fd91 0,#00aef9 50%,#00fd91 100%);
  background:linear-gradient(90deg,#00fd91 0,#00aef9 50%,#00fd91 100%);
  background-size:200% auto;
  background-position:0 0
}
nav li .apply-btn.tickets-button {
  background:var(--new-gradient);
  background-size:100% auto;
  font-weight:800;
  box-shadow:0 3px 6px #00000026;
  color:#fff!important;
  font-size:.7em
}
nav li a.apply-btn:hover {
  color:#fff!important;
  background-size:200% auto;
  text-shadow:1px 1px 1px #0000003F
}
.apply-form .fancybox__content {
  max-width:640px!important;
  background-color:transparent!important;
  border-radius:16px!important;
  overflow:hidden
}
.apply-form .fancybox__content iframe {
  -webkit-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  -o-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  display:block;
  -webkit-animation:10s Hue2 linear infinite;
  animation:10s Hue2 linear infinite
}
@-webkit-keyframes Hue2 {
  0%,
  100% {
    -webkit-filter:hue-rotate(15deg);
    filter:hue-rotate(15deg)
  }
  50% {
    -webkit-filter:hue-rotate(-15deg);
    filter:hue-rotate(-15deg)
  }
}
@keyframes Hue2 {
  0%,
  100% {
    -webkit-filter:hue-rotate(15deg);
    filter:hue-rotate(15deg)
  }
  50% {
    -webkit-filter:hue-rotate(-15deg);
    filter:hue-rotate(-15deg)
  }
}
.mainTitle .p1 {
  top:25%;
  left:5vmin;
  margin:-10vmin 0 0
}
.mainTitle .p2 {
  top:50%;
  left:10%
}
.mainTitle .p3 {
  bottom:15vmin;
  left:50%
}
.mainTitle .p4 {
  top:10%;
  left:45%
}
.mainTitle .p5 {
  top:30%;
  right:5vmin
}
.mainTitle .p1 {
  top:5%;
  left:5vmin;
  margin:0
}
.mainTitle .p2 {
  top:50%;
  left:10%
}
.mainTitle .p3 {
  bottom:30vmin;
  left:50%;
  max-width:64px
}
.mainTitle .p4 {
  top:10%;
  left:45%;
  max-width:30vmin;
  width:30vmin
}
.mainTitle .p5 {
  top:30%;
  right:5vmin
}
.mainTitle .p6 {
  top:20%;
  left:20%
}
.mainTitle .p7 {
  bottom:30%;
  right:15%
}
.mainTitle i {
  display:block;
  position:absolute;
  width:20vmin;
  max-width:20vmin;
  filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.15));
    -webkit-filter:drop-shadow(3px 3px 6px rgba(0,0,0,0.15))
}
.mainTitle i img {
  max-width:100%
}
.theMain svg.icon {
  animation:none;
  transform:translate3d(0,0,0);
  transition:all .1s linear
}
.theMain,
.theMain .mainTitle {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  transform:translate(0,0);
  max-width:100%
}
.ld .mainTitle h1 {
  width:80vmin;
  max-width:calc(100% - 64px);
  height:40vmin;
  background-size:contain;
  top:50%;
  left:50%;
  transform:translate(-50%,calc(-50% - 128px))
}
.theData {
  background:transparent;
  position:absolute;
  bottom:128px;
  width:100%;
  left:0;
  z-index:99
}
.theData:before,
.theData:after {
  display:none!important
}
@media (max-width:1080px) {
  .mainTitle i {
    display:block;
    position:absolute;
    width:25vmin;
    max-width:25vmin
  }
  .mainTitle i.p4 {
    max-width:40vmin;
    width:40vmin
  }
}
.linx span a use {
  animation:none
}
section#home {
  padding:0!important;
  overflow:hidden
}
.apply-form .fancybox__content iframe {
  -webkit-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  -o-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  transition:all .5s cubic-bezier(.68,-.55,.27,1.55);
  display:block;
  -webkit-animation:10s Hue2 linear infinite;
  animation:10s Hue2 linear infinite
}
nav.scrolled-top {
  background:transparent
}
nav:before,
nav:after {
  display:none!important
}
nav .menu li a {
  font-family:ProximaNova,sans-serif;
  font-weight:700
}
@media (max-width:1080px) {
  nav .menu li a {
    color:#fff
  }
}
#prlx {
  mix-blend-mode:normal;
  z-index:50;
  position:absolute;
  width:100%;
  height:100%;
  display:block
}
.a-cards {
  display:flex;
  display:flex;
  flex-flow:row wrap;
  align-items:flex-start
}
.a-cards .artist-card {
  flex:0 1 50%
}
.artist-card.is-wide {
  flex:0 1 100%
}
.artists-wrap h3 {
  font-size:1.25rem;
  letter-spacing:.25em
}
.mk-img img {
  display:block;
  max-width:100%;
  width:100%;
  height:auto
}
.master-card {
  position:relative;
  cursor:pointer;
  transition:all .25s ease-in-out;
  overflow:hidden;
  margin:0 auto 1rem
}
.master-card .mk-img {
  overflow:hidden;
  width:100%;
  position:relative;
  height:0;
  padding:90% 0 0
}
.master-card .mk-img img {
  transition:all .25s ease-in-out;
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto
}
.master-card:before {
  display:block;
  position:absolute;
  z-index:1;
  background:linear-gradient(90deg,#00fd91 20%,#00aef9 100%);
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  mix-blend-mode:color;
  opacity:0;
  transition:all .5s ease-in-out
}
.master-card:hover:before {
  opacity:1
}
.master-card:hover .mk-img img {
  transform:scale(1.25)
}
.master-card h3 {
  position:absolute;
  bottom:0;
  left:0;
  padding:2em .5em 1.5em;
  font-size:12px;
  margin:0;
  line-height:1.5em;
  font-weight:300;
  cursor:pointer;
  transition:all .25s ease-in-out;
  text-shadow:0 1px 3px #00000059;
  background:#000;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000000F2 100%);
  width:100%;
  text-align:center;
  text-transform:uppercase
}
.master-card h3 .accent {
  display:block;
  font-weight:800;
  font-size:20px
}
.master-card h3 .sm {
  display:block;
  margin:.25em auto .25em;
  font-weight:600;
  letter-spacing:.2em
}
.master-card h3:after {
  content:'Подробнее';
  display:block;
  text-transform:uppercase;
  margin:0 auto;
  font-size:12px;
  position:relative;
  background:0 0;
  text-align:center;
  width:100px;
  height:0;
  line-height:24px;
  transition:all .25s ease-in-out;
  overflow:hidden;
  font-weight:700;
  letter-spacing:.1em;
  border:1px solid var(--s-blue);
  opacity:0
}
.master-card:hover h3:after {
  height:24px;
  margin:1rem auto;
  color:var(--s-blue);
  opacity:1
}
.master-card .mk-time {
  display:block;
  position:absolute;
  left:0;
  right:auto;
  z-index:1;
  font-size:14px;
  padding:.25em .5em;
  background-color:transparent;
  color:var(--s-blue);
  font-weight:600;
  -webkit-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  top:-1px;
  transform-origin:left bottom;
  background-color:#000;
  letter-spacing:.1em
}
.mdl.container {
  width:960px;
  max-width:100%
}
@media(max-width:768px) {
  .mdl .artistImg {
    width:280px
  }
}
@media(max-width:1080px) {
  body,
  html {
    font-size:16px
  }
  .theData {
    height:auto;
    display:block;
    padding:0;
    bottom:160px
  }
  .theData .dateTime,
  .theData .linx {
    position:relative;
    top:auto;
    left:auto;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
    width:100%;
    margin:1rem auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .theData .dateTime {
    display:flex;
    width:300px;
    flex-direction:row;
    transform:scale(1)
  }
  .theData .linx {
    text-align:right;
    width:200px;
    position:relative;
    flex:0 1 64px
  }
  .theMain .icon {
    opacity:1;
    max-width:15vmin!important;
    max-height:15vmin!important
  }
  .theMain .icon.p3 {
    max-width:10vmin!important;
    top:70%;
    right:50%
  }
  .theData .date,
  .theData .place,
  .theData .time {
    margin:0 auto .25em;
    font-size:20px
  }
  .artist-card a i {
    font-size:10px!important
  }
}
.artist-card i small {
  color:#fff;
  font-weight:600;
  color:#fff;
  font-size:.9em;
  display:block;
  padding:.2em;
  text-shadow:1px 1px 3px var(--s-black);
  position:absolute;
  right:0
}
.artist-card i small:before {
  content:'*'
}
.is-gostinnaya .artist-card i small {
  right:auto;
  left:0
}
.soloma-timeline {
  padding:0 0 0 96px;
  margin:0 auto;
  display:flex;
  width:100%;
  align-content:center;
  align-items:center;
  justify-content:center;
  background-image:url(/2022/img/pattern-grunge.svg);
  position:relative;
  max-width:1000px
}
.soloma-timeline:before {
  width:80px;
  height:40px;
  content:'';
  display:block;
  position:absolute;
  left:16px;
  top:50%;
  transform:translate(0,-50%);
  background-image:url(/2022/img/soloma-live-w.svg);
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat
}
.soloma-timeline li {
  list-style:none;
  text-align:center;
  overflow:hidden;
  padding:1.5em 1em
}
.soloma-timeline li a {
  color:var(--s-blue);
  text-decoration:none;
  text-transform:uppercase;
  font-weight:700;
  transition:all .25s ease-in-out;
  padding:.5em;
  background-image:url(/2022/img/edge2.svg);
  background-size:auto 24px;
  background-repeat:no-repeat;
  background-position-y:-5px;
  background-color:#FFFFFF19
}
.soloma-timeline li a:hover {
  color:#fff;
  background-color:#000
}
@media (max-width:992px) {
  .soloma-timeline {
    flex-wrap:wrap;
    padding:16px 0
  }
  .soloma-timeline:before {
    left:50%;
    top:0;
    z-index:99;
    transform:translate(-50%,-50%)
  }
  .artist-card a {
    width:auto;
    position:relative;
    text-align:center
  }
  .mdl .artistImg img {
    max-height:70vmin
  }
}
.apply-form .fancybox__caption {
  color:var(--s-blue);
  font-size:14px;
  background:#222
}
@media (max-width:640px) {
  nav li .apply-btn:before {
    right:auto;
    left:0
  }
  .container {
    max-width:100%
  }
}
nav li .apply-btn:hover:before {
  opacity:1;
  visibility:visible;
  top:calc(100% + 4px)
}
.regtxt {
  display:block;
  position:relative;
  background:#0000007F;
  padding:1em 1.5em;
  margin:1rem auto;
  max-width:720px;
  color:var(--s-blue);
  box-shadow:0 6px 12px #00000059;
  border-radius:3px;
  font-size:16px
}
.regtxt .bt {
  text-align:center
}
.regtxt .apply-btn {
  display:inline-block;
  text-decoration:none;
  color:var(--s-blue);
  font-weight:600;
  text-transform:uppercase;
  padding:.5em;
  transition:all .25s
}
.artists-wrap h3 .apply-btn {
  display:inline-block;
  font-size:16px;
  text-decoration:none;
  border:0 solid transparent;
  font-weight:800;
  padding:.5em 1em;
  border-radius:0;
  transition:all .25s ease-in-out;
  background-size:200% auto;
  text-align:center;
  max-width:183px;
  margin:0;
  position:absolute;
  right:0;
  top:50%;
  transform:translate(0,-50%);
  text-shadow:1px 1px 1px rgba(0,0,0,0);
  letter-spacing:.15em;
  background-color:var(--new-green);
  background-image:var(--new-gradient);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:bottom left;
  color:#fff;
  box-shadow:0 0 12px rgba(255,255,255,0)
}
@media (max-width:1080px) {
  .artists-wrap h3 .apply-btn {
    position:relative;
    top:auto;
    left:auto;
    transform:translate(0,0);
    display:block;
    margin:.5em auto
  }
}
.artists-wrap h3 .apply-btn:hover {
  color:#fff;
  background-color:var(--s-black);
  border-color:#FFFFFFFF;
  text-shadow:1px 1px 1px #00000059;
  background-size:200% 100%;
  box-shadow:0 0 24px #FFFFFF7F
}
.artist-button-wrapper {
  text-align:center;
  clear:both;
  margin:1rem auto
}
.artist-button-wrapper a.artist-btn,
.rules-button-wrapper a.rules-btn {
  display:inline-block;
  position:relative;
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  text-align:center;
  padding:.5em 1em;
  text-decoration:none;
  max-width:240px;
  margin:0 auto;
  text-shadow:1px 1px 1px #0000003F;
  font-size:1rem;
  letter-spacing:.1em;
  transition:all .25s ease-in-out;
  color:var(--s-green);
  border:1px solid;
  font-size:18px;
}
.artist-button-wrapper a.artist-btn:hover,
.rules-button-wrapper a.rules-btn:hover {
  background:linear-gradient(90deg,#00fd91 20%,#00aef9 100%);
  color:#333
}
.rules-button-wrapper a.rules-btn:hover {
  border-color:transparent
}
a:focus,
a:hover {
  outline:none
}
:root {
  --hex-per-row:5;
  --hex-width:calc(100% / (var(--hex-per-row) - 1));
  --hex-row-margin:calc(var(--hex-width) / 2)
}
.hex-grid {
  display:flex;
  flex-wrap:wrap;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  font-family:sans-serif;
  list-style-type:none;
  flex-wrap:wrap
}
.hex {
  position:relative;
  outline:1px solid transparent;
  transition:all .5s;
  will-change:transform;
  transition:all .5s
}
.hex-in {
  position:relative;
  height:0;
  padding:110% 0 0;
  overflow:hidden
}
.hex-in * {
  position:absolute;
  visibility:visible;
  outline:0 solid transparent
}
.hex-link {
  display:block;
  width:calc(100% - 8px);
  height:calc(100% - 8px);
  text-align:center;
  color:#fff;
  overflow:hidden;
  position:absolute;
  top:50%;
  left:50%;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  transform:translate(-50%,-50%);
  background-color:#FFFFFF7F;
  cursor:crosshair
}
.hex img {
  min-width:100%;
  height:auto;
  display:block;
  width:100%;
  min-height:100%;
  object-fit:cover;
  transition:all .25s ease-in-out;
  z-index:20
}
.hex-img {
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  transform:translate(-50%,-50%);
  clip-path:polygon(50% 4%,96% 27%,96% 73%,50% 96%,4% 73%,4% 27%)
}
.hex-txt {
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align:center;
  height:auto;
  display:block;
  height:auto;
  min-height:40px
}
.hex-txt h3 {
  text-align:center;
  width:auto;
  max-width:90%;
  display:block;
  text-transform:uppercase;
  text-shadow:1px 1px 1px #0000003F;
  line-height:1em;
  margin:0 auto;
  padding:0;
  font-weight:900;
  font-size:18px;
  padding:.5em;
  margin:0 auto;
  position:relative;
  font-size:14px;
  background:var(--new-gradient);
  transition:all .25s ease-in-out;
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  clip-path:polygon(0% 0%,100% 0%,95% 50%,100% 100%,0% 100%,5% 50%)
}
a:hover .hex-txt h3 {
  color:#fff;
  clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%)
}
a.hex-link:hover img {
  transform:scale(1.25);
  transition:all .5s ease-in-out;
  filter:saturate(1.5) contrast(1.5) brightness(.75) hue-rotate(15deg) blur(3px)
}
.hex {
  width:var(--hex-width);
  flex:0 1 var(--hex-width)
}
.hex:nth-of-type(5) {
  margin:0 0 0 var(--hex-row-margin)
}
@media (max-width:768px) {
  .hex:first-child {
    margin:0 auto
  }
  .hex {
    width:50%;
    flex:0 1 50%
  }
  .hex:nth-child(3n) {
    margin:-14% 0 0 25%
  }
  .hex:nth-child(6n - 1),
  .hex:nth-child(6n - 2) {
    margin:-14% 0 0
  }
  .hex:last-of-type {
    margin:auto
  }
}
:root {
  --new-pink:#E1F;
  --new-green:#7F7;
  --new-blue:#1BF;
  --new-bg:#86D;
  --new-timing:20s;
  --new-circle-margin:40%;
  --new-bg-size:150vmax
}
#home {
  width:100%;
  height:100vh;
  overflow:hidden;
  position:relative;
  background-color:var(--new-bg)
}
.new-bg {
  width:var(--new-bg-size);
  height:var(--new-bg-size);
  position:absolute;
  overflow:visible;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:var(--new-bg);
  animation:var(--new-timing) Rt linear infinite
}
@keyframes Rt {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  100% {
    transform:translate(-50%,-50%) rotate(360deg)
  }
}
.new-bg .c {
  display:block;
  position:absolute;
  height:4px;
  width:100%;
  top:50%;
  left:0;
  margin:-2px 0 0 0;
  overflow:visible
}
.c1 {
  transform:rotate(120deg)
}
.c2 {
  transform:rotate(240deg)
}
.c:before {
  content:"";
  width:100%;
  height:0;
  padding:100% 0 0;
  background:radial-gradient(circle,#F50FFFFF 10%,rgba(245,15,255,0) 70%);
  position:absolute;
  display:block;
  left:var(--new-circle-margin);
  top:50%;
  border-radius:50%;
  transform:translate(0,-50%)
}
.c2:before {
  background:radial-gradient(circle,#7cfc75 10%,#7cfc7500 70%)
}
.c3:before {
  background:radial-gradient(circle,#14baf8 10%,#14baf800 70%)
}
.c:before {
  animation:calc(var(--new-timing) / 2) ScaleGr ease-in-out
}
@keyframes ScaleGr {
  0%,
  70%,
  100% {
    transform:translate(0,-50%) scale(1)
  }
  80% {
    transform:translate(0,-50%) scale(.8)
  }
  90% {
    transform:scale(1.2)
  }
}
.c2:before {
  animation-delay:calc(var(--new-timing) * .15)
}
.c3:before {
  animation-delay:calc(var(--new-timing) * .1)
}
.rays {
  width:var(--new-bg-size);
  height:var(--new-bg-size);
  z-index:0;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  opacity:.2;
  animation:calc(var(--new-timing) * 2.25) Rt linear infinite reverse;
  background-image:url(/2025/i/rays.svg);
  z-index:50;
  display:block;
  position:absolute;
 
}
section#home {
  z-index:10
}
section#lineup {
  z-index:11
}
section#activities {
  z-index:12
}
section#partners {
  z-index:13
}
section#contacts {
  z-index:14
}
section:not(.live) * {
  animation-play-state:paused!important
}
#partners h3 {
  text-align:center;
  text-transform:uppercase;
  color:var(--new-pink);
  line-height:1.1em;
  letter-spacing:.1em;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  background:var(--new-gradient);
  -webkit-background-clip:text;
  background-size:100% auto
}
#partners:before,
#partners:after {
  display:none
}
b.partner {
  display:block;
  position:relative;
  width:100%;
  height:0;
  padding:50% 0 0
}
b.partner a {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
b.partner img {
  max-width:100%;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  width:90%;
  height:auto
}
#partners .row {
  padding:2rem 0
}
@media (max-width:1080px) {
  .icon.p7 {
    top:auto;
    right:-16px;
    bottom:40%
  }
  .icon.p3 {
    bottom:auto;
    left:auto;
    right:8px;
    top:0
  }
  .icon.p2 {
    left:50%;
    top:40%
  }
  .info-row {
    flex-direction:column;
    align-content:center
  }
  .icon.p5 {
    bottom:auto;
    left:auto;
    right:8px;
    top:15%;
    bottom:auto
  }
  .info-row>div {
    flex:0 1 100%;
    width:100%
  }
}
.orgs {
  display:flex;
  align-content:center;
  align-items:stretch;
  text-align:center;
  justify-content:space-around;
  flex-direction:row;
  flex-wrap:nowrap
}
.orgs img {
  display:block;
  position:relative;
  margin:0 auto;
  max-width:90%
}
.orgs .org {
  display:block;
  width:100%;
  text-align:center;
  padding:.5rem
}
.orgs a {
  transition:all .25s ease-in-out;
  display:block
}
.orgs a:hover {
  transform:scale(1.1)
}
.container,
section .container {
  max-width:100%!important;
  width:1320px
}
.place-details {
  font-size:1rem;
  text-transform:none;
  font-weight:normal;
  font-size:14px;
  background:transparent;
  padding:12px 24px;
  border-radius:0;
  box-shadow:0 3px 24px #FFFFFF59;
  backdrop-filter:brightness(1) blur(64px) hue-rotate(350deg)
}
.place-details h3 {
  text-transform:uppercase;
  color:var(--s-blue)
}
.place-details p {
  margin:0 auto .5em
}
.place-details ul {
  padding:0 0 0 16px
}
@media (max-width:1080px) {
  #partners b {
    margin:0 0 2rem;
    display:block
  }
  #partners b img {
    max-width:180px;
    display:block;
    margin:0 auto 1rem
  }
  b.partner {
    padding:25% 0 0
  }
}
.hex.hex-big {
  width:100%;
  display:block;
  height:0;
  padding:110% 0 0;
  position:relative;
  background-color:#FFFFFF7F;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)
}
.hex.hex-big .hex-img {
  position:absolute;
  top:50%;
  left:50%
}
.container.akcia {
  padding:1.5rem 2rem 0;
  margin:1.5rem auto 0;
  border-top:1px dashed #FFFFFF7F
}
#rules article {
  display:block;
  padding:0 1.5rem;
  position:relative;
  z-index:50
}
#rules article h1,
#rules article h2,
#rules article h3 {
  color:#1EE
}
#rules article p {
  margin:0 auto .25em
}
.mdl#rules:before {
  opacity:.1
}
.rules-button-wrapper.is-akcia {
  text-align:center
}
.rules-button-wrapper.is-akcia .rules-btn {
  background:var(--new-gradient);
  color:#fff;
  border:0 none;
  box-shadow:0 3px 6px #0000003F
}
.contacts .location a {
  text-decoration:none;
  font-size:1.25rem;
  display:block;
  padding:0 0 0 36px;
  position:relative;
  color:#fff;
  font-weight:800
}
.contacts .location a:before {
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  width:12px;
  height:12px;
  border:3px solid var(--s-green);
  border-radius:16px 16px 0 16px;
  transform:rotate(45deg) translate(0,-80%)
}