<br />
<b>Warning</b>:  filemtime(): stat failed for /home/httpd/vhosts/sorryguysmedia.ru/subdomains/bestbarsmsk/httpdocs/visual/css/main.scss in <b>/home/admin/web/bestbarsmsk.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>138</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/7e63857838593880508446a6ca19c4a5.css): failed to open stream: Permission denied in <b>/home/admin/web/bestbarsmsk.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>214</b><br />
<br />
<b>Warning</b>:  file_put_contents(./files/temp/7e63857838593880508446a6ca19c4a5.css.meta): failed to open stream: Permission denied in <b>/home/admin/web/bestbarsmsk.sorryguyscdn.ru/public_html/core/preprocessors/scssphp-0.7.6/example/Server.php</b> on line <b>220</b><br />
/* compiled by scssphp v0.7.6 on Wed, 10 Dec 2025 00:35:17 +0000 (0.6809s) */

/* Constants */
/* Functions */
/* Fonts */
@font-face {
  font-family: 'PT Sans';
  src: url("/visual/fonts/PTSans-Regular.woff2") format('woff2'), url("/visual/fonts/PTSans-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url("/visual/fonts/PTSans-Bold.woff2") format('woff2'), url("/visual/fonts/PTSans-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url("/visual/fonts/Intro.woff2") format('woff2'), url("/visual/fonts/Intro.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Reset */
/* line 1, ./visual/css/_reset.scss */
*, *:before, *:after {
  flex-shrink: 1;
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}
/* line 9, ./visual/css/_reset.scss */
a, a:hover {
  color: inherit;
  text-decoration: none;
}
/* line 15, ./visual/css/_reset.scss */
button {
  color: inherit;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  overflow: visible;
}
/* line 24, ./visual/css/_reset.scss */
input, textarea, select {
  outline: none;
}
/* line 28, ./visual/css/_reset.scss */
img {
  border: none;
}
/* Html */
/* line 14, ./visual/css/main.scss */
html {
  width: 100%;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
@media (max-width: 680px), (max-height: 700px) {
  /* line 25, ./visual/css/main.scss */
  html {
    font-size: 8px;
  }
}
@media (max-width: 320px), (max-height: 500px) {
  /* line 31, ./visual/css/main.scss */
  html {
    font-size: 6px;
  }
}
/* Body */
/* line 37, ./visual/css/main.scss */
body {
  width: 100%;
  min-height: 100%;
  color: #fff;
  background: #000;
  overflow: hidden;
  overflow-y: auto;
}
/* Buttons */
/* line 47, ./visual/css/main.scss */
.btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5em;
  font-size: 1rem;
  color: #fff;
  border: 0.4em solid currentColor;
  border-radius: 2.5em;
  cursor: pointer;
  transition: all 0.3s;
}
/* line 62, ./visual/css/main.scss */
.btn:hover, .btn:focus, .btn.active {
  background: #00a039;
  border-color: #00a039;
}
/* line 69, ./visual/css/main.scss */
.btn.disabled, .btn[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
/* line 75, ./visual/css/main.scss */
.btn-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
/* line 86, ./visual/css/main.scss */
.btn-title {
  font-weight: 700;
  font-size: 1.4em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
}
/* line 93, ./visual/css/main.scss */
.btn-icon {
  display: block;
}
/* line 97, ./visual/css/main.scss */
svg.btn-icon {
  fill: currentColor;
  stroke: currentColor;
}
/* Inputs */
/* line 103, ./visual/css/main.scss */
.input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5714em;
  padding: 0 1.7143em;
  font-size: 1.4rem;
  color: #fff;
  background: none;
  border: 0.1429em solid currentColor;
  border-radius: 1.7857em;
  cursor: pointer;
  transition: all 0.3s;
}
/* line 117, ./visual/css/main.scss */
.input::placeholder {
  color: inherit;
}
/* line 122, ./visual/css/main.scss */
.input:focus, .input:hover {
  border-color: #00a039;
}
/* line 127, ./visual/css/main.scss */
.input.disabled, .input[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
/* line 133, ./visual/css/main.scss */
.select {
  position: relative;
  width: 100%;
  font-size: 1rem;
}
/* line 139, ./visual/css/main.scss */
.select.disabled {
  opacity: 0.2;
  pointer-events: none;
}
/* line 144, ./visual/css/main.scss */
.select select {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
/* line 151, ./visual/css/main.scss */
.select-input {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 5em;
  padding: 0 4em 0 2.4em;
  color: #fff;
  background: none;
  border: 0.2em solid currentColor;
  border-radius: 2.5em;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
/* line 167, ./visual/css/main.scss */
.select-input:focus, .select-input:hover {
  border-color: #00a039;
}
/* line 172, ./visual/css/main.scss */
.select.opened .select-input {
  color: #000;
  background: #fff;
  border-color: transparent;
}
/* line 178, ./visual/css/main.scss */
.select-input:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 0.6em 0 0.6em;
  border-color: #00a039 transparent transparent transparent;
  transform-origin: 50% 25%;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
/* line 193, ./visual/css/main.scss */
.select.opened .select-input:after {
  transform: rotate(-180deg);
}
/* line 197, ./visual/css/main.scss */
.select-label {
  font-size: 1.4rem;
}
/* line 201, ./visual/css/main.scss */
.select-dropdown {
  position: absolute;
  top: -9999px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 27em;
  padding: 5em 2.4em 2.5em 2.4em;
  color: #000;
  background: #fff;
  border-radius: 2.5em;
  opacity: 0;
  transition: opacity 0.6s, top 0s 0.6s;
}
/* line 216, ./visual/css/main.scss */
.select.opened .select-dropdown {
  top: 0;
  opacity: 1;
  transition-delay: 0s;
}
/* line 222, ./visual/css/main.scss */
.select-content {
  position: relative;
  height: 100%;
  padding: 0 1em 0 0;
}
/* line 228, ./visual/css/main.scss */
.select-content.scrollbar-visible:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0.3em;
  bottom: 0;
  width: 1px;
  background: #bfbfbf;
}
/* line 238, ./visual/css/main.scss */
.select-scrollbar {
  right: 0;
  z-index: 1;
  width: 0.7em;
  background: #00a039;
  border-radius: 0.4em;
}
/* line 246, ./visual/css/main.scss */
.select-option {
  font-weight: 700;
  font-size: 1.8em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
}
/* line 255, ./visual/css/main.scss */
.select-option + .select-option {
  margin-top: 0.8333em;
}
/* line 259, ./visual/css/main.scss */
.select-option:hover, .select-option:focus, .select-option.selected {
  color: #00a039;
}
/* line 265, ./visual/css/main.scss */
.input-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -1.2em -0.6em 1.5em;
}
/* line 272, ./visual/css/main.scss */
.input-col {
  max-width: 100%;
  width: 20em;
  margin: 1.2em 0 0;
  padding: 0 0.6em;
}
/* line 279, ./visual/css/main.scss */
.input-col-primary {
  width: 30em;
}
@media (max-width: 49.2em) {
  /* line 284, ./visual/css/main.scss */
  .input-row {
    flex-direction: column;
  }
  /* line 288, ./visual/css/main.scss */
  .input-col {
    max-width: 50em;
    width: 100%;
  }
  /* line 293, ./visual/css/main.scss */
  .input-col input, .input-col textarea, .input-col select {
    text-align: center;
  }
  /* line 299, ./visual/css/main.scss */
  .input-col-primary {
    order: -1;
  }
}
/* Forms */
/* line 305, ./visual/css/main.scss */
.form-message {
  max-width: 40em;
  width: 100%;
  margin: 0 auto 1.5em;
  font-size: 1.4em;
  line-height: 1.5;
  font-family: 'PT Sans', sans-serif;
  padding: 1.4em 1.8em;
  background: #00a039;
}
/* Popup */
/* line 317, ./visual/css/main.scss */
.popup {
  position: absolute;
  z-index: 1000;
  font-size: 1rem;
  color: #000;
  background: currentColor;
}
/* line 325, ./visual/css/main.scss */
.popup-arrow {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 2.1em solid transparent;
}
/* line 333, ./visual/css/main.scss */
.popup-top .popup-arrow {
  top: 100%;
  left: 50%;
  border-top-color: currentColor;
}
/* line 339, ./visual/css/main.scss */
.popup-content {
  width: 100%;
  padding: 3.5em 2.5em;
  color: #fff;
}
/* Captcha */
/* line 346, ./visual/css/main.scss */
.catpcha-popup {
  width: 27.5em;
}
/* line 350, ./visual/css/main.scss */
.captcha img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.5em;
}
/* line 357, ./visual/css/main.scss */
.captcha input {
  width: 100%;
}
/* line 361, ./visual/css/main.scss */
.captcha button {
  margin: 1em 0 0;
}
/* Steps */
/* line 366, ./visual/css/main.scss */
.steps-wrap {
  width: 100%;
  overflow: hidden;
}
/* line 371, ./visual/css/main.scss */
.steps {
  display: flex;
  width: 100%;
  transition: transform 0s 0.6s;
}
/* line 377, ./visual/css/main.scss */
.step {
  flex: 0 0 auto;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s;
}
/* line 384, ./visual/css/main.scss */
.step.active {
  opacity: 1;
  transition-delay: 0.6s;
}
/* Placeholder */
/* line 390, ./visual/css/main.scss */
.placeholder {
  position: relative;
  max-width: 100%;
  width: 100%;
}
/* line 396, ./visual/css/main.scss */
.placeholder-spacer {
  content: '';
  float: left;
  width: 1px;
  height: 0;
  margin: 0 0 0 -1px;
}
/* line 404, ./visual/css/main.scss */
.placeholder:after {
  content: '';
  display: table;
  clear: both;
}
/* line 410, ./visual/css/main.scss */
.placeholder-content {
  width: 100%;
}
/* Fixed */
/* line 415, ./visual/css/main.scss */
#fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
/* Menu */
/* line 424, ./visual/css/main.scss */
#menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 0.3s 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
/* line 438, ./visual/css/main.scss */
#menu.opened {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out, opacity 0.6s 0.3s ease-in-out;
}
/* line 444, ./visual/css/main.scss */
#menu-panel {
  position: relative;
  max-width: 36em;
  height: 100%;
  padding: 19.5rem 3em 4em 4.4rem;
  color: #fff;
  background: #000 url(/visual/img/menu-bg.png) no-repeat 50% 0;
  background-size: 100% auto;
}
/* line 454, ./visual/css/main.scss */
#menu-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 466, ./visual/css/main.scss */
#menu-nav-items {
  margin: 0 0 4em;
}
/* line 470, ./visual/css/main.scss */
.menu-nav-item {
  font-weight: 700;
  font-size: 2.4em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
}
/* line 477, ./visual/css/main.scss */
.menu-nav-item + .menu-nav-item {
  margin-top: 1.5em;
}
/* line 481, ./visual/css/main.scss */
.menu-nav-item a:hover, .menu-nav-item a:focus, .menu-nav-item a.active {
  color: #00a039;
}
/* line 487, ./visual/css/main.scss */
#menu-share-title {
  margin: 0 0 1.5em;
  font-size: 1.2em;
  line-height: 1;
  font-family: 'PT Sans', sans-serif;
}
/* line 494, ./visual/css/main.scss */
#menu-share-btns {
  display: flex;
  align-items: center;
}
/* line 499, ./visual/css/main.scss */
#menu-share-btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  border: 0.2em solid currentColor;
  border-radius: 50%;
  transition: all 0.3s;
}
/* line 510, ./visual/css/main.scss */
#menu-share-btns button:hover, #menu-share-btns button:focus {
  background: #00a039;
  border-color: transparent;
}
/* line 516, ./visual/css/main.scss */
#menu-share-btns button + button {
  margin-left: 0.6em;
}
/* line 520, ./visual/css/main.scss */
#menu-share-btns button svg {
  display: block;
  font-size: 0.7em;
  fill: currentColor;
  stroke: currentColor;
}
/* line 527, ./visual/css/main.scss */
#menu-city-links {
  display: none;
  margin: auto 0 0.3em 0;
}
/* line 532, ./visual/css/main.scss */
#menu-city-links a {
  display: block;
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
}
/* line 538, ./visual/css/main.scss */
#menu-city-links a.active {
  color: #00a039;
}
/* line 542, ./visual/css/main.scss */
#menu-city-links a + a {
  margin-top: 0.8333em;
}
/* line 546, ./visual/css/main.scss */
#menu-extra-links {
  margin: auto 0 0.3em 0;
}
/* line 550, ./visual/css/main.scss */
#menu-extra-links a {
  display: block;
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
}
/* line 556, ./visual/css/main.scss */
#menu-extra-links a:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 0 0.6em;
  vertical-align: middle;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.6em;
  border-color: transparent transparent transparent currentColor;
}
/* line 568, ./visual/css/main.scss */
#menu-extra-links a + a {
  margin-top: 0.8333em;
}
@media (max-width: 640px) {
  /* line 573, ./visual/css/main.scss */
  #menu {
    font-size: 10px;
  }
  /* line 577, ./visual/css/main.scss */
  #menu-panel {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  /* line 583, ./visual/css/main.scss */
  #menu-city-links {
    display: block;
  }
}
/* Header */
/* line 589, ./visual/css/main.scss */
#header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 10rem;
  padding: 0 3.7rem 0 4.4rem;
  color: #fff;
  background: #000;
}
/* line 602, ./visual/css/main.scss */
#menu-toggle-btn {
  position: relative;
  z-index: 101;
}
/* line 607, ./visual/css/main.scss */
#menu-toggle-btn span {
  display: block;
  height: 3px;
  background: currentColor;
  transition: all 0.3s;
}
/* line 614, ./visual/css/main.scss */
#menu-toggle-btn span + span {
  margin-top: 0.9em;
}
/* line 618, ./visual/css/main.scss */
#menu-toggle-btn span:nth-child(1) {
  width: 5em;
}
/* line 622, ./visual/css/main.scss */
#menu-toggle-btn span:nth-child(2) {
  width: 2.5em;
}
/* line 626, ./visual/css/main.scss */
#menu-toggle-btn span:nth-child(3) {
  width: 3.5em;
}
/* line 630, ./visual/css/main.scss */
#menu-toggle-btn.active span {
  width: 5em;
}
/* line 634, ./visual/css/main.scss */
#brand-logo {
  position: relative;
  z-index: 101;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 0 0 4em;
  padding: 1.6em 0;
}
/* line 644, ./visual/css/main.scss */
#brand-logo img {
  display: block;
  max-height: 100%;
  width: auto;
}
/* line 650, ./visual/css/main.scss */
#city-select {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 0 3.5em;
  padding: 0 2em 0 0;
  cursor: pointer;
}
/* line 659, ./visual/css/main.scss */
#city-select:after {
  content: '';
  position: absolute;
  top: 1em;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6em 0.6em 0 0.6em;
  border-color: currentColor transparent transparent transparent;
}
/* line 671, ./visual/css/main.scss */
#city-select svg {
  display: block;
  fill: currentColor;
  stroke: currentColor;
  font-size: 1em;
}
/* line 678, ./visual/css/main.scss */
#city-select span {
  font-size: 1.6em;
  font-family: 'PT Sans', sans-serif;
}
/* line 683, ./visual/css/main.scss */
#city-select div {
  position: absolute;
  top: 100%;
  left: 100%;
  min-width: 22em;
  margin: 0 0 0 -0.6em;
  padding: 1.6em 0 0;
  opacity: 0;
  transform: translate(-50%, 0);
  transition: all 0.6s;
  pointer-events: none;
}
/* line 696, ./visual/css/main.scss */
#city-select:hover div {
  pointer-events: auto;
  opacity: 1;
}
/* line 701, ./visual/css/main.scss */
#city-select ul {
  position: relative;
  padding: 2.2em 2.6em;
  list-style: none;
  background: #1b1b1b;
  border-radius: 1em;
}
/* line 709, ./visual/css/main.scss */
#city-select ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 1em 1.6em 1em;
  border-color: transparent transparent #1b1b1b transparent;
  transform: translate(-50%, -100%);
}
/* line 722, ./visual/css/main.scss */
#city-select li {
  font-size: 1.6em;
  font-family: 'PT Sans', sans-serif;
}
/* line 727, ./visual/css/main.scss */
#city-select li + li {
  margin-top: 1.25em;
}
/* line 731, ./visual/css/main.scss */
#city-select li a:hover {
  color: #00a039;
  transition: all 0.3s;
}
/* line 736, ./visual/css/main.scss */
#sponsor-logo {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 0 0 3em;
}
/* line 743, ./visual/css/main.scss */
#sponsor-logo div {
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
}
/* line 749, ./visual/css/main.scss */
#sponsor-logo img {
  display: block;
  max-height: 100%;
  width: auto;
  margin: 0 0 0 1.5em;
}
@media (max-width: 680px) {
  /* line 757, ./visual/css/main.scss */
  #header {
    font-size: 8px;
  }
}
@media (max-width: 576px) {
  /* line 763, ./visual/css/main.scss */
  #city-select {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 769, ./visual/css/main.scss */
  #brand-logo img, #sponsor-logo img {
    max-height: 70%;
  }
}
@media (max-width: 320px) {
  /* line 776, ./visual/css/main.scss */
  #header {
    font-size: 6px;
  }
}
/* Pages Nav */
/* line 782, ./visual/css/main.scss */
#pages-nav {
  position: fixed;
  top: 50%;
  left: 4.4rem;
  transform: translate(0, -50%);
}
/* line 789, ./visual/css/main.scss */
.pages-nav-item {
  position: relative;
  color: #fff;
}
/* line 794, ./visual/css/main.scss */
.pages-nav-item a {
  display: block;
}
/* line 798, ./visual/css/main.scss */
.pages-nav-item a:hover, .pages-nav-item a.active {
  color: #00a039;
}
/* line 803, ./visual/css/main.scss */
.pages-nav-item a:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin: 16px 0;
  border: 2px solid currentColor;
  border-radius: 50%;
  transition: all 0.6s;
}
/* line 814, ./visual/css/main.scss */
.pages-nav-item span {
  position: absolute;
  top: 50%;
  left: 100%;
  font-weight: 700;
  font-size: 10px;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  opacity: 0;
  transform: translate(12px, -50%);
  transition: all 0.6s;
}
/* line 829, ./visual/css/main.scss */
.pages-nav-item a:hover span, .pages-nav-item a.active span {
  opacity: 1;
}
@media (max-width: 992px) {
  /* line 835, ./visual/css/main.scss */
  #pages-nav {
    display: none;
  }
}
/* Pages */
/* line 841, ./visual/css/main.scss */
.page {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
/* line 848, ./visual/css/main.scss */
.page-background, .page-background:before, .page-background:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 859, ./visual/css/main.scss */
.page-foreground {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 10rem 0 0;
  z-index: 2;
}
@media (max-height: 568px) {
  /* line 871, ./visual/css/main.scss */
  .page-foreground {
    min-height: 568px;
  }
}
/* line 876, ./visual/css/main.scss */
.page-container {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
/* Home Page */
/* line 883, ./visual/css/main.scss */
#home .page-background {
  background: url("/visual/img/home-bg-l.jpg") no-repeat 100% 100% fixed;
  background-size: 100% auto;
}
@media (max-width: 1024px) {
  /* line 889, ./visual/css/main.scss */
  #home .page-background {
    background-image: url("/visual/img/home-bg-m.jpg");
  }
}
@media (max-width: 640px) {
  /* line 895, ./visual/css/main.scss */
  #home .page-background {
    background-image: url("/visual/img/home-bg-s.jpg");
  }
}
/* line 900, ./visual/css/main.scss */
#home .page-foreground {
  height: 100vh;
  padding: 0;
}
/* line 905, ./visual/css/main.scss */
#home-award-logo {
  margin: 0 0 4em;
}
/* line 909, ./visual/css/main.scss */
#home-award-logo img {
  position: relative;
  left: 15px;
  display: block;
  max-width: 100%;
  width: 22.6rem;
  height: auto;
  margin: 0 auto 2em;
}
/* line 919, ./visual/css/main.scss */
#home-award-logo div {
  position: relative;
  font-weight: 700;
  font-size: 3em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #00a039;
}
/* line 929, ./visual/css/main.scss */
#home-award-logo div:after {
  content: '18+';
  position: absolute;
  top: -50px;
  right: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 22px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  border: 3px solid currentColor;
  border-radius: 50%;
  opacity: 0.1;
}
/* line 947, ./visual/css/main.scss */
#home-title {
  max-width: 700px;
  margin: 0 auto 0.6667em;
  font-weight: 700;
  font-size: 4.2em;
  line-height: 1.2857;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
  text-align: center;
}
/* line 958, ./visual/css/main.scss */
#home-vote-btn {
  width: 24em;
  margin: 0 auto 6em;
}
/* line 963, ./visual/css/main.scss */
#home-scroll-hint {
  position: absolute;
  bottom: 3.5em;
  left: 50%;
  transform: translateX(-50%);
}
/* line 970, ./visual/css/main.scss */
#home-scroll-hint div:first-child {
  position: relative;
  width: 2.5em;
  height: 4.4em;
  margin: 0 auto 1em;
  border: 0.3em solid currentColor;
  border-radius: 1.25em;
}
/* line 979, ./visual/css/main.scss */
#home-scroll-hint div:first-child:after {
  content: '';
  position: absolute;
  top: 0.8em;
  left: 50%;
  width: 0.7em;
  height: 0.7em;
  background: currentColor;
  border-radius: 50%;
  transform: translateX(-50%);
}
/* line 991, ./visual/css/main.scss */
#home-scroll-hint div:last-child {
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
}
@media (max-width: 680px) {
  /* line 998, ./visual/css/main.scss */
  #home {
    font-size: 8px;
  }
  /* line 1002, ./visual/css/main.scss */
  #home-title {
    font-size: 3em;
  }
}
@media (max-width: 320px) {
  /* line 1008, ./visual/css/main.scss */
  #home {
    font-size: 6px;
  }
}
/* Vote Page */
/* line 1014, ./visual/css/main.scss */
#vote .page-background {
  background: url("/visual/img/brand-bg.png") no-repeat -307px -64px;
}
/* line 1018, ./visual/css/main.scss */
#vote .page-foreground {
  justify-content: flex-start;
  padding: 16rem 4.4rem 0;
}
/* line 1023, ./visual/css/main.scss */
#nomintaion-view-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -1.6em -0.8em 4em;
}
/* line 1031, ./visual/css/main.scss */
#nomintaion-view-btns button {
  width: 24em;
  margin: 0 0.8em 1.6em;
}
/* line 1036, ./visual/css/main.scss */
.nomination-header {
  display: flex;
  align-items: center;
  margin: 0 0 4em;
}
/* line 1042, ./visual/css/main.scss */
.nomination-header-trigger {
  cursor: pointer;
}
/* line 1046, ./visual/css/main.scss */
.nomination-header-icon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1.5em 0 0;
  color: #00a039;
}
/* line 1055, ./visual/css/main.scss */
.nomination-header-icon svg {
  display: block;
  fill: currentColor;
  stroke: currentColor;
  font-size: 1em;
}
/* line 1062, ./visual/css/main.scss */
.nomination-header-toggle-icon {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin: 0 1.5em 0 0;
  border: 0.4em solid currentColor;
  border-radius: 50%;
  transition: all 0.3s;
}
/* line 1075, ./visual/css/main.scss */
.nomination-header-trigger:hover .nomination-header-toggle-icon, .nomination-header-trigger:focus .nomination-header-toggle-icon {
  background: #00a039;
  border-color: #00a039;
}
/* line 1081, ./visual/css/main.scss */
.nomination-header-trigger.active .nomination-header-toggle-icon {
  transform: rotate(180deg);
}
/* line 1085, ./visual/css/main.scss */
.nomination-header-toggle-icon svg {
  display: block;
  fill: currentColor;
  stroke: currentColor;
  font-size: 1em;
}
/* line 1092, ./visual/css/main.scss */
.nomination-header-content {
  flex: 1 1 auto;
  padding: 0 0 1.4em;
}
/* line 1097, ./visual/css/main.scss */
.nomination-header-trigger .nomination-header-content {
  border-bottom: 0.1em solid currentColor;
}
/* line 1101, ./visual/css/main.scss */
.nomination-header-content h3 {
  margin: 0 0 0.1389em;
  font-weight: 700;
  font-size: 3.6em;
  font-family: 'Intro', sans-serif;
}
/* line 1108, ./visual/css/main.scss */
.nomination-header-trigger:hover .nomination-header-content h3, .nomination-header-trigger:focus .nomination-header-content h3 {
  color: #00a039;
}
/* line 1113, ./visual/css/main.scss */
.nomination-header-content p {
  font-size: 1.8em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1118, ./visual/css/main.scss */
.nomination-body {
  margin: 0 0 5em;
}
/* line 1122, ./visual/css/main.scss */
.special-nomination .nomination-body {
  position: relative;
  color: #fff;
  background: #000 url("/visual/img/special-nomination-bg.jpg") no-repeat 50% 50%;
  background-size: cover;
}
/* line 1129, ./visual/css/main.scss */
.special-nomination-card {
  position: relative;
  max-width: 100%;
  width: 1000px;
}
/* line 1135, ./visual/css/main.scss */
.special-nomination-card:before {
  content: '';
  float: left;
  width: 1px;
  height: 0;
  margin: 0 0 0 -1px;
  padding: calc(300 / 1000 * 100%) 0 0;
}
/* line 1144, ./visual/css/main.scss */
.special-nomination-card:after {
  content: '';
  display: table;
  clear: both;
}
/* line 1150, ./visual/css/main.scss */
.special-nomination-card-content {
  padding: 4em 2em;
}
/* line 1154, ./visual/css/main.scss */
.special-nomination-card-header {
  text-align: center;
}
/* line 1158, ./visual/css/main.scss */
.special-nomination-card-header h3 {
  margin: 0 0 0.2778em;
  font-weight: 700;
  font-size: 3.6em;
  font-family: 'Intro', sans-serif;
  color: #00a039;
}
/* line 1166, ./visual/css/main.scss */
.special-nomination-card-header p {
  margin: 0 0 1.6667em;
  font-size: 1.8em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1172, ./visual/css/main.scss */
.special-nomination-card-body form {
  margin: 0 0 4em;
}
/* line 1176, ./visual/css/main.scss */
.special-nomination-card-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1182, ./visual/css/main.scss */
.special-nomination-card-footer a {
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
  text-decoration: underline;
}
/* line 1188, ./visual/css/main.scss */
.special-nomination-card-footer a:hover {
  text-decoration: none;
}
/* line 1192, ./visual/css/main.scss */
.nominees {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0;
}
/* line 1198, ./visual/css/main.scss */
.nominee-wrap {
  display: flex;
  max-width: 520px;
  width: calc(100% / 2);
  margin: 40px 0 0;
  padding: 0 20px;
}
/* line 1206, ./visual/css/main.scss */
.nominee {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #1b1b1b;
}
/* line 1213, ./visual/css/main.scss */
.nominee-img-wrap {
  flex: 0 0 auto;
  position: relative;
  max-width: 100%;
  width: 480px;
  background: #313131;
}
/* line 1221, ./visual/css/main.scss */
.nominee-img-wrap:before {
  content: '';
  display: block;
  width: 100%;
  padding: calc(350 / 480 * 100%) 0 0;
}
/* line 1228, ./visual/css/main.scss */
.nominee-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 1237, ./visual/css/main.scss */
.nominee-body {
  flex: 1 1 auto;
  padding: 3em 3.4em 1.5em 4em;
}
/* line 1242, ./visual/css/main.scss */
.nominee-title {
  margin: 0 0 0.625em;
  font-weight: 700;
  font-size: 2.4em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1249, ./visual/css/main.scss */
.nominee-txt {
  margin: 0 0 2.5em;
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1255, ./visual/css/main.scss */
.nominee-footer {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5em 3.4em 3em 4em;
}
/* line 1263, ./visual/css/main.scss */
.nominee-vote-btn {
  width: 21em;
}
/* line 1267, ./visual/css/main.scss */
.nominee-vote-count {
  display: flex;
  align-items: center;
}
/* line 1272, ./visual/css/main.scss */
.nominee-vote-count-title {
  margin: 0 1em 0 0;
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
  color: #313131;
}
/* line 1279, ./visual/css/main.scss */
.nominee-vote-count-value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1667em;
  height: 4.1667em;
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
  background: #313131;
  border-radius: 50%;
}
/* line 1291, ./visual/css/main.scss */
#nomination-map-filters {
  max-width: 50em;
  width: 100%;
  margin: 0 auto 2em;
}
/* line 1297, ./visual/css/main.scss */
#nomination-map {
  position: relative;
  max-width: 100%;
  width: 1000px;
  min-height: 300px;
  margin: 0 auto;
}
/* line 1305, ./visual/css/main.scss */
#nomination-map:before {
  content: '';
  display: block;
  width: 100%;
  padding: calc(600 / 1000 * 100%) 0 0;
}
/* line 1312, ./visual/css/main.scss */
#nomination-map > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1320, ./visual/css/main.scss */
.cluster-title {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Intro', sans-serif;
  color: #fff;
}
/* line 1327, ./visual/css/main.scss */
.popup-nominee-title {
  margin: 0 0 0.75em;
  font-weight: 700;
  font-size: 2em;
  line-height: 1.2;
  font-family: 'PT Sans', sans-serif;
}
/* line 1335, ./visual/css/main.scss */
.popup-nominee-txt {
  margin: 0 0 2.8571em;
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1341, ./visual/css/main.scss */
.popup-nomination-title {
  margin: 0 0 1.1111em;
  font-weight: 700;
  font-size: 1.8em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
}
/* line 1349, ./visual/css/main.scss */
.popup-vote {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 1355, ./visual/css/main.scss */
.popup-vote-btn {
  width: 21em;
}
/* line 1359, ./visual/css/main.scss */
.popup-vote-count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.1667em;
  height: 4.1667em;
  font-size: 1.2em;
  font-family: 'PT Sans', sans-serif;
  background: #313131;
  border-radius: 50%;
}
@media (max-width: 600px) {
  /* line 1372, ./visual/css/main.scss */
  .nominee-wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 1378, ./visual/css/main.scss */
  .nominee-vote-count-title {
    display: none;
  }
}
@media (max-width: 480px) {
  /* line 1384, ./visual/css/main.scss */
  .nomination-header-content h3 {
    font-size: 2.8em;
  }
  /* line 1388, ./visual/css/main.scss */
  .special-nomination-card-header h3 {
    font-size: 2.8em;
  }
}
/* Jury Page */
/* line 1394, ./visual/css/main.scss */
#jury .page-background:after {
  content: '';
  top: -135px;
  right: -230px;
  left: auto;
  width: 796px;
  height: 675px;
  background: url("/visual/img/brand-bg.png") no-repeat;
}
/* line 1404, ./visual/css/main.scss */
#jury-title {
  margin: 0 0 0.9722em;
  padding: 0 0 0.4167em;
  font-weight: 700;
  font-size: 3.6em;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
  border-bottom: 0.0278em solid currentColor;
}
/* line 1414, ./visual/css/main.scss */
#jury-carousel {
  display: flex;
}
/* line 1418, ./visual/css/main.scss */
.jury-nav-btn {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.5em;
  color: #fff;
  background: #1b1b1b;
  transition: background-color 0.3s;
}
/* line 1430, ./visual/css/main.scss */
.jury-nav-btn:hover, .jury-nav-btn:focus {
  background: #00a039;
}
/* line 1435, ./visual/css/main.scss */
.jury-nav-btn svg {
  fill: currentColor;
  stroke: currentColor;
}
/* line 1440, ./visual/css/main.scss */
#jury-members-wrap {
  flex: 1 1 auto;
  padding: 0 1.5em;
  overflow: hidden;
}
/* line 1446, ./visual/css/main.scss */
#jury-members {
  display: flex;
}
/* line 1450, ./visual/css/main.scss */
.jury-member-wrap {
  flex: 0 0 auto;
  display: flex;
  width: calc(100% / 3);
  padding: 0 1.5em;
}
/* line 1457, ./visual/css/main.scss */
.jury-member {
  max-width: 250px;
  min-height: 41em;
  margin: 0 auto;
  color: #fff;
  background: #1b1b1b;
}
/* line 1465, ./visual/css/main.scss */
.jury-member-photo {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
/* line 1472, ./visual/css/main.scss */
.jury-member-body {
  padding: 2.4em;
}
/* line 1476, ./visual/css/main.scss */
.jury-member-name {
  margin: 0 0 0.3333em;
  font-weight: 700;
  font-size: 1.8em;
  font-family: 'PT Sans', sans-serif;
}
/* line 1483, ./visual/css/main.scss */
.jury-member-tag {
  display: block;
  margin: 0 0 1.5714em;
  font-size: 1.4em;
  font-family: 'PT Sans', sans-serif;
  color: #00a039;
}
/* line 1491, ./visual/css/main.scss */
.jury-member-txt {
  font-size: 1.4em;
  line-height: 1.1429;
  font-family: 'PT Sans', sans-serif;
}
@media (max-width: 1000px) {
  /* line 1498, ./visual/css/main.scss */
  #jury-title {
    font-size: 3.2em;
    padding-left: 4.4rem;
  }
}
@media (max-width: 820px) {
  /* line 1505, ./visual/css/main.scss */
  .jury-member-wrap {
    width: 50%;
  }
}
@media (max-width: 680px) {
  /* line 1511, ./visual/css/main.scss */
  #jury {
    font-size: 8px;
  }
}
@media (max-width: 520px) {
  /* line 1517, ./visual/css/main.scss */
  .jury-member-wrap {
    width: 100%;
  }
}
@media (max-width: 320px) {
  /* line 1523, ./visual/css/main.scss */
  #jury {
    font-size: 6px;
  }
}
/* E-ON Page */
/* line 1529, ./visual/css/main.scss */
#e-on .page-background {
  background: url("/visual/img/eon-bg-l.jpg") 100% 100% no-repeat fixed;
  background-size: 100% auto;
}
@media (max-width: 1024px) {
  /* line 1535, ./visual/css/main.scss */
  #e-on .page-background {
    background-image: url("/visual/img/eon-bg-m.jpg");
  }
}
@media (max-width: 640px) {
  /* line 1541, ./visual/css/main.scss */
  #e-on .page-background {
    background-image: url("/visual/img/eon-bg-s.jpg");
  }
}
/* line 1546, ./visual/css/main.scss */
#e-on-intro {
  display: flex;
  align-items: center;
  margin: 0 0 8em;
}
/* line 1552, ./visual/css/main.scss */
#e-on-intro > div {
  position: relative;
  width: 50%;
}
/* line 1557, ./visual/css/main.scss */
#e-on-intro h1 {
  margin: 0 0 1.1111em;
  font-weight: 700;
  font-size: 2.2em;
  line-height: 1.3636;
  font-family: 'Intro', sans-serif;
  text-transform: uppercase;
}
/* line 1566, ./visual/css/main.scss */
#e-on-intro p {
  font-size: 1.8em;
  line-height: 1.3333;
  font-family: 'PT Sans', sans-serif;
}
/* line 1572, ./visual/css/main.scss */
#e-on-intro p a {
  color: #00a039;
  transition: all 0.3s;
}
/* line 1577, ./visual/css/main.scss */
#e-on-intro p a:hover, #e-on-intro p a:focus {
  color: inherit;
}
/* line 1582, ./visual/css/main.scss */
#e-on-intro img {
  position: absolute;
  top: 50%;
  left: 2.6em;
  transform: translateY(-45%);
}
/* line 1589, ./visual/css/main.scss */
#e-on-videos {
  display: flex;
  margin: 0 0 6em;
}
/* line 1594, ./visual/css/main.scss */
.e-on-video {
  width: calc(100% / 3);
  padding: 0 1.2em;
  text-align: center;
}
/* line 1600, ./visual/css/main.scss */
.e-on-video-container {
  position: relative;
  max-width: 100%;
  width: 320px;
  margin: 0 0 2.5em;
  box-shadow: 0 0 2em 1em rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
/* line 1611, ./visual/css/main.scss */
.e-on-video-container:before {
  content: '';
  display: block;
  width: 100%;
  padding: calc(202 / 320 * 100%) 0 0;
}
/* line 1618, ./visual/css/main.scss */
.e-on-video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  border: 0.5em solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
/* line 1633, ./visual/css/main.scss */
.e-on-video-play-btn:hover, .e-on-video-play-btn:focus {
  background: #00a039;
  border-color: #00a039;
}
/* line 1639, ./visual/css/main.scss */
.e-on-video-play-btn svg {
  display: block;
  font-size: 1em;
  fill: currentColor;
  stroke: currentColor;
}
/* line 1646, ./visual/css/main.scss */
.e-on-video-title {
  font-weight: 700;
  font-size: 1.8em;
  font-family: 'Intro', sans-serif;
}
@media (max-width: 1024px) {
  /* line 1653, ./visual/css/main.scss */
  #e-on-intro {
    padding: 0 4.4rem;
    font-size: 8px;
  }
}
@media (max-width: 480px) {
  /* line 1660, ./visual/css/main.scss */
  #e-on-intro {
    flex-direction: column;
    font-size: 6px;
  }
  /* line 1665, ./visual/css/main.scss */
  #e-on-intro > div {
    width: 100%;
  }
  /* line 1669, ./visual/css/main.scss */
  #e-on-intro > div + div {
    margin-top: 6em;
  }
  /* line 1673, ./visual/css/main.scss */
  #e-on-intro img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transform: none;
  }
  /* line 1684, ./visual/css/main.scss */
  #e-on-videos {
    flex-direction: column;
    align-items: center;
  }
  /* line 1689, ./visual/css/main.scss */
  .e-on-video {
    width: 100%;
  }
  /* line 1693, ./visual/css/main.scss */
  .e-on-video + .e-on-video {
    margin-top: 6em;
  }
  /* line 1697, ./visual/css/main.scss */
  .e-on-video-container {
    margin-right: auto;
    margin-left: auto;
  }
}
/* Modal */
/* line 1704, ./visual/css/main.scss */
.modal {
  display: none;
  z-index: 1500;
}
/* line 1709, ./visual/css/main.scss */
.modal-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  color: #fff;
  border: 0.5em solid currentColor;
  border-radius: 50%;
  transform: translate(100%, -100%);
  transition: all 0.3s;
}
/* line 1725, ./visual/css/main.scss */
.modal-close-btn:hover, .modal-close-btn:focus {
  background: #00a039;
  border-color: #00a039;
}
/* line 1731, ./visual/css/main.scss */
.modal #iziModal-content {
  box-shadow: 0 0 2em 1em rgba(0, 0, 0, 0.25);
}
/* line 1735, ./visual/css/main.scss */
.modal-close-btn svg {
  display: block;
  font-size: 1em;
  fill: currentColor;
  stroke: currentColor;
}
/* line 1742, ./visual/css/main.scss */
.iziModal-overlay {
  z-index: 1400;
}
@media (max-width: 992px) {
  /* line 1747, ./visual/css/main.scss */
  .modal-close-btn {
    top: 15px;
    right: 15px;
    transform: none;
  }
}
/* Spin Animation */
/* line 1755, ./visual/css/main.scss */
.spin-animation {
  animation-name: spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  /* line 1763, ./visual/css/main.scss */
  from {
    transform: rotate(0deg);
  }
  /* line 1766, ./visual/css/main.scss */
  to {
    transform: rotate(360deg);
  }
}
/* Vue */
/* line 1772, ./visual/css/main.scss */
[v-cloak] {
  display: none;
}