@charset "UTF-8";
@font-face {
  font-family: 'Noah';
  font-style: normal;
  font-weight: normal;
  src: local("Noah Regular"), url("font/noah-regular.woff") format("woff"); }
@font-face {
  font-family: 'Noah';
  font-style: normal;
  font-weight: bold;
  src: local("Noah Bold"), url("font/noah-bold.woff") format("woff"); }
body {
  font-size: 18px;
  color: #333333;
  font-family: Noah; }

h1 {
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0; }

h2 {
  font-weight: bold;
  font-size: 40px;
  color: #009878; }

p {
  margin-bottom: 0; }

button, input {
  border: 0;
  outline: none !important; }

button {
  cursor: pointer;
  font-size: 20px; }

label {
  cursor: pointer; }

input {
  font-size: 20px; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <— Apparently some margin are still there even though it's hidden */ }

.select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border: none; }

.breadcrumbs {
  margin-top: 20px; }

.breadcrumb-item + .breadcrumb-item::before {
  content: ">"; }

.breadcrumb {
  background: none; }

.breadcrumb-item a {
  color: #7b7b7b; }

.find-field-input:disabled {
  background: #fff !important;
  color: #333 !important;
  opacity: 1 !important; }

.find-field-input:disabled * {
  color: #333 !important;
  opacity: 1 !important; }

@media (max-width: 1200px) {
  h2 {
    font-size: 30px; } }
@media (max-width: 767px) {
  body {
    font-size: 14px; }

  h1 {
    font-size: 18px; }

  h2 {
    font-weight: bold;
    font-size: 20px;
    color: #009878; }

  input {
    font-size: 16px; } }
header {
  background: none; }

.row {
  margin: 0; }

@media (min-width: 1200px) {
  .col-xl-1d5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 768px) {
  .container {
    max-width: 768px; } }
@media (min-width: 992px) {
  .container {
    max-width: 992px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 100%; } }
@media (min-width: 1600px) {
  .container {
    max-width: 1570px; } }
/*Шапка*/
@media (min-width: 1200px) {
  .home .container {
    max-width: 1140px; } }
@media (min-width: 768px) {
  .home .container {
    max-width: 720px; } }
@media (min-width: 992px) {
  .home .container {
    max-width: 960px; } }
@media (min-width: 1200px) {
  .home .container {
    max-width: 1140px; } }
@media (min-width: 1600px) {
  .home .container {
    max-width: 1140px; } }
.sticky {
  position: fixed;
  z-index: 101; }

.stop {
  position: relative;
  z-index: 101; }

.home header {
  background: url("img/header-bg.jpg") top no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100vh;
  min-height: 900px; }

.navbar-brand {
  margin-left: 9vw; }

.navbar-nav {
  margin-right: 9vw; }

.navbar-toggler {
  border: 0; }

.navbar-toggler-icon {
  background-image: url("img/icons/burger.svg") !important;
  width: 43px;
  height: 30px; }

.burger-close {
  display: none;
  margin: auto;
  margin-top: 50px;
  background-image: url("img/icons/burger-close.svg");
  -webkit-background-size: contain;
  background-size: contain;
  width: 32px;
  height: 32px; }

.nav-item {
  margin-right: 2.3vw; }

.nav-link {
  font-size: 20px;
  text-transform: uppercase;
  color: #333333 !important; }

.lang {
  color: #009878 !important; }

.collapse.show {
  height: 100%;
  position: fixed !important;
  top: 0;
  width: 100%;
  background: #fff !important;
  z-index: 2;
  left: 0;
  text-align: center; }

.logo-mobile {
  display: none; }

.header {
  padding: 40px 0;
  display: flex;
  align-items: center; }

.header-desc {
  font-size: 25px;
  margin-top: 20px;
  text-align: center; }

.white {
  color: #fff; }

.form-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }

.inputs-line {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 8px;
  width: 1050px;
  position: relative; }

.find-field-input, .select2-selection {
  height: 60px;
  border: 0;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  width: 100%;
  padding: 10px;
  min-width: 0;
  transition: .3s;
  font-size: 20px;
  color: #333;
  position: absolute; }

#where-to-play ~ span, .select2-selection {
  border-radius: 8px 0 0 8px !important;
  margin-left: 0;
  width: 40.5% !important;
  background: #fff;
  height: 60px;
  /*flex-basis: 425px;*/ }

.select2-selection {
  width: 100% !important; }

.game-time {
  flex-basis: 200px;
  width: 17%;
  margin-left: 41%;
  padding-right: 2px;
  height: 60px; }

.game-date {
  flex-basis: 350px;
  width: 33.5%;
  margin-left: 58.5%; }

.players-counter {
  border-radius: 0 8px 8px 0;
  flex-basis: 70px;
  width: 6%;
  margin-left: 92.5%; }
  .players-counter .find-field-input {
    border-radius: 0 8px 8px 0; }

#players-counter-input {
  background-color: #fff !important; }

.find-field-btn, .green-btn, .search-btn.current {
  background: linear-gradient(90deg, #009878 0%, #00BB94 100%);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15), inset 0px -2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  min-width: 200px;
  height: 60px;
  color: #fff;
  transition: 0.3s; }

.search-btn.current {
  min-width: 0; }

.find-field-btn {
  margin-left: 2px; }

.find-field-btn:hover, .green-btn:hover, .search-btn:hover {
  background: linear-gradient(90deg, #009878 0%, #00BB94 100%);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15), inset 0px -1px 1px rgba(0, 0, 0, 0.25), inset 0px 3px 1px rgba(0, 0, 0, 0.25); }

.fake-checkbox {
  background: #FFFFFF;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  width: 30px;
  height: 30px;
  margin-right: 15px; }

.active-checkbox .fake-checkbox {
  background: url("img/icons/checked.svg") #fff center no-repeat;
  -webkit-background-size: 80%;
  background-size: 80%; }

.checkbox-label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  color: #fff; }

.checkbox-hidden {
  display: none; }

.search-checkboxes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 20px; }

.accommodations-checkbox {
  margin-left: 30px; }

.offers {
  display: flex;
  margin-top: 57px;
  margin-bottom: 40px; }

.offer {
  background: #fff;
  border-radius: 8px;
  width: 240px;
  padding-bottom: 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-left: 15px;
  min-width: 160px;
  position: relative;
  transition: .3s;
  cursor: pointer; }

.offer:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: translate(0px, -5px); }

.offer:nth-child(1) {
  margin-left: 0; }

.offer-img {
  border-radius: 8px 8px 0 0;
  width: 100%; }

.offer-text {
  margin-top: 7px;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: bold;
  padding-left: 10px; }

.offer-text:nth-child(3) {
  margin-top: 0; }

.offer-price {
  color: #009878; }

.offer-old-price {
  padding: 0;
  margin: 0;
  font-size: 16px;
  position: absolute;
  margin-top: -23px;
  text-decoration: line-through;
  color: #886e6e;
  margin-left: 80px; }

.find-field {
  margin-top: 120px;
  position: relative; }

.select2-selection__choice {
  background: none !important;
  color: #000 !important;
  border: 0 !important; }

.select2-selection__choice__remove {
  display: none !important; }

.city {
  color: #808282; }

.irs-bar {
  background-color: #009878 !important;
  height: 3px !important;
  top: 33px !important; }

.irs-handle {
  background: #fff !important;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 15px !important;
  width: 20px !important;
  height: 20px !important;
  top: 25px !important;
  cursor: pointer !important;
  border: 1px solid #ccc; }
  .irs-handle i {
    opacity: 0; }

.irs-line {
  height: 3px !important;
  top: 33px !important; }

.search-modal {
  background: #fff;
  position: absolute;
  padding: 11px;
  border-top: solid 1px #EBEBEB;
  border-radius: 0px 0px 8px 8px;
  margin-top: 60px;
  display: none;
  transition: .3s;
  width: 100%; }

.players-counter-modal {
  margin-left: 2px; }

.game-time-wrap {
  position: absolute;
  /*margin-left: 2px;*/
  padding: 0; }
  .game-time-wrap .find-field-input {
    margin-left: 0; }

.game-time-wrap:hover {
  z-index: 2;
  width: 320px; }
  .game-time-wrap:hover .game-time-modal {
    display: block; }
  .game-time-wrap:hover .find-field-input {
    width: 320px;
    position: absolute; }

.players-counter-wrap input {
  text-align: center; }

.players-counter-wrap:hover {
  left: -20%;
  z-index: 2;
  width: 230px; }
  .players-counter-wrap:hover .players-counter-modal {
    display: block; }
  .players-counter-wrap:hover .find-field-input {
    width: 230px;
    position: absolute;
    border-radius: 0 8px 0px 0; }

.counter-content, .counter-work-area {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center; }

.counter-label {
  font-size: 20px;
  color: #333; }

.counter-input {
  width: 20px;
  text-align: center;
  font-size: 20px;
  color: #333; }

.counter-control {
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: no-repeat center;
  -webkit-background-size: contain;
  background-size: contain; }

.counter-minus {
  background-image: url("img/icons/minus.svg");
  margin-right: 5px; }

.counter-plus {
  background-image: url("img/icons/plus.svg");
  margin-left: 5px; }

.counter-desc {
  font-size: 14px;
  color: #A0A1A0; }

.children {
  margin-top: 13px; }

.irs-from, .irs-to, .irs-single {
  display: none !important; }

.irs--flat .irs-min, .irs--flat .irs-max {
  background: none !important;
  font-size: 20px !important;
  color: #333 !important;
  top: -4px !important;
  visibility: visible !important; }

.irs--flat .irs-line, .irs--flat .irs-bar {
  top: 33px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0; }

.search-label {
  color: #7B7B7B;
  font-size: 12px;
  z-index: 1;
  position: absolute;
  left: 10px;
  top: 4px; }

.search-label-2 {
  left: 115px; }

.select2-selection__choice[data-select2-id="2"] {
  color: #7B7B7B !important; }

.select2-dropdown {
  padding: 0;
  border: 0;
  border-radius: 0px 0px 8px 8px; }

.find-field-input-wrap {
  position: absolute;
  background: transparent;
  transition: .3s;
  left: 0; }

.xcalend {
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  border: 0;
  margin-left: 2px; }

.first-head {
  height: 60px; }

.cal-m {
  font-weight: bold;
  font-size: 25px;
  color: #333333; }

.nav-icon {
  width: 22px;
  height: 22px;
  background: url("img/icons/cal-nav.svg") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain; }

.cal-r {
  transform: rotate(180deg); }

.nm {
  transform: none; }

.weekdays {
  height: 50px;
  border-bottom: 1px solid #F1F1F1; }

.weekdays td {
  font-weight: bold;
  font-size: 18px !important;
  color: #333 !important; }

.xcalend tbody td {
  font-size: 18px;
  color: #333;
  height: 33px;
  width: 33px;
  transition: 0.3s; }

.xcalend tbody td:hover, .today, .today2 {
  background: #FEA734 !important;
  color: #fff !important; }

.xcalend tbody td:hover, .today {
  border-radius: 30px; }

.today-lonely {
  border-radius: 30px; }

.today-first {
  border-radius: 30px 0 0 30px !important; }

.today-next {
  border-radius: 0 !important; }

.today-last {
  border-radius: 0 30px 30px 0 !important; }

#where-to-play ~ span.select2-container--focus {
  border-radius: 8px 0 0 0px !important; }

@media (max-width: 1200px) {
  .home header {
    min-height: 950px; }

  .header {
    padding-bottom: 205px; }

  .form-wrapper {
    flex-wrap: wrap; }

  .inputs-line {
    flex-wrap: wrap;
    height: 140px; }

  #where-to-play ~ span, .select2-selection {
    flex-basis: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0px !important; }

  #where-to-play ~ span.select2-container--focus {
    border-radius: 8px 8px 0 0px !important; }

  .game-time {
    flex-basis: 31%;
    width: 32%;
    margin-left: 0;
    top: 62px;
    transition: .3s; }
    .game-time .find-field-input {
      border-radius: 0px 0 0 8px !important; }

  .game-time:hover .find-field-input {
    border-radius: 0px !important; }

  .game-date {
    flex-basis: 53%;
    width: 52.5%;
    top: 62px;
    margin-left: 32.2%; }

  .players-counter {
    flex-basis: 15%;
    width: 15%;
    top: 62px;
    margin-left: 84.9%; }
    .players-counter .find-field-input {
      border-radius: 0 0px 8px 0; }

  .find-field-input, .select2-selection {
    margin-top: 0px; }

  .find-field-btn {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 205px; }

  .offers {
    margin-top: 148px; }

  .find-field {
    margin-top: 65px; }

  .players-counter-wrap:hover {
    left: -10%; } }
@media (max-width: 991px) {
  .owl-nav {
    display: none; }

  .logo-mobile {
    display: block;
    margin: auto;
    margin-bottom: 50px; }

  .navbar-nav {
    margin: 0; }

  .burger-close {
    margin-top: 50px;
    display: block; }

  .nav-item {
    margin: 0; }

  .nav-link {
    font-size: 18px; }

  .offers {
    overflow-x: auto; }

  .offer {
    min-width: 32%; }

  .players-counter-wrap:hover {
    left: -18.5%; }

  .game-time:hover .find-field-input {
    border-radius: 0px 0 0 8px !important; } }
@media (max-width: 767px) {
  .header {
    margin-top: 60px; }

  .header-desc {
    font-size: 14px;
    margin-top: 8px; }

  .search-checkboxes {
    margin-top: 10px;
    font-size: 18px; }

  .game-date {
    order: 4;
    flex-basis: 100%;
    width: 100%;
    border-radius: 8px;
    top: 124px;
    margin-left: 0;
    z-index: 1; }
    .game-date .find-field-input {
      border-radius: 0px 0px 8px 8px;
      margin-left: 0; }

  .offer {
    min-width: 48%; }

  .game-time {
    flex-basis: 64%;
    width: 65.5%;
    padding-right: 0px; }
    .game-time .find-field-input {
      border-radius: 0 !important; }

  .players-counter {
    flex-basis: 34%;
    width: 34%;
    margin-left: 65.6%; }
    .players-counter .find-field-input {
      border-radius: 0 !important; }

  .find-field-btn {
    margin-top: 265px;
    width: 290px;
    margin-left: -145px; }

  .find-field {
    margin-top: 35px; }

  .fake-checkbox {
    margin-right: 10px; }

  .inputs-line {
    height: 184px; }

  .game-time-modal, .players-counter-modal {
    width: 100%; }

  .game-time-wrap:hover {
    width: 100%;
    /*border-radius: 8px !important;*/ }
    .game-time-wrap:hover input {
      width: 100%;
      /*border-radius: 8px !important;*/ }

  .players-counter-wrap:hover {
    left: -11%; }

  .home header {
    min-height: 850px; }

  .xcalend {
    margin-left: 0; } }
@media (max-width: 575px) {
  .players-counter-wrap:hover {
    width: 70%;
    left: 0;
    margin-left: 30%; }
    .players-counter-wrap:hover .find-field-input {
      width: 100%; }

  .home header {
    min-height: 1000px; }

  .offer {
    min-width: 100%; } }
/*Конец шапки*/
/* Топ 5 отелей */
.top-hotels {
  max-width: 1920px;
  margin: 90px auto auto auto; }
  .top-hotels .row {
    margin-top: 50px; }

.owl-carousel {
  max-width: 1920px;
  margin: auto;
  margin-top: 30px; }

.top-hotel-img {
  width: 100%; }

.top-hotel-text {
  position: absolute;
  left: 35px;
  bottom: 20px;
  color: #fff; }

.top-hotel-name {
  font-weight: bold;
  font-size: 20px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.top-hotel-info {
  transition: .3s;
  height: 0px;
  opacity: 0;
  font-size: 15px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

.top-hotel-wrap {
  position: relative;
  cursor: pointer;
  border-radius: 8px; }

.horisontal-line {
  height: 2px;
  width: 60px;
  background: #009878;
  margin-top: 15px;
  margin-bottom: 10px; }

.black {
  background: linear-gradient(180deg, transparent 0%, #009878 203.75%);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .3s;
  border-radius: 8px; }

.top-hotel-wrap:hover .top-hotel-info {
  height: 40px;
  opacity: 1; }
.top-hotel-wrap:hover .black {
  opacity: 1; }

@media (max-width: 991px) {
  .top-hotels {
    margin-top: 65px; } }
@media (max-width: 767px) {
  .top-hotels {
    margin-top: 35px; }
    .top-hotels .row {
      margin-top: 30px; } }
/*Конец топ 5 отелей*/
/*Футер*/
footer {
  margin-top: 100px;
  background: #FAFAFA;
  padding-top: 40px; }

.footer-nav {
  list-style: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 50px;
  font-size: 20px;
  text-align: center;
  padding: 0;
  margin-bottom: 0; }

.footer-link {
  padding-bottom: 0; }

.footer-bottom {
  margin-top: 30px;
  padding-top: 10px;
  font-size: 20px;
  border-top: 1px solid #EBEBEB;
  text-align: center; }

@media (max-width: 1200px) {
  footer {
    margin-top: 75px; } }
@media (max-width: 767px) {
  footer {
    margin-top: 50px; }

  .footer-nav {
    display: block;
    margin-top: 90px; }

  .footer-link {
    padding-top: 15px;
    padding-bottom: 15px; }

  .footer-bottom {
    margin-top: 90px; } }
/*Конец футера*/
/*Модальное окно*/
.modal-content {
  border-radius: 8px;
  border: 0; }

.modal-dinamic {
  padding: 30px;
  padding-top: 0; }

.modal-tabs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.modal-tab {
  width: 50%;
  text-align: center;
  height: 60px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #EBEBEB;
  font-size: 20px;
  color: #7B7B7B;
  cursor: pointer;
  transition: .3s; }

.modal-tab.active {
  background: rgba(0, 187, 148, 0.2);
  border-bottom: 1px solid #009878; }

.modal-dinamic {
  margin-top: 40px; }

.log-reg-field {
  background: #FFFFFF;
  border: 1px solid #7B7B7B;
  border-radius: 8px;
  text-align: center;
  height: 60px;
  font-size: 20px;
  color: #7B7B7B;
  width: 370px;
  max-width: 100%;
  display: block;
  margin: auto;
  margin-top: 20px; }

.form-btn {
  width: 370px;
  max-width: 100%;
  margin: auto;
  margin-top: 40px;
  display: block; }

.forgot-pass {
  font-size: 20px;
  text-align: center;
  color: #7B7B7B !important;
  margin-top: 13px; }

.green {
  color: #1a896c; }

.form-checkbox {
  color: #333;
  font-size: 18px;
  width: 330px;
  max-width: 100%;
  margin: auto;
  margin-top: 10px;
  align-items: flex-start; }

.fake-checkbox {
  border: 1px solid #7B7B7B;
  border-radius: 8px;
  flex: none; }

.register-content {
  display: none; }

/*Конец модального окна*/
/*Страница поиска*/
.search header {
  background: none !important; }
.search #where-to-play ~ span, .search .select2-selection {
  width: 100% !important;
  border-radius: 8px !important; }
.search .players-counter {
  border-radius: 8px;
  flex-basis: 70px;
  width: 100%;
  margin-left: 0;
  left: 0; }
.search .game-time {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
  margin-left: 0;
  padding-right: 0; }
.search .game-time-wrap:hover .search-input, .search .players-counter:hover .search-input {
  border-radius: 8px 8px 0px 0; }
.search .search-modal {
  margin-top: 0;
  transition: .3s;
  opacity: 0;
  display: block;
  z-index: -1; }
.search .search-input-wrap:hover .search-modal {
  opacity: 1;
  z-index: 0; }
.search .players-counter-modal {
  margin-left: 0; }
.search .game-date {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
  margin-left: 0; }
.search .cal-m {
  font-size: 22px; }
.search .weekdays td {
  font-size: 16px !important; }
.search .accommodations-checkbox {
  margin-left: 0;
  margin-top: 15px;
  color: #333;
  margin-bottom: 0; }
  .search .accommodations-checkbox .fake-checkbox {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
    border: 0; }

.search-wrap {
  margin-top: 50px; }

.search-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }

.search-btn {
  width: 47%;
  background: #EBEBEB;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  transition: .3s;
  height: 60px;
  text-transform: uppercase; }

.search-btn:hover, .search-btn.current {
  color: #fff; }

.search-form {
  background: #CCEAE4;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 15px;
  padding-bottom: 25px; }

.search-input {
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  height: 60px;
  font-size: 20px;
  color: #333;
  width: 100%;
  padding-left: 10px; }

.search-input-wrap {
  position: relative;
  margin-top: 15px; }

.bs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.search-form-btn {
  width: 100%;
  margin-top: 35px; }

.sort-items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end; }

.sort-item {
  font-size: 25px;
  text-transform: uppercase;
  color: #009878;
  cursor: pointer; }

.sort-item:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 8px;
  background: no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  top: 17px;
  margin-left: 5px; }

.sort-item.top:after {
  background-image: url("img/icons/sort-green.svg"); }

.sort-item.price:after {
  background-image: url("img/icons/sort-black.svg"); }

.sort-item.price {
  margin-left: 50px;
  color: #333;
  margin-right: 20px; }

.search-input-wrap {
  top: 0 !important; }

.search-content-link {
  text-decoration: none !important; }

.search-content {
  cursor: pointer; }

.search-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 15px;
  transition: .3s;
  margin-bottom: 40px; }

.search-item:hover {
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
  transform: translate(0, -5px); }

.search-item-img {
  background: no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 260px;
  border-radius: 8px;
  flex: none; }

.search-item-name {
  font-weight: bold;
  font-size: 30px;
  color: #009878;
  margin-bottom: 0; }

.search-item-country {
  font-size: 18px;
  color: #7b7b7b;
  margin-top: 15px; }

.search-item-desc {
  width: 650px;
  max-width: 100%;
  font-size: 18px;
  color: #333;
  margin-top: 20px; }

.search-item-text {
  margin-left: 15px;
  max-height: 300px;
  overflow: hidden;
  position: relative; }

.search-item-read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 30px 0;
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white); }

.search-item-read-more-caption {
  color: #009878;
  opacity: 0.1; }

.search-item-read-more-caption:hover {
  color: default;
  opacity: 1; }

.search-item-info {
  text-align: right;
  margin-left: auto;
  width: 105px;
  flex: none; }

.search-time {
  font-weight: bold;
  margin-top: 5px;
  color: #333; }

.search-item-price {
  margin-top: 60px;
  font-weight: bold;
  font-size: 30px;
  color: #009878; }

.search-item-old-price {
  color: #886e6e;
  font-size: 30px;
  text-decoration: line-through; }

@media (max-width: 1600px) {
  .search-item-desc {
    width: 100%; }

  .search-item-text {
    margin-right: 10px; } }
@media (max-width: 991px) {
  .search-item {
    flex-direction: column; }

  .search-item-img {
    width: 100%;
    height: 180px;
    margin-bottom: 15px; }

  .search-item-desc, .search-item-country {
    font-size: 18px; }

  .search-item-country {
    margin-top: 10px; }

  .search-item-desc {
    margin-top: 15px; }

  .search-item-info {
    display: flex;
    width: 100%;
    -ms-align-items: flex-end;
    align-items: flex-end; }

  .search-item-price {
    margin-top: 0;
    margin-left: auto; }

  .search-item-old-price {
    margin-left: 15px; }

  .search-form {
    margin-top: 60px;
    display: inline-block;
    width: 100%; }

  .search-input-wrap {
    display: inline-block;
    width: 30.2% !important;
    margin-left: 2.6% !important; }

  .country-wrap {
    width: 53% !important;
    margin-left: 0 !important; }

  .search .game-time {
    width: 41% !important;
    top: 3px !important; }

  .game-from-wrap {
    margin-left: 0 !important; }

  .search-form-btn {
    width: 270px;
    display: block;
    margin: auto;
    max-width: 100%;
    margin-top: 35px; } }
@media (max-width: 767px) {
  .search-item-name {
    font-size: 20px; }

  .sort-item {
    font-size: 20px; }

  .sort-item:after {
    top: 10px; }

  .search-item-price, .search-item-old-price {
    font-size: 20px; }

  .search-form {
    margin-top: 30px; }

  .search-form-btn {
    width: 100%; }

  .search-input-wrap {
    width: 100% !important;
    margin-left: 0 !important; }

  .search .game-time {
    width: 100% !important; } }
/*Конец страницы поиска*/
/*Страница поиска с отелями*/
.search-accommodations h2, .search-map h2 {
  color: #333;
  margin: 0; }
.search-accommodations .find-field, .search-map .find-field {
  margin-top: 0; }
.search-accommodations .checkbox-label, .search-map .checkbox-label {
  color: #333; }
.search-accommodations .fake-checkbox, .search-map .fake-checkbox {
  border: 0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); }
.search-accommodations .sort-item, .search-map .sort-item {
  position: relative; }
.search-accommodations .search-content, .search-map .search-content {
  margin-top: 15px;
  cursor: auto; }
.search-accommodations .search-block-head, .search-map .search-block-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 40px; }
.search-accommodations .search-head-text, .search-map .search-head-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end; }
.search-accommodations .search-head-country, .search-map .search-head-country {
  font-size: 30px;
  margin-left: 30px; }
.search-accommodations .search-checkboxes, .search-map .search-checkboxes {
  justify-content: flex-end;
  margin-right: 215px; }
.search-accommodations .search-item, .search-map .search-item {
  display: block;
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  padding-bottom: 45px;
  cursor: pointer; }
.search-accommodations .search-item-img, .search-map .search-item-img {
  height: 170px;
  width: 100%; }
.search-accommodations .search-time, .search-accommodations .search-beds, .search-map .search-time, .search-map .search-beds {
  font-size: 16px;
  color: #7B7B7B;
  font-weight: normal;
  margin-top: 10px; }
.search-accommodations .search-item-name, .search-map .search-item-name {
  font-weight: normal;
  font-size: 25px;
  color: #333; }
.search-accommodations .search-item-price-wrap, .search-map .search-item-price-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
.search-accommodations .search-item-price, .search-map .search-item-price {
  margin-top: 0;
  margin-left: 5px; }
.search-accommodations .search-item-old-price, .search-accommodations .search-item-price, .search-map .search-item-old-price, .search-map .search-item-price {
  font-size: 20px; }

.search-map .owl-nav {
  display: block; }

.show-all, .add-player {
  display: block;
  margin: auto;
  background: none;
  border: 0;
  font-weight: bold;
  font-size: 20px;
  color: #009878; }

.add-player {
  font-weight: normal; }

.accommodations-search {
  margin-top: 85px; }

@media (max-width: 1200px) {
  .search-accommodations .players-counter-wrap:hover, .search-map .players-counter-wrap:hover {
    left: -17.4%; }
  .search-accommodations .fields-search, .search-map .fields-search {
    margin-top: 120px; } }
@media (max-width: 991px) {
  .search-accommodations .search-checkboxes, .search-map .search-checkboxes {
    margin-right: 0; }
  .search-accommodations .players-counter-wrap:hover, .search-map .players-counter-wrap:hover {
    left: -16.3%; }
  .search-accommodations .search-item-old-price, .search-map .search-item-old-price {
    margin-left: 0; }

  .accommodations-search {
    margin-top: 45px; } }
@media (max-width: 767px) {
  .search-accommodations .players-counter-wrap:hover, .search-map .players-counter-wrap:hover {
    width: 70%;
    left: 0;
    margin-left: 30%; }
    .search-accommodations .players-counter-wrap:hover .find-field-input, .search-map .players-counter-wrap:hover .find-field-input {
      width: 100%; }
  .search-accommodations .search-head-text, .search-accommodations .sort-items, .search-map .search-head-text, .search-map .sort-items {
    justify-content: space-between; }
  .search-accommodations .sort-items, .search-map .sort-items {
    margin-top: 20px; }
  .search-accommodations .search-content, .search-map .search-content {
    padding-top: 20px; }
  .search-accommodations .search-head-country, .search-map .search-head-country {
    font-size: 22px;
    margin-left: 0; }

  .search-block-head {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column; } }
@media (max-width: 575px) {
  .search-accommodations .search-item-name, .search-map .search-item-name {
    font-size: 22px; }
  .search-accommodations .search-item-price, .search-map .search-item-price {
    font-size: 18px; } }
/*Конец страницы поиска с отелями*/
/*Страница заказа*/
.order h2 {
  color: #333;
  font-size: 40px !important; }
.order .search-label {
  left: 0; }
.order .search-label-2 {
  left: 106px; }
.order .counter-work-area {
  max-width: 60px; }
.order .payment-checkboxes .checkbox-label {
  font-size: 22px;
  color: #333;
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 20px;
  width: 50%;
  transition: .3s; }
.order .payment-checkboxes .checkbox-label.active-checkbox {
  background: linear-gradient(90deg, #009878 0%, #00AA86 99.99%, #68CEB9 100%, #00BB94 100%);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  color: #fff; }
.order .payment-checkboxes .fake-checkbox {
  width: 21px;
  height: 21px;
  position: relative;
  border-radius: 21px;
  border: 1px solid #EBEBEB;
  transition: .3s;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center; }
.order .payment-checkboxes .active-checkbox .fake-checkbox:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #009878;
  border-radius: 10px; }
.order .payment-checkboxes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }
.order .card-checkbox {
  margin-left: 20px; }
.order .payment-text {
  margin-top: 15px; }
.order .payment-bold {
  margin-top: 9px;
  font-weight: bold; }

.messages {
  margin-top: 50px; }

.message {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 15px 10px;
  border-radius: 8px;
  margin-bottom: 15px;
  font-size: 22px;
  position: relative; }
  .message .close {
    background: no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px; }

.warning {
  background: linear-gradient(0deg, rgba(255, 148, 23, 0.2), rgba(255, 148, 23, 0.2)), #FFFFFF;
  border: 1px solid #FF9417;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  color: #FF9417; }
  .warning .close {
    background-image: url("img/icons/close-warning.svg"); }

.error {
  background: linear-gradient(0deg, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1)), #FFFFFF;
  border: 1px solid #FF4545;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  color: #FF4545; }
  .error .close {
    background-image: url("img/icons/close-error.svg"); }

.order-info {
  margin-top: 20px; }

.order-section {
  margin-bottom: 45px; }

.order-section-header {
  border-bottom: 1px solid #EBEBEB; }
  .order-section-header h3 {
    font-size: 20px;
    color: #009878;
    margin-bottom: 0; }

.order-section-content {
  margin-top: 20px; }

.order-section-content-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }

.order-name-block {
  width: 37%; }

.order-date-block {
  width: 36.5%; }

.order-players-block {
  width: 7%; }

.order-price-block {
  width: 9.5%; }

.order-name {
  font-weight: bold;
  font-size: 25px; }

.order-country {
  font-size: 15px;
  color: #7B7B7B; }

.order-item-block {
  position: relative;
  padding-top: 15px; }

.order-price-block {
  font-size: 25px; }

.order-price {
  font-weight: bold;
  color: #009878; }

.order-old-price {
  color: #7B7B7B;
  text-decoration: line-through; }

.item-delete {
  font-size: 14px;
  color: #7B7B7B;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer; }

.cross {
  width: 10px;
  height: 10px;
  background: no-repeat center url("img/icons/cross.svg");
  background-size: contain;
  margin-right: 7px; }

.order-players-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: baseline; }
  .order-players-block .search-label {
    left: 12px; }

.order-price-block {
  text-align: right; }

.item-delete {
  justify-content: flex-end; }

.player-data {
  margin-top: 65px; }

.name-data, .contact-data {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 20px; }

.data-input-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 20px; }

.data-input-wrap:last-child {
  margin-right: 0; }

.player-data-input {
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  height: 60px;
  font-size: 22px;
  width: 100%;
  padding-left: 15px; }

.data-label {
  font-size: 18px;
  color: #7B7B7B;
  margin-bottom: 5px; }

.data-error {
  font-size: 22px;
  color: #FF4545;
  margin-top: 10px;
  opacity: 0;
  transition: .3s; }

.asterisk {
  display: none;
  color: #f00; }

.required .asterisk {
  display: contents; }

.player-data-input:valid {
  background: linear-gradient(0deg, rgba(0, 152, 120, 0.1), rgba(0, 152, 120, 0.1)), #FFFFFF;
  border: 1px solid #009878;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }

.invalid .player-data-input {
  background: linear-gradient(0deg, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1)), #FFFFFF;
  border: 1px solid #FF4545;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }
.invalid .data-error {
  opacity: 1; }

.player-data-2 {
  margin-top: 60px; }
  .player-data-2 h2 {
    font-size: 30px !important; }

.order-cost {
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 15px;
  position: fixed;
  margin-right: 30px; }
  .order-cost .fake-checkbox {
    width: 12px;
    height: 12px;
    border-radius: 3px; }
  .order-cost .checkbox-text {
    font-size: 14px;
    color: #333; }
  .order-cost .checkbox-label {
    margin-top: 15px; }

.cost-wrap, .total-wrap, .tax-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }

.cost-label {
  font-weight: bold;
  font-size: 40px; }

.price-wrap {
  font-size: 30px; }

.total-wrap, .tax-wrap {
  font-size: 30px; }

.total, .tax {
  color: #7B7B7B; }

.payment {
  font-weight: bold;
  font-size: 20px; }

.payment-select {
  font-weight: bold;
  color: #009878;
  border: 0;
  cursor: pointer;
  outline: none !important; }

.order-btn {
  width: 100%;
  margin-top: 20px;
  min-width: 0; }

.update-cost-btn {
  background: #EBEBEB;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  height: 60px;
  width: 100%;
  margin-top: 20px; }

.public-offer {
  color: #009878 !important; }

@media (max-width: 991px) {
  .order-cost {
    position: static;
    margin-right: 0; } }
@media (max-width: 767px) {
  .order-section-content-item {
    display: block;
    margin-bottom: 55px; }

  .order-item-block {
    margin-top: 25px; }

  .order-item-block {
    display: inline-block; }

  .order-name-block {
    width: 100%; }

  .order-date-block {
    width: 100%; }

  .order-players-block {
    width: 48%; }

  .order-price-block {
    width: 48%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end; }

  .item-delete {
    width: 100%; }

  .order-old-price {
    margin-left: 10px; }

  .order-date-block {
    font-size: 20px; }

  .payment-checkboxes {
    flex-direction: column;
    margin-top: 30px; }

  .order .payment-checkboxes .checkbox-label {
    width: 100%; }
  .order .card-checkbox {
    margin-left: 0; }

  .payment-text {
    font-size: 16px; }

  .name-data, .contact-data {
    display: block; } }
/*Конец страницы заказа*/
/*Страница поля подробнее*/
.field-details h1, .accommodations-details h1 {
  color: #333;
  text-align: left; }
.field-details .row, .accommodations-details .row {
  margin-right: -15px;
  margin-left: -15px; }
.field-details .page-header, .accommodations-details .page-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center; }
.field-details .checkbox-label, .accommodations-details .checkbox-label {
  color: #333; }
.field-details .search-item, .accommodations-details .search-item {
  display: block;
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  padding-bottom: 45px;
  cursor: pointer; }
.field-details .search-item-img, .accommodations-details .search-item-img {
  height: 170px;
  width: 100%; }
.field-details .search-time, .field-details .search-beds, .accommodations-details .search-time, .accommodations-details .search-beds {
  font-size: 16px;
  color: #7B7B7B;
  font-weight: normal;
  margin-top: 10px; }
.field-details .search-item-name, .accommodations-details .search-item-name {
  font-weight: normal;
  font-size: 25px;
  color: #333; }
.field-details .search-item-price-wrap, .accommodations-details .search-item-price-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
.field-details .search-item-price, .accommodations-details .search-item-price {
  margin-top: 0;
  margin-left: 5px; }
.field-details .search-item-old-price, .field-details .search-item-price, .accommodations-details .search-item-old-price, .accommodations-details .search-item-price {
  font-size: 20px; }
.field-details .game-date, .accommodations-details .game-date {
  width: 80%;
  margin-left: 0;
  top: 0; }
.field-details .players-counter, .accommodations-details .players-counter {
  width: 19%;
  margin-left: 81%;
  top: 0; }
.field-details .players-counter-wrap:hover, .accommodations-details .players-counter-wrap:hover {
  width: 40%;
  margin-left: 60%;
  left: auto; }
  .field-details .players-counter-wrap:hover .find-field-input, .accommodations-details .players-counter-wrap:hover .find-field-input {
    width: 100%; }
.field-details .game-date-input, .accommodations-details .game-date-input {
  border-radius: 8px 0 0 8px; }
.field-details .find-field-input, .accommodations-details .find-field-input {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }

.accommodations-details .players-counter-wrap:hover {
  width: 60%;
  margin-left: 40%;
  left: auto; }

.availability-fields {
  position: relative; }

.top-five {
  background: linear-gradient(90deg, #009878 0%, #00BB94 100%);
  border-radius: 8px;
  display: inline-block;
  padding: 0px 10px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  height: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-left: 10px; }

.location {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center; }

.location-icon {
  width: 14px;
  height: 18px;
  background: url("img/icons/location.svg") no-repeat center;
  background-size: contain;
  margin-right: 10px; }

.place-location {
  font-size: 18px;
  color: #7B7B7B; }

.page-content {
  margin-top: 15px; }

.main-image {
  height: 435px;
  width: 100%;
  background: no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px; }

.image-previews {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }

.image-preview {
  height: 64px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer;
  border: 2px solid #fff;
  transition: .3s;
  background: no-repeat center;
  -webkit-background-size: cover;
  background-size: cover; }

.image-preview.active {
  border: 2px solid #009878; }

.information-spoiler {
  margin-top: 55px; }

.information-nav-item {
  background: none;
  font-weight: bold;
  font-size: 20px;
  color: #333;
  padding: 0;
  margin-right: 40px;
  position: relative;
  top: 1px;
  transition: .3s; }

.information-nav-item.active {
  border-bottom: 1px solid #009878; }

.information-spoiler-header {
  border-bottom: 1px solid #EBEBEB; }

.information-spoiler-content {
  margin-top: 25px; }

.information-content {
  display: none; }

.information-content.active {
  display: block; }

.card-table {
  width: 100%;
  text-align: center; }

.champ-table, .content-row td:nth-child(2) {
  background-color: rgba(255, 153, 0, 0.1); }

.black-table, .content-row td:nth-child(3) {
  background: rgba(0, 0, 0, 0.1); }

.blue-table, .content-row td:nth-child(4) {
  background: rgba(0, 163, 255, 0.1); }

.red-table, .content-row td:nth-child(6) {
  background: rgba(255, 0, 0, 0.2); }

.game-time-btn {
  color: #333;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  height: 55px;
  display: inline-block;
  width: 100%;
  border: 2px solid #fff;
  transition: .3s; }

.game-time-btn.take-off {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #009878;
  font-size: 20px;
  width: 100%;
  margin-bottom: 0; }

.game-time-btn.active-checkbox {
  border: 2px solid #009878; }
  .game-time-btn.active-checkbox .game-time-value {
    border-radius: 5px 0 8px 0; }

.label-wrap {
  width: 18%;
  display: inline-block;
  position: relative;
  height: 55px;
  top: 0px;
  margin-right: 1.8%;
  vertical-align: top;
  margin-bottom: 20px; }

.label-wrap:nth-child(5n) {
  margin-right: 0; }

.time-btn-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.game-time-value {
  background: linear-gradient(90deg, #009878 0%, #00BB94 100%);
  border-radius: 8px 0px;
  font-size: 14px;
  color: #fff;
  height: 25px;
  width: 70px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  text-align: center; }

.hole-count {
  margin-left: 20px;
  font-size: 14px;
  color: #7B7B7B;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center; }

.hole-icon {
  width: 8px;
  height: 11px;
  background: url("img/icons/hole.svg") no-repeat center;
  background-size: contain;
  margin-right: 5px; }

.price-block {
  text-align: center;
  font-size: 20px; }

.game-time-price {
  color: #009878;
  font-weight: bold; }

.game-time-old-price {
  color: #7B7B7B;
  text-decoration: line-through; }

.game-time-block {
  margin-top: 60px; }

.game-time-content {
  margin-bottom: 45px; }

.game-time-header {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 30px; }

.slider-item {
  padding: 10px; }

.search-map .top-hotels {
  margin-top: 0px; }

.owl-carousel {
  margin-top: 30px; }

.map {
  height: 265px;
  width: 100%;
  background: #bbb;
  margin-top: 15px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1; }

.weather {
  margin-top: 50px; }

.today-temperature {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.temperature, .day-temperature {
  margin-left: 8px;
  color: #333;
  font-size: 25px; }

.day-tempearture {
  margin-left: 6px;
  font-size: 14px; }

.weather-desc {
  font-size: 14px;
  color: #7B7B7B; }

.week {
  margin-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }

.day-value {
  font-size: 14px;
  color: #333; }

.day-weather {
  margin-top: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center; }

.availability {
  margin-top: 50px;
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 20px 15px; }
  .availability h2 {
    color: #333;
    font-size: 40px; }

.availability-fields {
  height: 60px; }

.availability-cost {
  margin-top: 30px;
  font-size: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }

.availability-cost-header {
  font-weight: bold; }

.reserve-btn {
  width: 100%;
  margin-top: 30px; }

.reserve-mobile {
  display: none; }

.reserve-desc {
  display: block; }

.availability-mobile {
  display: none; }

.owl-nav button {
  width: 50px;
  height: 50px;
  border-radius: 60px;
  background: #FFFFFF !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 70px;
  left: 30px;
  transition: .3s; }
  .owl-nav button span {
    color: transparent; }
.owl-nav button:after {
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: url(img/icons/back.svg) no-repeat center; }
.owl-nav button:hover {
  background: #009878 !important; }
.owl-nav button:hover:after {
  background-image: url(img/icons/back-white.svg); }

button.owl-next {
  left: auto;
  right: 30px; }

.owl-next:after {
  transform: rotate(180deg); }

.image-previews .owl-nav button {
  width: 30px;
  height: 30px;
  top: 17px; }
.image-previews .owl-nav button:after {
  background-size: 30%; }
.image-previews .owl-prev {
  left: 10px; }
.image-previews .owl-next {
  right: 10px; }

@media (max-width: 991px) {
  .game-time-block {
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    margin: 0;
    padding: 90px 10px;
    overflow: scroll;
    height: 100%; }

  .game-time-close {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("img/icons/cross.svg") center;
    -webkit-background-size: contain;
    background-size: contain; }

  .reserve-mobile {
    display: block; }

  .reserve-desc {
    display: none; }

  .field-details .availability {
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 98%;
    left: 1%; }
    .field-details .availability .availability-form {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      -ms-align-items: center;
      align-items: center; }
    .field-details .availability .availability-cost {
      margin-top: 0;
      font-size: 25px; }
    .field-details .availability .reserve-btn {
      width: 280px;
      max-width: 100%;
      margin-top: 0;
      height: 50px; }
    .field-details .availability .availability-cost-content {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      margin-left: 20px; }
    .field-details .availability .game-time-old-price {
      margin-left: 10px; }
    .field-details .availability h2, .field-details .availability .availability-fields {
      display: none; }

  .availability-mobile {
    margin-bottom: 40px;
    display: block; }
    .availability-mobile h2 {
      font-weight: bold;
      font-size: 25px;
      color: #333; }
    .availability-mobile .availability-cost {
      justify-content: flex-start; }
    .availability-mobile .availability-cost-content {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      margin-left: 20px; }
    .availability-mobile .game-time-old-price {
      margin-left: 10px; } }
@media (max-width: 767px) {
  .field-details h1, .accommodations-details h1 {
    font-size: 40px; }

  .main-image {
    height: 300px; }

  .image-previews {
    flex-wrap: wrap; }

  .image-preview {
    margin-bottom: 10px; } }
@media (max-width: 575px) {
  .field-details h1, .accommodations-details h1 {
    font-size: 25px; }

  .game-time-block {
    padding: 65px 10px; }

  .main-image {
    height: 160px; }

  .label-wrap {
    width: 30%;
    margin-right: 2%; }

  .label-wrap:nth-child(3n) {
    margin-right: 0; }

  .label-wrap:nth-child(5n) {
    margin-right: 2%; } }
/*Конец страницы поля подробнее*/
/*Страница отеля подробнее*/
.accommodations-details h3 {
  font-weight: bold;
  font-size: 20px; }
.accommodations-details .map {
  height: 450px; }
.accommodations-details .reserve-desc {
  display: block; }
.accommodations-details .availability {
  margin-top: 15px; }

.hotel-numbers {
  margin-top: 10px;
  color: #7B7B7B;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.hotel-number {
  margin-right: 15px; }

.desc-header {
  margin-top: 55px;
  width: 100%;
  border-bottom: 1px solid #EBEBEB; }

.amenities {
  margin-top: 30px; }

.amenities-header {
  width: 100%;
  border-bottom: 1px solid #EBEBEB; }

.datailed-desc {
  margin-top: 30px; }

.spoiler {
  display: none; }

.spoiler-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  color: #009878;
  font-size: 18px;
  cursor: pointer; }

.spoiler-icon {
  width: 14px;
  height: 8px;
  background: url("img/icons/sort-green.svg") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
  transition: .3s;
  margin-right: 10px; }

.spoiler-btn.active .spoiler-icon {
  transform: rotate(180deg); }

.amenities-block {
  margin-top: 50px; }

.amenitie-icon {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background: no-repeat center;
  background-size: cover;
  flex: none; }

.wifi {
  background-image: url("img/icons/amenities/wifi.svg"); }

.fitness {
  background-image: url("img/icons/amenities/fitness.svg"); }

.kitchen {
  background-image: url("img/icons/amenities/kitchen.svg"); }

.pets {
  background-image: url("img/icons/amenities/pets.svg"); }

.living {
  background-image: url("img/icons/amenities/living.svg"); }

.telephone {
  background-image: url("img/icons/amenities/telephone.svg"); }

.bar {
  background-image: url("img/icons/amenities/bar.svg"); }

.service {
  background-image: url("img/icons/amenities/service.svg"); }

.food {
  background-image: url("img/icons/amenities/food.svg"); }

.cafe {
  background-image: url("img/icons/amenities/cafe.svg"); }

.bathroom {
  background-image: url("img/icons/amenities/bathroom.svg"); }

.amenitie-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px; }

.amenitie-name {
  font-size: 18px;
  color: #333;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }

.amenitie-desc {
  font-size: 14px;
  color: #333;
  margin-top: 12px; }

.pay-separately {
  background: #878787;
  border-radius: 8px;
  margin-left: 8px;
  font-size: 14px;
  color: #fff;
  padding: 3px 7px;
  white-space: nowrap; }

.room-type {
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 25px 15px; }

.room-type-header {
  font-weight: bold;
  font-size: 25px;
  color: #000; }

.room-characteristics {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 20px;
  color: #000; }

.bed {
  margin-left: 20px; }

.cancellation-btn {
  border: 1px solid #009878;
  border-radius: 8px;
  height: 30px;
  padding: 0 10px;
  color: #009878;
  background: none;
  margin-top: 20px; }

.old-price {
  text-decoration: line-through;
  color: #7B7B7B;
  font-weight: normal; }

.price {
  color: #009878;
  font-weight: bold; }

.room-type {
  margin-top: 20px; }

.room-type-price {
  margin-top: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 30px;
  font-weight: bold; }
  .room-type-price .old-price {
    margin-left: 20px; }
  .room-type-price .price {
    margin-left: 15px; }

.room-type-buttons {
  margin-top: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between; }

.img-btn {
  width: 60px;
  height: 60px;
  background: #EBEBEB;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  flex: none;
  display: flex;
  justify-content: center; }

.img-icon {
  width: 36px;
  height: 36px;
  background: url("img/icons/img.svg") no-repeat center;
  -webkit-background-size: contain;
  background-size: contain; }

.room-type-reserve {
  margin-left: 20px;
  width: 100%;
  min-width: 0; }

.room-type-reserve:hover {
  transform: scale(1.05); }

@media (max-width: 991px) {
  .players-counter-modal {
    display: none !important; }

  .game-time-modal {
    display: none !important; }

  .counter-control {
    display: none; }

  .counter-input {
    width: 100%; } }
@media (max-width: 767px) {
  .accommodations-details .page-header {
    display: block; }
  .accommodations-details .top-five {
    width: 100px;
    margin-left: 0;
    max-width: 100%; } }
@media (max-width: 575px) {
  .accommodations-details h2 {
    font-size: 25px; }

  .room-characteristics, .room-type-header {
    font-size: 18px !important; }

  .room-type-price {
    font-size: 25px; } }
/*Конец страницы отеля подробнее*/
/*Страница 404*/
.not-found {
  width: 100%;
  max-width: 1010px;
  display: block;
  margin: auto;
  height: 385px;
  background: url("img/404.png") no-repeat center;
  background-size: contain;
  margin-top: 140px; }
  .not-found h1 {
    color: #ABABAB;
    font-size: 120px;
    text-shadow: 5px -2px #7A7B7B; }

.home-btn {
  width: 100%;
  max-width: 430px; }

.map-icon {
  border-radius: 80px;
  object-fit: cover; }

@media (max-width: 991px) {
  .not-found h1 {
    font-size: 14vw;
    line-height: 200px;
    text-shadow: 0.7vw 0.2vw #7A7B7B; } }
@media (max-width: 767px) {
  .not-found {
    margin-top: 135px; }
    .not-found h1 {
      line-height: 220px; } }
@media (max-width: 575px) {
  .not-found {
    margin-top: 80px; }
    .not-found h1 {
      line-height: 240px; } }
/*Конец страницы 404*/
/*Поиск по карте*/
.search-map .offer {
  max-width: 100%;
  padding-bottom: 15px; }
.search-map footer {
  position: relative;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 20px; }
.search-map .top-hotels {
  /*margin-top: 57vh;*/ }
.search-map .top-hotels-active {
  margin-top: 0; }
.search-map .checkbox-label {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 3px; }

.map-fullscreen {
  position: fixed;
  top: 96px;
  width: 100%;
  height: 100%; }

.field-info {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-top: -30px;
  opacity: 0; }

.field-info-content {
  padding: 10px; }

.field-info-img {
  border-radius: 8px 8px 0px 0px;
  width: 100%; }

.field-name {
  font-size: 25px;
  font-weight: bold;
  color: #333; }

.field-country {
  margin-top: 0px;
  font-size: 18px;
  color: #7B7B7B; }

.field-desc {
  margin-top: 6px; }

.field-price-block {
  margin-top: 20px;
  font-size: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .field-price-block .old-price {
    margin-left: 20px; }

.search-reserve-btn {
  margin-top: 20px;
  width: 100%; }

.detailed {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #333 !important;
  width: 100%;
  text-align: center; }

.filter-btn {
  display: none;
  font-size: 20px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: 0; }

.find-field-close {
  display: none;
  width: 20px;
  height: 20px;
  background: url("img/icons/cross.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 10px; }

@media (max-width: 1200px) {
  .search-map .top-hotels {
    /*margin-top: 80vh;*/ } }
@media (max-width: 991px) {
  .search-map .find-field {
    display: none;
    position: fixed;
    overflow: scroll;
    width: 100%;
    left: 0;
    padding: 20px;
    background: #fff;
    height: 100%;
    top: 0;
    z-index: 2;
    padding-top: 160px; }
  .search-map .top-hotels {
    margin-top: 80vh; }
  .search-map .find-field-close {
    display: block; }
  .search-map .search-btn {
    width: 140px;
    margin-right: 20px; }
  .search-map .filter-btn {
    display: block;
    margin-right: 0; }
  .search-map .search-buttons {
    justify-content: flex-start; }
  .search-map .field-info {
    display: none; } }
@media (max-width: 575px) {
  .search-map .filter-btn {
    width: 140px;
    min-width: 0; } }
/*Конец поиска по карте*/