/*** Fonts ***/
/*** Montserrat ***/
@font-face {
  font-family: "Montserrat ExtraBold";
  src: url("Montserrat-ExtraBold.eot");
  src: url("Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Montserrat-ExtraBold.woff2") format("woff2"), url("Montserrat-ExtraBold.woff") format("woff"), url("Montserrat-ExtraBold.ttf") format("truetype"), url("Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat Black";
  src: url("Montserrat-Black.eot");
  src: url("Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("Montserrat-Black.woff2") format("woff2"), url("Montserrat-Black.woff") format("woff"), url("Montserrat-Black.ttf") format("truetype"), url("Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat Bold";
  src: url("Montserrat-Bold.eot");
  src: url("Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("Montserrat-Bold.woff2") format("woff2"), url("Montserrat-Bold.woff") format("woff"), url("Montserrat-Bold.ttf") format("truetype"), url("Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat Light";
  src: url("Montserrat-Light.eot");
  src: url("Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("Montserrat-Light.woff2") format("woff2"), url("Montserrat-Light.woff") format("woff"), url("Montserrat-Light.ttf") format("truetype"), url("Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat Regular";
  src: url("Montserrat-Regular.eot");
  src: url("Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("Montserrat-Regular.woff2") format("woff2"), url("Montserrat-Regular.woff") format("woff"), url("Montserrat-Regular.ttf") format("truetype"), url("Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat Medium";
  src: url("Montserrat-Medium.eot");
  src: url("Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("Montserrat-Medium.woff2") format("woff2"), url("Montserrat-Medium.woff") format("woff"), url("Montserrat-Medium.ttf") format("truetype"), url("Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Montserrat SemiBold";
  src: url("Montserrat-SemiBold.eot");
  src: url("Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("Montserrat-SemiBold.woff2") format("woff2"), url("Montserrat-SemiBold.woff") format("woff"), url("Montserrat-SemiBold.ttf") format("truetype"), url("Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
/*** Colors ***/
/* line 163, _var.scss */
:root {
  --color-btn-bg: #cf4242; }

/* line 167, _var.scss */
.color-white {
  color: #ffffff !important;
  fill: #ffffff !important; }

/* line 172, _var.scss */
.color-gray {
  color: #CCCDCD !important;
  fill: #CCCDCD !important; }

/* line 177, _var.scss */
.color-red {
  color: #D62D34 !important;
  fill: #D62D34 !important; }

/* line 182, _var.scss */
.color-redLight {
  color: #cf4242 !important;
  fill: #cf4242 !important; }

/* line 187, _var.scss */
.color-yellow {
  color: #FEC51B !important;
  fill: #FEC51B !important; }

/* line 192, _var.scss */
.color-gold {
  color: #AC8100 !important;
  fill: #AC8100 !important; }

/* line 197, _var.scss */
.color-stroke-gold {
  stroke: #AC8100 !important; }

/* line 201, _var.scss */
.bold {
  font-family: "Montserrat Bold", sans-serif !important; }

/* line 205, _var.scss */
.semiBold {
  font-family: "Montserrat SemiBold", sans-serif !important; }

/* line 209, _var.scss */
.light {
  font-family: "Montserrat Light", sans-serif !important; }

/* line 213, _var.scss */
.medium {
  font-family: "Montserrat Medium", sans-serif !important; }

/* line 217, _var.scss */
.regular {
  font-family: "Montserrat Regular", sans-serif !important; }

/* line 221, _var.scss */
.font-18 {
  font-size: 18px !important;
  line-height: 30px; }

/* line 226, _var.scss */
.font-24 {
  font-size: 24px !important;
  line-height: normal; }

/* line 231, _var.scss */
.font-28 {
  font-size: 28px !important;
  line-height: normal; }

/* line 236, _var.scss */
.max-250 {
  max-width: 250px !important; }

/* line 4, calendar.scss */
.switch-server {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px; }
  /* line 10, calendar.scss */
  .switch-server--item {
    max-width: 200px; }

/* line 15, calendar.scss */
.main-date {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: 50px; }
  /* line 21, calendar.scss */
  .main-date .date {
    font-family: "Montserrat Medium", sans-serif;
    font-size: 42px;
    line-height: 51px; }
  /* line 27, calendar.scss */
  .main-date .day {
    margin-left: 30px;
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    opacity: .5; }
  /* line 36, calendar.scss */
  .main-date .time {
    display: flex;
    align-items: center;
    align-self: baseline;
    margin: 10px 0 0 13px;
    cursor: pointer; }
    /* line 43, calendar.scss */
    .main-date .time svg {
      width: 24px;
      height: 24px;
      margin-right: 4px; }
    /* line 49, calendar.scss */
    .main-date .time .text {
      font-family: "Montserrat Medium", sans-serif;
      font-size: 24px;
      line-height: 18px;
      text-transform: uppercase; }

/* line 58, calendar.scss */
.calendar-slider-wrap {
  position: relative;
  max-width: 1560px;
  margin: 40px auto 0;
  padding: 0 70px; }
  /* line 64, calendar.scss */
  .calendar-slider-wrap .swiper-button-prev {
    left: 0;
    transform: rotate(180deg); }
  /* line 69, calendar.scss */
  .calendar-slider-wrap .swiper-button-next {
    right: 0; }
  /* line 75, calendar.scss */
  .calendar-slider-wrap .arrow:after {
    display: none; }
  /* line 79, calendar.scss */
  .calendar-slider-wrap .arrow .icon {
    width: 28px;
    height: 28px; }
    /* line 83, calendar.scss */
    .calendar-slider-wrap .arrow .icon:hover {
      stroke: #cf4242; }

/* line 90, calendar.scss */
.calendar-slider {
  overflow: hidden; }
  /* line 93, calendar.scss */
  .calendar-slider .swiper-wrapper {
    padding: 10px 0 13px; }
  /* line 97, calendar.scss */
  .calendar-slider--item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    transition: .3s;
    border: 2px solid #888888;
    cursor: pointer; }
    /* line 107, calendar.scss */
    .calendar-slider--item:hover {
      border-color: #ffffff; }
      /* line 110, calendar.scss */
      .calendar-slider--item:hover .day {
        font-family: "Montserrat SemiBold", sans-serif;
        opacity: 1; }
    /* line 116, calendar.scss */
    .calendar-slider--item.active {
      border-color: #cf4242; }
      /* line 119, calendar.scss */
      .calendar-slider--item.active .day {
        font-family: "Montserrat SemiBold", sans-serif;
        opacity: 1; }
  /* line 126, calendar.scss */
  .calendar-slider .date {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #151515;
    font-family: "Montserrat Medium", sans-serif;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap; }
  /* line 140, calendar.scss */
  .calendar-slider .day {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    opacity: .5;
    transition: .3s; }
  /* line 150, calendar.scss */
  .calendar-slider .marker {
    position: absolute;
    left: 50%;
    bottom: -40%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 110px;
    padding: 5px;
    background: #ffffff;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #cf4242;
    text-align: center;
    text-transform: uppercase; }

/* line 168, calendar.scss */
.events-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 30px 0 0 -20px; }
  /* line 175, calendar.scss */
  .events-list--item {
    position: relative;
    flex: 100%;
    max-width: calc(33.333% - 20px);
    margin: 20px 0 0 20px;
    padding: 10px 13px 17px;
    background: #282828;
    overflow: hidden; }
  /* line 185, calendar.scss */
  .events-list .info-block {
    position: relative;
    display: flex;
    z-index: 5; }
    /* line 190, calendar.scss */
    .events-list .info-block .title {
      font-family: "Montserrat SemiBold", sans-serif;
      font-size: 14px;
      line-height: 17px;
      text-align: left;
      text-transform: uppercase; }
  /* line 199, calendar.scss */
  .events-list .time-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0 0 -15px;
    z-index: 5; }
  /* line 207, calendar.scss */
  .events-list .time--item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 100%;
    max-width: calc(33.333% - 15px);
    height: 25px;
    margin: 10px 0 0 15px;
    background: #151515;
    cursor: pointer; }
    /* line 222, calendar.scss */
    .events-list .time--item:hover:before, .events-list .time--item.active:before {
      width: 100%; }
    /* line 227, calendar.scss */
    .events-list .time--item.horde:before {
      background: #D62D34; }
    /* line 231, calendar.scss */
    .events-list .time--item.neutral:before {
      background: #8E8588; }
    /* line 235, calendar.scss */
    .events-list .time--item span {
      position: relative;
      font-size: 16px;
      line-height: 20px;
      z-index: 10; }
    /* line 242, calendar.scss */
    .events-list .time--item:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 7px;
      height: 100%;
      background: #D62D34;
      transition: .3s;
      z-index: 1; }
    /* line 254, calendar.scss */
    .events-list .time--item.disabled {
      background: #4A4A4A;
      pointer-events: none; }
      /* line 258, calendar.scss */
      .events-list .time--item.disabled span {
        opacity: .4; }
      /* line 262, calendar.scss */
      .events-list .time--item.disabled:before {
        display: none; }
  /* line 268, calendar.scss */
  .events-list .image-bg {
    position: absolute;
    left: 0;
    bottom: 7%;
    width: 100%;
    text-align: center;
    opacity: .05;
    pointer-events: none;
    z-index: 1; }
  /* line 279, calendar.scss */
  .events-list .notice {
    max-width: 900px;
    margin: 50px 0 0 0;
    padding: 0 20px; }
    /* line 284, calendar.scss */
    .events-list .notice p {
      margin: 10px 0 0; }
      /* line 287, calendar.scss */
      .events-list .notice p:first-child {
        margin-top: 0; }

/* line 294, calendar.scss */
.calendar-block {
  padding: 52px 20px 119px;
  background: #0A0A0A;
  border-top: 4px solid #D62D34; }
  /* line 299, calendar.scss */
  .calendar-block .switch-server--item {
    min-height: 70px;
    font-size: 24px;
    line-height: 29px; }
  /* line 305, calendar.scss */
  .calendar-block .calendar-slider-wrap {
    max-width: 1126px;
    padding: 0 55px; }
  /* line 312, calendar.scss */
  .calendar-block .main-date .date {
    font-size: 24px;
    line-height: 29px; }
  /* line 317, calendar.scss */
  .calendar-block .main-date .day {
    margin-left: 15px;
    font-size: 16px;
    line-height: 20px; }
  /* line 323, calendar.scss */
  .calendar-block .main-date .time {
    align-self: center;
    margin: 0 0 0 13px; }
  /* line 328, calendar.scss */
  .calendar-block .main-date .link {
    display: flex;
    align-items: center;
    align-self: center;
    margin-left: 30px; }
    /* line 334, calendar.scss */
    .calendar-block .main-date .link svg {
      width: 30px;
      height: 28px;
      margin-right: 10px; }
    /* line 340, calendar.scss */
    .calendar-block .main-date .link .text {
      font-size: 18px;
      line-height: 22px;
      text-decoration-line: underline; }
  /* line 348, calendar.scss */
  .calendar-block .events-list {
    max-width: 1362px;
    margin: 0 auto; }
    /* line 352, calendar.scss */
    .calendar-block .events-list--item {
      flex: calc(25% - 14px);
      max-width: 100%;
      margin: 26px 7px 0; }
    /* line 358, calendar.scss */
    .calendar-block .events-list .time {
      margin: -10px 0 0 -10px; }
      /* line 361, calendar.scss */
      .calendar-block .events-list .time--item {
        max-width: 95px;
        margin: 10px 0 0 10px; }

/* line 371, calendar.scss */
.calendar-list--item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  /* line 376, calendar.scss */
  .calendar-list--item:first-child {
    margin-top: 0; }
/* line 381, calendar.scss */
.calendar-list .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 20px 0 0; }
  /* line 389, calendar.scss */
  .calendar-list .image svg {
    max-width: 60%;
    max-height: 60%;
    width: 100%;
    height: 100%; }
/* line 397, calendar.scss */
.calendar-list .info {
  margin-top: 10px; }
/* line 401, calendar.scss */
.calendar-list .price {
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px; }
/* line 407, calendar.scss */
.calendar-list .button-wrap {
  flex: 100%;
  margin: 10px 0 0; }
/* line 412, calendar.scss */
.calendar-list .spot-reserved {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px; }
  /* line 418, calendar.scss */
  .calendar-list .spot-reserved--item {
    padding: 2px 15px;
    background: #cf4242;
    font-family: "Montserrat Medium", sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase; }
    /* line 427, calendar.scss */
    .calendar-list .spot-reserved--item:first-child {
      margin-top: 0; }
/* line 433, calendar.scss */
.calendar-list .btn {
  display: block;
  max-width: 140px;
  height: auto;
  min-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 16px; }

/*** Media ***/
@media (max-width: 1441px) {
  /* line 450, calendar.scss */
  .calendar-slider-wrap {
    max-width: 1140px; }

  /* line 456, calendar.scss */
  .main-date .date {
    font-size: 36px;
    line-height: 44px; }
  /* line 461, calendar.scss */
  .main-date .day {
    font-size: 24px;
    line-height: 29px; }

  /* line 467, calendar.scss */
  .events-list {
    max-width: 1085px;
    margin: 0 auto; }
    /* line 471, calendar.scss */
    .events-list .notice {
      margin: 40px 0 0 0; } }
@media (max-width: 1281px) {
  /* line 481, calendar.scss */
  .events-list--item {
    margin: 20px 10px 0;
    padding: 10px 10px 50px; }
  /* line 486, calendar.scss */
  .events-list .info-block .image {
    width: 80px;
    height: 80px;
    min-width: 80px; } }
@media (max-width: 769px) {
  /* line 498, calendar.scss */
  .events-list--item {
    max-width: calc(50% - 20px); } }
@media (max-width: 561px) {
  /* line 506, calendar.scss */
  .main-date {
    flex-wrap: wrap;
    margin-top: 40px; }
    /* line 510, calendar.scss */
    .main-date .date {
      font-size: 24px;
      line-height: 29px; }
    /* line 515, calendar.scss */
    .main-date .day {
      margin-left: 12px;
      font-size: 18px;
      line-height: 22px; }

  /* line 522, calendar.scss */
  .calendar-slider-wrap {
    max-width: 290px;
    padding: 0 64px; }

  /* line 527, calendar.scss */
  .events-list {
    margin: 20px 0 0; }
    /* line 530, calendar.scss */
    .events-list--item {
      max-width: 300px;
      margin: 20px auto 0; }
      /* line 534, calendar.scss */
      .events-list--item:first-child {
        margin-top: 0; }
    /* line 541, calendar.scss */
    .events-list .info-block .image {
      width: 130px;
      height: 130px;
      min-width: 130px; }
    /* line 547, calendar.scss */
    .events-list .info-block .title {
      padding-left: 20px; }
    /* line 552, calendar.scss */
    .events-list .notice {
      margin-top: 0;
      padding: 0; }

  /* line 562, calendar.scss */
  .calendar-block .main-date .date,
  .calendar-block .main-date .day,
  .calendar-block .main-date .time,
  .calendar-block .main-date .link {
    margin: 10px 5px 0; }
  /* line 570, calendar.scss */
  .calendar-block .events-list {
    margin-top: 20px; }
    /* line 573, calendar.scss */
    .calendar-block .events-list--item {
      flex: calc(100% - 14px); } }
