@keyframes scaleIn {
  0% {
    transform: scale(0.5);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.1);
    opacity: 0.4; } }
@font-face {
  font-family: "Charterc";
  src: url("fonts/c2.otf"); }
.font1 {
  font-family: "Charterc"; }

* {
  margin: 0px;
  padding: 0px; }

html, body {
  width: 100%;
  height: 100%; }

body {
  font-family: "Open Sans", OSans, Tahoma, Arial;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  font-style: normal;
  min-width: 320px;
  background-color: #fff;
  color: #000;
  min-height: 800px; }

h4 {
  color: #7ba18c;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Charterc";
  font-weight: 400;
  font-size: 23px; }

h3 {
  color: #7ba18c;
  margin: 0px;
  padding: 16px 0px 0px 0px;
  text-align: left;
  font-family: "Charterc";
  font-weight: 400;
  font-size: 30px; }
  @media (max-width: 739px) {
    h3 {
      font-size: 24px; } }

h1, h2,
.likeH1 {
  color: #7ba18c;
  margin: 0px;
  padding: 20px 0px 30px 0px;
  font-family: "Charterc";
  font-weight: 400;
  font-size: 48px; }
  h1.center, h2.center,
  .likeH1.center {
    text-align: center; }
  h1.start, h2.start,
  .likeH1.start {
    text-align: center;
    margin: 50px 20px; }
  @media (max-width: 739px) {
    h1, h2,
    .likeH1 {
      font-size: 24px; } }
  h1.cnt, h2.cnt,
  .likeH1.cnt {
    padding-bottom: 0px; }

h1, .likeH1 {
  text-align: center; }

h1.h1_sub {
  margin-top: 0px; }
  @media (max-width: 1160px) {
    h1.h1_sub {
      margin-top: 60px; } }
  @media (max-width: 485px) {
    h1.h1_sub {
      margin-top: 0px; } }

img {
  max-width: 100%; }

img.FullImg {
  width: 100%; }

.likeA {
  cursor: pointer; }

.clr {
  clear: both; }

.noA {
  color: inherit;
  text-decoration: none; }

.nobr {
  white-space: nowrap; }

.disabled {
  cursor: inherit !important;
  filter: grayscale(100%) !important;
  opacity: 0.7; }

.Typo1 {
  font-weight: 500;
  font-size: 14px; }

.Typo2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px; }

.Typo3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px; }

.Typo5 {
  font-weight: 500;
  font-size: 24px; }

.center {
  text-align: center; }

.price {
  color: #f2d2ab; }

.Blue {
  background-color: #2555c5; }

.Content {
  max-width: 1350px;
  margin: 0px auto;
  padding: 0px 40px 0px 40px; }
  .Content.ext {
    max-width: 1240px; }
  @media (max-width: 739px) {
    .Content {
      padding: 0px 20px; }
      .Content.ext {
        padding: 0px 10px; } }
  @media (max-width: 559px) {
    .Content {
      padding: 0px 10px; }
      .Content.ext {
        padding: 0px 0px; } }
  .Content.begin {
    padding-top: 190px; }
    @media (max-width: 1160px) {
      .Content.begin {
        padding-top: 0px; } }
    @media (max-width: 485px) {
      .Content.begin {
        padding-top: 0px; } }

@media (max-width: 1039px) and (min-width: 920px) {
  .EventToday .Content {
    padding: 0px 10px; } }
@media (max-width: 919px) and (min-width: 740px) {
  .EventToday .Content {
    padding: 0px 10px; }
  .EventToday .GameList {
    font-size: 12px; }
    .EventToday .GameList .ico, .EventToday .GameList .aico, .EventToday .GameList .bico {
      width: 40px; } }

.RawPage {
  padding-top: 90px; }
  @media (max-width: 1160px) {
    .RawPage {
      padding-top: 0px; } }

.uText {
  color: #000000;
  font-family: "Open Sans", OSans;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 28px;
  text-align: left; }
  .uText h1, .uText h2 {
    line-height: normal; }
  .uText img, .uText iframe {
    max-width: 100%;
    height: auto !important; }
  .uText strong {
    font-weight: 600; }
  .uText .frames {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 75%; }
    .uText .frames iframe {
      position: absolute !important;
      left: 0px !important;
      width: 100% !important;
      top: 0px !important;
      height: 100% !important; }
  .uText a {
    text-decoration: underline;
    color: #000; }
    .uText a:active {
      text-decoration: none; }

.Sep {
  height: 20px;
  font-size: 0px;
  overflow: hidden; }
  .Sep.small {
    height: 10px; }
  .Sep.oah {
    height: 16px; }
  .Sep.mid {
    height: 30px; }
  .Sep.big {
    height: 40px; }
  .Sep.large {
    height: 60px; }
  .Sep.w1000 {
    max-width: 960px;
    margin: 0px auto; }
  .Sep.line {
    height: 1px;
    background-color: #3b3b3b;
    border-bottom: 1px solid #282828; }

.flagSize {
  height: 0px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 100px; }
  @media (max-width: 1160px) {
    .flagSize {
      width: 10px; } }

.B {
  font-family: "Charterc";
  display: inline-block;
  background-color: #7ba18c;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  transition: 0.5s;
  padding: 10px 12px;
  border: none;
  font-size: 18px;
  font-weight: 400; }
  .B.menu {
    overflow: hidden;
    padding: 10px;
    min-width: 240px;
    line-height: 40px;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase; }
  .B.small {
    line-height: 20px;
    font-size: 12px;
    padding: 0px 10px; }
  .B.mid {
    line-height: 30px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 16px; }
  .B.big {
    line-height: 45px;
    font-size: 16px;
    padding: 0px 20px; }
  .B.cart {
    line-height: 55px;
    font-size: 16px;
    padding: 0px 20px;
    min-width: 200px; }
  .B.w200 {
    min-width: 180px; }
  .B.w300 {
    min-width: 280px; }
  .B.full {
    display: block; }
  .B.red {
    background-color: #ca2432; }
  .B.black {
    background-color: #000;
    color: #f2d2ab;
    border-color: #f2d2ab; }
  .B.gold {
    background-color: #b09c81;
    color: #000;
    border-color: #f2d2a9; }
  .B.slow {
    color: #f5d5ae !important;
    border-color: #f5d5ae !important; }
  .B.trans {
    color: #7ba18c;
    border: 1px solid #7ba18c;
    background-color: transparent; }
  .B:hover {
    filter: brightness(120%); }

a .B {
  text-decoration: none; }

.Slider {
  position: relative;
  width: 100%;
  height: auto; }
  .Slider > img {
    width: 100%;
    height: auto; }
  .Slider .size1 {
    display: block; }
  .Slider .size2 {
    display: none; }
  @media (max-width: 1160px) {
    .Slider {
      position: relative; } }
  @media (max-width: 559px) {
    .Slider .size2 {
      display: block; }
    .Slider .size1 {
      display: none; } }
  .Slider .inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .Slider .inner .inner_slider {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden; }
    .Slider .inner .swiper-container {
      width: 100%;
      height: 100%; }
      .Slider .inner .swiper-container .swiper-slide {
        width: 100%;
        height: 100%; }
        .Slider .inner .swiper-container .swiper-slide div.slide {
          width: 100%;
          height: 100%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover; }
        .Slider .inner .swiper-container .swiper-slide .Grid9 {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 100%; }
          .Slider .inner .swiper-container .swiper-slide .Grid9 .B.trans {
            color: White;
            border: 1px solid white;
            padding: 16px 20px;
            font-family: "Charterc";
            font-size: 18px;
            font-weight: bold;
            background-color: rgba(0, 0, 0, 0.3);
            margin-top: 16px; }
          .Slider .inner .swiper-container .swiper-slide .Grid9 > div {
            color: white;
            font-family: "Charterc";
            font-size: 48px;
            text-shadow: 3px 4px 32px rgba(24, 24, 25, 0.99);
            line-height: normal;
            min-width: 200px;
            min-height: 200px;
            padding: 20px; }
            .Slider .inner .swiper-container .swiper-slide .Grid9 > div a {
              color: inherit;
              text-decoration: none; }
            @media (max-width: 1199px) {
              .Slider .inner .swiper-container .swiper-slide .Grid9 > div {
                min-width: 100px;
                min-height: 100px; } }
            @media (max-width: 940px) {
              .Slider .inner .swiper-container .swiper-slide .Grid9 > div {
                min-width: 50px;
                min-height: 50px;
                font-size: 32px; }
                .Slider .inner .swiper-container .swiper-slide .Grid9 > div .B.trans {
                  font-size: 14px; } }
            @media (max-width: 559px) {
              .Slider .inner .swiper-container .swiper-slide .Grid9 > div {
                min-width: 10px;
                min-height: 10px;
                font-size: 24px;
                padding: 10px; }
                .Slider .inner .swiper-container .swiper-slide .Grid9 > div .B.trans {
                  margin-top: 10px;
                  font-size: 12px;
                  padding: 10px 12px; } }
    .Slider .inner .swiper-wrapper {
      width: 100%;
      height: 100%; }
    .Slider .inner .banner {
      position: absolute;
      left: 45px;
      bottom: 55px;
      padding: 20px 50px;
      border: 1px solid #fff;
      background-color: rgba(0, 0, 0, 0.3);
      box-shadow: 3px 3px 5px #333;
      z-index: 10;
      text-align: center; }
      @media (max-width: 739px) {
        .Slider .inner .banner {
          left: 10px;
          bottom: 10px;
          transform: scale(0.8);
          transform-origin: 0px 100%; } }
      @media (max-width: 559px) {
        .Slider .inner .banner {
          position: absolute;
          left: 0px;
          right: 0px;
          top: 100%;
          height: 210px;
          transform: none;
          padding: 10px; }
          .Slider .inner .banner .Champ {
            transform: scale(0.9); }
            .Slider .inner .banner .Champ .title {
              font-size: 24px !important; } }
      .Slider .inner .banner .Champ {
        text-align: center; }
        .Slider .inner .banner .Champ .title {
          font-size: 32px;
          font-weight: 500;
          white-space: nowrap; }
        .Slider .inner .banner .Champ .date {
          font-size: 18px;
          font-weight: 500;
          line-height: 30px; }
        .Slider .inner .banner .Champ .game {
          font-size: 18px;
          font-weight: 500;
          display: inline-grid;
          grid-template-areas: "g g g" "a t b" "c c c"; }
          .Slider .inner .banner .Champ .game .time {
            font-size: 24px;
            line-height: 66px;
            min-width: 120px;
            grid-area: t; }
          .Slider .inner .banner .Champ .game .group {
            line-height: 30px;
            padding-bottom: 6px;
            grid-area: g; }
          .Slider .inner .banner .Champ .game .a {
            grid-area: a; }
          .Slider .inner .banner .Champ .game .b {
            grid-area: b; }
          .Slider .inner .banner .Champ .game .name {
            margin-top: 6px; }
          .Slider .inner .banner .Champ .game .control {
            padding-top: 16px;
            grid-area: c; }
    @media (max-width: 559px) {
      .Slider .inner {
        overflow: visible; } }
  @media (max-width: 559px) {
    .Slider.xBan {
      margin-bottom: 230px; } }

.Grid9 {
  display: grid;
  grid-template-columns: auto auto auto; }
  .Grid9 .c1 {
    place-self: start; }
  .Grid9 .c2 {
    place-self: start center; }
  .Grid9 .c3 {
    place-self: start end; }
  .Grid9 .c4 {
    place-self: center start; }
  .Grid9 .c5 {
    place-self: center; }
  .Grid9 .c6 {
    place-self: center end; }
  .Grid9 .c7 {
    place-self: end start; }
  .Grid9 .c8 {
    place-self: end center; }
  .Grid9 .c9 {
    place-self: end; }
  .Grid9 .c1, .Grid9 .c4, .Grid9 .c7 {
    text-align: left; }
  .Grid9 .c2, .Grid9 .c5, .Grid9 .c8 {
    text-align: center; }
  .Grid9 .c3, .Grid9 .c6, .Grid9 .c9 {
    text-align: right; }

.innerPage .Gamburger .inner menu,
.innerPage .Gamburger .inner .phones,
.innerPage .Gamburger .inner .infoLine {
  color: #000; }

header {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 80px;
  height: 74px;
  z-index: 9;
  margin: 0px;
  padding: 0px 0px 16px 0px; }
  @media (max-width: 1199px) {
    header {
      right: 20px; } }
  header a {
    color: inherit;
    text-decoration: none; }
  header .headLine {
    height: 100%; }
  header .Logo {
    position: relative;
    width: 250px;
    height: 100%; }
    header .Logo .icon {
      position: absolute;
      right: 20px;
      top: 0px;
      width: 187px;
      height: 135px;
      background: url("/img/logo.png") left top no-repeat;
      background-size: top center;
      z-index: 9; }
  header .Gamburger {
    position: relative;
    font-size: 0px;
    height: 100%; }
    header .Gamburger .sw {
      cursor: pointer;
      position: absolute;
      left: 16px;
      top: 16px;
      display: none; }
      header .Gamburger .sw .line {
        position: absolute;
        width: 24px;
        height: 2px;
        background: url("img/gmb.png") left top no-repeat;
        left: 8px;
        transition: 0.5s; }
        header .Gamburger .sw .line.x1 {
          top: 12px; }
        header .Gamburger .sw .line.x2 {
          top: 19px; }
        header .Gamburger .sw .line.x3 {
          top: 26px; }
    header .Gamburger .inner {
      width: 100%;
      height: 100%;
      z-index: 12;
      display: flex;
      align-items: end; }
      header .Gamburger .inner .mobi {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: end; }
      header .Gamburger .inner .menuLine {
        text-align: right;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0px 20px;
        margin: 0px; }
      header .Gamburger .inner menu {
        width: 100%;
        display: inline-flex;
        justify-content: end;
        column-gap: 20px;
        flex-wrap: nowrap;
        position: relative;
        padding: 0px;
        margin: 0px;
        color: #fefefe;
        font-size: 20px;
        font-weight: 700; }
        header .Gamburger .inner menu .item {
          position: relative;
          white-space: nowrap; }
          header .Gamburger .inner menu .item a {
            display: block; }
            header .Gamburger .inner menu .item a:hover {
              color: #feeed3; }
            @media (max-width: 1160px) {
              header .Gamburger .inner menu .item a {
                display: inline; } }
        header .Gamburger .inner menu .sub {
          display: none;
          position: absolute;
          left: 0px;
          top: 26px;
          padding: 0px 20px;
          margin: 0px;
          background-color: #7ba18c;
          z-index: 100; }
          header .Gamburger .inner menu .sub .item {
            color: white;
            display: block;
            padding: 16px 10px;
            margin: 0px 10px;
            text-align: center; }
            header .Gamburger .inner menu .sub .item a:hover {
              color: #feeed3; }
          @media (max-width: 1160px) {
            header .Gamburger .inner menu .sub {
              display: block !important;
              margin-left: 20px !important;
              animation: none !important; } }
        header .Gamburger .inner menu .top {
          position: absolute;
          right: 0px;
          top: -30px;
          text-align: right;
          z-index: 9; }
          @media (max-width: 1160px) {
            header .Gamburger .inner menu .top {
              top: 50px;
              right: -37px; } }
        @media (max-width: 1199px) {
          header .Gamburger .inner menu {
            gap: 10px; } }
      header .Gamburger .inner .phones {
        flex-grow: 0;
        flex-shrink: 0;
        color: #fff;
        font-weight: 400;
        font-size: 20px;
        padding: 0px 0px 0px 40px;
        margin: 0px; }
        header .Gamburger .inner .phones > span {
          vertical-align: bottom; }
        header .Gamburger .inner .phones > span.fa {
          font-size: 28px;
          vertical-align: baseline; }
        header .Gamburger .inner .phones > .txt {
          display: none;
          font-family: "Charterc";
          color: #7ba18c; }
        @media (max-width: 1199px) {
          header .Gamburger .inner .phones {
            padding: 0px; } }
        @media (max-width: 1160px) {
          header .Gamburger .inner .phones {
            position: absolute;
            right: 20px;
            top: 25px;
            color: #000; }
            header .Gamburger .inner .phones > .fa {
              display: none; }
            header .Gamburger .inner .phones > .txt {
              display: block; } }
        @media (max-width: 559px) {
          header .Gamburger .inner .phones {
            font-size: 14px; } }
        @media (max-width: 379px) {
          header .Gamburger .inner .phones {
            right: 0px; } }
      header .Gamburger .inner .infoLine {
        position: absolute;
        right: 0px;
        top: 5px;
        font-family: "Open Sans", OSans;
        font-size: 14px;
        font-weight: 400;
        color: #fff; }
        header .Gamburger .inner .infoLine > span {
          vertical-align: baseline; }
        header .Gamburger .inner .infoLine > span.fa {
          font-size: 18px; }
        @media (max-width: 1160px) {
          header .Gamburger .inner .infoLine {
            position: relative;
            margin-top: 20px;
            color: #000;
            text-align: center; } }
  @media (max-width: 1239px) and (min-width: 1161px) {
    header .Logo {
      width: 200px; }
    header .Gamburger .inner menu {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (max-width: 1160px) {
    header {
      position: relative; }
      header .Gamburger .mobi {
        display: none; }
      header .Gamburger .sw {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #fff;
        margin: 0px; }
      header .Gamburger .inner .mobi {
        display: none; }
      header .Gamburger .phones {
        position: absolute;
        right: 20px;
        bottom: 20px; }
      header .Logo {
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -100px;
        width: 200px; }
        header .Logo .icon {
          right: 5px; }
      header.opened {
        z-index: 12; }
        header.opened .Gamburger .sw .x1 {
          transform: rotate(45deg);
          top: 19px; }
        header.opened .Gamburger .sw .x2 {
          opacity: 0; }
        header.opened .Gamburger .sw .x3 {
          transform: rotate(-45deg);
          top: 19px; }
        header.opened .Gamburger .mobi {
          display: block;
          position: absolute;
          left: 0px;
          right: 0px;
          top: 90px;
          width: calc(100% - 40px);
          padding: 20px;
          /* height: calc(100vh - 130px); */
          border-bottom: 1px solid #000;
          box-shadow: 0px 10px 10px #666;
          height: auto;
          overflow: auto;
          background-color: #fff; }
        header.opened .Gamburger menu {
          text-align: left;
          display: block;
          color: #000; }
          header.opened .Gamburger menu .item {
            text-align: center;
            display: block;
            padding: 0px;
            margin: 0px 0px 20px 0px;
            color: #000; }
            header.opened .Gamburger menu .item a:hover {
              color: #7ba18c; }
          header.opened .Gamburger menu .sub {
            position: static;
            display: block;
            padding: 0px;
            margin: 10px 0px 0px 20px;
            background-color: transparent; }
            header.opened .Gamburger menu .sub .item {
              text-align: center;
              padding: 0px;
              margin: 0px;
              border-bottom: 0px;
              font-size: 14px !important;
              color: #000; }
              header.opened .Gamburger menu .sub .item a:hover {
                color: #7ba18c; }
        header.opened .Gamburger .buttons {
          margin-left: 40px !important; } }
  @media (max-width: 485px) {
    header .Logo {
      left: 74px;
      top: 0px;
      margin-left: 0px;
      width: 124px;
      height: 90px; }
      header .Logo .icon {
        right: 0px;
        top: 0px;
        width: 124px;
        height: 90px;
        background-size: contain; }
    header .Gamburger .inner menu {
      height: auto;
      padding: 0px; }
    header .Gamburger .inner .mobi {
      left: 0px;
      width: calc(100% - 40px); } }

.Grid {
  display: grid;
  align-items: start; }

.Grid.g2 {
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 739px) {
    .Grid.g2 {
      grid-template-columns: 1fr; }
      .Grid.g2 .order1 {
        order: 1; }
      .Grid.g2 .order2 {
        order: 2; }
      .Grid.g2 .order3 {
        order: 3; }
      .Grid.g2 .order4 {
        order: 4; }
      .Grid.g2 .noMob {
        display: none; } }

.Grid.g3 {
  grid-template-columns: 1fr 1fr 1fr; }
  @media (max-width: 800px) {
    .Grid.g3 {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 739px) {
    .Grid.g3 {
      grid-template-columns: 1fr; }
      .Grid.g3 .IcoText .title {
        font-size: 18px; } }

.IcoText {
  padding: 10px;
  max-width: 510px;
  margin: 0px auto; }
  .IcoText img {
    width: 100%;
    height: auto; }
  .IcoText .title {
    font-size: 24px;
    font-weight: 500;
    padding: 20px 0px;
    text-align: center; }

.g3 .IcoText {
  max-width: 350px; }
  .g3 .IcoText .title {
    padding-top: 10px;
    font-size: 18px; }

.GameList {
  width: 100%;
  text-align: center; }
  .GameList .date {
    font-size: 18px;
    font-weight: 500; }
  .GameList .lst {
    font-weight: 500;
    display: grid;
    align-items: center;
    grid-template-columns: 80px 3fr 2fr 80px 2fr 80px 2fr 2fr; }
    .GameList .lst > div {
      text-align: center;
      white-space: normal; }
    .GameList .lst .aname {
      text-align: right;
      padding-right: 20px; }
    .GameList .lst .control {
      text-align: right; }
    .GameList .lst .group, .GameList .lst .bname {
      text-align: left;
      padding-left: 20px; }
    .GameList .lst .line {
      background-color: #fff;
      height: 1px;
      overflow: hidden;
      margin: 10px 0px;
      grid-column: 1 / -1; }
    @media (max-width: 839px) {
      .GameList .lst {
        grid-template-columns: 3fr 2fr 80px 80px 80px 2fr; }
        .GameList .lst .ico {
          display: none; }
        .GameList .lst .group {
          padding-left: 0px; } }
    @media (max-width: 739px) {
      .GameList .lst {
        grid-template-columns: 1fr 80px 80px 80px 1fr; }
        .GameList .lst .group {
          grid-column: 1 / -1;
          text-align: center;
          padding: 0px 0px 10px 0px; }
        .GameList .lst .ico {
          display: none; }
        .GameList .lst .control {
          grid-column: 1 / -1;
          padding-top: 10px;
          text-align: center; } }
    @media (max-width: 559px) {
      .GameList .lst {
        grid-template-columns: 1fr 50px 50px 50px 1fr; }
        .GameList .lst img {
          width: 40px;
          height: auto; }
        .GameList .lst .time {
          font-size: 14px; }
        .GameList .lst .aname, .GameList .lst .bname {
          font-size: 14px; } }
  @media (max-width: 559px) {
    .GameList .Sep.big {
      height: 20px; } }

.Table {
  width: 100%;
  max-height: 500px;
  height: calc( 100vw / 3 );
  overflow: hidden; }
  .Table .bg {
    width: 100%;
    height: auto; }

.Grid.gf {
  max-width: 850px;
  margin: 75px auto 0pc auto;
  grid-template-columns: auto 1fr auto;
  align-items: start; }
  .Grid.gf .icon img {
    width: 132px;
    height: auto; }
  .Grid.gf .addr {
    text-align: left;
    padding: 0px 20px; }
  .Grid.gf .control {
    text-align: center;
    color: #f5d5ae; }
  @media (max-width: 739px) {
    .Grid.gf {
      display: inline-grid;
      grid-template-columns: auto auto; }
      .Grid.gf .control {
        margin-top: 40px;
        grid-column: 1 / -1; } }
  @media (max-width: 559px) {
    .Grid.gf .icon img {
      width: 80px; } }

footer {
  text-align: center;
  margin-top: 60px; }

.copy {
  color: #A0A0A0;
  font-size: 12px;
  text-align: left; }

.g-recaptcha > div {
  margin: 5px auto; }

.Form {
  display: grid;
  align-items: center;
  justify-items: stretch;
  grid-row-gap: 20px; }
  .Form .fpL {
    grid-column: -1 / -1; }
  .Form .fp2L {
    grid-column: 2 / -1; }
  .Form .fp3L {
    grid-column: 3 / -1; }
  .Form .fp4L {
    grid-column: 4 / -1; }
  .Form .fp5L {
    grid-column: 5 / -1; }
  .Form .fp6L {
    grid-column: 6 / -1; }
  .Form .fp7L {
    grid-column: 7 / -1; }
  .Form .fp8L {
    grid-column: 8 / -1; }
  .Form .fp12 {
    grid-column: 1 / 3; }
  .Form .fp13 {
    grid-column: 1 / 4; }
  .Form .fp14 {
    grid-column: 1 / 5; }
  .Form .fp15 {
    grid-column: 1 / 6; }
  .Form .fp16 {
    grid-column: 1 / 7; }
  .Form .fp17 {
    grid-column: 1 / 8; }
  .Form .fp18 {
    grid-column: 1 / 9; }
  .Form .fp23 {
    grid-column: 2 / 4; }
  .Form .fp24 {
    grid-column: 2 / 5; }
  .Form .fp25 {
    grid-column: 2 / 6; }
  .Form .fp26 {
    grid-column: 2 / 7; }
  .Form .fp27 {
    grid-column: 2 / 8; }
  .Form .fp28 {
    grid-column: 2 / 9; }
  .Form .fp34 {
    grid-column: 3 / 5; }
  .Form .fp35 {
    grid-column: 3 / 6; }
  .Form .fp36 {
    grid-column: 3 / 7; }
  .Form .fp37 {
    grid-column: 3 / 8; }
  .Form .fp38 {
    grid-column: 3 / 9; }
  .Form .fp45 {
    grid-column: 4 / 6; }
  .Form .fp46 {
    grid-column: 4 / 7; }
  .Form .fp47 {
    grid-column: 4 / 8; }
  .Form .fp48 {
    grid-column: 4 / 9; }
  .Form .fp56 {
    grid-column: 5 / 7; }
  .Form .fp57 {
    grid-column: 5 / 8; }
  .Form .fp58 {
    grid-column: 5 / 9; }
  .Form .fp67 {
    grid-column: 6 / 8; }
  .Form .fp68 {
    grid-column: 6 / 9; }
  .Form .fp78 {
    grid-column: 7 / 9; }
  .Form .fpTop {
    align-self: start; }
  .Form .ttl {
    text-align: left;
    padding-right: 10px; }
    .Form .ttl.r {
      text-align: right; }
  .Form .inp {
    padding: 0px 10px; }
    .Form .inp input {
      width: calc(100% - 22px);
      padding: 0px 10px;
      border: 1px solid #dbc2a4;
      border-radius: 16px;
      line-height: 36px;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      background-color: transparent; }
      .Form .inp input.error {
        border-color: #f00; }
    .Form .inp textarea {
      width: calc(100% - 22px);
      padding: 10px;
      border: 1px solid #dbc2a4;
      border-radius: 16px;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      background-color: transparent;
      height: 100px; }
  @media (max-width: 559px) {
    .Form {
      grid-row-gap: 10px; }
      .Form .ttl {
        grid-column: 1 / -1 !important; }
        .Form .ttl.r {
          text-align: left; }
      .Form .inp {
        grid-column: 1 / -1 !important;
        padding-bottom: 10px; } }

.Form.f5 {
  grid-template-columns: auto auto auto 1fr 1fr; }

.pupForm {
  position: fixed;
  top: 200px;
  left: 50%;
  width: 420px;
  margin-left: -210px;
  background-color: #010204;
  color: #dbc2a4;
  padding: 40px 20px;
  z-index: 9999;
  border: 1px solid #dbc2a4; }
  .pupForm .close {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 40px;
    height: 40px;
    border: 1px solid #dbc2a4;
    border-radius: 6px;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    line-height: 40px;
    cursor: pointer; }
    .pupForm .close:hover {
      color: #fff;
      font-size: 32px; }
  .pupForm .title {
    margin: 20px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: 500; }
  @media (max-width: 559px) {
    .pupForm {
      left: 0px;
      right: 0px;
      top: 0px;
      margin: 0px;
      border-left: 0px;
      border-right: 0px;
      padding: 40px 0px;
      width: auto; }
      .pupForm .title {
        font-size: 18px; }
      .pupForm .inner {
        padding: 0px 8px; }
        .pupForm .inner .miniForm {
          width: 100%; } }
  .pupForm a {
    color: #dbc2a4;
    text-decoration: underline; }
    .pupForm a:hover {
      text-decoration: none; }

.km_uic {
  display: inline-block;
  white-space: nowrap; }
  @media (max-width: 559px) {
    .km_uic {
      white-space: normal; } }
  .km_uic .km_value {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer; }
    .km_uic .km_value .icon {
      vertical-align: middle;
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border: 1px solid #dbc2a4;
      border-radius: 4px;
      overflow: visible;
      background-color: transparent;
      margin: 0px 10px 0px 0px; }
      .km_uic .km_value .icon span {
        display: none;
        color: #dbc2a4; }
    .km_uic .km_value.km_act .icon span {
      display: inline; }
    .km_uic .km_value .icon + div {
      display: inline-block;
      white-space: normal;
      font-size: 16px;
      vertical-align: middle; }
    .km_uic .km_value .icon + div.small {
      font-size: 12px; }

.BigImage > img {
  width: 100%;
  height: auto; }

.MenuSubs {
  max-width: 1000px;
  margin: 0px auto;
  padding-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .MenuSubs a {
    text-decoration: none; }
  .MenuSubs .B {
    white-space: nowrap; }
  .MenuSubs .item {
    flex-basis: 28%;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0px 20px 20px 20px; }

.miniForm {
  display: block;
  width: 380px;
  margin: 0px auto; }
  .miniForm.left {
    margin: 0px; }
  .miniForm .row {
    margin-bottom: 30px; }
    .miniForm .row .box {
      position: relative; }
      .miniForm .row .box input, .miniForm .row .box textarea {
        outline: none;
        width: 100%;
        padding-top: 20px;
        font-size: 16px;
        color: #fff;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 1px solid #fff;
        background-color: transparent; }
      .miniForm .row .box input.bad, .miniForm .row .box textarea.bad {
        border-bottom: 1px solid red; }
      .miniForm .row .box textarea {
        height: 20px;
        transition: height 0.5s; }
      .miniForm .row .box textarea:focus,
      .miniForm .row .box textarea.hasValue {
        height: 100px; }
      .miniForm .row .box label {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 16px;
        color: #fff;
        pointer-events: none;
        z-index: 2;
        transition: 0.5s; }
      .miniForm .row .box input:focus + label,
      .miniForm .row .box input.hasValue + label,
      .miniForm .row .box textarea:focus + label,
      .miniForm .row .box textarea.hasValue + label {
        left: 0px;
        top: 0px;
        font-size: 12px;
        opacity: 0.6; }
      .miniForm .row .box.t4 label {
        left: 0px;
        top: -14px;
        font-size: 12px;
        opacity: 0.6; }
      .miniForm .row .box.captcha {
        text-align: center; }
        .miniForm .row .box.captcha .g-recaptcha {
          display: inline-block; }
    .miniForm .row .gap {
      flex-shrink: 0;
      flex-grow: 0;
      width: 12px; }
  .miniForm input[type=submit],
  .miniForm div.submit {
    background-color: transparent;
    border: 1px solid #7ba18c;
    color: #7ba18c;
    line-height: 40px;
    text-align: ceter;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    text-align: center; }
  .miniForm .selectbox, .miniForm .selectbox.focused {
    width: 100% !important; }
    .miniForm .selectbox .display, .miniForm .selectbox .display.active, .miniForm .selectbox.focused .display, .miniForm .selectbox.focused .display.active {
      cursor: pointer;
      background-color: transparent;
      border: 0px;
      border-bottom: 1px solid #fff;
      color: #fff; }
      .miniForm .selectbox .display .arrow_btn, .miniForm .selectbox .display.active .arrow_btn, .miniForm .selectbox.focused .display .arrow_btn, .miniForm .selectbox.focused .display.active .arrow_btn {
        background-color: transparent;
        border: 0px;
        outline: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; }
      .miniForm .selectbox .display .text, .miniForm .selectbox .display.active .text, .miniForm .selectbox.focused .display .text, .miniForm .selectbox.focused .display.active .text {
        background-color: transparent; }
  .miniForm .km_uic {
    width: 100%;
    padding: 0px 0px 4px 8px;
    border-bottom: 1px solid #fff;
    margin-bottom: 8px; }
  .miniForm .selectbox .display .text {
    padding-left: 8px; }

.LocalGall {
  width: 100%;
  height: 250px;
  position: relative; }
  .LocalGall .Bx {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 10px;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .LocalGall .Bx span {
      display: inline-block;
      position: relative;
      width: 100%;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      transition: 0.3s; }
    .LocalGall .Bx.BLeft {
      left: 0px; }
    .LocalGall .Bx.BRight {
      right: 0px; }
    .LocalGall .Bx:hover span {
      opacity: 0.5; }
    .LocalGall .Bx:active span {
      left: 3px;
      top: 3px; }
  .LocalGall .swiper-container {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0px;
    height: 100%; }
    .LocalGall .swiper-container .swiper-wrapper {
      height: 100%; }
      .LocalGall .swiper-container .swiper-wrapper .swiper-slide {
        width: auto;
        height: 100%;
        padding: 0px 5px; }
        .LocalGall .swiper-container .swiper-wrapper .swiper-slide img {
          width: auto;
          height: 100%; }

.News .date {
  font-size: 48px;
  font-weight: 600;
  color: #afa28a;
  text-align: center; }
  @media (max-width: 739px) {
    .News .date {
      font-size: 32px; } }
  @media (max-width: 559px) {
    .News .date {
      font-size: 28px; } }
.News h1, .News h2, .News .likeH1 {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 32px;
  margin: 0px;
  padding: 0px; }
  @media (max-width: 739px) {
    .News h1, .News h2, .News .likeH1 {
      font-size: 28px; } }
  @media (max-width: 559px) {
    .News h1, .News h2, .News .likeH1 {
      font-size: 22px; } }

.paginate ul {
  display: block;
  text-align: center;
  list-style: none; }
  .paginate ul li {
    display: inline-block;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    min-width: 20px;
    border-radius: 10px;
    background-color: #7ba18c;
    color: #feeed3; }
    .paginate ul li.act {
      color: #fff;
      font-size: 20px;
      line-height: 24px;
      min-width: 24px;
      border-radius: 12px; }
    .paginate ul li a {
      color: inherit;
      text-decoration: none; }

a.back {
  color: #fff;
  text-decoration: none; }
  a.back:hover {
    text-decoration: underline;
    color: yellow; }

.AutoGallery.on > .aLeft, .AutoGallery.on > .aRight {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("img/arrow.png") center center no-repeat transparent;
  background-size: contains;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  border-radius: 50%; }
  .AutoGallery.on > .aLeft:hover, .AutoGallery.on > .aRight:hover {
    box-shadow: 2px 0px 5px #eee; }
.AutoGallery.on > .aLeft {
  left: 5px; }
  .AutoGallery.on > .aLeft:active {
    left: 7px;
    box-shadow: none; }
.AutoGallery.on > .aRight {
  right: 5px;
  transform: rotate(180deg); }
  .AutoGallery.on > .aRight:active {
    right: 7px;
    box-shadow: none; }

.Pad {
  padding: 0px 16px; }
  @media (max-width: 559px) {
    .Pad {
      padding: 0px 10px; } }

.MainNews {
  position: relative; }
  .MainNews .date {
    position: absolute;
    left: 15px;
    top: 15px;
    font-family: "Charterc";
    font-size: 20px;
    font-weight: 700;
    color: #7ba18c;
    background-color: #fff;
    border: 1px solid #7ba18c;
    padding: 6px 12px; }
  .MainNews.one {
    max-width: 660px;
    margin: 10px auto; }
  .MainNews.noimg .date {
    position: relative;
    left: 0px;
    top: 0px;
    width: 120px;
    margin: 10px 0px 40px 20px; }

section {
  margin-bottom: 50px; }

.startIBlock .preB {
  margin-top: 50px; }

.startGBlock .preB,
.startNBlock .preB,
.startCBlock .preB {
  text-align: center;
  margin-bottom: 50px; }

.minContent {
  min-height: 600px; }

.TitleImg {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
  margin-bottom: 20px; }
  .TitleImg .holder {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: grid; }
    .TitleImg .holder > div {
      place-self: center;
      text-align: center; }
    .TitleImg .holder h1, .TitleImg .holder .likeH1 {
      margin: 0px;
      color: #fff;
      font-style: italic;
      text-shadow: 3px 4px 32px rgba(24, 24, 25, 0.99); }
  @media (max-width: 1160px) {
    .TitleImg {
      height: 180px; } }
  @media (max-width: 559px) {
    .TitleImg {
      height: auto; } }

#ThePage {
  overflow: hidden; }

.dishList h4 {
  text-align: left;
  font-size: 24px;
  font-weight: 400;
  margin: 0px 0px 8px 0px; }
.dishList .uText {
  font-family: "Open Sans", OSans;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal; }
  .dishList .uText strong {
    font-size: 18px;
    font-weight: 700; }

.NewsList {
  margin-top: 50px; }

.TabGallery {
  display: inline-grid;
  grid-gap: 2px; }
  .TabGallery .tgItem {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .TabGallery > div {
    width: 240px;
    height: 360px; }
  @media (min-width: 1210px) {
    .TabGallery {
      grid-template-columns: repeat(5, 240px); }
      .TabGallery > div:nth-child(18n+3),
      .TabGallery > div:nth-child(18n+5),
      .TabGallery > div:nth-child(18n+13),
      .TabGallery > div:nth-child(18n+15) {
        grid-column: span 2;
        grid-row: span 2;
        width: 482px;
        height: 722px; } }
  @media (min-width: 960px) and (max-width: 1209px) {
    .TabGallery {
      grid-template-columns: repeat(4, 240px); }
      .TabGallery > div:nth-child(6n+3),
      .TabGallery > div:nth-child(6n+4) {
        grid-column: span 2;
        grid-row: span 2;
        width: 482px;
        height: 722px; } }
  @media (min-width: 728px) and (max-width: 959px) {
    .TabGallery {
      grid-template-columns: repeat(3, 240px); }
      .TabGallery > div:nth-child(6n+2),
      .TabGallery > div:nth-child(6n+4) {
        grid-column: span 2;
        grid-row: span 2;
        width: 482px;
        height: 722px; } }
  @media (min-width: 485px) and (max-width: 727px) {
    .TabGallery {
      grid-template-columns: repeat(2, 240px); }
      .TabGallery > div:nth-child(3n+1) {
        grid-column: span 2;
        grid-row: span 2;
        width: 482px;
        height: 722px; } }
  @media (max-width: 484px) {
    .TabGallery {
      grid-template-columns: repeat(240px); } }

/*# sourceMappingURL=style.css.map */